@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/README.md CHANGED
@@ -2,6 +2,54 @@
2
2
 
3
3
  Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development across projects.
4
4
 
5
+ # 1.4.x
6
+
7
+ - Updated `@zohodesk-private/color-variable-preprocessor` package version - CTA category overridden variables are now generated only for the necessary CTA variables using the `buildOverriddenCTACategories` function.
8
+
9
+ # 1.4.21
10
+
11
+ - `Common Css`
12
+ - added `unicode-bidi: bidi-override;` in ltr-dir class for change direction to ltr in rtl mode.
13
+
14
+ # 1.4.20
15
+
16
+ - **Popup**
17
+ - Exposed the `recomputePosition` method to handle repositioning and dropdown alignment after chunk download.
18
+
19
+ # 1.4.19
20
+
21
+ - Added rtl:as:property comment for linear-gradient usages to ensure support in PostCSS
22
+ - Added loading styles to all button variants and support given for theme-based loading for primary button.
23
+ - Impact: In **Button.module.css**, the class name successElement has been renamed to tickElement.
24
+ Also, primarySuccess → primaryTick, and dangerSuccess → dangerTick.
25
+
26
+ # 1.4.18
27
+
28
+ - **Select**
29
+ - `secondaryField` prop supported to render secondary value inside the options
30
+ - `searchFields` prop suppored to additional values based search
31
+
32
+ - **MultiSelect**
33
+ - `secondaryField` prop supported to render secondary value inside the options
34
+ - `SuggestionsProps` supported under **customProps** prop
35
+
36
+ - **SelectWithIcon**
37
+ - `secondaryValueKey` prop supported to render secondary value inside the options
38
+ - `searchFields` prop suppored to additional values based search
39
+ - `ListItemProps` supported under **customProps** prop
40
+
41
+ - **SelectWithAvatar**
42
+ - `secondaryField` prop supported to render secondary value inside the options
43
+ - `searchFields` prop suppored to additional values based search
44
+ - `customProps` props supported with **TextBoxProps**, **DropdownSearchTextBoxProps** and **SuggestionsProps**
45
+
46
+ - **GroupSelect**
47
+ - `secondaryField` option supported under **groupedOptions** prop to render secondary value inside the options
48
+ - `SuggestionsProps` supported under **customProps** prop
49
+
50
+ - **ListItem, ListItemWithAvatar, ListItemWithCheckBox, ListItemWithIcon, ListItemWithRadio**
51
+ - `renderValueRightPlaceholderNode` prop supported to render elements after the value
52
+
5
53
  # 1.4.17
6
54
 
7
55
  - **Select, MultiSelect** - Fixed scroll jitter for the highlighted option when the virtualizer is enabled.