@zohodesk/svg 1.3.4 → 1.3.6
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 +8 -0
- package/assets/Appearance/dark/mode/SVG_DarkMode.module.css +36 -34
- package/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css +12 -10
- package/assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css +12 -10
- package/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css +12 -10
- package/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css +12 -10
- package/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css +12 -10
- package/assets/Appearance/light/mode/SVG_LightMode.module.css +36 -34
- package/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css +12 -10
- package/assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css +12 -10
- package/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css +12 -10
- package/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css +12 -10
- package/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css +12 -10
- package/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css +36 -34
- package/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css +12 -10
- package/assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css +12 -10
- package/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css +12 -10
- package/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css +12 -10
- package/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css +12 -10
- package/es/v1/emptystate/version3/ActivityLog.js +139 -0
- package/es/v1/emptystate/version3/AgentChat.js +73 -0
- package/es/v1/emptystate/version3/PrivacyRequest.js +82 -0
- package/lib/v1/emptystate/version3/ActivityLog.js +160 -0
- package/lib/v1/emptystate/version3/AgentChat.js +93 -0
- package/lib/v1/emptystate/version3/PrivacyRequest.js +103 -0
- package/package.json +15 -13
package/README.md
CHANGED
|
@@ -1,41 +1,43 @@
|
|
|
1
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='dark']{
|
|
2
3
|
/* default palette */
|
|
3
|
-
--zdt_svg_default_primary_fill:
|
|
4
|
-
--zdt_svg_default_primary_stroke:
|
|
5
|
-
--zdt_svg_default_secondary_fill:
|
|
6
|
-
--zdt_svg_default_secondary_plainfill:
|
|
7
|
-
--zdt_svg_default_plus:
|
|
8
|
-
--zdt_svg_default_cross:
|
|
9
|
-
--zdt_svg_default_medium_circle:
|
|
10
|
-
--zdt_svg_default_tiny_circle:
|
|
11
|
-
--zdt_svg_default_small_circle:
|
|
12
|
-
--zdt_svg_default_circle_fill:
|
|
4
|
+
--zdt_svg_default_primary_fill:var(--zdt_svgcta_primary_fill);
|
|
5
|
+
--zdt_svg_default_primary_stroke:var(--zdt_svgcta_primary_stroke);
|
|
6
|
+
--zdt_svg_default_secondary_fill:var(--zdt_svgcta_secondary_fill);
|
|
7
|
+
--zdt_svg_default_secondary_plainfill:var(--zdt_svgcta_secondary_plainfill);
|
|
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)));
|
|
13
14
|
|
|
14
15
|
/* dark palette */
|
|
15
|
-
--zdt_svg_dark_primary_fill:
|
|
16
|
-
--zdt_svg_dark_primary_stroke:
|
|
17
|
-
--zdt_svg_dark_secondary_fill:
|
|
18
|
-
--zdt_svg_dark_secondary_plainfill:
|
|
19
|
-
--zdt_svg_dark_plus:
|
|
20
|
-
--zdt_svg_dark_cross:
|
|
21
|
-
--zdt_svg_dark_medium_circle:
|
|
22
|
-
--zdt_svg_dark_tiny_circle:
|
|
23
|
-
--zdt_svg_dark_small_circle:
|
|
24
|
-
--zdt_svg_dark_circle_fill:
|
|
16
|
+
--zdt_svg_dark_primary_fill:var(--zdt_svgcta_primary_dark_fill);
|
|
17
|
+
--zdt_svg_dark_primary_stroke:var(--zdt_svgcta_primary_dark_stroke);
|
|
18
|
+
--zdt_svg_dark_secondary_fill:var(--zdt_svgcta_secondary_dark_fill);
|
|
19
|
+
--zdt_svg_dark_secondary_plainfill:var(--zdt_svgcta_secondary_dark_plainfill);
|
|
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)));
|
|
25
26
|
|
|
26
27
|
/* danger palette */
|
|
27
|
-
--zdt_svg_danger_primary_fill:
|
|
28
|
-
--zdt_svg_danger_primary_stroke:
|
|
29
|
-
--zdt_svg_danger_secondary_fill:
|
|
30
|
-
--zdt_svg_danger_secondary_plainfill:
|
|
31
|
-
--zdt_svg_danger_plus:
|
|
32
|
-
--zdt_svg_danger_cross:
|
|
33
|
-
--zdt_svg_danger_medium_circle:
|
|
34
|
-
--zdt_svg_danger_tiny_circle:
|
|
35
|
-
--zdt_svg_danger_small_circle:
|
|
36
|
-
--zdt_svg_danger_circle_fill:
|
|
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)));
|
|
37
38
|
|
|
38
39
|
/* loader */
|
|
39
|
-
--zdt_svg_loader_outer_stroke:
|
|
40
|
-
--zdt_svg_loader_inner_stroke:
|
|
41
|
-
}
|
|
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
|
+
}
|
|
43
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='dark'][data-theme='blue']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='dark'][data-theme='green']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='dark'][data-theme='orange']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='dark'][data-theme='red']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='dark'][data-theme='yellow']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,41 +1,43 @@
|
|
|
1
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='light']{
|
|
2
3
|
/* default palette */
|
|
3
|
-
--zdt_svg_default_primary_fill:
|
|
4
|
-
--zdt_svg_default_primary_stroke:
|
|
5
|
-
--zdt_svg_default_secondary_fill:
|
|
6
|
-
--zdt_svg_default_secondary_plainfill:
|
|
7
|
-
--zdt_svg_default_plus:
|
|
8
|
-
--zdt_svg_default_cross:
|
|
9
|
-
--zdt_svg_default_medium_circle:
|
|
10
|
-
--zdt_svg_default_tiny_circle:
|
|
11
|
-
--zdt_svg_default_small_circle:
|
|
12
|
-
--zdt_svg_default_circle_fill:
|
|
4
|
+
--zdt_svg_default_primary_fill:var(--zdt_svgcta_primary_fill);
|
|
5
|
+
--zdt_svg_default_primary_stroke:var(--zdt_svgcta_primary_stroke);
|
|
6
|
+
--zdt_svg_default_secondary_fill:var(--zdt_svgcta_secondary_fill);
|
|
7
|
+
--zdt_svg_default_secondary_plainfill:var(--zdt_svgcta_secondary_plainfill);
|
|
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)));
|
|
13
14
|
|
|
14
15
|
/* dark palette */
|
|
15
|
-
--zdt_svg_dark_primary_fill:
|
|
16
|
-
--zdt_svg_dark_primary_stroke:
|
|
17
|
-
--zdt_svg_dark_secondary_fill:
|
|
18
|
-
--zdt_svg_dark_secondary_plainfill:
|
|
19
|
-
--zdt_svg_dark_plus:
|
|
20
|
-
--zdt_svg_dark_cross:
|
|
21
|
-
--zdt_svg_dark_medium_circle:
|
|
22
|
-
--zdt_svg_dark_tiny_circle:
|
|
23
|
-
--zdt_svg_dark_small_circle:
|
|
24
|
-
--zdt_svg_dark_circle_fill:
|
|
16
|
+
--zdt_svg_dark_primary_fill:var(--zdt_svgcta_primary_dark_fill);
|
|
17
|
+
--zdt_svg_dark_primary_stroke:var(--zdt_svgcta_primary_dark_stroke);
|
|
18
|
+
--zdt_svg_dark_secondary_fill:var(--zdt_svgcta_secondary_dark_fill);
|
|
19
|
+
--zdt_svg_dark_secondary_plainfill:var(--zdt_svgcta_secondary_dark_plainfill);
|
|
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)));
|
|
25
26
|
|
|
26
27
|
/* danger palette */
|
|
27
|
-
--zdt_svg_danger_primary_fill:
|
|
28
|
-
--zdt_svg_danger_primary_stroke:
|
|
29
|
-
--zdt_svg_danger_secondary_fill:
|
|
30
|
-
--zdt_svg_danger_secondary_plainfill:
|
|
31
|
-
--zdt_svg_danger_plus:
|
|
32
|
-
--zdt_svg_danger_cross:
|
|
33
|
-
--zdt_svg_danger_medium_circle:
|
|
34
|
-
--zdt_svg_danger_tiny_circle:
|
|
35
|
-
--zdt_svg_danger_small_circle:
|
|
36
|
-
--zdt_svg_danger_circle_fill:
|
|
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)));
|
|
37
38
|
|
|
38
39
|
/* loader */
|
|
39
|
-
--zdt_svg_loader_outer_stroke:
|
|
40
|
-
--zdt_svg_loader_inner_stroke:
|
|
41
|
-
}
|
|
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
|
+
}
|
|
43
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='light'][data-theme='blue']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='light'][data-theme='green']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='light'][data-theme='orange']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='light'][data-theme='red']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='light'][data-theme='yellow']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,41 +1,43 @@
|
|
|
1
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='pureDark']{
|
|
2
3
|
/* default palette */
|
|
3
|
-
--zdt_svg_default_primary_fill:
|
|
4
|
-
--zdt_svg_default_primary_stroke:
|
|
5
|
-
--zdt_svg_default_secondary_fill:
|
|
6
|
-
--zdt_svg_default_secondary_plainfill:
|
|
7
|
-
--zdt_svg_default_plus:
|
|
8
|
-
--zdt_svg_default_cross:
|
|
9
|
-
--zdt_svg_default_medium_circle:
|
|
10
|
-
--zdt_svg_default_tiny_circle:
|
|
11
|
-
--zdt_svg_default_small_circle:
|
|
12
|
-
--zdt_svg_default_circle_fill:
|
|
4
|
+
--zdt_svg_default_primary_fill:var(--zdt_svgcta_primary_fill);
|
|
5
|
+
--zdt_svg_default_primary_stroke:var(--zdt_svgcta_primary_stroke);
|
|
6
|
+
--zdt_svg_default_secondary_fill:var(--zdt_svgcta_secondary_fill);
|
|
7
|
+
--zdt_svg_default_secondary_plainfill:var(--zdt_svgcta_secondary_plainfill);
|
|
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)));
|
|
13
14
|
|
|
14
15
|
/* dark palette */
|
|
15
|
-
--zdt_svg_dark_primary_fill:
|
|
16
|
-
--zdt_svg_dark_primary_stroke:
|
|
17
|
-
--zdt_svg_dark_secondary_fill:
|
|
18
|
-
--zdt_svg_dark_secondary_plainfill:
|
|
19
|
-
--zdt_svg_dark_plus:
|
|
20
|
-
--zdt_svg_dark_cross:
|
|
21
|
-
--zdt_svg_dark_medium_circle:
|
|
22
|
-
--zdt_svg_dark_tiny_circle:
|
|
23
|
-
--zdt_svg_dark_small_circle:
|
|
24
|
-
--zdt_svg_dark_circle_fill:
|
|
16
|
+
--zdt_svg_dark_primary_fill:var(--zdt_svgcta_primary_dark_fill);
|
|
17
|
+
--zdt_svg_dark_primary_stroke:var(--zdt_svgcta_primary_dark_stroke);
|
|
18
|
+
--zdt_svg_dark_secondary_fill:var(--zdt_svgcta_secondary_dark_fill);
|
|
19
|
+
--zdt_svg_dark_secondary_plainfill:var(--zdt_svgcta_secondary_dark_plainfill);
|
|
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)));
|
|
25
26
|
|
|
26
27
|
/* danger palette */
|
|
27
|
-
--zdt_svg_danger_primary_fill:
|
|
28
|
-
--zdt_svg_danger_primary_stroke:
|
|
29
|
-
--zdt_svg_danger_secondary_fill:
|
|
30
|
-
--zdt_svg_danger_secondary_plainfill:
|
|
31
|
-
--zdt_svg_danger_plus:
|
|
32
|
-
--zdt_svg_danger_cross:
|
|
33
|
-
--zdt_svg_danger_medium_circle:
|
|
34
|
-
--zdt_svg_danger_tiny_circle:
|
|
35
|
-
--zdt_svg_danger_small_circle:
|
|
36
|
-
--zdt_svg_danger_circle_fill:
|
|
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)));
|
|
37
38
|
|
|
38
39
|
/* loader */
|
|
39
|
-
--zdt_svg_loader_outer_stroke:
|
|
40
|
-
--zdt_svg_loader_inner_stroke:
|
|
41
|
-
}
|
|
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
|
+
}
|
|
43
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='pureDark'][data-theme='blue']{
|
|
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
|
+
}
|
|
12
|
+
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
|
|
1
|
+
@layer dot-svg.theme {
|
|
2
|
+
[data-mode='pureDark'][data-theme='green']{
|
|
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
|
+
}
|
|
12
|
+
}
|