diff --git a/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts b/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts
index 7b76e52572..1db506a276 100644
--- a/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts
@@ -369,6 +369,58 @@ export const data: Array<DataTypeDetails> = [
 		propertyEditorUIAlias: 'Umb.PropertyEditorUI.CollectionView',
 		data: [],
 	},
+	{
+		name: 'Icon Picker',
+		type: 'data-type',
+		icon: 'umb:autofill',
+		hasChildren: false,
+		key: 'dt-iconPicker',
+		isContainer: false,
+		parentKey: null,
+		isFolder: false,
+		propertyEditorModelAlias: 'Umbraco.IconPicker',
+		propertyEditorUIAlias: 'Umb.PropertyEditorUI.IconPicker',
+		data: [],
+	},
+	{
+		name: 'Number Range',
+		type: 'data-type',
+		icon: 'umb:autofill',
+		hasChildren: false,
+		key: 'dt-numberRange',
+		isContainer: false,
+		parentKey: null,
+		isFolder: false,
+		propertyEditorModelAlias: 'Umbraco.JSON',
+		propertyEditorUIAlias: 'Umb.PropertyEditorUI.NumberRange',
+		data: [],
+	},
+	{
+		name: 'Order Direction',
+		type: 'data-type',
+		icon: 'umb:autofill',
+		hasChildren: false,
+		key: 'dt-orderDirection',
+		isContainer: false,
+		parentKey: null,
+		isFolder: false,
+		propertyEditorModelAlias: 'Umbraco.JSON',
+		propertyEditorUIAlias: 'Umb.PropertyEditorUI.OrderDirection',
+		data: [],
+	},
+	{
+		name: 'Overlay Size',
+		type: 'data-type',
+		icon: 'umb:autofill',
+		hasChildren: false,
+		key: 'dt-overlaySize',
+		isContainer: false,
+		parentKey: null,
+		isFolder: false,
+		propertyEditorModelAlias: 'Umbraco.JSON',
+		propertyEditorUIAlias: 'Umb.PropertyEditorUI.OverlaySize',
+		data: [],
+	},
 ];
 
 // Temp mocked database
diff --git a/src/Umbraco.Web.UI.Client/src/core/mocks/data/document.data.ts b/src/Umbraco.Web.UI.Client/src/core/mocks/data/document.data.ts
index d2e49ff251..20ebb59e04 100644
--- a/src/Umbraco.Web.UI.Client/src/core/mocks/data/document.data.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/mocks/data/document.data.ts
@@ -144,6 +144,30 @@ export const data: Array<DocumentDetails> = [
 				description: '',
 				dataTypeKey: 'dt-blockGrid',
 			},
+			{
+				alias: 'blockGrid',
+				label: 'Icon Picker',
+				description: '',
+				dataTypeKey: 'dt-iconPicker',
+			},
+			{
+				alias: 'numberRange',
+				label: 'Number Range',
+				description: '',
+				dataTypeKey: 'dt-numberRange',
+			},
+			{
+				alias: 'orderDirection',
+				label: 'Order Direction',
+				description: '',
+				dataTypeKey: 'dt-orderDirection',
+			},
+			{
+				alias: 'overlaySize',
+				label: 'Overlay Size',
+				description: '',
+				dataTypeKey: 'dt-overlaySize',
+			},
 		],
 		data: [],
 		variants: [],