@zohodesk/svg 1.0.0-temp.48 → 1.0.0-temp.49

package/assets/Appearance/dark/mode/darkEmptyStates.module.css

@@ -1,21 +1,21 @@
 [data-mode='dark'] {
 	/* default palette */
-	--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
-	--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
-	--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
-	--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
-	--zdt_svg_default_plus: hsl(212, 100%, calc(64% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_cross: hsl(163, 45%, calc(56% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_medium_circle: hsl(0, 100%, calc(71% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_tiny_circle: hsl(133, 48%, calc(52% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_small_circle: hsl(0, 100%, calc(71% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_primary_fill: var(--zdt_svgcta_primary_fill);
+	--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
+	--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
+	--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
+	--zdt_svg_default_plus: hsl(212, 100%, calc(64% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_cross: hsl(163, 45%, calc(56% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_medium_circle: hsl(0, 100%, calc(71% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_tiny_circle: hsl(133, 48%, calc(52% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_small_circle: hsl(0, 100%, calc(71% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_svg_default_circle_fill: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	
 	/* dark palette */
-	--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
-	--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
-	--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
-	--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+	--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
+	--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
+	--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
+	--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
 	--zdt_svg_dark_plus: hsl(212, 100%, calc(64% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_svg_dark_cross: hsl(163, 45%, calc(56% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_svg_dark_medium_circle: hsl(0, 100%, calc(71% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));

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

@@ -1,10 +1,10 @@
 [data-mode='dark'][data-theme='blue'] {
-	--zdt_cta_primary_fill: hsl(217, 8%, calc(55% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(212, 100%, calc(64% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(212, 100%, calc(64% + var(--zd_dark_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(213, 34%, calc(30% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(217, 8%, calc(55% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(212, 100%, calc(64% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(213, 34%, calc(30% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(213, 34%, calc(30% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(217, 8%, calc(55% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(212, 100%, calc(64% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(212, 100%, calc(64% + var(--zd_dark_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(213, 34%, calc(30% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(217, 8%, calc(55% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(212, 100%, calc(64% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(213, 34%, calc(30% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(213, 34%, calc(30% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='dark'][data-theme='green'] {
-	--zdt_cta_primary_fill: hsl(133, 40%, calc(45% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(133, 40%, calc(45% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(133, 40%, calc(45% + var(--zd_dark_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(133, 40%, calc(45% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(133, 40%, calc(45% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(133, 40%, calc(45% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(133, 40%, calc(45% + var(--zd_dark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(133, 40%, calc(45% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(133, 40%, calc(45% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(133, 40%, calc(45% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(133, 40%, calc(45% + var(--zd_dark_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(133, 40%, calc(45% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(133, 40%, calc(45% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(133, 40%, calc(45% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(133, 40%, calc(45% + var(--zd_dark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(133, 40%, calc(45% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='dark'][data-theme='orange'] {
-	--zdt_cta_primary_fill: hsl(26, 100%, calc(56% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(26, 100%, calc(56% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(26, 100%, calc(56% + var(--zd_dark_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(26, 100%, calc(56% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(26, 100%, calc(56% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(26, 100%, calc(56% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(26, 100%, calc(56% + var(--zd_dark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(26, 100%, calc(56% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(26, 100%, calc(56% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(26, 100%, calc(56% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(26, 100%, calc(56% + var(--zd_dark_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(26, 100%, calc(56% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(26, 100%, calc(56% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(26, 100%, calc(56% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(26, 100%, calc(56% + var(--zd_dark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(26, 100%, calc(56% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='dark'][data-theme='red'] {
-	--zdt_cta_primary_fill: hsl(0, 78%, calc(61% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(0, 78%, calc(61% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(0, 78%, calc(61% + var(--zd_dark_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(0, 78%, calc(61% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(0, 78%, calc(61% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(0, 78%, calc(61% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(0, 78%, calc(61% + var(--zd_dark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(0, 78%, calc(61% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(0, 78%, calc(61% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(0, 78%, calc(61% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(0, 78%, calc(61% + var(--zd_dark_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(0, 78%, calc(61% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(0, 78%, calc(61% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(0, 78%, calc(61% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(0, 78%, calc(61% + var(--zd_dark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(0, 78%, calc(61% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='dark'][data-theme='yellow'] {
-	--zdt_cta_primary_fill: hsl(37, 67%, calc(53% + var(--zd_dark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(37, 67%, calc(53% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(37, 67%, calc(53% + var(--zd_dark_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(37, 67%, calc(53% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(37, 67%, calc(53% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(37, 67%, calc(53% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(37, 67%, calc(53% + var(--zd_dark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(37, 67%, calc(53% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(37, 67%, calc(53% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(37, 67%, calc(53% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(37, 67%, calc(53% + var(--zd_dark_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(37, 67%, calc(53% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(37, 67%, calc(53% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(37, 67%, calc(53% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(37, 67%, calc(53% + var(--zd_dark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(37, 67%, calc(53% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

package/assets/Appearance/default/mode/defaultEmptyStates.module.css

@@ -1,21 +1,21 @@
 [data-mode='default'] {
 	/* default palette */
-	--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
-	--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
-	--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
-	--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
-	--zdt_svg_default_plus: hsl(216, 49%, calc(48% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_cross: hsl(163, 45%, calc(56% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_medium_circle: hsl(354, 71%, calc(65% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_tiny_circle: hsl(163, 45%, calc(56% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_small_circle: hsl(0, 0%, calc(0% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_primary_fill: var(--zdt_svgcta_primary_fill);
+	--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
+	--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
+	--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
+	--zdt_svg_default_plus: hsl(216, 49%, calc(48% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_cross: hsl(163, 45%, calc(56% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_medium_circle: hsl(354, 71%, calc(65% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_tiny_circle: hsl(163, 45%, calc(56% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_small_circle: hsl(0, 0%, calc(0% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_svg_default_circle_fill: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	
 	/* dark palette */
-	--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
-	--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
-	--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
-	--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+	--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
+	--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
+	--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
+	--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
 	--zdt_svg_dark_plus: hsl(212, 100%, calc(64% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_svg_dark_cross: hsl(163, 45%, calc(56% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_svg_dark_medium_circle: hsl(354, 71%, calc(65% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));

package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css

@@ -1,10 +1,10 @@
 [data-mode='default'][data-theme='blue'] {
-	--zdt_cta_primary_fill: hsl(212, 92%, calc(48% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(0, 5%, calc(13% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(212, 92%, calc(48% + var(--zd_default_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(212, 92%, calc(48% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(231, 38%, calc(75% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(216, 49%, calc(48% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(216, 49%, calc(48% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(212, 92%, calc(48% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(0, 5%, calc(13% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(212, 92%, calc(48% + var(--zd_default_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(212, 92%, calc(48% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(231, 38%, calc(75% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(216, 49%, calc(48% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(216, 49%, calc(48% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css

@@ -1,10 +1,10 @@
 [data-mode='default'][data-theme='green'] {
-	--zdt_cta_primary_fill: hsl(133, 63%, calc(41% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(0, 0%, calc(0% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(133, 63%, calc(41% + var(--zd_default_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(133, 63%, calc(41% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(133, 63%, calc(41% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(133, 63%, calc(41% + var(--zd_default_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(133, 63%, calc(41% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(133, 63%, calc(41% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(0, 0%, calc(0% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(133, 63%, calc(41% + var(--zd_default_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(133, 63%, calc(41% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(133, 63%, calc(41% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(133, 63%, calc(41% + var(--zd_default_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(133, 63%, calc(41% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css

@@ -1,10 +1,10 @@
 [data-mode='default'][data-theme='orange'] {
-	--zdt_cta_primary_fill: hsl(28, 82%, calc(49% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(0, 0%, calc(0% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(28, 82%, calc(49% + var(--zd_default_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(28, 82%, calc(49% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(0, 0%, calc(0% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(28, 82%, calc(49% + var(--zd_default_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(28, 82%, calc(49% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css

@@ -1,10 +1,10 @@
 [data-mode='default'][data-theme='red'] {
-	--zdt_cta_primary_fill: hsl(0, 72%, calc(54% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(0, 0%, calc(0% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(0, 72%, calc(54% + var(--zd_default_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(0, 72%, calc(54% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(0, 0%, calc(0% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(0, 72%, calc(54% + var(--zd_default_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(0, 72%, calc(54% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css

@@ -1,10 +1,10 @@
 [data-mode='default'][data-theme='yellow'] {
-	--zdt_cta_primary_fill: hsl(46, 81%, calc(52% + var(--zd_default_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(0, 0%, calc(0% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(46, 81%, calc(52% + var(--zd_default_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(46, 81%, calc(52% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(46, 81%, calc(52% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(46, 81%, calc(52% + var(--zd_default_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(46, 81%, calc(52% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(46, 81%, calc(52% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(0, 0%, calc(0% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(46, 81%, calc(52% + var(--zd_default_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(46, 81%, calc(52% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(46, 81%, calc(52% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(46, 81%, calc(52% + var(--zd_default_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(46, 81%, calc(52% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

package/assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css

@@ -1,21 +1,21 @@
 [data-mode='pureDark'] {
 	/* default palette */
-	--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
-	--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
-	--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
-	--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
-	--zdt_svg_default_plus: hsl(212, 100%, calc(64% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_cross: hsl(163, 45%, calc(56% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_medium_circle: hsl(0, 100%, calc(71% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_tiny_circle: hsl(133, 48%, calc(52% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_svg_default_small_circle: hsl(0, 100%, calc(71% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_primary_fill: var(--zdt_svgcta_primary_fill);
+	--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
+	--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
+	--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
+	--zdt_svg_default_plus: hsl(212, 100%, calc(64% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_cross: hsl(163, 45%, calc(56% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_medium_circle: hsl(0, 100%, calc(71% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_tiny_circle: hsl(133, 48%, calc(52% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_default_small_circle: hsl(0, 100%, calc(71% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_svg_default_circle_fill: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	
 	/* dark palette */
-	--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
-	--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
-	--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
-	--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
+	--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
+	--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
+	--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
+	--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
 	--zdt_svg_dark_plus: hsl(212, 100%, calc(64% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_svg_dark_cross: hsl(163, 45%, calc(56% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	--zdt_svg_dark_medium_circle: hsl(0, 100%, calc(71% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));

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

@@ -1,10 +1,10 @@
 [data-mode='pureDark'][data-theme='blue'] {
-	--zdt_cta_primary_fill: hsl(217, 8%, calc(55% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(212, 100%, calc(64% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(213, 34%, calc(30% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(213, 34%, calc(30% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(217, 8%, calc(55% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(212, 100%, calc(64% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(213, 34%, calc(30% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(213, 34%, calc(30% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(217, 8%, calc(55% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(212, 100%, calc(64% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(213, 34%, calc(30% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(213, 34%, calc(30% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(217, 8%, calc(55% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(212, 100%, calc(64% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(213, 34%, calc(30% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(213, 34%, calc(30% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='pureDark'][data-theme='green'] {
-	--zdt_cta_primary_fill: hsl(133, 40%, calc(45% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(128, 80%, calc(27% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(133, 40%, calc(45% + var(--zd_pureDark_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(133, 40%, calc(45% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(133, 40%, calc(45% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(134, 79%, calc(26% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(133, 40%, calc(45% + var(--zd_pureDark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(133, 40%, calc(45% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(133, 40%, calc(45% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(128, 80%, calc(27% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(133, 40%, calc(45% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(133, 40%, calc(45% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(133, 40%, calc(45% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(134, 79%, calc(26% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(133, 40%, calc(45% + var(--zd_pureDark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(133, 40%, calc(45% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='pureDark'][data-theme='orange'] {
-	--zdt_cta_primary_fill: hsl(26, 100%, calc(56% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(29, 100%, calc(33% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(26, 100%, calc(56% + var(--zd_pureDark_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(26, 100%, calc(56% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(26, 100%, calc(56% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(29, 100%, calc(33% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(26, 100%, calc(56% + var(--zd_pureDark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(26, 100%, calc(56% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(26, 100%, calc(56% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(29, 100%, calc(33% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(26, 100%, calc(56% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(26, 100%, calc(56% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(26, 100%, calc(56% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(29, 100%, calc(33% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(26, 100%, calc(56% + var(--zd_pureDark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(26, 100%, calc(56% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='pureDark'][data-theme='red'] {
-	--zdt_cta_primary_fill: hsl(0, 82%, calc(36% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(0, 78%, calc(61% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(0, 78%, calc(61% + var(--zd_pureDark_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(0, 78%, calc(61% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(0, 78%, calc(61% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(0, 82%, calc(36% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(0, 78%, calc(61% + var(--zd_pureDark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(0, 78%, calc(61% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(0, 82%, calc(36% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(0, 78%, calc(61% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(0, 78%, calc(61% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(0, 78%, calc(61% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(0, 78%, calc(61% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(0, 82%, calc(36% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(0, 78%, calc(61% + var(--zd_pureDark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(0, 78%, calc(61% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

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

@@ -1,10 +1,10 @@
 [data-mode='pureDark'][data-theme='yellow'] {
-	--zdt_cta_primary_fill: hsl(37, 67%, calc(53% + var(--zd_pureDark_emboseBg_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_primary_stroke: hsl(39, 90%, calc(32% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_fill: hsl(37, 67%, calc(53% + var(--zd_pureDark_emboseBg_lValue)), calc( 0.25 + var(--zd_alpha)));
-	--zdt_cta_secondary_plainfill: hsl(37, 67%, calc(53% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_fill: hsl(37, 67%, calc(53% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
-	--zdt_cta_primary_dark_stroke: hsl(39, 90%, calc(32% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
-	--zdt_cta_secondary_dark_fill: hsl(37, 67%, calc(53% + var(--zd_pureDark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
-	--zdt_cta_secondary_dark_plainfill: hsl(37, 67%, calc(53% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
+	--zdt_svgcta_primary_fill: hsl(37, 67%, calc(53% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_primary_stroke: hsl(39, 90%, calc(32% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_fill: hsl(37, 67%, calc(53% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc( 0.25 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_plainfill: hsl(37, 67%, calc(53% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_fill: hsl(37, 67%, calc(53% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svgcta_primary_dark_stroke: hsl(39, 90%, calc(32% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svgcta_secondary_dark_fill: hsl(37, 67%, calc(53% + var(--zd_pureDark_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svgcta_secondary_dark_plainfill: hsl(37, 67%, calc(53% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)))
 }

package/es/Loader/Loader.js

@@ -58,8 +58,9 @@ export default class Loader extends React.PureComponent {
 }
 Loader.propTypes = LoaderProps;
 Loader.defaultProps = LoaderDefaultProps;
-if (false) {
-  Loader.docs = {
-    componentGroup: 'SVG'
-  };
-}
+
+// if (__DOCS__) {
+//   Loader.docs = {
+//     componentGroup: 'SVG'
+//   };
+// }

package/es/SVG/SVG.js

@@ -47,8 +47,9 @@ export default class SVG extends React.Component {
 }
 SVG.propTypes = SvgProps;
 SVG.defaultProps = SvgDefaultProps;
-if (false) {
-  SVG.docs = {
-    componentGroup: 'SVG'
-  };
-}
+
+// if (__DOCS__) {
+//   SVG.docs = {
+//     componentGroup: 'SVG'
+//   };
+// }

package/es/emptystate/version1/EmptyCustomDomain.js

@@ -21,8 +21,8 @@ EmptyCustomDomain.defaultProps = {
   ...EmptyStateDefaultProps,
   dataId: 'emptyCustomDomain'
 };
-if (false) {
-  EmptyCustomDomain.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyCustomDomain.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version2/EmptyBusinessHoliday.js

@@ -21,8 +21,9 @@ EmptyBusinessHoliday.defaultProps = {
   ...EmptyStateDefaultProps,
   dataId: 'emptyBusinessHoliday'
 };
-if (false) {
-  EmptyBusinessHoliday.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+
+// if (__DOCS__) {
+//   EmptyBusinessHoliday.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version2/EmptyBusinessHour.js

@@ -21,8 +21,9 @@ EmptyBusinessHour.defaultProps = {
   ...EmptyStateDefaultProps,
   dataId: 'emptyBusinessHour'
 };
-if (false) {
-  EmptyBusinessHour.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+
+// if (__DOCS__) {
+//   EmptyBusinessHour.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version2/EmptyFromAddress.js

@@ -21,8 +21,8 @@ EmptyFromAddress.defaultProps = {
   ...EmptyStateDefaultProps,
   dataId: 'emptyFromAddress'
 };
-if (false) {
-  EmptyFromAddress.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyFromAddress.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version2/EmptyImportHistory.js

@@ -21,8 +21,9 @@ EmptyImportHistory.defaultProps = {
   ...EmptyStateDefaultProps,
   dataId: 'emptyImportHistory'
 };
-if (false) {
-  EmptyImportHistory.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+
+// if (__DOCS__) {
+//   EmptyImportHistory.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version2/EmptyNetwork.js

@@ -21,8 +21,8 @@ EmptyNetwork.defaultProps = {
   ...EmptyStateDefaultProps,
   dataId: 'emptyNetwork'
 };
-if (false) {
-  EmptyNetwork.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyNetwork.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version2/EmptyRecycleBin.js

@@ -21,8 +21,8 @@ EmptyRecycleBin.defaultProps = {
   ...EmptyStateDefaultProps,
   dataId: 'emptyRecycleBin'
 };
-if (false) {
-  EmptyRecycleBin.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyRecycleBin.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }

package/es/emptystate/version2/EmptyRoles.js

@@ -21,8 +21,8 @@ EmptyRoles.defaultProps = {
   ...EmptyStateDefaultProps,
   dataId: 'emptyRoles'
 };
-if (false) {
-  EmptyRoles.docs = {
-    componentGroup: 'Emptystate'
-  };
-}
+// if (__DOCS__) {
+//   EmptyRoles.docs = {
+//     componentGroup: 'Emptystate'
+//   };
+// }