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

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 (128) hide show
  1. package/README.md +10 -0
  2. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +593 -0
  3. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +26 -0
  4. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +26 -0
  5. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +26 -0
  6. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +26 -0
  7. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +26 -0
  8. package/assets/Appearance/light/mode/Dot_LightMode.module.css +593 -0
  9. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +26 -0
  10. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +26 -0
  11. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +26 -0
  12. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +26 -0
  13. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +26 -0
  14. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +593 -0
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +26 -0
  16. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +26 -0
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +26 -0
  18. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +26 -0
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +26 -0
  20. package/es/DotProvider/hooks/useDotProvider.js +3 -3
  21. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +2 -0
  22. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +2 -0
  23. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +2 -0
  24. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +2 -0
  25. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +2 -0
  26. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +2 -0
  27. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +2 -0
  28. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +2 -0
  29. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +2 -0
  30. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +2 -0
  31. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +2 -0
  32. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +2 -0
  33. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +2 -0
  34. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +2 -0
  35. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +2 -0
  36. package/es/DotProvider/utils/constants.js +1 -2
  37. package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +1 -15
  38. package/es/DotProvider/utils/themeColorAssetsConfig.js +1 -73
  39. package/es/list/Comment/Comment.module.css +29 -29
  40. package/es/list/Dot/Dot.module.css +15 -15
  41. package/es/list/ListLayout/ListLayout.module.css +79 -79
  42. package/es/lookup/Lookup/Lookup.js +6 -4
  43. package/es/lookup/Lookup/__tests__/Lookup.spec.js +101 -4
  44. package/es/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +223 -2
  45. package/es/lookup/Lookup/props/propTypes.js +6 -1
  46. package/es/lookup/header/ModuleHeader/ModuleHeader.js +12 -5
  47. package/es/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +87 -3
  48. package/es/lookup/header/ModuleHeader/props/defaultProps.js +2 -0
  49. package/es/lookup/header/ModuleHeader/props/propTypes.js +6 -0
  50. package/es/version2/lookup/AlertHeader/AlertHeader.js +19 -9
  51. package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +122 -3
  52. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +1728 -3
  53. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +6 -1
  54. package/es/version2/lookup/AlertHeader/props/defaultProps.js +2 -0
  55. package/es/version2/lookup/AlertHeader/props/propTypes.js +10 -0
  56. package/lib/DotProvider/hooks/useDotProvider.js +3 -3
  57. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +4 -0
  58. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +4 -0
  59. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +4 -0
  60. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +4 -0
  61. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +4 -0
  62. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +4 -0
  63. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +4 -0
  64. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +4 -0
  65. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +4 -0
  66. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +4 -0
  67. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +4 -0
  68. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +4 -0
  69. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +4 -0
  70. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +4 -0
  71. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +4 -0
  72. package/lib/DotProvider/utils/constants.js +2 -4
  73. package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +2 -17
  74. package/lib/DotProvider/utils/themeColorAssetsConfig.js +2 -77
  75. package/lib/list/Comment/Comment.module.css +29 -29
  76. package/lib/list/Dot/Dot.module.css +15 -15
  77. package/lib/list/ListLayout/ListLayout.module.css +79 -79
  78. package/lib/lookup/Lookup/Lookup.js +6 -4
  79. package/lib/lookup/Lookup/__tests__/Lookup.spec.js +101 -4
  80. package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap +223 -2
  81. package/lib/lookup/Lookup/props/propTypes.js +8 -1
  82. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +13 -5
  83. package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js +86 -2
  84. package/lib/lookup/header/ModuleHeader/props/defaultProps.js +2 -0
  85. package/lib/lookup/header/ModuleHeader/props/propTypes.js +6 -0
  86. package/lib/version2/lookup/AlertHeader/AlertHeader.js +19 -8
  87. package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +121 -2
  88. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +1728 -3
  89. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +4 -2
  90. package/lib/version2/lookup/AlertHeader/props/defaultProps.js +2 -0
  91. package/lib/version2/lookup/AlertHeader/props/propTypes.js +10 -0
  92. package/package.json +6 -6
  93. package/es/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +0 -1
  94. package/es/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +0 -1
  95. package/es/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +0 -1
  96. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +0 -2
  97. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +0 -2
  98. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +0 -2
  99. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +0 -2
  100. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +0 -2
  101. package/es/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +0 -2
  102. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +0 -2
  103. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +0 -2
  104. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +0 -2
  105. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +0 -2
  106. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +0 -2
  107. package/es/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +0 -2
  108. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +0 -2
  109. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +0 -2
  110. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +0 -2
  111. package/lib/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +0 -3
  112. package/lib/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +0 -3
  113. package/lib/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +0 -3
  114. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +0 -5
  115. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +0 -5
  116. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +0 -5
  117. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +0 -5
  118. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +0 -5
  119. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +0 -5
  120. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +0 -5
  121. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +0 -5
  122. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +0 -5
  123. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +0 -5
  124. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +0 -5
  125. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +0 -5
  126. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +0 -5
  127. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +0 -5
  128. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +0 -5
package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css ADDED
@@ -0,0 +1,26 @@
1
+ [data-mode='light'][data-theme='blue']{
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg:hsla(227, calc(var(--zd-saturation, 1) * 27.27%), calc(23.73% + var(--zdc_default)), calc( 0.94 + 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(207, calc(var(--zd-saturation, 1) * 96.00%), calc(70.59% + 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(212, calc(var(--zd-saturation, 1) * 86.67%), calc(97.06% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
+
18
+ /* attachment viewer */
19
+ --zdt_attachmentviewer_header_bg:hsla(227, calc(var(--zd-saturation, 1) * 27.27%), calc(23.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border:hsla(228, calc(var(--zd-saturation, 1) * 18.01%), calc(31.57% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg:hsla(227, calc(var(--zd-saturation, 1) * 27.27%), calc(23.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover:hsla(227, calc(var(--zd-saturation, 1) * 27.27%), calc(23.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/light/themes/green/green_DotTheme_LightTheme.module.css ADDED
@@ -0,0 +1,26 @@
1
+ [data-mode='light'][data-theme='green']{
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg:hsla(190, calc(var(--zd-saturation, 1) * 43.40%), calc(10.39% + var(--zdc_default)), calc( 0.94 + 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) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdt_commonEmptyState_dark_link_hover:hsla(134, calc(var(--zd-saturation, 1) * 78.63%), calc(25.69% + 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(143, calc(var(--zd-saturation, 1) * 44.44%), calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
+
18
+ /* attachment viewer */
19
+ --zdt_attachmentviewer_header_bg:hsla(190, calc(var(--zd-saturation, 1) * 43.40%), calc(10.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border:hsla(190, calc(var(--zd-saturation, 1) * 37.35%), calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg:hsla(190, calc(var(--zd-saturation, 1) * 43.40%), calc(10.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover:hsla(190, calc(var(--zd-saturation, 1) * 43.40%), calc(10.39% + 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/light/themes/orange/orange_DotTheme_LightTheme.module.css ADDED
@@ -0,0 +1,26 @@
1
+ [data-mode='light'][data-theme='orange']{
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg:hsla(39, calc(var(--zd-saturation, 1) * 30.91%), calc(10.78% + var(--zdc_default)), calc( 0.94 + 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(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdt_commonEmptyState_dark_link_hover:hsla(30, calc(var(--zd-saturation, 1) * 100.00%), calc(34.90% + 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(26, calc(var(--zd-saturation, 1) * 77.78%), calc(96.47% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
+
18
+ /* attachment viewer */
19
+ --zdt_attachmentviewer_header_bg:hsla(39, calc(var(--zd-saturation, 1) * 30.91%), calc(10.78% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border:hsla(54, calc(var(--zd-saturation, 1) * 46.03%), calc(12.35% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg:hsla(39, calc(var(--zd-saturation, 1) * 30.91%), calc(10.78% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover:hsla(39, calc(var(--zd-saturation, 1) * 30.91%), calc(10.78% + 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/light/themes/red/red_DotTheme_LightTheme.module.css ADDED
@@ -0,0 +1,26 @@
1
+ [data-mode='light'][data-theme='red']{
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg:hsla(322, calc(var(--zd-saturation, 1) * 38.78%), calc(9.61% + var(--zdc_default)), calc( 0.94 + 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) * 100.00%), calc(69.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdt_commonEmptyState_dark_link_hover:hsla(1, calc(var(--zd-saturation, 1) * 75.38%), calc(38.24% + 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(0, calc(var(--zd-saturation, 1) * 71.43%), calc(97.25% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
+
18
+ /* attachment viewer */
19
+ --zdt_attachmentviewer_header_bg:hsla(322, calc(var(--zd-saturation, 1) * 38.78%), calc(9.61% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border:hsla(351, calc(var(--zd-saturation, 1) * 23.46%), calc(15.88% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg:hsla(322, calc(var(--zd-saturation, 1) * 38.78%), calc(9.61% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover:hsla(322, calc(var(--zd-saturation, 1) * 38.78%), calc(9.61% + 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/light/themes/yellow/yellow_DotTheme_LightTheme.module.css ADDED
@@ -0,0 +1,26 @@
1
+ [data-mode='light'][data-theme='yellow']{
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg:hsla(67, calc(var(--zd-saturation, 1) * 33.33%), calc(10.59% + var(--zdc_default)), calc( 0.94 + 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(46, calc(var(--zd-saturation, 1) * 81.07%), calc(52.35% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdt_commonEmptyState_dark_link_hover:hsla(48, calc(var(--zd-saturation, 1) * 100.00%), calc(35.49% + 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(45, calc(var(--zd-saturation, 1) * 83.33%), calc(95.29% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
17
+
18
+ /* attachment viewer */
19
+ --zdt_attachmentviewer_header_bg:hsla(67, calc(var(--zd-saturation, 1) * 33.33%), calc(10.59% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_attachmentviewer_header_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_lighter)), calc( 0.08 + var(--zdc_alpha_high)));
21
+ --zdt_attachmentviewer_footer_bg:hsla(67, calc(var(--zd-saturation, 1) * 33.33%), calc(10.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
22
+ --zdt_attachmentviewer_arrow_bg_hover:hsla(67, calc(var(--zd-saturation, 1) * 33.33%), calc(10.59% + 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
+ }