@zohodesk/dot 1.0.0-temp-231.1 → 1.0.0-temp-229.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-231.1",
+  "version": "1.0.0-temp-229.2",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -18,7 +18,7 @@
   ],
   "scripts": {
     "clean": "react-cli clean lib es coverage assets && mkdir assets",
-    "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  ../components/src ../internal/desk-components/src node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es node_modules/@zohodesk/svg/es",
+    "dubCheck": "npx z-node-plugins dub:check ../components/src ../internal/desk-components/src node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es node_modules/@zohodesk/svg/es",
     "build:lib": "cbt build:lib src,assets lib,assets",
     "build:es": "cbt build:es src,assets es,assets",
     "build:es:watch": "cbt build:es src es",
@@ -34,28 +34,28 @@
     "snap-update": "npm run test-clean && npm run test -- -u",
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
-    "prepublishOnly": "node ../prePublish.js && npm run downloadOnly && npm run css:review  && npm run review:props",
+    "prepublishOnly": "node ../prePublish.js &&  npm run css:review ",
     "postpublish": "node ../postPublish.js",
     "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib &&  react-cli clean ./package-lock.json &&  react-cli clean ./result.json",
     "download": "npm run downloadOnly  && cd ../ && npm run download",
     "downloadOnly": "react-cli clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps",
     "expublish": "node ../publish.js -- exp",
-    "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./src/",
+    "css:lineheight:validate": "npx z-node-plugins lineheight:errorcheck ./src/",
     "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",
     "css:review": " npm run dubCheck && npm run css:lineheight:validate && npm run theme:validate ",
-    "theme:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation validate ./src ./.cli ./.cli/stringContains.js",
-    "theme:addignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation addignore ./src ./.cli ./.cli/stringContains.js",
-    "theme:removeignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation removeignore ./src ./.cli",
+    "theme:validate": "npx z-node-plugins theme:validate ./src ./.cli ./.cli/stringContains.js",
+    "theme:addignore": "npx z-node-plugins theme:addignore ./src ./.cli ./.cli/stringContains.js",
+    "theme:removeignore": "npx z-node-plugins theme:removeignore ./src ./.cli",
     "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js propValidationArg.json",
-    "css:layer_config_generate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/scan_css_generate_json.js ./src ./assets css_layer_config.json",
-    "css:layer_wrap_es": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets --skip-existing-layer",
-    "css:layer_wrap_lib": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./lib ./assets css_layer_config.json --rewrite=src=lib  --rewrite=assets=assets --skip-existing-layer",
-    "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js  css_layer_config.json ./src/dot_layer.module.css",
-    "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js  css_layer_config.json ./src/ ./assets",
+    "css:layer_config_generate": "npx z-node-plugins css:scan ./src ./assets css_layer_config.json",
+    "css:layer_wrap_es": "npx z-node-plugins css:layer_wrap ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets --skip-existing-layer",
+    "css:layer_wrap_lib": "npx z-node-plugins css:layer_wrap ./lib ./assets css_layer_config.json --rewrite=src=lib --rewrite=assets=assets --skip-existing-layer",
+    "css:layer_generate_order": "npx z-node-plugins css:layer_order css_layer_config.json ./src/dot_layer.module.css",
+    "css:layer_config_validate": "npx z-node-plugins css:layer_validate css_layer_config.json ./src/ ./assets",
     "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build",
-    "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets",
+    "css:layer_remove": "npx z-node-plugins css:layer_remove ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets",
     "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "publish": "node ../publish.js",
     "check_package": "node ../check_dependencies.js"
@@ -65,37 +65,39 @@
     "@testing-library/react": "^11.2.5",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.0.10",
-    "@zohodesk-private/color-variable-preprocessor": "1.0.0-temp-20",
+    "@zohodesk-private/color-variable-preprocessor": "1.3.1",
     "@zohodesk-private/css-variable-migrator": "1.0.9",
-    "@zohodesk-private/node-plugins": "1.1.13",
+    "@zohodesk-private/node-plugins": "1.1.14",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.9",
     "@zohodesk/client_build_tool": "0.0.20",
-    "@zohodesk/components": "1.0.0-temp-254",
+    "@zohodesk/components": "1.6.12",
     "@zohodesk/dotkit": "1.0.9",
     "@zohodesk/hooks": "2.0.8",
-    "@zohodesk/icons": "1.3.0",
+    "@zohodesk/icons": "1.3.1",
     "@zohodesk/layout": "3.1.0",
     "@zohodesk/react-cli": "1.1.27",
     "@zohodesk/svg": "1.3.5",
     "@zohodesk/utils": "1.3.16",
-    "@zohodesk/variables": "1.1.1-exp.6",
+    "@zohodesk/variables": "1.3.1",
     "@zohodesk/virtualizer": "1.0.13",
     "postcss-discard-comments": "^7.0.5",
     "react-sortable-hoc": "^0.8.3",
-    "velocity-react": "1.4.3"
+    "velocity-react": "1.4.3",
+    "@dot-system/css-utility": "0.1.1"
   },
   "peerDependencies": {
     "velocity-react": "1.4.3",
-    "@zohodesk/variables": "1.1.1-exp.6",
-    "@zohodesk/components": "1.0.0-temp-254",
-    "@zohodesk/icons": "1.3.0",
+    "@zohodesk/variables": "1.3.1",
+    "@zohodesk/components": "1.6.12",
+    "@zohodesk/icons": "1.3.1",
     "@zohodesk/svg": "1.3.5",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.8",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/a11y": "2.3.9",
-    "@zohodesk/layout": "3.1.0"
+    "@zohodesk/layout": "3.1.0",
+    "@dot-system/css-utility": "0.1.1"
   }
 }

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

@@ -1,13 +0,0 @@
-[data-mode='dark'][data-theme='blue']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(213, 27.27%, calc(23.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(213, 85.45%, calc(43.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(213, 27.27%, calc(23.73% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(213, 25.88%, calc(33.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

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

@@ -1,13 +0,0 @@
-[data-mode='dark'][data-theme='green']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(191, 21.65%, calc(19.02% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(191, 21.65%, calc(19.02% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(128, 79.71%, calc(27.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(191, 21.65%, calc(19.02% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(158, 26.83%, calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

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

@@ -1,13 +0,0 @@
-[data-mode='dark'][data-theme='orange']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(252, 4.85%, calc(20.20% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(252, 4.85%, calc(20.20% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(29, 100.00%, calc(32.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(252, 4.85%, calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(19, 21.54%, calc(25.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

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

@@ -1,13 +0,0 @@
-[data-mode='dark'][data-theme='red']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(258, 12.62%, calc(20.20% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(258, 12.62%, calc(20.20% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(0, 81.62%, calc(36.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(258, 12.62%, calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(334, 20.00%, calc(24.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

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

@@ -1,13 +0,0 @@
-[data-mode='dark'][data-theme='yellow']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(218, 7.69%, calc(20.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(218, 7.69%, calc(20.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(39, 90.18%, calc(31.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(218, 7.69%, calc(20.39% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(37, 12.70%, calc(24.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

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

@@ -1,13 +0,0 @@
-[data-mode='light'][data-theme='blue']{
-	--zdtm_cta_secondary_border_darker_low:hsla(213, 94.26%, calc(59.02% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(216, 38.46%, calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(212, 91.84%, calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(213, 100.00%, calc(36.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(212, 86.67%, calc(97.06% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(213, 65.52%, calc(82.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

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

@@ -1,13 +0,0 @@
-[data-mode='light'][data-theme='green']{
-	--zdtm_cta_secondary_border_darker_low:hsla(133, 48.36%, calc(52.16% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(165, 28.57%, calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(143, 44.44%, calc(96.47% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(133, 63.29%, calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(143, 44.44%, calc(96.47% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(134, 78.63%, calc(25.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(143, 44.44%, calc(96.47% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(132, 42.86%, calc(82.16% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css

@@ -1,13 +0,0 @@
-[data-mode='light'][data-theme='orange']{
-	--zdtm_cta_secondary_border_darker_low:hsla(28, 79.71%, calc(59.41% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(20, 20.00%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(26, 77.78%, calc(96.47% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(28, 81.75%, calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(26, 77.78%, calc(96.47% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(30, 100.00%, calc(34.90% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(26, 77.78%, calc(96.47% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(28, 79.49%, calc(84.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css

@@ -1,13 +0,0 @@
-[data-mode='light'][data-theme='red']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 72.34%, calc(63.14% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(0, 71.43%, calc(97.25% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(1, 75.38%, calc(38.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css

@@ -1,13 +0,0 @@
-[data-mode='light'][data-theme='yellow']{
-	--zdtm_cta_secondary_border_darker_low:hsla(46, 81.18%, calc(66.67% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(60, 12.50%, calc(96.86% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(46, 81.07%, calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(45, 83.33%, calc(95.29% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(48, 100.00%, calc(35.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(45, 83.33%, calc(95.29% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(46, 81.44%, calc(80.98% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css

@@ -1,13 +0,0 @@
-[data-mode='pureDark'][data-theme='blue']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(212, 100.00%, calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(213, 19.57%, calc(18.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(213, 85.45%, calc(43.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(213, 19.57%, calc(18.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(212, 38.89%, calc(28.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css

@@ -1,13 +0,0 @@
-[data-mode='pureDark'][data-theme='green']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(133, 10.84%, calc(16.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(128, 79.71%, calc(27.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(133, 10.84%, calc(16.27% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(133, 23.48%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css

@@ -1,13 +0,0 @@
-[data-mode='pureDark'][data-theme='orange']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(26, 19.51%, calc(16.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(26, 19.51%, calc(16.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(29, 100.00%, calc(32.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(26, 19.51%, calc(16.08% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(26, 40.00%, calc(21.57% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css

@@ -1,13 +0,0 @@
-[data-mode='pureDark'][data-theme='red']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(0, 13.25%, calc(16.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(0, 13.25%, calc(16.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(0, 81.62%, calc(36.27% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(0, 13.25%, calc(16.27% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(0, 26.96%, calc(22.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css

@@ -1,13 +0,0 @@
-[data-mode='pureDark'][data-theme='yellow']{
-	--zdtm_cta_secondary_border_darker_low:hsla(0, 0.00%, calc(100.00% + var(--zdc_darker_low)), calc( 0.15 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default_inverse_lower:hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_grey_10_bg_default_inverse_low:hsla(0, 0.00%, calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_light_bg_default_inverse_low:hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdtm_cta_primary_bg_default:hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_text_lighter:hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_default:hsla(35, 15.00%, calc(15.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_border_default_inverse:hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_hover_bg_default:hsla(39, 90.18%, calc(31.96% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_primary_light_bg_darker_lowest:hsla(35, 15.00%, calc(15.69% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
-	--zdtm_cta_secondary_light_border_default:hsla(38, 30.19%, calc(20.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-}