@zohodesk/dot 1.0.0-temp-195.3 → 1.0.0-temp-198.2

package/es/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js

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

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js

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

package/es/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/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/DotProvider/props/defaultProps.js

@@ -0,0 +1,11 @@
+import { THEME_APPEARANCE_LIGHT, THEME_COLOR_BLUE } from "../utils/constants";
+export const defaultProps = {
+  themeAppearance: THEME_APPEARANCE_LIGHT,
+  themeColor: THEME_COLOR_BLUE,
+  baseZoomUnit: '1px',
+  baseFontUnit: '16px',
+  zoomUnitVariable: '--zd_baseUnit',
+  fontUnitVariable: '--zd_baseFontUnit',
+  themeAppearanceAttr: 'data-mode',
+  themeColorAttr: 'data-theme'
+};

package/es/DotProvider/props/propTypes.js

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+import { THEME_APPEARANCES, THEME_COLORS } from "../utils/constants";
+export const propTypes = {
+  themeAppearance: PropTypes.oneOf(THEME_APPEARANCES),
+  themeColor: PropTypes.oneOf(THEME_COLORS),
+  baseZoomUnit: PropTypes.string,
+  baseFontUnit: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  zoomUnitVariable: PropTypes.string,
+  fontUnitVariable: PropTypes.string,
+  themeAppearanceAttr: PropTypes.string,
+  themeColorAttr: PropTypes.string,
+  providerRef: PropTypes.func,
+  onAssetsDownloadSuccess: PropTypes.func,
+  getAssetsPromises: PropTypes.func,
+  children: PropTypes.node
+};

package/es/DotProvider/utils/assetPromiseHandlers/fontSizeAssetPromise.js

@@ -0,0 +1,4 @@
+import { sizeImports, sizeMapping } from "../sizeAssetsConfig";
+export function getFontSizeAssetPromise() {
+  return sizeImports[sizeMapping.fontSize]();
+}

package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js

@@ -0,0 +1,28 @@
+import { getAssetsImportPromises } from "../getAssetsImportPromises";
+import { themeAppearanceImports, themeAppearanceMapping } from "../themeAppearanceAssetsConfig";
+import { validateAndLogError } from "../errorValidation";
+import { LIBRARIES, THEME_APPEARANCES } from "../constants";
+export function getThemeAppearanceAssetPromise(_ref) {
+  let {
+    themeAppearance
+  } = _ref;
+  const isError = validateAndLogError({
+    options: THEME_APPEARANCES,
+    value: themeAppearance,
+    type: 'themeAppearance'
+  });
+
+  if (!isError) {
+    const assetImportKeys = [];
+    LIBRARIES.map(library => {
+      const assetImportKey = themeAppearanceMapping[library][themeAppearance];
+      assetImportKeys.push(assetImportKey);
+    });
+    return getAssetsImportPromises({
+      assetImportKeys: assetImportKeys,
+      assetImports: themeAppearanceImports
+    });
+  }
+
+  return [];
+}

package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js

@@ -0,0 +1,29 @@
+import { getAssetsImportPromises } from "../getAssetsImportPromises";
+import { themeColorImports, themeColorMapping } from "../themeColorAssetsConfig";
+import { validateAndLogError } from "../errorValidation";
+import { LIBRARIES, THEME_COLORS } from "../constants";
+export function getThemeColorAssetPromise(_ref) {
+  let {
+    themeAppearance,
+    themeColor
+  } = _ref;
+  const isError = validateAndLogError({
+    options: THEME_COLORS,
+    value: themeColor,
+    type: 'themeColor'
+  });
+
+  if (!isError) {
+    const assetImportKeys = [];
+    LIBRARIES.map(library => {
+      const assetImportKey = themeColorMapping[library][themeColor][themeAppearance];
+      assetImportKeys.push(assetImportKey);
+    });
+    return getAssetsImportPromises({
+      assetImportKeys: assetImportKeys,
+      assetImports: themeColorImports
+    });
+  }
+
+  return [];
+}

package/es/DotProvider/utils/assetPromiseHandlers/zoomSizeAssetPromise.js

@@ -0,0 +1,4 @@
+import { sizeImports, sizeMapping } from "../sizeAssetsConfig";
+export function getZoomSizeAssetPromise() {
+  return sizeImports[sizeMapping.zoomSize]();
+}

package/es/DotProvider/utils/constants.js

@@ -0,0 +1,14 @@
+export const LIBRARY_COMPONENT = 'component';
+export const LIBRARY_DOT = 'dot';
+export const LIBRARY_SVG = 'svg';
+export const THEME_APPEARANCE_LIGHT = 'light';
+export const THEME_APPEARANCE_DARK = 'dark';
+export const THEME_APPEARANCE_PURE_DARK = 'pureDark';
+export const THEME_COLOR_BLUE = 'blue';
+export const THEME_COLOR_GREEN = 'green';
+export const THEME_COLOR_ORANGE = 'orange';
+export const THEME_COLOR_RED = 'red';
+export const THEME_COLOR_YELLOW = 'yellow';
+export const LIBRARIES = [LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG];
+export const THEME_APPEARANCES = [THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_DARK, THEME_APPEARANCE_PURE_DARK];
+export const THEME_COLORS = [THEME_COLOR_BLUE, THEME_COLOR_GREEN, THEME_COLOR_ORANGE, THEME_COLOR_RED, THEME_COLOR_YELLOW];

package/es/DotProvider/utils/errorValidation.js

@@ -0,0 +1,17 @@
+import { THEME_APPEARANCES, THEME_COLORS } from "./constants";
+export function validateAndLogError(_ref) {
+  let {
+    options,
+    value,
+    type
+  } = _ref;
+  let isError = !options.includes(value);
+
+  if (isError) {
+    const themeAppearances = THEME_APPEARANCES.toString();
+    const themeColors = THEME_COLORS.toString();
+    console.error(`We do not support the '${value} ${type}'. Please provide valid '${type}' values or check spelling. DotProvider supports ${themeAppearances} appearance & ${themeColors} theme.`);
+  }
+
+  return isError;
+}

package/es/DotProvider/utils/getAssetsImportPromises.js

@@ -0,0 +1,17 @@
+export function getAssetsImportPromises(_ref) {
+  let {
+    assetImportKeys,
+    assetImports
+  } = _ref;
+  const promises = [];
+  assetImportKeys.forEach(importKey => {
+    const assetURL = assetImports[importKey];
+
+    if (assetURL) {
+      promises.push(assetURL());
+    } else {
+      console.error(`Import not found for ${importKey} from ${assetImports}`);
+    }
+  });
+  return promises;
+}

package/es/DotProvider/utils/sizeAssetsConfig.js

@@ -0,0 +1,12 @@
+export const sizeImports = {
+  Lib_ZoomSize: () => import(
+  /* webpackChunkName: 'Lib_ZoomSize' */
+  '@zohodesk/variables/assets/sizeVariables.module.css'),
+  Lib_FontSize: () => import(
+  /* webpackChunkName: 'Lib_FontSize' */
+  '@zohodesk/variables/assets/fontsizeVariables.module.css')
+};
+export const sizeMapping = {
+  zoomSize: 'Lib_ZoomSize',
+  fontSize: 'Lib_FontSize'
+};

package/es/DotProvider/utils/themeAppearanceAssetsConfig.js

@@ -0,0 +1,47 @@
+import { LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG, THEME_APPEARANCE_DARK, THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_PURE_DARK } from "./constants";
+export const themeAppearanceImports = {
+  Lib_LightMode_Component: () => import(
+  /* webpackChunkName: 'Lib_LightMode_Component' */
+  '@zohodesk/components/assets/Appearance/light/mode/Component_LightMode.module.css'),
+  Lib_DarkMode_Component: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_Component' */
+  '@zohodesk/components/assets/Appearance/dark/mode/Component_DarkMode.module.css'),
+  Lib_PureDarkMode_Component: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_Component' */
+  '@zohodesk/components/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css'),
+  Lib_LightMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_LightMode_Dot' */
+  "./../../../assets/Appearance/light/mode/Dot_LightMode.module.css"),
+  Lib_DarkMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_Dot' */
+  "./../../../assets/Appearance/dark/mode/Dot_DarkMode.module.css"),
+  Lib_PureDarkMode_Dot: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_Dot' */
+  "./../../../assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css"),
+  Lib_LightMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_LightMode_SVG' */
+  '@zohodesk/svg/assets/Appearance/light/mode/SVG_LightMode.module.css'),
+  Lib_DarkMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_SVG' */
+  '@zohodesk/svg/assets/Appearance/dark/mode/SVG_DarkMode.module.css'),
+  Lib_PureDarkMode_SVG: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_SVG' */
+  '@zohodesk/svg/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css')
+};
+export const themeAppearanceMapping = {
+  [LIBRARY_COMPONENT]: {
+    [THEME_APPEARANCE_LIGHT]: 'Lib_LightMode_Component',
+    [THEME_APPEARANCE_DARK]: 'Lib_DarkMode_Component',
+    [THEME_APPEARANCE_PURE_DARK]: 'Lib_PureDarkMode_Component'
+  },
+  [LIBRARY_DOT]: {
+    [THEME_APPEARANCE_LIGHT]: 'Lib_LightMode_Dot',
+    [THEME_APPEARANCE_DARK]: 'Lib_DarkMode_Dot',
+    [THEME_APPEARANCE_PURE_DARK]: 'Lib_PureDarkMode_Dot'
+  },
+  [LIBRARY_SVG]: {
+    [THEME_APPEARANCE_LIGHT]: 'Lib_LightMode_SVG',
+    [THEME_APPEARANCE_DARK]: 'Lib_DarkMode_SVG',
+    [THEME_APPEARANCE_PURE_DARK]: 'Lib_PureDarkMode_SVG'
+  }
+};

package/es/DotProvider/utils/themeColorAssetsConfig.js

@@ -0,0 +1,221 @@
+import { LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG, THEME_APPEARANCE_DARK, THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_PURE_DARK, THEME_COLOR_BLUE, THEME_COLOR_GREEN, THEME_COLOR_ORANGE, THEME_COLOR_RED, THEME_COLOR_YELLOW } from "./constants";
+export const themeColorImports = {
+  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 themeColorMapping = {
+  [LIBRARY_COMPONENT]: {
+    [THEME_COLOR_BLUE]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Blue_Light_Component',
+      [THEME_APPEARANCE_DARK]: 'Lib_Blue_Dark_Component',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Blue_PureDark_Component'
+    },
+    [THEME_COLOR_GREEN]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Green_Light_Component',
+      [THEME_APPEARANCE_DARK]: 'Lib_Green_Dark_Component',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Green_PureDark_Component'
+    },
+    [THEME_COLOR_ORANGE]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Orange_Light_Component',
+      [THEME_APPEARANCE_DARK]: 'Lib_Orange_Dark_Component',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Orange_PureDark_Component'
+    },
+    [THEME_COLOR_RED]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Red_Light_Component',
+      [THEME_APPEARANCE_DARK]: 'Lib_Red_Dark_Component',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Red_PureDark_Component'
+    },
+    [THEME_COLOR_YELLOW]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Yellow_Light_Component',
+      [THEME_APPEARANCE_DARK]: 'Lib_Yellow_Dark_Component',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Yellow_PureDark_Component'
+    }
+  },
+  [LIBRARY_DOT]: {
+    [THEME_COLOR_BLUE]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Blue_Light_Dot',
+      [THEME_APPEARANCE_DARK]: 'Lib_Blue_Dark_Dot',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Blue_PureDark_Dot'
+    },
+    [THEME_COLOR_GREEN]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Green_Light_Dot',
+      [THEME_APPEARANCE_DARK]: 'Lib_Green_Dark_Dot',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Green_PureDark_Dot'
+    },
+    [THEME_COLOR_ORANGE]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Orange_Light_Dot',
+      [THEME_APPEARANCE_DARK]: 'Lib_Orange_Dark_Dot',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Orange_PureDark_Dot'
+    },
+    [THEME_COLOR_RED]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Red_Light_Dot',
+      [THEME_APPEARANCE_DARK]: 'Lib_Red_Dark_Dot',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Red_PureDark_Dot'
+    },
+    [THEME_COLOR_YELLOW]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Yellow_Light_Dot',
+      [THEME_APPEARANCE_DARK]: 'Lib_Yellow_Dark_Dot',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Yellow_PureDark_Dot'
+    }
+  },
+  [LIBRARY_SVG]: {
+    [THEME_COLOR_BLUE]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Blue_Light_SVG',
+      [THEME_APPEARANCE_DARK]: 'Lib_Blue_Dark_SVG',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Blue_PureDark_SVG'
+    },
+    [THEME_COLOR_GREEN]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Green_Light_SVG',
+      [THEME_APPEARANCE_DARK]: 'Lib_Green_Dark_SVG',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Green_PureDark_SVG'
+    },
+    [THEME_COLOR_ORANGE]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Orange_Light_SVG',
+      [THEME_APPEARANCE_DARK]: 'Lib_Orange_Dark_SVG',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Orange_PureDark_SVG'
+    },
+    [THEME_COLOR_RED]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Red_Light_SVG',
+      [THEME_APPEARANCE_DARK]: 'Lib_Red_Dark_SVG',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Red_PureDark_SVG'
+    },
+    [THEME_COLOR_YELLOW]: {
+      [THEME_APPEARANCE_LIGHT]: 'Lib_Yellow_Light_SVG',
+      [THEME_APPEARANCE_DARK]: 'Lib_Yellow_Dark_SVG',
+      [THEME_APPEARANCE_PURE_DARK]: 'Lib_Yellow_PureDark_SVG'
+    }
+  }
+};