@innovaccer/design-system 2.7.0 → 2.9.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 (427) hide show
  1. package/.github/workflows/chromatic.yml +3 -1
  2. package/.github/workflows/docs_pull_request.yml +20 -0
  3. package/.github/workflows/main.yml +1 -1
  4. package/.github/workflows/manual.yml +1 -1
  5. package/.github/workflows/pull_request.yml +1 -1
  6. package/.github/workflows/test.yml +1 -1
  7. package/CHANGELOG.md +68 -0
  8. package/README.md +6 -0
  9. package/core/components/atoms/_chip/__tests__/__snapshots__/_chip.test.tsx.snap +8 -8
  10. package/core/components/atoms/_chip/index.tsx +1 -1
  11. package/core/components/atoms/avatar/__tests__/__snapshots__/Avatar.test.tsx.snap +20 -0
  12. package/core/components/atoms/avatarGroup/AvatarCount.tsx +29 -0
  13. package/core/components/atoms/avatarGroup/AvatarGroup.tsx +16 -62
  14. package/core/components/atoms/avatarGroup/AvatarPopperBody.tsx +37 -0
  15. package/core/components/atoms/avatarGroup/Avatars.tsx +23 -0
  16. package/core/components/atoms/avatarGroup/__stories__/index.story.tsx +41 -0
  17. package/core/components/atoms/avatarGroup/__tests__/AvatarGroup.test.tsx +1 -1
  18. package/core/components/atoms/avatarGroup/__tests__/__snapshots__/AvatarGroup.test.tsx.snap +8 -4
  19. package/core/components/atoms/button/Button.tsx +1 -2
  20. package/core/components/atoms/checkbox/__stories__/Group.story.tsx +1 -1
  21. package/core/components/atoms/checkbox/__stories__/Nested.story.tsx +2 -0
  22. package/core/components/atoms/chip/__tests__/__snapshots__/Chip.test.tsx.snap +11 -11
  23. package/core/components/atoms/chipGroup/__tests__/__snapshots__/chipGroup.test.tsx.snap +4 -4
  24. package/core/components/atoms/dropdown/DropdownButton.tsx +1 -1
  25. package/core/components/atoms/dropdown/DropdownList.tsx +56 -29
  26. package/core/components/atoms/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap +29 -2
  27. package/core/components/atoms/popperWrapper/PopperWrapper.tsx +104 -12
  28. package/core/components/atoms/toast/__stories__/WithDescription.story.tsx +3 -1
  29. package/core/components/css-utilities/designTokens/Data.tsx +18 -0
  30. package/core/components/css-utilities/designTokens/Transitions.story.tsx +37 -0
  31. package/core/components/molecules/chipInput/__tests__/__snapshots__/ChipInput.test.tsx.snap +4 -4
  32. package/core/components/molecules/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap +260 -195
  33. package/core/components/molecules/editableChipInput/__tests__/__snapshots__/EditableChipInput.test.tsx.snap +4 -4
  34. package/core/components/molecules/editableDropdown/__tests__/__snapshots__/EditableDropdown.test.tsx.snap +1 -0
  35. package/core/components/molecules/fullscreenModal/FullscreenModal.tsx +13 -12
  36. package/core/components/molecules/fullscreenModal/__tests__/Fullscreen.test.tsx +2 -5
  37. package/core/components/molecules/fullscreenModal/__tests__/__snapshots__/Fullscreen.test.tsx.snap +126 -96
  38. package/core/components/molecules/modal/Modal.tsx +11 -9
  39. package/core/components/molecules/modal/__tests__/__snapshots__/Modal.test.tsx.snap +240 -180
  40. package/core/components/molecules/popover/Popover.tsx +9 -0
  41. package/core/components/molecules/popover/__tests__/__snapshots__/Popover.test.tsx.snap +16 -8
  42. package/core/components/molecules/sidesheet/Sidesheet.tsx +23 -22
  43. package/core/components/molecules/sidesheet/__tests__/__snapshots__/Sidesheet.test.tsx.snap +40 -30
  44. package/core/components/molecules/tooltip/Tooltip.tsx +20 -1
  45. package/core/components/molecules/tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap +8 -0
  46. package/core/components/organisms/calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +8 -8
  47. package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +14 -13
  48. package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap +42 -30
  49. package/core/components/organisms/grid/GridBody.tsx +1 -2
  50. package/core/components/organisms/table/Table.tsx +0 -1
  51. package/core/components/organisms/table/__stories__/NestedTableWithNestedCard.story.tsx +2 -2
  52. package/core/components/organisms/table/__tests__/__snapshots__/Table.test.tsx.snap +1544 -0
  53. package/core/components/organisms/verticalNav/MenuItem.tsx +6 -2
  54. package/core/components/organisms/verticalNav/VerticalNav.tsx +8 -2
  55. package/core/components/organisms/verticalNav/__stories__/CustomItemsRenderer.story.tsx +238 -0
  56. package/core/utils/__tests__/__snapshots__/TS.test.tsx.snap +168 -3
  57. package/css/dist/index.css +300 -62
  58. package/css/dist/index.css.map +1 -1
  59. package/css/src/components/ProgressBar.css +1 -1
  60. package/css/src/components/avatarGroup.css +0 -9
  61. package/css/src/components/button.css +4 -4
  62. package/css/src/components/chip.css +4 -0
  63. package/css/src/components/dropdown.css +5 -9
  64. package/css/src/components/dropdownButton.css +2 -0
  65. package/css/src/components/fullscreenModal.css +0 -5
  66. package/css/src/components/grid.css +0 -11
  67. package/css/src/components/overlay.css +0 -11
  68. package/css/src/components/popover.css +12 -0
  69. package/css/src/components/slider.css +1 -0
  70. package/css/src/components/tabs.css +1 -1
  71. package/css/src/components/textarea.css +0 -11
  72. package/css/src/components/tooltip.css +115 -0
  73. package/css/src/components/verticalNav.css +2 -0
  74. package/css/src/core/animation.css +8 -0
  75. package/css/src/core/utilities.css +11 -0
  76. package/css/src/utils/utility.css +4 -0
  77. package/css/src/variables/index.css +19 -0
  78. package/dist/core/components/atoms/avatarGroup/AvatarCount.d.ts +2 -0
  79. package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +2 -2
  80. package/dist/core/components/atoms/avatarGroup/AvatarPopperBody.d.ts +2 -0
  81. package/dist/core/components/atoms/avatarGroup/Avatars.d.ts +2 -0
  82. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +61 -54
  83. package/dist/core/components/css-utilities/designTokens/Data.d.ts +8 -0
  84. package/dist/core/components/css-utilities/designTokens/Transitions.story.d.ts +12 -0
  85. package/dist/core/components/molecules/popover/Popover.d.ts +4 -0
  86. package/dist/core/components/molecules/sidesheet/Sidesheet.d.ts +1 -0
  87. package/dist/core/components/organisms/verticalNav/MenuItem.d.ts +1 -0
  88. package/dist/core/components/organisms/verticalNav/VerticalNav.d.ts +2 -0
  89. package/dist/index.esm.js +278 -142
  90. package/dist/index.js +282 -149
  91. package/dist/index.js.map +1 -1
  92. package/dist/index.umd.js +1 -1
  93. package/dist/index.umd.js.br +0 -0
  94. package/dist/index.umd.js.gz +0 -0
  95. package/docs/.eslintrc.json +1 -0
  96. package/docs/.unotes/templates/title_date.hbs +4 -0
  97. package/docs/.unotes/unotes_meta.json +302 -0
  98. package/docs/LICENSE +21 -0
  99. package/docs/README.md +31 -0
  100. package/docs/gatsby-browser.js +6 -0
  101. package/docs/gatsby-config.js +171 -0
  102. package/docs/gatsby-node.js +75 -0
  103. package/docs/index.js +1 -0
  104. package/docs/package.json +54 -0
  105. package/docs/src/components/Colors/Colors.css +19 -0
  106. package/docs/src/components/Colors/Colors.js +82 -0
  107. package/docs/src/components/Container/ComponentsContainer.js +75 -0
  108. package/docs/src/components/Container/Container.js +114 -0
  109. package/docs/src/components/Container/index.js +3 -0
  110. package/docs/src/components/Footer/Footer.css +7 -0
  111. package/docs/src/components/Footer/Footer.js +40 -0
  112. package/docs/src/components/Header/Header.css +32 -0
  113. package/docs/src/components/Header/Header.js +60 -0
  114. package/docs/src/components/Header/index.js +3 -0
  115. package/docs/src/components/LastModifiedDate/LastModifiedDate.js +24 -0
  116. package/docs/src/components/LastModifiedDate/index.js +3 -0
  117. package/docs/src/components/Layout.js +291 -0
  118. package/docs/src/components/LeftNav/LeftNav.js +101 -0
  119. package/docs/src/components/LeftNav/index.js +3 -0
  120. package/docs/src/components/Logos/Logos.css +29 -0
  121. package/docs/src/components/Logos/Logos.js +64 -0
  122. package/docs/src/components/Meta.js +101 -0
  123. package/docs/src/components/PropsTable/ArgJsDoc.tsx +102 -0
  124. package/docs/src/components/PropsTable/ArgRow.tsx +142 -0
  125. package/docs/src/components/PropsTable/ArgValue.tsx +182 -0
  126. package/docs/src/components/PropsTable/EmptyBlock.tsx +22 -0
  127. package/docs/src/components/PropsTable/SectionRow.tsx +126 -0
  128. package/docs/src/components/PropsTable/Shared.tsx +53 -0
  129. package/docs/src/components/PropsTable/Table.tsx +463 -0
  130. package/docs/src/components/PropsTable/card.css +7 -0
  131. package/docs/src/components/PropsTable/generateImports.tsx +20 -0
  132. package/docs/src/components/PropsTable/index.js +248 -0
  133. package/docs/src/components/PropsTable/prism.css +146 -0
  134. package/docs/src/components/PropsTable/sandbox.tsx +81 -0
  135. package/docs/src/components/PropsTable/theme.js +53 -0
  136. package/docs/src/components/PropsTable/types.tsx +44 -0
  137. package/docs/src/components/Rules/DONTs.js +13 -0
  138. package/docs/src/components/Rules/DOs.js +13 -0
  139. package/docs/src/components/Rules/IconWrapper.js +18 -0
  140. package/docs/src/components/Rules/InlineMessage.js +11 -0
  141. package/docs/src/components/Rules/Rules.css +17 -0
  142. package/docs/src/components/Rules/Rules.js +39 -0
  143. package/docs/src/components/TableOfContent/TableOfContent.css +37 -0
  144. package/docs/src/components/TableOfContent/TableOfContent.js +126 -0
  145. package/docs/src/components/css/global.css +15 -0
  146. package/docs/src/components/css/prism.css +38 -0
  147. package/docs/src/components/css/style.css +97 -0
  148. package/docs/src/components/templates/Default.js +24 -0
  149. package/docs/src/components/templates/Homepage.js +13 -0
  150. package/docs/src/data/components/images/Avatars.png +0 -0
  151. package/docs/src/data/components/images/Datepicker.png +0 -0
  152. package/docs/src/data/components/images/EditableChipInput.png +0 -0
  153. package/docs/src/data/components/images/Modal.png +0 -0
  154. package/docs/src/data/components/images/Sidesheet.png +0 -0
  155. package/docs/src/data/components/images/Table.png +0 -0
  156. package/docs/src/data/components/index.js +285 -0
  157. package/docs/src/data/footer-items.yaml +16 -0
  158. package/docs/src/data/header-items.yaml +20 -0
  159. package/docs/src/data/home-menu.yaml +23 -0
  160. package/docs/src/data/home-resources.yaml +14 -0
  161. package/docs/src/data/nav/components.yaml +45 -0
  162. package/docs/src/data/nav/content.yaml +25 -0
  163. package/docs/src/data/nav/default.yaml +11 -0
  164. package/docs/src/data/nav/foundations.yaml +22 -0
  165. package/docs/src/data/nav/guide-items.yaml +6 -0
  166. package/docs/src/data/nav/introduction.yaml +11 -0
  167. package/docs/src/data/storybook.json +345189 -0
  168. package/docs/src/pages/404.js +31 -0
  169. package/docs/src/pages/components/avatar/code.mdx +14 -0
  170. package/docs/src/pages/components/avatar/images/avatar-1.png +0 -0
  171. package/docs/src/pages/components/avatar/images/avatar-2.png +0 -0
  172. package/docs/src/pages/components/avatar/images/avatar-3.png +0 -0
  173. package/docs/src/pages/components/avatar/images/avatar-4.png +0 -0
  174. package/docs/src/pages/components/avatar/images/avatar-5.png +0 -0
  175. package/docs/src/pages/components/avatar/usage.mdx +53 -0
  176. package/docs/src/pages/components/badges/code.mdx +15 -0
  177. package/docs/src/pages/components/badges/images/badges-1.png +0 -0
  178. package/docs/src/pages/components/badges/images/badges-2.png +0 -0
  179. package/docs/src/pages/components/badges/usage.mdx +43 -0
  180. package/docs/src/pages/components/breadcrumbs/code.mdx +15 -0
  181. package/docs/src/pages/components/breadcrumbs/usage.mdx +30 -0
  182. package/docs/src/pages/components/button/code.mdx +18 -0
  183. package/docs/src/pages/components/button/content.mdx +652 -0
  184. package/docs/src/pages/components/button/images/buttons-1.png +0 -0
  185. package/docs/src/pages/components/button/images/buttons-2.png +0 -0
  186. package/docs/src/pages/components/button/usage.mdx +100 -0
  187. package/docs/src/pages/components/calendar/code.mdx +15 -0
  188. package/docs/src/pages/components/calendar/usage.mdx +9 -0
  189. package/docs/src/pages/components/card/code.mdx +15 -0
  190. package/docs/src/pages/components/card/usage.mdx +54 -0
  191. package/docs/src/pages/components/checkbox/code.mdx +16 -0
  192. package/docs/src/pages/components/checkbox/usage.mdx +49 -0
  193. package/docs/src/pages/components/chips/code.mdx +15 -0
  194. package/docs/src/pages/components/chips/usage.mdx +34 -0
  195. package/docs/src/pages/components/datePicker/code.mdx +7 -0
  196. package/docs/src/pages/components/datePicker/images/datePicker-1.png +0 -0
  197. package/docs/src/pages/components/datePicker/images/datePicker-2.png +0 -0
  198. package/docs/src/pages/components/datePicker/images/datePicker-3.png +0 -0
  199. package/docs/src/pages/components/datePicker/images/datePicker-4.png +0 -0
  200. package/docs/src/pages/components/datePicker/images/datePicker-5.png +0 -0
  201. package/docs/src/pages/components/datePicker/usage.mdx +58 -0
  202. package/docs/src/pages/components/index.mdx +7 -0
  203. package/docs/src/pages/components/message/code.mdx +16 -0
  204. package/docs/src/pages/components/message/usage.mdx +26 -0
  205. package/docs/src/pages/components/overview/index.mdx +6 -0
  206. package/docs/src/pages/components/overview/tabs/Overview.js +72 -0
  207. package/docs/src/pages/components/overview/tabs/all-components.mdx +10 -0
  208. package/docs/src/pages/components/overview/tabs/overview.css +30 -0
  209. package/docs/src/pages/components/overview/tabs/status.mdx +22 -0
  210. package/docs/src/pages/components/radio/code.mdx +17 -0
  211. package/docs/src/pages/components/radio/usage.mdx +126 -0
  212. package/docs/src/pages/components/sidesheet/code.mdx +8 -0
  213. package/docs/src/pages/components/sidesheet/interactions.mdx +8 -0
  214. package/docs/src/pages/components/sidesheet/usage.mdx +25 -0
  215. package/docs/src/pages/components/slider/code.mdx +15 -0
  216. package/docs/src/pages/components/slider/usage.mdx +49 -0
  217. package/docs/src/pages/components/statushint/code.mdx +15 -0
  218. package/docs/src/pages/components/statushint/usage.mdx +19 -0
  219. package/docs/src/pages/components/steppers/code.mdx +16 -0
  220. package/docs/src/pages/components/steppers/images/stepper-1.gif +0 -0
  221. package/docs/src/pages/components/steppers/images/stepper-2.png +0 -0
  222. package/docs/src/pages/components/steppers/images/stepper-3.png +0 -0
  223. package/docs/src/pages/components/steppers/images/stepper-4.png +0 -0
  224. package/docs/src/pages/components/steppers/images/stepper-5.png +0 -0
  225. package/docs/src/pages/components/steppers/images/stepper-6.png +0 -0
  226. package/docs/src/pages/components/steppers/interactions.mdx +28 -0
  227. package/docs/src/pages/components/steppers/usage.mdx +201 -0
  228. package/docs/src/pages/components/switch/code.mdx +16 -0
  229. package/docs/src/pages/components/switch/images/switch-1.gif +0 -0
  230. package/docs/src/pages/components/switch/images/switch-2.gif +0 -0
  231. package/docs/src/pages/components/switch/images/switch-3.png +0 -0
  232. package/docs/src/pages/components/switch/interactions.mdx +392 -0
  233. package/docs/src/pages/components/switch/usage.mdx +114 -0
  234. package/docs/src/pages/components/table/code.mdx +14 -0
  235. package/docs/src/pages/components/table/images/table-1.png +0 -0
  236. package/docs/src/pages/components/table/images/table-10.png +0 -0
  237. package/docs/src/pages/components/table/images/table-11.gif +0 -0
  238. package/docs/src/pages/components/table/images/table-12.png +0 -0
  239. package/docs/src/pages/components/table/images/table-13.png +0 -0
  240. package/docs/src/pages/components/table/images/table-14.png +0 -0
  241. package/docs/src/pages/components/table/images/table-15.png +0 -0
  242. package/docs/src/pages/components/table/images/table-16.png +0 -0
  243. package/docs/src/pages/components/table/images/table-17.png +0 -0
  244. package/docs/src/pages/components/table/images/table-18.png +0 -0
  245. package/docs/src/pages/components/table/images/table-19.png +0 -0
  246. package/docs/src/pages/components/table/images/table-2.png +0 -0
  247. package/docs/src/pages/components/table/images/table-20.png +0 -0
  248. package/docs/src/pages/components/table/images/table-21.png +0 -0
  249. package/docs/src/pages/components/table/images/table-22.png +0 -0
  250. package/docs/src/pages/components/table/images/table-23.png +0 -0
  251. package/docs/src/pages/components/table/images/table-24.png +0 -0
  252. package/docs/src/pages/components/table/images/table-25.png +0 -0
  253. package/docs/src/pages/components/table/images/table-26.png +0 -0
  254. package/docs/src/pages/components/table/images/table-27.png +0 -0
  255. package/docs/src/pages/components/table/images/table-28.png +0 -0
  256. package/docs/src/pages/components/table/images/table-29.png +0 -0
  257. package/docs/src/pages/components/table/images/table-3.png +0 -0
  258. package/docs/src/pages/components/table/images/table-30.png +0 -0
  259. package/docs/src/pages/components/table/images/table-4.png +0 -0
  260. package/docs/src/pages/components/table/images/table-5.png +0 -0
  261. package/docs/src/pages/components/table/images/table-6.png +0 -0
  262. package/docs/src/pages/components/table/images/table-7.png +0 -0
  263. package/docs/src/pages/components/table/images/table-8.png +0 -0
  264. package/docs/src/pages/components/table/images/table-9.png +0 -0
  265. package/docs/src/pages/components/table/interactions.mdx +97 -0
  266. package/docs/src/pages/components/table/usage.mdx +364 -0
  267. package/docs/src/pages/components/tabs/code.mdx +15 -0
  268. package/docs/src/pages/components/tabs/images/tabs-1.png +0 -0
  269. package/docs/src/pages/components/tabs/images/tabs-2.png +0 -0
  270. package/docs/src/pages/components/tabs/images/tabs-3.png +0 -0
  271. package/docs/src/pages/components/tabs/images/tabs-4.png +0 -0
  272. package/docs/src/pages/components/tabs/images/tabs-5.png +0 -0
  273. package/docs/src/pages/components/tabs/images/tabs-6.png +0 -0
  274. package/docs/src/pages/components/tabs/images/tabs-7.png +0 -0
  275. package/docs/src/pages/components/tabs/interactions.mdx +487 -0
  276. package/docs/src/pages/components/tabs/usage.mdx +164 -0
  277. package/docs/src/pages/components/toast/code.mdx +15 -0
  278. package/docs/src/pages/components/toast/images/toast-1.png +0 -0
  279. package/docs/src/pages/components/toast/images/toast-2.gif +0 -0
  280. package/docs/src/pages/components/toast/images/toast-3.gif +0 -0
  281. package/docs/src/pages/components/toast/images/toast-4.png +0 -0
  282. package/docs/src/pages/components/toast/images/toast-5.gif +0 -0
  283. package/docs/src/pages/components/toast/images/toast-6.gif +0 -0
  284. package/docs/src/pages/components/toast/interactions.mdx +218 -0
  285. package/docs/src/pages/components/toast/usage.mdx +156 -0
  286. package/docs/src/pages/components/tooltip/code.mdx +16 -0
  287. package/docs/src/pages/components/tooltip/images/Tooltip-1.png +0 -0
  288. package/docs/src/pages/components/tooltip/images/tooltip-2.gif +0 -0
  289. package/docs/src/pages/components/tooltip/images/tooltip-3.gif +0 -0
  290. package/docs/src/pages/components/tooltip/interactions.mdx +219 -0
  291. package/docs/src/pages/components/tooltip/usage.mdx +80 -0
  292. package/docs/src/pages/content/button-guidelines/index.mdx +7 -0
  293. package/docs/src/pages/content/button-guidelines/tabs/button-glossary.mdx +144 -0
  294. package/docs/src/pages/content/button-guidelines/tabs/confusing-buttons.mdx +184 -0
  295. package/docs/src/pages/content/email-guidelines.mdx +107 -0
  296. package/docs/src/pages/content/empty-states.mdx +8 -0
  297. package/docs/src/pages/content/error-messages.mdx +165 -0
  298. package/docs/src/pages/content/house-rules/tabs/basics.mdx +236 -0
  299. package/docs/src/pages/content/house-rules/tabs/date,-time-&-numbers.mdx +462 -0
  300. package/docs/src/pages/content/house-rules/tabs/grammer.mdx +744 -0
  301. package/docs/src/pages/content/house-rules/tabs/punctuations.mdx +666 -0
  302. package/docs/src/pages/content/placeholder-text.mdx +58 -0
  303. package/docs/src/pages/content/rules.mdx +136 -0
  304. package/docs/src/pages/content/voice-and-tone-guidelines/index.mdx +7 -0
  305. package/docs/src/pages/content/voice-and-tone-guidelines/tabs/usage.mdx +309 -0
  306. package/docs/src/pages/content/voice-and-tone-guidelines/tabs/voice-and-tone.mdx +38 -0
  307. package/docs/src/pages/contributions.mdx +16 -0
  308. package/docs/src/pages/foundations/colors.mdx +149 -0
  309. package/docs/src/pages/foundations/interactions.mdx +192 -0
  310. package/docs/src/pages/foundations/layout/images/baseline-grid.png +0 -0
  311. package/docs/src/pages/foundations/layout/images/grid-column.jpeg +0 -0
  312. package/docs/src/pages/foundations/layout/images/grid-layout.jpeg +0 -0
  313. package/docs/src/pages/foundations/layout/images/grid-margin.jpeg +0 -0
  314. package/docs/src/pages/foundations/layout/images/spacing.png +0 -0
  315. package/docs/src/pages/foundations/layout/images/typography.png +0 -0
  316. package/docs/src/pages/foundations/layout/index.mdx +151 -0
  317. package/docs/src/pages/foundations/logos.mdx +88 -0
  318. package/docs/src/pages/foundations/principles.mdx +60 -0
  319. package/docs/src/pages/foundations/response-time.mdx +124 -0
  320. package/docs/src/pages/foundations/typography.mdx +8 -0
  321. package/docs/src/pages/getting-started/index.mdx +9 -0
  322. package/docs/src/pages/guides/MDX.mdx +17 -0
  323. package/docs/src/pages/home/HomeBanner.png +0 -0
  324. package/docs/src/pages/home/homepage.css +23 -0
  325. package/docs/src/pages/index.js +241 -0
  326. package/docs/src/pages/introduction/get-started/designers.mdx +89 -0
  327. package/docs/src/pages/introduction/get-started/developers.mdx +128 -0
  328. package/docs/src/pages/introduction/what's-new.mdx +801 -0
  329. package/docs/src/pages/mobile/components/avatar/code.mdx +12 -0
  330. package/docs/src/pages/mobile/components/avatar/usage.mdx +20 -0
  331. package/docs/src/pages/mobile/components/badges/code.mdx +16 -0
  332. package/docs/src/pages/mobile/components/badges/usage.mdx +23 -0
  333. package/docs/src/pages/mobile/components/breadcrumbs/code.mdx +16 -0
  334. package/docs/src/pages/mobile/components/breadcrumbs/usage.mdx +34 -0
  335. package/docs/src/pages/mobile/components/button/code.mdx +12 -0
  336. package/docs/src/pages/mobile/components/button/content.mdx +1 -0
  337. package/docs/src/pages/mobile/components/button/usage.mdx +55 -0
  338. package/docs/src/pages/mobile/components/card/code.mdx +16 -0
  339. package/docs/src/pages/mobile/components/card/usage.mdx +23 -0
  340. package/docs/src/pages/mobile/components/checkbox/code.mdx +16 -0
  341. package/docs/src/pages/mobile/components/checkbox/usage.mdx +49 -0
  342. package/docs/src/pages/mobile/components/index.mdx +7 -0
  343. package/docs/src/pages/mobile/components/message/code.mdx +16 -0
  344. package/docs/src/pages/mobile/components/message/usage.mdx +26 -0
  345. package/docs/src/pages/mobile/components/overview/index.mdx +8 -0
  346. package/docs/src/pages/mobile/components/overview/tabs/all-components.mdx +8 -0
  347. package/docs/src/pages/mobile/components/overview/tabs/status.mdx +115 -0
  348. package/docs/src/pages/mobile/foundations/colors.mdx +149 -0
  349. package/docs/src/pages/mobile/foundations/interactions.mdx +192 -0
  350. package/docs/src/pages/mobile/foundations/layout/images/baseline-grid.png +0 -0
  351. package/docs/src/pages/mobile/foundations/layout/images/grid-column.jpeg +0 -0
  352. package/docs/src/pages/mobile/foundations/layout/images/grid-layout.jpeg +0 -0
  353. package/docs/src/pages/mobile/foundations/layout/images/grid-margin.jpeg +0 -0
  354. package/docs/src/pages/mobile/foundations/layout/images/spacing.png +0 -0
  355. package/docs/src/pages/mobile/foundations/layout/images/typography.png +0 -0
  356. package/docs/src/pages/mobile/foundations/layout/index.mdx +151 -0
  357. package/docs/src/pages/mobile/foundations/logos.mdx +88 -0
  358. package/docs/src/pages/mobile/foundations/principles.mdx +47 -0
  359. package/docs/src/pages/mobile/foundations/response-time.mdx +124 -0
  360. package/docs/src/pages/mobile/foundations/typography.mdx +8 -0
  361. package/docs/src/pages/patterns/index.mdx +7 -0
  362. package/docs/src/pages/resources/index.mdx +7 -0
  363. package/docs/src/util/FooterItems.js +21 -0
  364. package/docs/src/util/Frontmatter.js +35 -0
  365. package/docs/src/util/HeaderItems.js +21 -0
  366. package/docs/src/util/Helpers.js +7 -0
  367. package/docs/src/util/HomeMenu.js +24 -0
  368. package/docs/src/util/HomeResources.js +23 -0
  369. package/docs/src/util/InPageNavItems.js +36 -0
  370. package/docs/src/util/Logos.js +19 -0
  371. package/docs/src/util/MdsChangelog.js +55 -0
  372. package/docs/src/util/MediumBlogs.js +27 -0
  373. package/docs/src/util/NavItems.js +82 -0
  374. package/docs/src/util/StorybookData.js +24 -0
  375. package/docs/src/util/constants.js +7 -0
  376. package/docs/src/util/context/NavContext.js +54 -0
  377. package/docs/src/util/hooks/index.js +1 -0
  378. package/docs/src/util/hooks/useMetadata.js +21 -0
  379. package/docs/src/util/index.js +4 -0
  380. package/docs/static/icons/4691539_codesandbox_icon.svg +1 -0
  381. package/docs/static/icons/card-image.png +0 -0
  382. package/docs/static/icons/favicon_io/android-chrome-192x192.png +0 -0
  383. package/docs/static/icons/favicon_io/android-chrome-512x512.png +0 -0
  384. package/docs/static/icons/favicon_io/apple-touch-icon.png +0 -0
  385. package/docs/static/icons/favicon_io/favicon-16x16.png +0 -0
  386. package/docs/static/icons/favicon_io/favicon-32x32.png +0 -0
  387. package/docs/static/icons/favicon_io/favicon.ico +0 -0
  388. package/docs/static/images/P360.png +0 -0
  389. package/docs/static/images/dap.png +0 -0
  390. package/docs/static/images/default.png +0 -0
  391. package/docs/static/images/designtoken.png +0 -0
  392. package/docs/static/images/figma.png +0 -0
  393. package/docs/static/images/headerLogo.png +0 -0
  394. package/docs/static/images/inacademy.png +0 -0
  395. package/docs/static/images/inapi.png +0 -0
  396. package/docs/static/images/incare.png +0 -0
  397. package/docs/static/images/inconnect.png +0 -0
  398. package/docs/static/images/indata.png +0 -0
  399. package/docs/static/images/ingraph.png +0 -0
  400. package/docs/static/images/innote.png +0 -0
  401. package/docs/static/images/inoffice.png +0 -0
  402. package/docs/static/images/inreport.png +0 -0
  403. package/docs/static/images/storybook.png +0 -0
  404. package/docs/static/images/withoutType.png +0 -0
  405. package/docs/tools/build.sh +6 -0
  406. package/docs/tools/changelog.sh +1 -0
  407. package/docs/tools/changeloghead.md +14 -0
  408. package/docs/tools/develop.sh +5 -0
  409. package/docs/tools/extract.js +52 -0
  410. package/docs/tools/update-mds.sh +3 -0
  411. package/package.json +1 -1
  412. package/tsconfig.json +1 -1
  413. package/tsconfig.type.json +2 -1
  414. package/docs/AppTutorial.md +0 -474
  415. package/docs/images/BasicLayout.png +0 -0
  416. package/docs/images/Breadcrumb.png +0 -0
  417. package/docs/images/Covid-App.png +0 -0
  418. package/docs/images/DrilledLayout.png +0 -0
  419. package/docs/images/DrilledPage.png +0 -0
  420. package/docs/images/Footer.png +0 -0
  421. package/docs/images/Graph1.png +0 -0
  422. package/docs/images/Graph2.png +0 -0
  423. package/docs/images/Header.png +0 -0
  424. package/docs/images/Map.png +0 -0
  425. package/docs/images/StaticComponent.png +0 -0
  426. package/docs/images/Summary.png +0 -0
  427. package/docs/images/Table.png +0 -0
package/core/components/molecules/modal/__tests__/__snapshots__/Modal.test.tsx.snap CHANGED
@@ -209,24 +209,29 @@ exports[`Modal component
209
209
  class="Col flex-grow-0"
210
210
  data-test="DesignSystem-Column"
211
211
  >
212
- <button
213
- class="Button Button--regular Button--regularSquare Button--transparent"
214
- data-test="DesignSystem-Modal--CloseButton"
215
- tabindex="0"
212
+ <style />
213
+ <div
214
+ class="OutsideClick PopperWrapper-trigger"
216
215
  >
217
- <div
218
- class="Button-icon"
216
+ <button
217
+ class="Button Button--regular Button--regularSquare Button--transparent"
218
+ data-test="DesignSystem-Modal--CloseButton"
219
+ tabindex="0"
219
220
  >
220
- <i
221
- class="material-icons material-icons-round Icon Icon--default"
222
- data-test="DesignSystem-Button--Icon"
223
- role="button"
224
- style="font-size: 16px; width: 16px;"
221
+ <div
222
+ class="Button-icon"
225
223
  >
226
- close_round
227
- </i>
228
- </div>
229
- </button>
224
+ <i
225
+ class="material-icons material-icons-round Icon Icon--default"
226
+ data-test="DesignSystem-Button--Icon"
227
+ role="button"
228
+ style="font-size: 16px; width: 16px;"
229
+ >
230
+ close_round
231
+ </i>
232
+ </div>
233
+ </button>
234
+ </div>
230
235
  </div>
231
236
  </div>
232
237
  <div
@@ -359,24 +364,29 @@ exports[`Modal component
359
364
  class="Col flex-grow-0"
360
365
  data-test="DesignSystem-Column"
361
366
  >
362
- <button
363
- class="Button Button--regular Button--regularSquare Button--transparent"
364
- data-test="DesignSystem-Modal--CloseButton"
365
- tabindex="0"
367
+ <style />
368
+ <div
369
+ class="OutsideClick PopperWrapper-trigger"
366
370
  >
367
- <div
368
- class="Button-icon"
371
+ <button
372
+ class="Button Button--regular Button--regularSquare Button--transparent"
373
+ data-test="DesignSystem-Modal--CloseButton"
374
+ tabindex="0"
369
375
  >
370
- <i
371
- class="material-icons material-icons-round Icon Icon--default"
372
- data-test="DesignSystem-Button--Icon"
373
- role="button"
374
- style="font-size: 16px; width: 16px;"
376
+ <div
377
+ class="Button-icon"
375
378
  >
376
- close_round
377
- </i>
378
- </div>
379
- </button>
379
+ <i
380
+ class="material-icons material-icons-round Icon Icon--default"
381
+ data-test="DesignSystem-Button--Icon"
382
+ role="button"
383
+ style="font-size: 16px; width: 16px;"
384
+ >
385
+ close_round
386
+ </i>
387
+ </div>
388
+ </button>
389
+ </div>
380
390
  </div>
381
391
  </div>
382
392
  <div
@@ -521,24 +531,29 @@ exports[`Modal component
521
531
  class="Col flex-grow-0"
522
532
  data-test="DesignSystem-Column"
523
533
  >
524
- <button
525
- class="Button Button--regular Button--regularSquare Button--transparent"
526
- data-test="DesignSystem-Modal--CloseButton"
527
- tabindex="0"
534
+ <style />
535
+ <div
536
+ class="OutsideClick PopperWrapper-trigger"
528
537
  >
529
- <div
530
- class="Button-icon"
538
+ <button
539
+ class="Button Button--regular Button--regularSquare Button--transparent"
540
+ data-test="DesignSystem-Modal--CloseButton"
541
+ tabindex="0"
531
542
  >
532
- <i
533
- class="material-icons material-icons-round Icon Icon--default"
534
- data-test="DesignSystem-Button--Icon"
535
- role="button"
536
- style="font-size: 16px; width: 16px;"
543
+ <div
544
+ class="Button-icon"
537
545
  >
538
- close_round
539
- </i>
540
- </div>
541
- </button>
546
+ <i
547
+ class="material-icons material-icons-round Icon Icon--default"
548
+ data-test="DesignSystem-Button--Icon"
549
+ role="button"
550
+ style="font-size: 16px; width: 16px;"
551
+ >
552
+ close_round
553
+ </i>
554
+ </div>
555
+ </button>
556
+ </div>
542
557
  </div>
543
558
  </div>
544
559
  <div
@@ -671,24 +686,29 @@ exports[`Modal component
671
686
  class="Col flex-grow-0"
672
687
  data-test="DesignSystem-Column"
673
688
  >
674
- <button
675
- class="Button Button--regular Button--regularSquare Button--transparent"
676
- data-test="DesignSystem-Modal--CloseButton"
677
- tabindex="0"
689
+ <style />
690
+ <div
691
+ class="OutsideClick PopperWrapper-trigger"
678
692
  >
679
- <div
680
- class="Button-icon"
693
+ <button
694
+ class="Button Button--regular Button--regularSquare Button--transparent"
695
+ data-test="DesignSystem-Modal--CloseButton"
696
+ tabindex="0"
681
697
  >
682
- <i
683
- class="material-icons material-icons-round Icon Icon--default"
684
- data-test="DesignSystem-Button--Icon"
685
- role="button"
686
- style="font-size: 16px; width: 16px;"
698
+ <div
699
+ class="Button-icon"
687
700
  >
688
- close_round
689
- </i>
690
- </div>
691
- </button>
701
+ <i
702
+ class="material-icons material-icons-round Icon Icon--default"
703
+ data-test="DesignSystem-Button--Icon"
704
+ role="button"
705
+ style="font-size: 16px; width: 16px;"
706
+ >
707
+ close_round
708
+ </i>
709
+ </div>
710
+ </button>
711
+ </div>
692
712
  </div>
693
713
  </div>
694
714
  <div
@@ -976,24 +996,29 @@ exports[`Modal component
976
996
  class="Col flex-grow-0"
977
997
  data-test="DesignSystem-Column"
978
998
  >
979
- <button
980
- class="Button Button--regular Button--regularSquare Button--transparent"
981
- data-test="DesignSystem-Modal--CloseButton"
982
- tabindex="0"
999
+ <style />
1000
+ <div
1001
+ class="OutsideClick PopperWrapper-trigger"
983
1002
  >
984
- <div
985
- class="Button-icon"
1003
+ <button
1004
+ class="Button Button--regular Button--regularSquare Button--transparent"
1005
+ data-test="DesignSystem-Modal--CloseButton"
1006
+ tabindex="0"
986
1007
  >
987
- <i
988
- class="material-icons material-icons-round Icon Icon--default"
989
- data-test="DesignSystem-Button--Icon"
990
- role="button"
991
- style="font-size: 16px; width: 16px;"
1008
+ <div
1009
+ class="Button-icon"
992
1010
  >
993
- close_round
994
- </i>
995
- </div>
996
- </button>
1011
+ <i
1012
+ class="material-icons material-icons-round Icon Icon--default"
1013
+ data-test="DesignSystem-Button--Icon"
1014
+ role="button"
1015
+ style="font-size: 16px; width: 16px;"
1016
+ >
1017
+ close_round
1018
+ </i>
1019
+ </div>
1020
+ </button>
1021
+ </div>
997
1022
  </div>
998
1023
  </div>
999
1024
  <div
@@ -1126,24 +1151,29 @@ exports[`Modal component
1126
1151
  class="Col flex-grow-0"
1127
1152
  data-test="DesignSystem-Column"
1128
1153
  >
1129
- <button
1130
- class="Button Button--regular Button--regularSquare Button--transparent"
1131
- data-test="DesignSystem-Modal--CloseButton"
1132
- tabindex="0"
1154
+ <style />
1155
+ <div
1156
+ class="OutsideClick PopperWrapper-trigger"
1133
1157
  >
1134
- <div
1135
- class="Button-icon"
1158
+ <button
1159
+ class="Button Button--regular Button--regularSquare Button--transparent"
1160
+ data-test="DesignSystem-Modal--CloseButton"
1161
+ tabindex="0"
1136
1162
  >
1137
- <i
1138
- class="material-icons material-icons-round Icon Icon--default"
1139
- data-test="DesignSystem-Button--Icon"
1140
- role="button"
1141
- style="font-size: 16px; width: 16px;"
1163
+ <div
1164
+ class="Button-icon"
1142
1165
  >
1143
- close_round
1144
- </i>
1145
- </div>
1146
- </button>
1166
+ <i
1167
+ class="material-icons material-icons-round Icon Icon--default"
1168
+ data-test="DesignSystem-Button--Icon"
1169
+ role="button"
1170
+ style="font-size: 16px; width: 16px;"
1171
+ >
1172
+ close_round
1173
+ </i>
1174
+ </div>
1175
+ </button>
1176
+ </div>
1147
1177
  </div>
1148
1178
  </div>
1149
1179
  <div
@@ -1288,24 +1318,29 @@ exports[`Modal component
1288
1318
  class="Col flex-grow-0"
1289
1319
  data-test="DesignSystem-Column"
1290
1320
  >
1291
- <button
1292
- class="Button Button--regular Button--regularSquare Button--transparent"
1293
- data-test="DesignSystem-Modal--CloseButton"
1294
- tabindex="0"
1321
+ <style />
1322
+ <div
1323
+ class="OutsideClick PopperWrapper-trigger"
1295
1324
  >
1296
- <div
1297
- class="Button-icon"
1325
+ <button
1326
+ class="Button Button--regular Button--regularSquare Button--transparent"
1327
+ data-test="DesignSystem-Modal--CloseButton"
1328
+ tabindex="0"
1298
1329
  >
1299
- <i
1300
- class="material-icons material-icons-round Icon Icon--default"
1301
- data-test="DesignSystem-Button--Icon"
1302
- role="button"
1303
- style="font-size: 16px; width: 16px;"
1330
+ <div
1331
+ class="Button-icon"
1304
1332
  >
1305
- close_round
1306
- </i>
1307
- </div>
1308
- </button>
1333
+ <i
1334
+ class="material-icons material-icons-round Icon Icon--default"
1335
+ data-test="DesignSystem-Button--Icon"
1336
+ role="button"
1337
+ style="font-size: 16px; width: 16px;"
1338
+ >
1339
+ close_round
1340
+ </i>
1341
+ </div>
1342
+ </button>
1343
+ </div>
1309
1344
  </div>
1310
1345
  </div>
1311
1346
  <div
@@ -1438,24 +1473,29 @@ exports[`Modal component
1438
1473
  class="Col flex-grow-0"
1439
1474
  data-test="DesignSystem-Column"
1440
1475
  >
1441
- <button
1442
- class="Button Button--regular Button--regularSquare Button--transparent"
1443
- data-test="DesignSystem-Modal--CloseButton"
1444
- tabindex="0"
1476
+ <style />
1477
+ <div
1478
+ class="OutsideClick PopperWrapper-trigger"
1445
1479
  >
1446
- <div
1447
- class="Button-icon"
1480
+ <button
1481
+ class="Button Button--regular Button--regularSquare Button--transparent"
1482
+ data-test="DesignSystem-Modal--CloseButton"
1483
+ tabindex="0"
1448
1484
  >
1449
- <i
1450
- class="material-icons material-icons-round Icon Icon--default"
1451
- data-test="DesignSystem-Button--Icon"
1452
- role="button"
1453
- style="font-size: 16px; width: 16px;"
1485
+ <div
1486
+ class="Button-icon"
1454
1487
  >
1455
- close_round
1456
- </i>
1457
- </div>
1458
- </button>
1488
+ <i
1489
+ class="material-icons material-icons-round Icon Icon--default"
1490
+ data-test="DesignSystem-Button--Icon"
1491
+ role="button"
1492
+ style="font-size: 16px; width: 16px;"
1493
+ >
1494
+ close_round
1495
+ </i>
1496
+ </div>
1497
+ </button>
1498
+ </div>
1459
1499
  </div>
1460
1500
  </div>
1461
1501
  <div
@@ -1743,24 +1783,29 @@ exports[`Modal component
1743
1783
  class="Col flex-grow-0"
1744
1784
  data-test="DesignSystem-Column"
1745
1785
  >
1746
- <button
1747
- class="Button Button--regular Button--regularSquare Button--transparent"
1748
- data-test="DesignSystem-Modal--CloseButton"
1749
- tabindex="0"
1786
+ <style />
1787
+ <div
1788
+ class="OutsideClick PopperWrapper-trigger"
1750
1789
  >
1751
- <div
1752
- class="Button-icon"
1790
+ <button
1791
+ class="Button Button--regular Button--regularSquare Button--transparent"
1792
+ data-test="DesignSystem-Modal--CloseButton"
1793
+ tabindex="0"
1753
1794
  >
1754
- <i
1755
- class="material-icons material-icons-round Icon Icon--default"
1756
- data-test="DesignSystem-Button--Icon"
1757
- role="button"
1758
- style="font-size: 16px; width: 16px;"
1795
+ <div
1796
+ class="Button-icon"
1759
1797
  >
1760
- close_round
1761
- </i>
1762
- </div>
1763
- </button>
1798
+ <i
1799
+ class="material-icons material-icons-round Icon Icon--default"
1800
+ data-test="DesignSystem-Button--Icon"
1801
+ role="button"
1802
+ style="font-size: 16px; width: 16px;"
1803
+ >
1804
+ close_round
1805
+ </i>
1806
+ </div>
1807
+ </button>
1808
+ </div>
1764
1809
  </div>
1765
1810
  </div>
1766
1811
  <div
@@ -1893,24 +1938,29 @@ exports[`Modal component
1893
1938
  class="Col flex-grow-0"
1894
1939
  data-test="DesignSystem-Column"
1895
1940
  >
1896
- <button
1897
- class="Button Button--regular Button--regularSquare Button--transparent"
1898
- data-test="DesignSystem-Modal--CloseButton"
1899
- tabindex="0"
1941
+ <style />
1942
+ <div
1943
+ class="OutsideClick PopperWrapper-trigger"
1900
1944
  >
1901
- <div
1902
- class="Button-icon"
1945
+ <button
1946
+ class="Button Button--regular Button--regularSquare Button--transparent"
1947
+ data-test="DesignSystem-Modal--CloseButton"
1948
+ tabindex="0"
1903
1949
  >
1904
- <i
1905
- class="material-icons material-icons-round Icon Icon--default"
1906
- data-test="DesignSystem-Button--Icon"
1907
- role="button"
1908
- style="font-size: 16px; width: 16px;"
1950
+ <div
1951
+ class="Button-icon"
1909
1952
  >
1910
- close_round
1911
- </i>
1912
- </div>
1913
- </button>
1953
+ <i
1954
+ class="material-icons material-icons-round Icon Icon--default"
1955
+ data-test="DesignSystem-Button--Icon"
1956
+ role="button"
1957
+ style="font-size: 16px; width: 16px;"
1958
+ >
1959
+ close_round
1960
+ </i>
1961
+ </div>
1962
+ </button>
1963
+ </div>
1914
1964
  </div>
1915
1965
  </div>
1916
1966
  <div
@@ -2055,24 +2105,29 @@ exports[`Modal component
2055
2105
  class="Col flex-grow-0"
2056
2106
  data-test="DesignSystem-Column"
2057
2107
  >
2058
- <button
2059
- class="Button Button--regular Button--regularSquare Button--transparent"
2060
- data-test="DesignSystem-Modal--CloseButton"
2061
- tabindex="0"
2108
+ <style />
2109
+ <div
2110
+ class="OutsideClick PopperWrapper-trigger"
2062
2111
  >
2063
- <div
2064
- class="Button-icon"
2112
+ <button
2113
+ class="Button Button--regular Button--regularSquare Button--transparent"
2114
+ data-test="DesignSystem-Modal--CloseButton"
2115
+ tabindex="0"
2065
2116
  >
2066
- <i
2067
- class="material-icons material-icons-round Icon Icon--default"
2068
- data-test="DesignSystem-Button--Icon"
2069
- role="button"
2070
- style="font-size: 16px; width: 16px;"
2117
+ <div
2118
+ class="Button-icon"
2071
2119
  >
2072
- close_round
2073
- </i>
2074
- </div>
2075
- </button>
2120
+ <i
2121
+ class="material-icons material-icons-round Icon Icon--default"
2122
+ data-test="DesignSystem-Button--Icon"
2123
+ role="button"
2124
+ style="font-size: 16px; width: 16px;"
2125
+ >
2126
+ close_round
2127
+ </i>
2128
+ </div>
2129
+ </button>
2130
+ </div>
2076
2131
  </div>
2077
2132
  </div>
2078
2133
  <div
@@ -2205,24 +2260,29 @@ exports[`Modal component
2205
2260
  class="Col flex-grow-0"
2206
2261
  data-test="DesignSystem-Column"
2207
2262
  >
2208
- <button
2209
- class="Button Button--regular Button--regularSquare Button--transparent"
2210
- data-test="DesignSystem-Modal--CloseButton"
2211
- tabindex="0"
2263
+ <style />
2264
+ <div
2265
+ class="OutsideClick PopperWrapper-trigger"
2212
2266
  >
2213
- <div
2214
- class="Button-icon"
2267
+ <button
2268
+ class="Button Button--regular Button--regularSquare Button--transparent"
2269
+ data-test="DesignSystem-Modal--CloseButton"
2270
+ tabindex="0"
2215
2271
  >
2216
- <i
2217
- class="material-icons material-icons-round Icon Icon--default"
2218
- data-test="DesignSystem-Button--Icon"
2219
- role="button"
2220
- style="font-size: 16px; width: 16px;"
2272
+ <div
2273
+ class="Button-icon"
2221
2274
  >
2222
- close_round
2223
- </i>
2224
- </div>
2225
- </button>
2275
+ <i
2276
+ class="material-icons material-icons-round Icon Icon--default"
2277
+ data-test="DesignSystem-Button--Icon"
2278
+ role="button"
2279
+ style="font-size: 16px; width: 16px;"
2280
+ >
2281
+ close_round
2282
+ </i>
2283
+ </div>
2284
+ </button>
2285
+ </div>
2226
2286
  </div>
2227
2287
  </div>
2228
2288
  <div
package/core/components/molecules/popover/Popover.tsx CHANGED
@@ -75,6 +75,15 @@ export interface PopoverProps extends Pick<PopperWrapperProps, PopperProps>, Bas
75
75
  * BoundaryElement for `Popover`
76
76
  */
77
77
  boundaryElement: React.RefObject<HTMLElement> | Element;
78
+ /*
79
+ * animationClass is for providing custom animations for open/close of the popover
80
+ * animationClass.open - takes animation class when popover is open
81
+ * animationClass.close - takes animation class when popover is close
82
+ */
83
+ animationClass?: {
84
+ open: string;
85
+ close: string;
86
+ };
78
87
  }
79
88
 
80
89
  export const Popover = (props: PopoverProps) => {