@zohodesk/components 1.0.0-temp-164 → 1.0.0-temp-165

package/lib/utils/scrollTo.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.scrollTo = void 0;
+
 var scrollTo = function scrollTo(suggestionContainer, selSuggestion) {
   if (selSuggestion && suggestionContainer) {
     if (suggestionContainer.scrollHeight === selSuggestion.offsetTop + selSuggestion.offsetHeight) {
@@ -17,4 +18,5 @@ var scrollTo = function scrollTo(suggestionContainer, selSuggestion) {
     }
   }
 };
+
 exports.scrollTo = scrollTo;

package/lib/utils/shallowEqual.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = shallowEqual;
+
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 function is(x, y) {
   if (x === y) {
     return x !== 0 || y !== 0 || 1 / x === 1 / y;
@@ -12,22 +14,28 @@ function is(x, y) {
     return x !== x && y !== y;
   }
 }
+
 function shallowEqual(objA, objB) {
   if (is(objA, objB)) {
     return true;
   }
+
   if (_typeof(objA) !== 'object' || objA === null || _typeof(objB) !== 'object' || objB === null) {
     return false;
   }
+
   var keysA = Object.keys(objA);
   var keysB = Object.keys(objB);
+
   if (keysA.length !== keysB.length) {
     return false;
   }
+
   for (var i = 0; i < keysA.length; i++) {
     if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
       return false;
     }
   }
+
   return true;
 }

package/package.json

@@ -1,124 +1,114 @@
-{
-  "name": "@zohodesk/components",
-  "version": "1.0.0-temp-164",
-  "main": "es/index.js",
-  "module": "es/index.js",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "author": "Z Team",
-  "homepage": "https://www.npmjs.com/search?q=@zohodesk",
-  "license": "ISC",
-  "keywords": [
-    "DOT",
-    "ZOHODESK",
-    "ZTEAM",
-    "LIBRARY"
-  ],
-  "scripts": {
-    "build:docs": "react-cli build:docs",
-    "lint": "react-cli lint",
-    "lintAll": "react-cli lint ./src",
-    "lintAllFix": "npm run lintAll --eslint:fix=true",
-    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
-    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
-    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
-    "build:variables": "node ./preprocess/index ./preprocess/json/theme/CTA ./node_modules/@zohodesk/variables/assets/dotColorbank.json ./node_modules/@zohodesk/variables/assets/colorVariables.json",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "common_package_build": "cd ../common && npm run build && cd ../components",
-    "start": "react-cli start",
-    "docs": "npm run dubCheck && react-cli docs",
-    "build:lib": "react-cli build:component:cmjs",
-    "build:es": "react-cli build:library:es",
-    "build": "npm run build:lib && npm run build:es && npm run cssVariableConvert",
-    "build:local": " npm run build && npm run rtl ",
-    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
-    "coverage": "react-cli coverage",
-    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
-    "postpublish": "react-cli postpublish",
-    "report": "react-cli publish:report",
-    "test": "react-cli test",
-    "sstest": "npm run init && react-cli sstest",
-    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
-    "download": "react-cli clean ./node_modules ./package-lock.json && npm install",
-    "expublish": "npm publish --tag experimental-version",
-    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
-    "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
-    "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
-    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
-  },
-  "devDependencies": {
-    "@zohodesk-private/color-variable-preprocess": "1.0.2",
-    "@zohodesk-private/css-variable-migrator": "^1.0.1",
-    "@zohodesk/a11y": "1.3.7",
-    "@zohodesk-private/node-plugins": "^1.0.0",
-    "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/icons": "1.0.0-beta.125",
-    "@zohodesk/svg": "1.0.0-temp.53",
-    "@zohodesk/variables": "1.0.0-beta.31",
-    "@zohodesk/virtualizer": "1.0.3",
-    "react-sortable-hoc": "^0.8.3",
-    "velocity-react": "1.4.3"
-  },
-  "dependencies": {
-    "hoist-non-react-statics": "3.0.1",
-    "react-transition-group": "2.5.0",
-    "reselect": "4.0.0",
-    "selectn": "1.1.2"
-  },
-  "peerDependencies": {
-    "@zohodesk/icons": "1.0.0-beta.125",
-    "@zohodesk/variables": "1.0.0-beta.31",
-    "@zohodesk/svg": "1.0.0-temp.53",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "1.4.3",
-    "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/a11y": "1.3.7"
-  },
-  "react-cli": {
-    "preprocess": {
-      "runner": "./preprocess/index.js"
-    },
-    "app": {
-      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
-      "patterns": {
-        "cssVariableReplacement": [
-          "src",
-          "lib",
-          "es",
-          "!node_modules"
-        ]
-      }
-    },
-    "css": {
-      "plugins": {
-        "hasRTL": true,
-        "cssVariableReplacement": true
-      },
-      "exclude": {
-        "rtl": [
-          "@zohodesk/icons",
-          "@zohodesk/variables"
-        ]
-      },
-      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
-    },
-    "docs": {
-      "plugins": {
-        "hasRTL": true
-      },
-      "exclude": {
-        "rtl": [
-          "@zohodesk/icons",
-          "@zohodesk/variables"
-        ]
-      },
-      "disableES5Transpile": true,
-      "componentFolder": "./src",
-      "cssUniqueness": "false"
-    }
-  }
+{
+  "name": "@zohodesk/components",
+  "version": "1.0.0-temp-165",
+  "main": "es/index.js",
+  "module": "es/index.js",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Z Team",
+  "homepage": "https://www.npmjs.com/search?q=@zohodesk",
+  "license": "ISC",
+  "keywords": [
+    "DOT",
+    "ZOHODESK",
+    "ZTEAM",
+    "LIBRARY"
+  ],
+  "scripts": {
+    "build:docs": "react-cli build:docs",
+    "lint": "react-cli lint",
+    "lintAll": "react-cli lint ./src",
+    "lintAllFix": "npm run lintAll --eslint:fix=true",
+    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
+    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
+    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
+    "build:variables": "node ./preprocess/index",
+    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
+    "common_package_build": "cd ../common && npm run build && cd ../components",
+    "start": "react-cli start",
+    "docs": "npm run dubCheck && react-cli docs",
+    "build:lib": "react-cli build:component:cmjs",
+    "build:es": "react-cli build:library:es",
+    "build": "npm run build:lib && npm run build:es",
+    "build:local": " npm run build && npm run rtl && npm run cssVariableConvert",
+    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "rtl:watch": "react-cli rtl ./src ./es -w",
+    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
+    "coverage": "react-cli coverage",
+    "prepare": "npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
+    "postpublish": "react-cli postpublish",
+    "report": "react-cli publish:report",
+    "test": "react-cli test",
+    "sstest": "npm run init && react-cli sstest",
+    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
+    "download": "react-cli clean ./node_modules ./package-lock.json && npm install",
+    "expublish": "npm publish --tag experimental-version",
+    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
+    "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
+    "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
+    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
+  },
+  "devDependencies": {
+    "@zohodesk-private/css-variable-migrator": "^1.0.5",
+    "@zohodesk/a11y": "1.3.7",
+    "@zohodesk-private/node-plugins": "^1.0.0",
+    "@zohodesk/docstool": "1.0.0-alpha-2",
+    "@zohodesk/icons": "1.0.0-beta.132",
+    "@zohodesk/svg": "1.0.0-beta.59",
+    "@zohodesk/variables": "1.0.0-beta.31",
+    "@zohodesk/virtualizer": "1.0.3",
+    "react-sortable-hoc": "^0.8.3",
+    "velocity-react": "1.4.3"
+  },
+  "dependencies": {
+    "hoist-non-react-statics": "3.0.1",
+    "react-transition-group": "2.5.0",
+    "reselect": "4.0.0",
+    "selectn": "1.1.2"
+  },
+  "peerDependencies": {
+    "@zohodesk/icons": "1.0.0-beta.132",
+    "@zohodesk/variables": "1.0.0-beta.31",
+    "@zohodesk/svg": "1.0.0-beta.59",
+    "@zohodesk/virtualizer": "1.0.3",
+    "velocity-react": "1.4.3",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/a11y": "1.3.7"
+  },
+  "react-cli": {
+    "preprocess": {
+      "runner": "./preprocess/index.js"
+    },
+    "css": {
+      "plugins": {
+        "hasRTL": true,
+        "cssVariableReplacement": true
+      },
+      "patterns": {
+        "cssVariableReplacement": [
+          "**/src/**",
+          "**/lib/**",
+          "**/es/**",
+          "!**/node_modules/**"
+        ]
+      },
+      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
+    },
+    "docs": {
+      "plugins": {
+        "hasRTL": true
+      },
+      "exclude": {
+        "rtl": [
+          "@zohodesk/icons",
+          "@zohodesk/variables"
+        ]
+      },
+      "disableES5Transpile": true,
+      "componentFolder": "./src",
+      "cssUniqueness": "false"
+    }
+  }
 }

package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css

@@ -1,45 +0,0 @@
-[data-mode='dark'][data-theme='blue'] {
-	/* stencil */
-	--stencil_dark_bg: rgb(56,63,85);
-	--stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--dropbox_dark_bg: rgb(35,43,56);
-	
-	/* listitem */
-	--listitem_dark_bg: rgb(35,43,56);
-	--listitem_dark_text: rgb(226,228,230);
-	--listitem_dark_effect_bg: rgb(38,47,61);
-	--listitem_dark_active_bg: rgb(59,77,109);
-	--listitem_dark_tickicon: rgb(71,157,255);
-	
-	/* tag */
-	--tag_dark_text: rgb(208,208,212);
-	--tag_dark_bg: rgb(66,72,95);
-	--tag_dark_hover_text: rgb(208,208,212);
-	--tag_dark_hover_bg: rgb(80,51,72);
-	--tag_dark_close_bg: rgb(134,70,84);
-	--tag_dark_close_text: rgb(222,53,53);
-	
-	/* multiselect */
-	--multiselect_dark_border: rgb(75,81,104);
-	--multiselect_darkmsg_bg: rgb(35,43,56);
-	--multiselect_darkmsg_text: rgb(208,208,212);
-	--multiselect_darkdelete_hover_text: rgb(226,228,230);
-	
-	/* avatar */
-	--avatar_white_border: rgb(168,176,189);
-	--avatar_white_text: rgb(255,255,255);
-	
-	/* label */
-	--label_dark_text: rgb(208,208,212);
-	
-	/* textbox */
-	--textbox_light_text: rgb(255,255,255);
-	
-	/* dropdown */
-	--dropdown_darkheading_text: rgb(168,176,189);
-	
-	/* focusscope */
-	--a11y_focusScope_focus_border: rgb(71,157,255);
-}

package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css

@@ -1,45 +0,0 @@
-[data-mode='dark'][data-theme='green'] {
-	/* stencil */
-	--stencil_dark_bg: rgb(56,63,85);
-	--stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--dropbox_dark_bg: rgb(35,43,56);
-	
-	/* listitem */
-	--listitem_dark_bg: rgb(35,43,56);
-	--listitem_dark_text: rgb(226,228,230);
-	--listitem_dark_effect_bg: rgb(38,47,61);
-	--listitem_dark_active_bg: rgb(59,77,109);
-	--listitem_dark_tickicon: rgb(69,161,89);
-	
-	/* tag */
-	--tag_dark_text: rgb(208,208,212);
-	--tag_dark_bg: rgb(66,72,95);
-	--tag_dark_hover_text: rgb(208,208,212);
-	--tag_dark_hover_bg: rgb(80,51,72);
-	--tag_dark_close_bg: rgb(134,70,84);
-	--tag_dark_close_text: rgb(222,53,53);
-	
-	/* multiselect */
-	--multiselect_dark_border: rgb(75,81,104);
-	--multiselect_darkmsg_bg: rgb(35,43,56);
-	--multiselect_darkmsg_text: rgb(208,208,212);
-	--multiselect_darkdelete_hover_text: rgb(226,228,230);
-	
-	/* avatar */
-	--avatar_white_border: rgb(168,176,189);
-	--avatar_white_text: rgb(255,255,255);
-	
-	/* label */
-	--label_dark_text: rgb(208,208,212);
-	
-	/* textbox */
-	--textbox_light_text: rgb(255,255,255);
-	
-	/* dropdown */
-	--dropdown_darkheading_text: rgb(168,176,189);
-	
-	/* focusscope */
-	--a11y_focusScope_focus_border: rgb(69,161,89);
-}

package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css

@@ -1,45 +0,0 @@
-[data-mode='dark'][data-theme='orange'] {
-	/* stencil */
-	--stencil_dark_bg: rgb(56,63,85);
-	--stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--dropbox_dark_bg: rgb(35,43,56);
-	
-	/* listitem */
-	--listitem_dark_bg: rgb(35,43,56);
-	--listitem_dark_text: rgb(226,228,230);
-	--listitem_dark_effect_bg: rgb(38,47,61);
-	--listitem_dark_active_bg: rgb(59,77,109);
-	--listitem_dark_tickicon: rgb(233,79,79);
-	
-	/* tag */
-	--tag_dark_text: rgb(208,208,212);
-	--tag_dark_bg: rgb(66,72,95);
-	--tag_dark_hover_text: rgb(208,208,212);
-	--tag_dark_hover_bg: rgb(80,51,72);
-	--tag_dark_close_bg: rgb(134,70,84);
-	--tag_dark_close_text: rgb(222,53,53);
-	
-	/* multiselect */
-	--multiselect_dark_border: rgb(75,81,104);
-	--multiselect_darkmsg_bg: rgb(35,43,56);
-	--multiselect_darkmsg_text: rgb(208,208,212);
-	--multiselect_darkdelete_hover_text: rgb(226,228,230);
-	
-	/* avatar */
-	--avatar_white_border: rgb(168,176,189);
-	--avatar_white_text: rgb(255,255,255);
-	
-	/* label */
-	--label_dark_text: rgb(208,208,212);
-	
-	/* textbox */
-	--textbox_light_text: rgb(255,255,255);
-	
-	/* dropdown */
-	--dropdown_darkheading_text: rgb(168,176,189);
-	
-	/* focusscope */
-	--a11y_focusScope_focus_border: rgb(255,128,31);
-}

package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css

@@ -1,45 +0,0 @@
-[data-mode='dark'][data-theme='red'] {
-	/* stencil */
-	--stencil_dark_bg: rgb(56,63,85);
-	--stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--dropbox_dark_bg: rgb(35,43,56);
-	
-	/* listitem */
-	--listitem_dark_bg: rgb(35,43,56);
-	--listitem_dark_text: rgb(226,228,230);
-	--listitem_dark_effect_bg: rgb(38,47,61);
-	--listitem_dark_active_bg: rgb(59,77,109);
-	--listitem_dark_tickicon: rgb(255,128,31);
-	
-	/* tag */
-	--tag_dark_text: rgb(208,208,212);
-	--tag_dark_bg: rgb(66,72,95);
-	--tag_dark_hover_text: rgb(208,208,212);
-	--tag_dark_hover_bg: rgb(80,51,72);
-	--tag_dark_close_bg: rgb(134,70,84);
-	--tag_dark_close_text: rgb(222,53,53);
-	
-	/* multiselect */
-	--multiselect_dark_border: rgb(75,81,104);
-	--multiselect_darkmsg_bg: rgb(35,43,56);
-	--multiselect_darkmsg_text: rgb(208,208,212);
-	--multiselect_darkdelete_hover_text: rgb(226,228,230);
-	
-	/* avatar */
-	--avatar_white_border: rgb(168,176,189);
-	--avatar_white_text: rgb(255,255,255);
-	
-	/* label */
-	--label_dark_text: rgb(208,208,212);
-	
-	/* textbox */
-	--textbox_light_text: rgb(255,255,255);
-	
-	/* dropdown */
-	--dropdown_darkheading_text: rgb(168,176,189);
-	
-	/* focusscope */
-	--a11y_focusScope_focus_border: rgb(233,79,79);
-}

package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css

@@ -1,45 +0,0 @@
-[data-mode='dark'][data-theme='yellow'] {
-	/* stencil */
-	--stencil_dark_bg: rgb(56,63,85);
-	--stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--dropbox_dark_bg: rgb(35,43,56);
-	
-	/* listitem */
-	--listitem_dark_bg: rgb(35,43,56);
-	--listitem_dark_text: rgb(226,228,230);
-	--listitem_dark_effect_bg: rgb(38,47,61);
-	--listitem_dark_active_bg: rgb(59,77,109);
-	--listitem_dark_tickicon: rgb(215,152,53);
-	
-	/* tag */
-	--tag_dark_text: rgb(208,208,212);
-	--tag_dark_bg: rgb(66,72,95);
-	--tag_dark_hover_text: rgb(208,208,212);
-	--tag_dark_hover_bg: rgb(80,51,72);
-	--tag_dark_close_bg: rgb(134,70,84);
-	--tag_dark_close_text: rgb(222,53,53);
-	
-	/* multiselect */
-	--multiselect_dark_border: rgb(75,81,104);
-	--multiselect_darkmsg_bg: rgb(35,43,56);
-	--multiselect_darkmsg_text: rgb(208,208,212);
-	--multiselect_darkdelete_hover_text: rgb(226,228,230);
-	
-	/* avatar */
-	--avatar_white_border: rgb(168,176,189);
-	--avatar_white_text: rgb(255,255,255);
-	
-	/* label */
-	--label_dark_text: rgb(208,208,212);
-	
-	/* textbox */
-	--textbox_light_text: rgb(255,255,255);
-	
-	/* dropdown */
-	--dropdown_darkheading_text: rgb(168,176,189);
-	
-	/* focusscope */
-	--a11y_focusScope_focus_border: rgb(215,152,53);
-}

package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css

@@ -1,35 +0,0 @@
-[data-mode='light'][data-theme='blue'], :global(.zd-blueLightTheme) [data-theme="blue"] {
-	/* CTA variables */
-	--zdt_cta_primary_text: hsla(212, 92%, calc(48% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_hover_text: hsla(213, 100%, calc(36% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_bg: hsla(212, 92%, calc(48% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_hover_bg: hsla(213, 100%, calc(36% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_border: hsla(212, 92%, calc(48% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_hover_border: hsla(213, 100%, calc(36% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_box_shadow: rgba(10, 115, 235, 0.2);
-	--zdt_cta_primary_hover_box_shadow: rgba(0, 83, 184, 0.25);
-	--zdt_cta_primary_light_bg: hsla(212, 87%, calc(97% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_primary_light_hover_bg: hsla(212, 81%, calc(96% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_primary_light_border: hsla(208, 85%, calc(74% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_secondary_bg: hsla(212, 92%, calc(48% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_secondary_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_secondary_border: hsla(213, 94%, calc(59% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_secondary_light_border: hsla(213, 66%, calc(83% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_text: hsla(212, 92%, calc(48% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_hover_text: hsla(213, 100%, calc(36% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_border: hsla(212, 92%, calc(48% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_hover_border: hsla(213, 100%, calc(36% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_bg: hsla(213, 85%, calc(95% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_beta_border: hsla(212, 92%, calc(48% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_10_bg: hsla(216, 38%, calc(97% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_10_border: hsla(216, 38%, calc(97% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_15_bg: hsla(210, 33%, calc(94% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_15_border: hsla(210, 33%, calc(94% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_20_bg: hsla(217, 37%, calc(93% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_35_bg: hsla(213, 27%, calc(87% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_35_text: hsla(213, 27%, calc(87% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_35_border: hsla(213, 27%, calc(87% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_40_bg: hsla(231, 22%, calc(82% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_40_text: hsla(231, 22%, calc(82% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_40_border: hsla(231, 22%, calc(82% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-}

package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css

@@ -1,45 +0,0 @@
-[data-mode='light'][data-theme='blue'] {
-	/* stencil */
-	--stencil_dark_bg: rgb(56,63,85);
-	--stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
-	
-	/* dropbox */
-	--dropbox_dark_bg: rgb(56,63,87);
-	
-	/* listitem */
-	--listitem_dark_bg: rgb(56,63,87);
-	--listitem_dark_text: rgb(208,208,212);
-	--listitem_dark_effect_bg: rgb(68,74,97);
-	--listitem_dark_active_bg: rgb(59,77,109);
-	--listitem_dark_tickicon: rgb(108,187,252);
-	
-	/* tag */
-	--tag_dark_text: rgb(208,208,212);
-	--tag_dark_bg: rgb(66,72,95);
-	--tag_dark_hover_text: rgb(208,208,212);
-	--tag_dark_hover_bg: rgb(80,51,72);
-	--tag_dark_close_bg: rgb(134,70,84);
-	--tag_dark_close_text: rgb(222,53,53);
-	
-	/* multiselect */
-	--multiselect_dark_border: rgb(75,81,104);
-	--multiselect_darkmsg_bg: rgb(56,63,87);
-	--multiselect_darkmsg_text: rgb(208,208,212);
-	--multiselect_darkdelete_hover_text: rgb(255,255,255);
-	
-	/* avatar */
-	--avatar_white_border: rgb(90,97,111);
-	--avatar_white_text: rgb(255,255,255);
-	
-	/* label */
-	--label_dark_text: rgb(208,208,212);
-	
-	/* textbox */
-	--textbox_light_text: rgb(255,255,255);
-	
-	/* dropdown */
-	--dropdown_darkheading_text: rgb(255,255,255);
-	
-	/* focusscope */
-	--a11y_focusScope_focus_border: rgb(10,115,235);
-}

package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css

@@ -1,35 +0,0 @@
-[data-mode='light'][data-theme='green'] {
-	/* CTA variables */
-	--zdt_cta_primary_text: hsla(133, 63%, calc(41% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_hover_text: hsla(134, 79%, calc(26% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_bg: hsla(133, 63%, calc(41% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_hover_bg: hsla(134, 79%, calc(26% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_border: hsla(133, 63%, calc(41% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_hover_border: hsla(134, 79%, calc(26% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_primary_box_shadow: rgba(38, 169, 66, 0.2);
-	--zdt_cta_primary_hover_box_shadow: rgba(14, 117, 38, 0.25);
-	--zdt_cta_primary_light_bg: hsla(143, 44%, calc(96% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_primary_light_hover_bg: hsla(132, 43%, calc(88% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_primary_light_border: hsla(132, 43%, calc(88% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_secondary_bg: hsla(133, 63%, calc(41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_secondary_text: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_secondary_border: hsla(133, 48%, calc(52% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_secondary_light_border: hsla(132, 43%, calc(82% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_text: hsla(133, 63%, calc(41% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_hover_text: hsla(134, 79%, calc(26% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_border: hsla(133, 63%, calc(41% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_hover_border: hsla(134, 79%, calc(26% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_alpha_bg: hsla(132, 43%, calc(88% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_beta_border: hsla(133, 63%, calc(41% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_10_bg: hsla(165, 29%, calc(97% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_10_border: hsla(165, 29%, calc(97% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_15_bg: hsla(135, 13%, calc(94% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_15_border: hsla(135, 13%, calc(94% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_20_bg: hsla(180, 11%, calc(93% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_35_bg: hsla(140, 16%, calc(85% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_35_text: hsla(140, 16%, calc(85% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_35_border: hsla(140, 16%, calc(85% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_cta_grey_40_bg: hsla(135, 7%, calc(79% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_40_text: hsla(135, 7%, calc(79% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_cta_grey_40_border: hsla(135, 7%, calc(79% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-}