@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/dialog/__tests__/__snapshots__/Dialog.test.tsx.snap CHANGED
@@ -45,24 +45,29 @@ exports[`Dialog component
45
45
  class="Col flex-grow-0"
46
46
  data-test="DesignSystem-Column"
47
47
  >
48
- <button
49
- class="Button Button--regular Button--regularSquare Button--transparent"
50
- data-test="DesignSystem-Modal--CloseButton"
51
- tabindex="0"
48
+ <style />
49
+ <div
50
+ class="OutsideClick PopperWrapper-trigger"
52
51
  >
53
- <div
54
- class="Button-icon"
52
+ <button
53
+ class="Button Button--regular Button--regularSquare Button--transparent"
54
+ data-test="DesignSystem-Modal--CloseButton"
55
+ tabindex="0"
55
56
  >
56
- <i
57
- class="material-icons material-icons-round Icon Icon--default"
58
- data-test="DesignSystem-Button--Icon"
59
- role="button"
60
- style="font-size: 16px; width: 16px;"
57
+ <div
58
+ class="Button-icon"
61
59
  >
62
- close_round
63
- </i>
64
- </div>
65
- </button>
60
+ <i
61
+ class="material-icons material-icons-round Icon Icon--default"
62
+ data-test="DesignSystem-Button--Icon"
63
+ role="button"
64
+ style="font-size: 16px; width: 16px;"
65
+ >
66
+ close_round
67
+ </i>
68
+ </div>
69
+ </button>
70
+ </div>
66
71
  </div>
67
72
  </div>
68
73
  <div
@@ -168,24 +173,29 @@ exports[`Dialog component
168
173
  class="Col flex-grow-0"
169
174
  data-test="DesignSystem-Column"
170
175
  >
171
- <button
172
- class="Button Button--regular Button--regularSquare Button--transparent"
173
- data-test="DesignSystem-Modal--CloseButton"
174
- tabindex="0"
176
+ <style />
177
+ <div
178
+ class="OutsideClick PopperWrapper-trigger"
175
179
  >
176
- <div
177
- class="Button-icon"
180
+ <button
181
+ class="Button Button--regular Button--regularSquare Button--transparent"
182
+ data-test="DesignSystem-Modal--CloseButton"
183
+ tabindex="0"
178
184
  >
179
- <i
180
- class="material-icons material-icons-round Icon Icon--default"
181
- data-test="DesignSystem-Button--Icon"
182
- role="button"
183
- style="font-size: 16px; width: 16px;"
185
+ <div
186
+ class="Button-icon"
184
187
  >
185
- close_round
186
- </i>
187
- </div>
188
- </button>
188
+ <i
189
+ class="material-icons material-icons-round Icon Icon--default"
190
+ data-test="DesignSystem-Button--Icon"
191
+ role="button"
192
+ style="font-size: 16px; width: 16px;"
193
+ >
194
+ close_round
195
+ </i>
196
+ </div>
197
+ </button>
198
+ </div>
189
199
  </div>
190
200
  </div>
191
201
  <div
@@ -289,24 +299,29 @@ exports[`Dialog component
289
299
  class="Col flex-grow-0"
290
300
  data-test="DesignSystem-Column"
291
301
  >
292
- <button
293
- class="Button Button--regular Button--regularSquare Button--transparent"
294
- data-test="DesignSystem-Modal--CloseButton"
295
- tabindex="0"
302
+ <style />
303
+ <div
304
+ class="OutsideClick PopperWrapper-trigger"
296
305
  >
297
- <div
298
- class="Button-icon"
306
+ <button
307
+ class="Button Button--regular Button--regularSquare Button--transparent"
308
+ data-test="DesignSystem-Modal--CloseButton"
309
+ tabindex="0"
299
310
  >
300
- <i
301
- class="material-icons material-icons-round Icon Icon--default"
302
- data-test="DesignSystem-Button--Icon"
303
- role="button"
304
- style="font-size: 16px; width: 16px;"
311
+ <div
312
+ class="Button-icon"
305
313
  >
306
- close_round
307
- </i>
308
- </div>
309
- </button>
314
+ <i
315
+ class="material-icons material-icons-round Icon Icon--default"
316
+ data-test="DesignSystem-Button--Icon"
317
+ role="button"
318
+ style="font-size: 16px; width: 16px;"
319
+ >
320
+ close_round
321
+ </i>
322
+ </div>
323
+ </button>
324
+ </div>
310
325
  </div>
311
326
  </div>
312
327
  <div
@@ -411,24 +426,29 @@ exports[`Dialog component
411
426
  class="Col flex-grow-0"
412
427
  data-test="DesignSystem-Column"
413
428
  >
414
- <button
415
- class="Button Button--regular Button--regularSquare Button--transparent"
416
- data-test="DesignSystem-Modal--CloseButton"
417
- tabindex="0"
429
+ <style />
430
+ <div
431
+ class="OutsideClick PopperWrapper-trigger"
418
432
  >
419
- <div
420
- class="Button-icon"
433
+ <button
434
+ class="Button Button--regular Button--regularSquare Button--transparent"
435
+ data-test="DesignSystem-Modal--CloseButton"
436
+ tabindex="0"
421
437
  >
422
- <i
423
- class="material-icons material-icons-round Icon Icon--default"
424
- data-test="DesignSystem-Button--Icon"
425
- role="button"
426
- style="font-size: 16px; width: 16px;"
438
+ <div
439
+ class="Button-icon"
427
440
  >
428
- close_round
429
- </i>
430
- </div>
431
- </button>
441
+ <i
442
+ class="material-icons material-icons-round Icon Icon--default"
443
+ data-test="DesignSystem-Button--Icon"
444
+ role="button"
445
+ style="font-size: 16px; width: 16px;"
446
+ >
447
+ close_round
448
+ </i>
449
+ </div>
450
+ </button>
451
+ </div>
432
452
  </div>
433
453
  </div>
434
454
  <div
@@ -533,24 +553,29 @@ exports[`Dialog component
533
553
  class="Col flex-grow-0"
534
554
  data-test="DesignSystem-Column"
535
555
  >
536
- <button
537
- class="Button Button--regular Button--regularSquare Button--transparent"
538
- data-test="DesignSystem-Modal--CloseButton"
539
- tabindex="0"
556
+ <style />
557
+ <div
558
+ class="OutsideClick PopperWrapper-trigger"
540
559
  >
541
- <div
542
- class="Button-icon"
560
+ <button
561
+ class="Button Button--regular Button--regularSquare Button--transparent"
562
+ data-test="DesignSystem-Modal--CloseButton"
563
+ tabindex="0"
543
564
  >
544
- <i
545
- class="material-icons material-icons-round Icon Icon--default"
546
- data-test="DesignSystem-Button--Icon"
547
- role="button"
548
- style="font-size: 16px; width: 16px;"
565
+ <div
566
+ class="Button-icon"
549
567
  >
550
- close_round
551
- </i>
552
- </div>
553
- </button>
568
+ <i
569
+ class="material-icons material-icons-round Icon Icon--default"
570
+ data-test="DesignSystem-Button--Icon"
571
+ role="button"
572
+ style="font-size: 16px; width: 16px;"
573
+ >
574
+ close_round
575
+ </i>
576
+ </div>
577
+ </button>
578
+ </div>
554
579
  </div>
555
580
  </div>
556
581
  <div
@@ -655,24 +680,29 @@ exports[`Dialog component
655
680
  class="Col flex-grow-0"
656
681
  data-test="DesignSystem-Column"
657
682
  >
658
- <button
659
- class="Button Button--regular Button--regularSquare Button--transparent"
660
- data-test="DesignSystem-Modal--CloseButton"
661
- tabindex="0"
683
+ <style />
684
+ <div
685
+ class="OutsideClick PopperWrapper-trigger"
662
686
  >
663
- <div
664
- class="Button-icon"
687
+ <button
688
+ class="Button Button--regular Button--regularSquare Button--transparent"
689
+ data-test="DesignSystem-Modal--CloseButton"
690
+ tabindex="0"
665
691
  >
666
- <i
667
- class="material-icons material-icons-round Icon Icon--default"
668
- data-test="DesignSystem-Button--Icon"
669
- role="button"
670
- style="font-size: 16px; width: 16px;"
692
+ <div
693
+ class="Button-icon"
671
694
  >
672
- close_round
673
- </i>
674
- </div>
675
- </button>
695
+ <i
696
+ class="material-icons material-icons-round Icon Icon--default"
697
+ data-test="DesignSystem-Button--Icon"
698
+ role="button"
699
+ style="font-size: 16px; width: 16px;"
700
+ >
701
+ close_round
702
+ </i>
703
+ </div>
704
+ </button>
705
+ </div>
676
706
  </div>
677
707
  </div>
678
708
  <div
@@ -777,24 +807,29 @@ exports[`Dialog component
777
807
  class="Col flex-grow-0"
778
808
  data-test="DesignSystem-Column"
779
809
  >
780
- <button
781
- class="Button Button--regular Button--regularSquare Button--transparent"
782
- data-test="DesignSystem-Modal--CloseButton"
783
- tabindex="0"
810
+ <style />
811
+ <div
812
+ class="OutsideClick PopperWrapper-trigger"
784
813
  >
785
- <div
786
- class="Button-icon"
814
+ <button
815
+ class="Button Button--regular Button--regularSquare Button--transparent"
816
+ data-test="DesignSystem-Modal--CloseButton"
817
+ tabindex="0"
787
818
  >
788
- <i
789
- class="material-icons material-icons-round Icon Icon--default"
790
- data-test="DesignSystem-Button--Icon"
791
- role="button"
792
- style="font-size: 16px; width: 16px;"
819
+ <div
820
+ class="Button-icon"
793
821
  >
794
- close_round
795
- </i>
796
- </div>
797
- </button>
822
+ <i
823
+ class="material-icons material-icons-round Icon Icon--default"
824
+ data-test="DesignSystem-Button--Icon"
825
+ role="button"
826
+ style="font-size: 16px; width: 16px;"
827
+ >
828
+ close_round
829
+ </i>
830
+ </div>
831
+ </button>
832
+ </div>
798
833
  </div>
799
834
  </div>
800
835
  <div
@@ -899,24 +934,29 @@ exports[`Dialog component
899
934
  class="Col flex-grow-0"
900
935
  data-test="DesignSystem-Column"
901
936
  >
902
- <button
903
- class="Button Button--regular Button--regularSquare Button--transparent"
904
- data-test="DesignSystem-Modal--CloseButton"
905
- tabindex="0"
937
+ <style />
938
+ <div
939
+ class="OutsideClick PopperWrapper-trigger"
906
940
  >
907
- <div
908
- class="Button-icon"
941
+ <button
942
+ class="Button Button--regular Button--regularSquare Button--transparent"
943
+ data-test="DesignSystem-Modal--CloseButton"
944
+ tabindex="0"
909
945
  >
910
- <i
911
- class="material-icons material-icons-round Icon Icon--default"
912
- data-test="DesignSystem-Button--Icon"
913
- role="button"
914
- style="font-size: 16px; width: 16px;"
946
+ <div
947
+ class="Button-icon"
915
948
  >
916
- close_round
917
- </i>
918
- </div>
919
- </button>
949
+ <i
950
+ class="material-icons material-icons-round Icon Icon--default"
951
+ data-test="DesignSystem-Button--Icon"
952
+ role="button"
953
+ style="font-size: 16px; width: 16px;"
954
+ >
955
+ close_round
956
+ </i>
957
+ </div>
958
+ </button>
959
+ </div>
920
960
  </div>
921
961
  </div>
922
962
  <div
@@ -1021,24 +1061,29 @@ exports[`Dialog component
1021
1061
  class="Col flex-grow-0"
1022
1062
  data-test="DesignSystem-Column"
1023
1063
  >
1024
- <button
1025
- class="Button Button--regular Button--regularSquare Button--transparent"
1026
- data-test="DesignSystem-Modal--CloseButton"
1027
- tabindex="0"
1064
+ <style />
1065
+ <div
1066
+ class="OutsideClick PopperWrapper-trigger"
1028
1067
  >
1029
- <div
1030
- class="Button-icon"
1068
+ <button
1069
+ class="Button Button--regular Button--regularSquare Button--transparent"
1070
+ data-test="DesignSystem-Modal--CloseButton"
1071
+ tabindex="0"
1031
1072
  >
1032
- <i
1033
- class="material-icons material-icons-round Icon Icon--default"
1034
- data-test="DesignSystem-Button--Icon"
1035
- role="button"
1036
- style="font-size: 16px; width: 16px;"
1073
+ <div
1074
+ class="Button-icon"
1037
1075
  >
1038
- close_round
1039
- </i>
1040
- </div>
1041
- </button>
1076
+ <i
1077
+ class="material-icons material-icons-round Icon Icon--default"
1078
+ data-test="DesignSystem-Button--Icon"
1079
+ role="button"
1080
+ style="font-size: 16px; width: 16px;"
1081
+ >
1082
+ close_round
1083
+ </i>
1084
+ </div>
1085
+ </button>
1086
+ </div>
1042
1087
  </div>
1043
1088
  </div>
1044
1089
  <div
@@ -1143,24 +1188,29 @@ exports[`Dialog component
1143
1188
  class="Col flex-grow-0"
1144
1189
  data-test="DesignSystem-Column"
1145
1190
  >
1146
- <button
1147
- class="Button Button--regular Button--regularSquare Button--transparent"
1148
- data-test="DesignSystem-Modal--CloseButton"
1149
- tabindex="0"
1191
+ <style />
1192
+ <div
1193
+ class="OutsideClick PopperWrapper-trigger"
1150
1194
  >
1151
- <div
1152
- class="Button-icon"
1195
+ <button
1196
+ class="Button Button--regular Button--regularSquare Button--transparent"
1197
+ data-test="DesignSystem-Modal--CloseButton"
1198
+ tabindex="0"
1153
1199
  >
1154
- <i
1155
- class="material-icons material-icons-round Icon Icon--default"
1156
- data-test="DesignSystem-Button--Icon"
1157
- role="button"
1158
- style="font-size: 16px; width: 16px;"
1200
+ <div
1201
+ class="Button-icon"
1159
1202
  >
1160
- close_round
1161
- </i>
1162
- </div>
1163
- </button>
1203
+ <i
1204
+ class="material-icons material-icons-round Icon Icon--default"
1205
+ data-test="DesignSystem-Button--Icon"
1206
+ role="button"
1207
+ style="font-size: 16px; width: 16px;"
1208
+ >
1209
+ close_round
1210
+ </i>
1211
+ </div>
1212
+ </button>
1213
+ </div>
1164
1214
  </div>
1165
1215
  </div>
1166
1216
  <div
@@ -1265,24 +1315,29 @@ exports[`Dialog component
1265
1315
  class="Col flex-grow-0"
1266
1316
  data-test="DesignSystem-Column"
1267
1317
  >
1268
- <button
1269
- class="Button Button--regular Button--regularSquare Button--transparent"
1270
- data-test="DesignSystem-Modal--CloseButton"
1271
- tabindex="0"
1318
+ <style />
1319
+ <div
1320
+ class="OutsideClick PopperWrapper-trigger"
1272
1321
  >
1273
- <div
1274
- class="Button-icon"
1322
+ <button
1323
+ class="Button Button--regular Button--regularSquare Button--transparent"
1324
+ data-test="DesignSystem-Modal--CloseButton"
1325
+ tabindex="0"
1275
1326
  >
1276
- <i
1277
- class="material-icons material-icons-round Icon Icon--default"
1278
- data-test="DesignSystem-Button--Icon"
1279
- role="button"
1280
- style="font-size: 16px; width: 16px;"
1327
+ <div
1328
+ class="Button-icon"
1281
1329
  >
1282
- close_round
1283
- </i>
1284
- </div>
1285
- </button>
1330
+ <i
1331
+ class="material-icons material-icons-round Icon Icon--default"
1332
+ data-test="DesignSystem-Button--Icon"
1333
+ role="button"
1334
+ style="font-size: 16px; width: 16px;"
1335
+ >
1336
+ close_round
1337
+ </i>
1338
+ </div>
1339
+ </button>
1340
+ </div>
1286
1341
  </div>
1287
1342
  </div>
1288
1343
  <div
@@ -1387,24 +1442,29 @@ exports[`Dialog component
1387
1442
  class="Col flex-grow-0"
1388
1443
  data-test="DesignSystem-Column"
1389
1444
  >
1390
- <button
1391
- class="Button Button--regular Button--regularSquare Button--transparent"
1392
- data-test="DesignSystem-Modal--CloseButton"
1393
- tabindex="0"
1445
+ <style />
1446
+ <div
1447
+ class="OutsideClick PopperWrapper-trigger"
1394
1448
  >
1395
- <div
1396
- class="Button-icon"
1449
+ <button
1450
+ class="Button Button--regular Button--regularSquare Button--transparent"
1451
+ data-test="DesignSystem-Modal--CloseButton"
1452
+ tabindex="0"
1397
1453
  >
1398
- <i
1399
- class="material-icons material-icons-round Icon Icon--default"
1400
- data-test="DesignSystem-Button--Icon"
1401
- role="button"
1402
- style="font-size: 16px; width: 16px;"
1454
+ <div
1455
+ class="Button-icon"
1403
1456
  >
1404
- close_round
1405
- </i>
1406
- </div>
1407
- </button>
1457
+ <i
1458
+ class="material-icons material-icons-round Icon Icon--default"
1459
+ data-test="DesignSystem-Button--Icon"
1460
+ role="button"
1461
+ style="font-size: 16px; width: 16px;"
1462
+ >
1463
+ close_round
1464
+ </i>
1465
+ </div>
1466
+ </button>
1467
+ </div>
1408
1468
  </div>
1409
1469
  </div>
1410
1470
  <div
@@ -1509,24 +1569,29 @@ exports[`Dialog component
1509
1569
  class="Col flex-grow-0"
1510
1570
  data-test="DesignSystem-Column"
1511
1571
  >
1512
- <button
1513
- class="Button Button--regular Button--regularSquare Button--transparent"
1514
- data-test="DesignSystem-Modal--CloseButton"
1515
- tabindex="0"
1572
+ <style />
1573
+ <div
1574
+ class="OutsideClick PopperWrapper-trigger"
1516
1575
  >
1517
- <div
1518
- class="Button-icon"
1576
+ <button
1577
+ class="Button Button--regular Button--regularSquare Button--transparent"
1578
+ data-test="DesignSystem-Modal--CloseButton"
1579
+ tabindex="0"
1519
1580
  >
1520
- <i
1521
- class="material-icons material-icons-round Icon Icon--default"
1522
- data-test="DesignSystem-Button--Icon"
1523
- role="button"
1524
- style="font-size: 16px; width: 16px;"
1581
+ <div
1582
+ class="Button-icon"
1525
1583
  >
1526
- close_round
1527
- </i>
1528
- </div>
1529
- </button>
1584
+ <i
1585
+ class="material-icons material-icons-round Icon Icon--default"
1586
+ data-test="DesignSystem-Button--Icon"
1587
+ role="button"
1588
+ style="font-size: 16px; width: 16px;"
1589
+ >
1590
+ close_round
1591
+ </i>
1592
+ </div>
1593
+ </button>
1594
+ </div>
1530
1595
  </div>
1531
1596
  </div>
1532
1597
  <div
package/core/components/molecules/editableChipInput/__tests__/__snapshots__/EditableChipInput.test.tsx.snap CHANGED
@@ -20,7 +20,7 @@ exports[`EditableChipInput component
20
20
  data-test="DesignSystem-EditableChipInput--Default"
21
21
  >
22
22
  <div
23
- class="Chip Chip--input my-2 mx-2"
23
+ class="Chip-wrapper Chip Chip--input my-2 mx-2"
24
24
  data-test="DesignSystem-EditableChipInput--Chip"
25
25
  >
26
26
  <span
@@ -40,7 +40,7 @@ exports[`EditableChipInput component
40
40
  </i>
41
41
  </div>
42
42
  <div
43
- class="Chip Chip--input my-2 mx-2"
43
+ class="Chip-wrapper Chip Chip--input my-2 mx-2"
44
44
  data-test="DesignSystem-EditableChipInput--Chip"
45
45
  >
46
46
  <span
@@ -86,7 +86,7 @@ exports[`EditableChipInput component
86
86
  data-test="DesignSystem-EditableChipInput--Default"
87
87
  >
88
88
  <div
89
- class="Chip Chip--input my-2 mx-2"
89
+ class="Chip-wrapper Chip Chip--input my-2 mx-2"
90
90
  data-test="DesignSystem-EditableChipInput--Chip"
91
91
  >
92
92
  <span
@@ -106,7 +106,7 @@ exports[`EditableChipInput component
106
106
  </i>
107
107
  </div>
108
108
  <div
109
- class="Chip Chip--input my-2 mx-2"
109
+ class="Chip-wrapper Chip Chip--input my-2 mx-2"
110
110
  data-test="DesignSystem-EditableChipInput--Chip"
111
111
  >
112
112
  <span
package/core/components/molecules/editableDropdown/__tests__/__snapshots__/EditableDropdown.test.tsx.snap CHANGED
@@ -19,6 +19,7 @@ exports[`EditableDropdown component
19
19
  class="Dropdown d-none"
20
20
  data-test="DesignSystem-EditableDropdown--Dropdown"
21
21
  >
22
+ <style />
22
23
  <div
23
24
  class="OutsideClick PopperWrapper-trigger w-100"
24
25
  >