@zohodesk/components 1.0.0-temp-199 → 1.0.0-temp-200

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 (388) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +230 -230
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/css_error.log +1 -1
  5. package/es/Accordion/__tests__/Accordion.spec.js +11 -0
  6. package/es/Accordion/__tests__/AccordionItem.spec.js +16 -0
  7. package/es/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +12 -0
  8. package/es/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +23 -0
  9. package/es/Animation/__tests__/Animation.spec.js +14 -0
  10. package/es/Animation/__tests__/__snapshots__/Animation.spec.js.snap +11 -0
  11. package/es/AppContainer/AppContainer.module.css +18 -18
  12. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  13. package/es/AvatarTeam/AvatarTeam.js +7 -7
  14. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  15. package/es/Button/Button.js +4 -4
  16. package/es/Buttongroup/Buttongroup.js +1 -1
  17. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  18. package/es/Card/Card.js +4 -4
  19. package/es/Card/Card.module.css +20 -20
  20. package/es/Card/__tests__/Card.spec.js +11 -0
  21. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +12 -0
  22. package/es/DateTime/DateWidget.module.css +38 -38
  23. package/es/DateTime/__tests__/CalendarView.spec.js +13 -0
  24. package/es/DateTime/__tests__/DateTime.spec.js +21 -0
  25. package/es/DateTime/__tests__/DateTimePopupFooter.spec.js +11 -0
  26. package/es/DateTime/__tests__/DateTimePopupHeader.spec.js +11 -0
  27. package/es/DateTime/__tests__/DateWidget.spec.js +11 -0
  28. package/es/DateTime/__tests__/DaysRow.spec.js +13 -0
  29. package/es/DateTime/__tests__/Time.spec.js +11 -0
  30. package/es/DateTime/__tests__/YearView.spec.js +11 -0
  31. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +312 -0
  32. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +938 -0
  33. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +34 -0
  34. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +72 -0
  35. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +79 -0
  36. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +12 -0
  37. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +310 -0
  38. package/es/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +61 -0
  39. package/es/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +11 -0
  40. package/es/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +33 -0
  41. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  42. package/es/DropBox/__tests__/DropBox.spec.js +11 -0
  43. package/es/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +33 -0
  44. package/es/DropDown/DropDown.module.css +5 -5
  45. package/es/DropDown/DropDownSearch.js +4 -2
  46. package/es/DropDown/DropDownSearch.module.css +14 -14
  47. package/es/DropDown/DropDownSeparator.module.css +7 -7
  48. package/es/DropDown/__tests__/DropDown.spec.js +11 -0
  49. package/es/DropDown/__tests__/DropDownHeading.spec.js +11 -0
  50. package/es/DropDown/__tests__/DropDownItem.spec.js +11 -0
  51. package/es/DropDown/__tests__/DropDownSearch.spec.js +11 -0
  52. package/es/DropDown/__tests__/DropDownSeparator.spec.js +11 -0
  53. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +51 -0
  54. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +12 -0
  55. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +11 -0
  56. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +19 -0
  57. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +9 -0
  58. package/es/DropDown/props/defaultProps.js +2 -1
  59. package/es/DropDown/props/propTypes.js +2 -1
  60. package/es/Heading/Heading.module.css +4 -4
  61. package/es/Heading/__tests__/Heading.spec.js +11 -0
  62. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +9 -0
  63. package/es/Label/Label.js +2 -2
  64. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  65. package/es/Layout/Layout.module.css +335 -335
  66. package/es/Layout/__tests__/Box.spec.js +11 -0
  67. package/es/Layout/__tests__/Container.spec.js +11 -0
  68. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +16 -0
  69. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +16 -0
  70. package/es/ListItem/ListItem.js +2 -2
  71. package/es/ListItem/ListItem.module.css +18 -85
  72. package/es/ListItem/ListItemWithAvatar.js +3 -3
  73. package/es/ListItem/ListItemWithCheckBox.js +2 -1
  74. package/es/ListItem/ListItemWithIcon.js +2 -2
  75. package/es/ListItem/ListItemWithRadio.js +2 -1
  76. package/es/ListItem/__tests__/ListContainer.spec.js +11 -0
  77. package/es/ListItem/__tests__/ListItem.spec.js +11 -0
  78. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +11 -0
  79. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +11 -0
  80. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +11 -0
  81. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +11 -0
  82. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +14 -0
  83. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +15 -0
  84. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +24 -0
  85. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +69 -0
  86. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +24 -0
  87. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +70 -0
  88. package/es/Modal/__tests__/Modal.spec.js +15 -0
  89. package/es/Modal/__tests__/__snapshots__/Modal.spec.js.snap +26 -0
  90. package/es/MultiSelect/AdvancedGroupMultiSelect.js +6 -8
  91. package/es/MultiSelect/AdvancedMultiSelect.js +6 -4
  92. package/es/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +11 -0
  93. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +39 -0
  94. package/es/MultiSelect/MultiSelect.js +6 -9
  95. package/es/MultiSelect/MultiSelectWithAvatar.js +2 -1
  96. package/es/MultiSelect/SelectedOptions.js +10 -5
  97. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  98. package/es/MultiSelect/Suggestions.js +4 -8
  99. package/es/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +12 -0
  100. package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +12 -0
  101. package/es/MultiSelect/__tests__/EmptyState.spec.js +15 -0
  102. package/es/MultiSelect/__tests__/MultiSelect.spec.js +11 -0
  103. package/es/MultiSelect/__tests__/MultiSelectHeader.spec.js +21 -0
  104. package/es/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +11 -0
  105. package/es/MultiSelect/__tests__/SelectedOptions.spec.js +28 -0
  106. package/es/MultiSelect/__tests__/Suggestions.spec.js +13 -0
  107. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +74 -0
  108. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +74 -0
  109. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +12 -0
  110. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +86 -0
  111. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +42 -0
  112. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +85 -0
  113. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +80 -0
  114. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +20 -0
  115. package/es/MultiSelect/props/defaultProps.js +7 -9
  116. package/es/MultiSelect/props/propTypes.js +5 -7
  117. package/es/PopOver/__tests__/PopOver.spec.js +11 -0
  118. package/es/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +13 -0
  119. package/es/Popup/PositionMapping.json +73 -73
  120. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  121. package/es/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +11 -0
  122. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +39 -0
  123. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  124. package/es/RippleEffect/RippleEffect.module.css +92 -92
  125. package/es/Select/GroupSelect.js +2 -7
  126. package/es/Select/Select.module.css +134 -134
  127. package/es/Select/SelectWithAvatar.js +7 -9
  128. package/es/Select/SelectWithIcon.js +2 -7
  129. package/es/Select/__tests__/GroupSelect.spec.js +19 -0
  130. package/es/Select/__tests__/Select.spec.js +12 -0
  131. package/es/Select/__tests__/SelectWithAvatar.spec.js +12 -0
  132. package/es/Select/__tests__/SelectWithIcon.spec.js +12 -0
  133. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +90 -0
  134. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +97 -0
  135. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +45 -0
  136. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +108 -0
  137. package/es/Select/props/defaultProps.js +3 -6
  138. package/es/Select/props/propTypes.js +3 -6
  139. package/es/Stencils/Stencils.module.css +96 -96
  140. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  141. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  142. package/es/Tab/TabContent.module.css +4 -4
  143. package/es/Tab/Tabs.js +21 -19
  144. package/es/Tab/__tests__/Tab.spec.js +11 -0
  145. package/es/Tab/__tests__/TabContent.spec.js +11 -0
  146. package/es/Tab/__tests__/TabContentWrapper.spec.js +11 -0
  147. package/es/Tab/__tests__/TabWrapper.spec.js +11 -0
  148. package/es/Tab/__tests__/Tabs.spec.js +11 -0
  149. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +22 -0
  150. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +19 -0
  151. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +12 -0
  152. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +20 -0
  153. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +33 -0
  154. package/es/Tag/Tag.js +8 -8
  155. package/es/Tag/__tests__/Tag.spec.js +3 -3
  156. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +162 -162
  157. package/es/Tooltip/Tooltip.module.css +140 -140
  158. package/es/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +11 -0
  159. package/es/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +9 -0
  160. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +19 -0
  161. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +11 -0
  162. package/es/common/a11y.module.css +3 -3
  163. package/es/common/animation.module.css +624 -624
  164. package/es/common/avatarsizes.module.css +48 -48
  165. package/es/common/basic.module.css +33 -33
  166. package/es/common/basicReset.module.css +40 -40
  167. package/es/common/boxShadow.module.css +33 -33
  168. package/es/common/common.module.css +524 -524
  169. package/es/common/reset.module.css +13 -13
  170. package/es/common/transition.module.css +146 -146
  171. package/es/semantic/Button/__tests__/Button.spec.js +11 -0
  172. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +15 -0
  173. package/es/semantic/Button/semanticButton.module.css +9 -9
  174. package/es/v1/Avatar/Avatar.js +5 -5
  175. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  176. package/es/v1/Button/Button.js +4 -4
  177. package/es/v1/DropDown/DropDownSearch.js +4 -2
  178. package/es/v1/DropDown/props/defaultProps.js +2 -1
  179. package/es/v1/DropDown/props/propTypes.js +2 -1
  180. package/es/v1/ListItem/ListItemWithCheckBox.js +2 -1
  181. package/es/v1/ListItem/ListItemWithRadio.js +2 -1
  182. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
  183. package/es/v1/MultiSelect/AdvancedMultiSelect.js +5 -1
  184. package/es/v1/MultiSelect/MultiSelect.js +9 -7
  185. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +2 -1
  186. package/es/v1/MultiSelect/SelectedOptions.js +4 -2
  187. package/es/v1/MultiSelect/props/defaultProps.js +2 -1
  188. package/es/v1/MultiSelect/props/propTypes.js +2 -1
  189. package/es/v1/Select/SelectWithAvatar.js +5 -2
  190. package/es/v1/Tab/Tabs.js +4 -2
  191. package/es/v1/Tab/v1TabContent.module.css +4 -4
  192. package/es/v1/Tag/Tag.js +8 -8
  193. package/es/v1/Typography/css/Typography.module.css +380 -380
  194. package/install.md +10 -10
  195. package/lib/Accordion/__tests__/Accordion.spec.js +18 -0
  196. package/lib/Accordion/__tests__/AccordionItem.spec.js +24 -0
  197. package/lib/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +12 -0
  198. package/lib/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +23 -0
  199. package/lib/Animation/__tests__/Animation.spec.js +21 -0
  200. package/lib/Animation/__tests__/__snapshots__/Animation.spec.js.snap +11 -0
  201. package/lib/AppContainer/AppContainer.module.css +18 -18
  202. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  203. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  204. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  205. package/lib/Button/Button.js +4 -4
  206. package/lib/Buttongroup/Buttongroup.js +1 -1
  207. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
  208. package/lib/Card/Card.js +4 -4
  209. package/lib/Card/Card.module.css +20 -20
  210. package/lib/Card/__tests__/Card.spec.js +18 -0
  211. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +12 -0
  212. package/lib/DateTime/DateWidget.module.css +38 -38
  213. package/lib/DateTime/__tests__/CalendarView.spec.js +20 -0
  214. package/lib/DateTime/__tests__/DateTime.spec.js +28 -0
  215. package/lib/DateTime/__tests__/DateTimePopupFooter.spec.js +18 -0
  216. package/lib/DateTime/__tests__/DateTimePopupHeader.spec.js +18 -0
  217. package/lib/DateTime/__tests__/DateWidget.spec.js +18 -0
  218. package/lib/DateTime/__tests__/DaysRow.spec.js +20 -0
  219. package/lib/DateTime/__tests__/Time.spec.js +18 -0
  220. package/lib/DateTime/__tests__/YearView.spec.js +18 -0
  221. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +312 -0
  222. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +938 -0
  223. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +34 -0
  224. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +72 -0
  225. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +79 -0
  226. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +12 -0
  227. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +310 -0
  228. package/lib/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +61 -0
  229. package/lib/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +18 -0
  230. package/lib/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +33 -0
  231. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  232. package/lib/DropBox/__tests__/DropBox.spec.js +18 -0
  233. package/lib/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +33 -0
  234. package/lib/DropDown/DropDown.module.css +5 -5
  235. package/lib/DropDown/DropDownSearch.js +4 -2
  236. package/lib/DropDown/DropDownSearch.module.css +14 -14
  237. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  238. package/lib/DropDown/__tests__/DropDown.spec.js +18 -0
  239. package/lib/DropDown/__tests__/DropDownHeading.spec.js +18 -0
  240. package/lib/DropDown/__tests__/DropDownItem.spec.js +18 -0
  241. package/lib/DropDown/__tests__/DropDownSearch.spec.js +18 -0
  242. package/lib/DropDown/__tests__/DropDownSeparator.spec.js +18 -0
  243. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +51 -0
  244. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +12 -0
  245. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +11 -0
  246. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +19 -0
  247. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +9 -0
  248. package/lib/DropDown/props/defaultProps.js +2 -1
  249. package/lib/DropDown/props/propTypes.js +1 -1
  250. package/lib/Heading/Heading.module.css +4 -4
  251. package/lib/Heading/__tests__/Heading.spec.js +18 -0
  252. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +9 -0
  253. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  254. package/lib/Layout/Layout.module.css +335 -335
  255. package/lib/Layout/__tests__/Box.spec.js +18 -0
  256. package/lib/Layout/__tests__/Container.spec.js +18 -0
  257. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +16 -0
  258. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +16 -0
  259. package/lib/ListItem/ListItem.js +2 -2
  260. package/lib/ListItem/ListItem.module.css +18 -85
  261. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  262. package/lib/ListItem/ListItemWithCheckBox.js +2 -1
  263. package/lib/ListItem/ListItemWithIcon.js +2 -2
  264. package/lib/ListItem/ListItemWithRadio.js +2 -1
  265. package/lib/ListItem/__tests__/ListContainer.spec.js +18 -0
  266. package/lib/ListItem/__tests__/ListItem.spec.js +18 -0
  267. package/lib/ListItem/__tests__/ListItemWithAvatar.spec.js +18 -0
  268. package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js +18 -0
  269. package/lib/ListItem/__tests__/ListItemWithIcon.spec.js +18 -0
  270. package/lib/ListItem/__tests__/ListItemWithRadio.spec.js +18 -0
  271. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +14 -0
  272. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +15 -0
  273. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +24 -0
  274. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +69 -0
  275. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +24 -0
  276. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +70 -0
  277. package/lib/Modal/__tests__/Modal.spec.js +22 -0
  278. package/lib/Modal/__tests__/__snapshots__/Modal.spec.js.snap +26 -0
  279. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +9 -10
  280. package/lib/MultiSelect/AdvancedMultiSelect.js +7 -6
  281. package/lib/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +18 -0
  282. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +39 -0
  283. package/lib/MultiSelect/MultiSelect.js +7 -10
  284. package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -1
  285. package/lib/MultiSelect/SelectedOptions.js +10 -5
  286. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  287. package/lib/MultiSelect/Suggestions.js +4 -8
  288. package/lib/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +20 -0
  289. package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +20 -0
  290. package/lib/MultiSelect/__tests__/EmptyState.spec.js +22 -0
  291. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +18 -0
  292. package/lib/MultiSelect/__tests__/MultiSelectHeader.spec.js +28 -0
  293. package/lib/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +18 -0
  294. package/lib/MultiSelect/__tests__/SelectedOptions.spec.js +35 -0
  295. package/lib/MultiSelect/__tests__/Suggestions.spec.js +20 -0
  296. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +74 -0
  297. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +74 -0
  298. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +12 -0
  299. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +86 -0
  300. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +42 -0
  301. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +85 -0
  302. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +80 -0
  303. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +20 -0
  304. package/lib/MultiSelect/props/defaultProps.js +7 -9
  305. package/lib/MultiSelect/props/propTypes.js +8 -9
  306. package/lib/PopOver/__tests__/PopOver.spec.js +18 -0
  307. package/lib/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +13 -0
  308. package/lib/Popup/PositionMapping.json +73 -73
  309. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  310. package/lib/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +18 -0
  311. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +39 -0
  312. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  313. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  314. package/lib/Select/GroupSelect.js +3 -8
  315. package/lib/Select/Select.module.css +134 -134
  316. package/lib/Select/SelectWithAvatar.js +8 -10
  317. package/lib/Select/SelectWithIcon.js +3 -8
  318. package/lib/Select/__tests__/GroupSelect.spec.js +27 -0
  319. package/lib/Select/__tests__/Select.spec.js +20 -0
  320. package/lib/Select/__tests__/SelectWithAvatar.spec.js +20 -0
  321. package/lib/Select/__tests__/SelectWithIcon.spec.js +20 -0
  322. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +90 -0
  323. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +97 -0
  324. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +45 -0
  325. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +108 -0
  326. package/lib/Select/props/defaultProps.js +3 -5
  327. package/lib/Select/props/propTypes.js +3 -6
  328. package/lib/Stencils/Stencils.module.css +96 -96
  329. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  330. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  331. package/lib/Tab/TabContent.module.css +4 -4
  332. package/lib/Tab/Tabs.js +15 -13
  333. package/lib/Tab/__tests__/Tab.spec.js +18 -0
  334. package/lib/Tab/__tests__/TabContent.spec.js +18 -0
  335. package/lib/Tab/__tests__/TabContentWrapper.spec.js +18 -0
  336. package/lib/Tab/__tests__/TabWrapper.spec.js +18 -0
  337. package/lib/Tab/__tests__/Tabs.spec.js +18 -0
  338. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +22 -0
  339. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +19 -0
  340. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +12 -0
  341. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +20 -0
  342. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +33 -0
  343. package/lib/Tag/Tag.js +8 -8
  344. package/lib/Tag/__tests__/Tag.spec.js +3 -3
  345. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +162 -162
  346. package/lib/Tooltip/Tooltip.module.css +140 -140
  347. package/lib/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +18 -0
  348. package/lib/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +9 -0
  349. package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +26 -0
  350. package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +11 -0
  351. package/lib/common/a11y.module.css +3 -3
  352. package/lib/common/animation.module.css +624 -624
  353. package/lib/common/avatarsizes.module.css +48 -48
  354. package/lib/common/basic.module.css +33 -33
  355. package/lib/common/basicReset.module.css +40 -40
  356. package/lib/common/boxShadow.module.css +33 -33
  357. package/lib/common/common.module.css +524 -524
  358. package/lib/common/reset.module.css +13 -13
  359. package/lib/common/transition.module.css +146 -146
  360. package/lib/semantic/Button/__tests__/Button.spec.js +18 -0
  361. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +15 -0
  362. package/lib/semantic/Button/semanticButton.module.css +9 -9
  363. package/lib/v1/Avatar/Avatar.js +5 -5
  364. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  365. package/lib/v1/Button/Button.js +4 -4
  366. package/lib/v1/DropDown/DropDownSearch.js +4 -2
  367. package/lib/v1/DropDown/props/defaultProps.js +2 -1
  368. package/lib/v1/DropDown/props/propTypes.js +1 -1
  369. package/lib/v1/ListItem/ListItemWithCheckBox.js +2 -1
  370. package/lib/v1/ListItem/ListItemWithRadio.js +2 -1
  371. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +6 -3
  372. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +7 -3
  373. package/lib/v1/MultiSelect/MultiSelect.js +9 -7
  374. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +2 -1
  375. package/lib/v1/MultiSelect/SelectedOptions.js +4 -2
  376. package/lib/v1/MultiSelect/props/defaultProps.js +2 -1
  377. package/lib/v1/MultiSelect/props/propTypes.js +2 -1
  378. package/lib/v1/Select/SelectWithAvatar.js +5 -2
  379. package/lib/v1/Tab/Tabs.js +4 -2
  380. package/lib/v1/Tab/v1TabContent.module.css +4 -4
  381. package/lib/v1/Tag/Tag.js +8 -8
  382. package/lib/v1/Typography/css/Typography.module.css +380 -380
  383. package/package.json +3 -3
  384. package/postPublish.js +8 -8
  385. package/prePublish.js +70 -70
  386. package/propValidationArg.json +11 -11
  387. package/react-cli.config.js +23 -23
  388. package/result.json +1 -1
package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap ADDED
@@ -0,0 +1,938 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`DateTime rendering the defult props 1`] = `<DocumentFragment />`;
4
+
5
+ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1`] = `
6
+ <DocumentFragment>
7
+ <div
8
+ class="dropBox "
9
+ data-id="dateTime_dateBoxContainer"
10
+ data-test-id="dateTime_dateBoxContainer"
11
+ >
12
+ <div
13
+ class="container "
14
+ data-id="dateTime_Calendar"
15
+ data-test-id="dateTime_Calendar"
16
+ >
17
+ <div
18
+ class="header flex cover rowdir both"
19
+ data-id="containerComponent"
20
+ data-selector-id="container"
21
+ data-test-id="containerComponent"
22
+ >
23
+ <div
24
+ class="dateText shrinkOff"
25
+ data-id="selectYear"
26
+ data-selector-id="box"
27
+ data-test-id="selectYear"
28
+ >
29
+ <h2
30
+ class="reset thMonYear"
31
+ data-title="July 2024"
32
+ tabindex="0"
33
+ >
34
+ July 2024
35
+ </h2>
36
+ <span>
37
+ <i
38
+ aria-hidden="true"
39
+ class="zd_font_icons basic icon-dropdown downArrow "
40
+ data-id="fontIcon"
41
+ data-selector-id="fontIcon"
42
+ data-test-id="fontIcon"
43
+ style="--zd-iconfont-size: var(--zd_font_size12);"
44
+ />
45
+ </span>
46
+ </div>
47
+ <div
48
+ class="grow basis shrinkOff"
49
+ data-id="boxComponent"
50
+ data-selector-id="box"
51
+ data-test-id="boxComponent"
52
+ />
53
+ <div
54
+ aria-label="prevMonth"
55
+ class="thArrow grid shrinkOff"
56
+ data-id="prevMonth"
57
+ data-selector-id="box"
58
+ data-test-id="prevMonth"
59
+ data-title="Prev month"
60
+ tabindex="0"
61
+ >
62
+ <i
63
+ aria-hidden="true"
64
+ class="zd_font_icons basic icon-arrow-left3 fbold rtl "
65
+ data-id="fontIcon"
66
+ data-selector-id="fontIcon"
67
+ data-test-id="fontIcon"
68
+ />
69
+ </div>
70
+ <div
71
+ aria-label="nextMonth"
72
+ class="thArrow grid navigation shrinkOff"
73
+ data-id="nextMonth"
74
+ data-selector-id="box"
75
+ data-test-id="nextMonth"
76
+ data-title="Next month"
77
+ tabindex="0"
78
+ >
79
+ <i
80
+ aria-hidden="true"
81
+ class="zd_font_icons basic icon-arrow-right3 fbold rtl "
82
+ data-id="fontIcon"
83
+ data-selector-id="fontIcon"
84
+ data-test-id="fontIcon"
85
+ />
86
+ </div>
87
+ </div>
88
+ <div
89
+ class="subContainer"
90
+ >
91
+ <div
92
+ class="days flex cover rowdir"
93
+ data-id="containerComponent"
94
+ data-selector-id="container"
95
+ data-test-id="containerComponent"
96
+ >
97
+ <div
98
+ aria-label="Sunday"
99
+ class="daysStr grid sunday shrinkOff"
100
+ data-id="boxComponent"
101
+ data-selector-id="box"
102
+ data-test-id="boxComponent"
103
+ data-title="Sunday"
104
+ >
105
+ S
106
+ </div>
107
+ <div
108
+ aria-label="Monday"
109
+ class="daysStr grid shrinkOff"
110
+ data-id="boxComponent"
111
+ data-selector-id="box"
112
+ data-test-id="boxComponent"
113
+ data-title="Monday"
114
+ >
115
+ M
116
+ </div>
117
+ <div
118
+ aria-label="Tuesday"
119
+ class="daysStr grid shrinkOff"
120
+ data-id="boxComponent"
121
+ data-selector-id="box"
122
+ data-test-id="boxComponent"
123
+ data-title="Tuesday"
124
+ >
125
+ T
126
+ </div>
127
+ <div
128
+ aria-label="Wednesday"
129
+ class="daysStr grid shrinkOff"
130
+ data-id="boxComponent"
131
+ data-selector-id="box"
132
+ data-test-id="boxComponent"
133
+ data-title="Wednesday"
134
+ >
135
+ W
136
+ </div>
137
+ <div
138
+ aria-label="Thursday"
139
+ class="daysStr grid shrinkOff"
140
+ data-id="boxComponent"
141
+ data-selector-id="box"
142
+ data-test-id="boxComponent"
143
+ data-title="Thursday"
144
+ >
145
+ T
146
+ </div>
147
+ <div
148
+ aria-label="Friday"
149
+ class="daysStr grid shrinkOff"
150
+ data-id="boxComponent"
151
+ data-selector-id="box"
152
+ data-test-id="boxComponent"
153
+ data-title="Friday"
154
+ >
155
+ F
156
+ </div>
157
+ <div
158
+ aria-label="Saturday"
159
+ class="daysStr grid shrinkOff"
160
+ data-id="boxComponent"
161
+ data-selector-id="box"
162
+ data-test-id="boxComponent"
163
+ data-title="Saturday"
164
+ >
165
+ S
166
+ </div>
167
+ </div>
168
+ <div
169
+ class="dateContainer separator"
170
+ data-id="dateTime_dateContainer"
171
+ data-test-id="dateTime_dateContainer"
172
+ >
173
+ <div
174
+ class="dateRow flex rowdir"
175
+ data-id="containerComponent"
176
+ data-selector-id="container"
177
+ data-test-id="containerComponent"
178
+ >
179
+ <div
180
+ aria-label="30"
181
+ class="datesStr grid sunday invalidDate shrinkOff"
182
+ data-id="dateTime_invalidDate"
183
+ data-selector-id="box"
184
+ data-test-id="dateTime_invalidDate"
185
+ >
186
+ 30
187
+ </div>
188
+ <div
189
+ aria-label="1"
190
+ class="datesStr grid shrinkOff"
191
+ data-id="dateTime_date"
192
+ data-selector-id="box"
193
+ data-test-id="dateTime_date"
194
+ >
195
+ 1
196
+ </div>
197
+ <div
198
+ aria-label="2"
199
+ class="datesStr grid shrinkOff"
200
+ data-id="dateTime_date"
201
+ data-selector-id="box"
202
+ data-test-id="dateTime_date"
203
+ >
204
+ 2
205
+ </div>
206
+ <div
207
+ aria-label="3"
208
+ class="datesStr grid shrinkOff"
209
+ data-id="dateTime_date"
210
+ data-selector-id="box"
211
+ data-test-id="dateTime_date"
212
+ >
213
+ 3
214
+ </div>
215
+ <div
216
+ aria-label="4"
217
+ class="datesStr grid shrinkOff"
218
+ data-id="dateTime_date"
219
+ data-selector-id="box"
220
+ data-test-id="dateTime_date"
221
+ >
222
+ 4
223
+ </div>
224
+ <div
225
+ aria-label="5"
226
+ class="datesStr grid shrinkOff"
227
+ data-id="dateTime_date"
228
+ data-selector-id="box"
229
+ data-test-id="dateTime_date"
230
+ >
231
+ 5
232
+ </div>
233
+ <div
234
+ aria-label="6"
235
+ class="datesStr grid shrinkOff"
236
+ data-id="dateTime_date"
237
+ data-selector-id="box"
238
+ data-test-id="dateTime_date"
239
+ >
240
+ 6
241
+ </div>
242
+ </div>
243
+ <div
244
+ class="dateRow flex rowdir"
245
+ data-id="containerComponent"
246
+ data-selector-id="container"
247
+ data-test-id="containerComponent"
248
+ >
249
+ <div
250
+ aria-label="7"
251
+ class="datesStr grid sunday shrinkOff"
252
+ data-id="dateTime_date"
253
+ data-selector-id="box"
254
+ data-test-id="dateTime_date"
255
+ >
256
+ 7
257
+ </div>
258
+ <div
259
+ aria-label="8"
260
+ class="datesStr grid shrinkOff"
261
+ data-id="dateTime_date"
262
+ data-selector-id="box"
263
+ data-test-id="dateTime_date"
264
+ >
265
+ 8
266
+ </div>
267
+ <div
268
+ aria-label="9"
269
+ class="datesStr grid shrinkOff"
270
+ data-id="dateTime_date"
271
+ data-selector-id="box"
272
+ data-test-id="dateTime_date"
273
+ >
274
+ 9
275
+ </div>
276
+ <div
277
+ aria-label="10"
278
+ class="datesStr grid shrinkOff"
279
+ data-id="dateTime_date"
280
+ data-selector-id="box"
281
+ data-test-id="dateTime_date"
282
+ >
283
+ 10
284
+ </div>
285
+ <div
286
+ aria-label="11"
287
+ class="datesStr grid shrinkOff"
288
+ data-id="dateTime_date"
289
+ data-selector-id="box"
290
+ data-test-id="dateTime_date"
291
+ >
292
+ 11
293
+ </div>
294
+ <div
295
+ aria-label="12"
296
+ class="datesStr grid shrinkOff"
297
+ data-id="dateTime_date"
298
+ data-selector-id="box"
299
+ data-test-id="dateTime_date"
300
+ >
301
+ 12
302
+ </div>
303
+ <div
304
+ aria-label="13"
305
+ class="datesStr grid shrinkOff"
306
+ data-id="dateTime_date"
307
+ data-selector-id="box"
308
+ data-test-id="dateTime_date"
309
+ >
310
+ 13
311
+ </div>
312
+ </div>
313
+ <div
314
+ class="dateRow flex rowdir"
315
+ data-id="containerComponent"
316
+ data-selector-id="container"
317
+ data-test-id="containerComponent"
318
+ >
319
+ <div
320
+ aria-label="14"
321
+ class="datesStr grid sunday shrinkOff"
322
+ data-id="dateTime_date"
323
+ data-selector-id="box"
324
+ data-test-id="dateTime_date"
325
+ >
326
+ 14
327
+ </div>
328
+ <div
329
+ aria-label="15"
330
+ class="datesStr grid shrinkOff"
331
+ data-id="dateTime_date"
332
+ data-selector-id="box"
333
+ data-test-id="dateTime_date"
334
+ >
335
+ 15
336
+ </div>
337
+ <div
338
+ aria-label="16"
339
+ class="datesStr grid shrinkOff"
340
+ data-id="dateTime_date"
341
+ data-selector-id="box"
342
+ data-test-id="dateTime_date"
343
+ >
344
+ 16
345
+ </div>
346
+ <div
347
+ aria-label="17"
348
+ class="datesStr grid shrinkOff"
349
+ data-id="dateTime_date"
350
+ data-selector-id="box"
351
+ data-test-id="dateTime_date"
352
+ >
353
+ 17
354
+ </div>
355
+ <div
356
+ aria-label="18"
357
+ class="datesStr grid shrinkOff"
358
+ data-id="dateTime_date"
359
+ data-selector-id="box"
360
+ data-test-id="dateTime_date"
361
+ >
362
+ 18
363
+ </div>
364
+ <div
365
+ aria-label="19"
366
+ class="datesStr grid shrinkOff"
367
+ data-id="dateTime_date"
368
+ data-selector-id="box"
369
+ data-test-id="dateTime_date"
370
+ >
371
+ 19
372
+ </div>
373
+ <div
374
+ aria-label="20"
375
+ class="datesStr grid shrinkOff"
376
+ data-id="dateTime_date"
377
+ data-selector-id="box"
378
+ data-test-id="dateTime_date"
379
+ >
380
+ 20
381
+ </div>
382
+ </div>
383
+ <div
384
+ class="dateRow flex rowdir"
385
+ data-id="containerComponent"
386
+ data-selector-id="container"
387
+ data-test-id="containerComponent"
388
+ >
389
+ <div
390
+ aria-label="21"
391
+ class="datesStr grid sunday shrinkOff"
392
+ data-id="dateTime_date"
393
+ data-selector-id="box"
394
+ data-test-id="dateTime_date"
395
+ >
396
+ 21
397
+ </div>
398
+ <div
399
+ aria-label="22"
400
+ class="datesStr grid shrinkOff"
401
+ data-id="dateTime_date"
402
+ data-selector-id="box"
403
+ data-test-id="dateTime_date"
404
+ >
405
+ 22
406
+ </div>
407
+ <div
408
+ aria-label="23"
409
+ class="datesStr grid shrinkOff"
410
+ data-id="dateTime_date"
411
+ data-selector-id="box"
412
+ data-test-id="dateTime_date"
413
+ >
414
+ 23
415
+ </div>
416
+ <div
417
+ aria-label="24"
418
+ class="datesStr grid shrinkOff"
419
+ data-id="dateTime_date"
420
+ data-selector-id="box"
421
+ data-test-id="dateTime_date"
422
+ >
423
+ 24
424
+ </div>
425
+ <div
426
+ aria-label="25"
427
+ class="datesStr grid shrinkOff"
428
+ data-id="dateTime_date"
429
+ data-selector-id="box"
430
+ data-test-id="dateTime_date"
431
+ >
432
+ 25
433
+ </div>
434
+ <div
435
+ aria-label="26"
436
+ class="datesStr grid shrinkOff"
437
+ data-id="dateTime_date"
438
+ data-selector-id="box"
439
+ data-test-id="dateTime_date"
440
+ >
441
+ 26
442
+ </div>
443
+ <div
444
+ aria-label="27"
445
+ class="datesStr grid shrinkOff"
446
+ data-id="dateTime_date"
447
+ data-selector-id="box"
448
+ data-test-id="dateTime_date"
449
+ >
450
+ 27
451
+ </div>
452
+ </div>
453
+ <div
454
+ class="dateRow flex rowdir"
455
+ data-id="containerComponent"
456
+ data-selector-id="container"
457
+ data-test-id="containerComponent"
458
+ >
459
+ <div
460
+ aria-label="28"
461
+ class="datesStr grid sunday shrinkOff"
462
+ data-id="dateTime_date"
463
+ data-selector-id="box"
464
+ data-test-id="dateTime_date"
465
+ >
466
+ 28
467
+ </div>
468
+ <div
469
+ aria-label="29"
470
+ class="datesStr grid active shrinkOff"
471
+ data-id="dateTime_dateSelected"
472
+ data-selector-id="box"
473
+ data-test-id="dateTime_dateSelected"
474
+ >
475
+ 29
476
+ </div>
477
+ <div
478
+ aria-label="30"
479
+ class="datesStr grid today shrinkOff"
480
+ data-id="dateTime_date"
481
+ data-selector-id="box"
482
+ data-test-id="dateTime_date"
483
+ >
484
+ 30
485
+ </div>
486
+ <div
487
+ aria-label="31"
488
+ class="datesStr grid shrinkOff"
489
+ data-id="dateTime_date"
490
+ data-selector-id="box"
491
+ data-test-id="dateTime_date"
492
+ >
493
+ 31
494
+ </div>
495
+ <div
496
+ aria-label="1"
497
+ class="datesStr grid invalidDate shrinkOff"
498
+ data-id="dateTime_invalidDate"
499
+ data-selector-id="box"
500
+ data-test-id="dateTime_invalidDate"
501
+ >
502
+ 1
503
+ </div>
504
+ <div
505
+ aria-label="2"
506
+ class="datesStr grid invalidDate shrinkOff"
507
+ data-id="dateTime_invalidDate"
508
+ data-selector-id="box"
509
+ data-test-id="dateTime_invalidDate"
510
+ >
511
+ 2
512
+ </div>
513
+ <div
514
+ aria-label="3"
515
+ class="datesStr grid invalidDate shrinkOff"
516
+ data-id="dateTime_invalidDate"
517
+ data-selector-id="box"
518
+ data-test-id="dateTime_invalidDate"
519
+ >
520
+ 3
521
+ </div>
522
+ </div>
523
+ <div
524
+ class="dateRow flex rowdir"
525
+ data-id="containerComponent"
526
+ data-selector-id="container"
527
+ data-test-id="containerComponent"
528
+ >
529
+ <div
530
+ aria-label="4"
531
+ class="datesStr grid sunday invalidDate shrinkOff"
532
+ data-id="dateTime_invalidDate"
533
+ data-selector-id="box"
534
+ data-test-id="dateTime_invalidDate"
535
+ >
536
+ 4
537
+ </div>
538
+ <div
539
+ aria-label="5"
540
+ class="datesStr grid invalidDate shrinkOff"
541
+ data-id="dateTime_invalidDate"
542
+ data-selector-id="box"
543
+ data-test-id="dateTime_invalidDate"
544
+ >
545
+ 5
546
+ </div>
547
+ <div
548
+ aria-label="6"
549
+ class="datesStr grid invalidDate shrinkOff"
550
+ data-id="dateTime_invalidDate"
551
+ data-selector-id="box"
552
+ data-test-id="dateTime_invalidDate"
553
+ >
554
+ 6
555
+ </div>
556
+ <div
557
+ aria-label="7"
558
+ class="datesStr grid invalidDate shrinkOff"
559
+ data-id="dateTime_invalidDate"
560
+ data-selector-id="box"
561
+ data-test-id="dateTime_invalidDate"
562
+ >
563
+ 7
564
+ </div>
565
+ <div
566
+ aria-label="8"
567
+ class="datesStr grid invalidDate shrinkOff"
568
+ data-id="dateTime_invalidDate"
569
+ data-selector-id="box"
570
+ data-test-id="dateTime_invalidDate"
571
+ >
572
+ 8
573
+ </div>
574
+ <div
575
+ aria-label="9"
576
+ class="datesStr grid invalidDate shrinkOff"
577
+ data-id="dateTime_invalidDate"
578
+ data-selector-id="box"
579
+ data-test-id="dateTime_invalidDate"
580
+ >
581
+ 9
582
+ </div>
583
+ <div
584
+ aria-label="10"
585
+ class="datesStr grid invalidDate shrinkOff"
586
+ data-id="dateTime_invalidDate"
587
+ data-selector-id="box"
588
+ data-test-id="dateTime_invalidDate"
589
+ >
590
+ 10
591
+ </div>
592
+ </div>
593
+ </div>
594
+ <span
595
+ class="text"
596
+ >
597
+ Time
598
+ </span>
599
+ <div
600
+ class="timesection flex rowdir vCenter"
601
+ data-id="dateTime_timeContainer"
602
+ data-selector-id="container"
603
+ data-test-id="dateTime_timeContainer"
604
+ >
605
+ <div
606
+ class="dropDownContainer grow basis shrinkOff"
607
+ data-id="boxComponent"
608
+ data-selector-id="box"
609
+ data-test-id="boxComponent"
610
+ >
611
+ <div
612
+ class="container box_small "
613
+ data-selector-id="select"
614
+ >
615
+ <div
616
+ class=""
617
+ data-id="hourField"
618
+ data-test-id="hourField"
619
+ >
620
+ <div
621
+ class="container effect input flex rowdir"
622
+ data-id="containerComponent"
623
+ data-selector-id="textBoxIcon"
624
+ data-test-id="containerComponent"
625
+ >
626
+ <div
627
+ class="grow basis shrinkOff"
628
+ data-id="boxComponent"
629
+ data-selector-id="box"
630
+ data-test-id="boxComponent"
631
+ >
632
+ <input
633
+ aria-activedescendant="08"
634
+ aria-controls="1"
635
+ aria-expanded="false"
636
+ aria-haspopup="true"
637
+ aria-label="click to select options"
638
+ aria-owns="1"
639
+ aria-readonly="true"
640
+ autocomplete="off"
641
+ class=" pointer container xmedium primary effect borderColor_default inputDotted "
642
+ data-id="hourField_textBox"
643
+ data-selector-id="textBoxIcon"
644
+ data-test-id="hourField_textBox"
645
+ data-title="08"
646
+ maxlength="2"
647
+ placeholder=""
648
+ readonly=""
649
+ role="Menuitem"
650
+ type="text"
651
+ value="08"
652
+ />
653
+ </div>
654
+ <div
655
+ class="iconContainer shrinkOff"
656
+ data-id="boxComponent"
657
+ data-selector-id="box"
658
+ data-test-id="boxComponent"
659
+ >
660
+ <div
661
+ class="flex cover rowdir"
662
+ data-id="containerComponent"
663
+ data-selector-id="container"
664
+ data-test-id="containerComponent"
665
+ >
666
+ <div
667
+ class="icon shrinkOff"
668
+ data-id="boxComponent"
669
+ data-selector-id="box"
670
+ data-test-id="boxComponent"
671
+ >
672
+ <div
673
+ class="flex cover rowdir both"
674
+ data-id="containerComponent"
675
+ data-selector-id="container"
676
+ data-test-id="containerComponent"
677
+ >
678
+ <div
679
+ aria-hidden="true"
680
+ class="arrowIcon flex cover coldir both"
681
+ data-id="hourField_downIcon"
682
+ data-selector-id="container"
683
+ data-test-id="hourField_downIcon"
684
+ >
685
+ <i
686
+ aria-hidden="true"
687
+ class="zd_font_icons basic icon-down "
688
+ data-id="fontIcon"
689
+ data-selector-id="fontIcon"
690
+ data-test-id="fontIcon"
691
+ style="--zd-iconfont-size: var(--zd_font_size7);"
692
+ />
693
+ </div>
694
+ </div>
695
+ </div>
696
+ </div>
697
+ </div>
698
+ <div
699
+ class="line borderColor_default "
700
+ />
701
+ </div>
702
+ </div>
703
+ </div>
704
+ </div>
705
+ <div
706
+ class="dropDownContainer grow basis shrinkOff"
707
+ data-id="boxComponent"
708
+ data-selector-id="box"
709
+ data-test-id="boxComponent"
710
+ >
711
+ <div
712
+ class="container box_small "
713
+ data-selector-id="select"
714
+ >
715
+ <div
716
+ class=""
717
+ data-id="minuteField"
718
+ data-test-id="minuteField"
719
+ >
720
+ <div
721
+ class="container effect input flex rowdir"
722
+ data-id="containerComponent"
723
+ data-selector-id="textBoxIcon"
724
+ data-test-id="containerComponent"
725
+ >
726
+ <div
727
+ class="grow basis shrinkOff"
728
+ data-id="boxComponent"
729
+ data-selector-id="box"
730
+ data-test-id="boxComponent"
731
+ >
732
+ <input
733
+ aria-activedescendant="20"
734
+ aria-controls="3"
735
+ aria-expanded="false"
736
+ aria-haspopup="true"
737
+ aria-label="click to select options"
738
+ aria-owns="3"
739
+ aria-readonly="true"
740
+ autocomplete="off"
741
+ class=" pointer container xmedium primary effect borderColor_default inputDotted "
742
+ data-id="minuteField_textBox"
743
+ data-selector-id="textBoxIcon"
744
+ data-test-id="minuteField_textBox"
745
+ data-title="20"
746
+ maxlength="2"
747
+ placeholder=""
748
+ readonly=""
749
+ role="Menuitem"
750
+ type="text"
751
+ value="20"
752
+ />
753
+ </div>
754
+ <div
755
+ class="iconContainer shrinkOff"
756
+ data-id="boxComponent"
757
+ data-selector-id="box"
758
+ data-test-id="boxComponent"
759
+ >
760
+ <div
761
+ class="flex cover rowdir"
762
+ data-id="containerComponent"
763
+ data-selector-id="container"
764
+ data-test-id="containerComponent"
765
+ >
766
+ <div
767
+ class="icon shrinkOff"
768
+ data-id="boxComponent"
769
+ data-selector-id="box"
770
+ data-test-id="boxComponent"
771
+ >
772
+ <div
773
+ class="flex cover rowdir both"
774
+ data-id="containerComponent"
775
+ data-selector-id="container"
776
+ data-test-id="containerComponent"
777
+ >
778
+ <div
779
+ aria-hidden="true"
780
+ class="arrowIcon flex cover coldir both"
781
+ data-id="minuteField_downIcon"
782
+ data-selector-id="container"
783
+ data-test-id="minuteField_downIcon"
784
+ >
785
+ <i
786
+ aria-hidden="true"
787
+ class="zd_font_icons basic icon-down "
788
+ data-id="fontIcon"
789
+ data-selector-id="fontIcon"
790
+ data-test-id="fontIcon"
791
+ style="--zd-iconfont-size: var(--zd_font_size7);"
792
+ />
793
+ </div>
794
+ </div>
795
+ </div>
796
+ </div>
797
+ </div>
798
+ <div
799
+ class="line borderColor_default "
800
+ />
801
+ </div>
802
+ </div>
803
+ </div>
804
+ </div>
805
+ <div
806
+ class="dropDownContainer grow basis shrinkOff"
807
+ data-id="boxComponent"
808
+ data-selector-id="box"
809
+ data-test-id="boxComponent"
810
+ >
811
+ <div
812
+ class="container box_small "
813
+ data-selector-id="select"
814
+ >
815
+ <div
816
+ class=""
817
+ data-id="ampmField"
818
+ data-test-id="ampmField"
819
+ >
820
+ <div
821
+ class="container effect input flex rowdir"
822
+ data-id="containerComponent"
823
+ data-selector-id="textBoxIcon"
824
+ data-test-id="containerComponent"
825
+ >
826
+ <div
827
+ class="grow basis shrinkOff"
828
+ data-id="boxComponent"
829
+ data-selector-id="box"
830
+ data-test-id="boxComponent"
831
+ >
832
+ <input
833
+ aria-activedescendant="PM"
834
+ aria-controls="5"
835
+ aria-expanded="false"
836
+ aria-haspopup="true"
837
+ aria-label="click to select options"
838
+ aria-owns="5"
839
+ aria-readonly="true"
840
+ autocomplete="off"
841
+ class=" pointer container xmedium primary effect borderColor_default inputDotted "
842
+ data-id="ampmField_textBox"
843
+ data-selector-id="textBoxIcon"
844
+ data-test-id="ampmField_textBox"
845
+ data-title="PM"
846
+ maxlength="2"
847
+ placeholder=""
848
+ readonly=""
849
+ role="Menuitem"
850
+ type="text"
851
+ value="PM"
852
+ />
853
+ </div>
854
+ <div
855
+ class="iconContainer shrinkOff"
856
+ data-id="boxComponent"
857
+ data-selector-id="box"
858
+ data-test-id="boxComponent"
859
+ >
860
+ <div
861
+ class="flex cover rowdir"
862
+ data-id="containerComponent"
863
+ data-selector-id="container"
864
+ data-test-id="containerComponent"
865
+ >
866
+ <div
867
+ class="icon shrinkOff"
868
+ data-id="boxComponent"
869
+ data-selector-id="box"
870
+ data-test-id="boxComponent"
871
+ >
872
+ <div
873
+ class="flex cover rowdir both"
874
+ data-id="containerComponent"
875
+ data-selector-id="container"
876
+ data-test-id="containerComponent"
877
+ >
878
+ <div
879
+ aria-hidden="true"
880
+ class="arrowIcon flex cover coldir both"
881
+ data-id="ampmField_downIcon"
882
+ data-selector-id="container"
883
+ data-test-id="ampmField_downIcon"
884
+ >
885
+ <i
886
+ aria-hidden="true"
887
+ class="zd_font_icons basic icon-down "
888
+ data-id="fontIcon"
889
+ data-selector-id="fontIcon"
890
+ data-test-id="fontIcon"
891
+ style="--zd-iconfont-size: var(--zd_font_size7);"
892
+ />
893
+ </div>
894
+ </div>
895
+ </div>
896
+ </div>
897
+ </div>
898
+ <div
899
+ class="line borderColor_default "
900
+ />
901
+ </div>
902
+ </div>
903
+ </div>
904
+ </div>
905
+ </div>
906
+ <div
907
+ class="footer flex rowdir vCenter"
908
+ data-id="containerComponent"
909
+ data-selector-id="container"
910
+ data-test-id="containerComponent"
911
+ >
912
+ <button
913
+ class="bold primaryfilled medium"
914
+ data-id="dateTime_saveBtn"
915
+ data-selector-id="button"
916
+ data-test-id="dateTime_saveBtn"
917
+ type="button"
918
+ >
919
+ Set
920
+ </button>
921
+ <span
922
+ class="space"
923
+ />
924
+ <button
925
+ class="bold secondary medium"
926
+ data-id="dateTime_clearBtn"
927
+ data-selector-id="button"
928
+ data-test-id="dateTime_clearBtn"
929
+ type="button"
930
+ >
931
+ Clear
932
+ </button>
933
+ </div>
934
+ </div>
935
+ </div>
936
+ </div>
937
+ </DocumentFragment>
938
+ `;