@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/utils/__tests__/__snapshots__/TS.test.tsx.snap CHANGED
@@ -89,625 +89,629 @@ exports[`TS renders children 1`] = `
89
89
  />
90
90
  <div>
91
91
  <div
92
- class="Calendar-wrapper"
93
- data-test="DesignSystem-Calendar-Wrapper"
92
+ class="d-flex"
94
93
  >
95
94
  <div
96
- class="Calendar Calendar--date--large Calendar--large"
97
- data-test="DesignSystem-Calendar"
95
+ class="Calendar-wrapper"
96
+ data-test="DesignSystem-Calendar-Wrapper"
98
97
  >
99
98
  <div
100
- class="Calendar-header--large"
99
+ class="Calendar Calendar--date--large Calendar--large"
100
+ data-test="DesignSystem-Calendar"
101
101
  >
102
- <button
103
- class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--prev"
104
- data-test="DesignSystem-Button"
105
- tabindex="0"
106
- type="button"
107
- >
108
- <div
109
- class="Button-icon"
110
- >
111
- <i
112
- class="material-icons material-icons-round Icon Icon--default"
113
- data-test="DesignSystem-Button--Icon"
114
- style="font-size: 16px; width: 16px;"
115
- >
116
- arrow_back_round
117
- </i>
118
- </div>
119
- </button>
120
102
  <div
121
- class="Calendar-headerContent Calendar-headerContent--noIcon-left Calendar-headerContent--noIcon-right"
103
+ class="Calendar-header--large"
122
104
  >
123
- <div
124
- class="d-flex justify-content-center align-items-center"
125
- >
126
- <h5
127
- class="Heading Heading--s Heading--default"
128
- data-test="DesignSystem-Heading"
129
- >
130
- Jun
131
- </h5>
132
- <i
133
- class="material-icons material-icons-round Icon Icon--inverse pl-3"
134
- style="font-size: 16px; width: 16px;"
135
- >
136
- keyboard_arrow_down_round
137
- </i>
138
- </div>
139
- <div
140
- class="ml-4 d-flex justify-content-center align-items-center"
141
- >
142
- <h5
143
- class="Heading Heading--s Heading--default"
144
- data-test="DesignSystem-Heading"
145
- >
146
- 2021
147
- </h5>
148
- <i
149
- class="material-icons material-icons-round Icon Icon--inverse pl-3"
150
- style="font-size: 16px; width: 16px;"
151
- >
152
- keyboard_arrow_down_round
153
- </i>
154
- </div>
155
- </div>
156
- <button
157
- class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--next"
158
- data-test="DesignSystem-Button"
159
- tabindex="0"
160
- type="button"
161
- >
162
- <div
163
- class="Button-icon"
164
- >
165
- <i
166
- class="material-icons material-icons-round Icon Icon--default"
167
- data-test="DesignSystem-Button--Icon"
168
- style="font-size: 16px; width: 16px;"
169
- >
170
- arrow_forward_round
171
- </i>
172
- </div>
173
- </button>
174
- </div>
175
- <div
176
- class="Calendar-body"
177
- >
178
- <div
179
- class="Calendar-dayValues"
180
- >
181
- <span
182
- class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
183
- data-test="DesignSystem-Text"
184
- >
185
- Su
186
- </span>
187
- <span
188
- class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
189
- data-test="DesignSystem-Text"
190
- >
191
- Mo
192
- </span>
193
- <span
194
- class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
195
- data-test="DesignSystem-Text"
196
- >
197
- Tu
198
- </span>
199
- <span
200
- class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
201
- data-test="DesignSystem-Text"
202
- >
203
- We
204
- </span>
205
- <span
206
- class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
207
- data-test="DesignSystem-Text"
208
- >
209
- Th
210
- </span>
211
- <span
212
- class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
213
- data-test="DesignSystem-Text"
214
- >
215
- Fr
216
- </span>
217
- <span
218
- class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
219
- data-test="DesignSystem-Text"
220
- >
221
- Sa
222
- </span>
223
- </div>
224
- <div
225
- class="Calendar-dateValues"
226
- >
227
- <div
228
- class="Calendar-valueRow"
105
+ <button
106
+ class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--prev"
107
+ data-test="DesignSystem-Button"
108
+ tabindex="0"
109
+ type="button"
229
110
  >
230
111
  <div
231
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
232
- data-test="designSystem-Calendar-WrapperClass"
112
+ class="Button-icon"
233
113
  >
234
- <span
235
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
236
- data-test="DesignSystem-Calendar--dateValue"
114
+ <i
115
+ class="material-icons material-icons-round Icon Icon--default"
116
+ data-test="DesignSystem-Button--Icon"
117
+ style="font-size: 16px; width: 16px;"
237
118
  >
238
- 30
239
- </span>
119
+ arrow_back_round
120
+ </i>
240
121
  </div>
122
+ </button>
123
+ <div
124
+ class="Calendar-headerContent Calendar-headerContent--noIcon-left Calendar-headerContent--noIcon-right"
125
+ >
241
126
  <div
242
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
243
- data-test="designSystem-Calendar-WrapperClass"
127
+ class="d-flex justify-content-center align-items-center"
244
128
  >
245
- <span
246
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
247
- data-test="DesignSystem-Calendar--dateValue"
129
+ <h5
130
+ class="Heading Heading--s Heading--default"
131
+ data-test="DesignSystem-Heading"
248
132
  >
249
- 31
250
- </span>
251
- </div>
252
- <div
253
- class="Calendar-valueWrapper"
254
- data-test="designSystem-Calendar-WrapperClass"
255
- >
256
- <span
257
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
258
- data-test="DesignSystem-Calendar--dateValue"
133
+ Jun
134
+ </h5>
135
+ <i
136
+ class="material-icons material-icons-round Icon Icon--inverse pl-3"
137
+ style="font-size: 16px; width: 16px;"
259
138
  >
260
- 1
261
- </span>
139
+ keyboard_arrow_down_round
140
+ </i>
262
141
  </div>
263
142
  <div
264
- class="Calendar-valueWrapper"
265
- data-test="designSystem-Calendar-WrapperClass"
143
+ class="ml-4 d-flex justify-content-center align-items-center"
266
144
  >
267
- <span
268
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
269
- data-test="DesignSystem-Calendar--dateValue"
145
+ <h5
146
+ class="Heading Heading--s Heading--default"
147
+ data-test="DesignSystem-Heading"
270
148
  >
271
- 2
272
- </span>
273
- </div>
274
- <div
275
- class="Calendar-valueWrapper"
276
- data-test="designSystem-Calendar-WrapperClass"
277
- >
278
- <span
279
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
280
- data-test="DesignSystem-Calendar--dateValue"
149
+ 2021
150
+ </h5>
151
+ <i
152
+ class="material-icons material-icons-round Icon Icon--inverse pl-3"
153
+ style="font-size: 16px; width: 16px;"
281
154
  >
282
- 3
283
- </span>
284
- </div>
285
- <div
286
- class="Calendar-valueWrapper"
287
- data-test="designSystem-Calendar-WrapperClass"
288
- >
289
- <span
290
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
291
- data-test="DesignSystem-Calendar--dateValue"
292
- >
293
- 4
294
- </span>
155
+ keyboard_arrow_down_round
156
+ </i>
295
157
  </div>
158
+ </div>
159
+ <button
160
+ class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--next"
161
+ data-test="DesignSystem-Button"
162
+ tabindex="0"
163
+ type="button"
164
+ >
296
165
  <div
297
- class="Calendar-valueWrapper"
298
- data-test="designSystem-Calendar-WrapperClass"
166
+ class="Button-icon"
299
167
  >
300
- <span
301
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
302
- data-test="DesignSystem-Calendar--dateValue"
168
+ <i
169
+ class="material-icons material-icons-round Icon Icon--default"
170
+ data-test="DesignSystem-Button--Icon"
171
+ style="font-size: 16px; width: 16px;"
303
172
  >
304
- 5
305
- </span>
173
+ arrow_forward_round
174
+ </i>
306
175
  </div>
307
- </div>
176
+ </button>
177
+ </div>
178
+ <div
179
+ class="Calendar-body"
180
+ >
308
181
  <div
309
- class="Calendar-valueRow"
182
+ class="Calendar-dayValues"
310
183
  >
311
- <div
312
- class="Calendar-valueWrapper"
313
- data-test="designSystem-Calendar-WrapperClass"
184
+ <span
185
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
186
+ data-test="DesignSystem-Text"
314
187
  >
315
- <span
316
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
317
- data-test="DesignSystem-Calendar--dateValue"
318
- >
319
- 6
320
- </span>
321
- </div>
322
- <div
323
- class="Calendar-valueWrapper"
324
- data-test="designSystem-Calendar-WrapperClass"
188
+ Su
189
+ </span>
190
+ <span
191
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
192
+ data-test="DesignSystem-Text"
325
193
  >
326
- <span
327
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
328
- data-test="DesignSystem-Calendar--dateValue"
329
- >
330
- 7
331
- </span>
332
- </div>
333
- <div
334
- class="Calendar-valueWrapper"
335
- data-test="designSystem-Calendar-WrapperClass"
194
+ Mo
195
+ </span>
196
+ <span
197
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
198
+ data-test="DesignSystem-Text"
336
199
  >
337
- <span
338
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
339
- data-test="DesignSystem-Calendar--dateValue"
340
- >
341
- 8
342
- </span>
343
- </div>
344
- <div
345
- class="Calendar-valueWrapper"
346
- data-test="designSystem-Calendar-WrapperClass"
200
+ Tu
201
+ </span>
202
+ <span
203
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
204
+ data-test="DesignSystem-Text"
347
205
  >
348
- <span
349
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
350
- data-test="DesignSystem-Calendar--dateValue"
351
- >
352
- 9
353
- </span>
354
- </div>
355
- <div
356
- class="Calendar-valueWrapper"
357
- data-test="designSystem-Calendar-WrapperClass"
206
+ We
207
+ </span>
208
+ <span
209
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
210
+ data-test="DesignSystem-Text"
358
211
  >
359
- <span
360
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
361
- data-test="DesignSystem-Calendar--dateValue"
362
- >
363
- 10
364
- </span>
365
- </div>
366
- <div
367
- class="Calendar-valueWrapper"
368
- data-test="designSystem-Calendar-WrapperClass"
212
+ Th
213
+ </span>
214
+ <span
215
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
216
+ data-test="DesignSystem-Text"
369
217
  >
370
- <span
371
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
372
- data-test="DesignSystem-Calendar--dateValue"
373
- >
374
- 11
375
- </span>
376
- </div>
377
- <div
378
- class="Calendar-valueWrapper"
379
- data-test="designSystem-Calendar-WrapperClass"
218
+ Fr
219
+ </span>
220
+ <span
221
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
222
+ data-test="DesignSystem-Text"
380
223
  >
381
- <span
382
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
383
- data-test="DesignSystem-Calendar--dateValue"
384
- >
385
- 12
386
- </span>
387
- </div>
224
+ Sa
225
+ </span>
388
226
  </div>
389
227
  <div
390
- class="Calendar-valueRow"
228
+ class="Calendar-dateValues"
391
229
  >
392
230
  <div
393
- class="Calendar-valueWrapper"
394
- data-test="designSystem-Calendar-WrapperClass"
231
+ class="Calendar-valueRow"
395
232
  >
396
- <span
397
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
398
- data-test="DesignSystem-Calendar--dateValue"
233
+ <div
234
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
235
+ data-test="designSystem-Calendar-WrapperClass"
399
236
  >
400
- 13
401
- </span>
402
- </div>
403
- <div
404
- class="Calendar-valueWrapper"
405
- data-test="designSystem-Calendar-WrapperClass"
406
- >
407
- <span
408
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
409
- data-test="DesignSystem-Calendar--dateValue"
237
+ <span
238
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
239
+ data-test="DesignSystem-Calendar--dateValue"
240
+ >
241
+ 30
242
+ </span>
243
+ </div>
244
+ <div
245
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
246
+ data-test="designSystem-Calendar-WrapperClass"
410
247
  >
411
- 14
412
- </span>
413
- </div>
414
- <div
415
- class="Calendar-valueWrapper"
416
- data-test="designSystem-Calendar-WrapperClass"
417
- >
418
- <span
419
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
420
- data-test="DesignSystem-Calendar--dateValue"
248
+ <span
249
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
250
+ data-test="DesignSystem-Calendar--dateValue"
251
+ >
252
+ 31
253
+ </span>
254
+ </div>
255
+ <div
256
+ class="Calendar-valueWrapper"
257
+ data-test="designSystem-Calendar-WrapperClass"
421
258
  >
422
- 15
423
- </span>
424
- </div>
425
- <div
426
- class="Calendar-valueWrapper"
427
- data-test="designSystem-Calendar-WrapperClass"
428
- >
429
- <span
430
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
431
- data-test="DesignSystem-Calendar--dateValue"
259
+ <span
260
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
261
+ data-test="DesignSystem-Calendar--dateValue"
262
+ >
263
+ 1
264
+ </span>
265
+ </div>
266
+ <div
267
+ class="Calendar-valueWrapper"
268
+ data-test="designSystem-Calendar-WrapperClass"
432
269
  >
433
- 16
434
- </span>
435
- </div>
436
- <div
437
- class="Calendar-valueWrapper"
438
- data-test="designSystem-Calendar-WrapperClass"
439
- >
440
- <span
441
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
442
- data-test="DesignSystem-Calendar--dateValue"
270
+ <span
271
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
272
+ data-test="DesignSystem-Calendar--dateValue"
273
+ >
274
+ 2
275
+ </span>
276
+ </div>
277
+ <div
278
+ class="Calendar-valueWrapper"
279
+ data-test="designSystem-Calendar-WrapperClass"
443
280
  >
444
- 17
445
- </span>
446
- </div>
447
- <div
448
- class="Calendar-valueWrapper"
449
- data-test="designSystem-Calendar-WrapperClass"
450
- >
451
- <span
452
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
453
- data-test="DesignSystem-Calendar--dateValue"
281
+ <span
282
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
283
+ data-test="DesignSystem-Calendar--dateValue"
284
+ >
285
+ 3
286
+ </span>
287
+ </div>
288
+ <div
289
+ class="Calendar-valueWrapper"
290
+ data-test="designSystem-Calendar-WrapperClass"
454
291
  >
455
- 18
456
- </span>
457
- </div>
458
- <div
459
- class="Calendar-valueWrapper"
460
- data-test="designSystem-Calendar-WrapperClass"
461
- >
462
- <span
463
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
464
- data-test="DesignSystem-Calendar--dateValue"
292
+ <span
293
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
294
+ data-test="DesignSystem-Calendar--dateValue"
295
+ >
296
+ 4
297
+ </span>
298
+ </div>
299
+ <div
300
+ class="Calendar-valueWrapper"
301
+ data-test="designSystem-Calendar-WrapperClass"
465
302
  >
466
- 19
467
- </span>
303
+ <span
304
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
305
+ data-test="DesignSystem-Calendar--dateValue"
306
+ >
307
+ 5
308
+ </span>
309
+ </div>
468
310
  </div>
469
- </div>
470
- <div
471
- class="Calendar-valueRow"
472
- >
473
311
  <div
474
- class="Calendar-valueWrapper"
475
- data-test="designSystem-Calendar-WrapperClass"
312
+ class="Calendar-valueRow"
476
313
  >
477
- <span
478
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
479
- data-test="DesignSystem-Calendar--dateValue"
314
+ <div
315
+ class="Calendar-valueWrapper"
316
+ data-test="designSystem-Calendar-WrapperClass"
480
317
  >
481
- 20
482
- </span>
483
- </div>
484
- <div
485
- class="Calendar-valueWrapper"
486
- data-test="designSystem-Calendar-WrapperClass"
487
- >
488
- <span
489
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
490
- data-test="DesignSystem-Calendar--dateValue"
318
+ <span
319
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
320
+ data-test="DesignSystem-Calendar--dateValue"
321
+ >
322
+ 6
323
+ </span>
324
+ </div>
325
+ <div
326
+ class="Calendar-valueWrapper"
327
+ data-test="designSystem-Calendar-WrapperClass"
491
328
  >
492
- 21
493
- </span>
494
- </div>
495
- <div
496
- class="Calendar-valueWrapper"
497
- data-test="designSystem-Calendar-WrapperClass"
498
- >
499
- <span
500
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
501
- data-test="DesignSystem-Calendar--dateValue"
329
+ <span
330
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
331
+ data-test="DesignSystem-Calendar--dateValue"
332
+ >
333
+ 7
334
+ </span>
335
+ </div>
336
+ <div
337
+ class="Calendar-valueWrapper"
338
+ data-test="designSystem-Calendar-WrapperClass"
502
339
  >
503
- 22
504
- </span>
505
- </div>
506
- <div
507
- class="Calendar-valueWrapper"
508
- data-test="designSystem-Calendar-WrapperClass"
509
- >
510
- <span
511
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
512
- data-test="DesignSystem-Calendar--dateValue"
340
+ <span
341
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
342
+ data-test="DesignSystem-Calendar--dateValue"
343
+ >
344
+ 8
345
+ </span>
346
+ </div>
347
+ <div
348
+ class="Calendar-valueWrapper"
349
+ data-test="designSystem-Calendar-WrapperClass"
513
350
  >
514
- 23
515
- </span>
516
- </div>
517
- <div
518
- class="Calendar-valueWrapper"
519
- data-test="designSystem-Calendar-WrapperClass"
520
- >
521
- <span
522
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
523
- data-test="DesignSystem-Calendar--dateValue"
351
+ <span
352
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
353
+ data-test="DesignSystem-Calendar--dateValue"
354
+ >
355
+ 9
356
+ </span>
357
+ </div>
358
+ <div
359
+ class="Calendar-valueWrapper"
360
+ data-test="designSystem-Calendar-WrapperClass"
524
361
  >
525
- 24
526
- </span>
527
- </div>
528
- <div
529
- class="Calendar-valueWrapper"
530
- data-test="designSystem-Calendar-WrapperClass"
531
- >
532
- <span
533
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
534
- data-test="DesignSystem-Calendar--dateValue"
362
+ <span
363
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
364
+ data-test="DesignSystem-Calendar--dateValue"
365
+ >
366
+ 10
367
+ </span>
368
+ </div>
369
+ <div
370
+ class="Calendar-valueWrapper"
371
+ data-test="designSystem-Calendar-WrapperClass"
535
372
  >
536
- 25
537
- </span>
538
- </div>
539
- <div
540
- class="Calendar-valueWrapper"
541
- data-test="designSystem-Calendar-WrapperClass"
542
- >
543
- <span
544
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
545
- data-test="DesignSystem-Calendar--dateValue"
373
+ <span
374
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
375
+ data-test="DesignSystem-Calendar--dateValue"
376
+ >
377
+ 11
378
+ </span>
379
+ </div>
380
+ <div
381
+ class="Calendar-valueWrapper"
382
+ data-test="designSystem-Calendar-WrapperClass"
546
383
  >
547
- 26
548
- </span>
384
+ <span
385
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
386
+ data-test="DesignSystem-Calendar--dateValue"
387
+ >
388
+ 12
389
+ </span>
390
+ </div>
549
391
  </div>
550
- </div>
551
- <div
552
- class="Calendar-valueRow"
553
- >
554
392
  <div
555
- class="Calendar-valueWrapper"
556
- data-test="designSystem-Calendar-WrapperClass"
393
+ class="Calendar-valueRow"
557
394
  >
558
- <span
559
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
560
- data-test="DesignSystem-Calendar--dateValue"
395
+ <div
396
+ class="Calendar-valueWrapper"
397
+ data-test="designSystem-Calendar-WrapperClass"
561
398
  >
562
- 27
563
- </span>
564
- </div>
565
- <div
566
- class="Calendar-valueWrapper"
567
- data-test="designSystem-Calendar-WrapperClass"
568
- >
569
- <span
570
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
571
- data-test="DesignSystem-Calendar--dateValue"
399
+ <span
400
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
401
+ data-test="DesignSystem-Calendar--dateValue"
402
+ >
403
+ 13
404
+ </span>
405
+ </div>
406
+ <div
407
+ class="Calendar-valueWrapper"
408
+ data-test="designSystem-Calendar-WrapperClass"
572
409
  >
573
- 28
574
- </span>
575
- </div>
576
- <div
577
- class="Calendar-valueWrapper"
578
- data-test="designSystem-Calendar-WrapperClass"
579
- >
580
- <span
581
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
582
- data-test="DesignSystem-Calendar--dateValue"
410
+ <span
411
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
412
+ data-test="DesignSystem-Calendar--dateValue"
413
+ >
414
+ 14
415
+ </span>
416
+ </div>
417
+ <div
418
+ class="Calendar-valueWrapper"
419
+ data-test="designSystem-Calendar-WrapperClass"
583
420
  >
584
- 29
585
- </span>
586
- </div>
587
- <div
588
- class="Calendar-valueWrapper"
589
- data-test="designSystem-Calendar-WrapperClass"
590
- >
591
- <span
592
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
593
- data-test="DesignSystem-Calendar--dateValue"
421
+ <span
422
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
423
+ data-test="DesignSystem-Calendar--dateValue"
424
+ >
425
+ 15
426
+ </span>
427
+ </div>
428
+ <div
429
+ class="Calendar-valueWrapper"
430
+ data-test="designSystem-Calendar-WrapperClass"
594
431
  >
595
- 30
596
- </span>
597
- </div>
598
- <div
599
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
600
- data-test="designSystem-Calendar-WrapperClass"
601
- >
602
- <span
603
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
604
- data-test="DesignSystem-Calendar--dateValue"
432
+ <span
433
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
434
+ data-test="DesignSystem-Calendar--dateValue"
435
+ >
436
+ 16
437
+ </span>
438
+ </div>
439
+ <div
440
+ class="Calendar-valueWrapper"
441
+ data-test="designSystem-Calendar-WrapperClass"
605
442
  >
606
- 1
607
- </span>
608
- </div>
609
- <div
610
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
611
- data-test="designSystem-Calendar-WrapperClass"
612
- >
613
- <span
614
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
615
- data-test="DesignSystem-Calendar--dateValue"
443
+ <span
444
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
445
+ data-test="DesignSystem-Calendar--dateValue"
446
+ >
447
+ 17
448
+ </span>
449
+ </div>
450
+ <div
451
+ class="Calendar-valueWrapper"
452
+ data-test="designSystem-Calendar-WrapperClass"
616
453
  >
617
- 2
618
- </span>
619
- </div>
620
- <div
621
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
622
- data-test="designSystem-Calendar-WrapperClass"
623
- >
624
- <span
625
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
626
- data-test="DesignSystem-Calendar--dateValue"
454
+ <span
455
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
456
+ data-test="DesignSystem-Calendar--dateValue"
457
+ >
458
+ 18
459
+ </span>
460
+ </div>
461
+ <div
462
+ class="Calendar-valueWrapper"
463
+ data-test="designSystem-Calendar-WrapperClass"
627
464
  >
628
- 3
629
- </span>
465
+ <span
466
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
467
+ data-test="DesignSystem-Calendar--dateValue"
468
+ >
469
+ 19
470
+ </span>
471
+ </div>
630
472
  </div>
631
- </div>
632
- <div
633
- class="Calendar-valueRow"
634
- >
635
473
  <div
636
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
637
- data-test="designSystem-Calendar-WrapperClass"
474
+ class="Calendar-valueRow"
638
475
  >
639
- <span
640
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
641
- data-test="DesignSystem-Calendar--dateValue"
476
+ <div
477
+ class="Calendar-valueWrapper"
478
+ data-test="designSystem-Calendar-WrapperClass"
642
479
  >
643
- 4
644
- </span>
645
- </div>
646
- <div
647
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
648
- data-test="designSystem-Calendar-WrapperClass"
649
- >
650
- <span
651
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
652
- data-test="DesignSystem-Calendar--dateValue"
480
+ <span
481
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
482
+ data-test="DesignSystem-Calendar--dateValue"
483
+ >
484
+ 20
485
+ </span>
486
+ </div>
487
+ <div
488
+ class="Calendar-valueWrapper"
489
+ data-test="designSystem-Calendar-WrapperClass"
653
490
  >
654
- 5
655
- </span>
656
- </div>
657
- <div
658
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
659
- data-test="designSystem-Calendar-WrapperClass"
660
- >
661
- <span
662
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
663
- data-test="DesignSystem-Calendar--dateValue"
491
+ <span
492
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
493
+ data-test="DesignSystem-Calendar--dateValue"
494
+ >
495
+ 21
496
+ </span>
497
+ </div>
498
+ <div
499
+ class="Calendar-valueWrapper"
500
+ data-test="designSystem-Calendar-WrapperClass"
664
501
  >
665
- 6
666
- </span>
667
- </div>
668
- <div
669
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
670
- data-test="designSystem-Calendar-WrapperClass"
671
- >
672
- <span
673
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
674
- data-test="DesignSystem-Calendar--dateValue"
502
+ <span
503
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
504
+ data-test="DesignSystem-Calendar--dateValue"
505
+ >
506
+ 22
507
+ </span>
508
+ </div>
509
+ <div
510
+ class="Calendar-valueWrapper"
511
+ data-test="designSystem-Calendar-WrapperClass"
675
512
  >
676
- 7
677
- </span>
678
- </div>
679
- <div
680
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
681
- data-test="designSystem-Calendar-WrapperClass"
682
- >
683
- <span
684
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
685
- data-test="DesignSystem-Calendar--dateValue"
513
+ <span
514
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
515
+ data-test="DesignSystem-Calendar--dateValue"
516
+ >
517
+ 23
518
+ </span>
519
+ </div>
520
+ <div
521
+ class="Calendar-valueWrapper"
522
+ data-test="designSystem-Calendar-WrapperClass"
523
+ >
524
+ <span
525
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
526
+ data-test="DesignSystem-Calendar--dateValue"
527
+ >
528
+ 24
529
+ </span>
530
+ </div>
531
+ <div
532
+ class="Calendar-valueWrapper"
533
+ data-test="designSystem-Calendar-WrapperClass"
686
534
  >
687
- 8
688
- </span>
535
+ <span
536
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
537
+ data-test="DesignSystem-Calendar--dateValue"
538
+ >
539
+ 25
540
+ </span>
541
+ </div>
542
+ <div
543
+ class="Calendar-valueWrapper"
544
+ data-test="designSystem-Calendar-WrapperClass"
545
+ >
546
+ <span
547
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
548
+ data-test="DesignSystem-Calendar--dateValue"
549
+ >
550
+ 26
551
+ </span>
552
+ </div>
689
553
  </div>
690
554
  <div
691
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
692
- data-test="designSystem-Calendar-WrapperClass"
555
+ class="Calendar-valueRow"
693
556
  >
694
- <span
695
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
696
- data-test="DesignSystem-Calendar--dateValue"
557
+ <div
558
+ class="Calendar-valueWrapper"
559
+ data-test="designSystem-Calendar-WrapperClass"
560
+ >
561
+ <span
562
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
563
+ data-test="DesignSystem-Calendar--dateValue"
564
+ >
565
+ 27
566
+ </span>
567
+ </div>
568
+ <div
569
+ class="Calendar-valueWrapper"
570
+ data-test="designSystem-Calendar-WrapperClass"
571
+ >
572
+ <span
573
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
574
+ data-test="DesignSystem-Calendar--dateValue"
575
+ >
576
+ 28
577
+ </span>
578
+ </div>
579
+ <div
580
+ class="Calendar-valueWrapper"
581
+ data-test="designSystem-Calendar-WrapperClass"
697
582
  >
698
- 9
699
- </span>
583
+ <span
584
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
585
+ data-test="DesignSystem-Calendar--dateValue"
586
+ >
587
+ 29
588
+ </span>
589
+ </div>
590
+ <div
591
+ class="Calendar-valueWrapper"
592
+ data-test="designSystem-Calendar-WrapperClass"
593
+ >
594
+ <span
595
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
596
+ data-test="DesignSystem-Calendar--dateValue"
597
+ >
598
+ 30
599
+ </span>
600
+ </div>
601
+ <div
602
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
603
+ data-test="designSystem-Calendar-WrapperClass"
604
+ >
605
+ <span
606
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
607
+ data-test="DesignSystem-Calendar--dateValue"
608
+ >
609
+ 1
610
+ </span>
611
+ </div>
612
+ <div
613
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
614
+ data-test="designSystem-Calendar-WrapperClass"
615
+ >
616
+ <span
617
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
618
+ data-test="DesignSystem-Calendar--dateValue"
619
+ >
620
+ 2
621
+ </span>
622
+ </div>
623
+ <div
624
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
625
+ data-test="designSystem-Calendar-WrapperClass"
626
+ >
627
+ <span
628
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
629
+ data-test="DesignSystem-Calendar--dateValue"
630
+ >
631
+ 3
632
+ </span>
633
+ </div>
700
634
  </div>
701
635
  <div
702
- class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
703
- data-test="designSystem-Calendar-WrapperClass"
636
+ class="Calendar-valueRow"
704
637
  >
705
- <span
706
- class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
707
- data-test="DesignSystem-Calendar--dateValue"
638
+ <div
639
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
640
+ data-test="designSystem-Calendar-WrapperClass"
641
+ >
642
+ <span
643
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
644
+ data-test="DesignSystem-Calendar--dateValue"
645
+ >
646
+ 4
647
+ </span>
648
+ </div>
649
+ <div
650
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
651
+ data-test="designSystem-Calendar-WrapperClass"
652
+ >
653
+ <span
654
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
655
+ data-test="DesignSystem-Calendar--dateValue"
656
+ >
657
+ 5
658
+ </span>
659
+ </div>
660
+ <div
661
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
662
+ data-test="designSystem-Calendar-WrapperClass"
708
663
  >
709
- 10
710
- </span>
664
+ <span
665
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
666
+ data-test="DesignSystem-Calendar--dateValue"
667
+ >
668
+ 6
669
+ </span>
670
+ </div>
671
+ <div
672
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
673
+ data-test="designSystem-Calendar-WrapperClass"
674
+ >
675
+ <span
676
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
677
+ data-test="DesignSystem-Calendar--dateValue"
678
+ >
679
+ 7
680
+ </span>
681
+ </div>
682
+ <div
683
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
684
+ data-test="designSystem-Calendar-WrapperClass"
685
+ >
686
+ <span
687
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
688
+ data-test="DesignSystem-Calendar--dateValue"
689
+ >
690
+ 8
691
+ </span>
692
+ </div>
693
+ <div
694
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
695
+ data-test="designSystem-Calendar-WrapperClass"
696
+ >
697
+ <span
698
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
699
+ data-test="DesignSystem-Calendar--dateValue"
700
+ >
701
+ 9
702
+ </span>
703
+ </div>
704
+ <div
705
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
706
+ data-test="designSystem-Calendar-WrapperClass"
707
+ >
708
+ <span
709
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
710
+ data-test="DesignSystem-Calendar--dateValue"
711
+ >
712
+ 10
713
+ </span>
714
+ </div>
711
715
  </div>
712
716
  </div>
713
717
  </div>
@@ -839,6 +843,7 @@ exports[`TS renders children 1`] = `
839
843
  <div
840
844
  class="Input Input--regular"
841
845
  data-test="DesignSystem-InputWrapper"
846
+ role="presentation"
842
847
  style="min-width: 256px;"
843
848
  >
844
849
  <input
@@ -855,6 +860,7 @@ exports[`TS renders children 1`] = `
855
860
  <div
856
861
  class="Input Input--regular"
857
862
  data-test="DesignSystem-InputWrapper"
863
+ role="presentation"
858
864
  style="min-width: 256px;"
859
865
  >
860
866
  <input
@@ -920,12 +926,19 @@ exports[`TS renders children 1`] = `
920
926
  Hello World!
921
927
  </a>
922
928
  <div
923
- class="Message Message--default"
929
+ class="Message Message--info"
924
930
  data-test="DesignSystem-Message"
925
931
  >
932
+ <i
933
+ class="material-icons material-icons-round Icon Icon--info Message-icon Message-icon--info"
934
+ data-test="DesignSystem-Message--Icon"
935
+ style="font-size: 16px; width: 16px;"
936
+ >
937
+ info_round
938
+ </i>
926
939
  <div>
927
940
  <span
928
- class="Text Text--default Text--regular Message-text Message-text--default"
941
+ class="Text Text--default Text--regular Message-text Message-text--info"
929
942
  data-test="DesignSystem-Message--Description"
930
943
  >
931
944
  Hello World!
@@ -1476,8 +1489,14 @@ exports[`TS renders children 1`] = `
1476
1489
  rows="3"
1477
1490
  />
1478
1491
  <div
1479
- class="Toast Toast--default"
1492
+ class="Toast Toast--info"
1480
1493
  >
1494
+ <i
1495
+ class="material-icons material-icons-round Icon Toast-icon Toast-icon--left Toast-icon--info"
1496
+ style="font-size: 16px; width: 16px;"
1497
+ >
1498
+ info_round
1499
+ </i>
1481
1500
  <div
1482
1501
  class="Toast-body"
1483
1502
  >
@@ -1485,14 +1504,16 @@ exports[`TS renders children 1`] = `
1485
1504
  class="Toast-title"
1486
1505
  >
1487
1506
  <h5
1488
- class="Heading Heading--s Heading--white Toast-heading Toast-heading--default"
1507
+ class="Heading Heading--s Heading--white Toast-heading Toast-heading--info"
1489
1508
  data-test="DesignSystem-Heading"
1490
1509
  >
1491
1510
  Hello World!
1492
1511
  </h5>
1493
1512
  <i
1494
- class="material-icons material-icons-round Icon Icon--white Toast-icon Toast-icon--right Toast-icon--default"
1513
+ class="material-icons material-icons-round Icon Icon--white Toast-icon Toast-icon--right Toast-icon--info"
1514
+ role="button"
1495
1515
  style="font-size: 16px; width: 16px;"
1516
+ tabindex="0"
1496
1517
  >
1497
1518
  close_round
1498
1519
  </i>