@innovaccer/design-system 2.5.0 → 2.7.0-0

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 (462) hide show
  1. package/.eslintrc.json +54 -0
  2. package/.github/workflows/chromatic.yml +5 -0
  3. package/.github/workflows/main.yml +2 -2
  4. package/.github/workflows/pull_request.yml +2 -2
  5. package/.github/workflows/test.yml +1 -1
  6. package/.husky/commit-msg +4 -0
  7. package/.prettierrc +2 -2
  8. package/.storybook/main.js +4 -0
  9. package/.vscode/settings.json +11 -0
  10. package/CHANGELOG.md +78 -0
  11. package/CONTRIBUTING.md +180 -98
  12. package/commitlint.config.js +1 -0
  13. package/core/accessibility/utils/index.ts +5 -0
  14. package/core/accessibility/utils/isEnterKey.ts +5 -0
  15. package/core/accessibility/utils/isSpaceKey.ts +5 -0
  16. package/core/accessibility/utils/useAccessibilityProps.ts +33 -0
  17. package/core/common.type.tsx +22 -0
  18. package/core/components/atoms/_chip/__tests__/__snapshots__/_chip.test.tsx.snap +17 -9
  19. package/core/components/atoms/_chip/index.tsx +19 -3
  20. package/core/components/atoms/avatar/Avatar.tsx +4 -14
  21. package/core/components/atoms/avatar/__stories__/variants/Appearance.story.tsx +3 -2
  22. package/core/components/atoms/avatar/__tests__/Avatar.test.tsx +14 -9
  23. package/core/components/atoms/avatarGroup/AvatarGroup.tsx +3 -5
  24. package/core/components/atoms/badge/Badge.tsx +2 -12
  25. package/core/components/atoms/badge/__tests__/Badge.test.tsx +22 -7
  26. package/core/components/atoms/badge/_stories_/variants/Appearance.story.tsx +3 -2
  27. package/core/components/atoms/badge/_stories_/variants/Subtle.story.tsx +3 -2
  28. package/core/components/atoms/button/Button.tsx +10 -7
  29. package/core/components/atoms/button/__stories__/Alert.story.tsx +8 -1
  30. package/core/components/atoms/button/__stories__/Cancel.story.tsx +4 -1
  31. package/core/components/atoms/button/__stories__/IconButtonGroup.story.tsx +12 -3
  32. package/core/components/atoms/button/__stories__/IconButtonSecondary.story.tsx +6 -1
  33. package/core/components/atoms/button/__stories__/IconLeftSecondary.story.tsx +4 -1
  34. package/core/components/atoms/button/__stories__/IconRightSecondary.story.tsx +4 -1
  35. package/core/components/atoms/button/__stories__/IconTransparent.story.tsx +4 -1
  36. package/core/components/atoms/button/__stories__/LabelButtonGroup.story.tsx +14 -3
  37. package/core/components/atoms/button/__stories__/LargeIconExpanded.story.tsx +4 -1
  38. package/core/components/atoms/button/__stories__/LoadingPrimary.story.tsx +4 -1
  39. package/core/components/atoms/button/__stories__/Primary.story.tsx +5 -2
  40. package/core/components/atoms/button/__stories__/SplitButton.story.tsx +6 -1
  41. package/core/components/atoms/button/__stories__/Transparent.story.tsx +8 -1
  42. package/core/components/atoms/button/__stories__/index.story.tsx +12 -2
  43. package/core/components/atoms/button/__stories__/variants/Appearance.story.tsx +6 -2
  44. package/core/components/atoms/button/__stories__/variants/Expanded.story.tsx +6 -2
  45. package/core/components/atoms/button/__stories__/variants/Size.story.tsx +4 -0
  46. package/core/components/atoms/button/__stories__/variants/icon/Icon.story.tsx +15 -0
  47. package/core/components/atoms/button/__stories__/variants/icon/IconLeft.story.tsx +6 -2
  48. package/core/components/atoms/button/__stories__/variants/icon/IconRight.story.tsx +6 -2
  49. package/core/components/atoms/button/__stories__/variants/state/Alert.story.tsx +7 -17
  50. package/core/components/atoms/button/__stories__/variants/state/Basic.story.tsx +9 -17
  51. package/core/components/atoms/button/__stories__/variants/state/Primary.story.tsx +7 -17
  52. package/core/components/atoms/button/__stories__/variants/state/Transparent.story.tsx +13 -17
  53. package/core/components/atoms/button/__tests__/Button.test.tsx +1 -1
  54. package/core/components/atoms/button/__tests__/__snapshots__/Button.test.tsx.snap +0 -137
  55. package/core/components/atoms/card/__stories__/empty.story.tsx +1 -1
  56. package/core/components/atoms/card/__stories__/nested.story.tsx +1 -1
  57. package/core/components/atoms/card/__stories__/scroll.story.tsx +1 -1
  58. package/core/components/atoms/checkbox/Checkbox.tsx +8 -9
  59. package/core/components/atoms/checkbox/__stories__/variants/Size.story.tsx +2 -2
  60. package/core/components/atoms/chip/Chip.tsx +3 -2
  61. package/core/components/atoms/chip/__stories__/variants/Selection.story.tsx +17 -0
  62. package/core/components/atoms/chip/__stories__/variants/Type.story.tsx +2 -2
  63. package/core/components/atoms/chip/__tests__/Chip.test.tsx +7 -0
  64. package/core/components/atoms/chipGroup/__tests__/__snapshots__/chipGroup.test.tsx.snap +11 -5
  65. package/core/components/atoms/chipGroup/__tests__/chipGroup.test.tsx +2 -2
  66. package/core/components/atoms/chipGroup/_stories_/index.story.tsx +2 -2
  67. package/core/components/atoms/collapsible/__tests__/__snapshots__/Collapsible.test.tsx.snap +8 -0
  68. package/core/components/atoms/divider/Divider.tsx +44 -0
  69. package/core/components/atoms/divider/__stories__/BasicDividerInCard.story.tsx +74 -0
  70. package/core/components/atoms/divider/__stories__/HeaderDividerInCard.story.tsx +35 -0
  71. package/core/components/atoms/divider/__stories__/IndentedDivider.story.tsx +49 -0
  72. package/core/components/atoms/divider/__stories__/Vertical.story.tsx +51 -0
  73. package/core/components/atoms/divider/__stories__/index.story.tsx +91 -0
  74. package/core/components/atoms/divider/__stories__/variants/HorizontalDivider.story.tsx +27 -0
  75. package/core/components/atoms/divider/__tests__/Divider.test.tsx +50 -0
  76. package/core/components/atoms/divider/__tests__/__snapshots__/Divider.test.tsx.snap +53 -0
  77. package/core/components/atoms/divider/index.tsx +2 -0
  78. package/core/components/atoms/dropdown/Dropdown.tsx +18 -17
  79. package/core/components/atoms/dropdown/DropdownButton.tsx +2 -2
  80. package/core/components/atoms/dropdown/DropdownList.tsx +18 -7
  81. package/core/components/atoms/dropdown/Loading.tsx +1 -1
  82. package/core/components/atoms/dropdown/__stories__/CustomSearchPlaceholder.story.tsx +45 -0
  83. package/core/components/atoms/dropdown/__stories__/_common_/types.tsx +3 -0
  84. package/core/components/atoms/dropdown/__stories__/variants/Size.story.tsx +2 -2
  85. package/core/components/atoms/dropdown/__stories__/variants/controlledDropdown/MultiSelect.story.tsx +28 -18
  86. package/core/components/atoms/dropdown/__tests__/Dropdown.test.tsx +12 -1
  87. package/core/components/atoms/dropdown/__tests__/Loading.test.tsx +0 -1
  88. package/core/components/atoms/dropdown/option/DefaultOption.tsx +3 -0
  89. package/core/components/atoms/dropdown/option/IconOption.tsx +3 -0
  90. package/core/components/atoms/dropdown/option/IconWithMetaOption.tsx +3 -0
  91. package/core/components/atoms/dropdown/option/MetaOption.tsx +3 -0
  92. package/core/components/atoms/dropdown/option/index.tsx +1 -1
  93. package/core/components/atoms/editable/Editable.tsx +3 -0
  94. package/core/components/atoms/heading/Heading.tsx +4 -4
  95. package/core/components/atoms/heading/__stories__/variants/Appearance.story.tsx +3 -2
  96. package/core/components/atoms/heading/__tests__/Heading.test.tsx +4 -3
  97. package/core/components/atoms/icon/Icon.tsx +16 -5
  98. package/core/components/atoms/icon/__stories__/variants/Image.story.tsx +6 -1
  99. package/core/components/atoms/icon/__tests__/__snapshots__/Icon.test.tsx.snap +74 -0
  100. package/core/components/atoms/input/Input.tsx +17 -7
  101. package/core/components/atoms/input/__stories__/BasicInput.story.tsx +2 -1
  102. package/core/components/atoms/input/__stories__/InputWithCaption.story.tsx +91 -9
  103. package/core/components/atoms/input/__stories__/InputWithLabel.story.tsx +11 -3
  104. package/core/components/atoms/input/__stories__/LabelPosition.story.tsx +46 -4
  105. package/core/components/atoms/input/__stories__/RequiredVsOptional.story.tsx +12 -8
  106. package/core/components/atoms/input/__stories__/variants/controlledInput.story.tsx +46 -0
  107. package/core/components/atoms/input/__stories__/variants/types/BasicInput.story.tsx +2 -2
  108. package/core/components/atoms/input/__stories__/variants/types/IconLeft.story.tsx +2 -10
  109. package/core/components/atoms/input/__stories__/variants/types/WithLabel.story.tsx +1 -9
  110. package/core/components/atoms/input/__tests__/__snapshots__/Input.test.tsx.snap +19 -0
  111. package/core/components/atoms/label/Label.tsx +1 -1
  112. package/core/components/atoms/legend/Legend.tsx +5 -2
  113. package/core/components/atoms/legend/__stories__/variants/labelAppearance.story.tsx +2 -2
  114. package/core/components/atoms/link/Link.tsx +4 -4
  115. package/core/components/atoms/message/Message.tsx +12 -12
  116. package/core/components/atoms/message/__stories__/index.story.tsx +1 -1
  117. package/core/components/atoms/message/__stories__/variants/Appearance.story.tsx +1 -1
  118. package/core/components/atoms/message/__stories__/variants/AppearanceTitle.story.tsx +1 -1
  119. package/core/components/atoms/message/__tests__/Message.test.tsx +1 -6
  120. package/core/components/atoms/message/__tests__/__snapshots__/Message.test.tsx.snap +0 -45
  121. package/core/components/atoms/metaList/__tests__/MetaList.test.tsx +2 -2
  122. package/core/components/atoms/metricInput/MetricInput.tsx +17 -7
  123. package/core/components/atoms/metricInput/__stories__/DefaultMetric.story.tsx +8 -2
  124. package/core/components/atoms/metricInput/__stories__/WithPrefix.story.tsx +6 -2
  125. package/core/components/atoms/metricInput/__stories__/index.story.tsx +1 -0
  126. package/core/components/atoms/metricInput/__stories__/variants/Controlled.story.tsx +2 -0
  127. package/core/components/atoms/metricInput/__stories__/variants/Size.story.tsx +2 -2
  128. package/core/components/atoms/metricInput/__stories__/withSuffix.story.tsx +6 -2
  129. package/core/components/atoms/metricInput/__tests__/__snapshots__/MetricInput.test.tsx.snap +20 -4
  130. package/core/components/atoms/multiSlider/Handle.tsx +3 -0
  131. package/core/components/atoms/multiSlider/SliderUtils.tsx +1 -4
  132. package/core/components/atoms/multiSlider/index.tsx +9 -4
  133. package/core/components/atoms/outsideClick/OutsideClick.tsx +1 -2
  134. package/core/components/atoms/paragraph/Paragraph.tsx +2 -2
  135. package/core/components/atoms/paragraph/__stories__/variants/Appearance.story.tsx +2 -2
  136. package/core/components/atoms/paragraph/__tests__/Paragraph.test.tsx +2 -2
  137. package/core/components/atoms/pills/Pills.tsx +2 -12
  138. package/core/components/atoms/pills/__stories__/variants/Appearance.story.tsx +3 -2
  139. package/core/components/atoms/pills/__stories__/variants/Subtle.story.tsx +3 -2
  140. package/core/components/atoms/pills/__tests__/Pills.test.tsx +3 -2
  141. package/core/components/atoms/placeholderImage/PlaceholderImage.tsx +2 -2
  142. package/core/components/atoms/placeholderImage/__stories__/variants/Size.story.tsx +2 -2
  143. package/core/components/atoms/placeholderParagraph/PlaceholderParagraph.tsx +2 -2
  144. package/core/components/atoms/placeholderParagraph/__stories__/variants/Size.story.tsx +2 -2
  145. package/core/components/atoms/popperWrapper/PopperWrapper.tsx +2 -6
  146. package/core/components/atoms/progressRing/ProgressRing.tsx +2 -2
  147. package/core/components/atoms/progressRing/__stories__/variants/Size.story.tsx +1 -1
  148. package/core/components/atoms/radio/Radio.tsx +4 -5
  149. package/core/components/atoms/rangeSlider/RangeSlider.tsx +1 -2
  150. package/core/components/atoms/rangeSlider/__stories__/index.story.tsx +1 -2
  151. package/core/components/atoms/rangeSlider/__stories__/variants/Controlled.story.tsx +1 -2
  152. package/core/components/atoms/rangeSlider/__stories__/variants/CustomLabels.story.tsx +1 -2
  153. package/core/components/atoms/spinner/Spinner.tsx +4 -4
  154. package/core/components/atoms/spinner/__stories__/variants/Appearance.story.tsx +2 -2
  155. package/core/components/atoms/spinner/__stories__/variants/Size.story.tsx +1 -1
  156. package/core/components/atoms/statusHint/StatusHint.tsx +5 -3
  157. package/core/components/atoms/statusHint/__stories__/variants/Appearance.story.tsx +3 -2
  158. package/core/components/atoms/statusHint/__tests__/StatusHint.test.tsx +3 -2
  159. package/core/components/atoms/subheading/Subheading.tsx +2 -2
  160. package/core/components/atoms/subheading/__stories__/variants/Appearance.story.tsx +3 -2
  161. package/core/components/atoms/subheading/__tests__/Subheading.test.tsx +3 -2
  162. package/core/components/atoms/switchInput/Switch.tsx +14 -9
  163. package/core/components/atoms/switchInput/__stories__/DefaultSwitch.story.tsx +4 -1
  164. package/core/components/atoms/switchInput/__stories__/OffState.story.tsx +4 -1
  165. package/core/components/atoms/switchInput/__stories__/index.story.tsx +26 -3
  166. package/core/components/atoms/switchInput/__stories__/variants/Size.story.tsx +10 -1
  167. package/core/components/atoms/switchInput/__stories__/variants/State.story.tsx +9 -2
  168. package/core/components/atoms/text/Text.tsx +4 -4
  169. package/core/components/atoms/text/__stories__/variants/Appearance.story.tsx +2 -2
  170. package/core/components/atoms/text/__tests__/Text.test.tsx +2 -3
  171. package/core/components/atoms/textarea/__stories__/TextareaWithCaption.story.tsx +9 -3
  172. package/core/components/atoms/textarea/__stories__/defaultTextarea.story.tsx +10 -2
  173. package/core/components/atoms/textarea/__stories__/index.story.tsx +1 -0
  174. package/core/components/atoms/textarea/__stories__/variants/Disable.story.tsx +1 -0
  175. package/core/components/atoms/toast/ActionButton.tsx +2 -2
  176. package/core/components/atoms/toast/Toast.tsx +11 -6
  177. package/core/components/atoms/toast/__stories__/index.story.tsx +2 -6
  178. package/core/components/atoms/toast/__stories__/variants/Appearance.story.tsx +3 -2
  179. package/core/components/atoms/toast/__stories__/variants/ToastMessage.story.tsx +3 -2
  180. package/core/components/atoms/toast/__stories__/variants/ToastWithAction.story.tsx +3 -2
  181. package/core/components/atoms/toast/__tests__/Toast.test.tsx +1 -1
  182. package/core/components/atoms/toast/__tests__/__snapshots__/Toast.test.tsx.snap +24 -125
  183. package/core/components/css-utilities/Schema.tsx +1 -1
  184. package/core/components/css-utilities/Spacing/Schema.tsx +1 -1
  185. package/core/components/molecules/chatMessage/Box.tsx +3 -0
  186. package/core/components/molecules/chipInput/ChipInput.tsx +3 -0
  187. package/core/components/molecules/chipInput/__tests__/__snapshots__/ChipInput.test.tsx.snap +14 -2
  188. package/core/components/molecules/dropzone/Dropzone.tsx +6 -3
  189. package/core/components/molecules/dropzone/DropzoneBase.tsx +22 -38
  190. package/core/components/molecules/dropzone/FileSelectorUtils.tsx +1 -1
  191. package/core/components/molecules/dropzone/__stories__/index.story.tsx +151 -41
  192. package/core/components/molecules/dropzone/__tests__/Dropzone.test.tsx +2 -2
  193. package/core/components/molecules/dropzone/utils.tsx +6 -4
  194. package/core/components/molecules/editableChipInput/EditableChipInput.tsx +9 -5
  195. package/core/components/molecules/editableChipInput/__stories__/Uncontrolled.story.tsx +1 -1
  196. package/core/components/molecules/editableChipInput/__tests__/__snapshots__/EditableChipInput.test.tsx.snap +12 -4
  197. package/core/components/molecules/editableDropdown/EditableDropdown.tsx +2 -2
  198. package/core/components/molecules/editableInput/EditableInput.tsx +13 -4
  199. package/core/components/molecules/emptyState/EmptyState.tsx +9 -5
  200. package/core/components/molecules/emptyState/__stories__/pageNotLoadedWithSVG.story.tsx +26 -26
  201. package/core/components/molecules/fileList/FileListItem.tsx +3 -2
  202. package/core/components/molecules/fileUploader/FileUploaderItem.tsx +3 -2
  203. package/core/components/molecules/fileUploader/FileUploaderStatus.tsx +1 -1
  204. package/core/components/molecules/fileUploader/__stories__/_common_/types.tsx +3 -0
  205. package/core/components/molecules/fileUploader/__stories__/index.story.tsx +3 -222
  206. package/core/components/molecules/fullscreenModal/FullscreenModal.tsx +5 -7
  207. package/core/components/molecules/inputMask/InputMask.tsx +212 -146
  208. package/core/components/molecules/inputMask/__stories__/index.story.tsx +24 -0
  209. package/core/components/molecules/inputMask/__tests__/__snapshots__/InputMask.test.tsx.snap +1 -0
  210. package/core/components/molecules/modal/Modal.tsx +4 -6
  211. package/core/components/molecules/modal/__stories__/Confirmation.story.tsx +1 -1
  212. package/core/components/molecules/pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +5 -1
  213. package/core/components/molecules/placeholder/Placeholder.tsx +2 -2
  214. package/core/components/molecules/popover/Popover.tsx +2 -9
  215. package/core/components/molecules/sidesheet/Sidesheet.tsx +5 -7
  216. package/core/components/molecules/sidesheet/__stories__/variants/CustomHeader.story.tsx +172 -0
  217. package/core/components/molecules/stepper/Step.tsx +2 -0
  218. package/core/components/molecules/tabs/Tabs.tsx +2 -0
  219. package/core/components/molecules/tabs/TabsWrapper.tsx +2 -0
  220. package/core/components/molecules/tabs/__stories__/CustomLabels.story.tsx +1 -1
  221. package/core/components/molecules/tooltip/Tooltip.tsx +4 -4
  222. package/core/components/molecules/verificationCodeInput/VerificationCodeInput.tsx +8 -4
  223. package/core/components/molecules/verificationCodeInput/__stories__/index.story.tsx +3 -1
  224. package/core/components/molecules/verificationCodeInput/__tests__/__snapshots__/VerificationCodeInput.test.tsx.snap +1 -0
  225. package/core/components/organisms/calendar/Calendar.tsx +130 -8
  226. package/core/components/organisms/calendar/__stories__/variants/firstDayOfWeek.story.tsx +2 -2
  227. package/core/components/organisms/calendar/__tests__/Calendar.test.tsx +27 -0
  228. package/core/components/organisms/calendar/utility.ts +3 -3
  229. package/core/components/organisms/choiceList/ChoiceList.tsx +12 -12
  230. package/core/components/organisms/datePicker/DatePicker.tsx +31 -16
  231. package/core/components/organisms/datePicker/Trigger.tsx +1 -5
  232. package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +4518 -4479
  233. package/core/components/organisms/dateRangePicker/DateRangePicker.tsx +9 -10
  234. package/core/components/organisms/dateRangePicker/SingleInputTrigger.tsx +0 -1
  235. package/core/components/organisms/dateRangePicker/Trigger.tsx +2 -2
  236. package/core/components/organisms/dateRangePicker/__stories__/variants/monthsInView.story.tsx +2 -2
  237. package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap +112 -40
  238. package/core/components/organisms/grid/Cell.tsx +23 -19
  239. package/core/components/organisms/grid/Grid.tsx +3 -4
  240. package/core/components/organisms/grid/GridBody.tsx +0 -1
  241. package/core/components/organisms/grid/GridContext.ts +1 -1
  242. package/core/components/organisms/grid/GridRow.tsx +4 -0
  243. package/core/components/organisms/grid/__stories__/_common_/editableSchema.tsx +1 -3
  244. package/core/components/organisms/grid/__stories__/_common_/fetchData.ts +3 -3
  245. package/core/components/organisms/grid/__stories__/_common_/loaderSchema.ts +0 -2
  246. package/core/components/organisms/grid/__stories__/_common_/schema.tsx +1 -3
  247. package/core/components/organisms/grid/__stories__/_common_/simpleLoaderSchema.ts +0 -2
  248. package/core/components/organisms/grid/__stories__/_common_/statusSchema.ts +0 -2
  249. package/core/components/organisms/horizontalNav/HorizontalNav.tsx +2 -0
  250. package/core/components/organisms/inlineMessage/InlineMessage.tsx +5 -7
  251. package/core/components/organisms/inlineMessage/__tests__/InlineMessage.test.tsx +3 -2
  252. package/core/components/organisms/inlineMessage/__tests__/__snapshots__/InlineMessage.test.tsx.snap +30 -40
  253. package/core/components/organisms/list/__stories__/_common_/types.tsx +3 -0
  254. package/core/components/organisms/list/__stories__/index.story.tsx +0 -16
  255. package/core/components/organisms/navigation/VerticalNavigation.tsx +4 -0
  256. package/core/components/organisms/table/Table.tsx +3 -2
  257. package/core/components/organisms/table/__stories__/CompressedTable.story.tsx +1 -1
  258. package/core/components/organisms/table/__stories__/DataTable.story.tsx +1 -1
  259. package/core/components/organisms/table/__stories__/NestedTableWithNestedCard.story.tsx +1 -1
  260. package/core/components/organisms/table/__stories__/PinnedColumn.story.tsx +1 -1
  261. package/core/components/organisms/table/__stories__/ResourceTable.story.tsx +4 -3
  262. package/core/components/organisms/table/__stories__/Selection.story.tsx +2 -2
  263. package/core/components/organisms/table/__stories__/StandardTable.story.tsx +1 -1
  264. package/core/components/organisms/table/__stories__/TableAsDescriptionList.story.tsx +2 -2
  265. package/core/components/organisms/table/__stories__/TableAsOptionList.story.tsx +2 -2
  266. package/core/components/organisms/table/__stories__/TightStory.story.tsx +1 -1
  267. package/core/components/organisms/table/__stories__/_common_/types.tsx +3 -0
  268. package/core/components/organisms/table/__stories__/syncTable.story.tsx +14 -6
  269. package/core/components/organisms/table/__stories__/variants/showHead.story.tsx +2 -2
  270. package/core/components/organisms/table/__stories__/variants/showMenu.story.tsx +2 -2
  271. package/core/components/organisms/table/__stories__/variants/size.story.tsx +2 -2
  272. package/core/components/organisms/table/__stories__/variants/type.story.tsx +2 -2
  273. package/core/components/organisms/table/__stories__/variants/withCheckbox.story.tsx +2 -2
  274. package/core/components/organisms/table/__stories__/variants/withHeader.story.tsx +0 -2
  275. package/core/components/organisms/table/__stories__/variants/withPagination.story.tsx +2 -2
  276. package/core/components/organisms/timePicker/TimePicker.tsx +4 -8
  277. package/core/components/organisms/timePicker/__tests__/__snapshots__/TimePicker.test.tsx.snap +14 -2
  278. package/core/components/organisms/verticalNav/MenuItem.tsx +2 -0
  279. package/core/components/organisms/verticalNav/__stories__/schema.tsx +0 -2
  280. package/core/components/organisms/verticalNav/__tests__/VerticalNav.test.tsx +1 -2
  281. package/core/components/patterns/datePicker/datePickerWithPresets.story.tsx +126 -0
  282. package/core/components/patterns/dateRangePicker/withCustomPopover.story.tsx +8 -8
  283. package/core/components/patterns/forms/CreatePassword.story.tsx +1 -1
  284. package/core/components/patterns/forms/VerificationCodeInput.story.tsx +2 -2
  285. package/core/components/patterns/table/Table with Header/tableWithHeader.story.jsx +7 -7
  286. package/core/global.d.ts +9 -0
  287. package/core/index.tsx +2 -1
  288. package/core/index.type.tsx +1 -0
  289. package/core/utils/Keys.ts +4 -0
  290. package/core/utils/__tests__/__snapshots__/TS.test.tsx.snap +562 -541
  291. package/core/utils/docPage/generateImports.tsx +2 -3
  292. package/core/utils/docPage/index.tsx +52 -37
  293. package/core/utils/docPage/sandbox.tsx +14 -7
  294. package/core/utils/overlayHelper.ts +7 -3
  295. package/core/utils/testHelper.ts +2 -2
  296. package/core/utils/types.tsx +1 -1
  297. package/core/utils/validators.ts +37 -34
  298. package/css/dist/index.css +1550 -1415
  299. package/css/dist/index.css.map +1 -1
  300. package/css/src/components/Legend.css +7 -7
  301. package/css/src/components/ProgressBar.css +1 -1
  302. package/css/src/components/avatarGroup.css +1 -1
  303. package/css/src/components/backdrop.css +12 -6
  304. package/css/src/components/badge.css +52 -52
  305. package/css/src/components/button.css +95 -94
  306. package/css/src/components/calendar.css +137 -126
  307. package/css/src/components/card.css +0 -1
  308. package/css/src/components/cardSubdued.css +3 -5
  309. package/css/src/components/chat.css +1 -1
  310. package/css/src/components/checkbox.css +71 -70
  311. package/css/src/components/chip.css +20 -17
  312. package/css/src/components/chipGroup.css +5 -5
  313. package/css/src/components/chipInput.css +1 -1
  314. package/css/src/components/choiceList.css +4 -4
  315. package/css/src/components/dateRangePicker.css +13 -13
  316. package/css/src/components/divider.css +20 -0
  317. package/css/src/components/dropdown.css +61 -61
  318. package/css/src/components/dropdownButton.css +36 -36
  319. package/css/src/components/dropzone.css +16 -20
  320. package/css/src/components/editableChipInput.css +10 -9
  321. package/css/src/components/editableDropdown.css +1 -1
  322. package/css/src/components/editableInput.css +1 -1
  323. package/css/src/components/emptyState.css +15 -15
  324. package/css/src/components/fileList.css +44 -45
  325. package/css/src/components/fullscreenModal.css +4 -3
  326. package/css/src/components/grid.css +217 -199
  327. package/css/src/components/horizontalNav.css +0 -1
  328. package/css/src/components/icon.css +1 -7
  329. package/css/src/components/inlineMessage.css +2 -1
  330. package/css/src/components/input.css +62 -62
  331. package/css/src/components/link.css +1 -1
  332. package/css/src/components/list.css +10 -10
  333. package/css/src/components/message.css +64 -70
  334. package/css/src/components/metaList.css +26 -26
  335. package/css/src/components/metricInput.css +3 -4
  336. package/css/src/components/modal.css +1 -1
  337. package/css/src/components/navigation.css +3 -3
  338. package/css/src/components/pageHeader.css +1 -2
  339. package/css/src/components/pagination.css +36 -36
  340. package/css/src/components/pills.css +19 -19
  341. package/css/src/components/placeholder.css +10 -5
  342. package/css/src/components/popover.css +2 -2
  343. package/css/src/components/progressRing.css +1 -1
  344. package/css/src/components/radio.css +74 -74
  345. package/css/src/components/slider.css +5 -5
  346. package/css/src/components/statusHints.css +15 -15
  347. package/css/src/components/switch.css +66 -41
  348. package/css/src/components/table.css +15 -15
  349. package/css/src/components/tabs.css +53 -53
  350. package/css/src/components/textarea.css +1 -1
  351. package/css/src/components/toast.css +51 -56
  352. package/css/src/components/verificationCodeInput.css +5 -6
  353. package/css/src/components/verticalNav.css +1 -2
  354. package/css/src/core/base.css +3 -0
  355. package/css/src/core/typography.css +1 -1
  356. package/css/src/core/utilities.css +1 -1
  357. package/css/src/tokens/index.css +63 -63
  358. package/css/src/utils/align.css +1 -1
  359. package/css/src/utils/background.css +1 -1
  360. package/css/src/utils/cursor.css +1 -1
  361. package/css/src/utils/display.css +1 -1
  362. package/css/src/utils/flex.css +1 -1
  363. package/css/src/utils/grid.css +1 -1
  364. package/css/src/utils/overflow.css +1 -1
  365. package/css/src/utils/position.css +1 -1
  366. package/css/src/utils/spacing.css +1 -1
  367. package/css/src/utils/utility.css +13 -13
  368. package/css/src/variables/index.css +6 -3
  369. package/dist/core/accessibility/utils/index.d.ts +4 -0
  370. package/dist/core/accessibility/utils/isEnterKey.d.ts +3 -0
  371. package/dist/core/accessibility/utils/isSpaceKey.d.ts +3 -0
  372. package/dist/core/accessibility/utils/useAccessibilityProps.d.ts +18 -0
  373. package/dist/core/common.type.d.ts +12 -0
  374. package/dist/core/components/atoms/avatar/Avatar.d.ts +4 -4
  375. package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +2 -3
  376. package/dist/core/components/atoms/badge/Badge.d.ts +2 -2
  377. package/dist/core/components/atoms/button/Button.d.ts +6 -6
  378. package/dist/core/components/atoms/checkbox/Checkbox.d.ts +3 -3
  379. package/dist/core/components/atoms/chip/Chip.d.ts +2 -2
  380. package/dist/core/components/atoms/divider/Divider.d.ts +15 -0
  381. package/dist/core/components/atoms/divider/index.d.ts +2 -0
  382. package/dist/core/components/atoms/dropdown/Dropdown.d.ts +18 -17
  383. package/dist/core/components/atoms/dropdown/DropdownButton.d.ts +2 -2
  384. package/dist/core/components/atoms/dropdown/DropdownList.d.ts +4 -3
  385. package/dist/core/components/atoms/dropdown/option/index.d.ts +1 -1
  386. package/dist/core/components/atoms/heading/Heading.d.ts +4 -4
  387. package/dist/core/components/atoms/icon/Icon.d.ts +5 -3
  388. package/dist/core/components/atoms/input/Input.d.ts +4 -4
  389. package/dist/core/components/atoms/legend/Legend.d.ts +2 -2
  390. package/dist/core/components/atoms/link/Link.d.ts +4 -4
  391. package/dist/core/components/atoms/message/Message.d.ts +2 -2
  392. package/dist/core/components/atoms/metricInput/MetricInput.d.ts +3 -3
  393. package/dist/core/components/atoms/multiSlider/SliderUtils.d.ts +1 -1
  394. package/dist/core/components/atoms/multiSlider/index.d.ts +3 -3
  395. package/dist/core/components/atoms/paragraph/Paragraph.d.ts +2 -2
  396. package/dist/core/components/atoms/pills/Pills.d.ts +2 -2
  397. package/dist/core/components/atoms/placeholderImage/PlaceholderImage.d.ts +2 -2
  398. package/dist/core/components/atoms/placeholderParagraph/PlaceholderParagraph.d.ts +2 -2
  399. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +51 -51
  400. package/dist/core/components/atoms/progressRing/ProgressRing.d.ts +2 -2
  401. package/dist/core/components/atoms/radio/Radio.d.ts +4 -4
  402. package/dist/core/components/atoms/rangeSlider/RangeSlider.d.ts +1 -1
  403. package/dist/core/components/atoms/spinner/Spinner.d.ts +4 -4
  404. package/dist/core/components/atoms/statusHint/StatusHint.d.ts +2 -2
  405. package/dist/core/components/atoms/subheading/Subheading.d.ts +2 -2
  406. package/dist/core/components/atoms/switchInput/Switch.d.ts +7 -6
  407. package/dist/core/components/atoms/text/Text.d.ts +4 -4
  408. package/dist/core/components/atoms/toast/ActionButton.d.ts +2 -2
  409. package/dist/core/components/atoms/toast/Toast.d.ts +2 -2
  410. package/dist/core/components/molecules/dropzone/Dropzone.d.ts +3 -3
  411. package/dist/core/components/molecules/dropzone/DropzoneBase.d.ts +1 -1
  412. package/dist/core/components/molecules/dropzone/utils.d.ts +5 -3
  413. package/dist/core/components/molecules/emptyState/EmptyState.d.ts +4 -4
  414. package/dist/core/components/molecules/fileList/FileListItem.d.ts +1 -1
  415. package/dist/core/components/molecules/fileUploader/FileUploaderItem.d.ts +1 -1
  416. package/dist/core/components/molecules/fileUploader/FileUploaderStatus.d.ts +1 -1
  417. package/dist/core/components/molecules/fullscreenModal/FullscreenModal.d.ts +4 -7
  418. package/dist/core/components/molecules/inputMask/InputMask.d.ts +10 -2
  419. package/dist/core/components/molecules/modal/Modal.d.ts +3 -6
  420. package/dist/core/components/molecules/placeholder/Placeholder.d.ts +2 -2
  421. package/dist/core/components/molecules/popover/Popover.d.ts +0 -1
  422. package/dist/core/components/molecules/sidesheet/Sidesheet.d.ts +3 -6
  423. package/dist/core/components/molecules/tooltip/Tooltip.d.ts +3 -3
  424. package/dist/core/components/organisms/calendar/Calendar.d.ts +31 -0
  425. package/dist/core/components/organisms/choiceList/ChoiceList.d.ts +5 -6
  426. package/dist/core/components/organisms/datePicker/DatePicker.d.ts +2 -0
  427. package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts +24 -0
  428. package/dist/core/components/organisms/grid/Cell.d.ts +1 -1
  429. package/dist/core/components/organisms/grid/Grid.d.ts +3 -3
  430. package/dist/core/components/organisms/grid/GridContext.d.ts +1 -1
  431. package/dist/core/components/organisms/inlineMessage/InlineMessage.d.ts +2 -2
  432. package/dist/core/components/organisms/table/Table.d.ts +2 -2
  433. package/dist/core/components/patterns/datePicker/datePickerWithPresets.story.d.ts +15 -0
  434. package/dist/core/components/patterns/dateRangePicker/withCustomPopover.story.d.ts +5 -1
  435. package/dist/core/index.d.ts +1 -0
  436. package/dist/core/index.type.d.ts +1 -0
  437. package/dist/core/utils/docPage/generateImports.d.ts +1 -1
  438. package/dist/core/utils/overlayHelper.d.ts +1 -1
  439. package/dist/core/utils/types.d.ts +1 -1
  440. package/dist/index.esm.js +1039 -729
  441. package/dist/index.js +532 -371
  442. package/dist/index.js.map +1 -1
  443. package/dist/index.umd.js +1 -1
  444. package/dist/index.umd.js.br +0 -0
  445. package/dist/index.umd.js.gz +0 -0
  446. package/dts.config.js +11 -2
  447. package/package.json +32 -27
  448. package/tsconfig.json +3 -16
  449. package/tsconfig.type.json +2 -1
  450. package/types/index.d.ts +2217 -0
  451. package/types/{innovaccer-design-system/tsconfig.json → tsconfig.json} +1 -1
  452. package/types/{innovaccer-design-system/tslint.json → tslint.json} +0 -0
  453. package/types/types-tests.tsx +936 -0
  454. package/.husky/prepare-commit-msg +0 -6
  455. package/core/components/atoms/button/__stories__/variants/state/Success.story.tsx +0 -99
  456. package/core/components/atoms/message/__stories__/default.story.tsx +0 -16
  457. package/core/components/atoms/toast/__stories__/DefaultToast.story.tsx +0 -16
  458. package/core/components/molecules/dropzone/__stories__/variants/DropzoneWithFileList.story.tsx +0 -176
  459. package/core/components/molecules/fileUploader/__stories__/variants/FileUploaderList.story.tsx +0 -80
  460. package/tslint.json +0 -30
  461. package/types/innovaccer-design-system/index.d.ts +0 -39
  462. package/types/innovaccer-design-system/innovaccer-design-system-tests.ts +0 -0
package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap CHANGED
@@ -38970,11 +38970,11 @@ exports[`DateRangePicker component
38970
38970
  class="Calendar-valueRow"
38971
38971
  >
38972
38972
  <div
38973
- class="Calendar-value Calendar-monthValue Calendar-monthValue--large Calendar-value--currDateMonthYear"
38973
+ class="Calendar-value Calendar-monthValue Calendar-monthValue--large"
38974
38974
  data-test="DesignSystem-Calendar--monthValue"
38975
38975
  >
38976
38976
  <span
38977
- class="Text Text--link Text--regular"
38977
+ class="Text Text--default Text--regular"
38978
38978
  data-test="DesignSystem-Text"
38979
38979
  >
38980
38980
  Oct
@@ -38992,11 +38992,11 @@ exports[`DateRangePicker component
38992
38992
  </span>
38993
38993
  </div>
38994
38994
  <div
38995
- class="Calendar-value Calendar-monthValue Calendar-monthValue--large"
38995
+ class="Calendar-value Calendar-monthValue Calendar-monthValue--large Calendar-value--currDateMonthYear"
38996
38996
  data-test="DesignSystem-Calendar--monthValue"
38997
38997
  >
38998
38998
  <span
38999
- class="Text Text--default Text--regular"
38999
+ class="Text Text--link Text--regular"
39000
39000
  data-test="DesignSystem-Text"
39001
39001
  >
39002
39002
  Dec
@@ -39269,6 +39269,7 @@ exports[`DateRangePicker component
39269
39269
  <div
39270
39270
  class="Input Input--regular"
39271
39271
  data-test="DesignSystem-InputWrapper"
39272
+ role="presentation"
39272
39273
  style="min-width: 256px;"
39273
39274
  >
39274
39275
  <div
@@ -39292,11 +39293,13 @@ exports[`DateRangePicker component
39292
39293
  />
39293
39294
  <div
39294
39295
  class="Input-icon Input-icon--right"
39295
- data-test="DesignSystem-Input--closeIcon"
39296
39296
  >
39297
39297
  <i
39298
39298
  class="material-icons material-icons-round Icon"
39299
+ data-test="DesignSystem-Input--closeIcon"
39300
+ role="button"
39299
39301
  style="font-size: 16px; width: 16px;"
39302
+ tabindex="0"
39300
39303
  >
39301
39304
  close_round
39302
39305
  </i>
@@ -39335,6 +39338,7 @@ exports[`DateRangePicker component
39335
39338
  <div
39336
39339
  class="Input Input--regular"
39337
39340
  data-test="DesignSystem-InputWrapper"
39341
+ role="presentation"
39338
39342
  style="min-width: 256px;"
39339
39343
  >
39340
39344
  <div
@@ -39358,11 +39362,13 @@ exports[`DateRangePicker component
39358
39362
  />
39359
39363
  <div
39360
39364
  class="Input-icon Input-icon--right"
39361
- data-test="DesignSystem-Input--closeIcon"
39362
39365
  >
39363
39366
  <i
39364
39367
  class="material-icons material-icons-round Icon"
39368
+ data-test="DesignSystem-Input--closeIcon"
39369
+ role="button"
39365
39370
  style="font-size: 16px; width: 16px;"
39371
+ tabindex="0"
39366
39372
  >
39367
39373
  close_round
39368
39374
  </i>
@@ -39419,6 +39425,7 @@ exports[`DateRangePicker component
39419
39425
  <div
39420
39426
  class="Input Input--regular"
39421
39427
  data-test="DesignSystem-InputWrapper"
39428
+ role="presentation"
39422
39429
  style="min-width: 256px;"
39423
39430
  >
39424
39431
  <div
@@ -39442,11 +39449,13 @@ exports[`DateRangePicker component
39442
39449
  />
39443
39450
  <div
39444
39451
  class="Input-icon Input-icon--right"
39445
- data-test="DesignSystem-Input--closeIcon"
39446
39452
  >
39447
39453
  <i
39448
39454
  class="material-icons material-icons-round Icon"
39455
+ data-test="DesignSystem-Input--closeIcon"
39456
+ role="button"
39449
39457
  style="font-size: 16px; width: 16px;"
39458
+ tabindex="0"
39450
39459
  >
39451
39460
  close_round
39452
39461
  </i>
@@ -39485,6 +39494,7 @@ exports[`DateRangePicker component
39485
39494
  <div
39486
39495
  class="Input Input--regular"
39487
39496
  data-test="DesignSystem-InputWrapper"
39497
+ role="presentation"
39488
39498
  style="min-width: 256px;"
39489
39499
  >
39490
39500
  <div
@@ -39508,11 +39518,13 @@ exports[`DateRangePicker component
39508
39518
  />
39509
39519
  <div
39510
39520
  class="Input-icon Input-icon--right"
39511
- data-test="DesignSystem-Input--closeIcon"
39512
39521
  >
39513
39522
  <i
39514
39523
  class="material-icons material-icons-round Icon"
39524
+ data-test="DesignSystem-Input--closeIcon"
39525
+ role="button"
39515
39526
  style="font-size: 16px; width: 16px;"
39527
+ tabindex="0"
39516
39528
  >
39517
39529
  close_round
39518
39530
  </i>
@@ -39569,6 +39581,7 @@ exports[`DateRangePicker component
39569
39581
  <div
39570
39582
  class="Input Input--regular"
39571
39583
  data-test="DesignSystem-InputWrapper"
39584
+ role="presentation"
39572
39585
  style="min-width: 256px;"
39573
39586
  >
39574
39587
  <div
@@ -39592,11 +39605,13 @@ exports[`DateRangePicker component
39592
39605
  />
39593
39606
  <div
39594
39607
  class="Input-icon Input-icon--right"
39595
- data-test="DesignSystem-Input--closeIcon"
39596
39608
  >
39597
39609
  <i
39598
39610
  class="material-icons material-icons-round Icon"
39611
+ data-test="DesignSystem-Input--closeIcon"
39612
+ role="button"
39599
39613
  style="font-size: 16px; width: 16px;"
39614
+ tabindex="0"
39600
39615
  >
39601
39616
  close_round
39602
39617
  </i>
@@ -39635,6 +39650,7 @@ exports[`DateRangePicker component
39635
39650
  <div
39636
39651
  class="Input Input--regular"
39637
39652
  data-test="DesignSystem-InputWrapper"
39653
+ role="presentation"
39638
39654
  style="min-width: 256px;"
39639
39655
  >
39640
39656
  <div
@@ -39658,11 +39674,13 @@ exports[`DateRangePicker component
39658
39674
  />
39659
39675
  <div
39660
39676
  class="Input-icon Input-icon--right"
39661
- data-test="DesignSystem-Input--closeIcon"
39662
39677
  >
39663
39678
  <i
39664
39679
  class="material-icons material-icons-round Icon"
39680
+ data-test="DesignSystem-Input--closeIcon"
39681
+ role="button"
39665
39682
  style="font-size: 16px; width: 16px;"
39683
+ tabindex="0"
39666
39684
  >
39667
39685
  close_round
39668
39686
  </i>
@@ -40511,11 +40529,11 @@ exports[`DateRangePicker component
40511
40529
  class="Calendar-valueRow"
40512
40530
  >
40513
40531
  <div
40514
- class="Calendar-value Calendar-monthValue Calendar-monthValue--small Calendar-value--currDateMonthYear"
40532
+ class="Calendar-value Calendar-monthValue Calendar-monthValue--small"
40515
40533
  data-test="DesignSystem-Calendar--monthValue"
40516
40534
  >
40517
40535
  <span
40518
- class="Text Text--link Text--small"
40536
+ class="Text Text--default Text--small"
40519
40537
  data-test="DesignSystem-Text"
40520
40538
  >
40521
40539
  Oct
@@ -40533,11 +40551,11 @@ exports[`DateRangePicker component
40533
40551
  </span>
40534
40552
  </div>
40535
40553
  <div
40536
- class="Calendar-value Calendar-monthValue Calendar-monthValue--small"
40554
+ class="Calendar-value Calendar-monthValue Calendar-monthValue--small Calendar-value--currDateMonthYear"
40537
40555
  data-test="DesignSystem-Calendar--monthValue"
40538
40556
  >
40539
40557
  <span
40540
- class="Text Text--default Text--small"
40558
+ class="Text Text--link Text--small"
40541
40559
  data-test="DesignSystem-Text"
40542
40560
  >
40543
40561
  Dec
@@ -40810,6 +40828,7 @@ exports[`DateRangePicker component
40810
40828
  <div
40811
40829
  class="Input Input--regular"
40812
40830
  data-test="DesignSystem-InputWrapper"
40831
+ role="presentation"
40813
40832
  style="min-width: 256px;"
40814
40833
  >
40815
40834
  <div
@@ -40833,11 +40852,13 @@ exports[`DateRangePicker component
40833
40852
  />
40834
40853
  <div
40835
40854
  class="Input-icon Input-icon--right"
40836
- data-test="DesignSystem-Input--closeIcon"
40837
40855
  >
40838
40856
  <i
40839
40857
  class="material-icons material-icons-round Icon"
40858
+ data-test="DesignSystem-Input--closeIcon"
40859
+ role="button"
40840
40860
  style="font-size: 16px; width: 16px;"
40861
+ tabindex="0"
40841
40862
  >
40842
40863
  close_round
40843
40864
  </i>
@@ -40876,6 +40897,7 @@ exports[`DateRangePicker component
40876
40897
  <div
40877
40898
  class="Input Input--regular"
40878
40899
  data-test="DesignSystem-InputWrapper"
40900
+ role="presentation"
40879
40901
  style="min-width: 256px;"
40880
40902
  >
40881
40903
  <div
@@ -40899,11 +40921,13 @@ exports[`DateRangePicker component
40899
40921
  />
40900
40922
  <div
40901
40923
  class="Input-icon Input-icon--right"
40902
- data-test="DesignSystem-Input--closeIcon"
40903
40924
  >
40904
40925
  <i
40905
40926
  class="material-icons material-icons-round Icon"
40927
+ data-test="DesignSystem-Input--closeIcon"
40928
+ role="button"
40906
40929
  style="font-size: 16px; width: 16px;"
40930
+ tabindex="0"
40907
40931
  >
40908
40932
  close_round
40909
40933
  </i>
@@ -40960,6 +40984,7 @@ exports[`DateRangePicker component
40960
40984
  <div
40961
40985
  class="Input Input--regular"
40962
40986
  data-test="DesignSystem-InputWrapper"
40987
+ role="presentation"
40963
40988
  style="min-width: 256px;"
40964
40989
  >
40965
40990
  <div
@@ -40983,11 +41008,13 @@ exports[`DateRangePicker component
40983
41008
  />
40984
41009
  <div
40985
41010
  class="Input-icon Input-icon--right"
40986
- data-test="DesignSystem-Input--closeIcon"
40987
41011
  >
40988
41012
  <i
40989
41013
  class="material-icons material-icons-round Icon"
41014
+ data-test="DesignSystem-Input--closeIcon"
41015
+ role="button"
40990
41016
  style="font-size: 16px; width: 16px;"
41017
+ tabindex="0"
40991
41018
  >
40992
41019
  close_round
40993
41020
  </i>
@@ -41026,6 +41053,7 @@ exports[`DateRangePicker component
41026
41053
  <div
41027
41054
  class="Input Input--regular"
41028
41055
  data-test="DesignSystem-InputWrapper"
41056
+ role="presentation"
41029
41057
  style="min-width: 256px;"
41030
41058
  >
41031
41059
  <div
@@ -41049,11 +41077,13 @@ exports[`DateRangePicker component
41049
41077
  />
41050
41078
  <div
41051
41079
  class="Input-icon Input-icon--right"
41052
- data-test="DesignSystem-Input--closeIcon"
41053
41080
  >
41054
41081
  <i
41055
41082
  class="material-icons material-icons-round Icon"
41083
+ data-test="DesignSystem-Input--closeIcon"
41084
+ role="button"
41056
41085
  style="font-size: 16px; width: 16px;"
41086
+ tabindex="0"
41057
41087
  >
41058
41088
  close_round
41059
41089
  </i>
@@ -41110,6 +41140,7 @@ exports[`DateRangePicker component
41110
41140
  <div
41111
41141
  class="Input Input--regular"
41112
41142
  data-test="DesignSystem-InputWrapper"
41143
+ role="presentation"
41113
41144
  style="min-width: 256px;"
41114
41145
  >
41115
41146
  <div
@@ -41133,11 +41164,13 @@ exports[`DateRangePicker component
41133
41164
  />
41134
41165
  <div
41135
41166
  class="Input-icon Input-icon--right"
41136
- data-test="DesignSystem-Input--closeIcon"
41137
41167
  >
41138
41168
  <i
41139
41169
  class="material-icons material-icons-round Icon"
41170
+ data-test="DesignSystem-Input--closeIcon"
41171
+ role="button"
41140
41172
  style="font-size: 16px; width: 16px;"
41173
+ tabindex="0"
41141
41174
  >
41142
41175
  close_round
41143
41176
  </i>
@@ -41176,6 +41209,7 @@ exports[`DateRangePicker component
41176
41209
  <div
41177
41210
  class="Input Input--regular"
41178
41211
  data-test="DesignSystem-InputWrapper"
41212
+ role="presentation"
41179
41213
  style="min-width: 256px;"
41180
41214
  >
41181
41215
  <div
@@ -41199,11 +41233,13 @@ exports[`DateRangePicker component
41199
41233
  />
41200
41234
  <div
41201
41235
  class="Input-icon Input-icon--right"
41202
- data-test="DesignSystem-Input--closeIcon"
41203
41236
  >
41204
41237
  <i
41205
41238
  class="material-icons material-icons-round Icon"
41239
+ data-test="DesignSystem-Input--closeIcon"
41240
+ role="button"
41206
41241
  style="font-size: 16px; width: 16px;"
41242
+ tabindex="0"
41207
41243
  >
41208
41244
  close_round
41209
41245
  </i>
@@ -42052,11 +42088,11 @@ exports[`DateRangePicker component
42052
42088
  class="Calendar-valueRow"
42053
42089
  >
42054
42090
  <div
42055
- class="Calendar-value Calendar-monthValue Calendar-monthValue--large Calendar-value--currDateMonthYear"
42091
+ class="Calendar-value Calendar-monthValue Calendar-monthValue--large"
42056
42092
  data-test="DesignSystem-Calendar--monthValue"
42057
42093
  >
42058
42094
  <span
42059
- class="Text Text--link Text--regular"
42095
+ class="Text Text--default Text--regular"
42060
42096
  data-test="DesignSystem-Text"
42061
42097
  >
42062
42098
  Oct
@@ -42074,11 +42110,11 @@ exports[`DateRangePicker component
42074
42110
  </span>
42075
42111
  </div>
42076
42112
  <div
42077
- class="Calendar-value Calendar-monthValue Calendar-monthValue--large"
42113
+ class="Calendar-value Calendar-monthValue Calendar-monthValue--large Calendar-value--currDateMonthYear"
42078
42114
  data-test="DesignSystem-Calendar--monthValue"
42079
42115
  >
42080
42116
  <span
42081
- class="Text Text--default Text--regular"
42117
+ class="Text Text--link Text--regular"
42082
42118
  data-test="DesignSystem-Text"
42083
42119
  >
42084
42120
  Dec
@@ -42351,6 +42387,7 @@ exports[`DateRangePicker component
42351
42387
  <div
42352
42388
  class="Input Input--regular"
42353
42389
  data-test="DesignSystem-InputWrapper"
42390
+ role="presentation"
42354
42391
  style="min-width: 256px;"
42355
42392
  >
42356
42393
  <div
@@ -42374,11 +42411,13 @@ exports[`DateRangePicker component
42374
42411
  />
42375
42412
  <div
42376
42413
  class="Input-icon Input-icon--right"
42377
- data-test="DesignSystem-Input--closeIcon"
42378
42414
  >
42379
42415
  <i
42380
42416
  class="material-icons material-icons-round Icon"
42417
+ data-test="DesignSystem-Input--closeIcon"
42418
+ role="button"
42381
42419
  style="font-size: 16px; width: 16px;"
42420
+ tabindex="0"
42382
42421
  >
42383
42422
  close_round
42384
42423
  </i>
@@ -42417,6 +42456,7 @@ exports[`DateRangePicker component
42417
42456
  <div
42418
42457
  class="Input Input--regular"
42419
42458
  data-test="DesignSystem-InputWrapper"
42459
+ role="presentation"
42420
42460
  style="min-width: 256px;"
42421
42461
  >
42422
42462
  <div
@@ -42440,11 +42480,13 @@ exports[`DateRangePicker component
42440
42480
  />
42441
42481
  <div
42442
42482
  class="Input-icon Input-icon--right"
42443
- data-test="DesignSystem-Input--closeIcon"
42444
42483
  >
42445
42484
  <i
42446
42485
  class="material-icons material-icons-round Icon"
42486
+ data-test="DesignSystem-Input--closeIcon"
42487
+ role="button"
42447
42488
  style="font-size: 16px; width: 16px;"
42489
+ tabindex="0"
42448
42490
  >
42449
42491
  close_round
42450
42492
  </i>
@@ -43508,6 +43550,7 @@ exports[`DateRangePicker component
43508
43550
  <div
43509
43551
  class="Input Input--regular"
43510
43552
  data-test="DesignSystem-InputWrapper"
43553
+ role="presentation"
43511
43554
  style="min-width: 256px;"
43512
43555
  >
43513
43556
  <div
@@ -43531,11 +43574,13 @@ exports[`DateRangePicker component
43531
43574
  />
43532
43575
  <div
43533
43576
  class="Input-icon Input-icon--right"
43534
- data-test="DesignSystem-Input--closeIcon"
43535
43577
  >
43536
43578
  <i
43537
43579
  class="material-icons material-icons-round Icon"
43580
+ data-test="DesignSystem-Input--closeIcon"
43581
+ role="button"
43538
43582
  style="font-size: 16px; width: 16px;"
43583
+ tabindex="0"
43539
43584
  >
43540
43585
  close_round
43541
43586
  </i>
@@ -43574,6 +43619,7 @@ exports[`DateRangePicker component
43574
43619
  <div
43575
43620
  class="Input Input--regular"
43576
43621
  data-test="DesignSystem-InputWrapper"
43622
+ role="presentation"
43577
43623
  style="min-width: 256px;"
43578
43624
  >
43579
43625
  <div
@@ -43597,11 +43643,13 @@ exports[`DateRangePicker component
43597
43643
  />
43598
43644
  <div
43599
43645
  class="Input-icon Input-icon--right"
43600
- data-test="DesignSystem-Input--closeIcon"
43601
43646
  >
43602
43647
  <i
43603
43648
  class="material-icons material-icons-round Icon"
43649
+ data-test="DesignSystem-Input--closeIcon"
43650
+ role="button"
43604
43651
  style="font-size: 16px; width: 16px;"
43652
+ tabindex="0"
43605
43653
  >
43606
43654
  close_round
43607
43655
  </i>
@@ -44665,6 +44713,7 @@ exports[`DateRangePicker component
44665
44713
  <div
44666
44714
  class="Input Input--regular"
44667
44715
  data-test="DesignSystem-InputWrapper"
44716
+ role="presentation"
44668
44717
  style="min-width: 256px;"
44669
44718
  >
44670
44719
  <div
@@ -44688,11 +44737,13 @@ exports[`DateRangePicker component
44688
44737
  />
44689
44738
  <div
44690
44739
  class="Input-icon Input-icon--right"
44691
- data-test="DesignSystem-Input--closeIcon"
44692
44740
  >
44693
44741
  <i
44694
44742
  class="material-icons material-icons-round Icon"
44743
+ data-test="DesignSystem-Input--closeIcon"
44744
+ role="button"
44695
44745
  style="font-size: 16px; width: 16px;"
44746
+ tabindex="0"
44696
44747
  >
44697
44748
  close_round
44698
44749
  </i>
@@ -44731,6 +44782,7 @@ exports[`DateRangePicker component
44731
44782
  <div
44732
44783
  class="Input Input--regular"
44733
44784
  data-test="DesignSystem-InputWrapper"
44785
+ role="presentation"
44734
44786
  style="min-width: 256px;"
44735
44787
  >
44736
44788
  <div
@@ -44754,11 +44806,13 @@ exports[`DateRangePicker component
44754
44806
  />
44755
44807
  <div
44756
44808
  class="Input-icon Input-icon--right"
44757
- data-test="DesignSystem-Input--closeIcon"
44758
44809
  >
44759
44810
  <i
44760
44811
  class="material-icons material-icons-round Icon"
44812
+ data-test="DesignSystem-Input--closeIcon"
44813
+ role="button"
44761
44814
  style="font-size: 16px; width: 16px;"
44815
+ tabindex="0"
44762
44816
  >
44763
44817
  close_round
44764
44818
  </i>
@@ -46614,11 +46668,11 @@ exports[`DateRangePicker component
46614
46668
  class="Calendar-valueRow"
46615
46669
  >
46616
46670
  <div
46617
- class="Calendar-value Calendar-monthValue Calendar-monthValue--small Calendar-value--currDateMonthYear"
46671
+ class="Calendar-value Calendar-monthValue Calendar-monthValue--small"
46618
46672
  data-test="DesignSystem-Calendar--monthValue"
46619
46673
  >
46620
46674
  <span
46621
- class="Text Text--link Text--small"
46675
+ class="Text Text--default Text--small"
46622
46676
  data-test="DesignSystem-Text"
46623
46677
  >
46624
46678
  Oct
@@ -46636,11 +46690,11 @@ exports[`DateRangePicker component
46636
46690
  </span>
46637
46691
  </div>
46638
46692
  <div
46639
- class="Calendar-value Calendar-monthValue Calendar-monthValue--small"
46693
+ class="Calendar-value Calendar-monthValue Calendar-monthValue--small Calendar-value--currDateMonthYear"
46640
46694
  data-test="DesignSystem-Calendar--monthValue"
46641
46695
  >
46642
46696
  <span
46643
- class="Text Text--default Text--small"
46697
+ class="Text Text--link Text--small"
46644
46698
  data-test="DesignSystem-Text"
46645
46699
  >
46646
46700
  Dec
@@ -46913,6 +46967,7 @@ exports[`DateRangePicker component
46913
46967
  <div
46914
46968
  class="Input Input--regular"
46915
46969
  data-test="DesignSystem-InputWrapper"
46970
+ role="presentation"
46916
46971
  style="min-width: 256px;"
46917
46972
  >
46918
46973
  <div
@@ -46936,11 +46991,13 @@ exports[`DateRangePicker component
46936
46991
  />
46937
46992
  <div
46938
46993
  class="Input-icon Input-icon--right"
46939
- data-test="DesignSystem-Input--closeIcon"
46940
46994
  >
46941
46995
  <i
46942
46996
  class="material-icons material-icons-round Icon"
46997
+ data-test="DesignSystem-Input--closeIcon"
46998
+ role="button"
46943
46999
  style="font-size: 16px; width: 16px;"
47000
+ tabindex="0"
46944
47001
  >
46945
47002
  close_round
46946
47003
  </i>
@@ -46979,6 +47036,7 @@ exports[`DateRangePicker component
46979
47036
  <div
46980
47037
  class="Input Input--regular"
46981
47038
  data-test="DesignSystem-InputWrapper"
47039
+ role="presentation"
46982
47040
  style="min-width: 256px;"
46983
47041
  >
46984
47042
  <div
@@ -47002,11 +47060,13 @@ exports[`DateRangePicker component
47002
47060
  />
47003
47061
  <div
47004
47062
  class="Input-icon Input-icon--right"
47005
- data-test="DesignSystem-Input--closeIcon"
47006
47063
  >
47007
47064
  <i
47008
47065
  class="material-icons material-icons-round Icon"
47066
+ data-test="DesignSystem-Input--closeIcon"
47067
+ role="button"
47009
47068
  style="font-size: 16px; width: 16px;"
47069
+ tabindex="0"
47010
47070
  >
47011
47071
  close_round
47012
47072
  </i>
@@ -48070,6 +48130,7 @@ exports[`DateRangePicker component
48070
48130
  <div
48071
48131
  class="Input Input--regular"
48072
48132
  data-test="DesignSystem-InputWrapper"
48133
+ role="presentation"
48073
48134
  style="min-width: 256px;"
48074
48135
  >
48075
48136
  <div
@@ -48093,11 +48154,13 @@ exports[`DateRangePicker component
48093
48154
  />
48094
48155
  <div
48095
48156
  class="Input-icon Input-icon--right"
48096
- data-test="DesignSystem-Input--closeIcon"
48097
48157
  >
48098
48158
  <i
48099
48159
  class="material-icons material-icons-round Icon"
48160
+ data-test="DesignSystem-Input--closeIcon"
48161
+ role="button"
48100
48162
  style="font-size: 16px; width: 16px;"
48163
+ tabindex="0"
48101
48164
  >
48102
48165
  close_round
48103
48166
  </i>
@@ -48136,6 +48199,7 @@ exports[`DateRangePicker component
48136
48199
  <div
48137
48200
  class="Input Input--regular"
48138
48201
  data-test="DesignSystem-InputWrapper"
48202
+ role="presentation"
48139
48203
  style="min-width: 256px;"
48140
48204
  >
48141
48205
  <div
@@ -48159,11 +48223,13 @@ exports[`DateRangePicker component
48159
48223
  />
48160
48224
  <div
48161
48225
  class="Input-icon Input-icon--right"
48162
- data-test="DesignSystem-Input--closeIcon"
48163
48226
  >
48164
48227
  <i
48165
48228
  class="material-icons material-icons-round Icon"
48229
+ data-test="DesignSystem-Input--closeIcon"
48230
+ role="button"
48166
48231
  style="font-size: 16px; width: 16px;"
48232
+ tabindex="0"
48167
48233
  >
48168
48234
  close_round
48169
48235
  </i>
@@ -49227,6 +49293,7 @@ exports[`DateRangePicker component
49227
49293
  <div
49228
49294
  class="Input Input--regular"
49229
49295
  data-test="DesignSystem-InputWrapper"
49296
+ role="presentation"
49230
49297
  style="min-width: 256px;"
49231
49298
  >
49232
49299
  <div
@@ -49250,11 +49317,13 @@ exports[`DateRangePicker component
49250
49317
  />
49251
49318
  <div
49252
49319
  class="Input-icon Input-icon--right"
49253
- data-test="DesignSystem-Input--closeIcon"
49254
49320
  >
49255
49321
  <i
49256
49322
  class="material-icons material-icons-round Icon"
49323
+ data-test="DesignSystem-Input--closeIcon"
49324
+ role="button"
49257
49325
  style="font-size: 16px; width: 16px;"
49326
+ tabindex="0"
49258
49327
  >
49259
49328
  close_round
49260
49329
  </i>
@@ -49293,6 +49362,7 @@ exports[`DateRangePicker component
49293
49362
  <div
49294
49363
  class="Input Input--regular"
49295
49364
  data-test="DesignSystem-InputWrapper"
49365
+ role="presentation"
49296
49366
  style="min-width: 256px;"
49297
49367
  >
49298
49368
  <div
@@ -49316,11 +49386,13 @@ exports[`DateRangePicker component
49316
49386
  />
49317
49387
  <div
49318
49388
  class="Input-icon Input-icon--right"
49319
- data-test="DesignSystem-Input--closeIcon"
49320
49389
  >
49321
49390
  <i
49322
49391
  class="material-icons material-icons-round Icon"
49392
+ data-test="DesignSystem-Input--closeIcon"
49393
+ role="button"
49323
49394
  style="font-size: 16px; width: 16px;"
49395
+ tabindex="0"
49324
49396
  >
49325
49397
  close_round
49326
49398
  </i>