@zohodesk/dot 1.0.0-temp-226 → 1.0.0-temp-226.1

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.
Files changed (21) hide show
  1. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +593 -0
  2. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +26 -0
  3. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +26 -0
  4. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +26 -0
  5. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +26 -0
  6. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +26 -0
  7. package/assets/Appearance/light/mode/Dot_LightMode.module.css +593 -0
  8. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +26 -0
  9. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +26 -0
  10. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +26 -0
  11. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +26 -0
  12. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +26 -0
  13. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +593 -0
  14. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +26 -0
  15. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +26 -0
  16. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +26 -0
  17. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +26 -0
  18. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +26 -0
  19. package/es/DotProvider/utils/themeColorAssetsConfig.js +15 -15
  20. package/lib/DotProvider/utils/themeColorAssetsConfig.js +15 -15
  21. package/package.json +1 -1
package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css ADDED
@@ -0,0 +1,26 @@
1
+ [data-mode='dark'][data-theme='blue']{
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
4
+
5
+ /* common empty state */
6
+ --zdt_commonEmptyState_dark_title:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdt_commonEmptyState_dark_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: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_commonEmptyState_dark_link_hover:hsla(221, calc(var(--zd-saturation, 1) * 100.00%), calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
+
11
+ /* onboarding */
12
+ --zdt_onboarding_primary_gradient_border:hsla(212, calc(var(--zd-saturation, 1) * 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, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
+ --zdt_onboarding_gradient_border:hsla(220, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
+ --zdt_onboarding_primary_button_shadow:hsla(212, calc(var(--zd-saturation, 1) * 91.84%), 48.04%, 0.25);
16
+ --zdt_onboarding_gradient_bg:hsla(213, calc(var(--zd-saturation, 1) * 27.27%), calc(23.73% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
+
18
+ /* attachment viewer */
19
+ --zdt_attachmentviewer_header_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border:hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
+
24
+ /* loader */
25
+ --zdt_loader_bg:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), 63.92%, 1);
26
+ }
package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css ADDED
@@ -0,0 +1,26 @@
1
+ [data-mode='dark'][data-theme='green']{
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
4
+
5
+ /* common empty state */
6
+ --zdt_commonEmptyState_dark_title:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdt_commonEmptyState_dark_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: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_commonEmptyState_dark_link_hover:hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
+
11
+ /* onboarding */
12
+ --zdt_onboarding_primary_gradient_border:hsla(133, calc(var(--zd-saturation, 1) * 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, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
+ --zdt_onboarding_gradient_border:hsla(133, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
+ --zdt_onboarding_primary_button_shadow:hsla(133, calc(var(--zd-saturation, 1) * 62.68%), 40.98%, 0.25);
16
+ --zdt_onboarding_gradient_bg:hsla(191, calc(var(--zd-saturation, 1) * 21.65%), calc(19.02% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
+
18
+ /* attachment viewer */
19
+ --zdt_attachmentviewer_header_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border:hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
+
24
+ /* loader */
25
+ --zdt_loader_bg:hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 1);
26
+ }
package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css ADDED
@@ -0,0 +1,26 @@
1
+ [data-mode='dark'][data-theme='orange']{
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
4
+
5
+ /* common empty state */
6
+ --zdt_commonEmptyState_dark_title:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdt_commonEmptyState_dark_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: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_commonEmptyState_dark_link_hover:hsla(29, calc(var(--zd-saturation, 1) * 100.00%), calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
+
11
+ /* onboarding */
12
+ --zdt_onboarding_primary_gradient_border:hsla(28, calc(var(--zd-saturation, 1) * 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, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
+ --zdt_onboarding_gradient_border:hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
+ --zdt_onboarding_primary_button_shadow:hsla(28, calc(var(--zd-saturation, 1) * 81.75%), 49.41%, 0.25);
16
+ --zdt_onboarding_gradient_bg:hsla(252, calc(var(--zd-saturation, 1) * 4.85%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
+
18
+ /* attachment viewer */
19
+ --zdt_attachmentviewer_header_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border:hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
+
24
+ /* loader */
25
+ --zdt_loader_bg:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), 56.08%, 1);
26
+ }
package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css ADDED
@@ -0,0 +1,26 @@
1
+ [data-mode='dark'][data-theme='red']{
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
4
+
5
+ /* common empty state */
6
+ --zdt_commonEmptyState_dark_title:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdt_commonEmptyState_dark_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: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_commonEmptyState_dark_link_hover:hsla(0, calc(var(--zd-saturation, 1) * 81.62%), calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
+
11
+ /* onboarding */
12
+ --zdt_onboarding_primary_gradient_border:hsla(0, calc(var(--zd-saturation, 1) * 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, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
+ --zdt_onboarding_gradient_border:hsla(0, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
+ --zdt_onboarding_primary_button_shadow:hsla(0, calc(var(--zd-saturation, 1) * 73.81%), 49.41%, 0.25);
16
+ --zdt_onboarding_gradient_bg:hsla(258, calc(var(--zd-saturation, 1) * 12.62%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
+
18
+ /* attachment viewer */
19
+ --zdt_attachmentviewer_header_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border:hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
+
24
+ /* loader */
25
+ --zdt_loader_bg:hsla(0, calc(var(--zd-saturation, 1) * 77.78%), 61.18%, 1);
26
+ }
package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css ADDED
@@ -0,0 +1,26 @@
1
+ [data-mode='dark'][data-theme='yellow']{
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
4
+
5
+ /* common empty state */
6
+ --zdt_commonEmptyState_dark_title:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
7
+ --zdt_commonEmptyState_dark_description:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdt_commonEmptyState_dark_link: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_commonEmptyState_dark_link_hover:hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
10
+
11
+ /* onboarding */
12
+ --zdt_onboarding_primary_gradient_border:hsla(43, calc(var(--zd-saturation, 1) * 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, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
14
+ --zdt_onboarding_gradient_border:hsla(43, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
15
+ --zdt_onboarding_primary_button_shadow:hsla(43, calc(var(--zd-saturation, 1) * 90.39%), 44.90%, 0.25);
16
+ --zdt_onboarding_gradient_bg:hsla(218, calc(var(--zd-saturation, 1) * 7.69%), calc(20.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
+
18
+ /* attachment viewer */
19
+ --zdt_attachmentviewer_header_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border:hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
23
+
24
+ /* loader */
25
+ --zdt_loader_bg:hsla(37, calc(var(--zd-saturation, 1) * 66.94%), 52.55%, 1);
26
+ }