@zohodesk/components 1.0.0-temp-241 → 1.0.0-temp-243

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 (137) hide show
  1. package/README.md +48 -0
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +176 -172
  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 +12 -465
  5. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +31 -31
  6. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +7 -4
  7. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +12 -465
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +31 -31
  9. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +7 -4
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +12 -465
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +31 -31
  12. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +7 -4
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +12 -465
  14. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +31 -31
  15. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +7 -4
  16. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +12 -465
  17. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +31 -31
  18. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +7 -4
  19. package/assets/Appearance/light/mode/Component_LightMode.module.css +175 -171
  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 +12 -465
  22. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +31 -31
  23. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +7 -4
  24. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +12 -465
  25. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +31 -31
  26. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +7 -4
  27. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +12 -465
  28. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +31 -31
  29. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +7 -4
  30. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +12 -465
  31. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +31 -31
  32. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +7 -4
  33. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +12 -465
  34. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +31 -31
  35. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +7 -4
  36. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +177 -173
  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 +12 -465
  39. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +31 -31
  40. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +7 -4
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +12 -465
  42. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +31 -31
  43. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +7 -4
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +12 -465
  45. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +31 -31
  46. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +7 -4
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +12 -465
  48. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +31 -31
  49. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +7 -4
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +12 -465
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +31 -31
  52. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +7 -4
  53. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +2 -2
  54. package/es/Button/css/Button.module.css +60 -6
  55. package/es/Button/css/cssJSLogic.js +2 -2
  56. package/es/Card/__tests__/Card.spec.js +48 -0
  57. package/es/Card/__tests__/CardContent.spec.js +61 -0
  58. package/es/Card/__tests__/CardHeader.spec.js +33 -0
  59. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +125 -0
  60. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +177 -0
  61. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +51 -0
  62. package/es/ListItem/ListItem.js +10 -3
  63. package/es/ListItem/ListItemWithAvatar.js +15 -6
  64. package/es/ListItem/ListItemWithCheckBox.js +13 -6
  65. package/es/ListItem/ListItemWithIcon.js +14 -5
  66. package/es/ListItem/ListItemWithRadio.js +13 -6
  67. package/es/ListItem/__tests__/ListItem.spec.js +19 -0
  68. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +19 -0
  69. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +19 -0
  70. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +17 -0
  71. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +19 -0
  72. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +78 -0
  73. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +140 -46
  74. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +251 -49
  75. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +144 -50
  76. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +252 -52
  77. package/es/ListItem/props/propTypes.js +15 -5
  78. package/es/MultiSelect/MultiSelect.js +8 -1
  79. package/es/MultiSelect/Suggestions.js +2 -1
  80. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  81. package/es/MultiSelect/props/propTypes.js +2 -3
  82. package/es/Popup/Popup.js +76 -72
  83. package/es/Select/GroupSelect.js +4 -2
  84. package/es/Select/Select.js +7 -1
  85. package/es/Select/SelectWithAvatar.js +17 -4
  86. package/es/Select/SelectWithIcon.js +15 -5
  87. package/es/Select/props/defaultProps.js +2 -0
  88. package/es/Select/props/propTypes.js +5 -0
  89. package/es/Typography/__tests__/Typography.spec.js +225 -0
  90. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +1226 -0
  91. package/es/common/common.module.css +1 -1
  92. package/es/utils/dropDownUtils.js +13 -4
  93. package/es/v1/Switch/__tests__/Switch.spec.js +41 -6
  94. package/es/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +176 -5
  95. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +2 -2
  96. package/lib/Button/css/Button.module.css +60 -6
  97. package/lib/Button/css/cssJSLogic.js +1 -1
  98. package/lib/Card/__tests__/Card.spec.js +54 -6
  99. package/lib/Card/__tests__/CardContent.spec.js +68 -0
  100. package/lib/Card/__tests__/CardHeader.spec.js +40 -0
  101. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +125 -0
  102. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +177 -0
  103. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +51 -0
  104. package/lib/ListItem/ListItem.js +10 -3
  105. package/lib/ListItem/ListItemWithAvatar.js +15 -6
  106. package/lib/ListItem/ListItemWithCheckBox.js +15 -6
  107. package/lib/ListItem/ListItemWithIcon.js +13 -5
  108. package/lib/ListItem/ListItemWithRadio.js +15 -6
  109. package/lib/ListItem/__tests__/ListItem.spec.js +23 -0
  110. package/lib/ListItem/__tests__/ListItemWithAvatar.spec.js +23 -0
  111. package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js +23 -0
  112. package/lib/ListItem/__tests__/ListItemWithIcon.spec.js +21 -0
  113. package/lib/ListItem/__tests__/ListItemWithRadio.spec.js +23 -0
  114. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +78 -0
  115. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +140 -46
  116. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +251 -49
  117. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +144 -50
  118. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +252 -52
  119. package/lib/ListItem/props/propTypes.js +15 -6
  120. package/lib/MultiSelect/MultiSelect.js +6 -2
  121. package/lib/MultiSelect/Suggestions.js +2 -1
  122. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +6 -6
  123. package/lib/MultiSelect/props/propTypes.js +3 -4
  124. package/lib/Popup/Popup.js +76 -73
  125. package/lib/Select/GroupSelect.js +4 -3
  126. package/lib/Select/Select.js +7 -1
  127. package/lib/Select/SelectWithAvatar.js +17 -7
  128. package/lib/Select/SelectWithIcon.js +15 -5
  129. package/lib/Select/props/defaultProps.js +2 -1
  130. package/lib/Select/props/propTypes.js +5 -0
  131. package/lib/Typography/__tests__/Typography.spec.js +232 -0
  132. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +1226 -0
  133. package/lib/common/common.module.css +1 -1
  134. package/lib/utils/dropDownUtils.js +17 -4
  135. package/lib/v1/Switch/__tests__/Switch.spec.js +41 -6
  136. package/lib/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +176 -5
  137. package/package.json +10 -10
package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css CHANGED
@@ -1,36 +1,36 @@
1
1
  [data-mode='dark'][data-theme='orange'] {
2
2
  /* CTA variables */
3
- --zdt_cta_primary_text: hsla(26, calc(var(--zd-mc) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdt_cta_primary_hover_text: hsla(26, calc(var(--zd-mc) * 100.00%), calc(70.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_cta_primary_bg: hsla(26, calc(var(--zd-mc) * 100.00%), calc(56.08% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
6
- --zdt_cta_primary_hover_bg: hsla(29, calc(var(--zd-mc) * 100.00%), calc(32.94% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
7
- --zdt_cta_primary_border: hsla(26, calc(var(--zd-mc) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
8
- --zdt_cta_primary_hover_border: hsla(29, calc(var(--zd-mc) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
3
+ --zdt_cta_primary_text: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdt_cta_primary_hover_text: hsla(26, 100.00%, calc(70.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
+ --zdt_cta_primary_bg: hsla(26, 100.00%, calc(56.08% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdt_cta_primary_hover_bg: hsla(29, 100.00%, calc(32.94% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
7
+ --zdt_cta_primary_border: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
8
+ --zdt_cta_primary_hover_border: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
9
  --zdt_cta_primary_box_shadow: rgba(229, 119, 23, 0.2);
10
10
  --zdt_cta_primary_hover_box_shadow: rgba(178, 89, 0, 0.25);
11
- --zdt_cta_primary_light_bg: hsla(252, calc(var(--zd-mc) * 4.85%), calc(20.20% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
12
- --zdt_cta_primary_light_hover_bg: hsla(19, calc(var(--zd-mc) * 21.54%), calc(25.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
- --zdt_cta_primary_light_border: hsla(19, calc(var(--zd-mc) * 21.54%), calc(25.49% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
14
- --zdt_cta_secondary_bg: hsla(26, calc(var(--zd-mc) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
- --zdt_cta_secondary_text: hsla(0, calc(var(--zd-mc) * 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-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.15 + var(--zdc_alpha_low)));
17
- --zdt_cta_secondary_light_border: hsla(19, calc(var(--zd-mc) * 21.54%), calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
- --zdt_cta_secondary_light_bg: hsla(19, calc(var(--zd-mc) * 21.54%), calc(25.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
19
- --zdt_cta_alpha_text: hsla(26, calc(var(--zd-mc) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
- --zdt_cta_alpha_hover_text: hsla(29, calc(var(--zd-mc) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
21
- --zdt_cta_alpha_border: hsla(26, calc(var(--zd-mc) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
22
- --zdt_cta_alpha_hover_border: hsla(29, calc(var(--zd-mc) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
23
- --zdt_cta_alpha_bg: hsla(340, calc(var(--zd-mc) * 5.56%), calc(21.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
24
- --zdt_cta_beta_border: hsla(26, calc(var(--zd-mc) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --zdt_cta_grey_10_bg: hsla(217, calc(var(--zd-mc) * 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-mc) * 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-mc) * 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-mc) * 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-mc) * 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-mc) * 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-mc) * 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-mc) * 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-mc) * 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-mc) * 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-mc) * 22.98%), calc(31.57% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
11
+ --zdt_cta_primary_light_bg: hsla(252, 4.85%, calc(20.20% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdt_cta_primary_light_hover_bg: hsla(19, 21.54%, calc(25.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
+ --zdt_cta_primary_light_border: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
14
+ --zdt_cta_secondary_bg: hsla(26, 100.00%, calc(56.08% + 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(19, 21.54%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_secondary_light_bg: hsla(19, 21.54%, calc(25.49% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
19
+ --zdt_cta_alpha_text: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_cta_alpha_hover_text: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
21
+ --zdt_cta_alpha_border: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
22
+ --zdt_cta_alpha_hover_border: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
23
+ --zdt_cta_alpha_bg: hsla(340, 5.56%, calc(21.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
24
+ --zdt_cta_beta_border: hsla(26, 100.00%, calc(56.08% + 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/orange/orange_ComponentTheme_DarkTheme.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
  [data-mode='dark'][data-theme='orange'] {
2
2
  /* stencil */
3
3
  --zdt_stencil_dark_bg: rgb(56,63,85);
4
- --zdt_stencil_dark_gradient_bg: linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%);
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
7
  --zdt_dropbox_dark_bg: rgb(35,43,56);
@@ -44,7 +44,10 @@
44
44
  --zdt_a11y_focusScope_focus_border: rgb(255,128,31);
45
45
 
46
46
  /* button */
47
- --zdt_button_primary_strike: hsla(26, calc(var(--zd-mc) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc( 0.33 + var(--zdc_alpha_low)));
48
- --zdt_button_primaryFilled_strike: hsla(0, calc(var(--zd-mc) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc( 0.40 + var(--zdc_alpha_low)));
49
- --zdt_button_secondaryFilled_strike: hsla(216, calc(var(--zd-mc) * 22.98%), calc(31.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
47
+ --zdt_button_primary_strike: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc( 0.33 + var(--zdc_alpha_low)));
48
+ --zdt_button_primaryFilled_strike: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_low)), calc( 0.40 + 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
+
51
+ /* buttonloading */
52
+ --zdt_button_loading_primary_linear_gradient /* rtl:as:background */: linear-gradient(0deg, rgba(255, 128, 31, 1) 50%, rgba(255, 128, 31, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 128, 31, 0.9) 0%, rgba(255, 128, 31, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 128, 31, 0.6) 0%, rgba(255, 128, 31, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 128, 31, 0.3) 0%, rgba(255, 128, 31, 0) 100%) 0% 100%;
50
53
  }