@zohodesk/components 1.6.22 → 1.6.23-exp-2

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/README.md +4 -0
  2. package/es/Accordion/Accordion.js +2 -1
  3. package/es/Accordion/AccordionItem.js +3 -2
  4. package/es/AppContainer/AppContainer.js +2 -1
  5. package/es/AppContainer/AppContainer.module.css +9 -3
  6. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  7. package/es/Avatar/Avatar.js +5 -4
  8. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  9. package/es/AvatarTeam/AvatarTeam.js +4 -3
  10. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  11. package/es/Button/Button.js +5 -4
  12. package/es/Buttongroup/Buttongroup.js +4 -3
  13. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  14. package/es/CheckBox/CheckBox.js +8 -7
  15. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +107 -181
  16. package/es/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -39
  17. package/es/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  18. package/es/ColorSelect/_shared/ColorIndicator/ColorIndicator.js +2 -1
  19. package/es/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  20. package/es/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  21. package/es/DateTime/CalendarView.js +2 -1
  22. package/es/DateTime/DateTime.js +5 -4
  23. package/es/DateTime/DateTimePopupFooter.js +2 -1
  24. package/es/DateTime/DateWidget.js +4 -3
  25. package/es/DateTime/Time.js +2 -1
  26. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +60 -60
  27. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  28. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  29. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  30. package/es/DropBox/DropBox.js +3 -2
  31. package/es/DropBox/DropBoxElement/DropBoxElement.js +6 -5
  32. package/es/DropDown/DropDown.js +2 -1
  33. package/es/DropDown/DropDownHeading.js +2 -1
  34. package/es/DropDown/DropDownItem.js +6 -5
  35. package/es/DropDown/DropDownSearch.js +2 -1
  36. package/es/DropDown/DropDownSeparator.js +2 -1
  37. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  38. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  39. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  40. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  41. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  42. package/es/Label/Label.js +3 -2
  43. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  44. package/es/ListItem/ListItemWithAvatar.js +2 -1
  45. package/es/ListItem/ListItemWithCheckBox.js +2 -1
  46. package/es/ListItem/ListItemWithIcon.js +3 -2
  47. package/es/ListItem/ListItemWithRadio.js +2 -1
  48. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  49. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  50. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  51. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  52. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  53. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  54. package/es/MultiSelect/AdvancedGroupMultiSelect.js +8 -7
  55. package/es/MultiSelect/AdvancedMultiSelect.js +4 -3
  56. package/es/MultiSelect/EmptyState.js +5 -4
  57. package/es/MultiSelect/MobileHeader/MobileHeader.js +2 -1
  58. package/es/MultiSelect/MultiSelect.js +6 -5
  59. package/es/MultiSelect/MultiSelectWithAvatar.js +3 -2
  60. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  61. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  62. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  63. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -31
  64. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  65. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  66. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  67. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  68. package/es/PopOver/PopOver.js +3 -2
  69. package/es/Radio/Radio.js +4 -3
  70. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  71. package/es/Ribbon/Ribbon.js +7 -6
  72. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  73. package/es/Select/GroupSelect.js +5 -4
  74. package/es/Select/Select.js +4 -3
  75. package/es/Select/SelectWithAvatar.js +4 -3
  76. package/es/Select/SelectWithIcon.js +4 -3
  77. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  78. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  79. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  80. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  81. package/es/Stencils/Stencils.js +2 -1
  82. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  83. package/es/Switch/Switch.js +3 -2
  84. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +55 -67
  85. package/es/Tab/Tabs.js +4 -3
  86. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  87. package/es/Tag/Tag.js +5 -4
  88. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -242
  89. package/es/TextBox/TextBox.js +2 -1
  90. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  91. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  92. package/es/Textarea/Textarea.js +2 -1
  93. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  94. package/es/Tooltip/Tooltip.js +5 -4
  95. package/es/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  96. package/es/common/basic.module.css +9 -8
  97. package/es/deprecated/Switch/Switch.js +3 -2
  98. package/es/semantic/Button/Button.js +2 -1
  99. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  100. package/es/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  101. package/es/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  102. package/es/v1/Button/Button.js +3 -1
  103. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  104. package/es/v1/Switch/Switch.js +4 -3
  105. package/es/v1/shared/Loader/Loader.js +4 -3
  106. package/es/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  107. package/es/v1/shared/SuccessTick/SuccessTick.js +2 -1
  108. package/es/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  109. package/lib/Accordion/Accordion.js +3 -1
  110. package/lib/Accordion/AccordionItem.js +4 -2
  111. package/lib/AppContainer/AppContainer.js +3 -1
  112. package/lib/AppContainer/AppContainer.module.css +9 -3
  113. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +6 -6
  114. package/lib/Avatar/Avatar.js +6 -4
  115. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +42 -42
  116. package/lib/AvatarTeam/AvatarTeam.js +4 -2
  117. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +73 -97
  118. package/lib/Button/Button.js +6 -4
  119. package/lib/Buttongroup/Buttongroup.js +5 -3
  120. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +8 -8
  121. package/lib/CheckBox/CheckBox.js +9 -7
  122. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +107 -181
  123. package/lib/ColorSelect/__tests__/__snapshots__/ColorMultiSelect.spec.js.snap +32 -39
  124. package/lib/ColorSelect/__tests__/__snapshots__/ColorSingleSelect.spec.js.snap +21 -21
  125. package/lib/ColorSelect/_shared/ColorIndicator/ColorIndicator.js +3 -1
  126. package/lib/ColorSelect/_shared/ColorIndicator/__tests__/__snapshots__/ColorIndicator.spec.js.snap +9 -9
  127. package/lib/ColorSelect/_shared/ColoredTag/__tests__/__snapshots__/ColoredTag.spec.js.snap +5 -5
  128. package/lib/DateTime/CalendarView.js +3 -1
  129. package/lib/DateTime/DateTime.js +6 -4
  130. package/lib/DateTime/DateTimePopupFooter.js +3 -1
  131. package/lib/DateTime/DateWidget.js +5 -3
  132. package/lib/DateTime/Time.js +3 -1
  133. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +60 -60
  134. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +4 -4
  135. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +4 -4
  136. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +12 -12
  137. package/lib/DropBox/DropBox.js +4 -2
  138. package/lib/DropBox/DropBoxElement/DropBoxElement.js +7 -5
  139. package/lib/DropDown/DropDown.js +3 -1
  140. package/lib/DropDown/DropDownHeading.js +3 -1
  141. package/lib/DropDown/DropDownItem.js +7 -5
  142. package/lib/DropDown/DropDownSearch.js +3 -1
  143. package/lib/DropDown/DropDownSeparator.js +3 -1
  144. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +1 -1
  145. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +1 -1
  146. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +2 -2
  147. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +1 -1
  148. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +7 -7
  149. package/lib/Label/Label.js +3 -1
  150. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +24 -48
  151. package/lib/ListItem/ListItemWithAvatar.js +3 -1
  152. package/lib/ListItem/ListItemWithCheckBox.js +3 -1
  153. package/lib/ListItem/ListItemWithIcon.js +4 -2
  154. package/lib/ListItem/ListItemWithRadio.js +3 -1
  155. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +2 -2
  156. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +4 -4
  157. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +7 -7
  158. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +21 -21
  159. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +7 -7
  160. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +21 -28
  161. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +8 -6
  162. package/lib/MultiSelect/AdvancedMultiSelect.js +4 -2
  163. package/lib/MultiSelect/EmptyState.js +6 -4
  164. package/lib/MultiSelect/MobileHeader/MobileHeader.js +3 -1
  165. package/lib/MultiSelect/MultiSelect.js +6 -4
  166. package/lib/MultiSelect/MultiSelectWithAvatar.js +4 -2
  167. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +5 -6
  168. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +20 -23
  169. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +1 -1
  170. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +25 -31
  171. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +2 -2
  172. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +5 -6
  173. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +3 -3
  174. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +10 -10
  175. package/lib/PopOver/PopOver.js +4 -2
  176. package/lib/Radio/Radio.js +5 -3
  177. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +91 -171
  178. package/lib/Ribbon/Ribbon.js +7 -5
  179. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +21 -24
  180. package/lib/Select/GroupSelect.js +6 -4
  181. package/lib/Select/Select.js +5 -3
  182. package/lib/Select/SelectWithAvatar.js +5 -3
  183. package/lib/Select/SelectWithIcon.js +5 -3
  184. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +4 -4
  185. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +394 -416
  186. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +3 -3
  187. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +4 -4
  188. package/lib/Stencils/Stencils.js +3 -1
  189. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +12 -12
  190. package/lib/Switch/Switch.js +4 -2
  191. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +55 -67
  192. package/lib/Tab/Tabs.js +5 -3
  193. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +4 -4
  194. package/lib/Tag/Tag.js +6 -4
  195. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +196 -242
  196. package/lib/TextBox/TextBox.js +3 -1
  197. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +44 -44
  198. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +81 -81
  199. package/lib/Textarea/Textarea.js +3 -1
  200. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +46 -46
  201. package/lib/Tooltip/Tooltip.js +6 -4
  202. package/lib/Typography/__tests__/__snapshots__/Typography.spec.js.snap +3 -3
  203. package/lib/common/basic.module.css +9 -8
  204. package/lib/deprecated/Switch/Switch.js +4 -2
  205. package/lib/semantic/Button/Button.js +3 -1
  206. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +1 -1
  207. package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap +14 -14
  208. package/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap +17 -17
  209. package/lib/v1/Button/Button.js +3 -1
  210. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -8
  211. package/lib/v1/Switch/Switch.js +5 -3
  212. package/lib/v1/shared/Loader/Loader.js +5 -3
  213. package/lib/v1/shared/Loader/__tests__/__snapshots__/Loader.spec.js.snap +1 -1
  214. package/lib/v1/shared/SuccessTick/SuccessTick.js +3 -1
  215. package/lib/v1/shared/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +1 -1
  216. package/package.json +9 -10
package/es/DateTime/Time.js CHANGED
@@ -12,6 +12,7 @@ import { Container, Box } from "../Layout";
12
12
  import Select from "../Select/Select";
13
13
  /** ** CSS *** */
14
14
 
15
+ import { cn } from "@dot-system/css-utility";
15
16
  import style from "./DateTime.module.css";
16
17
  export default class Time extends PureComponent {
17
18
  render() {
@@ -39,7 +40,7 @@ export default class Time extends PureComponent {
39
40
  AmPmSelectProps = {}
40
41
  } = customProps;
41
42
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
42
- className: style.text
43
+ className: cn(style.text)
43
44
  }, timeText), /*#__PURE__*/React.createElement(Container, {
44
45
  alignBox: "row",
45
46
  align: "vertical",
package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap CHANGED
@@ -5,12 +5,12 @@ exports[`DateTime rendering the defult props 1`] = `<DocumentFragment />`;
5
5
  exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1`] = `
6
6
  <DocumentFragment>
7
7
  <div
8
- class="dropBox "
8
+ class="dropBox"
9
9
  data-id="dateTime_dateBoxContainer"
10
10
  data-test-id="dateTime_dateBoxContainer"
11
11
  >
12
12
  <div
13
- class="container "
13
+ class="container"
14
14
  data-id="dateTime_Calendar"
15
15
  data-test-id="dateTime_Calendar"
16
16
  >
@@ -27,7 +27,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
27
27
  data-test-id="selectYear"
28
28
  >
29
29
  <h2
30
- class="reset thMonYear"
30
+ class="reset thMonYear"
31
31
  data-title="July 2023"
32
32
  tabindex="0"
33
33
  >
@@ -36,7 +36,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
36
36
  <span>
37
37
  <i
38
38
  aria-hidden="true"
39
- class="zd_font_icons basic icon-dropdown downArrow"
39
+ class="zd_font_icons basic icon-dropdown downArrow"
40
40
  data-id="fontIcon"
41
41
  data-selector-id="fontIcon"
42
42
  data-test-id="fontIcon"
@@ -61,7 +61,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
61
61
  >
62
62
  <i
63
63
  aria-hidden="true"
64
- class="zd_font_icons rtl basic icon-arrow-left3 fbold "
64
+ class="zd_font_icons rtl basic icon-arrow-left3 fbold"
65
65
  data-id="fontIcon"
66
66
  data-selector-id="fontIcon"
67
67
  data-test-id="fontIcon"
@@ -78,7 +78,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
78
78
  >
79
79
  <i
80
80
  aria-hidden="true"
81
- class="zd_font_icons rtl basic icon-arrow-right3 fbold "
81
+ class="zd_font_icons rtl basic icon-arrow-right3 fbold"
82
82
  data-id="fontIcon"
83
83
  data-selector-id="fontIcon"
84
84
  data-test-id="fontIcon"
@@ -178,7 +178,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
178
178
  >
179
179
  <div
180
180
  aria-label="25"
181
- class="noShrink datesStr grid holiday invalidDate"
181
+ class="noShrink datesStr grid holiday invalidDate"
182
182
  data-id="dateTime_invalidDate"
183
183
  data-selector-id="box"
184
184
  data-test-id="dateTime_invalidDate"
@@ -187,7 +187,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
187
187
  </div>
188
188
  <div
189
189
  aria-label="26"
190
- class="noShrink datesStr grid invalidDate"
190
+ class="noShrink datesStr grid invalidDate"
191
191
  data-id="dateTime_invalidDate"
192
192
  data-selector-id="box"
193
193
  data-test-id="dateTime_invalidDate"
@@ -196,7 +196,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
196
196
  </div>
197
197
  <div
198
198
  aria-label="27"
199
- class="noShrink datesStr grid invalidDate"
199
+ class="noShrink datesStr grid invalidDate"
200
200
  data-id="dateTime_invalidDate"
201
201
  data-selector-id="box"
202
202
  data-test-id="dateTime_invalidDate"
@@ -205,7 +205,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
205
205
  </div>
206
206
  <div
207
207
  aria-label="28"
208
- class="noShrink datesStr grid invalidDate"
208
+ class="noShrink datesStr grid invalidDate"
209
209
  data-id="dateTime_invalidDate"
210
210
  data-selector-id="box"
211
211
  data-test-id="dateTime_invalidDate"
@@ -214,7 +214,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
214
214
  </div>
215
215
  <div
216
216
  aria-label="29"
217
- class="noShrink datesStr grid invalidDate"
217
+ class="noShrink datesStr grid invalidDate"
218
218
  data-id="dateTime_invalidDate"
219
219
  data-selector-id="box"
220
220
  data-test-id="dateTime_invalidDate"
@@ -223,7 +223,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
223
223
  </div>
224
224
  <div
225
225
  aria-label="30"
226
- class="noShrink datesStr grid invalidDate"
226
+ class="noShrink datesStr grid invalidDate"
227
227
  data-id="dateTime_invalidDate"
228
228
  data-selector-id="box"
229
229
  data-test-id="dateTime_invalidDate"
@@ -232,7 +232,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
232
232
  </div>
233
233
  <div
234
234
  aria-label="1"
235
- class="noShrink datesStr grid"
235
+ class="noShrink datesStr grid"
236
236
  data-id="dateTime_date"
237
237
  data-selector-id="box"
238
238
  data-test-id="dateTime_date"
@@ -248,7 +248,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
248
248
  >
249
249
  <div
250
250
  aria-label="2"
251
- class="noShrink datesStr grid holiday"
251
+ class="noShrink datesStr grid holiday"
252
252
  data-id="dateTime_date"
253
253
  data-selector-id="box"
254
254
  data-test-id="dateTime_date"
@@ -257,7 +257,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
257
257
  </div>
258
258
  <div
259
259
  aria-label="3"
260
- class="noShrink datesStr grid"
260
+ class="noShrink datesStr grid"
261
261
  data-id="dateTime_date"
262
262
  data-selector-id="box"
263
263
  data-test-id="dateTime_date"
@@ -266,7 +266,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
266
266
  </div>
267
267
  <div
268
268
  aria-label="4"
269
- class="noShrink datesStr grid"
269
+ class="noShrink datesStr grid"
270
270
  data-id="dateTime_date"
271
271
  data-selector-id="box"
272
272
  data-test-id="dateTime_date"
@@ -275,7 +275,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
275
275
  </div>
276
276
  <div
277
277
  aria-label="5"
278
- class="noShrink datesStr grid"
278
+ class="noShrink datesStr grid"
279
279
  data-id="dateTime_date"
280
280
  data-selector-id="box"
281
281
  data-test-id="dateTime_date"
@@ -284,7 +284,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
284
284
  </div>
285
285
  <div
286
286
  aria-label="6"
287
- class="noShrink datesStr grid"
287
+ class="noShrink datesStr grid"
288
288
  data-id="dateTime_date"
289
289
  data-selector-id="box"
290
290
  data-test-id="dateTime_date"
@@ -293,7 +293,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
293
293
  </div>
294
294
  <div
295
295
  aria-label="7"
296
- class="noShrink datesStr grid"
296
+ class="noShrink datesStr grid"
297
297
  data-id="dateTime_date"
298
298
  data-selector-id="box"
299
299
  data-test-id="dateTime_date"
@@ -302,7 +302,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
302
302
  </div>
303
303
  <div
304
304
  aria-label="8"
305
- class="noShrink datesStr grid"
305
+ class="noShrink datesStr grid"
306
306
  data-id="dateTime_date"
307
307
  data-selector-id="box"
308
308
  data-test-id="dateTime_date"
@@ -318,7 +318,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
318
318
  >
319
319
  <div
320
320
  aria-label="9"
321
- class="noShrink datesStr grid holiday"
321
+ class="noShrink datesStr grid holiday"
322
322
  data-id="dateTime_date"
323
323
  data-selector-id="box"
324
324
  data-test-id="dateTime_date"
@@ -327,7 +327,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
327
327
  </div>
328
328
  <div
329
329
  aria-label="10"
330
- class="noShrink datesStr grid"
330
+ class="noShrink datesStr grid"
331
331
  data-id="dateTime_date"
332
332
  data-selector-id="box"
333
333
  data-test-id="dateTime_date"
@@ -336,7 +336,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
336
336
  </div>
337
337
  <div
338
338
  aria-label="11"
339
- class="noShrink datesStr grid"
339
+ class="noShrink datesStr grid"
340
340
  data-id="dateTime_date"
341
341
  data-selector-id="box"
342
342
  data-test-id="dateTime_date"
@@ -345,7 +345,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
345
345
  </div>
346
346
  <div
347
347
  aria-label="12"
348
- class="noShrink datesStr grid"
348
+ class="noShrink datesStr grid"
349
349
  data-id="dateTime_date"
350
350
  data-selector-id="box"
351
351
  data-test-id="dateTime_date"
@@ -354,7 +354,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
354
354
  </div>
355
355
  <div
356
356
  aria-label="13"
357
- class="noShrink datesStr grid"
357
+ class="noShrink datesStr grid"
358
358
  data-id="dateTime_date"
359
359
  data-selector-id="box"
360
360
  data-test-id="dateTime_date"
@@ -363,7 +363,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
363
363
  </div>
364
364
  <div
365
365
  aria-label="14"
366
- class="noShrink datesStr grid"
366
+ class="noShrink datesStr grid"
367
367
  data-id="dateTime_date"
368
368
  data-selector-id="box"
369
369
  data-test-id="dateTime_date"
@@ -372,7 +372,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
372
372
  </div>
373
373
  <div
374
374
  aria-label="15"
375
- class="noShrink datesStr grid"
375
+ class="noShrink datesStr grid"
376
376
  data-id="dateTime_date"
377
377
  data-selector-id="box"
378
378
  data-test-id="dateTime_date"
@@ -388,7 +388,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
388
388
  >
389
389
  <div
390
390
  aria-label="16"
391
- class="noShrink datesStr grid holiday"
391
+ class="noShrink datesStr grid holiday"
392
392
  data-id="dateTime_date"
393
393
  data-selector-id="box"
394
394
  data-test-id="dateTime_date"
@@ -397,7 +397,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
397
397
  </div>
398
398
  <div
399
399
  aria-label="17"
400
- class="noShrink datesStr grid"
400
+ class="noShrink datesStr grid"
401
401
  data-id="dateTime_date"
402
402
  data-selector-id="box"
403
403
  data-test-id="dateTime_date"
@@ -406,7 +406,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
406
406
  </div>
407
407
  <div
408
408
  aria-label="18"
409
- class="noShrink datesStr grid"
409
+ class="noShrink datesStr grid"
410
410
  data-id="dateTime_date"
411
411
  data-selector-id="box"
412
412
  data-test-id="dateTime_date"
@@ -415,7 +415,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
415
415
  </div>
416
416
  <div
417
417
  aria-label="19"
418
- class="noShrink datesStr grid"
418
+ class="noShrink datesStr grid"
419
419
  data-id="dateTime_date"
420
420
  data-selector-id="box"
421
421
  data-test-id="dateTime_date"
@@ -424,7 +424,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
424
424
  </div>
425
425
  <div
426
426
  aria-label="20"
427
- class="noShrink datesStr grid"
427
+ class="noShrink datesStr grid"
428
428
  data-id="dateTime_date"
429
429
  data-selector-id="box"
430
430
  data-test-id="dateTime_date"
@@ -433,7 +433,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
433
433
  </div>
434
434
  <div
435
435
  aria-label="21"
436
- class="noShrink datesStr grid"
436
+ class="noShrink datesStr grid"
437
437
  data-id="dateTime_date"
438
438
  data-selector-id="box"
439
439
  data-test-id="dateTime_date"
@@ -442,7 +442,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
442
442
  </div>
443
443
  <div
444
444
  aria-label="22"
445
- class="noShrink datesStr grid"
445
+ class="noShrink datesStr grid"
446
446
  data-id="dateTime_date"
447
447
  data-selector-id="box"
448
448
  data-test-id="dateTime_date"
@@ -458,7 +458,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
458
458
  >
459
459
  <div
460
460
  aria-label="23"
461
- class="noShrink datesStr grid holiday"
461
+ class="noShrink datesStr grid holiday"
462
462
  data-id="dateTime_date"
463
463
  data-selector-id="box"
464
464
  data-test-id="dateTime_date"
@@ -467,7 +467,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
467
467
  </div>
468
468
  <div
469
469
  aria-label="24"
470
- class="noShrink datesStr grid"
470
+ class="noShrink datesStr grid"
471
471
  data-id="dateTime_date"
472
472
  data-selector-id="box"
473
473
  data-test-id="dateTime_date"
@@ -476,7 +476,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
476
476
  </div>
477
477
  <div
478
478
  aria-label="25"
479
- class="noShrink datesStr grid"
479
+ class="noShrink datesStr grid"
480
480
  data-id="dateTime_date"
481
481
  data-selector-id="box"
482
482
  data-test-id="dateTime_date"
@@ -485,7 +485,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
485
485
  </div>
486
486
  <div
487
487
  aria-label="26"
488
- class="noShrink datesStr grid"
488
+ class="noShrink datesStr grid"
489
489
  data-id="dateTime_date"
490
490
  data-selector-id="box"
491
491
  data-test-id="dateTime_date"
@@ -494,7 +494,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
494
494
  </div>
495
495
  <div
496
496
  aria-label="27"
497
- class="noShrink datesStr grid"
497
+ class="noShrink datesStr grid"
498
498
  data-id="dateTime_date"
499
499
  data-selector-id="box"
500
500
  data-test-id="dateTime_date"
@@ -503,7 +503,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
503
503
  </div>
504
504
  <div
505
505
  aria-label="28"
506
- class="noShrink datesStr grid"
506
+ class="noShrink datesStr grid"
507
507
  data-id="dateTime_date"
508
508
  data-selector-id="box"
509
509
  data-test-id="dateTime_date"
@@ -512,7 +512,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
512
512
  </div>
513
513
  <div
514
514
  aria-label="29"
515
- class="noShrink active datesStr grid"
515
+ class="noShrink active datesStr grid"
516
516
  data-id="dateTime_dateSelected"
517
517
  data-selector-id="box"
518
518
  data-test-id="dateTime_dateSelected"
@@ -528,7 +528,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
528
528
  >
529
529
  <div
530
530
  aria-label="30"
531
- class="noShrink datesStr grid holiday"
531
+ class="noShrink datesStr grid holiday"
532
532
  data-id="dateTime_date"
533
533
  data-selector-id="box"
534
534
  data-test-id="dateTime_date"
@@ -537,7 +537,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
537
537
  </div>
538
538
  <div
539
539
  aria-label="31"
540
- class="noShrink datesStr grid"
540
+ class="noShrink datesStr grid"
541
541
  data-id="dateTime_date"
542
542
  data-selector-id="box"
543
543
  data-test-id="dateTime_date"
@@ -546,7 +546,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
546
546
  </div>
547
547
  <div
548
548
  aria-label="1"
549
- class="noShrink invalidDate datesStr grid"
549
+ class="noShrink invalidDate datesStr grid"
550
550
  data-id="dateTime_invalidDate"
551
551
  data-selector-id="box"
552
552
  data-test-id="dateTime_invalidDate"
@@ -555,7 +555,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
555
555
  </div>
556
556
  <div
557
557
  aria-label="2"
558
- class="noShrink invalidDate datesStr grid"
558
+ class="noShrink invalidDate datesStr grid"
559
559
  data-id="dateTime_invalidDate"
560
560
  data-selector-id="box"
561
561
  data-test-id="dateTime_invalidDate"
@@ -564,7 +564,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
564
564
  </div>
565
565
  <div
566
566
  aria-label="3"
567
- class="noShrink invalidDate datesStr grid"
567
+ class="noShrink invalidDate datesStr grid"
568
568
  data-id="dateTime_invalidDate"
569
569
  data-selector-id="box"
570
570
  data-test-id="dateTime_invalidDate"
@@ -573,7 +573,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
573
573
  </div>
574
574
  <div
575
575
  aria-label="4"
576
- class="noShrink invalidDate datesStr grid"
576
+ class="noShrink invalidDate datesStr grid"
577
577
  data-id="dateTime_invalidDate"
578
578
  data-selector-id="box"
579
579
  data-test-id="dateTime_invalidDate"
@@ -582,7 +582,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
582
582
  </div>
583
583
  <div
584
584
  aria-label="5"
585
- class="noShrink invalidDate datesStr grid"
585
+ class="noShrink invalidDate datesStr grid"
586
586
  data-id="dateTime_invalidDate"
587
587
  data-selector-id="box"
588
588
  data-test-id="dateTime_invalidDate"
@@ -609,7 +609,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
609
609
  data-test-id="boxComponent"
610
610
  >
611
611
  <div
612
- class="container box_small "
612
+ class="container box_small"
613
613
  data-selector-id="select"
614
614
  >
615
615
  <div
@@ -618,7 +618,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
618
618
  data-test-id="hourField"
619
619
  >
620
620
  <div
621
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
621
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
622
622
  data-selector-id="textBoxIcon"
623
623
  >
624
624
  <div
@@ -636,7 +636,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
636
636
  aria-owns="1"
637
637
  aria-readonly="true"
638
638
  autocomplete="off"
639
- class=" pointer container xmedium primary effect borderColor_default inputDotted "
639
+ class="pointer container xmedium primary effect borderColor_default inputDotted"
640
640
  data-id="hourField_textBox"
641
641
  data-selector-id="textBoxIcon"
642
642
  data-test-id="hourField_textBox"
@@ -682,7 +682,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
682
682
  >
683
683
  <i
684
684
  aria-hidden="true"
685
- class="zd_font_icons basic icon-down "
685
+ class="zd_font_icons basic icon-down"
686
686
  data-id="fontIcon"
687
687
  data-selector-id="fontIcon"
688
688
  data-test-id="fontIcon"
@@ -704,7 +704,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
704
704
  data-test-id="boxComponent"
705
705
  >
706
706
  <div
707
- class="container box_small "
707
+ class="container box_small"
708
708
  data-selector-id="select"
709
709
  >
710
710
  <div
@@ -713,7 +713,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
713
713
  data-test-id="minuteField"
714
714
  >
715
715
  <div
716
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
716
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
717
717
  data-selector-id="textBoxIcon"
718
718
  >
719
719
  <div
@@ -731,7 +731,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
731
731
  aria-owns="3"
732
732
  aria-readonly="true"
733
733
  autocomplete="off"
734
- class=" pointer container xmedium primary effect borderColor_default inputDotted "
734
+ class="pointer container xmedium primary effect borderColor_default inputDotted"
735
735
  data-id="minuteField_textBox"
736
736
  data-selector-id="textBoxIcon"
737
737
  data-test-id="minuteField_textBox"
@@ -777,7 +777,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
777
777
  >
778
778
  <i
779
779
  aria-hidden="true"
780
- class="zd_font_icons basic icon-down "
780
+ class="zd_font_icons basic icon-down"
781
781
  data-id="fontIcon"
782
782
  data-selector-id="fontIcon"
783
783
  data-test-id="fontIcon"
@@ -799,7 +799,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
799
799
  data-test-id="boxComponent"
800
800
  >
801
801
  <div
802
- class="container box_small "
802
+ class="container box_small"
803
803
  data-selector-id="select"
804
804
  >
805
805
  <div
@@ -808,7 +808,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
808
808
  data-test-id="ampmField"
809
809
  >
810
810
  <div
811
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
811
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
812
812
  data-selector-id="textBoxIcon"
813
813
  >
814
814
  <div
@@ -826,7 +826,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
826
826
  aria-owns="5"
827
827
  aria-readonly="true"
828
828
  autocomplete="off"
829
- class=" pointer container xmedium primary effect borderColor_default inputDotted "
829
+ class="pointer container xmedium primary effect borderColor_default inputDotted"
830
830
  data-id="ampmField_textBox"
831
831
  data-selector-id="textBoxIcon"
832
832
  data-test-id="ampmField_textBox"
@@ -872,7 +872,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
872
872
  >
873
873
  <i
874
874
  aria-hidden="true"
875
- class="zd_font_icons basic icon-down "
875
+ class="zd_font_icons basic icon-down"
876
876
  data-id="fontIcon"
877
877
  data-selector-id="fontIcon"
878
878
  data-test-id="fontIcon"
package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap CHANGED
@@ -15,13 +15,13 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
15
15
  data-test-id="selectYear"
16
16
  >
17
17
  <h2
18
- class="reset thMonYear"
18
+ class="reset thMonYear"
19
19
  tabindex="0"
20
20
  />
21
21
  <span>
22
22
  <i
23
23
  aria-hidden="true"
24
- class="zd_font_icons basic icon-dropdown downArrow"
24
+ class="zd_font_icons basic icon-dropdown downArrow"
25
25
  data-id="fontIcon"
26
26
  data-selector-id="fontIcon"
27
27
  data-test-id="fontIcon"
@@ -45,7 +45,7 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
45
45
  >
46
46
  <i
47
47
  aria-hidden="true"
48
- class="zd_font_icons rtl basic icon-arrow-left3 fbold "
48
+ class="zd_font_icons rtl basic icon-arrow-left3 fbold"
49
49
  data-id="fontIcon"
50
50
  data-selector-id="fontIcon"
51
51
  data-test-id="fontIcon"
@@ -61,7 +61,7 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
61
61
  >
62
62
  <i
63
63
  aria-hidden="true"
64
- class="zd_font_icons rtl basic icon-arrow-right3 fbold "
64
+ class="zd_font_icons rtl basic icon-arrow-right3 fbold"
65
65
  data-id="fontIcon"
66
66
  data-selector-id="fontIcon"
67
67
  data-test-id="fontIcon"
package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap CHANGED
@@ -6,12 +6,12 @@ exports[`DateWidget rendering the defult props 1`] = `
6
6
  class="container"
7
7
  >
8
8
  <div
9
- class=" textBox enabled "
9
+ class="textBox enabled"
10
10
  data-id="dateWidget_widget"
11
11
  data-test-id="dateWidget_widget"
12
12
  >
13
13
  <div
14
- class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container placeHolder"
14
+ class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container placeHolder"
15
15
  data-selector-id="textBoxIcon"
16
16
  >
17
17
  <div
@@ -22,7 +22,7 @@ exports[`DateWidget rendering the defult props 1`] = `
22
22
  >
23
23
  <input
24
24
  autocomplete="off"
25
- class=" pointer container medium default effect borderColor_default "
25
+ class="pointer container medium default effect borderColor_default"
26
26
  data-id="dateWidget"
27
27
  data-selector-id="textBoxIcon"
28
28
  data-test-id="dateWidget"
@@ -57,7 +57,7 @@ exports[`DateWidget rendering the defult props 1`] = `
57
57
  >
58
58
  <i
59
59
  aria-hidden="true"
60
- class="zd_font_icons basic icon-Datepicker "
60
+ class="zd_font_icons basic icon-Datepicker"
61
61
  data-id="fontIcon"
62
62
  data-selector-id="fontIcon"
63
63
  data-test-id="fontIcon"