@zohodesk/dot 1.0.0-temp-181 → 1.0.0-temp-181.2

package/coverage/ExternalLink/ExternalLink.js.html

@@ -214,7 +214,7 @@ ExternalLink.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/ExternalLink.module.css.html

@@ -79,7 +79,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/defaultProps.js.html

@@ -85,7 +85,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/propTypes.js.html

@@ -109,7 +109,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/IconButton.js.html

@@ -451,7 +451,7 @@ IconButton.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/IconButton.module.css.html

@@ -139,7 +139,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/props/defaultProps.js.html

@@ -121,7 +121,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/props/propTypes.js.html

@@ -172,7 +172,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/Image.js.html

@@ -169,7 +169,7 @@ Image.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/Image.module.css.html

@@ -103,7 +103,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/props/defaultProps.js.html

@@ -82,7 +82,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/propTypes.js.html

@@ -112,7 +112,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html

@@ -433,7 +433,7 @@ AvatarWithTeam.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html

@@ -118,7 +118,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html

@@ -97,7 +97,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html

@@ -148,7 +148,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/index.html

@@ -206,7 +206,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-18T12:38:30.098Z
+                at 2024-03-28T08:22:19.976Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/es/common/dot_boxShadow.module.css

@@ -35,6 +35,4 @@
 
     /* desktop notification */
     --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
-
-
 }

package/es/v1/DotWrapper/DotWrapper.js

@@ -1,28 +1,41 @@
 import React from 'react';
-import '@zohodesk/variables/assets/sizeVariables.module.css';
-import { getAppearance, getTheme } from './libraryChunks/dynamicImports';
+import { getAppearance, getTheme, getZoomSize, getFontSize } from './libraryChunks/dynamicImports';
+import '@zohodesk/variables/assets/colorVariables.module.css';
+import '@zohodesk/variables/assets/dotVariables.module.css';
+import '@zohodesk/components/es/common/basic.module.css';
+import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
+import '@zohodesk/components/lib/common/boxShadow.module.css';
+import '../../common/dot_boxShadow.module.css';
+import '@zohodesk-private/desk-components/es/common/Dc_boxShadow.module.css';
 import { propTypes } from './props/propTypes';
 import { defaultProps } from './props/defaultProps';
 export default function DotWrapper(props) {
   let {
+    children,
     appearance,
     theme,
     library,
-    isZoom,
-    baseZoomSize
+    baseZoomSize,
+    baseFontSize,
+    className
   } = props;
   getAppearance(appearance, library);
   getTheme(appearance, theme, library);
-  const wrapperStyle = {
-    background: 'aqua',
-    color: '#000',
-    padding: 'var(--zd_size20)',
+  baseZoomSize && getZoomSize();
+  baseFontSize && getFontSize();
+  const baseZoom = {
     '--zd_baseSize': baseZoomSize
   };
+  const baseFont = {
+    '--zd_baseFontSize': baseFontSize
+  };
+  const combinedStyles = { ...baseZoom,
+    ...baseFont
+  };
   return /*#__PURE__*/React.createElement("div", {
-    className: "rootWrapper",
-    style: wrapperStyle
-  }, "Dot Wrapper");
+    className: `${className} rootWrapper`,
+    style: combinedStyles
+  }, children);
 }
 DotWrapper.propTypes = propTypes;
 DotWrapper.defaultProps = defaultProps;

package/es/v1/DotWrapper/libraryChunks/appearance/desk-components/DarkMode_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/mode/deskComponents_DarkMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/desk-components/LightMode_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/mode/deskComponents_LightMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/desk-components/PureDarkMode_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/mode/deskComponents_PureDarkMode.module.css';

package/es/v1/DotWrapper/libraryChunks/dynamicImports.js

@@ -1,5 +1,6 @@
 import { appearanceImports, appearanceMapping } from "../utils/appearanceProperties";
 import { themeImports, themeMapping } from "../utils/themeProperties";
+import { imports, mapping } from "../utils/sizeProperties";
 import { importFiles } from "../utils/importFiles";
 import { errorMessage } from "../utils/errorMessage";
 const defaultLib = ['component', 'dot', 'svg'];
@@ -9,11 +10,19 @@ export function getAppearance(mode, library) {
   const libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
   console.log('get appearance -->', mode, libArray);
   errorMessage(modeArray, mode, 'appearance');
-  importFiles(libArray, appearanceMapping, appearanceImports, mode);
+  importFiles('appearance', libArray, appearanceMapping, appearanceImports, mode);
 }
 export function getTheme(mode, theme, library) {
   const libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
   console.log('get theme -->', theme, libArray);
   errorMessage(themeArray, theme, 'theme');
-  importFiles(libArray, themeMapping, themeImports, mode, theme);
+  importFiles('theme', libArray, themeMapping, themeImports, mode, theme);
+}
+export function getZoomSize() {
+  console.log('get zoom size variables');
+  importFiles('zoom', null, mapping, imports);
+}
+export function getFontSize() {
+  console.log('font size variables');
+  importFiles('font', null, mapping, imports);
 }

package/es/v1/DotWrapper/libraryChunks/size/fontSize.js

@@ -0,0 +1 @@
+import '@zohodesk/variables/assets/fontsizeVariables.module.css';

package/es/v1/DotWrapper/libraryChunks/size/zoomSize.js

@@ -0,0 +1 @@
+import '@zohodesk/variables/assets/sizeVariables.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/blue/Blue_Dark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/themes/blue/blue_deskComponentsTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/blue/Blue_Light_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/themes/blue/blue_deskComponentsTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/blue/Blue_PureDark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/blue/blue_deskComponentsTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/green/Green_Dark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/themes/green/green_deskComponentsTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/green/Green_Light_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/themes/green/green_deskComponentsTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/green/Green_PureDark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/green/green_deskComponentsTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/orange/Orange_Dark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/themes/orange/orange_deskComponentsTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/orange/Orange_Light_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/themes/orange/orange_deskComponentsTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/orange/Orange_PureDark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/orange/orange_deskComponentsTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/red/Red_Dark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/themes/red/red_deskComponentsTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/red/Red_Light_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/themes/red/red_deskComponentsTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/red/Red_PureDark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/red/red_deskComponentsTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/yellow/Yellow_Dark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/themes/yellow/yellow_deskComponentsTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/yellow/Yellow_Light_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/themes/yellow/yellow_deskComponentsTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/yellow/Yellow_PureDark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/yellow/yellow_deskComponentsTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/props/defaultProps.js

@@ -2,6 +2,5 @@ export const defaultProps = {
   appearance: 'light',
   theme: 'blue',
   library: ['component'],
-  isZoom: false,
-  baseZoomSize: '1'
+  className: ''
 };

package/es/v1/DotWrapper/props/propTypes.js

@@ -1,8 +1,10 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
   appearance: PropTypes.oneOf(['light', 'dark', 'pureDark']),
   theme: PropTypes.oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
-  library: PropTypes.arrayOf(PropTypes.oneOf(['component', 'dot', 'svg'])),
-  isZoom: PropTypes.bool,
-  baseZoomSize: PropTypes.number
+  library: PropTypes.arrayOf(PropTypes.oneOf(['component', 'dot', 'svg', 'deskComponents'])),
+  baseZoomSize: PropTypes.number,
+  baseFontSize: PropTypes.number,
+  className: PropTypes.string
 };

package/es/v1/DotWrapper/utils/appearanceProperties.js

@@ -25,7 +25,16 @@ export const appearanceImports = {
   '../libraryChunks/appearance/svg/DarkMode_SVG'),
   Lib_PureDarkMode_SVG: () => import(
   /* webpackChunkName: 'Lib_PureDarkMode_SVG' */
-  '../libraryChunks/appearance/svg/PureDarkMode_SVG')
+  '../libraryChunks/appearance/svg/PureDarkMode_SVG'),
+  Lib_LightMode_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_LightMode_DeskComponent' */
+  '../libraryChunks/appearance/desk-components/LightMode_DeskComponent'),
+  Lib_DarkMode_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_DeskComponent' */
+  '../libraryChunks/appearance/desk-components/DarkMode_DeskComponent'),
+  Lib_PureDarkMode_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_DeskComponent' */
+  '../libraryChunks/appearance/desk-components/PureDarkMode_DeskComponent')
 };
 export const appearanceMapping = {
   component: {
@@ -42,5 +51,10 @@ export const appearanceMapping = {
     light: 'Lib_LightMode_SVG',
     dark: 'Lib_DarkMode_SVG',
     pureDark: 'Lib_PureDarkMode_SVG'
+  },
+  deskComponents: {
+    light: 'Lib_LightMode_DeskComponent',
+    dark: 'Lib_DarkMode_DeskComponent',
+    pureDark: 'Lib_PureDarkMode_DeskComponent'
   }
 };

package/es/v1/DotWrapper/utils/importFiles.js

@@ -1,18 +1,28 @@
-export function importFiles(libArray, mapping, imports, mode, theme) {
-  return libArray.map(libName => {
-    const importFile = theme ? [mapping[libName][theme][mode]] : [mapping[libName][mode]];
-    console.log(`Import file for ${libName} -->`, importFile);
-    const promises = [];
-    importFile.forEach(fileKey => {
-      if (imports[fileKey]) {
-        promises.push(imports[fileKey]());
-      } else {
-        console.error(`Import not found for ${fileKey}`);
-      }
+export function importFiles(type, libArray, mapping, imports, mode, theme) {
+  if (type === 'appearance' || type === 'theme') {
+    return libArray.map(libName => {
+      const importFile = theme ? [mapping[libName][theme][mode]] : [mapping[libName][mode]];
+      console.log(`Import file for ${libName} -->`, importFile);
+      const promises = [];
+      importFile.forEach(fileKey => {
+        if (imports[fileKey]) {
+          promises.push(imports[fileKey]());
+        } else {
+          console.error(`Import not found for ${fileKey}`);
+        }
+      });
+      return Promise.all(promises).catch(error => {
+        console.error(`Error importing files for ${libName}:`, error);
+        return Promise.reject(error);
+      });
     });
-    return Promise.all(promises).catch(error => {
-      console.error(`Error importing files for ${libName}:`, error);
-      return Promise.reject(error);
-    });
-  });
+  }
+
+  if (type === 'zoom') {
+    return imports[mapping.zoomSize]();
+  }
+
+  if (type === 'font') {
+    return imports[mapping.fontSize]();
+  }
 }

package/es/v1/DotWrapper/utils/sizeProperties.js

@@ -0,0 +1,12 @@
+export const imports = {
+  Lib_ZoomSize: () => import(
+  /* webpackChunkName: 'Lib_ZoomSize' */
+  '../libraryChunks/size/zoomSize'),
+  Lib_FontSize: () => import(
+  /* webpackChunkName: 'Lib_FontSize' */
+  '../libraryChunks/size/fontSize')
+};
+export const mapping = {
+  zoomSize: 'Lib_ZoomSize',
+  fontSize: 'Lib_FontSize'
+};