@zohodesk/svg 1.1.5 → 1.1.7

package/README.md

@@ -2,6 +2,16 @@
 
 This Bundle Contains EmptyState Images.
 
+# 1.1.7
+
+- v1 => EmptyConfigurationPending svg added.
+
+- **v1/Loader** - isCover, className props added
+
+# 1.1.6
+
+- color-variable-preprocessor version issue solved
+
 # 1.1.5
 
 - @zohodesk-private/color-variable-preprocessor version upgrade

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

@@ -1,7 +1,37 @@
 [data-mode='dark'] {
-	/* default palette */[object Object]default_primary_fill: var(--zdt_svgcta_primary_fill);[object Object]default_primary_stroke: var(--zdt_svgcta_primary_stroke);[object Object]default_secondary_fill: var(--zdt_svgcta_secondary_fill);[object Object]default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);[object Object]default_plus: hsla(212, 100.00%, calc(63.92% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_cross: hsla(163, 44.89%, calc(55.88% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* 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(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* dark palette */[object Object]dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);[object Object]dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);[object Object]dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);[object Object]dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);[object Object]dark_plus: hsla(212, 100.00%, calc(63.92% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_cross: hsla(163, 44.89%, calc(55.88% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_circle_fill: hsla(0, 0.00%, calc(100.00% + 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);
+	--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.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* danger palette */[object Object]danger_primary_fill: hsla(26, 100.00%, calc(50.00% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]danger_secondary_fill: hsla(213, 34.19%, calc(30.39% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_plus: hsla(212, 100.00%, calc(63.92% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_cross: hsla(163, 44.89%, calc(55.88% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* danger palette */
+	--zdt_svg_danger_primary_fill: hsla(26, 100.00%, calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_danger_secondary_fill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_plus: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='dark'][data-theme='blue'] {[object Object]primary_fill: rgb(130,137,148);[object Object]primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgb(71, 157, 255, 0.25);[object Object]secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(217, 7.76%, calc(54.51% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(212, 100.00%, calc(63.92% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(213, 34.19%, calc(30.39% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='dark'][data-theme='blue'] {
+	--zdt_svgcta_primary_fill: rgb(130,137,148);
+	--zdt_svgcta_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgb(71, 157, 255, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(217, 7.76%, calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='dark'][data-theme='green'] {[object Object]primary_fill: rgb(69,161,89);[object Object]primary_stroke: hsla(133, 40.00%, calc(45.10% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(69, 161, 89, 0.25);[object Object]secondary_plainfill: hsla(133, 40.00%, calc(45.10% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(133, 40.00%, calc(45.10% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(133, 40.00%, calc(45.10% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(133, 40.00%, calc(45.10% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(133, 40.00%, calc(45.10% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='dark'][data-theme='green'] {
+	--zdt_svgcta_primary_fill: rgb(69,161,89);
+	--zdt_svgcta_primary_stroke: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(69, 161, 89, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='dark'][data-theme='orange'] {[object Object]primary_fill: rgb(255,128,31);[object Object]primary_stroke: hsla(26, 100.00%, calc(56.08% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(255, 128, 31, 0.25);[object Object]secondary_plainfill: hsla(26, 100.00%, calc(56.08% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(26, 100.00%, calc(56.08% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(26, 100.00%, calc(56.08% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(26, 100.00%, calc(56.08% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(26, 100.00%, calc(56.08% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='dark'][data-theme='orange'] {
+	--zdt_svgcta_primary_fill: rgb(255,128,31);
+	--zdt_svgcta_primary_stroke: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(255, 128, 31, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='dark'][data-theme='red'] {[object Object]primary_fill: rgb(233,79,79);[object Object]primary_stroke: hsla(0, 77.78%, calc(61.18% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(233, 79, 79, 0.25);[object Object]secondary_plainfill: hsla(0, 77.78%, calc(61.18% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(0, 77.78%, calc(61.18% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(0, 77.78%, calc(61.18% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(0, 77.78%, calc(61.18% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(0, 77.78%, calc(61.18% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='dark'][data-theme='red'] {
+	--zdt_svgcta_primary_fill: rgb(233,79,79);
+	--zdt_svgcta_primary_stroke: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(233, 79, 79, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='dark'][data-theme='yellow'] {[object Object]primary_fill: rgb(215,152,53);[object Object]primary_stroke: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(215, 152, 53, 0.25);[object Object]secondary_plainfill: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(37, 66.94%, calc(52.55% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='dark'][data-theme='yellow'] {
+	--zdt_svgcta_primary_fill: rgb(215,152,53);
+	--zdt_svgcta_primary_stroke: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(215, 152, 53, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,7 +1,37 @@
 [data-mode='light'] {
-	/* default palette */[object Object]default_primary_fill: var(--zdt_svgcta_primary_fill);[object Object]default_primary_stroke: var(--zdt_svgcta_primary_stroke);[object Object]default_secondary_fill: var(--zdt_svgcta_secondary_fill);[object Object]default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);[object Object]default_plus: hsla(216, 48.78%, calc(48.24% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_cross: hsla(163, 44.89%, calc(55.88% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_medium_circle: hsla(354, 71.27%, calc(64.51% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_tiny_circle: hsla(163, 44.89%, calc(55.88% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_small_circle: hsla(0, 0.00%, calc(0.39% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* 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, 48.78%, calc(48.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_medium_circle: hsla(354, 71.27%, calc(64.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_tiny_circle: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_small_circle: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* dark palette */[object Object]dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);[object Object]dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);[object Object]dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);[object Object]dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);[object Object]dark_plus: hsla(212, 100.00%, calc(63.92% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_cross: hsla(163, 44.89%, calc(55.88% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_medium_circle: hsla(354, 71.27%, calc(64.51% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_tiny_circle: hsla(163, 44.89%, calc(55.88% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_small_circle: hsla(0, 0.00%, calc(0.39% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_circle_fill: hsla(0, 0.00%, calc(100.00% + 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.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_medium_circle: hsla(354, 71.27%, calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_tiny_circle: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_small_circle: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* danger palette */[object Object]danger_primary_fill: hsla(26, 100.00%, calc(50.00% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]danger_secondary_fill: hsla(216, 48.78%, calc(48.24% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]danger_secondary_plainfill: hsla(216, 48.78%, calc(48.24% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_plus: hsla(216, 48.78%, calc(48.24% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_cross: hsla(163, 44.89%, calc(55.88% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_medium_circle: hsla(354, 71.27%, calc(64.51% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_tiny_circle: hsla(163, 44.89%, calc(55.88% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_small_circle: hsla(0, 0.00%, calc(0.39% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* danger palette */
+	--zdt_svg_danger_primary_fill: hsla(26, 100.00%, calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_danger_secondary_fill: hsla(216, 48.78%, calc(48.24% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_secondary_plainfill: hsla(216, 48.78%, calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_plus: hsla(216, 48.78%, calc(48.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_medium_circle: hsla(354, 71.27%, calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_tiny_circle: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_small_circle: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='light'][data-theme='blue'] {[object Object]primary_fill: rgb(10,115,235);[object Object]primary_stroke: hsla(0, 4.62%, calc(12.75% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(10, 115, 235, 0.25);[object Object]secondary_plainfill: hsla(212, 91.84%, calc(48.04% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(231, 37.98%, calc(74.71% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(216, 48.78%, calc(48.24% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(216, 48.78%, calc(48.24% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='light'][data-theme='blue'] {
+	--zdt_svgcta_primary_fill: rgb(10,115,235);
+	--zdt_svgcta_primary_stroke: hsla(0, 4.62%, calc(12.75% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(10, 115, 235, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(212, 91.84%, calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(231, 37.98%, calc(74.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(216, 48.78%, calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(216, 48.78%, calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='light'][data-theme='green'] {[object Object]primary_fill: rgb(38,169,66);[object Object]primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(38, 169, 66, 0.25);[object Object]secondary_plainfill: hsla(133, 63.29%, calc(40.59% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(133, 63.29%, calc(40.59% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(133, 63.29%, calc(40.59% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(133, 63.29%, calc(40.59% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='light'][data-theme='green'] {
+	--zdt_svgcta_primary_fill: rgb(38,169,66);
+	--zdt_svgcta_primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(38, 169, 66, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(133, 63.29%, calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(133, 63.29%, calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(133, 63.29%, calc(40.59% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 63.29%, calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='light'][data-theme='orange'] {[object Object]primary_fill: rgb(229,119,23);[object Object]primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(229, 119, 23, 0.25);[object Object]secondary_plainfill: hsla(28, 81.75%, calc(49.41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(28, 81.75%, calc(49.41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(28, 81.75%, calc(49.41% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(28, 81.75%, calc(49.41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='light'][data-theme='orange'] {
+	--zdt_svgcta_primary_fill: rgb(229,119,23);
+	--zdt_svgcta_primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(229, 119, 23, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(28, 81.75%, calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(28, 81.75%, calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(28, 81.75%, calc(49.41% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(28, 81.75%, calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='light'][data-theme='red'] {[object Object]primary_fill: rgb(222,53,53);[object Object]primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(222, 53, 53, 0.25);[object Object]secondary_plainfill: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(0, 71.91%, calc(53.92% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='light'][data-theme='red'] {
+	--zdt_svgcta_primary_fill: rgb(222,53,53);
+	--zdt_svgcta_primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(222, 53, 53, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='light'][data-theme='yellow'] {[object Object]primary_fill: rgb(232,185,35);[object Object]primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(232, 185, 35, 0.25);[object Object]secondary_plainfill: hsla(46, 81.07%, calc(52.35% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(46, 81.07%, calc(52.35% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(0, 0.00%, calc(100.00% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(46, 81.07%, calc(52.35% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(46, 81.07%, calc(52.35% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='light'][data-theme='yellow'] {
+	--zdt_svgcta_primary_fill: rgb(232,185,35);
+	--zdt_svgcta_primary_stroke: hsla(0, 0.00%, calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(232, 185, 35, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(46, 81.07%, calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(46, 81.07%, calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(46, 81.07%, calc(52.35% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(46, 81.07%, calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,7 +1,37 @@
 [data-mode='pureDark'] {
-	/* default palette */[object Object]default_primary_fill: var(--zdt_svgcta_primary_fill);[object Object]default_primary_stroke: var(--zdt_svgcta_primary_stroke);[object Object]default_secondary_fill: var(--zdt_svgcta_secondary_fill);[object Object]default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);[object Object]default_plus: hsla(212, 100.00%, calc(63.92% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_cross: hsla(163, 44.89%, calc(55.88% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]default_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* 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(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_default_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* dark palette */[object Object]dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);[object Object]dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);[object Object]dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);[object Object]dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);[object Object]dark_plus: hsla(212, 100.00%, calc(63.92% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_cross: hsla(163, 44.89%, calc(55.88% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]dark_circle_fill: hsla(0, 0.00%, calc(100.00% + 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);
+	--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.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_dark_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	
-	/* danger palette */[object Object]danger_primary_fill: hsla(26, 100.00%, calc(50.00% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]danger_secondary_fill: hsla(213, 34.19%, calc(30.39% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_plus: hsla(212, 100.00%, calc(63.92% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_cross: hsla(163, 44.89%, calc(55.88% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]danger_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	/* danger palette */
+	--zdt_svg_danger_primary_fill: hsla(26, 100.00%, calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svg_danger_secondary_fill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_plus: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svg_danger_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='pureDark'][data-theme='blue'] {[object Object]primary_fill: rgb(130,137,148);[object Object]primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgb(51,75,104);[object Object]secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(217, 7.76%, calc(54.51% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(212, 100.00%, calc(63.92% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(213, 34.19%, calc(30.39% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='pureDark'][data-theme='blue'] {
+	--zdt_svgcta_primary_fill: rgb(130,137,148);
+	--zdt_svgcta_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgb(51,75,104);
+	--zdt_svgcta_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(217, 7.76%, calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='pureDark'][data-theme='green'] {[object Object]primary_fill: rgb(69,161,89);[object Object]primary_stroke: hsla(128, 79.71%, calc(27.06% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(69, 161, 89, 0.25);[object Object]secondary_plainfill: hsla(133, 40.00%, calc(45.10% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(133, 40.00%, calc(45.10% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(134, 78.63%, calc(25.69% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(133, 40.00%, calc(45.10% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(133, 40.00%, calc(45.10% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='pureDark'][data-theme='green'] {
+	--zdt_svgcta_primary_fill: rgb(69,161,89);
+	--zdt_svgcta_primary_stroke: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(69, 161, 89, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(134, 78.63%, calc(25.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='pureDark'][data-theme='orange'] {[object Object]primary_fill: rgb(255,128,31);[object Object]primary_stroke: hsla(29, 100.00%, calc(32.94% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(255, 128, 31, 0.25);[object Object]secondary_plainfill: hsla(26, 100.00%, calc(56.08% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(26, 100.00%, calc(56.08% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(29, 100.00%, calc(32.94% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(26, 100.00%, calc(56.08% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(26, 100.00%, calc(56.08% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='pureDark'][data-theme='orange'] {
+	--zdt_svgcta_primary_fill: rgb(255,128,31);
+	--zdt_svgcta_primary_stroke: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(255, 128, 31, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100.00%, calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='pureDark'][data-theme='red'] {[object Object]primary_fill: rgb(168,17,17);[object Object]primary_stroke: hsla(0, 77.78%, calc(61.18% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(233, 79, 79, 0.25);[object Object]secondary_plainfill: hsla(0, 77.78%, calc(61.18% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(0, 77.78%, calc(61.18% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(0, 81.62%, calc(36.27% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(0, 77.78%, calc(61.18% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(0, 77.78%, calc(61.18% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='pureDark'][data-theme='red'] {
+	--zdt_svgcta_primary_fill: rgb(168,17,17);
+	--zdt_svgcta_primary_stroke: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(233, 79, 79, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 77.78%, calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

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

@@ -1,2 +1,10 @@
-[data-mode='pureDark'][data-theme='yellow'] {[object Object]primary_fill: rgb(215,152,53);[object Object]primary_stroke: hsla(39, 90.18%, calc(31.96% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_fill: rgba(215, 152, 53, 0.25);[object Object]secondary_plainfill: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_fill: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));[object Object]primary_dark_stroke: hsla(39, 90.18%, calc(31.96% + var(--zd_pureDark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));[object Object]secondary_dark_fill: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));[object Object]secondary_dark_plainfill: hsla(37, 66.94%, calc(52.55% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
+[data-mode='pureDark'][data-theme='yellow'] {
+	--zdt_svgcta_primary_fill: rgb(215,152,53);
+	--zdt_svgcta_primary_stroke: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(215, 152, 53, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 66.94%, calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
 }

package/es/SVG/SVG.module.css

@@ -22,10 +22,13 @@
   height: var(--zd_size40) ;
   width: var(--zd_size40) ;
 }
-.center {
-  height: 100% ;
+.loader {
   width: 100% ;
   display: flex;
   align-items: center;
   justify-content: center;
 }
+.center {
+  height: 100% ;
+  composes: loader
+}

package/es/v1/Loader/Loader.js

@@ -1,12 +1,14 @@
 import React, { memo } from 'react';
-import { LoaderDefaultProps } from '../../Loader/props/defaultProps';
-import { LoaderProps } from '../../Loader/props/propTypes';
+import defaultProps from './props/defaultProps';
+import propTypes from './props/propTypes';
 import SVG from '../SVG/SVG';
 import cssStyle from '../../SVG/SVG.module.css';
 
 function Loader(props) {
   const {
-    dataId
+    dataId,
+    isCover,
+    className
   } = props;
   const viewBoxStyle = {
     animation: 'loaderone 2s linear infinite'
@@ -20,7 +22,7 @@ function Loader(props) {
     transformOrigin: 'center'
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: cssStyle.center
+    className: `${isCover ? cssStyle.center : cssStyle.loader} ${className}`
   }, /*#__PURE__*/React.createElement(SVG, {
     viewBox: "0 0 40 40",
     name: "Loader",
@@ -53,10 +55,10 @@ function Loader(props) {
   })));
 }
 
-Loader.propTypes = LoaderProps;
-Loader.defaultProps = LoaderDefaultProps;
+Loader.propTypes = propTypes;
+Loader.defaultProps = defaultProps;
 const MemoizedLoader = /*#__PURE__*/memo(Loader);
-MemoizedLoader.propTypes = LoaderProps;
-MemoizedLoader.defaultProps = LoaderDefaultProps;
+MemoizedLoader.propTypes = propTypes;
+MemoizedLoader.defaultProps = defaultProps;
 MemoizedLoader.displayName = 'Loader';
 export default MemoizedLoader;

package/es/v1/Loader/props/defaultProps.js

@@ -0,0 +1,5 @@
+export default {
+  isCover: true,
+  className: '',
+  dataId: 'loader'
+};

package/es/v1/Loader/props/propTypes.js

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+export default {
+  isCover: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string
+};

package/es/v1/emptystate/version3/EmptyConfigurationPending.js

@@ -0,0 +1,70 @@
+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 '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import SVG from '../../../SVG/SVG';
+export default class EmptyConfigurationPending extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 500 500",
+      name: "emptyConfigurationPending"
+    }, this.props), /*#__PURE__*/React.createElement("g", {
+      "clip-path": "url(#configurationPending_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_tiny_circle)"
+    }), /*#__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", {
+      "clip-path": "url(#configurationPending_svg__b)"
+    }, /*#__PURE__*/React.createElement("path", {
+      opacity: "0.2",
+      d: "M185.712 185.099c.023-9.171-8.399-4.024-11.159-7.088-4.164-4.609-7.253-11.628 1.708-18.95 15.417-12.61 42.882-14.786 48.754 12.469 5.896 27.255-32.823 40.847-41.759 28.589-3.346-4.586 2.433-12.446 2.456-15.043v.023Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M289.75 179.838s.374-11.767-.094-14.458c-.468-2.713-23.512.141-32.612-10.644-9.101-10.785 11.58-29.454 11.557-33.969-.024-4.516-20.447-17.5-20.447-17.5s-22.038 17.313-28.846 15.535c-6.784-1.778-9.662-29.782-10.153-33.853-.468-4.07-30.296.188-30.296.188s2.433 28.471-7.931 34.858c-10.364 6.386-28.12-16.564-30.834-16.985-2.714-.444-22.483 20.026-22.483 20.026s9.101 11.697 15.02 17.99c5.919 6.294 4.164 14.435.117 18.997-4.047 4.539-28.004 2.433-30.717 3.79-2.714 1.38-3.556 8.609-3.556 8.609l-.14 10.481s-1.896 9.732 6.292 10.855c8.165 1.123 33.034-2.129 30.016 13.031-3.018 15.183-20.096 21.102-12.633 33.103 7.463 12.002 12.516 13.148 16.399 11.557 3.884-1.59 25.15-18.037 30.226-14.949 5.077 3.088 7.557 30.671 9.92 32.191 1.473.983 21.757 1.404 21.757 1.404-1.076-39.56-.819-77.553 4.024-79.285 8.656-3.111 143.69-.912 182.923-.234 5.918.071 10.644 4.937 10.644 10.785v22.74l-179.273 1.755 79.893-2.504c4.023-.234 7.439-.14 9.662 3.182 11.697 17.71 46.976 72.758 35.817 76.477-13.312 4.398-86.748 6.317-88.339-1.965-2.433-13.148 43.327-73.295 48.287-74.208 4.936-.912 92.83 2.433 93.977 5.1 1.146 2.667 7.837 128.25 1.52 131.97-6.316 3.719-190.83 4.491-191.883-1.147-.912-4.562-.351-110.423-.094-150.638 0 0-28.097 2.831-33.781-24.775-5.685-27.606 49.9-49.48 55.632-10.715 4.866 33.057-38.858 34.461-46.766 17.921",
+      stroke: "var(--zd_emptysvg_primary_stroke)",
+      "stroke-width": "2.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("path", {
+      opacity: "0.3",
+      d: "M353.992 291.664c-1.45-4.398-25.687-59.82-36.425-65.224-10.715-5.404-49.574 63.563-52.615 71.003-3.041 7.439 13.616 8.048 13.616 8.048s62.861.538 69.856-1.381c7.065-1.754 7.065-7.977 5.545-12.469l.023.023Zm-42.578-30.342c0-1.053.842-1.895 1.895-1.895s1.895.842 1.895 1.895v17.475a1.887 1.887 0 0 1-1.895 1.895 1.887 1.887 0 0 1-1.895-1.895v-17.475Zm.608 30.951s-4.398-4.866.749-5.311c0 0 3.579.07 3.79 2.129.234 2.059-3.182 4.492-4.562 3.182h.023Z",
+      fill: "var(--zd_emptysvg_primary_fill)"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "configurationPending_svg__a"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(25 50)",
+      d: "M0 0h450v400H0z"
+    })), /*#__PURE__*/React.createElement("clipPath", {
+      id: "configurationPending_svg__b"
+    }, /*#__PURE__*/React.createElement("path", {
+      fill: "#fff",
+      transform: "translate(97 82)",
+      d: "M0 0h306.236v286H0z"
+    }))));
+  }
+
+}
+EmptyConfigurationPending.propTypes = EmptyStateProps;
+EmptyConfigurationPending.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyConfigurationPending'
+};

package/lib/SVG/SVG.module.css

@@ -22,10 +22,13 @@
   height: var(--zd_size40) ;
   width: var(--zd_size40) ;
 }
-.center {
-  height: 100% ;
+.loader {
   width: 100% ;
   display: flex;
   align-items: center;
   justify-content: center;
 }
+.center {
+  height: 100% ;
+  composes: loader
+}

package/lib/v1/Loader/Loader.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../Loader/props/defaultProps");
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
 
-var _propTypes = require("../../Loader/props/propTypes");
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
 
 var _SVG = _interopRequireDefault(require("../SVG/SVG"));
 
@@ -24,7 +24,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function Loader(props) {
-  var dataId = props.dataId;
+  var dataId = props.dataId,
+      isCover = props.isCover,
+      className = props.className;
   var viewBoxStyle = {
     animation: 'loaderone 2s linear infinite'
   };
@@ -37,7 +39,7 @@ function Loader(props) {
     transformOrigin: 'center'
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: _SVGModule["default"].center
+    className: "".concat(isCover ? _SVGModule["default"].center : _SVGModule["default"].loader, " ").concat(className)
   }, /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
     viewBox: "0 0 40 40",
     name: "Loader",
@@ -70,11 +72,11 @@ function Loader(props) {
   })));
 }
 
-Loader.propTypes = _propTypes.LoaderProps;
-Loader.defaultProps = _defaultProps.LoaderDefaultProps;
+Loader.propTypes = _propTypes["default"];
+Loader.defaultProps = _defaultProps["default"];
 var MemoizedLoader = /*#__PURE__*/(0, _react.memo)(Loader);
-MemoizedLoader.propTypes = _propTypes.LoaderProps;
-MemoizedLoader.defaultProps = _defaultProps.LoaderDefaultProps;
+MemoizedLoader.propTypes = _propTypes["default"];
+MemoizedLoader.defaultProps = _defaultProps["default"];
 MemoizedLoader.displayName = 'Loader';
 var _default = MemoizedLoader;
 exports["default"] = _default;