@zohodesk/components 1.0.0-temp-243.1 → 1.0.0-temp-242.2

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 (73) hide show
  1. package/README.md +6 -0
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +198 -198
  3. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +8 -8
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +465 -465
  5. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +33 -33
  6. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +28 -28
  7. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +465 -465
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +33 -33
  9. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +28 -28
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +465 -465
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +33 -33
  12. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +28 -28
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +465 -465
  14. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +33 -33
  15. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +28 -28
  16. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +465 -465
  17. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +33 -33
  18. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +28 -28
  19. package/assets/Appearance/light/mode/Component_LightMode.module.css +194 -194
  20. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +8 -8
  21. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +465 -465
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +33 -33
  23. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +28 -28
  24. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +465 -465
  25. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +33 -33
  26. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +28 -28
  27. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +465 -465
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +33 -33
  29. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +28 -28
  30. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +465 -465
  31. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +33 -33
  32. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +28 -28
  33. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +465 -465
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +33 -33
  35. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +28 -28
  36. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +200 -200
  37. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +8 -8
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +465 -465
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +33 -33
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +28 -28
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +465 -465
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +33 -33
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +28 -28
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +465 -465
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +33 -33
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +28 -28
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +465 -465
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +33 -33
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +28 -28
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +465 -465
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +33 -33
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +28 -28
  53. package/es/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  54. package/es/DropBox/utils/isMobilePopover.js +3 -14
  55. package/es/Popup/Popup.js +21 -1045
  56. package/es/utils/Common.js +1 -1
  57. package/es/v1/Popup/Popup.js +1 -1
  58. package/lib/DropBox/DropBoxElement/DropBoxElement.js +5 -5
  59. package/lib/DropBox/utils/isMobilePopover.js +4 -14
  60. package/lib/Popup/Popup.js +25 -1152
  61. package/lib/utils/Common.js +1 -1
  62. package/lib/v1/Popup/Popup.js +1 -1
  63. package/package.json +4 -4
  64. package/es/DropBox/DropBoxPositionMapping.js +0 -142
  65. package/es/Popup/PositionMapping.js +0 -72
  66. package/es/Popup/Registry.js +0 -36
  67. package/es/Popup/intersectionObserver.js +0 -49
  68. package/es/Popup/viewPort.js +0 -373
  69. package/lib/DropBox/DropBoxPositionMapping.js +0 -149
  70. package/lib/Popup/PositionMapping.js +0 -81
  71. package/lib/Popup/Registry.js +0 -46
  72. package/lib/Popup/intersectionObserver.js +0 -72
  73. package/lib/Popup/viewPort.js +0 -367
package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css CHANGED
@@ -1,36 +1,36 @@
1
1
  [data-mode='dark'][data-theme='green'] {
2
2
  /* CTA variables */
3
- --zdt_cta_primary_text: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdt_cta_primary_hover_text: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(54.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_cta_primary_bg: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdt_cta_primary_hover_bg: hsla(128, calc(var(--zd-saturation) * 79.71%), calc(27.06% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
7
- --zdt_cta_primary_border: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
8
- --zdt_cta_primary_hover_border: hsla(128, calc(var(--zd-saturation) * 79.71%), calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
- --zdt_cta_primary_box_shadow: hsla(133, calc(var(--zd-saturation) * 63.29%), 40.59%, 0.2);
10
- --zdt_cta_primary_hover_box_shadow: hsla(134, calc(var(--zd-saturation) * 78.63%), 25.69%, 0.25);
11
- --zdt_cta_primary_light_bg: hsla(191, calc(var(--zd-saturation) * 21.65%), calc(19.02% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
12
- --zdt_cta_primary_light_hover_bg: hsla(158, calc(var(--zd-saturation) * 26.83%), calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdt_cta_primary_light_border: hsla(158, calc(var(--zd-saturation) * 26.83%), calc(24.12% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
14
- --zdt_cta_secondary_bg: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
- --zdt_cta_secondary_text: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
- --zdt_cta_secondary_border: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
- --zdt_cta_secondary_light_border: hsla(158, calc(var(--zd-saturation) * 26.83%), calc(24.12% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
- --zdt_cta_secondary_light_bg: hsla(158, calc(var(--zd-saturation) * 26.83%), calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
19
- --zdt_cta_alpha_text: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_cta_alpha_hover_text: hsla(128, calc(var(--zd-saturation) * 79.71%), calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
21
- --zdt_cta_alpha_border: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
22
- --zdt_cta_alpha_hover_border: hsla(128, calc(var(--zd-saturation) * 79.71%), calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
23
- --zdt_cta_alpha_bg: hsla(170, calc(var(--zd-saturation) * 22.94%), calc(21.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
24
- --zdt_cta_beta_border: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --zdt_cta_grey_10_bg: hsla(217, calc(var(--zd-saturation) * 23.23%), calc(19.41% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
26
- --zdt_cta_grey_10_border: hsla(217, calc(var(--zd-saturation) * 23.23%), calc(19.41% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
27
- --zdt_cta_grey_15_bg: hsla(218, calc(var(--zd-saturation) * 23.08%), calc(22.94% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
28
- --zdt_cta_grey_15_border: hsla(218, calc(var(--zd-saturation) * 23.08%), calc(22.94% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
29
- --zdt_cta_grey_20_bg: hsla(217, calc(var(--zd-saturation) * 22.81%), calc(11.18% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
30
- --zdt_cta_grey_35_bg: hsla(223, calc(var(--zd-saturation) * 21.68%), calc(28.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
31
- --zdt_cta_grey_35_text: hsla(223, calc(var(--zd-saturation) * 21.68%), calc(28.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
32
- --zdt_cta_grey_35_border: hsla(223, calc(var(--zd-saturation) * 21.68%), calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
33
- --zdt_cta_grey_40_bg: hsla(216, calc(var(--zd-saturation) * 22.98%), calc(31.57% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
34
- --zdt_cta_grey_40_text: hsla(216, calc(var(--zd-saturation) * 22.98%), calc(31.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- --zdt_cta_grey_40_border: hsla(216, calc(var(--zd-saturation) * 22.98%), calc(31.57% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdt_cta_primary_text: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdt_cta_primary_hover_text: hsla(133, 40.00%, calc(54.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
+ --zdt_cta_primary_bg: hsla(133, 40.00%, calc(45.10% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdt_cta_primary_hover_bg: hsla(128, 79.71%, calc(27.06% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
7
+ --zdt_cta_primary_border: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
8
+ --zdt_cta_primary_hover_border: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
+ --zdt_cta_primary_box_shadow: rgba(38, 169, 66, 0.2);
10
+ --zdt_cta_primary_hover_box_shadow: rgba(14, 117, 38, 0.25);
11
+ --zdt_cta_primary_light_bg: hsla(191, 21.65%, calc(19.02% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdt_cta_primary_light_hover_bg: hsla(158, 26.83%, calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
+ --zdt_cta_primary_light_border: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
14
+ --zdt_cta_secondary_bg: hsla(133, 40.00%, calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_cta_secondary_text: hsla(0, 0.00%, calc(100.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
+ --zdt_cta_secondary_border: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
+ --zdt_cta_secondary_light_border: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(158, 26.83%, calc(24.12% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
19
+ --zdt_cta_alpha_text: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_cta_alpha_hover_text: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
21
+ --zdt_cta_alpha_border: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
22
+ --zdt_cta_alpha_hover_border: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
23
+ --zdt_cta_alpha_bg: hsla(170, 22.94%, calc(21.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
24
+ --zdt_cta_beta_border: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
+ --zdt_cta_grey_10_bg: hsla(217, 23.23%, calc(19.41% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
26
+ --zdt_cta_grey_10_border: hsla(217, 23.23%, calc(19.41% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
27
+ --zdt_cta_grey_15_bg: hsla(218, 23.08%, calc(22.94% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
28
+ --zdt_cta_grey_15_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
29
+ --zdt_cta_grey_20_bg: hsla(217, 22.81%, calc(11.18% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
30
+ --zdt_cta_grey_35_bg: hsla(223, 21.68%, calc(28.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
31
+ --zdt_cta_grey_35_text: hsla(223, 21.68%, calc(28.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
32
+ --zdt_cta_grey_35_border: hsla(223, 21.68%, calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
33
+ --zdt_cta_grey_40_bg: hsla(216, 22.98%, calc(31.57% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
34
+ --zdt_cta_grey_40_text: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
+ --zdt_cta_grey_40_border: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
36
36
  }
package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css CHANGED
@@ -1,53 +1,53 @@
1
1
  [data-mode='dark'][data-theme='green'] {
2
2
  /* stencil */
3
- --zdt_stencil_dark_bg: hsla(226, calc(var(--zd-saturation) * 20.57%), 27.65%, 1);
4
- --zdt_stencil_dark_gradient_bg /* rtl:as:background-image */: var(--zd-gradient-saturation, linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%));
3
+ --zdt_stencil_dark_bg: rgb(56,63,85);
4
+ --zdt_stencil_dark_gradient_bg /* rtl:as:background-image */: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
5
5
 
6
6
  /* dropbox */
7
- --zdt_dropbox_dark_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), 17.84%, 1);
7
+ --zdt_dropbox_dark_bg: rgb(35,43,56);
8
8
 
9
9
  /* listitem */
10
- --zdt_listitem_dark_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), 17.84%, 1);
11
- --zdt_listitem_dark_text: hsla(210, calc(var(--zd-saturation) * 7.41%), 89.41%, 1);
12
- --zdt_listitem_dark_effect_bg: hsla(217, calc(var(--zd-saturation) * 23.23%), 19.41%, 1);
13
- --zdt_listitem_dark_active_bg: hsla(218, calc(var(--zd-saturation) * 29.76%), 32.94%, 1);
14
- --zdt_listitem_dark_tickicon: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
10
+ --zdt_listitem_dark_bg: rgb(35,43,56);
11
+ --zdt_listitem_dark_text: rgb(226,228,230);
12
+ --zdt_listitem_dark_effect_bg: rgb(38,47,61);
13
+ --zdt_listitem_dark_active_bg: rgb(59,77,109);
14
+ --zdt_listitem_dark_tickicon: rgb(69,161,89);
15
15
 
16
16
  /* tag */
17
- --zdt_tag_dark_text: hsla(240, calc(var(--zd-saturation) * 4.44%), 82.35%, 1);
18
- --zdt_tag_dark_bg: hsla(228, calc(var(--zd-saturation) * 18.01%), 31.57%, 1);
19
- --zdt_tag_dark_hover_text: hsla(240, calc(var(--zd-saturation) * 4.44%), 82.35%, 1);
20
- --zdt_tag_dark_hover_bg: hsla(317, calc(var(--zd-saturation) * 22.14%), 25.69%, 1);
21
- --zdt_tag_dark_close_bg: hsla(347, calc(var(--zd-saturation) * 31.37%), 40.00%, 1);
22
- --zdt_tag_dark_close_text: hsla(0, calc(var(--zd-saturation) * 71.91%), 53.92%, 1);
17
+ --zdt_tag_dark_text: rgb(208,208,212);
18
+ --zdt_tag_dark_bg: rgb(66,72,95);
19
+ --zdt_tag_dark_hover_text: rgb(208,208,212);
20
+ --zdt_tag_dark_hover_bg: rgb(80,51,72);
21
+ --zdt_tag_dark_close_bg: rgb(134,70,84);
22
+ --zdt_tag_dark_close_text: rgb(222,53,53);
23
23
 
24
24
  /* multiselect */
25
- --zdt_multiselect_dark_border: hsla(228, calc(var(--zd-saturation) * 16.20%), 35.10%, 1);
26
- --zdt_multiselect_darkmsg_bg: hsla(217, calc(var(--zd-saturation) * 23.08%), 17.84%, 1);
27
- --zdt_multiselect_darkmsg_text: hsla(240, calc(var(--zd-saturation) * 4.44%), 82.35%, 1);
28
- --zdt_multiselect_darkdelete_hover_text: hsla(210, calc(var(--zd-saturation) * 7.41%), 89.41%, 1);
25
+ --zdt_multiselect_dark_border: rgb(75,81,104);
26
+ --zdt_multiselect_darkmsg_bg: rgb(35,43,56);
27
+ --zdt_multiselect_darkmsg_text: rgb(208,208,212);
28
+ --zdt_multiselect_darkdelete_hover_text: rgb(226,228,230);
29
29
 
30
30
  /* avatar */
31
- --zdt_avatar_white_border: hsla(217, calc(var(--zd-saturation) * 13.73%), 70.00%, 1);
32
- --zdt_avatar_white_text: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 1);
31
+ --zdt_avatar_white_border: rgb(168,176,189);
32
+ --zdt_avatar_white_text: rgb(255,255,255);
33
33
 
34
34
  /* label */
35
- --zdt_label_dark_text: hsla(240, calc(var(--zd-saturation) * 4.44%), 82.35%, 1);
35
+ --zdt_label_dark_text: rgb(208,208,212);
36
36
 
37
37
  /* textbox */
38
- --zdt_textbox_light_text: hsla(0, calc(var(--zd-saturation) * 0.00%), 100.00%, 1);
38
+ --zdt_textbox_light_text: rgb(255,255,255);
39
39
 
40
40
  /* dropdown */
41
- --zdt_dropdown_darkheading_text: hsla(217, calc(var(--zd-saturation) * 13.73%), 70.00%, 1);
41
+ --zdt_dropdown_darkheading_text: rgb(168,176,189);
42
42
 
43
43
  /* focusscope */
44
- --zdt_a11y_focusScope_focus_border: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
44
+ --zdt_a11y_focusScope_focus_border: rgb(69,161,89);
45
45
 
46
46
  /* button */
47
- --zdt_button_primary_strike: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc( 0.45 + var(--zdc_alpha_low)));
48
- --zdt_button_primaryFilled_strike: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc( 0.35 + var(--zdc_alpha_low)));
49
- --zdt_button_secondaryFilled_strike: hsla(216, calc(var(--zd-saturation) * 22.98%), calc(31.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
47
+ --zdt_button_primary_strike: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc( 0.45 + var(--zdc_alpha_low)));
48
+ --zdt_button_primaryFilled_strike: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_low)), calc( 0.35 + var(--zdc_alpha_low)));
49
+ --zdt_button_secondaryFilled_strike: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
50
50
 
51
51
  /* buttonloading */
52
- --zdt_button_loading_primary_linear_gradient /* rtl:as:background */: var(--zd-gradient-saturation, linear-gradient(0deg, rgba(69, 161, 89, 1) 50%, rgba(45, 161, 89, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(45, 161, 89, 0.9) 0%, rgba(45, 161, 89, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(45, 161, 89, 0.6) 0%, rgba(45, 161, 89, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(45, 161, 89, 0.3) 0%, rgba(45, 161, 89, 0) 100%) 0% 100%);
52
+ --zdt_button_loading_primary_linear_gradient /* rtl:as:background */: linear-gradient(0deg, rgba(69, 161, 89, 1) 50%, rgba(45, 161, 89, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(45, 161, 89, 0.9) 0%, rgba(45, 161, 89, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(45, 161, 89, 0.6) 0%, rgba(45, 161, 89, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(45, 161, 89, 0.3) 0%, rgba(45, 161, 89, 0) 100%) 0% 100%;
53
53
  }