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

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

@@ -4,34 +4,34 @@
 	--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_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_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_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_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)))
 }

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_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)))
 }

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_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)))
 }

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_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)))
 }

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_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)))
 }

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

@@ -4,34 +4,34 @@
 	--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_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_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_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_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)))
 }

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_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)))
 }

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_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)))
 }

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_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)))
 }

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_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)))
 }

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

@@ -4,34 +4,34 @@
 	--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_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_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_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_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)))
 }

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_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)))
 }

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_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)))
 }

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_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)))
 }

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_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)))
 }

package/es/Loader/Loader.js

@@ -18,7 +18,6 @@ export default class Loader extends React.PureComponent {
       transformOrigin: 'center'
     };
   }
-
   render() {
     let {
       dataId
@@ -56,11 +55,9 @@ export default class Loader extends React.PureComponent {
       strokeDashoffset: 50
     })));
   }
-
 }
 Loader.propTypes = LoaderProps;
 Loader.defaultProps = LoaderDefaultProps;
-
 if (false) {
   Loader.docs = {
     componentGroup: 'SVG'

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

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

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

@@ -1,21 +1,18 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React, { useEffect, useState } from 'react';
 export default function SvgLoader(props) {
   let uiProps = {};
   Object.keys(props).filter(prop => prop != 'imageUrl').map(prop => {
     uiProps[prop] = props[prop];
   });
-
   let image = require(`./images/${props.imageUrl}`);
-
   return /*#__PURE__*/React.createElement("image", _extends({
     xlinkHref: image
   }, uiProps));
 }
 export function StaticSvg(props) {
   let uiProps = {},
-      [image, setImage] = useState(null);
+    [image, setImage] = useState(null);
   Object.keys(props).filter(prop => prop != 'getImage').map(prop => {
     uiProps[prop] = props[prop];
   });

package/es/emptystate/version1/EmptyCustomDomain.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import { EmptyStateProps } from './../props/propTypes';
 import { EmptyStateDefaultProps } from './../props/defaultProps';
@@ -16,13 +15,12 @@ export default class EmptyCustomDomain extends React.Component {
       width: "100%"
     }));
   }
-
 }
 EmptyCustomDomain.propTypes = EmptyStateProps;
-EmptyCustomDomain.defaultProps = { ...EmptyStateDefaultProps,
+EmptyCustomDomain.defaultProps = {
+  ...EmptyStateDefaultProps,
   dataId: 'emptyCustomDomain'
 };
-
 if (false) {
   EmptyCustomDomain.docs = {
     componentGroup: 'Emptystate'