@innovaccer/design-system 2.13.4-7 → 2.13.4

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 (270) hide show
  1. package/.github/workflows/docs_pull_request.yml +6 -0
  2. package/CHANGELOG.md +775 -424
  3. package/core/components/atoms/_chip/__tests__/__snapshots__/_chip.test.tsx.snap +20 -12
  4. package/core/components/atoms/_chip/index.tsx +11 -7
  5. package/core/components/atoms/backdrop/__stories__/index.story.jsx +1 -14
  6. package/core/components/atoms/breadcrumbs/__stories__/variants/lessThan4Levels.story.jsx +2 -2
  7. package/core/components/atoms/breadcrumbs/__stories__/variants/moreThan4Levels.story.jsx +2 -2
  8. package/core/components/atoms/button/__stories__/variants/state/Alert.story.jsx +1 -4
  9. package/core/components/atoms/button/__stories__/variants/state/Basic.story.jsx +1 -4
  10. package/core/components/atoms/button/__stories__/variants/state/Primary.story.jsx +2 -4
  11. package/core/components/atoms/button/__stories__/variants/state/Transparent.story.jsx +2 -4
  12. package/core/components/atoms/caption/__stories__/index.story.jsx +2 -13
  13. package/core/components/atoms/card/__stories__/nested.story.jsx +2 -2
  14. package/core/components/atoms/chip/__tests__/__snapshots__/Chip.test.tsx.snap +22 -11
  15. package/core/components/atoms/chipGroup/__tests__/__snapshots__/chipGroup.test.tsx.snap +10 -6
  16. package/core/components/atoms/dropdown/DropdownList.tsx +1 -0
  17. package/core/components/atoms/dropdown/__tests__/Option.test.tsx +5 -5
  18. package/core/components/atoms/dropdown/option/DefaultOption.tsx +2 -2
  19. package/core/components/atoms/dropdown/option/IconOption.tsx +3 -2
  20. package/core/components/atoms/dropdown/option/IconWithMetaOption.tsx +2 -1
  21. package/core/components/atoms/dropdown/option/MetaOption.tsx +3 -11
  22. package/core/components/atoms/dropdown/option/index.tsx +7 -8
  23. package/core/components/atoms/heading/__stories__/index.story.jsx +1 -1
  24. package/core/components/atoms/heading/__stories__/variants/Appearance.story.jsx +1 -1
  25. package/core/components/atoms/helpText/HelpText.tsx +33 -0
  26. package/core/components/atoms/helpText/__tests__/HelpText.test.tsx +51 -0
  27. package/core/components/atoms/helpText/__tests__/__snapshots__/HelpText.test.tsx.snap +44 -0
  28. package/core/components/atoms/helpText/index.tsx +2 -0
  29. package/core/components/atoms/icon/__stories__/index.story.jsx +1 -1
  30. package/core/components/atoms/legend/__stories__/index.story.jsx +1 -1
  31. package/core/components/atoms/legend/__stories__/variants/labelAppearance.story.jsx +1 -1
  32. package/core/components/atoms/paragraph/__stories__/index.story.jsx +1 -1
  33. package/core/components/atoms/paragraph/__stories__/variants/Appearance.story.jsx +1 -1
  34. package/core/components/atoms/radio/Radio.tsx +12 -1
  35. package/core/components/atoms/radio/__stories__/Alignment.story.jsx +7 -8
  36. package/core/components/atoms/radio/__stories__/RadioError.story.jsx +17 -0
  37. package/core/components/atoms/radio/__tests__/Radio.test.tsx +75 -0
  38. package/core/components/atoms/radio/__tests__/__snapshots__/Radio.test.tsx.snap +16 -4
  39. package/core/components/atoms/spinner/__stories__/index.story.jsx +1 -1
  40. package/core/components/atoms/spinner/__stories__/variants/Appearance.story.jsx +1 -1
  41. package/core/components/atoms/subheading/__stories__/index.story.jsx +1 -1
  42. package/core/components/atoms/subheading/__stories__/variants/Appearance.story.jsx +1 -1
  43. package/core/components/atoms/text/__stories__/index.story.jsx +1 -1
  44. package/core/components/css-utilities/Animation/Animation.story.tsx +65 -17
  45. package/core/components/css-utilities/Miscellaneous/Miscellaneous.story.tsx +0 -4
  46. package/core/components/molecules/chipInput/__tests__/__snapshots__/ChipInput.test.tsx.snap +8 -4
  47. package/core/components/molecules/dropzone/Dropzone.tsx +3 -0
  48. package/core/components/molecules/dropzone/FileSelectorUtils.tsx +1 -1
  49. package/core/components/molecules/dropzone/__stories__/index.story.jsx +2 -2
  50. package/core/components/molecules/dropzone/__stories__/variants/Format.story.jsx +2 -2
  51. package/core/components/molecules/dropzone/__stories__/variants/Size.story.jsx +6 -6
  52. package/core/components/molecules/dropzone/__tests__/__snapshots__/Dropzone.test.tsx.snap +10 -10
  53. package/core/components/molecules/editableChipInput/__tests__/__snapshots__/EditableChipInput.test.tsx.snap +8 -4
  54. package/core/components/molecules/fileList/FileListItem.tsx +2 -4
  55. package/core/components/molecules/fileList/__tests__/FileList.test.tsx +15 -12
  56. package/core/components/molecules/fileList/__tests__/__snapshots__/FileList.test.tsx.snap +11 -14
  57. package/core/components/molecules/fileUploader/FileUploaderItem.tsx +2 -2
  58. package/core/components/molecules/fileUploader/__stories__/_common_/types.tsx +2 -2
  59. package/core/components/molecules/fileUploader/__tests__/FileUploaderList.test.tsx +2 -2
  60. package/core/components/molecules/fileUploader/__tests__/__snapshots__/FileUploaderList.test.tsx.snap +11 -14
  61. package/core/components/molecules/inputMask/InputMask.tsx +7 -4
  62. package/core/components/molecules/inputMask/__stories__/HelpText.story.jsx +39 -0
  63. package/core/components/molecules/inputMask/__stories__/index.story.jsx +3 -49
  64. package/core/components/molecules/inputMask/__tests__/__snapshots__/InputMask.test.tsx.snap +0 -11
  65. package/core/components/molecules/stepper/Step.tsx +1 -0
  66. package/core/components/molecules/stepper/__stories__/StepperWithAnimation.story.jsx +789 -0
  67. package/core/components/molecules/stepper/__tests__/__snapshots__/Stepper.test.tsx.snap +4 -4
  68. package/core/components/molecules/tabs/Tabs.tsx +26 -9
  69. package/core/components/molecules/tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +8 -8
  70. package/core/components/molecules/verificationCodeInput/__stories__/resetFields.story.jsx +117 -0
  71. package/core/components/organisms/choiceList/__tests__/__snapshots__/ChoiceList.test.tsx.snap +128 -32
  72. package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +18 -18
  73. package/core/components/organisms/dateRangePicker/__stories__/variants/withInput.story.jsx +1 -1
  74. package/core/components/organisms/dateRangePicker/__tests__/DateRangePicker.test.tsx +6 -6
  75. package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap +0 -216
  76. package/core/components/organisms/grid/__stories__/_common_/editableSchema.tsx +3 -2
  77. package/core/components/organisms/grid/__stories__/_common_/fetchData.ts +3 -2
  78. package/core/components/organisms/grid/__stories__/_common_/schema.tsx +2 -1
  79. package/core/components/organisms/grid/__stories__/_common_/simpleSchema.tsx +3 -1
  80. package/core/components/organisms/grid/__stories__/_common_/statusSchema.ts +3 -1
  81. package/core/components/organisms/horizontalNav/HorizontalNav.tsx +6 -10
  82. package/core/components/organisms/horizontalNav/__stories__/withAnimation.story.jsx +530 -0
  83. package/core/components/organisms/horizontalNav/__tests__/__snapshots__/HorizontalNav.test.tsx.snap +8 -8
  84. package/core/components/organisms/inlineMessage/InlineMessage.tsx +18 -2
  85. package/core/components/organisms/inlineMessage/__stories__/Size.story.jsx +28 -0
  86. package/core/components/organisms/inlineMessage/__tests__/InlineMessage.test.tsx +30 -0
  87. package/core/components/organisms/navigation/__tests__/__snapshots__/Navigation.test.tsx.snap +36 -36
  88. package/core/components/organisms/table/Table.tsx +2 -1
  89. package/core/components/organisms/timePicker/__tests__/TimePickerWithSearch.test.tsx +1 -1
  90. package/core/components/organisms/timePicker/__tests__/__snapshots__/TimePicker.test.tsx.snap +0 -88
  91. package/core/components/organisms/verticalNav/MenuItem.tsx +13 -6
  92. package/core/components/organisms/verticalNav/__stories__/ChildItemsWithIcon.story.jsx +2 -4
  93. package/core/components/organisms/verticalNav/__stories__/CustomItemsRenderer.story.jsx +2 -2
  94. package/core/components/organisms/verticalNav/__stories__/CustomOptionsRenderer.story.jsx +2 -2
  95. package/core/components/organisms/verticalNav/__stories__/CustomVerticalNav.story.jsx +6 -6
  96. package/core/components/organisms/verticalNav/__stories__/FlatEdgedVerticalNav.story.jsx +2 -2
  97. package/core/components/organisms/verticalNav/__stories__/Grouping.story.jsx +2 -2
  98. package/core/components/organisms/verticalNav/__stories__/HoverableVerticalNav.story.jsx +2 -2
  99. package/core/components/organisms/verticalNav/__stories__/LabelOverflowBehaviour.story.jsx +2 -2
  100. package/core/components/organisms/verticalNav/__stories__/NonCollapsibleVerticalNav.story.jsx +2 -2
  101. package/core/components/organisms/verticalNav/__stories__/RoundEdgedVerticalNav.story.jsx +2 -5
  102. package/core/components/organisms/verticalNav/__stories__/SecondaryVerticalNav.story.jsx +2 -5
  103. package/core/components/organisms/verticalNav/__stories__/index.story.jsx +11 -5
  104. package/core/components/organisms/verticalNav/__stories__/schema.tsx +2 -1
  105. package/core/components/organisms/verticalNav/__stories__/variants/Rounded.story.jsx +2 -2
  106. package/core/components/organisms/verticalNav/__stories__/variants/Sections.story.jsx +2 -2
  107. package/core/components/organisms/verticalNav/__tests__/VerticalNav.test.tsx +8 -8
  108. package/core/components/organisms/verticalNav/__tests__/__snapshots__/VerticalNav.test.tsx.snap +20 -8
  109. package/core/index.tsx +1 -0
  110. package/core/index.type.tsx +1 -0
  111. package/core/utils/__tests__/__snapshots__/TS.test.tsx.snap +8 -14
  112. package/core/utils/navigationHelper.tsx +0 -4
  113. package/css/dist/index.css +425 -65
  114. package/css/dist/index.css.map +1 -1
  115. package/css/src/components/backdrop.css +2 -2
  116. package/css/src/components/badge.css +1 -0
  117. package/css/src/components/checkbox.css +1 -1
  118. package/css/src/components/chip.css +64 -31
  119. package/css/src/components/dropdown.css +24 -2
  120. package/css/src/components/dropdownButton.css +1 -1
  121. package/css/src/components/dropzone.css +40 -2
  122. package/css/src/components/fileList.css +1 -1
  123. package/css/src/components/horizontalNav.css +9 -1
  124. package/css/src/components/inlineMessage.css +1 -0
  125. package/css/src/components/radio.css +86 -8
  126. package/css/src/components/stepper.css +9 -0
  127. package/css/src/components/tabs.css +16 -3
  128. package/css/src/components/verticalNav.css +13 -6
  129. package/css/src/core/animation.css +68 -2
  130. package/dist/core/components/atoms/dropdown/option/index.d.ts +2 -1
  131. package/dist/core/components/atoms/helpText/HelpText.d.ts +9 -0
  132. package/dist/core/components/atoms/helpText/index.d.ts +2 -0
  133. package/dist/core/components/atoms/radio/Radio.d.ts +1 -0
  134. package/dist/core/components/molecules/inputMask/InputMask.d.ts +1 -0
  135. package/dist/core/components/organisms/inlineMessage/InlineMessage.d.ts +3 -0
  136. package/dist/core/index.d.ts +1 -0
  137. package/dist/core/index.type.d.ts +1 -0
  138. package/dist/core/utils/navigationHelper.d.ts +1 -2
  139. package/dist/index.esm.js +126 -68
  140. package/dist/index.js +133 -74
  141. package/dist/index.js.map +1 -1
  142. package/dist/index.umd.js +1 -1
  143. package/dist/index.umd.js.br +0 -0
  144. package/dist/index.umd.js.gz +0 -0
  145. package/docs/cypress/e2e/content.cy.js +31 -0
  146. package/docs/cypress/e2e/foundation.cy.js +38 -0
  147. package/docs/cypress/e2e/foundationMobile.cy.js +38 -0
  148. package/docs/cypress/e2e/introduction.cy.js +31 -0
  149. package/docs/cypress/e2e/main.cy.js +1 -1
  150. package/docs/cypress/e2e/patterns.cy.js +48 -0
  151. package/docs/cypress/support/commands.ts +108 -1
  152. package/docs/cypress/support/index.d.ts +13 -0
  153. package/docs/cypress/tsconfig.json +10 -0
  154. package/docs/cypress.config.js +1 -0
  155. package/docs/package.json +7 -5
  156. package/docs/src/components/Colors/Colors.js +1 -0
  157. package/docs/src/components/Header/Header.js +22 -7
  158. package/docs/src/components/Layout.js +3 -3
  159. package/docs/src/components/LeftNav/LeftNav.js +2 -2
  160. package/docs/src/components/MDXComponents.js +1 -2
  161. package/docs/src/components/PropsTable/index.js +2 -2
  162. package/docs/src/components/TableOfContent/TableOfContent.js +1 -0
  163. package/docs/src/data/components/Overview.js +1 -1
  164. package/docs/src/data/components/index.js +3 -3
  165. package/docs/src/data/header-items.yaml +6 -0
  166. package/docs/src/data/nav/components.yaml +14 -16
  167. package/docs/src/data/nav/content.yaml +1 -1
  168. package/docs/src/pages/components/avatar/images/avatar-structure.png +0 -0
  169. package/docs/src/pages/components/avatar/usage.mdx +46 -5
  170. package/docs/src/pages/components/badges/images/badge-structure.png +0 -0
  171. package/docs/src/pages/components/badges/usage.mdx +53 -34
  172. package/docs/src/pages/components/breadcrumbs/images/breadcrumb-1.png +0 -0
  173. package/docs/src/pages/components/breadcrumbs/images/breadcrumb-2.png +0 -0
  174. package/docs/src/pages/components/breadcrumbs/images/breadcrumb-structure.png +0 -0
  175. package/docs/src/pages/components/breadcrumbs/usage.mdx +62 -5
  176. package/docs/src/pages/components/button/images/buttons-2.png +0 -0
  177. package/docs/src/pages/components/button/images/buttons-structure.png +0 -0
  178. package/docs/src/pages/components/button/usage.mdx +43 -5
  179. package/docs/src/pages/components/calendar/images/calendar-structure.png +0 -0
  180. package/docs/src/pages/components/calendar/usage.mdx +36 -7
  181. package/docs/src/pages/components/card/usage.mdx +24 -6
  182. package/docs/src/pages/components/checkbox/images/checkbox-structure.png +0 -0
  183. package/docs/src/pages/components/checkbox/usage.mdx +36 -7
  184. package/docs/src/pages/components/chips/images/actionchip-state.png +0 -0
  185. package/docs/src/pages/components/chips/images/chip-structure.png +0 -0
  186. package/docs/src/pages/components/chips/images/inputchip-state.png +0 -0
  187. package/docs/src/pages/components/chips/images/selectionchip-state.png +0 -0
  188. package/docs/src/pages/components/chips/usage.mdx +37 -3
  189. package/docs/src/pages/components/datePicker/images/datePicker-3.png +0 -0
  190. package/docs/src/pages/components/datePicker/images/datePicker-4.png +0 -0
  191. package/docs/src/pages/components/datePicker/images/datePicker-structure.png +0 -0
  192. package/docs/src/pages/components/datePicker/usage.mdx +46 -5
  193. package/docs/src/pages/components/dividers/images/horizontaldivider-structure.png +0 -0
  194. package/docs/src/pages/components/dividers/images/verticaldivider-structure.png +0 -0
  195. package/docs/src/pages/components/dividers/usage.mdx +88 -0
  196. package/docs/src/pages/components/dropdowns/images/dropdownbutton-structure.png +0 -0
  197. package/docs/src/pages/components/dropdowns/images/dropdownoptions-structure.png +0 -0
  198. package/docs/src/pages/components/dropdowns/usage.mdx +107 -28
  199. package/docs/src/pages/components/helpText/usage.mdx +10 -11
  200. package/docs/src/pages/components/icons/usage.mdx +36 -18
  201. package/docs/src/pages/components/inlineEditableFields/images/inlineEditable-chipsStates.png +0 -0
  202. package/docs/src/pages/components/inlineEditableFields/images/inlineEditable-dropdownStates.png +0 -0
  203. package/docs/src/pages/components/inlineEditableFields/images/inlineEditable-error.png +0 -0
  204. package/docs/src/pages/components/inlineEditableFields/images/inlineEditable-inputStates.png +0 -0
  205. package/docs/src/pages/components/inlineEditableFields/images/inlineEditable-intent.png +0 -0
  206. package/docs/src/pages/components/inlineEditableFields/images/inlineEditable-overflow.png +0 -0
  207. package/docs/src/pages/components/inlineEditableFields/images/inlineEditable-spacing.png +0 -0
  208. package/docs/src/pages/components/inlineEditableFields/images/inlineEditable-structure.png +0 -0
  209. package/docs/src/pages/components/inlineEditableFields/usage.mdx +180 -15
  210. package/docs/src/pages/components/inputs/images/input-structure.png +0 -0
  211. package/docs/src/pages/components/inputs/usage.mdx +56 -3
  212. package/docs/src/pages/components/links/images/links-states.png +0 -0
  213. package/docs/src/pages/components/links/images/links-structure.png +0 -0
  214. package/docs/src/pages/components/links/usage.mdx +40 -17
  215. package/docs/src/pages/components/message/images/inline-structure.png +0 -0
  216. package/docs/src/pages/components/message/images/message-structure.png +0 -0
  217. package/docs/src/pages/components/message/usage.mdx +57 -4
  218. package/docs/src/pages/components/metaList/images/metalist-structure.png +0 -0
  219. package/docs/src/pages/components/metaList/usage.mdx +32 -4
  220. package/docs/src/pages/components/modals/usage.mdx +76 -38
  221. package/docs/src/pages/components/navigationHorizontal/images/horizontalnav-structure.png +0 -0
  222. package/docs/src/pages/components/navigationHorizontal/usage.mdx +47 -8
  223. package/docs/src/pages/components/navigationVertical/images/verticalnav-structure.png +0 -0
  224. package/docs/src/pages/components/navigationVertical/usage.mdx +58 -21
  225. package/docs/src/pages/components/pageHeaders/usage.mdx +10 -1
  226. package/docs/src/pages/components/pagination/images/pagination-structure.png +0 -0
  227. package/docs/src/pages/components/pagination/usage.mdx +25 -1
  228. package/docs/src/pages/components/pills/images/pill-structure.png +0 -0
  229. package/docs/src/pages/components/pills/usage.mdx +41 -27
  230. package/docs/src/pages/components/popover/usage.mdx +33 -11
  231. package/docs/src/pages/components/progressIndicators/images/progressbar-structure.png +0 -0
  232. package/docs/src/pages/components/progressIndicators/images/progressring-structure.png +0 -0
  233. package/docs/src/pages/components/progressIndicators/images/spinner-structure.png +0 -0
  234. package/docs/src/pages/components/progressIndicators/usage.mdx +97 -3
  235. package/docs/src/pages/components/radio/images/radio-structure.png +0 -0
  236. package/docs/src/pages/components/radio/usage.mdx +34 -8
  237. package/docs/src/pages/components/richTextEditor/usage.mdx +32 -4
  238. package/docs/src/pages/components/sidesheet/usage.mdx +51 -36
  239. package/docs/src/pages/components/slider/images/slider-structure.png +0 -0
  240. package/docs/src/pages/components/slider/usage.mdx +24 -1
  241. package/docs/src/pages/components/statusHint/images/statushint-structure.png +0 -0
  242. package/docs/src/pages/components/statusHint/usage.mdx +28 -1
  243. package/docs/src/pages/components/steppers/images/stepper-structure.png +0 -0
  244. package/docs/src/pages/components/steppers/usage.mdx +40 -23
  245. package/docs/src/pages/components/switch/images/switch-structure.png +0 -0
  246. package/docs/src/pages/components/switch/usage.mdx +37 -3
  247. package/docs/src/pages/components/table/usage.mdx +3 -3
  248. package/docs/src/pages/components/tabs/images/tabs-structure.png +0 -0
  249. package/docs/src/pages/components/tabs/usage.mdx +46 -14
  250. package/docs/src/pages/components/timePicker/usage.mdx +1 -1
  251. package/docs/src/pages/components/toast/images/toast-structure.png +0 -0
  252. package/docs/src/pages/components/toast/usage.mdx +29 -11
  253. package/docs/src/pages/components/tooltip/images/tooltip-structure.png +0 -0
  254. package/docs/src/pages/components/tooltip/usage.mdx +31 -12
  255. package/docs/src/pages/content/email-guidelines.mdx +3 -3
  256. package/docs/src/pages/content/empty-states.mdx +3 -3
  257. package/docs/src/pages/content/error-messages.mdx +3 -3
  258. package/docs/src/pages/content/placeholder-text.mdx +3 -3
  259. package/docs/src/pages/content/rules.mdx +6 -6
  260. package/docs/src/util/HeaderItems.js +1 -0
  261. package/docs/src/util/HomeIcons.js +1 -1
  262. package/package.json +4 -3
  263. package/tsconfig.json +1 -1
  264. package/types/tsconfig.json +3 -1
  265. package/types/types-tests.tsx +2 -0
  266. package/core/components/atoms/caption/__stories__/variants/Error.story.jsx +0 -28
  267. package/docs/src/pages/components/chips/images/inputchips-state.png +0 -0
  268. package/docs/src/pages/components/inlineEditableFields/images/inlineEditableField-2.png +0 -0
  269. package/docs/src/pages/components/inlineEditableFields/images/inlineEditableField-3.png +0 -0
  270. package/docs/src/pages/components/inlineEditableFields/images/inlineEditableFields-1.png +0 -0
package/.github/workflows/docs_pull_request.yml CHANGED
@@ -19,5 +19,11 @@ jobs:
19
19
  - name: npm install
20
20
  run: npm install
21
21
 
22
+ - name: lint
23
+ run: npm run lint:check
24
+
22
25
  - name: build
23
26
  run: npm run build
27
+
28
+ - name: test
29
+ run: npm run test