@zohodesk/svg 1.0.0-temp.52 → 1.0.0-temp.54

package/README.md

@@ -2,9 +2,17 @@
 
 This Bundle Contains EmptyState Images.
 
-# 1.0.0-beta.xx
+# 1.0.0-beta.57
 
-- Contrast option implemented through preprocess. Category key value added for all color variables.
+- EmptyState: CustomerHappiness SVG added.
+
+# 1.0.0-beta.56
+
+- Contrast Color Implemented
+
+# 1.0.0-beta.55
+
+- EmptyState: AuthenticationPending SVG added.
 
 # 1.0.0-beta.54
 
@@ -57,13 +65,14 @@ This Bundle Contains EmptyState Images.
 # 1.0.0-beta.39 , # 1.0.0-beta.40, # 1.0.0-beta.41
 
 - Appearance css moved to assets
+
 # 1.0.0-beta.38
 
 - bg,shadow,text,border based variables removed and renamed.
 
 # 1.0.0-beta.37
 
-- Loader =>  Converted to Pure Component 
+- Loader => Converted to Pure Component
 
 # 1.0.0-beta.36
 
@@ -85,37 +94,47 @@ This Bundle Contains EmptyState Images.
 
 # 1.0.0-beta.33
 
-- Palette Based Folder Structure  Changed.
+- Palette Based Folder Structure Changed.
 - data-theme changed to data-mode
 - data-palette changed to data-theme
+
 # 1.0.0-beta.32
 
 - Palette Based Color System Implemented
+
 # 1.0.0-beta.31
 
 - EmptyDeparment Added
 - Predictor, ZiaAnamoly, Extractor added
+
 # 1.0.0-beta.30
 
 - EmptySkills Image Updated
+
 # 1.0.0-beta.29
 
-- EmptyWillBeRightBack,EmptyUnauthorizedLogin,EmptyUrlNotFound,EmptyInconvenience,EmptyPageNotFound,EmptyUnableToProcess  added
+- EmptyWillBeRightBack,EmptyUnauthorizedLogin,EmptyUrlNotFound,EmptyInconvenience,EmptyPageNotFound,EmptyUnableToProcess added
+
 # 1.0.0-beta.28
 
 - EmptyAgentQueue added
+
 # 1.0.0-beta.27
 
 - EmptySla,EmptyContract,EmptyReply Added
+
 # 1.0.0-beta.26
 
 - Loader => Layout issue Fixed
+
 # 1.0.0-beta.25
 
 - TemplateIcon SVG fix
+
 # 1.0.0-beta.24
 
 - Loader Svg converted to js
+
 # 1.0.0-beta.23
 
 - EmptyState.module.css file name changed as EmptyStateVariables.module.css to avoid dup file name

package/assets/Appearance/dark/mode/{darkEmptyStates.module.css → SVG_DarkMode.module.css}

@@ -4,12 +4,12 @@
 	--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: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_medium_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_small_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_circle_fill: hsla(0, 0%, calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_default_plus: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_medium_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_small_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
 	/* dark palette */
 	--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
@@ -21,7 +21,7 @@
 	--zdt_svg_dark_medium_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svg_dark_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svg_dark_small_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_dark_circle_fill: hsla(0, 0%, calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
 	/* danger palette */
 	--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -33,5 +33,5 @@
 	--zdt_svg_danger_medium_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svg_danger_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svg_danger_small_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_danger_circle_fill: hsla(0, 0%, calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/dark/themes/blue/{blueDarkCTATheme.module.css → blue_SVGTheme_DarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(217, 8%, calc(55% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/dark/themes/green/{greenDarkCTATheme.module.css → green_SVGTheme_DarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(133, 40%, calc(45% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/dark/themes/orange/{orangeDarkCTATheme.module.css → orange_SVGTheme_DarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/dark/themes/red/{redDarkCTATheme.module.css → red_SVGTheme_DarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(0, 78%, calc(61% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/dark/themes/yellow/{yellowDarkCTATheme.module.css → yellow_SVGTheme_DarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(37, 67%, calc(53% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/light/mode/SVG_LightMode.module.css

@@ -0,0 +1,37 @@
+[data-mode='light'] {
+	/* default palette */
+	--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: hsla(216, 49%, calc(48% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_medium_circle: hsla(354, 71%, calc(65% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_small_circle: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	
+	/* dark palette */
+	--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: hsla(212, 100%, calc(64% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_cross: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_medium_circle: hsla(354, 71%, calc(65% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_small_circle: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	
+	/* danger palette */
+	--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_danger_secondary_fill: hsla(216, 49%, calc(48% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svg_danger_secondary_plainfill: hsla(216, 49%, calc(48% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_plus: hsla(216, 49%, calc(48% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_cross: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_medium_circle: hsla(354, 71%, calc(65% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_small_circle: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+}

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

@@ -0,0 +1,10 @@
+[data-mode='light'][data-theme='blue'] {
+	--zdt_svgcta_primary_fill: rgb(10,115,235);
+	--zdt_svgcta_primary_stroke: hsla(0, 5%, calc(13% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(10, 115, 235, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(212, 92%, calc(48% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(231, 38%, calc(75% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(216, 49%, calc(48% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(216, 49%, calc(48% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+}

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

@@ -0,0 +1,10 @@
+[data-mode='light'][data-theme='green'] {
+	--zdt_svgcta_primary_fill: rgb(38,169,66);
+	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(38, 169, 66, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(133, 63%, calc(41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(133, 63%, calc(41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(133, 63%, calc(41% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 63%, calc(41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+}

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

@@ -0,0 +1,10 @@
+[data-mode='light'][data-theme='orange'] {
+	--zdt_svgcta_primary_fill: rgb(229,119,23);
+	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(229, 119, 23, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(28, 82%, calc(49% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(28, 82%, calc(49% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(28, 82%, calc(49% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(28, 82%, calc(49% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+}

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

@@ -0,0 +1,10 @@
+[data-mode='light'][data-theme='red'] {
+	--zdt_svgcta_primary_fill: rgb(222,53,53);
+	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(222, 53, 53, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(0, 72%, calc(54% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(0, 72%, calc(54% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(0, 72%, calc(54% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 72%, calc(54% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+}

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

@@ -0,0 +1,10 @@
+[data-mode='light'][data-theme='yellow'] {
+	--zdt_svgcta_primary_fill: rgb(232,185,35);
+	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(232, 185, 35, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(46, 81%, calc(52% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(46, 81%, calc(52% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(46, 81%, calc(52% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(46, 81%, calc(52% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+}

package/assets/Appearance/pureDark/mode/{pureDarkEmptyStates.module.css → SVG_PureDarkMode.module.css}

@@ -4,12 +4,12 @@
 	--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: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_medium_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_small_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_circle_fill: hsla(0, 0%, calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_default_plus: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_medium_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_small_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
 	/* dark palette */
 	--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
@@ -21,7 +21,7 @@
 	--zdt_svg_dark_medium_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svg_dark_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svg_dark_small_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_dark_circle_fill: hsla(0, 0%, calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	
 	/* danger palette */
 	--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
@@ -33,5 +33,5 @@
 	--zdt_svg_danger_medium_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svg_danger_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svg_danger_small_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_danger_circle_fill: hsla(0, 0%, calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/blue/{bluePureDarkCTATheme.module.css → blue_SVGTheme_PureDarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(217, 8%, calc(55% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/green/{greenPureDarkCTATheme.module.css → green_SVGTheme_PureDarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(134, 79%, calc(26% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/orange/{orangePureDarkCTATheme.module.css → orange_SVGTheme_PureDarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(29, 100%, calc(33% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/red/{redPureDarkCTATheme.module.css → red_SVGTheme_PureDarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(0, 82%, calc(36% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/pureDark/themes/yellow/{yellowPureDarkCTATheme.module.css → yellow_SVGTheme_PureDarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(39, 90%, calc(32% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/es/SVG/SVG.module.css

@@ -2,20 +2,21 @@
   height: 100%;
 }
 .large {
-  height: var(--zd_size160);
-  width: var(--zd_size160);
+  height: 160px;
+  width: 160px;
 }
 .small {
-  height: var(--zd_size130);
-  width: var(--zd_size130);
+  height: 130px;
+  width: 130px;
 }
 .svgCenter {
   margin-left: auto;
   margin-right: auto;
 }
+
 .loaderWrapper {
-  height: var(--zd_size40);
-  width: var(--zd_size40);
+  height: 40px;
+  width: 40px;
 }
 .center {
   height: 100%;

package/es/emptystate/version3/EmptyAuthenticationPending.js

@@ -0,0 +1,69 @@
+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';
+import SVG from '../../SVG/SVG';
+export default class AuthenticationPending extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "attach"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#AuthenticationPending_svg__a)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.05,
+      d: "M200.502 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M35 293.252c-.25 0 0 0 0 0-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m44.501 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M428 52.002c-6.5 0-11.75 5.25-11.75 11.75s5.25 11.75 11.75 11.75 11.75-5.25 11.75-11.75-5.5-11.75-11.75-11.75Zm0 21.25c-5 0-9.25-4.25-9.25-9.5s4.25-9.5 9.25-9.5 9.25 4.25 9.25 9.5-4.25 9.5-9.25 9.5ZM311 432.754c-4.75 0-8.5 3.75-8.5 8.5s3.75 8.5 8.5 8.5 8.5-3.75 8.5-8.5c0-4.5-3.75-8.5-8.5-8.5Zm0 14.75c-3.25 0-6-2.75-6-6.25s2.75-6.25 6-6.25 6 2.75 6 6.25-2.75 6.25-6 6.25Z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M202.251 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM474.5 324.498c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+      fill: "var(--zd_emptysvg_cross)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.05,
+      d: "M289.502 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#AuthenticationPending_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "M115.475 302.913s27.64 19.959 40.787 14.238c13.146-5.755 19.358-14.83 38.025-14.83 18.668 0 62.215 20.288 76.051 17.855 13.837-2.433 52.52 3.025 54.623-1.217 2.103-4.241 2.761-32.684-3.451-32.98-6.211-.296-203.241-.921-206.002 2.104-2.76 3.025 0 14.83 0 14.83h-.033ZM114.227 163.001s208.598 8.319 210.669 4.077c2.07-4.241 2.76-32.684-3.451-32.98-6.212-.296-203.242-.921-206.002 2.104-2.761 3.026-1.216 26.766-1.216 26.766v.033ZM114.227 230.903s208.598 8.32 210.669 4.078c2.07-4.242 2.76-32.685-3.451-32.981-6.212-.296-203.242-.92-206.002 2.105-2.761 3.025-1.216 26.766-1.216 26.766v.032Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M326.835 298.967c-.427 9.503-1.808 18.283-5.423 19.039-8.118 1.71-201.171 3.387-202.518 0-1.348-3.387-3.714-32.52 0-31.501 3.714 1.019 234.365.329 235.384-2.039 1.019-2.367 1.019-182.395-2.925-181.836-3.944.559-258.061-4.472-259.77 3.946-1.71 8.418-3.386 252.598 0 253.716 2.103.69 201.203.658 201.203.658 22.414-29.956 53.867-63.265 62.248-64.416 15.348-2.104 75.361 114.527 73.257 117.322-2.103 2.795-161.009 5.525-164.92-5.655 0 0 5.555-7.991 14.001-19.696 0 0 71.976-88.025 80.094-82.435l56.233 92.628M175.587 214.527v13.942M169.079 224.031l12.982-5.064M169.836 217.52l11.47 7.957M206.743 214.527v13.942M200.27 224.031l12.981-5.064M201.025 217.52l11.471 7.957M237.934 214.527v13.942M231.426 224.031l13.015-5.064M232.215 217.52l11.437 7.957M269.123 214.527v13.942M262.615 224.031l13.015-5.064M263.404 217.52l11.438 7.957",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      strokeWidth: 2.5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.2,
+      d: "m359.766 347.106-4.141 28.311c-.198 1.25-1.939 1.349-2.202.099-2.038-9.371-5.686-26.864-5.226-30.12.427-2.992 2.07-5.984 5.554-5.918 3.846.065 6.573 3.814 6.015 7.628ZM353.982 398.074a6.41 6.41 0 0 0 6.409-6.412 6.41 6.41 0 0 0-6.409-6.412 6.411 6.411 0 0 0-6.409 6.412 6.411 6.411 0 0 0 6.409 6.412Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "AuthenticationPending_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_circle_fill)",
+      transform: "translate(25 50)",
+      d: "M0 0h450v400H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "AuthenticationPending_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_circle_fill)",
+      transform: "translate(88 100)",
+      d: "M0 0h342v318H0z"
+    }))));
+  }
+}
+AuthenticationPending.propTypes = EmptyStateProps;
+AuthenticationPending.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'AuthenticationPending'
+};

package/es/emptystate/version3/EmptyCustomerHappiness.js

@@ -0,0 +1,67 @@
+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';
+import SVG from '../../SVG/SVG';
+export default class CustomerHappiness extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "attach"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#CustomerHappiness_svg__a)"
+    }, /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#CustomerHappiness_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M80.2 58.2s46.7-31.2 70.3-21.8c23.6 9.4 39.7 88.3-25.9 123.7-65.6 35.4-95.4-41.6-95.7-55.2-.2-13.3 0-44.7 51.3-46.7Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M14 119.3s-.1 0 0 0c-.3 0-.5-.3-.5-.5l.4-7.5c0-.3.2-.5.5-.5s.5.2.5.5l-.4 7.5c-.1.3-.3.5-.5.5Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "m17.8 115.8-7.4-.4c-.3 0-.5-.3-.5-.5 0-.3.3-.5.5-.5l7.3.4c.3 0 .5.3.5.5.1.3-.1.5-.4.5Z",
+      fill: "var(--zd_emptysvg_plus)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M171.2 22.8c-2.6 0-4.7 2.1-4.7 4.7s2.1 4.7 4.7 4.7 4.7-2.1 4.7-4.7-2.2-4.7-4.7-4.7Zm0 8.5c-2 0-3.7-1.7-3.7-3.8 0-2.1 1.7-3.8 3.7-3.8s3.7 1.7 3.7 3.8c0 2.1-1.7 3.8-3.7 3.8ZM124.4 175.1c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4c0-1.8-1.5-3.4-3.4-3.4Zm0 5.9c-1.3 0-2.4-1.1-2.4-2.5s1.1-2.5 2.4-2.5c1.3 0 2.4 1.1 2.4 2.5s-1.1 2.5-2.4 2.5Z",
+      fill: "var(--zd_emptysvg_medium_circle)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M80.9 22c-1.7 0-3 1.4-3 3s1.3 3 3 3 3-1.4 3-3-1.3-3-3-3Zm0 5.1c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2ZM189.8 131.8c-.2-.2-.5-.2-.7 0l-2.4 2.2-2.1-2.4c-.2-.2-.5-.2-.7 0-.2.2-.2.5 0 .7l2.1 2.4-2.4 2.2c-.2.2-.2.5 0 .7.1.1.2.2.4.2.1 0 .2 0 .3-.1l2.4-2.2 2.1 2.4c.1.1.2.2.4.2.1 0 .2 0 .3-.1.2-.2.2-.5 0-.7l-2.1-2.4 2.4-2.2c.2-.3.2-.7 0-.9Z",
+      fill: "var(--zd_emptysvg_cross)"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: 0.1,
+      d: "M115.8 67S78.5 42.1 59.6 49.6c-18.9 7.5-31.8 70.6 20.7 98.9 52.5 28.3 76.3-33.3 76.5-44.2.2-10.6 0-35.8-41-37.3Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#CustomerHappiness_svg__c)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M51.2 70.1c1-1.3-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.4 10.4 10.7 7.2ZM79 66.2c0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2c1-1.3-.5-3.3-.5-3.9ZM122.4 79.5c1-1.3-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2ZM153.1 73.8c1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2c1.1-1.3-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8ZM90.2 122.8c1-1.2-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.3 10.7 7.2ZM120.3 112.2c-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2c1-1.2-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.9-2.9-.5-4.8ZM113.6 143.2c-9 6.4-27.6-2.2-27.6-2.2s-1.5 12.9 13.1 14.1c11.2.7 22.3-17.5 14.5-11.9ZM63.4 80.1C52.3 79.4 41.1 97.7 48.9 92c9-6.4 27.6 2.2 27.6 2.2s1.4-12.9-13.1-14.1ZM130.7 92.6s-4.8-.1-7.3-.2c2.9.9 7.7 4.8 7.7 4.8s14.6.4 15.6-2.3c.9-2.6-16-2.3-16-2.3ZM123.3 92.5c-.4-.1-.8-.2-1.2-.2-.7.1 0 .1 1.2.2Z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M102.5 176.7c-1.6 0-3.2-.1-4.9-.2-23.3-2.1-41.3-21.6-41.1-44.3v-1.7c.6-19.2 12.9-35.8 30.5-41.3 12.6-3.9 26.2-2.3 40.5 4.8 0 0 1 .5 2.4 1.7 11.6 9.2 13.7 30.3 4.1 42.7-8.8 11.3-20.3 22.4-38.8 19-10.5-1.8-14-11-12.7-18.8 0-.2.2-.3.3-.4.2-.1.4 0 .5.1.1.1 12.1 12.1 34.4 2.9.2-.1.4 0 .5.1.1.1.2.3.2.5s-.8 5.9-6.9 10.6c-.2.2-.5.1-.7-.1-.2-.2-.1-.5.1-.7 4.4-3.4 5.9-7.3 6.4-9.1-19.3 7.6-31-.5-33.9-2.9-.8 7.3 2.5 15.1 12 16.8 17.9 3.2 29.2-7.6 37.8-18.7 9.3-11.9 7.3-32.4-4-41.3-1.3-1.1-2.2-1.5-2.2-1.5-14-7-27.4-8.6-39.7-4.7-17.2 5.3-29.2 21.5-29.8 40.3v1.7c-.2 22.2 17.4 41.3 40.2 43.3 23.7 2.1 36.5-12 42.1-20.6 6.2-9.6 8.3-20.2 6.4-23.7-.4-.8-.8-1.4-1.2-1.9-1.1.4-2.2.8-3.4 1.2-.2 0-.3 0-.4-.1-.1-.1-.2-.2-.2-.4 0-.6 0-3.4 1.5-3.8.8-.2 1.8.4 2.9 1.9 13.9-5.5 21-13.6 24.5-19.7 4.2-7.3 4.5-13.3 4.5-13.4 0-.3 0-.5.1-.8v-.4C176.8 73.7 166 56 147 48.6c-18.6-7.2-38.1-1.5-49.7 14.5C88.9 74.5 88 87 88 87.2c0 .3-.2.5-.5.5s-.5-.2-.5-.4c-3.6-24.1 17-37.8 20.8-40.1-14.7-13.4-36.6-26.4-59.1-14.5-15.8 8.4-25 25.6-23.5 43.9 2.2 26.8 29.2 35.4 33.4 36.6.5-2.8 3.7-15.2 24.8-26.1.2-.1.5 0 .7.2.1.2 0 .5-.2.7-12 6.2-18 13-20.9 17.5-3.1 4.9-3.5 8.4-3.5 8.4 0 .1-.1.3-.2.4-.1.1-.3.1-.4.1-.3-.1-32.3-8-34.7-37.7-1.6-18.7 7.9-36.3 24-44.9 23.3-12.4 45.9 1.3 60.7 15 .1.1.2.3.2.4 0 .2-.1.3-.3.4-.2.2-22.1 12.4-21.2 35.4.9-4.7 3.3-12.9 8.8-20.6 11.9-16.4 31.8-22.3 50.9-14.9 19.4 7.5 30.5 25.7 28.2 46.2 0 .1 0 .3-.1.5 0 .2-.1.4-.1.6 0 .3-1.1 22.7-29.4 33.9.3.5.7 1.1 1.1 1.8 2.2 3.8.1 14.7-6.4 24.8-5.3 8.4-17 21.4-38.1 21.4Zm40.2-49.6c-.4.1-.7 1.1-.8 2.2.8-.3 1.6-.6 2.4-.8-.9-1.3-1.4-1.4-1.6-1.4Z",
+      fill: "var(--zd_emptysvg_primary_stroke)"
+    })))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "CustomerHappiness_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      d: "M0 0h200v200H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "CustomerHappiness_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(10 22)",
+      d: "M0 0h180v160H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "CustomerHappiness_svg__c"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(24 27)",
+      d: "M0 0h151.7v149.7H0z"
+    }))));
+  }
+}
+CustomerHappiness.propTypes = EmptyStateProps;
+CustomerHappiness.defaultProps = {
+  ...EmptyStateDefaultProps,
+  dataId: 'CustomerHappiness'
+};

package/es/index.js

@@ -1,6 +1,3 @@
-// export { default as React } from 'react';
-// export { default as ReactDOM } from 'react-dom';
-// export { renderToStaticMarkup } from 'react-dom/server';
 // import '@zohodesk/variables/assets/sizeVariables.module.css';
 
 // export { default as _provider } from './Provider';

package/lib/SVG/SVG.module.css

@@ -2,20 +2,21 @@
   height: 100%;
 }
 .large {
-  height: var(--zd_size160);
-  width: var(--zd_size160);
+  height: 160px;
+  width: 160px;
 }
 .small {
-  height: var(--zd_size130);
-  width: var(--zd_size130);
+  height: 130px;
+  width: 130px;
 }
 .svgCenter {
   margin-left: auto;
   margin-right: auto;
 }
+
 .loaderWrapper {
-  height: var(--zd_size40);
-  width: var(--zd_size40);
+  height: 40px;
+  width: 40px;
 }
 .center {
   height: 100%;

package/lib/emptystate/version3/EmptyAuthenticationPending.js

@@ -0,0 +1,102 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("../props/propTypes");
+var _defaultProps = require("../props/defaultProps");
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var AuthenticationPending = /*#__PURE__*/function (_React$Component) {
+  _inherits(AuthenticationPending, _React$Component);
+  var _super = _createSuper(AuthenticationPending);
+  function AuthenticationPending() {
+    _classCallCheck(this, AuthenticationPending);
+    return _super.apply(this, arguments);
+  }
+  _createClass(AuthenticationPending, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 500 500",
+        name: "attach"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#AuthenticationPending_svg__a)"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.05,
+        d: "M200.502 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M35 293.252c-.25 0 0 0 0 0-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+        fill: "var(--zd_emptysvg_plus)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "m44.501 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+        fill: "var(--zd_emptysvg_plus)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M428 52.002c-6.5 0-11.75 5.25-11.75 11.75s5.25 11.75 11.75 11.75 11.75-5.25 11.75-11.75-5.5-11.75-11.75-11.75Zm0 21.25c-5 0-9.25-4.25-9.25-9.5s4.25-9.5 9.25-9.5 9.25 4.25 9.25 9.5-4.25 9.5-9.25 9.5ZM311 432.754c-4.75 0-8.5 3.75-8.5 8.5s3.75 8.5 8.5 8.5 8.5-3.75 8.5-8.5c0-4.5-3.75-8.5-8.5-8.5Zm0 14.75c-3.25 0-6-2.75-6-6.25s2.75-6.25 6-6.25 6 2.75 6 6.25-2.75 6.25-6 6.25Z",
+        fill: "var(--zd_emptysvg_medium_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M202.251 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM474.5 324.498c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+        fill: "var(--zd_emptysvg_cross)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.05,
+        d: "M289.502 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+        fill: "var(--zd_emptysvg_primary_fill)"
+      })), /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#AuthenticationPending_svg__b)"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.2,
+        d: "M115.475 302.913s27.64 19.959 40.787 14.238c13.146-5.755 19.358-14.83 38.025-14.83 18.668 0 62.215 20.288 76.051 17.855 13.837-2.433 52.52 3.025 54.623-1.217 2.103-4.241 2.761-32.684-3.451-32.98-6.211-.296-203.241-.921-206.002 2.104-2.76 3.025 0 14.83 0 14.83h-.033ZM114.227 163.001s208.598 8.319 210.669 4.077c2.07-4.241 2.76-32.684-3.451-32.98-6.212-.296-203.242-.921-206.002 2.104-2.761 3.026-1.216 26.766-1.216 26.766v.033ZM114.227 230.903s208.598 8.32 210.669 4.078c2.07-4.242 2.76-32.685-3.451-32.981-6.212-.296-203.242-.92-206.002 2.105-2.761 3.025-1.216 26.766-1.216 26.766v.032Z",
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M326.835 298.967c-.427 9.503-1.808 18.283-5.423 19.039-8.118 1.71-201.171 3.387-202.518 0-1.348-3.387-3.714-32.52 0-31.501 3.714 1.019 234.365.329 235.384-2.039 1.019-2.367 1.019-182.395-2.925-181.836-3.944.559-258.061-4.472-259.77 3.946-1.71 8.418-3.386 252.598 0 253.716 2.103.69 201.203.658 201.203.658 22.414-29.956 53.867-63.265 62.248-64.416 15.348-2.104 75.361 114.527 73.257 117.322-2.103 2.795-161.009 5.525-164.92-5.655 0 0 5.555-7.991 14.001-19.696 0 0 71.976-88.025 80.094-82.435l56.233 92.628M175.587 214.527v13.942M169.079 224.031l12.982-5.064M169.836 217.52l11.47 7.957M206.743 214.527v13.942M200.27 224.031l12.981-5.064M201.025 217.52l11.471 7.957M237.934 214.527v13.942M231.426 224.031l13.015-5.064M232.215 217.52l11.437 7.957M269.123 214.527v13.942M262.615 224.031l13.015-5.064M263.404 217.52l11.438 7.957",
+        stroke: "var(--zd_emptysvg_primary_stroke)",
+        strokeWidth: 2.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        fill: "none"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.2,
+        d: "m359.766 347.106-4.141 28.311c-.198 1.25-1.939 1.349-2.202.099-2.038-9.371-5.686-26.864-5.226-30.12.427-2.992 2.07-5.984 5.554-5.918 3.846.065 6.573 3.814 6.015 7.628ZM353.982 398.074a6.41 6.41 0 0 0 6.409-6.412 6.41 6.41 0 0 0-6.409-6.412 6.411 6.411 0 0 0-6.409 6.412 6.411 6.411 0 0 0 6.409 6.412Z",
+        fill: "var(--zd_emptysvg_primary_fill)"
+      })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "AuthenticationPending_svg__a"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        fill: "var(--zd_emptysvg_circle_fill)",
+        transform: "translate(25 50)",
+        d: "M0 0h450v400H0z"
+      })), /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "AuthenticationPending_svg__b"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        fill: "var(--zd_emptysvg_circle_fill)",
+        transform: "translate(88 100)",
+        d: "M0 0h342v318H0z"
+      }))));
+    }
+  }]);
+  return AuthenticationPending;
+}(_react["default"].Component);
+exports["default"] = AuthenticationPending;
+AuthenticationPending.propTypes = _propTypes.EmptyStateProps;
+AuthenticationPending.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'AuthenticationPending'
+});

package/lib/emptystate/version3/EmptyCustomerHappiness.js

@@ -0,0 +1,100 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("../props/propTypes");
+var _defaultProps = require("../props/defaultProps");
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var CustomerHappiness = /*#__PURE__*/function (_React$Component) {
+  _inherits(CustomerHappiness, _React$Component);
+  var _super = _createSuper(CustomerHappiness);
+  function CustomerHappiness() {
+    _classCallCheck(this, CustomerHappiness);
+    return _super.apply(this, arguments);
+  }
+  _createClass(CustomerHappiness, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "attach"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#CustomerHappiness_svg__a)"
+      }, /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#CustomerHappiness_svg__b)"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.1,
+        d: "M80.2 58.2s46.7-31.2 70.3-21.8c23.6 9.4 39.7 88.3-25.9 123.7-65.6 35.4-95.4-41.6-95.7-55.2-.2-13.3 0-44.7 51.3-46.7Z",
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M14 119.3s-.1 0 0 0c-.3 0-.5-.3-.5-.5l.4-7.5c0-.3.2-.5.5-.5s.5.2.5.5l-.4 7.5c-.1.3-.3.5-.5.5Z",
+        fill: "var(--zd_emptysvg_plus)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "m17.8 115.8-7.4-.4c-.3 0-.5-.3-.5-.5 0-.3.3-.5.5-.5l7.3.4c.3 0 .5.3.5.5.1.3-.1.5-.4.5Z",
+        fill: "var(--zd_emptysvg_plus)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M171.2 22.8c-2.6 0-4.7 2.1-4.7 4.7s2.1 4.7 4.7 4.7 4.7-2.1 4.7-4.7-2.2-4.7-4.7-4.7Zm0 8.5c-2 0-3.7-1.7-3.7-3.8 0-2.1 1.7-3.8 3.7-3.8s3.7 1.7 3.7 3.8c0 2.1-1.7 3.8-3.7 3.8ZM124.4 175.1c-1.9 0-3.4 1.5-3.4 3.4s1.5 3.4 3.4 3.4 3.4-1.5 3.4-3.4c0-1.8-1.5-3.4-3.4-3.4Zm0 5.9c-1.3 0-2.4-1.1-2.4-2.5s1.1-2.5 2.4-2.5c1.3 0 2.4 1.1 2.4 2.5s-1.1 2.5-2.4 2.5Z",
+        fill: "var(--zd_emptysvg_medium_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M80.9 22c-1.7 0-3 1.4-3 3s1.3 3 3 3 3-1.4 3-3-1.3-3-3-3Zm0 5.1c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2ZM189.8 131.8c-.2-.2-.5-.2-.7 0l-2.4 2.2-2.1-2.4c-.2-.2-.5-.2-.7 0-.2.2-.2.5 0 .7l2.1 2.4-2.4 2.2c-.2.2-.2.5 0 .7.1.1.2.2.4.2.1 0 .2 0 .3-.1l2.4-2.2 2.1 2.4c.1.1.2.2.4.2.1 0 .2 0 .3-.1.2-.2.2-.5 0-.7l-2.1-2.4 2.4-2.2c.2-.3.2-.7 0-.9Z",
+        fill: "var(--zd_emptysvg_cross)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        opacity: 0.1,
+        d: "M115.8 67S78.5 42.1 59.6 49.6c-18.9 7.5-31.8 70.6 20.7 98.9 52.5 28.3 76.3-33.3 76.5-44.2.2-10.6 0-35.8-41-37.3Z",
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#CustomerHappiness_svg__c)"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M51.2 70.1c1-1.3-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.4 10.4 10.7 7.2ZM79 66.2c0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2c1-1.3-.5-3.3-.5-3.9ZM122.4 79.5c1-1.3-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2ZM153.1 73.8c1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2c1.1-1.3-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8ZM90.2 122.8c1-1.2-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.8-2.9-.5-4.8-3.9-3.2-11-3.7-12.5 3.3s8.5 10.3 10.7 7.2ZM120.3 112.2c-3.9-3.2-11-3.7-12.5 3.3s8.5 10.4 10.7 7.2c1-1.2-.5-3.3-.5-3.9 0-2.3 2.1-1.1 2.8-1.8 1.1-1.2 1.9-2.9-.5-4.8ZM113.6 143.2c-9 6.4-27.6-2.2-27.6-2.2s-1.5 12.9 13.1 14.1c11.2.7 22.3-17.5 14.5-11.9ZM63.4 80.1C52.3 79.4 41.1 97.7 48.9 92c9-6.4 27.6 2.2 27.6 2.2s1.4-12.9-13.1-14.1ZM130.7 92.6s-4.8-.1-7.3-.2c2.9.9 7.7 4.8 7.7 4.8s14.6.4 15.6-2.3c.9-2.6-16-2.3-16-2.3ZM123.3 92.5c-.4-.1-.8-.2-1.2-.2-.7.1 0 .1 1.2.2Z",
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M102.5 176.7c-1.6 0-3.2-.1-4.9-.2-23.3-2.1-41.3-21.6-41.1-44.3v-1.7c.6-19.2 12.9-35.8 30.5-41.3 12.6-3.9 26.2-2.3 40.5 4.8 0 0 1 .5 2.4 1.7 11.6 9.2 13.7 30.3 4.1 42.7-8.8 11.3-20.3 22.4-38.8 19-10.5-1.8-14-11-12.7-18.8 0-.2.2-.3.3-.4.2-.1.4 0 .5.1.1.1 12.1 12.1 34.4 2.9.2-.1.4 0 .5.1.1.1.2.3.2.5s-.8 5.9-6.9 10.6c-.2.2-.5.1-.7-.1-.2-.2-.1-.5.1-.7 4.4-3.4 5.9-7.3 6.4-9.1-19.3 7.6-31-.5-33.9-2.9-.8 7.3 2.5 15.1 12 16.8 17.9 3.2 29.2-7.6 37.8-18.7 9.3-11.9 7.3-32.4-4-41.3-1.3-1.1-2.2-1.5-2.2-1.5-14-7-27.4-8.6-39.7-4.7-17.2 5.3-29.2 21.5-29.8 40.3v1.7c-.2 22.2 17.4 41.3 40.2 43.3 23.7 2.1 36.5-12 42.1-20.6 6.2-9.6 8.3-20.2 6.4-23.7-.4-.8-.8-1.4-1.2-1.9-1.1.4-2.2.8-3.4 1.2-.2 0-.3 0-.4-.1-.1-.1-.2-.2-.2-.4 0-.6 0-3.4 1.5-3.8.8-.2 1.8.4 2.9 1.9 13.9-5.5 21-13.6 24.5-19.7 4.2-7.3 4.5-13.3 4.5-13.4 0-.3 0-.5.1-.8v-.4C176.8 73.7 166 56 147 48.6c-18.6-7.2-38.1-1.5-49.7 14.5C88.9 74.5 88 87 88 87.2c0 .3-.2.5-.5.5s-.5-.2-.5-.4c-3.6-24.1 17-37.8 20.8-40.1-14.7-13.4-36.6-26.4-59.1-14.5-15.8 8.4-25 25.6-23.5 43.9 2.2 26.8 29.2 35.4 33.4 36.6.5-2.8 3.7-15.2 24.8-26.1.2-.1.5 0 .7.2.1.2 0 .5-.2.7-12 6.2-18 13-20.9 17.5-3.1 4.9-3.5 8.4-3.5 8.4 0 .1-.1.3-.2.4-.1.1-.3.1-.4.1-.3-.1-32.3-8-34.7-37.7-1.6-18.7 7.9-36.3 24-44.9 23.3-12.4 45.9 1.3 60.7 15 .1.1.2.3.2.4 0 .2-.1.3-.3.4-.2.2-22.1 12.4-21.2 35.4.9-4.7 3.3-12.9 8.8-20.6 11.9-16.4 31.8-22.3 50.9-14.9 19.4 7.5 30.5 25.7 28.2 46.2 0 .1 0 .3-.1.5 0 .2-.1.4-.1.6 0 .3-1.1 22.7-29.4 33.9.3.5.7 1.1 1.1 1.8 2.2 3.8.1 14.7-6.4 24.8-5.3 8.4-17 21.4-38.1 21.4Zm40.2-49.6c-.4.1-.7 1.1-.8 2.2.8-.3 1.6-.6 2.4-.8-.9-1.3-1.4-1.4-1.6-1.4Z",
+        fill: "var(--zd_emptysvg_primary_stroke)"
+      })))), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "CustomerHappiness_svg__a"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        fill: "#fff",
+        d: "M0 0h200v200H0z"
+      })), /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "CustomerHappiness_svg__b"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        fill: "#fff",
+        transform: "translate(10 22)",
+        d: "M0 0h180v160H0z"
+      })), /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "CustomerHappiness_svg__c"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        fill: "#fff",
+        transform: "translate(24 27)",
+        d: "M0 0h151.7v149.7H0z"
+      }))));
+    }
+  }]);
+  return CustomerHappiness;
+}(_react["default"].Component);
+exports["default"] = CustomerHappiness;
+CustomerHappiness.propTypes = _propTypes.EmptyStateProps;
+CustomerHappiness.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'CustomerHappiness'
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/svg",
-  "version": "1.0.0-temp.52",
+  "version": "1.0.0-temp.54",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -19,19 +19,24 @@
   ],
   "scripts": {
     "clean": "react-cli clean lib es coverage assets && mkdir assets",
-    "build": "react-cli build:component:cmjs",
+    "build:lib": "react-cli build:component:cmjs",
     "build:es": "react-cli build:library:es",
-    "build:dev": "npm run clean && npm run build:variables && npm run build:es --module:mode=dev -- -w",
+    "build": "npm run build:lib && npm run build:es",
+    "build:watch": "npm run clean && npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
     "rtl:watch": "react-cli rtl ./src ./es -w",
-    "prepare": "npm run init && npm run build && npm run build:es",
+    "prepare": "npm run init && npm run build && npm run cssVariableConvert",
     "init": "npm run clean && npm run build:variables",
-    "build:variables": "node ./preprocess/index",
+    "build:variables": "node ./preprocess/index ./../components/preprocess/json/theme/CTA ./node_modules/@zohodesk/variables/assets/dotColorbank.json ./node_modules/@zohodesk/variables/assets/colorVariables.json",
     "lint": "react-cli lint",
     "common_package_build": "cd ../common && npm run build && cd ../svg",
     "docs": "react-cli docs",
     "postpublish": "react-cli postpublish",
-    "download": "rm package-lock.json && rm -rf node_modules/ && npm install",
-    "expublish": "npm publish --tag experimental-version"
+    "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
+    "expublish": "npm publish --tag experimental-version",
+    "cssVariableConvert": "react-cli variableConverter ./src ./lib && react-cli variableConverter ./src ./es",
+    "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
+    "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
+    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
   },
   "react-cli": {
     "preprocess": {
@@ -40,16 +45,25 @@
     "docs": {
       "cssUniqueness": "false",
       "disableES5Transpile": true
+    },
+    "app": {
+      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
+      "patterns": {
+        "cssVariableReplacement": [
+          "src",
+          "!node_modules"
+        ]
+      }
     }
   },
   "dependencies": {},
   "devDependencies": {
-    "@zohodesk/variables": "1.0.0-beta.30",
-    "@zohodesk/components": "1.0.0-temp-147",
-    "@svgr/cli": "6.2.1"
+    "@zohodesk/variables": "1.0.0-beta.31",
+    "@zohodesk-private/color-variable-preprocess": "1.0.2",
+    "@svgr/cli": "6.2.1",
+    "@zohodesk-private/css-variable-migrator": "^1.0.1"
   },
   "peerDependencies": {
-    "@zohodesk/variables": "1.0.0-beta.30",
-    "@zohodesk/components": "1.0.0-temp-147"
+    "@zohodesk/variables": "1.0.0-beta.31"
   }
 }

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

@@ -1,37 +0,0 @@
-[data-mode='default'] {
-	/* default palette */
-	--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: hsla(216, 49%, calc(48% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_medium_circle: hsla(354, 71%, calc(65% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_small_circle: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_default_circle_fill: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	
-	/* dark palette */
-	--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: hsla(212, 100%, calc(64% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_dark_cross: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_dark_medium_circle: hsla(354, 71%, calc(65% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_dark_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_dark_small_circle: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_dark_circle_fill: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	
-	/* danger palette */
-	--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_danger_primary_stroke: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svg_danger_secondary_fill: hsla(216, 49%, calc(48% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svg_danger_secondary_plainfill: hsla(216, 49%, calc(48% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_danger_plus: hsla(216, 49%, calc(48% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_danger_cross: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_danger_medium_circle: hsla(354, 71%, calc(65% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_danger_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_danger_small_circle: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svg_danger_circle_fill: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
-}

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

@@ -1,10 +0,0 @@
-[data-mode='default'][data-theme='blue'] {
-	--zdt_svgcta_primary_fill: rgb(10,115,235);
-	--zdt_svgcta_primary_stroke: hsla(0, 5%, calc(13% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_fill: rgba(10, 115, 235, 0.25);
-	--zdt_svgcta_secondary_plainfill: hsla(212, 92%, calc(48% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_fill: hsla(231, 38%, calc(75% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_dark_fill: hsla(216, 49%, calc(48% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(216, 49%, calc(48% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
-}

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

@@ -1,10 +0,0 @@
-[data-mode='default'][data-theme='green'] {
-	--zdt_svgcta_primary_fill: rgb(38,169,66);
-	--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_fill: rgba(38, 169, 66, 0.25);
-	--zdt_svgcta_secondary_plainfill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_fill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_dark_fill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
-}

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

@@ -1,10 +0,0 @@
-[data-mode='default'][data-theme='orange'] {
-	--zdt_svgcta_primary_fill: rgb(229,119,23);
-	--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_fill: rgba(229, 119, 23, 0.25);
-	--zdt_svgcta_secondary_plainfill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_fill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_dark_fill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
-}

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

@@ -1,10 +0,0 @@
-[data-mode='default'][data-theme='red'] {
-	--zdt_svgcta_primary_fill: rgb(222,53,53);
-	--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_fill: rgba(222, 53, 53, 0.25);
-	--zdt_svgcta_secondary_plainfill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_fill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_dark_fill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
-}

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

@@ -1,10 +0,0 @@
-[data-mode='default'][data-theme='yellow'] {
-	--zdt_svgcta_primary_fill: rgb(232,185,35);
-	--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_fill: rgba(232, 185, 35, 0.25);
-	--zdt_svgcta_secondary_plainfill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_fill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_dark_fill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
-}