@zohodesk/svg 1.0.0-temp.60.2 → 1.0.0-temp.60.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/assets/Appearance/dark/mode/SVG_DarkMode.module.css +24 -24
- package/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css +8 -8
- package/assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css +8 -8
- package/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css +8 -8
- package/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css +8 -8
- package/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css +8 -8
- package/assets/Appearance/light/mode/SVG_LightMode.module.css +24 -24
- package/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css +8 -8
- package/assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css +8 -8
- package/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css +8 -8
- package/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css +8 -8
- package/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css +8 -8
- package/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css +24 -24
- package/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css +8 -8
- package/es/v1/emptystate/version3/AllowListBlockList.js +1 -1
- package/es/v1/emptystate/version3/EmptyAllowList.js +1 -1
- package/es/v1/emptystate/version3/EmptyBlockList.js +1 -1
- package/es/v1/emptystate/version3/EmptySearchError.js +62 -0
- package/lib/v1/emptystate/version3/AllowListBlockList.js +1 -1
- package/lib/v1/emptystate/version3/EmptyAllowList.js +1 -1
- package/lib/v1/emptystate/version3/EmptyBlockList.js +1 -1
- package/lib/v1/emptystate/version3/EmptySearchError.js +83 -0
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -5,39 +5,39 @@
|
|
|
5
5
|
--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
|
|
6
6
|
--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
|
|
7
7
|
--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
|
|
8
|
-
--zdt_svg_default_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svg_default_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
10
|
-
--zdt_svg_default_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
11
|
-
--zdt_svg_default_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
12
|
-
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
13
|
-
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svg_default_plus: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svg_default_cross: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
10
|
+
--zdt_svg_default_medium_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
11
|
+
--zdt_svg_default_tiny_circle: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
12
|
+
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
14
14
|
|
|
15
15
|
/* dark palette */
|
|
16
16
|
--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
|
|
17
17
|
--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
|
|
18
18
|
--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
|
|
19
19
|
--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
|
|
20
|
-
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
-
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
-
--zdt_svg_dark_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
23
|
-
--zdt_svg_dark_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
24
|
-
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
25
|
-
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
20
|
+
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_svg_dark_medium_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
23
|
+
--zdt_svg_dark_tiny_circle: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
24
|
+
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
25
|
+
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
26
26
|
|
|
27
27
|
/* danger palette */
|
|
28
|
-
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
29
|
-
--zdt_svg_danger_primary_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
30
|
-
--zdt_svg_danger_secondary_fill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
31
|
-
--zdt_svg_danger_secondary_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
32
|
-
--zdt_svg_danger_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
33
|
-
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
-
--zdt_svg_danger_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
35
|
-
--zdt_svg_danger_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
36
|
-
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
37
|
-
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
28
|
+
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
29
|
+
--zdt_svg_danger_primary_stroke: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
30
|
+
--zdt_svg_danger_secondary_fill: hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
31
|
+
--zdt_svg_danger_secondary_plainfill: hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
32
|
+
--zdt_svg_danger_plus: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
33
|
+
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
+
--zdt_svg_danger_medium_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
35
|
+
--zdt_svg_danger_tiny_circle: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
36
|
+
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
37
|
+
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
38
38
|
|
|
39
39
|
/* loader */
|
|
40
|
-
--zdt_svg_loader_outer_stroke: hsla(147, calc(var(--zd-saturation) * 90.06%), 31.57%, 1);
|
|
41
|
-
--zdt_svg_loader_inner_stroke: hsla(146, calc(var(--zd-saturation) * 79.19%), 43.33%, 1);
|
|
40
|
+
--zdt_svg_loader_outer_stroke: hsla(147, calc(var(--zd-saturation, 1) * 90.06%), 31.57%, 1);
|
|
41
|
+
--zdt_svg_loader_inner_stroke: hsla(146, calc(var(--zd-saturation, 1) * 79.19%), 43.33%, 1);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='dark'][data-theme='blue'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), 54.51%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), 54.51%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), 63.92%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='dark'][data-theme='green'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='dark'][data-theme='orange'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), 56.08%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), 56.08%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='dark'][data-theme='red'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), 61.18%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), 61.18%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='dark'][data-theme='yellow'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), 52.55%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), 52.55%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -5,39 +5,39 @@
|
|
|
5
5
|
--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
|
|
6
6
|
--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
|
|
7
7
|
--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
|
|
8
|
-
--zdt_svg_default_plus: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svg_default_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
10
|
-
--zdt_svg_default_medium_circle: hsla(354, calc(var(--zd-saturation) * 71.27%), calc(64.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
11
|
-
--zdt_svg_default_tiny_circle: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
12
|
-
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
13
|
-
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svg_default_plus: hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svg_default_cross: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
10
|
+
--zdt_svg_default_medium_circle: hsla(354, calc(var(--zd-saturation, 1) * 71.27%), calc(64.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
11
|
+
--zdt_svg_default_tiny_circle: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
12
|
+
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
14
14
|
|
|
15
15
|
/* dark palette */
|
|
16
16
|
--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
|
|
17
17
|
--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
|
|
18
18
|
--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
|
|
19
19
|
--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
|
|
20
|
-
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
-
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
-
--zdt_svg_dark_medium_circle: hsla(354, calc(var(--zd-saturation) * 71.27%), calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
23
|
-
--zdt_svg_dark_tiny_circle: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
24
|
-
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
25
|
-
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
20
|
+
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_svg_dark_medium_circle: hsla(354, calc(var(--zd-saturation, 1) * 71.27%), calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
23
|
+
--zdt_svg_dark_tiny_circle: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
24
|
+
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
25
|
+
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
26
26
|
|
|
27
27
|
/* danger palette */
|
|
28
|
-
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
29
|
-
--zdt_svg_danger_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
30
|
-
--zdt_svg_danger_secondary_fill: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
31
|
-
--zdt_svg_danger_secondary_plainfill: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
32
|
-
--zdt_svg_danger_plus: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
33
|
-
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
-
--zdt_svg_danger_medium_circle: hsla(354, calc(var(--zd-saturation) * 71.27%), calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
35
|
-
--zdt_svg_danger_tiny_circle: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
36
|
-
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
37
|
-
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
28
|
+
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
29
|
+
--zdt_svg_danger_primary_stroke: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
30
|
+
--zdt_svg_danger_secondary_fill: hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
31
|
+
--zdt_svg_danger_secondary_plainfill: hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
32
|
+
--zdt_svg_danger_plus: hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
33
|
+
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
+
--zdt_svg_danger_medium_circle: hsla(354, calc(var(--zd-saturation, 1) * 71.27%), calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
35
|
+
--zdt_svg_danger_tiny_circle: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
36
|
+
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
37
|
+
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
38
38
|
|
|
39
39
|
/* loader */
|
|
40
|
-
--zdt_svg_loader_outer_stroke: hsla(147, calc(var(--zd-saturation) * 90.06%), 31.57%, 1);
|
|
41
|
-
--zdt_svg_loader_inner_stroke: hsla(146, calc(var(--zd-saturation) * 79.19%), 43.33%, 1);
|
|
40
|
+
--zdt_svg_loader_outer_stroke: hsla(147, calc(var(--zd-saturation, 1) * 90.06%), 31.57%, 1);
|
|
41
|
+
--zdt_svg_loader_inner_stroke: hsla(146, calc(var(--zd-saturation, 1) * 79.19%), 43.33%, 1);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='light'][data-theme='blue'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 4.62%), calc(12.75% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(212, calc(var(--zd-saturation) * 91.84%), calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(231, calc(var(--zd-saturation) * 37.98%), calc(74.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), 48.04%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation, 1) * 4.62%), calc(12.75% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), 48.04%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(231, calc(var(--zd-saturation, 1) * 37.98%), calc(74.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='light'][data-theme='green'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), 40.59%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), 40.59%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation, 1) * 63.29%), 40.59%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation, 1) * 63.29%), 40.59%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation, 1) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation, 1) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-saturation, 1) * 63.29%), calc(40.59% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-saturation, 1) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='light'][data-theme='orange'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), 49.41%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), 49.41%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='light'][data-theme='red'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), 53.92%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), 53.92%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation, 1) * 71.91%), 53.92%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation, 1) * 71.91%), 53.92%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation, 1) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation, 1) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-saturation, 1) * 71.91%), calc(53.92% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-saturation, 1) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='light'][data-theme='yellow'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), 52.35%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), 52.35%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(46, calc(var(--zd-saturation) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), calc(52.35% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(46, calc(var(--zd-saturation) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(46, calc(var(--zd-saturation, 1) * 81.07%), 52.35%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(46, calc(var(--zd-saturation, 1) * 81.07%), 52.35%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(46, calc(var(--zd-saturation, 1) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(46, calc(var(--zd-saturation, 1) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(46, calc(var(--zd-saturation, 1) * 81.07%), calc(52.35% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(46, calc(var(--zd-saturation, 1) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -5,39 +5,39 @@
|
|
|
5
5
|
--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
|
|
6
6
|
--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
|
|
7
7
|
--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
|
|
8
|
-
--zdt_svg_default_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svg_default_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
10
|
-
--zdt_svg_default_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
11
|
-
--zdt_svg_default_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
12
|
-
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
13
|
-
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svg_default_plus: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svg_default_cross: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
10
|
+
--zdt_svg_default_medium_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
11
|
+
--zdt_svg_default_tiny_circle: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
12
|
+
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
14
14
|
|
|
15
15
|
/* dark palette */
|
|
16
16
|
--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
|
|
17
17
|
--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
|
|
18
18
|
--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
|
|
19
19
|
--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
|
|
20
|
-
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
-
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
-
--zdt_svg_dark_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
23
|
-
--zdt_svg_dark_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
24
|
-
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
25
|
-
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
20
|
+
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_svg_dark_medium_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
23
|
+
--zdt_svg_dark_tiny_circle: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
24
|
+
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
25
|
+
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
26
26
|
|
|
27
27
|
/* danger palette */
|
|
28
|
-
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
29
|
-
--zdt_svg_danger_primary_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
30
|
-
--zdt_svg_danger_secondary_fill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
31
|
-
--zdt_svg_danger_secondary_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
32
|
-
--zdt_svg_danger_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
33
|
-
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
-
--zdt_svg_danger_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
35
|
-
--zdt_svg_danger_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
36
|
-
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
37
|
-
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
28
|
+
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
29
|
+
--zdt_svg_danger_primary_stroke: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
30
|
+
--zdt_svg_danger_secondary_fill: hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
31
|
+
--zdt_svg_danger_secondary_plainfill: hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
32
|
+
--zdt_svg_danger_plus: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
33
|
+
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
+
--zdt_svg_danger_medium_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
35
|
+
--zdt_svg_danger_tiny_circle: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
36
|
+
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
37
|
+
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
38
38
|
|
|
39
39
|
/* loader */
|
|
40
|
-
--zdt_svg_loader_outer_stroke: hsla(147, calc(var(--zd-saturation) * 90.06%), 31.57%, 1);
|
|
41
|
-
--zdt_svg_loader_inner_stroke: hsla(146, calc(var(--zd-saturation) * 79.19%), 43.33%, 1);
|
|
40
|
+
--zdt_svg_loader_outer_stroke: hsla(147, calc(var(--zd-saturation, 1) * 90.06%), 31.57%, 1);
|
|
41
|
+
--zdt_svg_loader_inner_stroke: hsla(146, calc(var(--zd-saturation, 1) * 79.19%), 43.33%, 1);
|
|
42
42
|
}
|
|
43
43
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='pureDark'][data-theme='blue'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), 54.51%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), 54.51%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), 63.92%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='pureDark'][data-theme='green'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(128, calc(var(--zd-saturation) * 79.71%), calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(134, calc(var(--zd-saturation) * 78.63%), calc(25.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(134, calc(var(--zd-saturation, 1) * 78.63%), calc(25.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='pureDark'][data-theme='orange'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(29, calc(var(--zd-saturation) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(29, calc(var(--zd-saturation) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), 56.08%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(29, calc(var(--zd-saturation, 1) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), 56.08%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(29, calc(var(--zd-saturation, 1) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='pureDark'][data-theme='red'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 81.62%), 36.27%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 81.62%), calc(36.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation, 1) * 81.62%), 36.27%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), 61.18%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation, 1) * 81.62%), calc(36.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='pureDark'][data-theme='yellow'] {
|
|
3
|
-
--zdt_svgcta_primary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 1);
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(39, calc(var(--zd-saturation) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
-
--zdt_svgcta_secondary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 0.25);
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(39, calc(var(--zd-saturation) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), 52.55%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), 52.55%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -12,7 +12,7 @@ const AllowListBlockList = props => {
|
|
|
12
12
|
},
|
|
13
13
|
...props
|
|
14
14
|
}, /*#__PURE__*/React.createElement("path", {
|
|
15
|
-
opacity: "0.
|
|
15
|
+
opacity: "0.1",
|
|
16
16
|
d: "M64.2603 46.9151C64.2603 46.9151 98.1227 24.6264 115.232 31.3456C132.34 38.0648 144.062 94.4824 96.4355 119.82C48.8091 145.158 27.2603 90.0423 27.0827 80.2743C26.9051 70.8319 27.0827 48.3063 64.2603 46.9151Z",
|
|
17
17
|
fill: "var(--zd_emptysvg_primary_fill)"
|
|
18
18
|
}), /*#__PURE__*/React.createElement("path", {
|
|
@@ -11,7 +11,7 @@ export default function EmptyAllowList(props) {
|
|
|
11
11
|
name: "emptyAllowList",
|
|
12
12
|
...props
|
|
13
13
|
}, /*#__PURE__*/React.createElement("path", {
|
|
14
|
-
opacity: "0.
|
|
14
|
+
opacity: "0.1",
|
|
15
15
|
d: "M69.4717 50.7196C69.4717 50.7196 106.08 26.6236 124.576 33.8876C143.072 41.1516 155.744 102.144 104.256 129.536C52.7677 156.928 29.4717 97.3436 29.2797 86.7836C29.0877 76.5756 29.2797 52.2236 69.4717 50.7196Z",
|
|
16
16
|
fill: "var(--zd_emptysvg_primary_fill)"
|
|
17
17
|
}), /*#__PURE__*/React.createElement("path", {
|
|
@@ -11,7 +11,7 @@ export default function EmptyBlockList(props) {
|
|
|
11
11
|
name: "emptyBlockList",
|
|
12
12
|
...props
|
|
13
13
|
}, /*#__PURE__*/React.createElement("path", {
|
|
14
|
-
opacity: "0.
|
|
14
|
+
opacity: "0.1",
|
|
15
15
|
d: "M69.4717 50.7196C69.4717 50.7196 106.08 26.6236 124.576 33.8876C143.072 41.1516 155.744 102.144 104.256 129.536C52.7677 156.928 29.4717 97.3436 29.2797 86.7836C29.0877 76.5756 29.2797 52.2236 69.4717 50.7196Z",
|
|
16
16
|
fill: "var(--zd_emptysvg_primary_fill)"
|
|
17
17
|
}), /*#__PURE__*/React.createElement("path", {
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EmptyStateProps } from "../props/propTypes";
|
|
3
|
+
import { EmptyStateDefaultProps } from "../props/defaultProps";
|
|
4
|
+
import SVG from "../../SVG/SVG";
|
|
5
|
+
export default function EmptySearchError(props) {
|
|
6
|
+
return /*#__PURE__*/React.createElement(SVG, {
|
|
7
|
+
viewBox: "0 0 300 300",
|
|
8
|
+
name: "emptySearchError",
|
|
9
|
+
...props
|
|
10
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
11
|
+
clipPath: "url(#a)"
|
|
12
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
+
fill: "var(--zd_emptysvg_primary_fill)",
|
|
14
|
+
d: "M120.302 84.3s70.05-46.8 105.45-32.7c35.4 14.1 59.55 132.449-38.85 185.549-98.4 53.1-143.1-62.4-143.55-82.8-.3-19.95 0-67.05 76.95-70.05Z",
|
|
15
|
+
opacity: 0.1
|
|
16
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
17
|
+
fill: "var(--zd_emptysvg_plus)",
|
|
18
|
+
d: "M21.002 175.951c-.15 0 0 0 0 0-.45 0-.75-.45-.75-.75l.6-11.25c0-.45.3-.75.75-.75s.75.3.75.75l-.6 11.25c-.15.45-.45.75-.75.75Z"
|
|
19
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
20
|
+
fill: "var(--zd_emptysvg_plus)",
|
|
21
|
+
d: "m26.702 170.7-11.1-.6c-.45 0-.75-.45-.75-.75 0-.45.45-.75.75-.75l10.95.6c.45 0 .75.45.75.75.15.45-.15.75-.6.75Z"
|
|
22
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
23
|
+
fill: "var(--zd_emptysvg_medium_circle)",
|
|
24
|
+
d: "M256.802 31.201c-3.9 0-7.05 3.15-7.05 7.05s3.15 7.05 7.05 7.05 7.05-3.15 7.05-7.05-3.3-7.05-7.05-7.05Zm0 12.75c-3 0-5.55-2.55-5.55-5.7 0-3.15 2.55-5.7 5.55-5.7s5.55 2.55 5.55 5.7c0 3.15-2.55 5.7-5.55 5.7ZM186.602 259.652c-2.85 0-5.1 2.25-5.1 5.1 0 2.85 2.25 5.1 5.1 5.1 2.85 0 5.1-2.25 5.1-5.1 0-2.7-2.25-5.1-5.1-5.1Zm0 8.85c-1.95 0-3.6-1.65-3.6-3.75s1.65-3.75 3.6-3.75c1.95 0 3.6 1.65 3.6 3.75s-1.65 3.75-3.6 3.75Z"
|
|
25
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
26
|
+
fill: "var(--zd_emptysvg_cross)",
|
|
27
|
+
d: "M121.352 30c-2.55 0-4.5 2.1-4.5 4.5s1.95 4.5 4.5 4.5 4.5-2.1 4.5-4.5-1.95-4.5-4.5-4.5Zm0 7.65c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3ZM284.701 194.699c-.3-.3-.75-.3-1.05 0l-3.6 3.3-3.15-3.6c-.3-.3-.75-.3-1.05 0-.3.3-.3.75 0 1.05l3.15 3.6-3.6 3.3c-.3.3-.3.75 0 1.05.15.15.3.3.6.3.15 0 .3 0 .45-.15l3.6-3.3 3.15 3.6c.15.15.3.3.6.3.15 0 .3 0 .45-.15.3-.3.3-.75 0-1.05l-3.15-3.6 3.6-3.3c.3-.45.3-1.05 0-1.35Z"
|
|
28
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
29
|
+
fill: "var(--zd_emptysvg_primary_fill)",
|
|
30
|
+
d: "M173.702 97.5s-55.95-37.35-84.3-26.1c-28.35 11.25-47.7 105.9 31.05 148.35 78.75 42.45 114.45-49.95 114.75-66.3.3-15.9 0-53.7-61.5-55.95Z",
|
|
31
|
+
opacity: 0.1
|
|
32
|
+
})), /*#__PURE__*/React.createElement("g", {
|
|
33
|
+
clipPath: "url(#b)",
|
|
34
|
+
fill: "none"
|
|
35
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
36
|
+
fill: "var(--zd_emptysvg_secondary_fill)",
|
|
37
|
+
d: "M111.427 111.059c.014-5.502-5.039-2.414-6.695-4.253-2.499-2.765-4.352-6.976 1.025-11.37 9.25-7.566 25.729-8.871 29.252 7.482 3.538 16.353-19.693 24.508-25.055 17.153-2.008-2.751 1.459-7.468 1.473-9.026v.014Z"
|
|
38
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
39
|
+
stroke: "var(--zd_emptysvg_primary_stroke)",
|
|
40
|
+
strokeLinecap: "round",
|
|
41
|
+
strokeLinejoin: "round",
|
|
42
|
+
strokeWidth: 1.5,
|
|
43
|
+
d: "M173.85 107.903s.224-7.061-.056-8.675c-.281-1.628-14.107.084-19.568-6.387-5.46-6.47 6.948-17.672 6.934-20.381-.014-2.71-12.268-10.5-12.268-10.5s-13.222 10.387-17.307 9.32c-4.071-1.066-5.797-17.868-6.092-20.31-.281-2.443-18.178.111-18.178.111s1.46 17.083-4.758 20.915c-6.219 3.832-16.873-9.938-18.5-10.19-1.629-.267-13.49 12.015-13.49 12.015s5.46 7.019 9.012 10.794c3.55 3.776 2.498 8.661.07 11.398-2.429 2.724-16.802 1.46-18.43 2.274-1.629.828-2.134 5.166-2.134 5.166L59 109.741s-1.137 5.84 3.775 6.513c4.9.674 19.82-1.277 18.01 7.819-1.811 9.11-12.058 12.661-7.58 19.862 4.477 7.201 7.51 7.889 9.84 6.934 2.33-.954 15.09-10.822 18.135-8.969 3.046 1.853 4.534 18.402 5.952 19.314.884.59 13.054.843 13.054.843-.646-23.737-.491-46.532 2.414-47.571 5.194-1.867 86.214-.548 109.754-.141 3.551.043 6.387 2.962 6.387 6.471v13.644l-107.564 1.053 47.936-1.502c2.414-.14 4.463-.084 5.797 1.909 7.018 10.626 28.186 43.655 21.49 45.886-7.987 2.639-52.048 3.79-53.003-1.179-1.46-7.888 25.996-43.977 28.972-44.524 2.962-.548 55.698 1.459 56.386 3.06.688 1.6 4.702 76.949.912 79.181-3.79 2.232-114.498 2.695-115.13-.688-.547-2.737-.21-66.253-.056-90.383 0 0-16.858 1.699-20.269-14.865-3.411-16.563 29.941-29.688 33.38-6.428 2.919 19.834-23.315 20.676-28.06 10.752"
|
|
44
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
45
|
+
fill: "var(--zd_emptysvg_secondary_fill)",
|
|
46
|
+
d: "M212.395 174.999c-.871-2.639-15.413-35.892-21.856-39.135-6.428-3.242-29.744 38.138-31.568 42.602-1.825 4.464 8.169 4.829 8.169 4.829s37.717.323 41.914-.828c4.239-1.053 4.239-4.787 3.327-7.482l.014.014Zm-25.547-18.206c0-.631.505-1.137 1.137-1.137.631 0 1.137.506 1.137 1.137v10.486c0 .631-.506 1.137-1.137 1.137a1.132 1.132 0 0 1-1.137-1.137v-10.486Zm.365 18.571s-2.639-2.92.449-3.186c0 0 2.148.042 2.274 1.277.14 1.235-1.909 2.695-2.737 1.909h.014Z"
|
|
47
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
48
|
+
id: "a"
|
|
49
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
50
|
+
fill: "var(--zd_emptysvg_primary_fill)",
|
|
51
|
+
d: "M15 30h270v240H15z"
|
|
52
|
+
})), /*#__PURE__*/React.createElement("clipPath", {
|
|
53
|
+
id: "b"
|
|
54
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
55
|
+
fill: "var(--zd_emptysvg_primary_fill)",
|
|
56
|
+
d: "M58.2 49.2H241.94v171.6H58.2z"
|
|
57
|
+
}))));
|
|
58
|
+
}
|
|
59
|
+
EmptySearchError.propTypes = EmptyStateProps;
|
|
60
|
+
EmptySearchError.defaultProps = { ...EmptyStateDefaultProps,
|
|
61
|
+
dataId: 'EmptySearchError'
|
|
62
|
+
};
|
|
@@ -31,7 +31,7 @@ var AllowListBlockList = function AllowListBlockList(props) {
|
|
|
31
31
|
fill: 'none'
|
|
32
32
|
}
|
|
33
33
|
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
|
34
|
-
opacity: "0.
|
|
34
|
+
opacity: "0.1",
|
|
35
35
|
d: "M64.2603 46.9151C64.2603 46.9151 98.1227 24.6264 115.232 31.3456C132.34 38.0648 144.062 94.4824 96.4355 119.82C48.8091 145.158 27.2603 90.0423 27.0827 80.2743C26.9051 70.8319 27.0827 48.3063 64.2603 46.9151Z",
|
|
36
36
|
fill: "var(--zd_emptysvg_primary_fill)"
|
|
37
37
|
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
@@ -31,7 +31,7 @@ function EmptyAllowList(props) {
|
|
|
31
31
|
viewBox: "0 0 160 160",
|
|
32
32
|
name: "emptyAllowList"
|
|
33
33
|
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
|
34
|
-
opacity: "0.
|
|
34
|
+
opacity: "0.1",
|
|
35
35
|
d: "M69.4717 50.7196C69.4717 50.7196 106.08 26.6236 124.576 33.8876C143.072 41.1516 155.744 102.144 104.256 129.536C52.7677 156.928 29.4717 97.3436 29.2797 86.7836C29.0877 76.5756 29.2797 52.2236 69.4717 50.7196Z",
|
|
36
36
|
fill: "var(--zd_emptysvg_primary_fill)"
|
|
37
37
|
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
@@ -31,7 +31,7 @@ function EmptyBlockList(props) {
|
|
|
31
31
|
},
|
|
32
32
|
name: "emptyBlockList"
|
|
33
33
|
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
|
34
|
-
opacity: "0.
|
|
34
|
+
opacity: "0.1",
|
|
35
35
|
d: "M69.4717 50.7196C69.4717 50.7196 106.08 26.6236 124.576 33.8876C143.072 41.1516 155.744 102.144 104.256 129.536C52.7677 156.928 29.4717 97.3436 29.2797 86.7836C29.0877 76.5756 29.2797 52.2236 69.4717 50.7196Z",
|
|
36
36
|
fill: "var(--zd_emptysvg_primary_fill)"
|
|
37
37
|
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = EmptySearchError;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _propTypes = require("../props/propTypes");
|
|
11
|
+
|
|
12
|
+
var _defaultProps = require("../props/defaultProps");
|
|
13
|
+
|
|
14
|
+
var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
22
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
23
|
+
|
|
24
|
+
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); }
|
|
25
|
+
|
|
26
|
+
function EmptySearchError(props) {
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
|
|
28
|
+
viewBox: "0 0 300 300",
|
|
29
|
+
name: "emptySearchError"
|
|
30
|
+
}, props), /*#__PURE__*/_react["default"].createElement("g", {
|
|
31
|
+
clipPath: "url(#a)"
|
|
32
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
33
|
+
fill: "var(--zd_emptysvg_primary_fill)",
|
|
34
|
+
d: "M120.302 84.3s70.05-46.8 105.45-32.7c35.4 14.1 59.55 132.449-38.85 185.549-98.4 53.1-143.1-62.4-143.55-82.8-.3-19.95 0-67.05 76.95-70.05Z",
|
|
35
|
+
opacity: 0.1
|
|
36
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
37
|
+
fill: "var(--zd_emptysvg_plus)",
|
|
38
|
+
d: "M21.002 175.951c-.15 0 0 0 0 0-.45 0-.75-.45-.75-.75l.6-11.25c0-.45.3-.75.75-.75s.75.3.75.75l-.6 11.25c-.15.45-.45.75-.75.75Z"
|
|
39
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
40
|
+
fill: "var(--zd_emptysvg_plus)",
|
|
41
|
+
d: "m26.702 170.7-11.1-.6c-.45 0-.75-.45-.75-.75 0-.45.45-.75.75-.75l10.95.6c.45 0 .75.45.75.75.15.45-.15.75-.6.75Z"
|
|
42
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
43
|
+
fill: "var(--zd_emptysvg_medium_circle)",
|
|
44
|
+
d: "M256.802 31.201c-3.9 0-7.05 3.15-7.05 7.05s3.15 7.05 7.05 7.05 7.05-3.15 7.05-7.05-3.3-7.05-7.05-7.05Zm0 12.75c-3 0-5.55-2.55-5.55-5.7 0-3.15 2.55-5.7 5.55-5.7s5.55 2.55 5.55 5.7c0 3.15-2.55 5.7-5.55 5.7ZM186.602 259.652c-2.85 0-5.1 2.25-5.1 5.1 0 2.85 2.25 5.1 5.1 5.1 2.85 0 5.1-2.25 5.1-5.1 0-2.7-2.25-5.1-5.1-5.1Zm0 8.85c-1.95 0-3.6-1.65-3.6-3.75s1.65-3.75 3.6-3.75c1.95 0 3.6 1.65 3.6 3.75s-1.65 3.75-3.6 3.75Z"
|
|
45
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
46
|
+
fill: "var(--zd_emptysvg_cross)",
|
|
47
|
+
d: "M121.352 30c-2.55 0-4.5 2.1-4.5 4.5s1.95 4.5 4.5 4.5 4.5-2.1 4.5-4.5-1.95-4.5-4.5-4.5Zm0 7.65c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3ZM284.701 194.699c-.3-.3-.75-.3-1.05 0l-3.6 3.3-3.15-3.6c-.3-.3-.75-.3-1.05 0-.3.3-.3.75 0 1.05l3.15 3.6-3.6 3.3c-.3.3-.3.75 0 1.05.15.15.3.3.6.3.15 0 .3 0 .45-.15l3.6-3.3 3.15 3.6c.15.15.3.3.6.3.15 0 .3 0 .45-.15.3-.3.3-.75 0-1.05l-3.15-3.6 3.6-3.3c.3-.45.3-1.05 0-1.35Z"
|
|
48
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
49
|
+
fill: "var(--zd_emptysvg_primary_fill)",
|
|
50
|
+
d: "M173.702 97.5s-55.95-37.35-84.3-26.1c-28.35 11.25-47.7 105.9 31.05 148.35 78.75 42.45 114.45-49.95 114.75-66.3.3-15.9 0-53.7-61.5-55.95Z",
|
|
51
|
+
opacity: 0.1
|
|
52
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
53
|
+
clipPath: "url(#b)",
|
|
54
|
+
fill: "none"
|
|
55
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
56
|
+
fill: "var(--zd_emptysvg_secondary_fill)",
|
|
57
|
+
d: "M111.427 111.059c.014-5.502-5.039-2.414-6.695-4.253-2.499-2.765-4.352-6.976 1.025-11.37 9.25-7.566 25.729-8.871 29.252 7.482 3.538 16.353-19.693 24.508-25.055 17.153-2.008-2.751 1.459-7.468 1.473-9.026v.014Z"
|
|
58
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
59
|
+
stroke: "var(--zd_emptysvg_primary_stroke)",
|
|
60
|
+
strokeLinecap: "round",
|
|
61
|
+
strokeLinejoin: "round",
|
|
62
|
+
strokeWidth: 1.5,
|
|
63
|
+
d: "M173.85 107.903s.224-7.061-.056-8.675c-.281-1.628-14.107.084-19.568-6.387-5.46-6.47 6.948-17.672 6.934-20.381-.014-2.71-12.268-10.5-12.268-10.5s-13.222 10.387-17.307 9.32c-4.071-1.066-5.797-17.868-6.092-20.31-.281-2.443-18.178.111-18.178.111s1.46 17.083-4.758 20.915c-6.219 3.832-16.873-9.938-18.5-10.19-1.629-.267-13.49 12.015-13.49 12.015s5.46 7.019 9.012 10.794c3.55 3.776 2.498 8.661.07 11.398-2.429 2.724-16.802 1.46-18.43 2.274-1.629.828-2.134 5.166-2.134 5.166L59 109.741s-1.137 5.84 3.775 6.513c4.9.674 19.82-1.277 18.01 7.819-1.811 9.11-12.058 12.661-7.58 19.862 4.477 7.201 7.51 7.889 9.84 6.934 2.33-.954 15.09-10.822 18.135-8.969 3.046 1.853 4.534 18.402 5.952 19.314.884.59 13.054.843 13.054.843-.646-23.737-.491-46.532 2.414-47.571 5.194-1.867 86.214-.548 109.754-.141 3.551.043 6.387 2.962 6.387 6.471v13.644l-107.564 1.053 47.936-1.502c2.414-.14 4.463-.084 5.797 1.909 7.018 10.626 28.186 43.655 21.49 45.886-7.987 2.639-52.048 3.79-53.003-1.179-1.46-7.888 25.996-43.977 28.972-44.524 2.962-.548 55.698 1.459 56.386 3.06.688 1.6 4.702 76.949.912 79.181-3.79 2.232-114.498 2.695-115.13-.688-.547-2.737-.21-66.253-.056-90.383 0 0-16.858 1.699-20.269-14.865-3.411-16.563 29.941-29.688 33.38-6.428 2.919 19.834-23.315 20.676-28.06 10.752"
|
|
64
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
65
|
+
fill: "var(--zd_emptysvg_secondary_fill)",
|
|
66
|
+
d: "M212.395 174.999c-.871-2.639-15.413-35.892-21.856-39.135-6.428-3.242-29.744 38.138-31.568 42.602-1.825 4.464 8.169 4.829 8.169 4.829s37.717.323 41.914-.828c4.239-1.053 4.239-4.787 3.327-7.482l.014.014Zm-25.547-18.206c0-.631.505-1.137 1.137-1.137.631 0 1.137.506 1.137 1.137v10.486c0 .631-.506 1.137-1.137 1.137a1.132 1.132 0 0 1-1.137-1.137v-10.486Zm.365 18.571s-2.639-2.92.449-3.186c0 0 2.148.042 2.274 1.277.14 1.235-1.909 2.695-2.737 1.909h.014Z"
|
|
67
|
+
})), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
|
|
68
|
+
id: "a"
|
|
69
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
70
|
+
fill: "var(--zd_emptysvg_primary_fill)",
|
|
71
|
+
d: "M15 30h270v240H15z"
|
|
72
|
+
})), /*#__PURE__*/_react["default"].createElement("clipPath", {
|
|
73
|
+
id: "b"
|
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
75
|
+
fill: "var(--zd_emptysvg_primary_fill)",
|
|
76
|
+
d: "M58.2 49.2H241.94v171.6H58.2z"
|
|
77
|
+
}))));
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
EmptySearchError.propTypes = _propTypes.EmptyStateProps;
|
|
81
|
+
EmptySearchError.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
|
|
82
|
+
dataId: 'EmptySearchError'
|
|
83
|
+
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/svg",
|
|
3
|
-
"version": "1.0.0-temp.60.
|
|
3
|
+
"version": "1.0.0-temp.60.3",
|
|
4
4
|
"main": "lib/index",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"jsnext:main": "es/index.js",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"docs": "react-cli docs",
|
|
35
35
|
"prepublishOnly": "node prePublish.js && npm run download",
|
|
36
36
|
"postpublish": "node postPublish.js",
|
|
37
|
-
"download": "react-cli clean ./node_modules ./package-lock.json && npm install && cd ../ && npm run download",
|
|
37
|
+
"download": "react-cli clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps && cd ../ && npm run download",
|
|
38
38
|
"test": "react-cli test",
|
|
39
39
|
"test-clean": "react-cli clean coverage",
|
|
40
40
|
"svg-to-reactjs": "node ./svg-to-reactjs/index.js",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"dependencies": {},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@zohodesk/variables": "1.2.0",
|
|
59
|
-
"@zohodesk-private/color-variable-preprocessor": "1.0.0-temp-13.
|
|
59
|
+
"@zohodesk-private/color-variable-preprocessor": "1.0.0-temp-13.4",
|
|
60
60
|
"@svgr/cli": "6.2.1",
|
|
61
61
|
"@zohodesk-private/css-variable-migrator": "1.0.9",
|
|
62
62
|
"@testing-library/jest-dom": "^5.11.9",
|