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

package/README.md

@@ -2,6 +2,17 @@
 
 This Bundle Contains EmptyState Images.
 
+# 1.0.0-beta.52
+
+- EmptyState: Contract SVG added.
+# 1.0.0-beta.51
+
+- Emptystate: EmptyPreferences and EmptySandbox included.
+
+# 1.0.0-beta.50
+
+- Emptystate: EmptyApplechat, EmptyArticle, Asapchat, EpmtyCanned, EmptyChat, EmptyInstagram, EmptyInstantmessage, EmptyLine, EmptyMessenger, EmptyTelegram, EmptyTwilio, EmptyWechat, EmptyWhatsapp, EmptyNoData, AuditLog, SupportPlan included.
+
 # 1.0.0-beta.48,49
 
 - errorstate, emptystate files separated , EmptyCrm dataId changed to EmptyCrm from EmptyFeed

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

@@ -1,37 +1,37 @@
 [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: #479dff;
-	--zdt_svg_default_cross: #5cc1a5;
-	--zdt_svg_default_medium_circle: #ff6b6b;
-	--zdt_svg_default_tiny_circle: #4ac064;
-	--zdt_svg_default_small_circle: #ff6b6b;
-	--zdt_svg_default_circle_fill: var(--dot_white);
+	--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_plus: #479dff;
-	--zdt_svg_dark_cross: #5cc1a5;
-	--zdt_svg_dark_medium_circle: #ff6b6b;
-	--zdt_svg_dark_tiny_circle: #4ac064;
-	--zdt_svg_dark_small_circle: #ff6b6b;
-	--zdt_svg_dark_circle_fill: var(--dot_white);
+	--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)));
+	--zdt_svg_dark_tiny_circle: hsl(133, 48%, calc(52% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_dark_small_circle: hsl(0, 100%, calc(71% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_dark_circle_fill: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
 	
 	/* danger palette */
-	--zdt_svg_danger_primary_fill: #ff6f00;
-	--zdt_svg_danger_primary_stroke: #479dff;
-	--zdt_svg_danger_secondary_fill: #334b68;
-	--zdt_svg_danger_secondary_plainfill: #334b68;
-	--zdt_svg_danger_plus: #479dff;
-	--zdt_svg_danger_cross: #5cc1a5;
-	--zdt_svg_danger_medium_circle: #ff6b6b;
-	--zdt_svg_danger_tiny_circle: #4ac064;
-	--zdt_svg_danger_small_circle: #ff6b6b;
-	--zdt_svg_danger_circle_fill: var(--dot_white);
+	--zdt_svg_danger_primary_fill: hsl(26, 100%, calc(50% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svg_danger_primary_stroke: hsl(212, 100%, calc(64% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_secondary_fill: hsl(213, 34%, calc(30% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svg_danger_secondary_plainfill: hsl(213, 34%, calc(30% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svg_danger_plus: hsl(212, 100%, calc(64% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_cross: hsl(163, 45%, calc(56% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_medium_circle: hsl(0, 100%, calc(71% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_tiny_circle: hsl(133, 48%, calc(52% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_small_circle: hsl(0, 100%, calc(71% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_circle_fill: hsl(0, 0%, calc(100% + 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: #828994;
-	--zdt_cta_primary_stroke: #479dff;
-	--zdt_cta_secondary_fill: rgb(71 157 255 / 25%);
-	--zdt_cta_secondary_plainfill: #334b68;
-	--zdt_cta_primary_dark_fill: #828994;
-	--zdt_cta_primary_dark_stroke: #479dff;
-	--zdt_cta_secondary_dark_fill: #334b68;
-	--zdt_cta_secondary_dark_plainfill: #334b68
+	--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: #45a159;
-	--zdt_cta_primary_stroke: #45a159;
-	--zdt_cta_secondary_fill: rgba(69, 161, 89, 0.25);
-	--zdt_cta_secondary_plainfill: #45a159;
-	--zdt_cta_primary_dark_fill: #45a159;
-	--zdt_cta_primary_dark_stroke: #45a159;
-	--zdt_cta_secondary_dark_fill: rgba(69, 161, 89, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #45a159
+	--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: #ff801f;
-	--zdt_cta_primary_stroke: #ff801f;
-	--zdt_cta_secondary_fill: rgba(255, 128, 31, 0.25);
-	--zdt_cta_secondary_plainfill: #ff801f;
-	--zdt_cta_primary_dark_fill: #ff801f;
-	--zdt_cta_primary_dark_stroke: #ff801f;
-	--zdt_cta_secondary_dark_fill: rgba(255, 128, 31, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #ff801f
+	--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: #e94f4f;
-	--zdt_cta_primary_stroke: #e94f4f;
-	--zdt_cta_secondary_fill: rgba(233, 79, 79, 0.25);
-	--zdt_cta_secondary_plainfill: #e94f4f;
-	--zdt_cta_primary_dark_fill: #e94f4f;
-	--zdt_cta_primary_dark_stroke: #e94f4f;
-	--zdt_cta_secondary_dark_fill: rgba(233, 79, 79, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #e94f4f
+	--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: #d79835;
-	--zdt_cta_primary_stroke: #d79835;
-	--zdt_cta_secondary_fill: rgba(215, 152, 53, 0.25);
-	--zdt_cta_secondary_plainfill: #d79835;
-	--zdt_cta_primary_dark_fill: #d79835;
-	--zdt_cta_primary_dark_stroke: #d79835;
-	--zdt_cta_secondary_dark_fill: rgba(215, 152, 53, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #d79835
+	--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,37 +1,37 @@
 [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: #3f70b7;
-	--zdt_svg_default_cross: #5cc1a5;
-	--zdt_svg_default_medium_circle: #e56471;
-	--zdt_svg_default_tiny_circle: #5cc1a5;
-	--zdt_svg_default_small_circle: #010101;
-	--zdt_svg_default_circle_fill: var(--dot_white);
+	--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_plus: #479dff;
-	--zdt_svg_dark_cross: #5cc1a5;
-	--zdt_svg_dark_medium_circle: #e56471;
-	--zdt_svg_dark_tiny_circle: #5cc1a5;
-	--zdt_svg_dark_small_circle: #010101;
-	--zdt_svg_dark_circle_fill: var(--dot_white);
+	--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)));
+	--zdt_svg_dark_tiny_circle: hsl(163, 45%, calc(56% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_dark_small_circle: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_dark_circle_fill: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
 	
 	/* danger palette */
-	--zdt_svg_danger_primary_fill: #ff6f00;
-	--zdt_svg_danger_primary_stroke: #010101;
-	--zdt_svg_danger_secondary_fill: rgba(63, 112, 183, 0.25);
-	--zdt_svg_danger_secondary_plainfill: #3f70b7;
-	--zdt_svg_danger_plus: #3f70b7;
-	--zdt_svg_danger_cross: #5cc1a5;
-	--zdt_svg_danger_medium_circle: #e56471;
-	--zdt_svg_danger_tiny_circle: #5cc1a5;
-	--zdt_svg_danger_small_circle: #010101;
-	--zdt_svg_danger_circle_fill: var(--dot_white);
+	--zdt_svg_danger_primary_fill: hsl(26, 100%, calc(50% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svg_danger_primary_stroke: hsl(0, 0%, calc(0% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_secondary_fill: hsl(216, 49%, calc(48% + var(--zd_default_bg_lValue)), calc( 0.25 + var(--zd_bg_alpha)));
+	--zdt_svg_danger_secondary_plainfill: hsl(216, 49%, calc(48% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svg_danger_plus: hsl(216, 49%, calc(48% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_cross: hsl(163, 45%, calc(56% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_medium_circle: hsl(354, 71%, calc(65% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_tiny_circle: hsl(163, 45%, calc(56% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_small_circle: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_circle_fill: hsl(0, 0%, calc(100% + 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: #0a73eb;
-	--zdt_cta_primary_stroke: #221f1f;
-	--zdt_cta_secondary_fill: rgba(10, 115, 235, 0.25);
-	--zdt_cta_secondary_plainfill: #0a73eb;
-	--zdt_cta_primary_dark_fill: #a6add7;
-	--zdt_cta_primary_dark_stroke: #fff;
-	--zdt_cta_secondary_dark_fill: #3f70b7;
-	--zdt_cta_secondary_dark_plainfill: #3f70b7
+	--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: #26a942;
-	--zdt_cta_primary_stroke: #010101;
-	--zdt_cta_secondary_fill: rgba(38, 169, 66, 0.25);
-	--zdt_cta_secondary_plainfill: #26a942;
-	--zdt_cta_primary_dark_fill: #26a942;
-	--zdt_cta_primary_dark_stroke: #fff;
-	--zdt_cta_secondary_dark_fill: rgba(38, 169, 66, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #26a942
+	--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: #e57717;
-	--zdt_cta_primary_stroke: #010101;
-	--zdt_cta_secondary_fill: rgba(229, 119, 23, 0.25);
-	--zdt_cta_secondary_plainfill: #e57717;
-	--zdt_cta_primary_dark_fill: #e57717;
-	--zdt_cta_primary_dark_stroke: #fff;
-	--zdt_cta_secondary_dark_fill: rgba(229, 119, 23, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #e57717
+	--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: #de3535;
-	--zdt_cta_primary_stroke: #010101;
-	--zdt_cta_secondary_fill: rgba(222, 53, 53, 0.25);
-	--zdt_cta_secondary_plainfill: #de3535;
-	--zdt_cta_primary_dark_fill: #de3535;
-	--zdt_cta_primary_dark_stroke: #fff;
-	--zdt_cta_secondary_dark_fill: rgba(222, 53, 53, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #de3535
+	--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: #e8b923;
-	--zdt_cta_primary_stroke: #010101;
-	--zdt_cta_secondary_fill: rgba(232, 185, 35, 0.25);
-	--zdt_cta_secondary_plainfill: #e8b923;
-	--zdt_cta_primary_dark_fill: #e8b923;
-	--zdt_cta_primary_dark_stroke: #fff;
-	--zdt_cta_secondary_dark_fill: rgba(232, 185, 35, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #e8b923
+	--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,37 +1,37 @@
 [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: #479dff;
-	--zdt_svg_default_cross: #5cc1a5;
-	--zdt_svg_default_medium_circle: #ff6b6b;
-	--zdt_svg_default_tiny_circle: #4ac064;
-	--zdt_svg_default_small_circle: #ff6b6b;
-	--zdt_svg_default_circle_fill: var(--dot_white);
+	--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_plus: #479dff;
-	--zdt_svg_dark_cross: #5cc1a5;
-	--zdt_svg_dark_medium_circle: #ff6b6b;
-	--zdt_svg_dark_tiny_circle: #4ac064;
-	--zdt_svg_dark_small_circle: #ff6b6b;
-	--zdt_svg_dark_circle_fill: var(--dot_white);
+	--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)));
+	--zdt_svg_dark_tiny_circle: hsl(133, 48%, calc(52% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_dark_small_circle: hsl(0, 100%, calc(71% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_dark_circle_fill: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
 	
 	/* danger palette */
-	--zdt_svg_danger_primary_fill: #ff6f00;
-	--zdt_svg_danger_primary_stroke: #479dff;
-	--zdt_svg_danger_secondary_fill: #334b68;
-	--zdt_svg_danger_secondary_plainfill: #334b68;
-	--zdt_svg_danger_plus: #479dff;
-	--zdt_svg_danger_cross: #5cc1a5;
-	--zdt_svg_danger_medium_circle: #ff6b6b;
-	--zdt_svg_danger_tiny_circle: #4ac064;
-	--zdt_svg_danger_small_circle: #ff6b6b;
-	--zdt_svg_danger_circle_fill: var(--dot_white);
+	--zdt_svg_danger_primary_fill: hsl(26, 100%, calc(50% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svg_danger_primary_stroke: hsl(212, 100%, calc(64% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_secondary_fill: hsl(213, 34%, calc(30% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svg_danger_secondary_plainfill: hsl(213, 34%, calc(30% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
+	--zdt_svg_danger_plus: hsl(212, 100%, calc(64% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_cross: hsl(163, 45%, calc(56% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_medium_circle: hsl(0, 100%, calc(71% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_tiny_circle: hsl(133, 48%, calc(52% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_small_circle: hsl(0, 100%, calc(71% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
+	--zdt_svg_danger_circle_fill: hsl(0, 0%, calc(100% + 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: #828994;
-	--zdt_cta_primary_stroke: #479dff;
-	--zdt_cta_secondary_fill: #334b68;
-	--zdt_cta_secondary_plainfill: #334b68;
-	--zdt_cta_primary_dark_fill: #828994;
-	--zdt_cta_primary_dark_stroke: #479dff;
-	--zdt_cta_secondary_dark_fill: #334b68;
-	--zdt_cta_secondary_dark_plainfill: #334b68
+	--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: #45a159;
-	--zdt_cta_primary_stroke: #0e7c1c;
-	--zdt_cta_secondary_fill: rgba(69, 161, 89, 0.25);
-	--zdt_cta_secondary_plainfill: #45a159;
-	--zdt_cta_primary_dark_fill: #45a159;
-	--zdt_cta_primary_dark_stroke: #0e7526;
-	--zdt_cta_secondary_dark_fill: rgba(69, 161, 89, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #45a159
+	--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: #ff801f;
-	--zdt_cta_primary_stroke: #a85100;
-	--zdt_cta_secondary_fill: rgba(255, 128, 31, 0.25);
-	--zdt_cta_secondary_plainfill: #ff801f;
-	--zdt_cta_primary_dark_fill: #ff801f;
-	--zdt_cta_primary_dark_stroke: #a85100;
-	--zdt_cta_secondary_dark_fill: rgba(255, 128, 31, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #ff801f
+	--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: #a81111;
-	--zdt_cta_primary_stroke: #e94f4f;
-	--zdt_cta_secondary_fill: rgba(233, 79, 79, 0.25);
-	--zdt_cta_secondary_plainfill: #e94f4f;
-	--zdt_cta_primary_dark_fill: #e94f4f;
-	--zdt_cta_primary_dark_stroke: #a81111;
-	--zdt_cta_secondary_dark_fill: rgba(233, 79, 79, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #e94f4f
+	--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: #d79835;
-	--zdt_cta_primary_stroke: #9b6808;
-	--zdt_cta_secondary_fill: rgba(215, 152, 53, 0.25);
-	--zdt_cta_secondary_plainfill: #d79835;
-	--zdt_cta_primary_dark_fill: #d79835;
-	--zdt_cta_primary_dark_stroke: #9b6808;
-	--zdt_cta_secondary_dark_fill: rgba(215, 152, 53, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #d79835
+	--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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { LoaderDefaultProps } from './props/defaultProps';
 import { LoaderProps } from './props/propTypes';
-import SVG from './../svg/SVG';
-import cssStyle from './../svg/SVG.module.css';
+import SVG from './../SVG/SVG';
+import cssStyle from './../SVG/SVG.module.css';
 export default class Loader extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -18,7 +18,6 @@ export default class Loader extends React.PureComponent {
       transformOrigin: 'center'
     };
   }
-
   render() {
     let {
       dataId
@@ -56,13 +55,12 @@ export default class Loader extends React.PureComponent {
       strokeDashoffset: 50
     })));
   }
-
 }
 Loader.propTypes = LoaderProps;
 Loader.defaultProps = LoaderDefaultProps;
 
-if (false) {
-  Loader.docs = {
-    componentGroup: 'SVG'
-  };
-}
+// if (__DOCS__) {
+//   Loader.docs = {
+//     componentGroup: 'SVG'
+//   };
+// }

package/es/{svg → SVG}/SVG.js

@@ -44,13 +44,12 @@ export default class SVG extends React.Component {
       style: styleName
     }, children)) : null);
   }
-
 }
 SVG.propTypes = SvgProps;
 SVG.defaultProps = SvgDefaultProps;
 
-if (false) {
-  SVG.docs = {
-    componentGroup: 'SVG'
-  };
-}
+// if (__DOCS__) {
+//   SVG.docs = {
+//     componentGroup: 'SVG'
+//   };
+// }