@zohodesk/components 1.0.0-temp-246 → 1.0.0-temp-247

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 (123) hide show
  1. package/README.md +8 -8
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +198 -200
  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 -196
  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 -202
  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/AppContainer/AppContainer.js +1 -0
  54. package/es/AppContainer/AppContainer.module.css +3 -2
  55. package/es/Button/css/Button.module.css +13 -4
  56. package/es/CheckBox/CheckBox.js +10 -21
  57. package/es/CheckBox/CheckBox.module.css +6 -21
  58. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -9
  59. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +93 -162
  60. package/es/CheckBox/props/propTypes.js +1 -4
  61. package/es/DateTime/DateTime.module.css +12 -9
  62. package/es/DateTime/YearView.module.css +1 -1
  63. package/es/Heading/Heading.module.css +1 -1
  64. package/es/Label/Label.js +1 -19
  65. package/es/Label/Label.module.css +8 -8
  66. package/es/Label/__tests__/Label.spec.js +0 -58
  67. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -66
  68. package/es/Label/props/defaultProps.js +0 -1
  69. package/es/Label/props/propTypes.js +1 -7
  70. package/es/MultiSelect/MultiSelect.module.css +1 -1
  71. package/es/Radio/Radio.js +9 -20
  72. package/es/Radio/Radio.module.css +5 -38
  73. package/es/Radio/__tests__/Radio.spec.js +0 -10
  74. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +81 -238
  75. package/es/Radio/props/propTypes.js +1 -4
  76. package/es/Tab/Tabs.module.css +1 -1
  77. package/es/TextBox/TextBox.module.css +4 -4
  78. package/es/TextBoxIcon/TextBoxIcon.module.css +0 -6
  79. package/es/Textarea/Textarea.module.css +1 -1
  80. package/es/Tooltip/Tooltip.module.css +1 -1
  81. package/es/Typography/css/Typography.module.css +4 -4
  82. package/es/common/basic.module.css +39 -6
  83. package/es/common/basicReset.module.css +2 -2
  84. package/es/common/common.module.css +5 -5
  85. package/es/shared/InputFieldLine/InputFieldLine.module.css +1 -1
  86. package/es/v1/Tab/v1Tabs.module.css +1 -1
  87. package/es/v1/Typography/css/v1_Typography.module.css +4 -4
  88. package/lib/AppContainer/AppContainer.js +2 -0
  89. package/lib/AppContainer/AppContainer.module.css +3 -2
  90. package/lib/Button/css/Button.module.css +13 -4
  91. package/lib/CheckBox/CheckBox.js +9 -23
  92. package/lib/CheckBox/CheckBox.module.css +6 -21
  93. package/lib/CheckBox/__tests__/CheckBox.spec.js +12 -21
  94. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +93 -162
  95. package/lib/CheckBox/props/propTypes.js +1 -5
  96. package/lib/DateTime/DateTime.module.css +12 -9
  97. package/lib/DateTime/YearView.module.css +1 -1
  98. package/lib/Heading/Heading.module.css +1 -1
  99. package/lib/Label/Label.js +1 -21
  100. package/lib/Label/Label.module.css +8 -8
  101. package/lib/Label/__tests__/Label.spec.js +0 -58
  102. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -66
  103. package/lib/Label/props/defaultProps.js +0 -1
  104. package/lib/Label/props/propTypes.js +1 -8
  105. package/lib/MultiSelect/MultiSelect.module.css +1 -1
  106. package/lib/Radio/Radio.js +8 -22
  107. package/lib/Radio/Radio.module.css +5 -38
  108. package/lib/Radio/__tests__/Radio.spec.js +0 -10
  109. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +81 -238
  110. package/lib/Radio/props/propTypes.js +1 -5
  111. package/lib/Tab/Tabs.module.css +1 -1
  112. package/lib/TextBox/TextBox.module.css +4 -4
  113. package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -6
  114. package/lib/Textarea/Textarea.module.css +1 -1
  115. package/lib/Tooltip/Tooltip.module.css +1 -1
  116. package/lib/Typography/css/Typography.module.css +4 -4
  117. package/lib/common/basic.module.css +39 -6
  118. package/lib/common/basicReset.module.css +2 -2
  119. package/lib/common/common.module.css +5 -5
  120. package/lib/shared/InputFieldLine/InputFieldLine.module.css +1 -1
  121. package/lib/v1/Tab/v1Tabs.module.css +1 -1
  122. package/lib/v1/Typography/css/v1_Typography.module.css +4 -4
  123. package/package.json +9 -9
package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css CHANGED
@@ -1,11 +1,11 @@
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) * 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) * 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) * 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) * 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) * 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) * 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) * 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) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
11
11
  }