@zohodesk/dot 1.0.0-temp-217 → 1.0.0-temp-219
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 +21 -0
- package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +302 -302
- package/assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css +14 -0
- package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +13 -13
- package/assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css +14 -0
- package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +13 -13
- package/assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css +14 -0
- package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +13 -13
- package/assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css +14 -0
- package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +13 -13
- package/assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css +14 -0
- package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +13 -13
- package/assets/Appearance/light/mode/Dot_LightMode.module.css +300 -300
- package/assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css +14 -0
- package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +13 -13
- package/assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css +14 -0
- package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +13 -13
- package/assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css +14 -0
- package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +13 -13
- package/assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css +14 -0
- package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +13 -13
- package/assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css +14 -0
- package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +13 -13
- package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +302 -302
- package/assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css +14 -0
- package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +13 -13
- package/assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css +14 -0
- package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +13 -13
- package/assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css +14 -0
- package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +13 -13
- package/assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css +14 -0
- package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +13 -13
- package/assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css +14 -0
- package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +13 -13
- package/es/AudioPlayer/__tests__/AudioPlayer.spec.js +186 -38
- package/es/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +1851 -1
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
- package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
- package/es/list/SecondaryText/PhoneNumber.js +2 -2
- package/es/list/SecondaryText/SecondaryText.module.css +5 -1
- package/es/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +1 -1
- package/lib/AudioPlayer/__tests__/AudioPlayer.spec.js +192 -32
- package/lib/AudioPlayer/__tests__/__snapshots__/AudioPlayer.spec.js.snap +1851 -1
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +2 -0
- package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +2 -0
- package/lib/list/SecondaryText/PhoneNumber.js +2 -2
- package/lib/list/SecondaryText/SecondaryText.module.css +5 -1
- package/lib/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap +1 -1
- package/package.json +12 -12
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
[data-mode='light'][data-theme='blue'] {
|
|
2
|
+
--zdtm_cta_secondary_border_darker_low: hsla(213, 94.26%, calc(59.02% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
|
|
3
|
+
--zdtm_cta_primary_bg_default_inverse_lower: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
4
|
+
--zdtm_cta_grey_10_bg_default_inverse_low: hsla(216, 38.46%, calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdtm_cta_primary_light_bg_default_inverse_low: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
6
|
+
--zdtm_cta_primary_bg_default: hsla(212, 91.84%, calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdtm_cta_primary_light_bg_default: hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
9
|
+
--zdtm_cta_primary_border_default_inverse: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdtm_cta_primary_hover_bg_default: hsla(213, 100.00%, calc(36.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
|
+
--zdtm_cta_primary_light_bg_darker_lowest: hsla(212, 86.67%, calc(97.06% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
12
|
+
--zdtm_cta_secondary_light_border_default: hsla(213, 65.52%, calc(82.94% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
13
|
+
--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
14
|
+
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
[data-mode='light'][data-theme='blue'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsla(227,
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc( 0.94 + var(--zdc_alpha_high)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsla(0,
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsla(0,
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsla(207,
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsla(221,
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsla(207, 96.00%, calc(70.59% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsla(221, 100.00%, calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
10
|
|
|
11
11
|
/* onboarding */
|
|
12
|
-
--zdt_onboarding_primary_gradient_border: hsla(212,
|
|
13
|
-
--zdt_onboarding_secondary_gradient_border: hsla(220,
|
|
14
|
-
--zdt_onboarding_gradient_border: hsla(220,
|
|
12
|
+
--zdt_onboarding_primary_gradient_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_onboarding_secondary_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_onboarding_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
|
|
15
15
|
--zdt_onboarding_primary_button_shadow: rgba(10, 115, 235, 0.25);
|
|
16
|
-
--zdt_onboarding_gradient_bg: hsla(212,
|
|
16
|
+
--zdt_onboarding_gradient_bg: hsla(212, 86.67%, calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
17
17
|
|
|
18
18
|
/* attachment viewer */
|
|
19
|
-
--zdt_attachmentviewer_header_bg: hsla(227,
|
|
20
|
-
--zdt_attachmentviewer_header_border: hsla(228,
|
|
21
|
-
--zdt_attachmentviewer_footer_bg: hsla(227,
|
|
22
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsla(227,
|
|
19
|
+
--zdt_attachmentviewer_header_bg: hsla(227, 27.27%, calc(23.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_attachmentviewer_header_border: hsla(228, 18.01%, calc(31.57% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_attachmentviewer_footer_bg: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsla(227, 27.27%, calc(23.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
|
|
23
23
|
|
|
24
24
|
/* loader */
|
|
25
25
|
--zdt_loader_bg: rgb(71,157,255);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
[data-mode='light'][data-theme='green'] {
|
|
2
|
+
--zdtm_cta_secondary_border_darker_low: hsla(133, 48.36%, calc(52.16% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
|
|
3
|
+
--zdtm_cta_primary_bg_default_inverse_lower: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
4
|
+
--zdtm_cta_grey_10_bg_default_inverse_low: hsla(165, 28.57%, calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdtm_cta_primary_light_bg_default_inverse_low: hsla(143, 44.44%, calc(96.47% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
6
|
+
--zdtm_cta_primary_bg_default: hsla(133, 63.29%, calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdtm_cta_primary_light_bg_default: hsla(143, 44.44%, calc(96.47% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
9
|
+
--zdtm_cta_primary_border_default_inverse: hsla(133, 63.29%, calc(40.59% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdtm_cta_primary_hover_bg_default: hsla(134, 78.63%, calc(25.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
|
+
--zdtm_cta_primary_light_bg_darker_lowest: hsla(143, 44.44%, calc(96.47% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
12
|
+
--zdtm_cta_secondary_light_border_default: hsla(132, 42.86%, calc(82.16% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
13
|
+
--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(143, 44.44%, calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
14
|
+
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
[data-mode='light'][data-theme='green'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsla(190,
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc( 0.94 + var(--zdc_alpha_high)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsla(0,
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsla(0,
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsla(133,
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsla(134,
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsla(134, 78.63%, calc(25.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
10
|
|
|
11
11
|
/* onboarding */
|
|
12
|
-
--zdt_onboarding_primary_gradient_border: hsla(133,
|
|
13
|
-
--zdt_onboarding_secondary_gradient_border: hsla(133,
|
|
14
|
-
--zdt_onboarding_gradient_border: hsla(133,
|
|
12
|
+
--zdt_onboarding_primary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_onboarding_secondary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_onboarding_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
|
|
15
15
|
--zdt_onboarding_primary_button_shadow: rgba(39, 170, 67, 0.25);
|
|
16
|
-
--zdt_onboarding_gradient_bg: hsla(143,
|
|
16
|
+
--zdt_onboarding_gradient_bg: hsla(143, 44.44%, calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
17
17
|
|
|
18
18
|
/* attachment viewer */
|
|
19
|
-
--zdt_attachmentviewer_header_bg: hsla(190,
|
|
20
|
-
--zdt_attachmentviewer_header_border: hsla(190,
|
|
21
|
-
--zdt_attachmentviewer_footer_bg: hsla(190,
|
|
22
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsla(190,
|
|
19
|
+
--zdt_attachmentviewer_header_bg: hsla(190, 43.40%, calc(10.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_attachmentviewer_header_border: hsla(190, 37.35%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_attachmentviewer_footer_bg: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsla(190, 43.40%, calc(10.39% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
|
|
23
23
|
|
|
24
24
|
/* loader */
|
|
25
25
|
--zdt_loader_bg: rgb(69,161,89);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
[data-mode='light'][data-theme='orange'] {
|
|
2
|
+
--zdtm_cta_secondary_border_darker_low: hsla(28, 79.71%, calc(59.41% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
|
|
3
|
+
--zdtm_cta_primary_bg_default_inverse_lower: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
4
|
+
--zdtm_cta_grey_10_bg_default_inverse_low: hsla(20, 20.00%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdtm_cta_primary_light_bg_default_inverse_low: hsla(26, 77.78%, calc(96.47% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
6
|
+
--zdtm_cta_primary_bg_default: hsla(28, 81.75%, calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdtm_cta_primary_light_bg_default: hsla(26, 77.78%, calc(96.47% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
9
|
+
--zdtm_cta_primary_border_default_inverse: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdtm_cta_primary_hover_bg_default: hsla(30, 100.00%, calc(34.90% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
|
+
--zdtm_cta_primary_light_bg_darker_lowest: hsla(26, 77.78%, calc(96.47% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
12
|
+
--zdtm_cta_secondary_light_border_default: hsla(28, 79.49%, calc(84.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
13
|
+
--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(26, 77.78%, calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
14
|
+
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
[data-mode='light'][data-theme='orange'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsla(39,
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc( 0.94 + var(--zdc_alpha_high)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsla(0,
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsla(0,
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsla(28,
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsla(30,
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsla(30, 100.00%, calc(34.90% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
10
|
|
|
11
11
|
/* onboarding */
|
|
12
|
-
--zdt_onboarding_primary_gradient_border: hsla(28,
|
|
13
|
-
--zdt_onboarding_secondary_gradient_border: hsla(28,
|
|
14
|
-
--zdt_onboarding_gradient_border: hsla(28,
|
|
12
|
+
--zdt_onboarding_primary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_onboarding_secondary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_onboarding_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
|
|
15
15
|
--zdt_onboarding_primary_button_shadow: rgba(229, 119, 23, 0.25);
|
|
16
|
-
--zdt_onboarding_gradient_bg: hsla(26,
|
|
16
|
+
--zdt_onboarding_gradient_bg: hsla(26, 77.78%, calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
17
17
|
|
|
18
18
|
/* attachment viewer */
|
|
19
|
-
--zdt_attachmentviewer_header_bg: hsla(39,
|
|
20
|
-
--zdt_attachmentviewer_header_border: hsla(54,
|
|
21
|
-
--zdt_attachmentviewer_footer_bg: hsla(39,
|
|
22
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsla(39,
|
|
19
|
+
--zdt_attachmentviewer_header_bg: hsla(39, 30.91%, calc(10.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_attachmentviewer_header_border: hsla(54, 46.03%, calc(12.35% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_attachmentviewer_footer_bg: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsla(39, 30.91%, calc(10.78% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
|
|
23
23
|
|
|
24
24
|
/* loader */
|
|
25
25
|
--zdt_loader_bg: rgb(255,128,31);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
[data-mode='light'][data-theme='red'] {
|
|
2
|
+
--zdtm_cta_secondary_border_darker_low: hsla(0, 72.34%, calc(63.14% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
|
|
3
|
+
--zdtm_cta_primary_bg_default_inverse_lower: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
4
|
+
--zdtm_cta_grey_10_bg_default_inverse_low: hsla(340, 20.00%, calc(97.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdtm_cta_primary_light_bg_default_inverse_low: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
6
|
+
--zdtm_cta_primary_bg_default: hsla(0, 71.91%, calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdtm_cta_primary_light_bg_default: hsla(0, 71.43%, calc(97.25% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
9
|
+
--zdtm_cta_primary_border_default_inverse: hsla(0, 71.91%, calc(53.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdtm_cta_primary_hover_bg_default: hsla(1, 75.38%, calc(38.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
|
+
--zdtm_cta_primary_light_bg_darker_lowest: hsla(0, 71.43%, calc(97.25% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
12
|
+
--zdtm_cta_secondary_light_border_default: hsla(0, 70.21%, calc(90.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
13
|
+
--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
14
|
+
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
[data-mode='light'][data-theme='red'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsla(322,
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc( 0.94 + var(--zdc_alpha_high)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsla(0,
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsla(0,
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsla(0,
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsla(1,
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsla(0, 100.00%, calc(69.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsla(1, 75.38%, calc(38.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
10
|
|
|
11
11
|
/* onboarding */
|
|
12
|
-
--zdt_onboarding_primary_gradient_border: hsla(0,
|
|
13
|
-
--zdt_onboarding_secondary_gradient_border: hsla(0,
|
|
14
|
-
--zdt_onboarding_gradient_border: hsla(0,
|
|
12
|
+
--zdt_onboarding_primary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_onboarding_secondary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_onboarding_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
|
|
15
15
|
--zdt_onboarding_primary_button_shadow: rgba(219, 33, 33, 0.25);
|
|
16
|
-
--zdt_onboarding_gradient_bg: hsla(0,
|
|
16
|
+
--zdt_onboarding_gradient_bg: hsla(0, 71.43%, calc(97.25% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
17
17
|
|
|
18
18
|
/* attachment viewer */
|
|
19
|
-
--zdt_attachmentviewer_header_bg: hsla(322,
|
|
20
|
-
--zdt_attachmentviewer_header_border: hsla(351,
|
|
21
|
-
--zdt_attachmentviewer_footer_bg: hsla(322,
|
|
22
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsla(322,
|
|
19
|
+
--zdt_attachmentviewer_header_bg: hsla(322, 38.78%, calc(9.61% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_attachmentviewer_header_border: hsla(351, 23.46%, calc(15.88% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_attachmentviewer_footer_bg: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsla(322, 38.78%, calc(9.61% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
|
|
23
23
|
|
|
24
24
|
/* loader */
|
|
25
25
|
--zdt_loader_bg: rgb(233,79,79);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
[data-mode='light'][data-theme='yellow'] {
|
|
2
|
+
--zdtm_cta_secondary_border_darker_low: hsla(46, 81.18%, calc(66.67% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
|
|
3
|
+
--zdtm_cta_primary_bg_default_inverse_lower: hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
4
|
+
--zdtm_cta_grey_10_bg_default_inverse_low: hsla(60, 12.50%, calc(96.86% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdtm_cta_primary_light_bg_default_inverse_low: hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
6
|
+
--zdtm_cta_primary_bg_default: hsla(46, 81.07%, calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdtm_cta_secondary_text_lighter: hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdtm_cta_primary_light_bg_default: hsla(45, 83.33%, calc(95.29% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
9
|
+
--zdtm_cta_primary_border_default_inverse: hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdtm_cta_primary_hover_bg_default: hsla(48, 100.00%, calc(35.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
|
+
--zdtm_cta_primary_light_bg_darker_lowest: hsla(45, 83.33%, calc(95.29% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
|
|
12
|
+
--zdtm_cta_secondary_light_border_default: hsla(46, 81.44%, calc(80.98% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
13
|
+
--zdtm_cta_primary_light_bg_default_inverse_lower: hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
14
|
+
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
[data-mode='light'][data-theme='yellow'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsla(67,
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc( 0.94 + var(--zdc_alpha_high)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsla(0,
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsla(0,
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsla(46,
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsla(48,
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsla(48, 100.00%, calc(35.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
10
10
|
|
|
11
11
|
/* onboarding */
|
|
12
|
-
--zdt_onboarding_primary_gradient_border: hsla(43,
|
|
13
|
-
--zdt_onboarding_secondary_gradient_border: hsla(43,
|
|
14
|
-
--zdt_onboarding_gradient_border: hsla(43,
|
|
12
|
+
--zdt_onboarding_primary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_onboarding_secondary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
|
|
14
|
+
--zdt_onboarding_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
|
|
15
15
|
--zdt_onboarding_primary_button_shadow: rgba(218, 160, 11, 0.25);
|
|
16
|
-
--zdt_onboarding_gradient_bg: hsla(45,
|
|
16
|
+
--zdt_onboarding_gradient_bg: hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
17
17
|
|
|
18
18
|
/* attachment viewer */
|
|
19
|
-
--zdt_attachmentviewer_header_bg: hsla(67,
|
|
20
|
-
--zdt_attachmentviewer_header_border: hsla(0,
|
|
21
|
-
--zdt_attachmentviewer_footer_bg: hsla(67,
|
|
22
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsla(67,
|
|
19
|
+
--zdt_attachmentviewer_header_bg: hsla(67, 33.33%, calc(10.59% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
|
|
20
|
+
--zdt_attachmentviewer_header_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter)), calc( 0.08 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_attachmentviewer_footer_bg: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsla(67, 33.33%, calc(10.59% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
|
|
23
23
|
|
|
24
24
|
/* loader */
|
|
25
25
|
--zdt_loader_bg: rgb(215,152,53);
|