@zohodesk/components 1.0.0-temp-249.1 → 1.0.0-temp-199.23

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 (96) hide show
  1. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +202 -202
  2. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +11 -11
  3. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +465 -465
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +33 -33
  5. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +28 -28
  6. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +465 -465
  7. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +33 -33
  8. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +28 -28
  9. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +465 -465
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +33 -33
  11. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +28 -28
  12. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +465 -465
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +33 -33
  14. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +28 -28
  15. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +465 -465
  16. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +33 -33
  17. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +28 -28
  18. package/assets/Appearance/light/mode/Component_LightMode.module.css +198 -198
  19. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +11 -11
  20. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +465 -465
  21. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +33 -33
  22. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +28 -28
  23. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +465 -465
  24. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +33 -33
  25. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +28 -28
  26. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +465 -465
  27. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +33 -33
  28. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +28 -28
  29. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +465 -465
  30. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +33 -33
  31. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +28 -28
  32. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +465 -465
  33. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +33 -33
  34. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +28 -28
  35. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +204 -204
  36. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +11 -11
  37. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +465 -465
  38. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +33 -33
  39. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +28 -28
  40. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +465 -465
  41. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +33 -33
  42. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +28 -28
  43. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +465 -465
  44. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +33 -33
  45. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +28 -28
  46. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +465 -465
  47. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +33 -33
  48. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +28 -28
  49. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +465 -465
  50. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +33 -33
  51. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +28 -28
  52. package/es/ColorSelect/_shared/ColorIndicator/ColorIndicator.module.css +4 -2
  53. package/es/ListItem/ListItem.js +5 -3
  54. package/es/ListItem/ListItem.module.css +35 -25
  55. package/es/ListItem/ListItemWithAvatar.js +4 -2
  56. package/es/ListItem/ListItemWithCheckBox.js +4 -2
  57. package/es/ListItem/ListItemWithIcon.js +4 -4
  58. package/es/ListItem/ListItemWithRadio.js +4 -2
  59. package/es/ListItem/props/defaultProps.js +2 -1
  60. package/es/ListItem/props/propTypes.js +4 -2
  61. package/es/MultiSelect/AdvancedGroupMultiSelect.js +6 -2
  62. package/es/MultiSelect/MultiSelect.js +2 -2
  63. package/es/MultiSelect/Suggestions.js +7 -2
  64. package/es/MultiSelect/props/defaultProps.js +2 -0
  65. package/es/MultiSelect/props/propTypes.js +11 -3
  66. package/es/Select/GroupSelect.js +1 -1
  67. package/es/Select/SelectWithAvatar.js +3 -3
  68. package/es/Select/SelectWithIcon.js +10 -3
  69. package/es/Select/props/defaultProps.js +4 -2
  70. package/es/Select/props/propTypes.js +11 -3
  71. package/es/common/common.module.css +1 -1
  72. package/es/v1/Label/Label.js +2 -1
  73. package/es/v1/Label/css/cssJSLogic.js +1 -1
  74. package/lib/ColorSelect/_shared/ColorIndicator/ColorIndicator.module.css +4 -2
  75. package/lib/ListItem/ListItem.js +6 -3
  76. package/lib/ListItem/ListItem.module.css +35 -25
  77. package/lib/ListItem/ListItemWithAvatar.js +5 -3
  78. package/lib/ListItem/ListItemWithCheckBox.js +4 -2
  79. package/lib/ListItem/ListItemWithIcon.js +5 -5
  80. package/lib/ListItem/ListItemWithRadio.js +4 -2
  81. package/lib/ListItem/props/defaultProps.js +2 -1
  82. package/lib/ListItem/props/propTypes.js +4 -2
  83. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +8 -3
  84. package/lib/MultiSelect/MultiSelect.js +2 -2
  85. package/lib/MultiSelect/Suggestions.js +6 -2
  86. package/lib/MultiSelect/props/defaultProps.js +2 -0
  87. package/lib/MultiSelect/props/propTypes.js +13 -5
  88. package/lib/Select/GroupSelect.js +2 -1
  89. package/lib/Select/SelectWithAvatar.js +4 -3
  90. package/lib/Select/SelectWithIcon.js +10 -3
  91. package/lib/Select/props/defaultProps.js +5 -3
  92. package/lib/Select/props/propTypes.js +11 -3
  93. package/lib/common/common.module.css +1 -1
  94. package/lib/v1/Label/Label.js +3 -2
  95. package/lib/v1/Label/css/cssJSLogic.js +1 -8
  96. package/package.json +3 -3
package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css CHANGED
@@ -1,17 +1,17 @@
1
1
  [data-mode='dark'] {
2
2
  /* switch */
3
- --zdt_v1_switch_track_on_bg: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
- --zdt_v1_switch_track_off_bg: hsla(223, 21.68%, calc(28.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
- --zdt_v1_switch_track_on_hover_bg: hsla(134, 67.66%, calc(32.75% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --zdt_v1_switch_track_off_hover_bg: hsla(216, 22.98%, calc(31.57% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --zdt_v1_switch_thumb_bg: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
- --zdt_v1_switch_onLabel: hsla(217, 23.08%, calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
- --zdt_v1_switch_offLabel: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
10
- --zdt_v1_switch_offLabel_hover: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
3
+ --zdt_v1_switch_track_on_bg: hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdt_v1_switch_track_off_bg: hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
+ --zdt_v1_switch_track_on_hover_bg: hsla(134, calc(var(--zd-saturation, 1) * 67.66%), calc(32.75% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdt_v1_switch_track_off_hover_bg: hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
+ --zdt_v1_switch_thumb_bg: hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
8
+ --zdt_v1_switch_onLabel: hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
9
+ --zdt_v1_switch_offLabel: hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
10
+ --zdt_v1_switch_offLabel_hover: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
11
11
 
12
12
  /* label */
13
- --zdt_v1_label_text: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
14
- --zdt_v1_label_required_text: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
13
+ --zdt_v1_label_text: hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
14
+ --zdt_v1_label_required_text: hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
15
15
  --zdt_v1_label_disabled_text: var(--dot_inputDisable);
16
- --zdt_v1_label_secondary_text: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
+ --zdt_v1_label_secondary_text: hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
17
  }