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

package/es/v1/DotWrapper/libraryChunks/appearance/svg/DarkMode_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/mode/SVG_DarkMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/svg/LightMode_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/mode/SVG_LightMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/svg/PureDarkMode_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css';

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

@@ -0,0 +1,19 @@
+import { appearanceImports, appearanceMapping } from "../utils/appearanceProperties";
+import { themeImports, themeMapping } from "../utils/themeProperties";
+import { importFiles } from "../utils/importFiles";
+import { errorMessage } from "../utils/errorMessage";
+const defaultLib = ['component', 'dot', 'svg'];
+const modeArray = ['light', 'dark', 'pureDark'];
+const themeArray = ['blue', 'green', 'orange', 'red', 'yellow'];
+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);
+}
+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);
+}

package/es/v1/DotWrapper/libraryChunks/themes/component/blue/Blue_Dark_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/blue/Blue_Light_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/blue/Blue_PureDark_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/green/Green_Dark_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/green/Green_Light_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/green/Green_PureDark_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/orange/Orange_Dark_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/orange/Orange_Light_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/orange/Orange_PureDark_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/red/Red_Dark_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/red/Red_Light_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/red/Red_PureDark_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/yellow/Yellow_Light_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js

@@ -0,0 +1,3 @@
+import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/blue/Blue_Light_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/green/Green_Dark_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/green/Green_Light_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/green/Green_PureDark_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/orange/Orange_Light_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/red/Red_Dark_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/red/Red_Light_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/red/Red_PureDark_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js

@@ -0,0 +1 @@
+import './../../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_Light_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/green/Green_Dark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/green/Green_Light_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/green/Green_PureDark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_Light_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/red/Red_Dark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/red/Red_Light_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/red/Red_PureDark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js

@@ -0,0 +1 @@
+import '@zohodesk/svg/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css';

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

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

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

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  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
+};

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

@@ -0,0 +1,46 @@
+export const appearanceImports = {
+  Lib_LightMode_Component: () => import(
+  /* webpackChunkName: 'Lib_LightMode_Component' */
+  '../libraryChunks/appearance/component/LightMode_Component'),
+  Lib_DarkMode_Component: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_Component' */
+  '../libraryChunks/appearance/component/DarkMode_Component'),
+  Lib_PureDarkMode_Component: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_Component' */
+  '../libraryChunks/appearance/component/PureDarkMode_Component'),
+  Lib_LightMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_LightMode_Dot' */
+  '../libraryChunks/appearance/dot/LightMode_Dot'),
+  Lib_DarkMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_Dot' */
+  '../libraryChunks/appearance/dot/DarkMode_Dot'),
+  Lib_PureDarkMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_Dot' */
+  '../libraryChunks/appearance/dot/PureDarkMode_Dot'),
+  Lib_LightMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_LightMode_SVG' */
+  '../libraryChunks/appearance/svg/LightMode_SVG'),
+  Lib_DarkMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_SVG' */
+  '../libraryChunks/appearance/svg/DarkMode_SVG'),
+  Lib_PureDarkMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_SVG' */
+  '../libraryChunks/appearance/svg/PureDarkMode_SVG')
+};
+export const appearanceMapping = {
+  component: {
+    light: 'Lib_LightMode_Component',
+    dark: 'Lib_DarkMode_Component',
+    pureDark: 'Lib_PureDarkMode_Component'
+  },
+  dot: {
+    light: 'Lib_LightMode_Dot',
+    dark: 'Lib_DarkMode_Dot',
+    pureDark: 'Lib_PureDarkMode_Dot'
+  },
+  svg: {
+    light: 'Lib_LightMode_SVG',
+    dark: 'Lib_DarkMode_SVG',
+    pureDark: 'Lib_PureDarkMode_SVG'
+  }
+};

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

@@ -0,0 +1,7 @@
+export function errorMessage(array, value, type) {
+  if (!array.includes(value)) {
+    throw new Error(`We do not support the '${value} ${type}'. Please provide valid '${type}' name or check spelling.`);
+  }
+
+  return;
+}

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

@@ -0,0 +1,18 @@
+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}`);
+      }
+    });
+    return Promise.all(promises).catch(error => {
+      console.error(`Error importing files for ${libName}:`, error);
+      return Promise.reject(error);
+    });
+  });
+}

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

@@ -0,0 +1,220 @@
+export const themeImports = {
+  Lib_Blue_Light_Component: () => import(
+  /* webpackChunkName: 'Lib_Blue_Light_Component' */
+  '../libraryChunks/themes/component/blue/Blue_Light_Component'),
+  Lib_Blue_Dark_Component: () => import(
+  /* webpackChunkName: 'Lib_Blue_Dark_Component' */
+  '../libraryChunks/themes/component/blue/Blue_Dark_Component'),
+  Lib_Blue_PureDark_Component: () => import(
+  /* webpackChunkName: 'Lib_Blue_PureDark_Component' */
+  '../libraryChunks/themes/component/blue/Blue_PureDark_Component'),
+  Lib_Green_Light_Component: () => import(
+  /* webpackChunkName: 'Lib_Green_Light_Component' */
+  '../libraryChunks/themes/component/green/Green_Light_Component'),
+  Lib_Green_Dark_Component: () => import(
+  /* webpackChunkName: 'Lib_Green_Dark_Component' */
+  '../libraryChunks/themes/component/green/Green_Dark_Component'),
+  Lib_Green_PureDark_Component: () => import(
+  /* webpackChunkName: 'Lib_Green_PureDark_Component' */
+  '../libraryChunks/themes/component/green/Green_PureDark_Component'),
+  Lib_Orange_Light_Component: () => import(
+  /* webpackChunkName: 'Lib_Orange_Light_Component' */
+  '../libraryChunks/themes/component/orange/Orange_Light_Component'),
+  Lib_Orange_Dark_Component: () => import(
+  /* webpackChunkName: 'Lib_Orange_Dark_Component' */
+  '../libraryChunks/themes/component/orange/Orange_Dark_Component'),
+  Lib_Orange_PureDark_Component: () => import(
+  /* webpackChunkName: 'Lib_Orange_PureDark_Component' */
+  '../libraryChunks/themes/component/orange/Orange_PureDark_Component'),
+  Lib_Red_Light_Component: () => import(
+  /* webpackChunkName: 'Lib_Red_Light_Component' */
+  '../libraryChunks/themes/component/red/Red_Light_Component'),
+  Lib_Red_Dark_Component: () => import(
+  /* webpackChunkName: 'Lib_Red_Dark_Component' */
+  '../libraryChunks/themes/component/red/Red_Dark_Component'),
+  Lib_Red_PureDark_Component: () => import(
+  /* webpackChunkName: 'Lib_Red_PureDark_Component' */
+  '../libraryChunks/themes/component/red/Red_PureDark_Component'),
+  Lib_Yellow_Light_Component: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Light_Component' */
+  '../libraryChunks/themes/component/yellow/Yellow_Light_Component'),
+  Lib_Yellow_Dark_Component: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Dark_Component' */
+  '../libraryChunks/themes/component/yellow/Yellow_Dark_Component'),
+  Lib_Yellow_PureDark_Component: () => import(
+  /* webpackChunkName: 'Lib_Yellow_PureDark_Component' */
+  '../libraryChunks/themes/component/yellow/Yellow_PureDark_Component'),
+  Lib_Blue_Light_Dot: () => import(
+  /* webpackChunkName: 'Lib_Blue_Light_Dot' */
+  '../libraryChunks/themes/dot/blue/Blue_Light_Dot'),
+  Lib_Blue_Dark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Blue_Dark_Dot' */
+  '../libraryChunks/themes/dot/blue/Blue_Dark_Dot'),
+  Lib_Blue_PureDark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Blue_PureDark_Dot' */
+  '../libraryChunks/themes/dot/blue/Blue_PureDark_Dot'),
+  Lib_Green_Light_Dot: () => import(
+  /* webpackChunkName: 'Lib_Green_Light_Dot' */
+  '../libraryChunks/themes/dot/green/Green_Light_Dot'),
+  Lib_Green_Dark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Green_Dark_Dot' */
+  '../libraryChunks/themes/dot/green/Green_Dark_Dot'),
+  Lib_Green_PureDark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Green_PureDark_Dot' */
+  '../libraryChunks/themes/dot/green/Green_PureDark_Dot'),
+  Lib_Orange_Light_Dot: () => import(
+  /* webpackChunkName: 'Lib_Orange_Light_Dot' */
+  '../libraryChunks/themes/dot/orange/Orange_Light_Dot'),
+  Lib_Orange_Dark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Orange_Dark_Dot' */
+  '../libraryChunks/themes/dot/orange/Orange_Dark_Dot'),
+  Lib_Orange_PureDark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Orange_PureDark_Dot' */
+  '../libraryChunks/themes/dot/orange/Orange_PureDark_Dot'),
+  Lib_Red_Light_Dot: () => import(
+  /* webpackChunkName: 'Lib_Red_Light_Dot' */
+  '../libraryChunks/themes/dot/red/Red_Light_Dot'),
+  Lib_Red_Dark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Red_Dark_Dot' */
+  '../libraryChunks/themes/dot/red/Red_Dark_Dot'),
+  Lib_Red_PureDark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Red_PureDark_Dot' */
+  '../libraryChunks/themes/dot/red/Red_PureDark_Dot'),
+  Lib_Yellow_Light_Dot: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Light_Dot' */
+  '../libraryChunks/themes/dot/yellow/Yellow_Light_Dot'),
+  Lib_Yellow_Dark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Dark_Dot' */
+  '../libraryChunks/themes/dot/yellow/Yellow_Dark_Dot'),
+  Lib_Yellow_PureDark_Dot: () => import(
+  /* webpackChunkName: 'Lib_Yellow_PureDark_Dot' */
+  '../libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot'),
+  Lib_Blue_Light_SVG: () => import(
+  /* webpackChunkName: 'Lib_Blue_Light_SVG' */
+  '../libraryChunks/themes/svg/blue/Blue_Light_SVG'),
+  Lib_Blue_Dark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Blue_Dark_SVG' */
+  '../libraryChunks/themes/svg/blue/Blue_Dark_SVG'),
+  Lib_Blue_PureDark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Blue_PureDark_SVG' */
+  '../libraryChunks/themes/svg/blue/Blue_PureDark_SVG'),
+  Lib_Green_Light_SVG: () => import(
+  /* webpackChunkName: 'Lib_Green_Light_SVG' */
+  '../libraryChunks/themes/svg/green/Green_Light_SVG'),
+  Lib_Green_Dark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Green_Dark_SVG' */
+  '../libraryChunks/themes/svg/green/Green_Dark_SVG'),
+  Lib_Green_PureDark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Green_PureDark_SVG' */
+  '../libraryChunks/themes/svg/green/Green_PureDark_SVG'),
+  Lib_Orange_Light_SVG: () => import(
+  /* webpackChunkName: 'Lib_Orange_Light_SVG' */
+  '../libraryChunks/themes/svg/orange/Orange_Light_SVG'),
+  Lib_Orange_Dark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Orange_Dark_SVG' */
+  '../libraryChunks/themes/svg/orange/Orange_Dark_SVG'),
+  Lib_Orange_PureDark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Orange_PureDark_SVG' */
+  '../libraryChunks/themes/svg/orange/Orange_PureDark_SVG'),
+  Lib_Red_Light_SVG: () => import(
+  /* webpackChunkName: 'Lib_Red_Light_SVG' */
+  '../libraryChunks/themes/svg/red/Red_Light_SVG'),
+  Lib_Red_Dark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Red_Dark_SVG' */
+  '../libraryChunks/themes/svg/red/Red_Dark_SVG'),
+  Lib_Red_PureDark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Red_PureDark_SVG' */
+  '../libraryChunks/themes/svg/red/Red_PureDark_SVG'),
+  Lib_Yellow_Light_SVG: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Light_SVG' */
+  '../libraryChunks/themes/svg/yellow/Yellow_Light_SVG'),
+  Lib_Yellow_Dark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Dark_SVG' */
+  '../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG'),
+  Lib_Yellow_PureDark_SVG: () => import(
+  /* webpackChunkName: 'Lib_Yellow_PureDark_SVG' */
+  '../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG')
+};
+export const themeMapping = {
+  component: {
+    blue: {
+      light: 'Lib_Blue_Light_Component',
+      dark: 'Lib_Blue_Dark_Component',
+      pureDark: 'Lib_Blue_PureDark_Component'
+    },
+    green: {
+      light: 'Lib_Green_Light_Component',
+      dark: 'Lib_Green_Dark_Component',
+      pureDark: 'Lib_Green_PureDark_Component'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_Component',
+      dark: 'Lib_Orange_Dark_Component',
+      pureDark: 'Lib_Orange_PureDark_Component'
+    },
+    red: {
+      light: 'Lib_Red_Light_Component',
+      dark: 'Lib_Red_Dark_Component',
+      pureDark: 'Lib_Red_PureDark_Component'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_Component',
+      dark: 'Lib_Yellow_Dark_Component',
+      pureDark: 'Lib_Yellow_PureDark_Component'
+    }
+  },
+  dot: {
+    blue: {
+      light: 'Lib_Blue_Light_Dot',
+      dark: 'Lib_Blue_Dark_Dot',
+      pureDark: 'Lib_Blue_PureDark_Dot'
+    },
+    green: {
+      light: 'Lib_Green_Light_Dot',
+      dark: 'Lib_Green_Dark_Dot',
+      pureDark: 'Lib_Green_PureDark_Dot'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_Dot',
+      dark: 'Lib_Orange_Dark_Dot',
+      pureDark: 'Lib_Orange_PureDark_Dot'
+    },
+    red: {
+      light: 'Lib_Red_Light_Dot',
+      dark: 'Lib_Red_Dark_Dot',
+      pureDark: 'Lib_Red_PureDark_Dot'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_Dot',
+      dark: 'Lib_Yellow_Dark_Dot',
+      pureDark: 'Lib_Yellow_PureDark_Dot'
+    }
+  },
+  svg: {
+    blue: {
+      light: 'Lib_Blue_Light_SVG',
+      dark: 'Lib_Blue_Dark_SVG',
+      pureDark: 'Lib_Blue_PureDark_SVG'
+    },
+    green: {
+      light: 'Lib_Green_Light_SVG',
+      dark: 'Lib_Green_Dark_SVG',
+      pureDark: 'Lib_Green_PureDark_SVG'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_SVG',
+      dark: 'Lib_Orange_Dark_SVG',
+      pureDark: 'Lib_Orange_PureDark_SVG'
+    },
+    red: {
+      light: 'Lib_Red_Light_SVG',
+      dark: 'Lib_Red_Dark_SVG',
+      pureDark: 'Lib_Red_PureDark_SVG'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_SVG',
+      dark: 'Lib_Yellow_Dark_SVG',
+      pureDark: 'Lib_Yellow_PureDark_SVG'
+    }
+  }
+};

package/es/v1/Drawer/Drawer.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useRef } from 'react';
 import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
 import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
@@ -134,7 +136,8 @@ export default function Drawer(props) {
       onBodyClick,
       onClose,
       needFocusScope,
-      customProps
+      customProps,
+      a11y
     } = props;
     const {
       focusScopeProps = {}
@@ -158,12 +161,12 @@ export default function Drawer(props) {
 
       return child;
     });
-    let content = /*#__PURE__*/React.createElement(Box, {
+    let content = /*#__PURE__*/React.createElement(Box, _extends({
       className: `${style.container} ${style.columns} ${style.drawerModal} ${uptoTablet ? style.mbleSize : style[size]}`,
       "data-a11y-need-focus-style": "false",
       tabindex: -1,
       eleRef: contentRef
-    }, /*#__PURE__*/React.createElement(Card, {
+    }, a11y), /*#__PURE__*/React.createElement(Card, {
       onClick: e => {
         e && e.stopPropagation && e.stopPropagation();
         onBodyClick(e);

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

@@ -18,5 +18,6 @@ export const Drawer_defaultProps = {
   needAutoZindex: true,
   onBodyClick: () => {},
   needFocusScope: false,
-  customProps: {}
+  customProps: {},
+  a11y: {}
 };

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

@@ -48,5 +48,6 @@ export const Drawer_propTypes = {
   subDrawerSize: PropTypes.oneOf(['xsmall', 'small', 'medium']),
   needFocusScope: PropTypes.bool,
   customProps: PropTypes.object,
-  innerPortalName: PropTypes.string
+  innerPortalName: PropTypes.string,
+  a11y: PropTypes.object
 };