@zohodesk/svg 1.0.0-temp.50 → 1.0.0-temp.51
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 +13 -0
- package/assets/Appearance/dark/mode/darkEmptyStates.module.css +22 -22
- package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +6 -6
- package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +6 -6
- package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +6 -6
- package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +6 -6
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +6 -6
- package/assets/Appearance/default/mode/defaultEmptyStates.module.css +22 -22
- package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +6 -6
- package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +6 -6
- package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +6 -6
- package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +6 -6
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +6 -6
- package/assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css +22 -22
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +6 -6
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +6 -6
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +6 -6
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +6 -6
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +6 -6
- package/es/emptystate/index.js +6 -0
- package/es/emptystate/version1/index.js +1 -0
- package/es/emptystate/version2/index.js +9 -0
- package/es/emptystate/version3/Bot.js +69 -0
- package/es/emptystate/version3/EmptyAPIs.js +64 -0
- package/es/emptystate/version3/index.js +78 -0
- package/es/errorstate/index.js +6 -0
- package/es/errorstate/version1/index.js +7 -0
- package/es/errorstate/version2/index.js +2 -0
- package/es/errorstate/version3/index.js +6 -0
- package/es/index.js +8 -1
- package/lib/emptystate/index.js +15 -0
- package/lib/emptystate/version1/index.js +13 -0
- package/lib/emptystate/version2/index.js +69 -0
- package/lib/emptystate/version3/Bot.js +100 -0
- package/lib/emptystate/version3/EmptyAPIs.js +95 -0
- package/lib/emptystate/version3/index.js +552 -0
- package/lib/errorstate/index.js +15 -0
- package/lib/errorstate/version1/index.js +55 -0
- package/lib/errorstate/version2/index.js +20 -0
- package/lib/errorstate/version3/index.js +48 -0
- package/lib/index.js +27 -14
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -2,9 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
This Bundle Contains EmptyState Images.
|
|
4
4
|
|
|
5
|
+
# 1.0.0-beta.xx
|
|
6
|
+
|
|
7
|
+
- Contrast option implemented through preprocess. Category key value added for all color variables.
|
|
8
|
+
|
|
9
|
+
# 1.0.0-beta.54
|
|
10
|
+
|
|
11
|
+
- EmptyState: BOT SVG added.
|
|
12
|
+
|
|
13
|
+
# 1.0.0-beta.53
|
|
14
|
+
|
|
15
|
+
- EmptyState: APIs SVG added.
|
|
16
|
+
|
|
5
17
|
# 1.0.0-beta.52
|
|
6
18
|
|
|
7
19
|
- EmptyState: Contract SVG added.
|
|
20
|
+
|
|
8
21
|
# 1.0.0-beta.51
|
|
9
22
|
|
|
10
23
|
- Emptystate: EmptyPreferences and EmptySandbox included.
|
|
@@ -4,34 +4,34 @@
|
|
|
4
4
|
--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
|
|
5
5
|
--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
|
|
6
6
|
--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
|
|
7
|
-
--zdt_svg_default_plus: hsla(212, 100%, calc(64% + var(--
|
|
8
|
-
--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--
|
|
9
|
-
--zdt_svg_default_medium_circle: hsla(0, 100%, calc(71% + var(--
|
|
10
|
-
--zdt_svg_default_tiny_circle: hsla(133, 48%, calc(52% + var(--
|
|
11
|
-
--zdt_svg_default_small_circle: hsla(0, 100%, calc(71% + var(--
|
|
12
|
-
--zdt_svg_default_circle_fill: hsla(0, 0%, calc(100% + var(--
|
|
7
|
+
--zdt_svg_default_plus: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
8
|
+
--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svg_default_medium_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
10
|
+
--zdt_svg_default_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
11
|
+
--zdt_svg_default_small_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
12
|
+
--zdt_svg_default_circle_fill: hsla(0, 0%, calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
13
13
|
|
|
14
14
|
/* dark palette */
|
|
15
15
|
--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
|
|
16
16
|
--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
|
|
17
17
|
--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
|
|
18
18
|
--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
|
|
19
|
-
--zdt_svg_dark_plus: hsla(212, 100%, calc(64% + var(--
|
|
20
|
-
--zdt_svg_dark_cross: hsla(163, 45%, calc(56% + var(--
|
|
21
|
-
--zdt_svg_dark_medium_circle: hsla(0, 100%, calc(71% + var(--
|
|
22
|
-
--zdt_svg_dark_tiny_circle: hsla(133, 48%, calc(52% + var(--
|
|
23
|
-
--zdt_svg_dark_small_circle: hsla(0, 100%, calc(71% + var(--
|
|
24
|
-
--zdt_svg_dark_circle_fill: hsla(0, 0%, calc(100% + var(--
|
|
19
|
+
--zdt_svg_dark_plus: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
20
|
+
--zdt_svg_dark_cross: hsla(163, 45%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
21
|
+
--zdt_svg_dark_medium_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
22
|
+
--zdt_svg_dark_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
23
|
+
--zdt_svg_dark_small_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
24
|
+
--zdt_svg_dark_circle_fill: hsla(0, 0%, calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
25
25
|
|
|
26
26
|
/* danger palette */
|
|
27
|
-
--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--
|
|
28
|
-
--zdt_svg_danger_primary_stroke: hsla(212, 100%, calc(64% + var(--
|
|
29
|
-
--zdt_svg_danger_secondary_fill: hsla(213, 34%, calc(30% + var(--
|
|
30
|
-
--zdt_svg_danger_secondary_plainfill: hsla(213, 34%, calc(30% + var(--
|
|
31
|
-
--zdt_svg_danger_plus: hsla(212, 100%, calc(64% + var(--
|
|
32
|
-
--zdt_svg_danger_cross: hsla(163, 45%, calc(56% + var(--
|
|
33
|
-
--zdt_svg_danger_medium_circle: hsla(0, 100%, calc(71% + var(--
|
|
34
|
-
--zdt_svg_danger_tiny_circle: hsla(133, 48%, calc(52% + var(--
|
|
35
|
-
--zdt_svg_danger_small_circle: hsla(0, 100%, calc(71% + var(--
|
|
36
|
-
--zdt_svg_danger_circle_fill: hsla(0, 0%, calc(100% + var(--
|
|
27
|
+
--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
28
|
+
--zdt_svg_danger_primary_stroke: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
29
|
+
--zdt_svg_danger_secondary_fill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
30
|
+
--zdt_svg_danger_secondary_plainfill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
31
|
+
--zdt_svg_danger_plus: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
32
|
+
--zdt_svg_danger_cross: hsla(163, 45%, calc(56% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
33
|
+
--zdt_svg_danger_medium_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
34
|
+
--zdt_svg_danger_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
35
|
+
--zdt_svg_danger_small_circle: hsla(0, 100%, calc(71% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
36
|
+
--zdt_svg_danger_circle_fill: hsla(0, 0%, calc(100% + var(--zd_dark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
37
37
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='dark'][data-theme='blue'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(130,137,148);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(212, 100%, calc(64% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgb(71, 157, 255, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(213, 34%, calc(30% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(217, 8%, calc(55% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(212, 100%, calc(64% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(213, 34%, calc(30% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(217, 8%, calc(55% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='dark'][data-theme='green'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(69,161,89);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(133, 40%, calc(45% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(133, 40%, calc(45% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(69, 161, 89, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(133, 40%, calc(45% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(133, 40%, calc(45% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(133, 40%, calc(45% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(133, 40%, calc(45% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(133, 40%, calc(45% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='dark'][data-theme='orange'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(255,128,31);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(26, 100%, calc(56% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(255, 128, 31, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(26, 100%, calc(56% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(26, 100%, calc(56% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(26, 100%, calc(56% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(26, 100%, calc(56% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='dark'][data-theme='red'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(233,79,79);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(0, 78%, calc(61% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(0, 78%, calc(61% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(233, 79, 79, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(0, 78%, calc(61% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(0, 78%, calc(61% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, 78%, calc(61% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(0, 78%, calc(61% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, 78%, calc(61% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='dark'][data-theme='yellow'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(215,152,53);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(37, 67%, calc(53% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(37, 67%, calc(53% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(215, 152, 53, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(37, 67%, calc(53% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(37, 67%, calc(53% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(37, 67%, calc(53% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(37, 67%, calc(53% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(37, 67%, calc(53% + var(--zd_dark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -4,34 +4,34 @@
|
|
|
4
4
|
--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
|
|
5
5
|
--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
|
|
6
6
|
--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
|
|
7
|
-
--zdt_svg_default_plus: hsla(216, 49%, calc(48% + var(--
|
|
8
|
-
--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--
|
|
9
|
-
--zdt_svg_default_medium_circle: hsla(354, 71%, calc(65% + var(--
|
|
10
|
-
--zdt_svg_default_tiny_circle: hsla(163, 45%, calc(56% + var(--
|
|
11
|
-
--zdt_svg_default_small_circle: hsla(0, 0%, calc(0% + var(--
|
|
12
|
-
--zdt_svg_default_circle_fill: hsla(0, 0%, calc(100% + var(--
|
|
7
|
+
--zdt_svg_default_plus: hsla(216, 49%, calc(48% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
8
|
+
--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svg_default_medium_circle: hsla(354, 71%, calc(65% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
10
|
+
--zdt_svg_default_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
11
|
+
--zdt_svg_default_small_circle: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
12
|
+
--zdt_svg_default_circle_fill: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
13
13
|
|
|
14
14
|
/* dark palette */
|
|
15
15
|
--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
|
|
16
16
|
--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
|
|
17
17
|
--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
|
|
18
18
|
--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
|
|
19
|
-
--zdt_svg_dark_plus: hsla(212, 100%, calc(64% + var(--
|
|
20
|
-
--zdt_svg_dark_cross: hsla(163, 45%, calc(56% + var(--
|
|
21
|
-
--zdt_svg_dark_medium_circle: hsla(354, 71%, calc(65% + var(--
|
|
22
|
-
--zdt_svg_dark_tiny_circle: hsla(163, 45%, calc(56% + var(--
|
|
23
|
-
--zdt_svg_dark_small_circle: hsla(0, 0%, calc(0% + var(--
|
|
24
|
-
--zdt_svg_dark_circle_fill: hsla(0, 0%, calc(100% + var(--
|
|
19
|
+
--zdt_svg_dark_plus: hsla(212, 100%, calc(64% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
20
|
+
--zdt_svg_dark_cross: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
21
|
+
--zdt_svg_dark_medium_circle: hsla(354, 71%, calc(65% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
22
|
+
--zdt_svg_dark_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
23
|
+
--zdt_svg_dark_small_circle: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
24
|
+
--zdt_svg_dark_circle_fill: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
25
25
|
|
|
26
26
|
/* danger palette */
|
|
27
|
-
--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--
|
|
28
|
-
--zdt_svg_danger_primary_stroke: hsla(0, 0%, calc(0% + var(--
|
|
29
|
-
--zdt_svg_danger_secondary_fill: hsla(216, 49%, calc(48% + var(--
|
|
30
|
-
--zdt_svg_danger_secondary_plainfill: hsla(216, 49%, calc(48% + var(--
|
|
31
|
-
--zdt_svg_danger_plus: hsla(216, 49%, calc(48% + var(--
|
|
32
|
-
--zdt_svg_danger_cross: hsla(163, 45%, calc(56% + var(--
|
|
33
|
-
--zdt_svg_danger_medium_circle: hsla(354, 71%, calc(65% + var(--
|
|
34
|
-
--zdt_svg_danger_tiny_circle: hsla(163, 45%, calc(56% + var(--
|
|
35
|
-
--zdt_svg_danger_small_circle: hsla(0, 0%, calc(0% + var(--
|
|
36
|
-
--zdt_svg_danger_circle_fill: hsla(0, 0%, calc(100% + var(--
|
|
27
|
+
--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
28
|
+
--zdt_svg_danger_primary_stroke: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
29
|
+
--zdt_svg_danger_secondary_fill: hsla(216, 49%, calc(48% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
30
|
+
--zdt_svg_danger_secondary_plainfill: hsla(216, 49%, calc(48% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
31
|
+
--zdt_svg_danger_plus: hsla(216, 49%, calc(48% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
32
|
+
--zdt_svg_danger_cross: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
33
|
+
--zdt_svg_danger_medium_circle: hsla(354, 71%, calc(65% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
34
|
+
--zdt_svg_danger_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
35
|
+
--zdt_svg_danger_small_circle: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
36
|
+
--zdt_svg_danger_circle_fill: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
37
37
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='default'][data-theme='blue'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(10,115,235);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(0, 5%, calc(13% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(0, 5%, calc(13% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(10, 115, 235, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(212, 92%, calc(48% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(231, 38%, calc(75% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(216, 49%, calc(48% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(216, 49%, calc(48% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(212, 92%, calc(48% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(231, 38%, calc(75% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(216, 49%, calc(48% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(216, 49%, calc(48% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='default'][data-theme='green'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(38,169,66);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(38, 169, 66, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(133, 63%, calc(41% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(133, 63%, calc(41% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(133, 63%, calc(41% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(133, 63%, calc(41% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='default'][data-theme='orange'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(229,119,23);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(229, 119, 23, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(28, 82%, calc(49% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(28, 82%, calc(49% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(28, 82%, calc(49% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(28, 82%, calc(49% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='default'][data-theme='red'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(222,53,53);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(222, 53, 53, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(0, 72%, calc(54% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(0, 72%, calc(54% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(0, 72%, calc(54% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(0, 72%, calc(54% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='default'][data-theme='yellow'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(232,185,35);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(0, 0%, calc(0% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(232, 185, 35, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(46, 81%, calc(52% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(46, 81%, calc(52% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(46, 81%, calc(52% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(46, 81%, calc(52% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, 0%, calc(100% + var(--zd_default_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(46, 81%, calc(52% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -4,34 +4,34 @@
|
|
|
4
4
|
--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
|
|
5
5
|
--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
|
|
6
6
|
--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
|
|
7
|
-
--zdt_svg_default_plus: hsla(212, 100%, calc(64% + var(--
|
|
8
|
-
--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--
|
|
9
|
-
--zdt_svg_default_medium_circle: hsla(0, 100%, calc(71% + var(--
|
|
10
|
-
--zdt_svg_default_tiny_circle: hsla(133, 48%, calc(52% + var(--
|
|
11
|
-
--zdt_svg_default_small_circle: hsla(0, 100%, calc(71% + var(--
|
|
12
|
-
--zdt_svg_default_circle_fill: hsla(0, 0%, calc(100% + var(--
|
|
7
|
+
--zdt_svg_default_plus: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
8
|
+
--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svg_default_medium_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
10
|
+
--zdt_svg_default_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
11
|
+
--zdt_svg_default_small_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
12
|
+
--zdt_svg_default_circle_fill: hsla(0, 0%, calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
13
13
|
|
|
14
14
|
/* dark palette */
|
|
15
15
|
--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
|
|
16
16
|
--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
|
|
17
17
|
--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
|
|
18
18
|
--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
|
|
19
|
-
--zdt_svg_dark_plus: hsla(212, 100%, calc(64% + var(--
|
|
20
|
-
--zdt_svg_dark_cross: hsla(163, 45%, calc(56% + var(--
|
|
21
|
-
--zdt_svg_dark_medium_circle: hsla(0, 100%, calc(71% + var(--
|
|
22
|
-
--zdt_svg_dark_tiny_circle: hsla(133, 48%, calc(52% + var(--
|
|
23
|
-
--zdt_svg_dark_small_circle: hsla(0, 100%, calc(71% + var(--
|
|
24
|
-
--zdt_svg_dark_circle_fill: hsla(0, 0%, calc(100% + var(--
|
|
19
|
+
--zdt_svg_dark_plus: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
20
|
+
--zdt_svg_dark_cross: hsla(163, 45%, calc(56% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
21
|
+
--zdt_svg_dark_medium_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
22
|
+
--zdt_svg_dark_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
23
|
+
--zdt_svg_dark_small_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
24
|
+
--zdt_svg_dark_circle_fill: hsla(0, 0%, calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
25
25
|
|
|
26
26
|
/* danger palette */
|
|
27
|
-
--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--
|
|
28
|
-
--zdt_svg_danger_primary_stroke: hsla(212, 100%, calc(64% + var(--
|
|
29
|
-
--zdt_svg_danger_secondary_fill: hsla(213, 34%, calc(30% + var(--
|
|
30
|
-
--zdt_svg_danger_secondary_plainfill: hsla(213, 34%, calc(30% + var(--
|
|
31
|
-
--zdt_svg_danger_plus: hsla(212, 100%, calc(64% + var(--
|
|
32
|
-
--zdt_svg_danger_cross: hsla(163, 45%, calc(56% + var(--
|
|
33
|
-
--zdt_svg_danger_medium_circle: hsla(0, 100%, calc(71% + var(--
|
|
34
|
-
--zdt_svg_danger_tiny_circle: hsla(133, 48%, calc(52% + var(--
|
|
35
|
-
--zdt_svg_danger_small_circle: hsla(0, 100%, calc(71% + var(--
|
|
36
|
-
--zdt_svg_danger_circle_fill: hsla(0, 0%, calc(100% + var(--
|
|
27
|
+
--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
28
|
+
--zdt_svg_danger_primary_stroke: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
29
|
+
--zdt_svg_danger_secondary_fill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
30
|
+
--zdt_svg_danger_secondary_plainfill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
31
|
+
--zdt_svg_danger_plus: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
32
|
+
--zdt_svg_danger_cross: hsla(163, 45%, calc(56% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
33
|
+
--zdt_svg_danger_medium_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
34
|
+
--zdt_svg_danger_tiny_circle: hsla(133, 48%, calc(52% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
35
|
+
--zdt_svg_danger_small_circle: hsla(0, 100%, calc(71% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
36
|
+
--zdt_svg_danger_circle_fill: hsla(0, 0%, calc(100% + var(--zd_pureDark_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
37
37
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='blue'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(130,137,148);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(212, 100%, calc(64% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgb(51,75,104);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(213, 34%, calc(30% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(217, 8%, calc(55% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(212, 100%, calc(64% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(213, 34%, calc(30% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(217, 8%, calc(55% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(212, 100%, calc(64% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='green'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(69,161,89);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(128, 80%, calc(27% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(128, 80%, calc(27% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(69, 161, 89, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(133, 40%, calc(45% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(133, 40%, calc(45% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(134, 79%, calc(26% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(133, 40%, calc(45% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(134, 79%, calc(26% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='orange'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(255,128,31);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(29, 100%, calc(33% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(29, 100%, calc(33% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(255, 128, 31, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(26, 100%, calc(56% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(26, 100%, calc(56% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(29, 100%, calc(33% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(26, 100%, calc(56% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(29, 100%, calc(33% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='red'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(168,17,17);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(0, 78%, calc(61% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(233, 79, 79, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(0, 78%, calc(61% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(0, 78%, calc(61% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, 82%, calc(36% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(0, 78%, calc(61% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, 82%, calc(36% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='yellow'] {
|
|
2
2
|
--zdt_svgcta_primary_fill: rgb(215,152,53);
|
|
3
|
-
--zdt_svgcta_primary_stroke: hsla(39, 90%, calc(32% + var(--
|
|
3
|
+
--zdt_svgcta_primary_stroke: hsla(39, 90%, calc(32% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
4
4
|
--zdt_svgcta_secondary_fill: rgba(215, 152, 53, 0.25);
|
|
5
|
-
--zdt_svgcta_secondary_plainfill: hsla(37, 67%, calc(53% + var(--
|
|
6
|
-
--zdt_svgcta_primary_dark_fill: hsla(37, 67%, calc(53% + var(--
|
|
7
|
-
--zdt_svgcta_primary_dark_stroke: hsla(39, 90%, calc(32% + var(--
|
|
8
|
-
--zdt_svgcta_secondary_dark_fill: hsla(37, 67%, calc(53% + var(--
|
|
9
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--
|
|
5
|
+
--zdt_svgcta_secondary_plainfill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
6
|
+
--zdt_svgcta_primary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_stroke: hsla(39, 90%, calc(32% + var(--zd_pureDark_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
|
|
8
|
+
--zdt_svgcta_secondary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_pureDark_default_lValue)), calc(1 + var(--zd_alpha_high)))
|
|
10
10
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as EmptyCustomDomain } from './EmptyCustomDomain';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { default as EmptyBusinessHoliday } from './EmptyBusinessHoliday';
|
|
2
|
+
export { default as EmptyBusinessHour } from './EmptyBusinessHour';
|
|
3
|
+
export { default as EmptyFromAddress } from './EmptyFromAddress';
|
|
4
|
+
export { default as EmptyImportHistory } from './EmptyImportHistory';
|
|
5
|
+
export { default as EmptyNetwork } from './EmptyNetwork';
|
|
6
|
+
export { default as EmptyRecycleBin } from './EmptyRecycleBin';
|
|
7
|
+
export { default as EmptyRoles } from './EmptyRoles';
|
|
8
|
+
export { default as EmptyWebhook } from './EmptyWebhook';
|
|
9
|
+
export { default as FailureLog } from './FailureLog';
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { EmptyStateProps } from '../props/propTypes';
|
|
4
|
+
import { EmptyStateDefaultProps } from '../props/defaultProps';
|
|
5
|
+
import SVG from '../../SVG/SVG';
|
|
6
|
+
export default class Bot extends React.Component {
|
|
7
|
+
render() {
|
|
8
|
+
return /*#__PURE__*/React.createElement(SVG, _extends({
|
|
9
|
+
viewBox: "0 0 500 500",
|
|
10
|
+
name: "Bot"
|
|
11
|
+
}, this.props), /*#__PURE__*/React.createElement("g", {
|
|
12
|
+
clipPath: "url(#bot_svg__a)"
|
|
13
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
14
|
+
opacity: 0.1,
|
|
15
|
+
d: "M198.002 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
|
|
16
|
+
fill: "var(--zd_emptysvg_primary_fill)"
|
|
17
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M32.5 293.25c-.25 0 0 0 0 0-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
|
|
19
|
+
fill: "var(--zd_emptysvg_plus)"
|
|
20
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
21
|
+
d: "m42 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
|
|
22
|
+
fill: "var(--zd_emptysvg_plus)"
|
|
23
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M425.5 52c-6.5 0-11.75 5.25-11.75 11.75S419 75.5 425.5 75.5s11.75-5.25 11.75-11.75S431.75 52 425.5 52Zm0 21.25c-5 0-9.25-4.25-9.25-9.5s4.25-9.5 9.25-9.5 9.25 4.25 9.25 9.5-4.25 9.5-9.25 9.5ZM308.5 432.75c-4.75 0-8.5 3.75-8.5 8.5s3.75 8.5 8.5 8.5 8.5-3.75 8.5-8.5c0-4.5-3.75-8.5-8.5-8.5Zm0 14.75c-3.25 0-6-2.75-6-6.25s2.75-6.25 6-6.25 6 2.75 6 6.25-2.75 6.25-6 6.25Z",
|
|
25
|
+
fill: "var(--zd_emptysvg_medium_circle)"
|
|
26
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
27
|
+
d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
|
|
28
|
+
fill: "var(--zd_emptysvg_cross)"
|
|
29
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
30
|
+
opacity: 0.1,
|
|
31
|
+
d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
|
|
32
|
+
fill: "var(--zd_emptysvg_primary_fill)"
|
|
33
|
+
})), /*#__PURE__*/React.createElement("g", {
|
|
34
|
+
clipPath: "url(#bot_svg__b)"
|
|
35
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
36
|
+
opacity: 0.2,
|
|
37
|
+
d: "M295.796 283.088c-.295-31.211 28.548-13.904 37.868-24.341 14.094-15.769 24.461-39.75-6.148-64.516-52.747-42.63-146.307-49.5-165.829 43.48-19.491 92.98 112.656 138.488 142.775 96.578 11.314-15.703-8.568-42.335-8.666-51.201Z",
|
|
38
|
+
fill: "var(--zd_emptysvg_primary_fill)"
|
|
39
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
40
|
+
opacity: 0.2,
|
|
41
|
+
d: "M255.572 262.445c-.032-4.057 3.696-1.8 4.906-3.141 1.831-2.061 3.172-5.169-.785-8.375-6.835-5.529-18.967-6.413-21.518 5.627-2.551 12.039 14.618 17.961 18.509 12.53 1.472-2.028-1.112-5.496-1.112-6.641ZM298.346 266.796c-.033-4.056 3.695-1.799 4.905-3.14 1.831-2.062 3.172-5.17-.785-8.376-6.834-5.529-18.967-6.412-21.517 5.627-2.551 12.04 14.617 17.962 18.509 12.531 1.471-2.029-1.112-5.497-1.112-6.642ZM202.791 262.445c-.033-4.057 3.695-1.8 4.905-3.141 1.832-2.061 3.172-5.169-.784-8.375-6.835-5.529-18.967-6.413-21.518 5.627-2.551 12.039 14.618 17.961 18.509 12.53 1.472-2.028-1.112-5.496-1.112-6.641Z",
|
|
42
|
+
fill: "var(--zd_emptysvg_primary_fill)"
|
|
43
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
44
|
+
d: "M199.325 271.507c16.94-5.562 6.966-34.778-6.246-25.748-13.211 9.03-15.075 36.184 23.415 39.194 38.489 3.01 48.234-19.957 45.455-31.08-2.78-11.124-21.093-14.854-22.728 4.187-1.635 19.008 23.872 29.216 46.829 24.668 22.956-4.58 15.991-34.875 6.017-34.385-9.974.491-18.313 18.322 8.862 35.563 27.175 17.242 45.619 1.93 40.223-55.094-6.442-68.214-142.383-102.37-181.199-2.912-27.764 71.125 30.379 103.22 40.68 110.221 10.301 7.035-42.087 45.803-37.41 47.21 4.676 1.407 86.43-32.847 86.43-32.847 29.628 4.057 53.042-4.94 70.733-17.765 39.438-28.594 55.953-80.351 39.896-126.351-14.061-40.306-45.389-58.954-45.389-58.954-5.069-28.856-32.473-44.789-62.526-46.85l-.817-16.816c-15.207-4.81-13.179-17.013-7.587-21.986 5.592-4.973 15.402-.589 14.585 8.212-.785 8.8-12.231 11.189-12.231 11.189v19.172c-1.504 0-3.008 0-4.512.065-41.106 1.832-53.304 35.039-55.168 42.401 0 0 84.272-.328 94.311-.982 4.284-.294 7.587-3.959 7.293-8.277-.131-2.094-.785-4.515-2.289-7.165-4.971-8.735-62.297-3.435-62.297-3.435s-7.587 1.57-7.488 12.563l.261 4.024c-26.226.785-72.957 22.116-86.757 71.616 0 0-27.11 74.593 44.539 126.58",
|
|
45
|
+
stroke: "var(--zd_emptysvg_primary_stroke)",
|
|
46
|
+
strokeWidth: 2.5,
|
|
47
|
+
strokeLinecap: "round",
|
|
48
|
+
strokeLinejoin: "round",
|
|
49
|
+
fill: "transparent"
|
|
50
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
51
|
+
id: "bot_svg__a"
|
|
52
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
53
|
+
fill: "#fff",
|
|
54
|
+
transform: "translate(22.5 50)",
|
|
55
|
+
d: "M0 0h450v400H0z"
|
|
56
|
+
})), /*#__PURE__*/React.createElement("clipPath", {
|
|
57
|
+
id: "bot_svg__b"
|
|
58
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
59
|
+
fill: "#fff",
|
|
60
|
+
transform: "translate(123 58)",
|
|
61
|
+
d: "M0 0h245v327H0z"
|
|
62
|
+
}))));
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
Bot.propTypes = EmptyStateProps;
|
|
66
|
+
Bot.defaultProps = {
|
|
67
|
+
...EmptyStateDefaultProps,
|
|
68
|
+
dataId: 'Bot'
|
|
69
|
+
};
|