@zohodesk/components 1.6.25 → 1.6.26

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 (216) hide show
  1. package/CHANGELOG.md +2042 -0
  2. package/README.md +16 -2031
  3. package/assets/Appearance/dark/mode/Component_v1_DarkMode.module.css +5 -20
  4. package/assets/Appearance/light/mode/Component_v1_LightMode.module.css +5 -20
  5. package/assets/Appearance/pureDark/mode/Component_v1_PureDarkMode.module.css +5 -20
  6. package/es/Accordion/Accordion.js +1 -6
  7. package/es/Accordion/AccordionItem.js +1 -6
  8. package/es/Animation/Animation.js +1 -8
  9. package/es/AppContainer/AppContainer.js +1 -6
  10. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  11. package/es/Avatar/Avatar.js +1 -6
  12. package/es/AvatarTeam/AvatarTeam.js +1 -7
  13. package/es/Button/Button.js +1 -6
  14. package/es/Buttongroup/Buttongroup.js +1 -14
  15. package/es/Card/Card.js +1 -9
  16. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  17. package/es/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  18. package/es/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  19. package/es/CheckBox/CheckBox.js +1 -6
  20. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +88 -88
  21. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +48 -48
  22. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +30 -30
  23. package/es/DateTime/DateWidget.js +0 -10
  24. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  25. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +93 -93
  26. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  27. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +8 -8
  28. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +7 -7
  29. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  30. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +28 -28
  31. package/es/DropDown/DropDownHeading.js +1 -6
  32. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  33. package/es/Heading/Heading.js +1 -6
  34. package/es/Label/Label.js +1 -6
  35. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +4 -4
  36. package/es/ListItem/ListContainer.js +1 -6
  37. package/es/ListItem/ListItem.js +1 -6
  38. package/es/ListItem/ListItemWithAvatar.js +1 -6
  39. package/es/ListItem/ListItemWithCheckBox.js +1 -6
  40. package/es/ListItem/ListItemWithIcon.js +1 -6
  41. package/es/ListItem/ListItemWithRadio.js +1 -6
  42. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  43. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  44. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  45. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -62
  46. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  47. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -62
  48. package/es/Modal/Modal.js +1 -8
  49. package/es/MultiSelect/AdvancedGroupMultiSelect.js +1 -7
  50. package/es/MultiSelect/AdvancedMultiSelect.js +1 -9
  51. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  52. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  53. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  54. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +35 -35
  55. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  56. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  57. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  58. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  59. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +94 -94
  60. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  61. package/es/RippleEffect/RippleEffect.js +1 -6
  62. package/es/Select/GroupSelect.js +1 -8
  63. package/es/Select/Select.js +1 -10
  64. package/es/Select/SelectWithAvatar.js +1 -9
  65. package/es/Select/SelectWithIcon.js +1 -7
  66. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +7 -7
  67. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +831 -831
  68. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  69. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +10 -10
  70. package/es/Switch/Switch.js +1 -6
  71. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  72. package/es/Tab/Tab.js +1 -6
  73. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  74. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  75. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  76. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  77. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  78. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  79. package/es/Tag/Tag.js +1 -6
  80. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +94 -94
  81. package/es/TextBox/TextBox.js +1 -8
  82. package/es/TextBoxIcon/TextBoxIcon.js +1 -8
  83. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +167 -167
  84. package/es/Textarea/Textarea.js +1 -8
  85. package/es/Tooltip/Tooltip.js +1 -8
  86. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -5
  87. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -5
  88. package/es/semantic/Button/Button.js +1 -6
  89. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  90. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  91. package/es/v1/Button/Button.js +197 -113
  92. package/es/v1/Button/README.md +110 -44
  93. package/es/v1/Button/__tests__/Button.spec.js +139 -48
  94. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +1236 -340
  95. package/es/v1/Button/constants/index.js +29 -23
  96. package/es/v1/Button/constants/presets.js +160 -0
  97. package/es/v1/Button/css/Button_v1.module.css +33 -16
  98. package/es/v1/Button/css/cssJSLogic.js +56 -29
  99. package/es/v1/Button/props/defaultProps.js +5 -6
  100. package/es/v1/Button/props/propTypes.js +26 -8
  101. package/es/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  102. package/es/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +14 -14
  103. package/es/v1/helpers/colorHelpers/__tests__/colorHelper.spec.js +357 -0
  104. package/es/v1/helpers/colorHelpers/background/backgroundColor.module.css +38 -534
  105. package/es/v1/helpers/colorHelpers/border/borderColor.module.css +28 -412
  106. package/es/v1/helpers/colorHelpers/colorHelper.js +120 -139
  107. package/es/v1/helpers/colorHelpers/constants/index.js +45 -4
  108. package/es/v1/helpers/colorHelpers/index.js +0 -1
  109. package/es/v1/helpers/colorHelpers/paletteUtilities.README.md +141 -336
  110. package/es/v1/helpers/colorHelpers/text/textColor.module.css +79 -295
  111. package/lib/Accordion/Accordion.js +1 -6
  112. package/lib/Accordion/AccordionItem.js +1 -6
  113. package/lib/Animation/Animation.js +1 -8
  114. package/lib/AppContainer/AppContainer.js +1 -6
  115. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +16 -16
  116. package/lib/Avatar/Avatar.js +1 -6
  117. package/lib/AvatarTeam/AvatarTeam.js +1 -7
  118. package/lib/Button/Button.js +1 -7
  119. package/lib/Buttongroup/Buttongroup.js +1 -14
  120. package/lib/Card/Card.js +1 -8
  121. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +17 -17
  122. package/lib/Card/__tests__/__snapshots__/CardContent.spec.js.snap +12 -12
  123. package/lib/Card/__tests__/__snapshots__/CardHeader.spec.js.snap +4 -4
  124. package/lib/CheckBox/CheckBox.js +1 -6
  125. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +88 -88
  126. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +48 -48
  127. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +30 -30
  128. package/lib/DateTime/DateWidget.js +0 -10
  129. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +49 -49
  130. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +93 -93
  131. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +1 -1
  132. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +8 -8
  133. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +7 -7
  134. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +1 -1
  135. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +28 -28
  136. package/lib/DropDown/DropDownHeading.js +1 -6
  137. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +2 -2
  138. package/lib/Heading/Heading.js +1 -6
  139. package/lib/Label/Label.js +1 -6
  140. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +4 -4
  141. package/lib/ListItem/ListContainer.js +1 -7
  142. package/lib/ListItem/ListItem.js +1 -6
  143. package/lib/ListItem/ListItemWithAvatar.js +1 -6
  144. package/lib/ListItem/ListItemWithCheckBox.js +1 -6
  145. package/lib/ListItem/ListItemWithIcon.js +1 -6
  146. package/lib/ListItem/ListItemWithRadio.js +1 -6
  147. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  148. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +16 -16
  149. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +41 -41
  150. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +62 -62
  151. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +41 -41
  152. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +62 -62
  153. package/lib/Modal/Modal.js +1 -8
  154. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +1 -7
  155. package/lib/MultiSelect/AdvancedMultiSelect.js +1 -9
  156. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +3 -3
  157. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +6 -6
  158. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +50 -50
  159. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +35 -35
  160. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +7 -7
  161. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +8 -8
  162. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +4 -4
  163. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +47 -47
  164. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +94 -94
  165. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1 -1
  166. package/lib/RippleEffect/RippleEffect.js +1 -6
  167. package/lib/Select/GroupSelect.js +1 -9
  168. package/lib/Select/Select.js +1 -11
  169. package/lib/Select/SelectWithAvatar.js +1 -9
  170. package/lib/Select/SelectWithIcon.js +1 -7
  171. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +7 -7
  172. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +831 -831
  173. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +2 -2
  174. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +10 -10
  175. package/lib/Switch/Switch.js +1 -6
  176. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +44 -44
  177. package/lib/Tab/Tab.js +1 -6
  178. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +2 -2
  179. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +1 -1
  180. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +1 -1
  181. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +40 -40
  182. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +1 -1
  183. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +4 -4
  184. package/lib/Tag/Tag.js +1 -6
  185. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +94 -94
  186. package/lib/TextBox/TextBox.js +1 -8
  187. package/lib/TextBoxIcon/TextBoxIcon.js +1 -8
  188. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +167 -167
  189. package/lib/Textarea/Textarea.js +1 -8
  190. package/lib/Tooltip/Tooltip.js +1 -8
  191. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -5
  192. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -5
  193. package/lib/semantic/Button/Button.js +1 -6
  194. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +20 -20
  195. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +19 -19
  196. package/lib/v1/Button/Button.js +207 -123
  197. package/lib/v1/Button/README.md +110 -44
  198. package/lib/v1/Button/__tests__/Button.spec.js +195 -88
  199. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +1236 -340
  200. package/lib/v1/Button/constants/index.js +34 -31
  201. package/lib/v1/Button/constants/presets.js +179 -0
  202. package/lib/v1/Button/css/Button_v1.module.css +33 -16
  203. package/lib/v1/Button/css/cssJSLogic.js +45 -25
  204. package/lib/v1/Button/props/defaultProps.js +4 -5
  205. package/lib/v1/Button/props/propTypes.js +41 -7
  206. package/lib/v1/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -24
  207. package/lib/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +14 -14
  208. package/lib/v1/helpers/colorHelpers/__tests__/colorHelper.spec.js +363 -0
  209. package/lib/v1/helpers/colorHelpers/background/backgroundColor.module.css +38 -534
  210. package/lib/v1/helpers/colorHelpers/border/borderColor.module.css +28 -412
  211. package/lib/v1/helpers/colorHelpers/colorHelper.js +130 -153
  212. package/lib/v1/helpers/colorHelpers/constants/index.js +45 -4
  213. package/lib/v1/helpers/colorHelpers/index.js +2 -24
  214. package/lib/v1/helpers/colorHelpers/paletteUtilities.README.md +141 -336
  215. package/lib/v1/helpers/colorHelpers/text/textColor.module.css +79 -295
  216. package/package.json +16 -16
package/README.md CHANGED
@@ -1,2040 +1,25 @@
1
- # DOT Style Guide
1
+ # @zohodesk/components
2
2
 
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.
3
+ Reusable React UI primitives for building DOT applications. This package is part of the **DOT System** (**D**esign **O**ptimization **T**hinking).
4
4
 
5
- # 1.6.25
5
+ ## Installation
6
6
 
7
- - **v1/shared** - `Loader` component renamed to `Spinner`
7
+ ```bash
8
+ npm install @zohodesk/components
9
+ ```
8
10
 
9
- # 1.6.24
11
+ ## Usage
10
12
 
11
- - **RippleEffect** Reordered className values to ensure customClass is always appended last to adopt CSS utility .
13
+ Import the UI building blocks you need from `@zohodesk/components` and use them in your React app for common interface patterns, including:
12
14
 
13
- # 1.6.23
15
+ - Buttons, inputs, and form controls
16
+ - Overlays, dialogs, and selection patterns
17
+ - Avatars, tabs, and other shared UI primitives
14
18
 
15
- - Removed the empty string fallback from the `font-family` variable definition in `AppContainer`, as the font fallback behavior is now handled correctly.
19
+ ```js
20
+ import * as components from '@zohodesk/components';
21
+ ```
16
22
 
17
- # 1.6.22
23
+ ## Changelog
18
24
 
19
- - Reordered className values to ensure customClass is always appended last to adopt CSS utility .
20
-
21
- # 1.6.21
22
-
23
- - **Container,Box**
24
- - Moved the code to the @zohodesk/layout package.
25
- - Moved Layout.module.css to the @zohodesk/layout package and removed duplicate classes that overlapped with Flex.module.css.
26
-
27
- # 1.6.20
28
-
29
- **Select**, **MultiSelect**, **GroupSelect**, **SelectWithAvatar**, **SelectWithIcon**, **MultiSelectWithAvatar**, **AdvancedMultiSelect**
30
- - `shouldUseInternalLoader` prop introduced
31
- - It controls whether the component manages fetch-more loading visibility internally via `isFetchingOptions` state, or delegates it to the external `isLoading` prop
32
-
33
- **Select**, **MultiSelect**
34
- - Unwanted scroll to highlighted option function excution stopped - Performance fix
35
-
36
- # 1.6.19
37
-
38
- - **DropBoxElement**
39
- - `getSubContainerRef` prop supported to get the sub-container element reference.
40
- - **Popup**
41
- - Popup Unmount Memory Leak Issue Resolved .
42
-
43
- # 1.6.18
44
-
45
- - buttonComponentVersion temproary support given in LibraryContext , will remove once app is migrated
46
-
47
- # 1.6.17
48
-
49
- - Updated `@zohodesk-private/color-variable-preprocessor@1.3.3` package version - CTA category overridden variables are now generated only for the necessary CTA variables using the `buildOverriddenCTACategories` function.
50
-
51
- # 1.6.16
52
-
53
- - **DateWidget**
54
- - Fixed i18n key handling issue to ensure localized labels/messages are resolved consistently.
55
-
56
-
57
- # 1.6.15
58
-
59
- - **Select**
60
- - Added `closePopup` callback support to `getFooter` prop, allowing footer actions to close the popup programmatically.
61
-
62
- # 1.6.14
63
-
64
- - **v1/Button**
65
- - `Loader` and `SuccessTick` components moved from `v1/Button/_shared/` to new `v1/shared/` to make them reusable across v1.
66
- - **colorHelper**
67
- - Updated `colorHelper` logic to fix text color issues in bg on `onHover` and `isSelected` state combinations.
68
-
69
- # 1.6.13
70
-
71
- - **Tab**
72
- - `contentAlign` prop supported to control the internal content container's alignment (justify-content). Default value is `both`.
73
- - `contentAlignBox` prop supported to control the internal content container's flex direction. Default value is `row`.
74
-
75
- # 1.6.12
76
-
77
- - v1/Button/_shared/SuccessTick/SuccessTick.module.css file renamed to SuccessTick_v1.module.css
78
- - v1/Button/_shared/Loader/Loader.module.css file renamed to Loader_v1.module.css
79
-
80
- # 1.6.9, 1.6.10 , 1.6.11
81
-
82
- - padding, margin based css properties migrated to padding-inline,padding-block, margin-inline, margin-block
83
- - Introduced a new **Button** component in V1.
84
- - Added a new **helpers** folder in V1 to organize reusable utility functions.
85
- - Created a **colorHelper** utility inside the helpers folder.
86
-
87
- # 1.6.8
88
-
89
- - **Typography**
90
- - `breakSpaces` value supported for the **$ui_whiteSpace** prop.
91
- - Prefixless prop fallbacks are supported
92
- - `tagName` config in **highlightText** has been renamed to `as`. (fallback supported)
93
-
94
- # 1.6.7
95
-
96
- - PX to variable conversion was not applied due to the CBT migration. The issue has now been fixed.
97
-
98
- # 1.6.6
99
-
100
- - CTA theme variable tokens moved to variables package
101
- - **Dependency**: @zohodesk/variables@1.3.0
102
-
103
- # 1.6.5
104
-
105
- - Added cardContent support in **SelectWithIcon**.
106
- - Added dropBoxClass replaced to dropBox support in **SelectWithIcon**. `⚠️`
107
- - Added dropBox,cardContent support in **Select**.
108
- - Added dropBox,cardContent support in **GroupSelect**.
109
- - Added dropBox,cardContent support in **SelectWithAvatar**.
110
-
111
- # 1.6.4
112
-
113
- - **Popup**
114
- - Fixed an issue where the popup did not reposition correctly when the `mobileWidth` configuration was updated dynamically.
115
-
116
- ### 🔒 Compatibility
117
- - Requires `@zohodesk/dotkit` version `1.0.8` or above.
118
-
119
- # 1.6.3
120
-
121
- - Added customProps support to **AdvancedMultiSelect**.
122
- - Introduced customClass in **Suggestions** component.
123
- - Added dropBoxClass support in **SelectWithIcon**.
124
- - Updated default --line-clamp value from 2 → 3.
125
- - Added customTitleBox custom class to **ListItem**.
126
- - Introduced lhsAlignContent prop in **ListItemWithAvatar**.
127
-
128
- # 1.6.2
129
-
130
- - **Select, SelectWithIcon, SelectWithAvatar, GroupSelect, MultiSelect, MultiSelectWithAvatar, AdvancedMultiSelect, AdvancedGroupMultiSelect**
131
- - `renderCustomEmptyState` prop supported
132
- - **v1** code removed
133
- - **CBT** cli migrated for build
134
-
135
- # 1.6.1
136
-
137
- - **Label Component - v1**
138
- - The label component of v1 has been updated with accessibility enhancements and few props have been renamed and restructured to align better with accessibility guidelines
139
- - Mandatory field accessibility has been improved by allowing the mandatory indicator type (asterisk or text) to be handled via user preferences.
140
- - Explicit boolean props are introduced: isRequired, isDisabled, isReadOnly - These replace earlier state handling that was implicitly managed through the palette prop.
141
- - Custom Class Structure has been updated to provide separate styling control : Label element, Container wrapper
142
- - The variant prop has been replaced with textWeight to clearly define typography styling (regular / semibold).
143
- - The dataId has been replaced with testId, customId
144
-
145
- - These updates have been applied across all form labels using Label v1
146
-
147
- # 1.6.0
148
-
149
- - Updated @zohodesk-private/color-variable-preprocessor package - Grayscale introduced
150
-
151
- # 1.5.9
152
-
153
- - **InputFieldline**
154
- - changed the handling of conditional logic for padding, scroll and size properties.
155
- - `size` default prop declaration removed.
156
-
157
- - **TextBoxIcon**
158
- - added support for `InputFieldLineProps` via the customProps object.
159
-
160
- - **Select**
161
- - Removed the size prop from InputFieldLine usage, as it is unused.
162
-
163
- # 1.5.8
164
-
165
- - Memoized **Portal** logic to improve performance.
166
-
167
- # 1.5.7
168
-
169
- - **ListContainer, ListItem, ListItemWithIcon**
170
- - `danger` value supported for the **palette** prop.
171
-
172
- # 1.5.6
173
-
174
- - **ListItemWithRadio, ListItemWithCheckBox**
175
- - `needBorder` prop supported
176
-
177
- - **ArrowIcon**
178
- - Fixes of visible state and color from the container hover
179
-
180
- - **AppContainer**
181
- - The --zd-font-family variable now includes an empty string ('') as its fallback font-family value.
182
-
183
- # 1.5.5
184
-
185
- - **Popup**
186
- - Refactored to use the `Popup` component from `dotkit@1.0.5`.
187
-
188
- # 1.5.4
189
-
190
- - **Tag**
191
- - Added support for rendering left & right custom children using `renderLeftChildren`,`renderRightChildren` prop.
192
-
193
- # 1.5.3
194
-
195
- - **CheckBox, Radio**
196
- - `secondaryText` prop supported to render secondary value next to the control.
197
- - `customSecondaryText` key supported under `customClass` prop to customize secondary text styling.
198
-
199
- - **Label**
200
- - `renderRightPlaceholderNode` prop supported to render elements after the label text.
201
- - `customProps` prop supported to pass additional props through `containerProps` & `rightPlaceholderNodeProps`.
202
-
203
- # 1.5.2
204
-
205
- - **TextBoxIcon**
206
- - Removed `--textboxicon_line_height` and `--textboxicon_line_color` to avoid overriding the InputFieldLine border properties.
207
-
208
- # 1.5.1
209
-
210
- - Font Family Migrated to Font-weight across all css (Impacted)
211
-
212
- # 1.4.23
213
-
214
- - **Typography**
215
- - Added support for text highlighting via `$ui_highlightConfig` prop.
216
-
217
- # 1.4.22
218
-
219
- - **New Components**
220
- - ColorSingleSelect
221
- - ColorMultiSelect
222
-
223
- - **Components in Shared folder**
224
- - InputFieldLine
225
- - ArrowIcon
226
-
227
- - **Components in ColorSelect's _shared**
228
- - ColoredTag
229
- - ColorIndicator
230
-
231
- - **TextBoxIcon**
232
- - `InputFieldLine` adopted in TextBoxIcon
233
-
234
- - **ListItem, Suggestions**
235
- - `renderBeforeChildren` prop added.
236
-
237
- - **Select, MultiSelect, SelectedOptions**
238
- - `renderCustomSelectedValue` prop added.
239
-
240
- - **dropDownUtils**
241
- - `colorConfig` option added in makeFormatOptions method.
242
-
243
- - **common/utils**
244
- - `DUMMY_ARRAY`, `DUMMY_OBJECT` and `DUMMY_FUNCTION` constants added.
245
-
246
- # 1.4.21
247
-
248
- - `Common Css`
249
- - added `unicode-bidi: bidi-override;` in ltr-dir class for change direction to ltr in rtl mode.
250
-
251
- # 1.4.20
252
-
253
- - **Popup**
254
- - Exposed the `recomputePosition` method to handle repositioning and dropdown alignment after chunk download.
255
-
256
- # 1.4.19
257
-
258
- - Added rtl:as:property comment for linear-gradient usages to ensure support in PostCSS
259
- - Added loading styles to all button variants and support given for theme-based loading for primary button.
260
- - Impact: In **Button.module.css**, the class name successElement has been renamed to tickElement.
261
- Also, primarySuccess → primaryTick, and dangerSuccess → dangerTick.
262
-
263
- # 1.4.18
264
-
265
- - **Select**
266
- - `secondaryField` prop supported to render secondary value inside the options
267
- - `searchFields` prop supported to additional values based search
268
-
269
- - **MultiSelect**
270
- - `secondaryField` prop supported to render secondary value inside the options
271
- - `SuggestionsProps` supported under **customProps** prop
272
-
273
- - **SelectWithIcon**
274
- - `secondaryValueKey` prop supported to render secondary value inside the options
275
- - `searchFields` prop supported to additional values based search
276
- - `ListItemProps` supported under **customProps** prop
277
-
278
- - **SelectWithAvatar**
279
- - `secondaryField` prop supported to render secondary value inside the options
280
- - `searchFields` prop supported to additional values based search
281
- - `customProps` props supported with **TextBoxProps**, **DropdownSearchTextBoxProps** and **SuggestionsProps**
282
-
283
- - **GroupSelect**
284
- - `secondaryField` option supported under **groupedOptions** prop to render secondary value inside the options
285
- - `SuggestionsProps` supported under **customProps** prop
286
-
287
- - **ListItem, ListItemWithAvatar, ListItemWithCheckBox, ListItemWithIcon, ListItemWithRadio**
288
- - `renderValueRightPlaceholderNode` prop supported to render elements after the value
289
-
290
- # 1.4.17
291
-
292
- - **Select, MultiSelect** - Fixed scroll jitter for the highlighted option when the virtualizer is enabled.
293
- - **Select** - `isAnimate` prop supported
294
- - `Switch_v1 css` - RTL issue on thumb position fixed.
295
-
296
- # 1.4.14, 1.4.15 , 1.4.16
297
-
298
- - `Common Css`
299
- - added ltr class renamed to ltr-zone.
300
-
301
-
302
- # 1.4.13
303
-
304
- - `Common Css`
305
- - added ltr-dir class for change direction to ltr in rtl mode.
306
-
307
-
308
- # 1.4.12
309
-
310
- - `TextBox`
311
- - The event is passed as the 4th argument to both onBlur and onFocus
312
- - `Common Css`
313
- - added ltr class for change direction to ltr in rtl mode.
314
-
315
- # 1.4.11
316
-
317
- - `@zohodesk/virtualizer` version updated from **1.0.3** to **1.0.13**
318
-
319
- - **Select, MultiSelect**
320
- - `isVirtualizerEnabled` prop supported to manage bulk amount of options rendering
321
-
322
- - **Suggestions**
323
- - **Virtualizer** adopted to manage bulk amount of options rendering with `isVirtualizerEnabled` prop support
324
-
325
- # 1.4.10
326
-
327
- - **Select, MultiSelect**
328
- - Searching with leading spaces is not reflected the results correctly. Issue Fixed.
329
-
330
- - **Select**
331
- - Fixed performance issue in options formatting caused by unnecessary rendering triggers
332
-
333
- # 1.4.9
334
-
335
- - **MultiSelect , MultiSelectWithAvatar, AdvancedMultiSelect, AdvancedGroupMultiSelect**
336
- - `limit` prop supported
337
- - `limitReachedMessage` prop supported in i18nKeys
338
-
339
- # 1.4.8
340
-
341
- - Added UNSAFE_ prefix to deprecated lifecycle methods: componentWillMount, componentWillReceiveProps, and componentWillUpdate.
342
-
343
- - **Popup**
344
- - Handled potential memory leaks by `event listeners`.
345
- - Added unmount handling for `requestAnimationFrame` to ensure proper cleanup.
346
-
347
-
348
- # 1.4.7
349
-
350
- - **Card** - Added support for reverse infinite scroll with `isRecentOnBottom`.
351
-
352
- # 1.4.6
353
-
354
- - **Popup** - Added fixed popup scroll block behavior support to iframe elements (same-origin only).
355
-
356
- # 1.4.5
357
-
358
- - **Portal**
359
- - Introduced the `Portal` component to act as a React portal.
360
- - Supported `getPortalContainer`, `portalPrefix` from the library config.
361
-
362
- - **Popup**
363
- - Fixed the auto-repositioning issue during fixed popup resize and improved the position calculation logic.
364
-
365
- - **Modal**
366
- - Refactored to use the new `Portal` component for rendering, resolving unwanted rendering issues.
367
- - Supported `getRootElement` & `portalPrefix` from the library config.
368
-
369
- - **Dropbox**
370
- - Updated to use the new `Portal` component for rendering, resolving unwanted rendering issues.
371
-
372
- - **RippleEffect**
373
- - Enhanced CSS specificity for `secondary` active background and border color variables.
374
-
375
- # 1.4.4
376
-
377
- - **Button** - Strikethrough effect on disabled buttons supported through `shouldStrikeThroughDisabled` prop.
378
- - **LibraryContext** - `shouldStrikeThroughDisabledButton` key added for <Button> component to apply strikethrough effect on disabled buttons.
379
- - **--zdt_button_successfill_border** - Css Variable Removed from Button Style
380
-
381
- # 1.4.3
382
-
383
- - **ListItem**
384
- - Added `SecondaryValue` prop to supported.
385
-
386
- # 1.4.2
387
-
388
- - **Switch(v1)** - ?. operator removed
389
-
390
- # 1.4.1
391
-
392
- - **Switch(v1)** - labelPlacement top | bottom alignment and hover style issue fixed.
393
-
394
- # 1.4.0
395
-
396
- - **Switch(v1)** - Existing v1 Switch moved to depreacated folder and all New component Switch created with required accessibility and customization.
397
- - Theme entry for component_v1 added.
398
- - **LibraryContext** - `shouldIndicateSwitchState` key added for Switch component.
399
-
400
- # 1.3.5
401
-
402
- - **AppContainer** - Memory leak issue resolved.
403
-
404
- # 1.3.4
405
-
406
- - **MultiSelect** - `renderCustomClearComponent` and `renderCustomToggleIndicator` props supported to customize the clear and toggle indicator icon.
407
- - **Select** - `renderCustomSearchClearComponent` and `renderCustomToggleIndicator` props supported to customize the search input clear and toggle indicator icon.
408
- - **TextBoxIcon** - `renderCustomClearComponent` prop supported to customize the input clear.
409
-
410
- # 1.3.3
411
-
412
- - **Stencils**
413
- - Added `isAnimated` prop to support Stencils without Animation.
414
- - Added `square` shape in existing shape collection
415
- - **TabWrapper**
416
- - Added `vertical-reverse, row-reverse` alignment support in align propType
417
-
418
- # 1.3.2
419
-
420
- - **Popup**
421
- - Added `scrollDebounceTime` prop to support debounce control for fixed popup scroll behavior.
422
- - **VelocityAnimationGroup** - Added support for the following props:
423
- - `onEnterComplete` - Callback triggered after enter animation completes.
424
- - `onExitComplete` - Callback triggered after exit animation completes.
425
- - `postEnterStyles` - Inline styles applied to the element once the enter animation has finished.
426
-
427
- # 1.3.1
428
-
429
- - **dropDownUtils** - The isObjectContainsSearchString function logic has been updated to use some instead of filter, and additional conditions have been added to prevent potential runtime issues.
430
-
431
- # 1.3.0
432
-
433
- - **AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar** - searchFields prop supported
434
- - **AdvancedMultiSelect, MultiSelectWithAvatar** - secondaryField prop supported
435
- - **ListContainer** - align prop supported
436
- - **ListItemWithAvatar** - secondaryValue, lhsAlignContent prop supported
437
- - **ListItemWithCheckBox, ListItemWithIcon, ListItemWithRadio** - secondaryValue, lhsAlignContent, lhsJustifyContent prop supported
438
-
439
- # 1.2.63
440
-
441
- - **AdvancedGroupMultiSelect, AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar, GroupSelect, Select, SelectWithAvatar** - `allowValueFallback` prop supported.
442
- - **dropDownUtils** - Support string fallback for the object via the `allowValueFallback` prop.
443
-
444
- # 1.2.62
445
-
446
- - **Button**: Added new `palette` options: `plainDanger`, `plainSuccess`, and `success`.
447
- - **RippleEffect**: Added new `palette` option: `secondary`.
448
- - **Tag**: Enhanced the `onRemove` event to the `event` object `e` as the second argument for better event handling.
449
-
450
- # 1.2.61
451
-
452
- - **Textarea** - Handled the default height and width appropriately based on the rows and cols props.
453
-
454
- # 1.2.60
455
-
456
- - **Textarea** - Handled the default height and width appropriately based on the rows and cols props.
457
-
458
- # 1.2.59
459
-
460
- - **Textarea** - `rows, cols, customAttributes` prop supported
461
-
462
- # 1.2.58
463
-
464
- - **DropBoxElement** - `.arrow` style override issue fixed
465
-
466
- # 1.2.57
467
-
468
- - **Popup**
469
- - Fixed popup scroll behavior is now supported using the `isOutsideScrollBlocked` flag. When set to `false` (default).
470
-
471
- - **DropBoxElement**
472
- - **Attributes Added**: The `data-box-direction` and `data-arrow-position` attributes have been added to facilitate the use of component-level CSS selectors.
473
- - **CSS Selectors**: Added support for `arrow`, `paddingSpace`, `shadow`, and `boxdirection` to facilitate the behavior of the dropbox using CSS selectors.
474
-
475
- # 1.2.56
476
-
477
- - **CheckBox**
478
- - `data-selector-id` passing to Container component changed to `dataSelectorId`
479
-
480
- # 1.2.55
481
-
482
- - **ListItemWithAvatar**
483
- - `AvatarTeamProps` and `AvatarProps` props has been added under the `customProps` group.
484
-
485
- - **Tag**
486
- - `avatarProps` and `iconProps` prop has been added under the `customProps` group.
487
-
488
- # 1.2.54
489
-
490
- - **Reverted 1.2.45 MultiSelect Fix**
491
- - The issue with the non-scrollable API call trigger in multiselect, introduced in version `1.2.45`, has been `reverted` in this version.
492
-
493
-
494
- # 1.2.53
495
-
496
- - **CheckBox** - Disabled State CheckBox Color Fixed
497
- - **Radio** - ReadOnly State Radio Cursor and color Fixed
498
- - **Textarea** - isFocus Prop added
499
- - **AdvancedGroupMultiSelect** - isFocus Prop added
500
- - **AdvancedMultiSelect** - isFocus Prop added
501
- - **MultiSelect** - isFocus Prop added
502
- - **DateWidget** - onDropboxClose,renderCustomHeader,renderCustomFooter Props added
503
- - **DateTime** - renderCustomHeader,renderCustomFooter Props added
504
- - **GroupSelect** - customProps supported
505
-
506
- # 1.2.52
507
-
508
- - **Typography** - component added in v0
509
-
510
- # 1.2.51
511
-
512
- - **Popup** - Fixed issue: Error on unmount when target ref is not available.
513
-
514
- # 1.2.50
515
-
516
- - **DateTime (v0&v1), CalendarView (v0&v1)**
517
-
518
- - Week starting day customization support added with `weekStartDay` props and week holiday customization support with `holidays` prop
519
-
520
- - **DateWidget (v0&v1)**
521
-
522
- - Support has been added for `weekStartDay`, `holidays` props
523
-
524
- - **DaysRow (v0&v1)**
525
-
526
- - `holidays` prop added for holiday column indication
527
-
528
- # 1.2.49
529
-
530
- - **Popup**
531
- - `isOutsideScrollBlocked` prop supported - Scroll blocking behaviours supported
532
- - Fixed popup re-positioning on window resize not working properly - Issue fixed
533
- - **DropBoxElement**
534
- - The dot-ui-element attribute has been added to facilitate the use of component-level CSS selectors
535
-
536
- # 1.2.48
537
-
538
- - **ResizeObserver**
539
-
540
- - The ResizeObserver PolyFill code has been removed, and a separate copy with the PolyFill included is saved under the filename ResizeObserverWithPolyfill.js
541
-
542
-
543
- # 1.2.47
544
-
545
- - **DateTime**
546
-
547
- - The issue of the dateTime_dateSelected string being duplicated in the data_id attribute when selecting the last day of the month has been resolved.
548
-
549
- # 1.2.46
550
-
551
- - **AppContainer (v1)**
552
-
553
- - Removed color, zoom size, font size and font family variable files imports
554
-
555
- # 1.2.45
556
-
557
- - **GroupSelect**
558
-
559
- - The issue with TextBoxIcon_i18n returning an undefined value while using the needSelectDownIcon prop has been fixed.
560
-
561
- - **MultiSelect**
562
- - Functionality Added - If the container is non-scrollable, the API call is triggered to fetch the next set of data upon selecting an option.
563
-
564
- # 1.2.44
565
-
566
- - **Tabs (v0&v1), AdvancedGroupMultiSelect (v1)**
567
-
568
- - `isAbsolutePositioningNeeded` `isRestrictScroll` `positionsOffset` `targetOffset` props supported for fixed position.
569
-
570
- - **Tabs (v0&v1)**
571
-
572
- - padding css fix
573
-
574
- - **DropDownSearch (v1)**
575
- - Input not focus on mount issue fixed
576
-
577
- # 1.2.43
578
-
579
- - **AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar, GroupSelect, SelectWithIcon** - Fixed position support added.
580
-
581
- - **SelectWithAvatar, AdvancedGroupMultiSelect** - Fixed position support added and getTargetRef issue fixed.
582
-
583
- - **Tooltip** - Fixed white space attribute value from preWrap to pre-wrap.
584
-
585
- # 1.2.42
586
-
587
- - **Heading (v0&v1)** -
588
-
589
- - whiteSpace prop added
590
-
591
- - **Tooltip (v0&v1)** -
592
- - whiteSpace prop added
593
- - `data-title-wrap` now accepts whitespace CSS values instead of a boolean, allowing the tooltip to support all whitespace options. Default value is `normal`.
594
-
595
- # 1.2.41
596
-
597
- - **Tabs**
598
- - Search implemented in more popup (v0& v1)
599
-
600
- # 1.2.40
601
-
602
- - **Radio** - renderRightPlaceholderNode prop supported
603
-
604
- # 1.2.39
605
-
606
- - **LibraryContext** - coloredTagVariant, hasTagColorInheritedToText properties added
607
- - **Tag** - customAttributes prop supported
608
- - **TextBoxIcon** - needInputFocusOnWrapperClick prop supported
609
-
610
- # 1.2.38
611
-
612
- - **renderRightPlaceholderNode**
613
- - renderRightPlaceholderNode support given for `CheckBox` `Textarea` `Select` `MultiSelect` `TextBoxIcon`.
614
- - Json File Import Changed to JS modules in `Popup/PositionMapping` `DropBox/DropBoxPositionMapping`.
615
- - **DateWidget**
616
- - TextBoxIconProps key supported in customProps prop
617
- - **MultiSelect**
618
- - customProps prop added and TextBoxIconProps customization given (Prop spread).
619
- - **Select**
620
- - TextBoxIconProps key supported in customProps prop
621
- - **SelectWithIcon**
622
- - customProps prop added and tooltip supported for dotted case
623
-
624
- # 1.2.37
625
-
626
- - **Tabs**
627
- - dataID prop import missing for more menu dropdown issue fix (v0 and v1)
628
-
629
- # 1.2.36
630
-
631
- - **dataID & dataTestID**
632
- - support has been added for the `DropDownSearch` `ListItemWithRadio` `AdvancedGroupMultiSelect` `AdvancedMultiSelect` `MultiSelect` `MultiSelectWithAvatar` `SelectedOptions` `SelectWithAvatar` `SelectWithIcon` `Tabs` Component (v0 and v1).
633
-
634
- # 1.2.35
635
-
636
- - **MultiSelect**
637
- - `dataId` support has been added for the ResponsiveDropBox Component.
638
- - The `dataId` will be reflected as `dataId` with the suffix "_dropbox".
639
- - **DateWidget**
640
- - `dataId` support has been added for the datePicker icon.
641
- - The `dataId` will be reflected as `dataId` with the suffix "_datePicker".
642
-
643
- # 1.2.34
644
-
645
- - **GroupSelect** - When the idField contains more than one underscore symbol, this component throws an error. This issue has been fixed in this version.
646
-
647
- # 1.2.33
648
-
649
- - **AdvancedMultiSelect** - customClass prop supported in both normal and v1 folder
650
-
651
- # 1.2.32
652
-
653
- - **DateWidget** - customProps support and getPopupProps method added to able access popup props from outside.
654
-
655
- - **DateTime, Time** - customProps support added.
656
-
657
- # 1.2.31
658
-
659
- - **GroupSelect** - dataId Supported for all main places. Set the default value for dataId prop to 'GroupSelect'.
660
-
661
- # 1.2.30
662
-
663
- - **MultiSelect** - needResponsive default Prop set as true as before.
664
-
665
- # 1.2.29
666
-
667
- - Common providers update for v1 components
668
-
669
- # 1.2.28
670
-
671
- - **CheckBox** - getContainerRef prop supported
672
- - **Radio** - children, customProps, getRef props supported. tabIndex option supported inside a11y prop
673
-
674
- # 1.2.27
675
-
676
- - **DateWidget** - The issue with the YearView Open State Reset on Blur Event in DidMount has been resolved
677
-
678
- # 1.2.26
679
-
680
- - **MultiSelect, MultiSelectWithAvatar** - Mobile Header Render Issue in Mobile Responsive Fixed.
681
- - **isMobilePopover** - Function added in Dropbox.
682
- - **Tag** - closeTitle not working issue fixed ( because value sends in wrong prop key data-title)
683
-
684
- # 1.2.25
685
-
686
- - **RippleEffect** - cssClassPropOfChild prop added
687
-
688
- # 1.2.24
689
-
690
- - **Animation** - style object moved to utils.
691
-
692
- # 1.2.23
693
-
694
- - **DropBoxElement** - A dropdown has been incorporated as one of the main focus areas, utilizing the `data-a11y-focus-main-area` attribute.
695
-
696
- - **Select, Tab, TabContentWrapper** - A11y changes.
697
-
698
- # 1.2.22
699
-
700
- - **Tags,TextArea, Textbox, Checkbox** - Cursor css changes for variable autoconversion
701
-
702
- # 1.2.21
703
-
704
- - **v1/Tabs** - converted to functional component
705
- - **TextBox** - Tooltip Issue fixed
706
- - **Tooltip** - Input Element Based Tooltip Fix Related Fix Added
707
-
708
- # 1.2.20
709
-
710
- - **Avatar, ListContainer, Suggestions, Select, Switch** - Accessibility issue fixes.
711
-
712
- # 1.2.19
713
-
714
- - Typography - lineheight unitless prop added
715
- - v1/Modal - converted to functional component
716
- - DateWidget - Manual Type TimeZone Issue Fixed
717
-
718
- # 1.2.18
719
-
720
- - TextBox - MaxLength Default Prop Removed
721
-
722
- # 1.2.17
723
-
724
- - DateWidget TimeZone Exception Supported
725
-
726
- # 1.2.15, # 1.2.16
727
-
728
- - color-variable-preprocessor version issue solved
729
-
730
- # 1.2.14
731
-
732
- - **@zohodesk/hooks** version update - 2.0.2
733
- - @zohodesk-private/color-variable-preprocessor version upgrade
734
-
735
- # 1.2.13
736
-
737
- - Typography - Added wordBreak, wordWrapm, whiteSpace props and renamed $ui_variant to $ui_weight.
738
-
739
- - **CalendarView** - Range selection feature is provided and added in v1 folder.
740
-
741
- # 1.2.12
742
-
743
- - Card index file missing in v1 folder issue fixed
744
-
745
- # 1.2.11
746
-
747
- - MultiSelect Proptype validation declaration order issue fixed
748
- - Provider components added in v1 folder
749
-
750
- # 1.2.10
751
-
752
- - **Common utils** - `getKeyValue` method added to get keyValue of current pressed key.
753
-
754
- - **DateTime** - Numpad key issue fixed.
755
-
756
- - **Select, GroupSelect** - getting key value from key event method changed.
757
-
758
- # 1.2.9
759
-
760
- - Package version merge fix update.
761
-
762
- # 1.2.8
763
-
764
- - **DropBox** - FocusScope component - props rename update.
765
-
766
- # 1.2.7
767
-
768
- - **Datetime** - days string in calender, multi language dotted issue fixed
769
-
770
- # 1.2.6
771
-
772
- - **AppContainer** - Memory Leak issue solved
773
-
774
- # 1.2.5
775
-
776
- - v1 folder remove entry from npmignore
777
-
778
- # 1.2.4
779
-
780
- - **Typography** new component added
781
-
782
- # 1.2.3
783
-
784
- - **MultiSelect , MultiSelectWithAvatar** mobile responsive features added
785
- - **Mobile Header** Component added
786
- - Proptype validation fixed
787
-
788
- # 1.2.2
789
-
790
- - **Button** id attribute has been added
791
-
792
- - **Heading** a11y prop has been added
793
-
794
- # 1.2.1
795
-
796
- - Proptypes and PlayGround Validated
797
-
798
- # 1.2.0
799
-
800
- - **utils** and **hooks** packages added as dependency
801
-
802
- - **mergeStyle** and **compileClassNames** - deprecated and used from `utils` package
803
-
804
- # 1.1.1
805
-
806
- - ComponentTheme file --zdt_ prefix missing changes
807
-
808
- # 1.1.0
809
-
810
- - Internal color-variable-preprocessor package implemented
811
-
812
- # 1.0.0
813
-
814
- - alpha release removed and version changed to normal flow
815
-
816
- # 1.0.0-alpha-278
817
-
818
- - **DateTime** - Date.Replace check added to avoid run time error
819
-
820
- # 1.0.0-alpha-277
821
-
822
- - **DropBox** - `focusScopeProps` will be served by `customProps` from now.
823
-
824
- - **ListItem, ListItemWithAvatar, ListItemWithIcon, ListItemWithCheckBox, ListItemWithRadio** - default role `option` has been added to the list item container.
825
-
826
- - **ListContainer** - A11y prop key => `data-a11y-inset-focus` set `true` as default for the ListContainer.
827
-
828
- # 1.0.0-alpha-276
829
-
830
- - **DateTime** - TimeZone null Case Handled
831
-
832
- # 1.0.0-alpha-275
833
-
834
- - **DateTime** - millisecond and second should work only when customDateFormat is given issue fixed. this fix related to *1.0.0-alpha-272*
835
-
836
- # 1.0.0-alpha-274
837
-
838
- - **AppContainer** - needTooltip prop added
839
- - data-test-id attribute added for all element which having data-id attribute to separate customization and automation
840
-
841
- # 1.0.0-alpha-273
842
-
843
- - Variable Replacer Issue Resolved
844
-
845
- # 1.0.0-alpha-272
846
-
847
- - **DateTime** - customDateFormat prop supported
848
-
849
- # 1.0.0-alpha-271
850
-
851
- - **Tabs** - DropBox position RTL fix.
852
-
853
- - `stopPropagation` method added in common utils.
854
-
855
- - **DropBox**
856
-
857
- cancelBubblingEffect fix.
858
-
859
- `fadeIn` and `scaleIn` animations added.
860
-
861
- # 1.0.0-alpha-270
862
-
863
- - **Tabs** - DropBox position RTL fix
864
-
865
- # 1.0.0-alpha-269
866
-
867
- - **DateTime** - 24Hour Suggestion Issue Fixed
868
-
869
- # 1.0.0-alpha-268
870
-
871
- - Contrast default variables :root selector removed
872
-
873
- # 1.0.0-alpha-267
874
-
875
- - **DropBox** - Fixed Position issue fix.
876
-
877
- - **Select** - Fixed Position prop support.
878
-
879
- # 1.0.0-alpha-266
880
-
881
- - **Button** - migrated to UCL and converted to functional component
882
- - Contrast option implemented through preprocess. Category key value added for all color variables.
883
- - BoxShadow Values Separated for Contrast
884
-
885
- # 1.0.0-alpha-265
886
-
887
- - **mergeStyle** - Logic Issue Fixed
888
- - **Tab** - State Restricted Names Check added
889
- - **cancelBubblingEffect** function added in utils/Common
890
-
891
- # 1.0.0-alpha-264
892
-
893
- - **DropBox** - customStyle renamed to customInlineStyle and migrarted to functional UCL component
894
-
895
- # 1.0.0-alpha-263
896
-
897
- - **ListItem, ListItemWithAvatar, ListItemWithCheckbox, ListItemWithIcon, ListItemWithRadio** - Line height changed 20px and Padding also changed.
898
-
899
- # 1.0.0-alpha-262
900
-
901
- - **ListItem, ListItemWithAvatar, ListItemWithCheckbox, ListItemWithIcon, ListItemWithRadio** - Added New Prop `needMultiLineText`
902
-
903
- - **MultiSelect, MultiSelectWithAvatar** - `keepSelectedOptions` prop added. When this prop is true, it won't remove selected items from the dropdown instead it highlights each selected item with tick mark.
904
-
905
- - **MultiSelectWithAvatar** - `customProps` support.
906
-
907
- # 1.0.0-alpha-261
908
-
909
- - **Tab,Tabs** - Removed offsection property from css.
910
-
911
- - compileClassNames , mergeStyle utils added.
912
-
913
- - index export object fixed.
914
-
915
- # 1.0.0-alpha-260
916
-
917
- - **TextBoxIcon** - OnClear Focus in TextBox issue Resolved.
918
-
919
- - Suggestions - `listItemCustomProps` prop support given for all suggestion to control all listitems.
920
-
921
- - `isTextSelected` - common method added in utils to know any text highlighted or not.
922
-
923
- - **Popup** - Issue fix: While click on the document, popup won't close if any text highlighted in the product.
924
-
925
- # 1.0.0-alpha-259
926
-
927
- - **Avatar**
928
-
929
- `needInnerBorder` and `needDefaultBorder` prop has been added.
930
-
931
- `xxsmall` option added for size prop.
932
-
933
- - **AvatarTeam** - `needInnerBorder`, `needBorder` and `needDefaultBorder` props has been added.
934
-
935
- # 1.0.0-alpha-258
936
-
937
- - **CheckBox** - dataSlector prop changed to `dataSelectorId`.
938
-
939
- - `dataSelectorId` prop added for all components
940
-
941
- # 1.0.0-alpha-257
942
-
943
- - **Avatar** - Avatar initial render issue and image border issue solved
944
-
945
- - **DateWidget** - `boxSize` and `onError` prop has been added.
946
-
947
- # 1.0.0-alpha-256
948
-
949
- - **Button** - Safari browser focus issue fix and `customProps` validation.
950
-
951
- - **Switch** - Click handling issue fix.
952
-
953
- - **Tabs, Tab** - Screen Reader fix.
954
-
955
- # 1.0.0-alpha-255
956
-
957
- - **CalenderView, DateTime** - Today and selected date issue fix.
958
-
959
- - `Accesssility`- Screen Reader fix.
960
-
961
- # 1.0.0-alpha-254
962
-
963
- - **AppContainer** - accessibility theme css has been added.
964
-
965
- - **Button** - `customProps` support.
966
-
967
- - **DropBox** - Focus scope navigation support.
968
-
969
- # 1.0.0-alpha-253
970
-
971
- - **Tabs, Tooltip** - If condition check added to reduce murphy error logs.
972
-
973
- - `Accesssility`- Screen Reader support for some components.
974
-
975
- # 1.0.0-alpha-252
976
-
977
- - **Select,GroupSelect,SelectWithAvatar,SelectWithIcon,MultiSelect,MultiSelectWithAvatar** - Initial Loader and Scroll End Loader added.
978
-
979
- - **componentAppearanceVariableJson**
980
-
981
- `zdt_datetime_today_bg` variable renamed as `zdt_datetime_selected_bg`
982
-
983
- `zdt_datetime_today_border` variable added.
984
-
985
- - **CalendarView** - `isToday` prop added to display today's date as a separate style.
986
-
987
- - **DateTime.module.css** - `.today` class renamed as `.active` class.
988
-
989
- # 1.0.0-alpha-251
990
-
991
- - Heading component - font reset css fix
992
-
993
- # 1.0.0-alpha-250
994
-
995
- - Heading (accessibility) - new component added
996
- - Avatar => component initial rendering optimization.
997
-
998
- # 1.0.0-alpha-249
999
-
1000
- - color => secondary_border light mode color changes
1001
-
1002
- # 1.0.0-alpha-248
1003
-
1004
- - preventParentScroll props added for Box and Container
1005
-
1006
- # 1.0.0-alpha-247
1007
-
1008
- - Svg path changes
1009
-
1010
- # 1.0.0-alpha-246
1011
-
1012
- - :focus in css removed
1013
-
1014
- # 1.0.0-alpha-245
1015
-
1016
- - PureDark mode color lists added in docs
1017
-
1018
- # 1.0.0-alpha-244
1019
-
1020
- - AdvancedGroupMultiSelect , AdvancedMultiSelect => textbox flexible ui fix and duplicate css removed
1021
-
1022
- # 1.0.0-alpha-243
1023
-
1024
- - DateTime, DateWidget => Portal Id support for fixed position.
1025
- - YearView => Theme Variable support for month text.
1026
-
1027
- # 1.0.0-alpha-242
1028
-
1029
- - Tag -> defaultLink palette added
1030
-
1031
- # 1.0.0-alpha-241
1032
-
1033
- - Added unobserve element condition for Tooltip.
1034
-
1035
- # 1.0.0-alpha-240
1036
-
1037
- - DateWidget input selection color variable removed
1038
- - ResponsiveDropBox Implemented for all DropBox
1039
-
1040
- # 1.0.0-alpha-239
1041
-
1042
- - #999 instead of #a8b0bd color value in PureDark mode
1043
- - DateTime, DateWidget => DropBox Fixed position prop support.(positionsOffset , targetOffset ,isRestrictScroll added)
1044
-
1045
- # 1.0.0-alpha-238
1046
-
1047
- - Tooltip optimization - container client rect calc is cached and only calc when resized.
1048
- - Provider/Config => tooltipContainer key removed and getTooltipContainer key added
1049
- - PureDark mode implemented via preprocess
1050
-
1051
- # 1.0.0-alpha-237
1052
-
1053
- - ListItem Responsive Min Height Fixed
1054
- - CheckBox data-selector attribute added
1055
-
1056
- # 1.0.0-alpha-236
1057
-
1058
- - Input => autocomplete added in provider configuration
1059
-
1060
- # 1.0.0-alpha-235
1061
-
1062
- -Tooltip
1063
- => data-title-wrap prop added
1064
- => tooltip calculation based on root or window case added
1065
-
1066
- # 1.0.0-alpha-234
1067
-
1068
- - MultiSelect => SelectedId fix on component did update
1069
-
1070
- # 1.0.0-alpha-233
1071
-
1072
- - MultiSelect => On press tab key selecting option removed
1073
-
1074
- # 1.0.0-alpha-232
1075
-
1076
- - ListContainer => Mobile Responsive Implemented
1077
-
1078
- # 1.0.0-alpha-231
1079
-
1080
- - DropBox - Position Undefined Issue Solved
1081
-
1082
- # 1.0.0-alpha-230
1083
-
1084
- - Avatar, AdvancedGroupMultiSelect, AdvancedMultiSelect, MultiSelect, MultiSelectWithAvatar, GroupSelect, Select, SelectWithAvatar, SelectWithIcon, TextBoxIcon => Tooltip undefined case solved
1085
- - Select , MultiSelect => boxSize prop added
1086
-
1087
- # 1.0.0-alpha-229
1088
-
1089
- - MultiSelect, AdvancedMultiSelect => disabledOption Clear icon handled properly
1090
-
1091
- # 1.0.0-alpha-228
1092
-
1093
- - Button => danger, primary loader color issue solved
1094
-
1095
- # 1.0.0-alpha-227
1096
-
1097
- - isReadOnly and needEffect prop added in Tag Component for read-only case
1098
- - needEffect prop added for the below components: ( This props has been added for read-only case )
1099
- => Advanced Group Multi Select
1100
- => Advanced Multi Select
1101
- => Multi Select
1102
- => Multi Select With Avatar
1103
- => Select With Avatar
1104
- - isReadonly prop added for SelectedOption component
1105
- - Read-only class added for TextBoxIcon component
1106
- - Removed click action in tag multi select component for read-only case
1107
- - Changed the cursor default to not-allowed in Radio component for read-only case
1108
-
1109
- # 1.0.0-alpha-226
1110
-
1111
- - ListContainer Implemented in => ListItem,ListItemWithAvatar,ListItemWithIcon,ListItemWithRadio,ListItemWithCheckBox
1112
-
1113
- # 1.0.0-alpha-225
1114
-
1115
- - Appearance css moved to assets
1116
-
1117
- # 1.0.0-alpha-224
1118
-
1119
- - css color variable updation
1120
-
1121
- # 1.0.0-alpha-223
1122
-
1123
- - bg,shadow,text,border based variables removed and renamed.
1124
-
1125
- # 1.0.0-alpha-222
1126
-
1127
- - Tabs=> isResponsive condition handled properly
1128
- - Select, MultiSelect => on press tab, choose selected value then move focus to next focuable element flow implemented
1129
-
1130
- # 1.0.0-alpha-221
1131
-
1132
- - blueDefaultTheme & blueDarkTheme class name added in Blue CTATheme & ComponentTheme files
1133
-
1134
- # 1.0.0-alpha-220
1135
-
1136
- - Tooltip Delay Controlled to Improve Perf
1137
-
1138
- # 1.0.0-alpha-219
1139
-
1140
- - ContextOptimizer => ShallowEqal function issue solved
1141
-
1142
- # 1.0.0-alpha-218
1143
-
1144
- - Select => Custom props undefined issue solved
1145
-
1146
- # 1.0.0-alpha-217
1147
-
1148
- - TextBox, Multiselect, Tag missing dark palette variables moved under Themes folder file
1149
-
1150
- # 1.0.0-alpha-216
1151
-
1152
- - Select component -> customProps added -> TextBoxProps ,DropdownSearchTextBoxProps, listItemProps added
1153
- - Suggestions component -> customProps added -> listItemProps
1154
- - TextBox component -> customProps added
1155
- - TextBoxIcon component -> customProps added -> TextBoxProps
1156
-
1157
- # 1.0.0-alpha-215
1158
-
1159
- - Select Search Regex Changed to Lowercase
1160
-
1161
- # 1.0.0-alpha-214
1162
-
1163
- - Avatar, Label, Tag, Dropdown, ListItem, Multiselect missing dark palette variables moved under Themes folder files
1164
-
1165
- # 1.0.0-alpha-213
1166
-
1167
- - AnimationVariable File import removed
1168
-
1169
- # 1.0.0-alpha-212
1170
-
1171
- - Stencils => Converted to Pure Component
1172
-
1173
- # 1.0.0-alpha-211
1174
-
1175
- - Lato font reference changed from local to Zoho URL(web fonts)
1176
-
1177
- # 1.0.0-alpha-210
1178
-
1179
- - Published but some issues are there
1180
-
1181
- # 1.0.0-alpha-209
1182
-
1183
- - Config => isReducedMotion, direction added
1184
- - LibraryContext => added
1185
- - transition variable implemented in all css
1186
-
1187
- # 1.0.0-alpha-208
1188
-
1189
- - Select, AdvancedGroupMultiSelect, MultiSelect => search space issue solved
1190
- - Common => getSearchString fn added,
1191
- - Tabs => MoreButtonProps added in customProps
1192
- - Tab => customProps added
1193
-
1194
- # 1.0.0-alpha-207
1195
-
1196
- - Popup => PreventDefault On RemoveClose Removed
1197
- - Tabs => getCustomDropBoxHeaderPlaceHolder props added
1198
-
1199
- # 1.0.0-alpha-206
1200
-
1201
- - LableColor Css File Separated
1202
- - Select, TextBox,MultiSelect,AdvancedMultiSelect => on focusing input preventScroll disabled.
1203
- - ResizeComponent Added
1204
-
1205
- # 1.0.0-alpha-205
1206
-
1207
- - MultiSelect => lowBandwidth Force Apicall issue fixed
1208
-
1209
- # 1.0.0-alpha-204
1210
-
1211
- - CTA alpha color value changed
1212
-
1213
- # 1.0.0-alpha-203
1214
-
1215
- - Default mode CTA grey color value changed
1216
-
1217
- # 1.0.0-alpha-202
1218
-
1219
- - MultiSelect - scroll top issue fix
1220
-
1221
- # 1.0.0-alpha-201
1222
-
1223
- - AccordionItem - innerclass prop has been added.
1224
-
1225
- # 1.0.0-alpha-200
1226
-
1227
- - Responsive Sender Receiver Performance Improvement
1228
-
1229
- # 1.0.0-alpha-199
1230
-
1231
- - Font size variable fixed for missed place
1232
-
1233
- # 1.0.0-alpha-198
1234
-
1235
- - Date Component optimization
1236
-
1237
- # 1.0.0-alpha-197
1238
-
1239
- - Card => isPercentageScroll prop added, scrollFetchLimit config implemented
1240
- - Tabs => customProps Prop added
1241
-
1242
- # 1.0.0-alpha-196
1243
-
1244
- - AdvancedMultiSelect => SelectedOptionsLimti old and new comparison based rerender update
1245
-
1246
- # 1.0.0-alpha-195
1247
-
1248
- - ZIndex Number Counter Issue solved
1249
-
1250
- # 1.0.0-alpha-194
1251
-
1252
- - Tab => css modified position correction and mousedown issue fixed
1253
- - fitContWidth,fitContHeight class added in common
1254
- - propType Declaration fixes
1255
-
1256
- # 1.0.0-alpha-193
1257
-
1258
- - VelocityAnimation => slideLeft animation added
1259
- - Tabs => containerClass prop added
1260
-
1261
- # 1.0.0-alpha-192
1262
-
1263
- - CTA gray based color changes
1264
-
1265
- # 1.0.0-alpha-191
1266
-
1267
- - CustomScroll Color Fixes
1268
-
1269
- # 1.0.0-alpha-190
1270
-
1271
- - DarkMode => input placeholder color changed
1272
-
1273
- # 1.0.0-alpha-189
1274
-
1275
- - DropBox => Calculation Based Performance improvement
1276
- - Popup => Popup WitthIn Popup Body Focus Issue Solved
1277
-
1278
- # 1.0.0-alpha-188
1279
-
1280
- - Popup => popup within popup open body click issue fixed
1281
-
1282
- # 1.0.0-alpha-187
1283
-
1284
- - Popup => popupGroup empty array check added
1285
-
1286
- # 1.0.0-alpha-186
1287
-
1288
- - MultiSelect - children render place changed
1289
-
1290
- # 1.0.0-alpha-185
1291
-
1292
- - DropBox => Toggle Position Issue Solved For Left Right Padding Calculation
1293
-
1294
- # 1.0.0-alpha-184
1295
-
1296
- - Palette-Based Folder Structure Changed.
1297
- - data-theme changed to data-mode
1298
- - data-palette changed to data-theme
1299
-
1300
- # 1.0.0-alpha-183
1301
-
1302
- - AppContainer => dataThemeAttr,dataTheme prop removed. instead customProps prop added
1303
- - Palette Based Color System Implemented
1304
-
1305
- # 1.0.0-alpha-182
1306
-
1307
- - DateComponent => Safari Browser Focus Selection Issue Fixed
1308
-
1309
- # 1.0.0-alpha-181
1310
-
1311
- - MultiSelect , AdvancedMultiSelect => selection reorder issue fixed
1312
- - Avatar, AvatarTeam, Checkbox, ListItem, Switch => customProps Added
1313
-
1314
- # 1.0.0-alpha-180
1315
-
1316
- - Tab => Rtl Fix
1317
- - Config => idCounter, ZindexCounter, IdPrefix Added, Intial Zindex Increased to 3
1318
-
1319
- # 1.0.0-alpha-179
1320
-
1321
- - DateWidget => 24 hours HH caps placeholder issue solved
1322
-
1323
- # 1.0.0-alpha-178
1324
-
1325
- - MultiSelect => getFooter prop added
1326
- - AdvancedMultiSelect => getFooter prop added
1327
-
1328
- # 1.0.0-alpha-177
1329
-
1330
- - DateWidget - PlaceHolder Lower Case Issue Solved
1331
- - Tab - Hook Callback Issue Fixed
1332
- - MultiSelect Empty Array Fix
1333
-
1334
- # 1.0.0-alpha-176
1335
-
1336
- - DateWidget - isHideCurrentYear,onBlur,onFocus prop added
1337
-
1338
- # 1.0.0-alpha-175
1339
-
1340
- - DateTime,DateWidget - is24Hour prop added
1341
- - DateTime => isDefaultPosition prop added
1342
- - Responsive Observer Performance Issue Fixed
1343
-
1344
- # 1.0.0-alpha-174
1345
-
1346
- - CheckBox - isClipped Prop added
1347
-
1348
- # 1.0.0-alpha-173
1349
-
1350
- - code-based issue fixed ( const to let)
1351
-
1352
- # 1.0.0-alpha-172
1353
-
1354
- - TextBoxIcon/TextBoxIcon.js
1355
- => onClearMouseDown prop support
1356
- - MultiSelect, MultiSelectWithAvatar,AdvancedMultiSelect => disabledOptions prop supported
1357
-
1358
- # 1.0.0-alpha-171
1359
-
1360
- - Dropbox => mobileWidth Configuration Hook given
1361
-
1362
- # 1.0.0-alpha-170
1363
-
1364
- - MultiSelectWithAvatar => isSearchClearOnSelect prop added
1365
- - DropBox => customStyle prop added
1366
- - DropDownHeading => tabIndex removed
1367
-
1368
- # 1.0.0-alpha-169
1369
-
1370
- - DateWidget => iconOnHover added and autoComplete disabled
1371
- - AdvancedGroupMultiSelect => autoComplete disabled
1372
- - AdvancedMultiSelect => autoComplete disabled
1373
- - MultiSelect => autoComplete disabled
1374
- - MultiSelectWithAvatar => isBoxPaddingNeed prop added
1375
- - GroupSelect => iconOnHover prop added and tab focus issue solved
1376
- - Select => iconOnHover prop added and tab focus issue solved
1377
- - SelectWithAvatar => autoComplete disabled
1378
- - SelectWithIcon => autoComplete disabled
1379
- - TextBox => isFocus prop added
1380
- - TextBoxIcon => isFocus,iconOnHover prop added
1381
-
1382
- # 1.0.0-alpha-168
1383
-
1384
- - DropBox Duplicate Portal removed
1385
-
1386
- # 1.0.0-alpha-167
1387
-
1388
- - DropBox - responsive ui fixes , isRestrictScroll,needAutoZindex prop added, needResponsive default value changed to true
1389
- - Popup - customOrder prop added
1390
- - ListItemWithAvatar => tick icon padding issue solved
1391
-
1392
- # 1.0.0-alpha-166
1393
-
1394
- - Tab => Border Calculation Issue Fixed
1395
- - Tooltip => Position Issue Fixed
1396
-
1397
- # 1.0.0-alpha-165
1398
-
1399
- - Select -> onFocus Prop Added
1400
- - Tab -> titlePosition prop added for tooltip
1401
-
1402
- # 1.0.0-alpha-164
1403
-
1404
- - Fixed Tab highlight issue.
1405
-
1406
- # 1.0.0-alpha-163
1407
-
1408
- - Fixed the bug to recalculate dimension if tab id changed
1409
-
1410
- # 1.0.0-alpha-162
1411
-
1412
- - Performance Changes added in Tab , Tooltip Components
1413
- - MultiSelect, MultiSelectWithAvatar => customChildrenClass prop Added and TextBox component replaced with TextBoxWithIcon component
1414
-
1415
- # 1.0.0-alpha-161
1416
-
1417
- - Proxima Font Removed and Lato Font Added
1418
-
1419
- # 1.0.0-alpha-159
1420
-
1421
- - MultiSelect,MultiSelectWithAvatar,AdvancedGroupMultiSelect,AdvancedMultiSelect - isSearchClearOnSelect default Prop changed as true
1422
- - Tooltip Box Layout Position Issue Fixed
1423
- - autoTabIndex prop removed in listitem component groups
1424
-
1425
- # 1.0.0-alpha-158
1426
-
1427
- - ListItem => dataId Fix
1428
- - MultiSelect => Bg color fix
1429
-
1430
- # 1.0.0-alpha-157
1431
-
1432
- - RippleEffect => needBorder prop added
1433
- - Select => Children Prop added
1434
- - MultiSelect,MultiSelectWithAvatar,AdvancedGroupMultiSelect,AdvancedMultiSelect - isSearchClearOnSelect prop added
1435
- - ListItem,ListItemWithIcon,ListItemWithAvatar => dataId added for tickIcon
1436
-
1437
- # 1.0.0-alpha-156
1438
-
1439
- - A11y Changes
1440
-
1441
- # 1.0.0-alpha-156
1442
-
1443
- - Dark Theme Changes
1444
-
1445
- # 1.0.0-alpha-155
1446
-
1447
- - Tooltip DarkMode Theme Css Added
1448
-
1449
- # 1.0.0-alpha-154
1450
-
1451
- - isDarkMode based props removed for all components
1452
- - AppContainer => Tooltip moved from Container Html
1453
-
1454
- # 1.0.0-alpha-153
1455
-
1456
- - ListItem => text-decoration fixed
1457
- - AdvancedGroupMultiSelect => isGroupMultiSelect prop removed
1458
- - AdvancedMultiSelect => isGroupMultiSelect removed, isBoxPaddingNeed added
1459
- - MultiSelectHeader => isGroupMultiSelect removed
1460
-
1461
- # 1.0.0-alpha-152
1462
-
1463
- - A11y Changes
1464
- - Theme Primary Colors Added
1465
-
1466
- # 1.0.0-alpha-150
1467
-
1468
- - Label => dark palette added
1469
- - TextBox => light variant added
1470
-
1471
- # 1.0.0-alpha-149
1472
-
1473
- - Avatar,AvatarTeam =>borderOnActive,borderOnHover prop added
1474
- - Tab - text decoration added
1475
- - Semantic Button Css fixed
1476
-
1477
- # 1.0.0-alpha-148
1478
-
1479
- - Tag => max-width 100% added
1480
- - Theme Changes in => DateTime,Tabs,AdvancedMultiSelect,RippleEffect
1481
-
1482
- # 1.0.0-alpha-147
1483
-
1484
- - currentScreenSize returned from Responsive Receiver
1485
- - sticky class added in common.module.css
1486
- - --zdt prefix added for theme variables
1487
-
1488
- # 1.0.0-alpha-146
1489
-
1490
- - ListItem => dataId fixes
1491
- - Tag => dataId issue Fixed
1492
- - DropBox => RTL fixes
1493
- - VelocityAnimation => RTL fixes
1494
-
1495
- # 1.0.0-alpha-145
1496
-
1497
- - TextBoxIcon Clear Icon Color Fix
1498
-
1499
- # 1.0.0-alpha-144
1500
-
1501
- - PortalLayer Moved to deprecated folder
1502
- - A11y Id Added For Select, MultiSelect Based Components
1503
- - Semantic Button Default Font and Padding Resetted.
1504
- - LisItem - dataId setted default
1505
-
1506
- - DropDown
1507
- - DropDownHeading - Added customClass props
1508
- - DropDownItem - Added customClass props
1509
- - DropDownSearch - Added customClass
1510
- - DropDownSeparator - Added customClass props
1511
- - Radio - Added customClass
1512
- - ListItem
1513
- - ListItem - Removed customClass props and Added customClass object
1514
- - ListItemWithAvatar - Added customClass
1515
- - ListItemWithCheckBox - Added customClass
1516
- - ListItemWIthIcon - Added customClass
1517
- - ListItemWithRadio - Added customClass
1518
- - Ribbon - Added customClass props
1519
- - Stencils - Added customClass props
1520
- - Switch - Added customClass
1521
- - TextBoxIcon - Removed className props and Added customClass
1522
- - Textarea - Removed className props and Added customClass props
1523
- - Tooltip - No customClass. Just declared variables for Theme mode
1524
-
1525
- # 1.0.0-alpha-143
1526
-
1527
- - Issue fix in displaying Avatar Initial when 'name' prop has trailing space.
1528
-
1529
- # 1.0.0-alpha-142
1530
-
1531
- - Theme Based Changes(Variable changes no Impacts)
1532
-
1533
- # 1.0.0-alpha-141
1534
-
1535
- - Tab => keyboardprevent(ctrl,shift,alt) for link case
1536
- - Appcontainer => dataThemeAttr added
1537
- - ListItem => isDarkMode prop added
1538
-
1539
- # 1.0.0-alpha-140
1540
-
1541
- - DropBox -> PortalLayer changed to Modal
1542
-
1543
- # 1.0.0-alpha-139
1544
-
1545
- - DateTime => i18keys supported
1546
- - variable name changes
1547
-
1548
- # 1.0.0-alpha-138
1549
-
1550
- - - Avatar - Removed customTextClass and added customClass props
1551
- - - AvatarTeam - Removed customTextClass and added customClass
1552
- - - Button - Removed className and added customClass
1553
- - - Buttongroup - Added customClass props
1554
- - - Card, CardHeader, CardContent, CardFooter - Removed className and added customClass props in Card, CardHeader, CardContent, CardFooter
1555
- - - CheckBox - Added customClass
1556
- - - DropBox - Removed className and added customClass
1557
- - - Label - Added customClass props
1558
- - - Tag - Removed className and added customClass
1559
- - - TextBox - Removed className and added customClass props
1560
- - - AppContainer - dataTheme Prop added
1561
-
1562
- # 1.0.0-alpha-137
1563
-
1564
- - ally Fixes
1565
- - htmlId prop added in the select component
1566
- - AdvancedGroupMultiSelect => scroll fetch issue fix
1567
-
1568
- # 1.0.0-alpha-136
1569
-
1570
- - removed dataIdNoOptnsMsg from GroupSelect
1571
- - i18keys props renamed to i18nKeys
1572
- - clearTitle prop removed from MultiSelect, MultiSelectAvatar, AdvancedMultiSelect, AdvancedGroupMultiSelect
1573
- - Textare => default font fix
1574
- - CalenderView => dataId changed for invalidDate as invalidDate
1575
- - DatePicker limit changed to 1850 - 9999
1576
-
1577
- # 1.0.0-alpha-135
1578
-
1579
- - Avatar alternateSrc supported
1580
-
1581
- # 1.0.0-alpha-134
1582
-
1583
- - Reset Code Splitting
1584
-
1585
- # 1.0.0-alpha-133
1586
-
1587
- - AdvancedGroupMultiSelect => isPadding Prop added
1588
-
1589
- # 1.0.0-alpha-132
1590
-
1591
- - htmlId prop given in TextBox , Textboxwithicon, Textarea
1592
- - CssProvider Changes
1593
-
1594
- # 1.0.0-alpha-131
1595
-
1596
- - Removed isLicenseSuccess and i18n in Label
1597
- - name Prop changed to htmlFor in Label
1598
- - title prop added in DropDownHeading
1599
-
1600
- # 1.0.0-alpha-130
1601
-
1602
- - Added 'isLicenseSuccess' props in 'ListItemWithIcon' component
1603
-
1604
- # 1.0.0-alpha-129
1605
-
1606
- - DropBox className Fix
1607
-
1608
- # 1.0.0-alpha-128
1609
-
1610
- - DateComponent => isEditable added
1611
-
1612
- # 1.0.0-alpha-127
1613
-
1614
- - DateComponent => error through fix
1615
-
1616
- # 1.0.0-alpha-126
1617
-
1618
- - AllY implementation for the button, textbox
1619
- - Semantic button added
1620
-
1621
- # 1.0.0-alpha-125
1622
-
1623
- - fsize => font_sizevariable replaced
1624
- - Tab => moreiconActiveClass
1625
-
1626
- # 1.0.0-alpha-124
1627
-
1628
- - size => fsize
1629
-
1630
- # 1.0.0-alpha-123
1631
-
1632
- - Appcontainer RemFontVariable added
1633
-
1634
- # 1.0.0-alpha-122
1635
-
1636
- - Tag default bg color Changed
1637
- - AvatarTeam background color removed
1638
-
1639
- # 1.0.0-alpha-121
1640
-
1641
- - Dropbox shadow changed
1642
-
1643
- # 1.0.0-alpha-120
1644
-
1645
- - Reponsive Render Fixes
1646
- - DropBoxBorder Removed
1647
-
1648
- # 1.0.0-alpha-119
1649
-
1650
- - DateTime component Fix
1651
-
1652
- # 1.0.0-alpha-118
1653
-
1654
- - CustomResponsive Added
1655
-
1656
- # 1.0.0-alpha-117
1657
-
1658
- - DateTime Placeholder Selection Fix For Firefox
1659
-
1660
- # 1.0.0-alpha-116
1661
-
1662
- - DateTime Component Issue Fix , Row Fix, YearView Fix
1663
- - DateTime => i18keys prop added
1664
- - TextBoxWithIcon => children prop Parent Changed to Box
1665
-
1666
- # 1.0.0-alpha-115
1667
-
1668
- - DropBox => isDarkMode added
1669
- - DropDownHeading => isDarkMode added
1670
- - ListItem => palette dark added
1671
- - ListItemWithAvatar => isDarkMode,avatarPalette added
1672
- - EmptyState => isDarkMode added
1673
- - MultiSelect => isDarkMode,palette added
1674
- - MultiSelectWithAvatar => isDarkMode,palette added
1675
- - SelectedOptions => isDarkMode added
1676
- - Suggestions => isDarkMode, palette added
1677
- - Stencils => dark palette added
1678
- - Tag => isDarkMode prop added
1679
-
1680
- # 1.0.0-alpha-114
1681
-
1682
- - Tab iconSize Prop Added
1683
-
1684
- # 1.0.0-alpha-113
1685
-
1686
- - DateTime => isPadding prop added
1687
- - common diabled opacity changed to 0.5
1688
- - MultiSelect => isBoxPaddingNeed needa prop added
1689
- - DropBox => isBoxPaddingNeed prop added
1690
- - RippleEffect => primaryDark palette added
1691
-
1692
- # 1.0.0-alpha-112
1693
-
1694
- - Card scroll issue fix
1695
-
1696
- # 1.0.0-alpha-111
1697
-
1698
- - AdvancedGroupMultiSelect => children,getFooter, customClass added , Loader Handled
1699
- - GroupSelect => children, getFooter added
1700
- - Svg package Added
1701
- - RippleEffect => before zindex removed
1702
- - Container , Box Performance Fix
1703
- - Card ReRender Fix
1704
-
1705
- # 1.0.0-alpha-110
1706
-
1707
- - MultiSelect DataId Fix
1708
- - ToolTip Fix
1709
- - RippleEffect Added
1710
-
1711
- # 1.0.0-alpha-109
1712
-
1713
- - MultiSelect Data-Id fix
1714
- - Peer Dependencies Added
1715
-
1716
- # 1.0.0-alpha-108
1717
-
1718
- - Disabling internal state support for Accordion.
1719
- - Adding 'equalityCheck' function support for AccordionItem.
1720
-
1721
- # 1.0.0-alpha-107
1722
-
1723
- - Adding onScroll support for TabContentWrapper component
1724
-
1725
- # 1.0.0-alpha-106
1726
-
1727
- - Package Update
1728
-
1729
- # 1.0.0-alpha-105
1730
-
1731
- - icon, variable version update
1732
- - radio,checkbox,switch accessiblity changes => data-checked removed
1733
- - semantic button added
1734
-
1735
- # 1.0.0-alpha-104
1736
-
1737
- - Dropbox => isBoxPaddingNeed,isPadding Added
1738
-
1739
- # 1.0.0-alpha-103
1740
-
1741
- - Tag Flat Removed
1742
-
1743
- # 1.0.0-alpha-102
1744
-
1745
- - ListItemWithAvatar => avatarPalette added
1746
- - AdvancedGroupMultiSelect => needBorder added
1747
- - AdvancedMultiSelect => needBorder added
1748
- - Suggestions => avatarPalette added
1749
- - SelectWithAvatar => onRemove,avatarPalette,tagSize,groupName added
1750
- - Tag => avatarPalette added
1751
-
1752
- # 1.0.0-alpha-101
1753
-
1754
- - PortalLayer Fix Zindex
1755
-
1756
- # 1.0.0-alpha-100
1757
-
1758
- - Listitem Data-selected attr added, tabIndex Fixed
1759
-
1760
- # 1.0.0-alpha-99
1761
-
1762
- - Tab Click Fixed
1763
-
1764
- # 1.0.0-alpha-98
1765
-
1766
- - Modal Zindex issue fixed
1767
- - Tabs OnmouseDown Implement
1768
-
1769
- # 1.0.0-alpha-97
1770
-
1771
- - MultiSelect Issue Fix
1772
-
1773
- # 1.0.0-alpha-96
1774
-
1775
- - Tootltip Update
1776
- - Avatar -> textPalette,customTextClass added - font-family light removed
1777
- - AvatarTeam -> textPalette,customTextClass added
1778
-
1779
- # 1.0.0-alpha-95
1780
-
1781
- - Icon Package Update
1782
-
1783
- # 1.0.0-alpha-94
1784
-
1785
- - Tab Mapping Fix
1786
-
1787
- # 1.0.0-alpha-93
1788
-
1789
- - Tab Fixes
1790
-
1791
- # 1.0.0-alpha-92
1792
-
1793
- - Tab Custom Element Fix
1794
- - Avatar xlarge size changes
1795
-
1796
- # 1.0.0-alpha-91
1797
-
1798
- - Tab Click Prevent Fix
1799
-
1800
- # 1.0.0-alpha-90
1801
-
1802
- - Switch,CheckBox,Radio => data-checked added
1803
- - Tab Resize Issue Solved, setTitleForMoreOptions added for vertical, a11y tags added , gamma and zeta palette removed
1804
- - ListItem TaBIndex Added
1805
-
1806
- # 1.0.0-alpha-89
1807
-
1808
- - Tooltip Change
1809
- - Icon Version Update
1810
- - For MultiSelect Based Components clearTitle prop Added
1811
- - tooltip added in Tag Component
1812
-
1813
- # 1.0.0-alpha-88
1814
-
1815
- - Datewidget/Datetime tested and docs update with @zohodesk/datetimejs package
1816
-
1817
- # 1.0.0-alpha-87
1818
-
1819
- - Date Component TimeZone Fix
1820
- - Unwanted Functions Removed from utils/Common
1821
-
1822
- # 1.0.0-alpha-86
1823
-
1824
- - Tooltip UI Updated
1825
- - DropDownFooter,DropDownHeader,DropDownMenu,SimpleDropdown Deleted
1826
- - DropDownHeading => children and customClass Added
1827
- - AdvancedGroupMultiSelect -> search fix
1828
- - MultiSelect -> search clear fix
1829
- - GroupSelect -> Keydown Fix
1830
-
1831
- # 1.0.0-alpha-85
1832
-
1833
- - Datetime/DateWidget Component changes from @zohodesk/datetimejs package
1834
-
1835
- # 1.0.0-alpha-84
1836
-
1837
- - ListItemWithIcon Data-Id Fix
1838
-
1839
- # 1.0.0-alpha-83
1840
-
1841
- - CheckBox Prop Fix Update activeStyle added
1842
-
1843
- # 1.0.0-alpha-82
1844
-
1845
- - DateTime, DateWidget Changes => date return object Fix
1846
- - autoFocus prop added in Textarea component
1847
-
1848
- # 1.0.0-alpha-81
1849
-
1850
- - variant - secondary type removed in a Label component
1851
- - customClass Added For Label component
1852
- - Radio, CheckBox SVG Updated, and Palette Danger Added, isFilled Added For Transparent BG
1853
- - MultiSelect Avatar DataId Changes
1854
-
1855
- # 1.0.0-alpha-80
1856
-
1857
- - data-dottedTitle added for Tooltip
1858
-
1859
- # 1.0.0-alpha-79
1860
-
1861
- - Tag danger, default color changed to dot_bg_hawkesBlue
1862
- - MultiSelectWithAvatar size prop passed for tags Parent
1863
-
1864
- # 1.0.0-alpha-78
1865
-
1866
- - isAbsolute,isAnimate,needAction,boxSize,className,innerClass prop added in DateTime
1867
- - needBorder prop added in CalendarView
1868
- - isAbsolutePositioningNeeded prop fixed in dropbox
1869
- - Timezone Day light savings offset calculation fix in Date Components
1870
- - isSearchClearOnClose props added for Select Based components
1871
- - Radio line-heignt fix
1872
-
1873
- # 1.0.0-alpha-77
1874
-
1875
- - TestCase Fix
1876
-
1877
- # 1.0.0-alpha-76
1878
-
1879
- - ResizeObserver Implementation
1880
-
1881
- # 1.0.0-alpha-75
1882
-
1883
- - Select children prop undefined issue fix
1884
-
1885
- # 1.0.0-alpha-74
1886
-
1887
- - SelectWithIcon Component Added
1888
- - getChildren,getFooter,getCustomEmptyState feature added in Select Component
1889
-
1890
- # 1.0.0-alpha-73
1891
-
1892
- - Appcontainer eleRef Supported
1893
- - Responsive TouchDevice Fix
1894
- - Stencils color Update
1895
-
1896
- # 1.0.0-alpha-72
1897
-
1898
- - BaseLine Added in Layout
1899
- - hide added in CssProvider
1900
-
1901
- # 1.0.0-alpha-71
1902
-
1903
- - disableTitle and needAvatarTitle Added For List Items
1904
- - Avatar Team Title Fix
1905
-
1906
- # 1.0.0-alpha-70
1907
-
1908
- - Leap Year Date Component Fix
1909
- - Card Shrink issue Fix
1910
-
1911
- # 1.0.0-alpha-69
1912
-
1913
- - Exporting RefElement component from PortalLayer component
1914
-
1915
- # 1.0.0-alpha-68
1916
-
1917
- - Tab Width Calculation fix, Dotted Fix
1918
- - SelectWithAvatar Fix
1919
- - Select Fix
1920
- - MultiSelect disableAction Fix
1921
- - Variable Update
1922
-
1923
- # 1.0.0-alpha-67
1924
-
1925
- - Adding TourId and isAbsolutePositioningNeeded key in DropBox
1926
- - Adding TourId in Box, Container, and Tab components
1927
-
1928
- # 1.0.0-alpha-66
1929
-
1930
- - Snap Update
1931
-
1932
- # 1.0.0-alpha-65
1933
-
1934
- - isDisabled, Readonly Unified in all Form Components
1935
- - Date Dropdown => Select List Border Fix
1936
- - Unified All Fields
1937
-
1938
- # 1.0.0-alpha-64
1939
-
1940
- - isDisabled Option added for List Item Based Atoms
1941
- - needBorder and disableAction Option added for MultiSelect
1942
- - Select BoxSize Added for DropBox
1943
-
1944
- # 1.0.0-alpha-62
1945
-
1946
- - Switch Title Issue Fixed
1947
-
1948
- # 1.0.0-alpha-61
1949
-
1950
- - Tab Click Issue Fixed
1951
-
1952
- # 1.0.0-alpha-60
1953
-
1954
- - Button Title Added
1955
- - Tab Disabled Added
1956
- - Tooltip Fix
1957
-
1958
- # 1.0.0-alpha-59
1959
-
1960
- - AppContainer Added
1961
-
1962
- # 1.0.0-alpha-58
1963
-
1964
- - Tag Line Height Issue Fixed
1965
- - Advanced MultiSelect Event Passed in Argument
1966
-
1967
- # 1.0.0-alpha-57
1968
-
1969
- - Base Font Version 3 Updated
1970
- - Advanced Group Multi-Select Added
1971
-
1972
- # 1.0.0-alpha-56
1973
-
1974
- - Accordion unMount Added
1975
- - Icon Package Updated
1976
- - Velocity Docs Added
1977
-
1978
- # 1.0.0-alpha-55
1979
-
1980
- - Tab Dot Color Convert
1981
-
1982
- # 1.0.0-alpha-54
1983
-
1984
- - GroupSelect Unlimited Scroll Fix
1985
- - Dropdown Header Css After 1px Fix
1986
-
1987
- # 1.0.0-alpha-53
1988
-
1989
- - CustomScroll Make Optional
1990
- - Reset Code Implemented in Portal
1991
- - Icon Line-Height Remove
1992
- - New Reports Icons Added
1993
-
1994
- # 1.0.0-alpha-52
1995
-
1996
- - Advance Multi-Select Added
1997
-
1998
- # 1.0.0-alpha-51
1999
-
2000
- - Docs Run Path Issue Fix
2001
-
2002
- # 1.0.0-alpha-50
2003
-
2004
- - VelocityAnimation Added
2005
-
2006
- # 1.0.0-alpha-49
2007
-
2008
- - Radio Test Cases Fixed
2009
-
2010
- # 1.0.0-alpha-48
2011
-
2012
- - TimeZone Added in DateTime and DateWidget
2013
- - Radio DataId Fix
2014
-
2015
- # 1.0.0-alpha-47
2016
-
2017
- - DateTime Component needDefaultTime Prop Fix
2018
- - Dot Variables Updated
2019
- - For All ListItem Based IsTick Prop Removed
2020
- - ResponsiveBox and ResponsiveContainer Removed
2021
- - MultiSelect Fragment Implemented
2022
-
2023
- # 1.0.0-alpha-46
2024
-
2025
- - ReadMe Files Removed
2026
- - Style Order Fixed
2027
-
2028
- # 1.0.0-alpha-45
2029
-
2030
- - Button RTL Issue Resolved
2031
- - Unwanted Files Removed
2032
- - Responsive Component Verified
2033
-
2034
- # 1.0.0-alpha-44
2035
-
2036
- - FontIcons and Variables Reverted.
2037
-
2038
- # 1.0.0-alpha-43
2039
-
2040
- - RTL Implemented.
25
+ See [CHANGELOG.md](https://unpkg.com/@zohodesk/components/CHANGELOG.md) for details on release history and updates.