@learningpool/ui 1.6.0 → 1.6.1

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 (437) hide show
  1. package/.eslintrc.js +40 -0
  2. package/.github/pull_request_template.md +23 -0
  3. package/.github/renovate.json +57 -0
  4. package/.github/workflows/integration.yml +53 -0
  5. package/.github/workflows/wss.yml +22 -0
  6. package/.jest-test-results.json +1 -0
  7. package/.releaserc +32 -0
  8. package/.storybook/learningpoolTheme.js +39 -0
  9. package/.storybook/main.js +21 -0
  10. package/.storybook/manager-head.html +175 -0
  11. package/.storybook/manager.js +34 -0
  12. package/.storybook/preview-head.html +212 -0
  13. package/.storybook/preview.js +120 -0
  14. package/.storybook/storybook-sort.js +54 -0
  15. package/CHANGELOG.md +6 -0
  16. package/amplify.yml +16 -0
  17. package/babel.config.json +14 -0
  18. package/{assets → dist/assets}/Images.d.ts +0 -0
  19. package/{assets → dist/assets}/Images.js +0 -0
  20. package/{components → dist/components}/atoms/Autocomplete/Autocomplete.d.ts +0 -0
  21. package/{components → dist/components}/atoms/Autocomplete/Autocomplete.js +0 -0
  22. package/{components → dist/components}/atoms/Button/Button.d.ts +0 -0
  23. package/{components → dist/components}/atoms/Button/Button.js +0 -0
  24. package/{components → dist/components}/atoms/Checkbox/Checkbox.d.ts +0 -0
  25. package/{components → dist/components}/atoms/Checkbox/Checkbox.js +0 -0
  26. package/{components → dist/components}/atoms/IconButton/IconButton.d.ts +0 -0
  27. package/{components → dist/components}/atoms/IconButton/IconButton.js +0 -0
  28. package/{components → dist/components}/atoms/Radio/Radio.d.ts +0 -0
  29. package/{components → dist/components}/atoms/Radio/Radio.js +0 -0
  30. package/{components → dist/components}/atoms/Select/Select.d.ts +0 -0
  31. package/{components → dist/components}/atoms/Select/Select.js +0 -0
  32. package/{components → dist/components}/atoms/Slider/Slider.d.ts +0 -0
  33. package/{components → dist/components}/atoms/Slider/Slider.js +0 -0
  34. package/{components → dist/components}/atoms/Switch/Switch.d.ts +0 -0
  35. package/{components → dist/components}/atoms/Switch/Switch.js +0 -0
  36. package/{components → dist/components}/atoms/TextField/TextField.d.ts +0 -0
  37. package/{components → dist/components}/atoms/TextField/TextField.js +0 -0
  38. package/{components → dist/components}/atoms/ToggleButton/ToggleButton.d.ts +0 -0
  39. package/{components → dist/components}/atoms/ToggleButton/ToggleButton.js +0 -0
  40. package/{components → dist/components}/datadisplay/Avatar/Avatar.d.ts +0 -0
  41. package/{components → dist/components}/datadisplay/Avatar/Avatar.js +0 -0
  42. package/{components → dist/components}/datadisplay/Chip/Chip.d.ts +0 -0
  43. package/{components → dist/components}/datadisplay/Chip/Chip.js +0 -0
  44. package/{components → dist/components}/datadisplay/List/List.d.ts +0 -0
  45. package/{components → dist/components}/datadisplay/List/List.js +0 -0
  46. package/{components → dist/components}/datadisplay/Tooltip/Tooltip.d.ts +0 -0
  47. package/{components → dist/components}/datadisplay/Tooltip/Tooltip.js +0 -0
  48. package/{components → dist/components}/feedback/Alert/Alert.d.ts +0 -0
  49. package/{components → dist/components}/feedback/Alert/Alert.js +0 -0
  50. package/{components → dist/components}/landmarks/Header/Header.d.ts +0 -0
  51. package/{components → dist/components}/landmarks/Header/Header.js +0 -0
  52. package/{components → dist/components}/landmarks/Header/HeaderActionButtons.d.ts +0 -0
  53. package/{components → dist/components}/landmarks/Header/HeaderActionButtons.js +0 -0
  54. package/{components → dist/components}/landmarks/Header/HeaderStyles.d.ts +0 -0
  55. package/{components → dist/components}/landmarks/Header/HeaderStyles.js +0 -0
  56. package/{components → dist/components}/navigation/Drawer/Drawer.d.ts +0 -0
  57. package/{components → dist/components}/navigation/Drawer/Drawer.js +0 -0
  58. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigation.d.ts +0 -0
  59. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigation.js +64 -41
  60. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationAvatar.d.ts +0 -0
  61. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationAvatar.js +23 -19
  62. package/dist/components/navigation/MobileNavigation/MobileNavigationAvatarStyles.d.ts +3296 -0
  63. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationAvatarStyles.js +4 -4
  64. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationDrawer.d.ts +0 -0
  65. package/dist/components/navigation/MobileNavigation/MobileNavigationDrawer.js +71 -0
  66. package/dist/components/navigation/MobileNavigation/MobileNavigationDrawerStyles.d.ts +1215 -0
  67. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationDrawerStyles.js +2 -2
  68. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItem.d.ts +0 -0
  69. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItem.js +0 -0
  70. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenu.d.ts +0 -0
  71. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenu.js +0 -0
  72. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenuStyles.d.ts +0 -0
  73. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenuStyles.js +0 -0
  74. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemStyles.d.ts +0 -0
  75. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemStyles.js +0 -0
  76. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationMotion.d.ts +0 -0
  77. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationMotion.js +0 -0
  78. package/dist/components/navigation/MobileNavigation/MobileNavigationNotchIndicator.d.ts +3 -0
  79. package/dist/components/navigation/MobileNavigation/MobileNavigationNotchIndicator.js +19 -0
  80. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationSearch.d.ts +0 -0
  81. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationSearch.js +8 -6
  82. package/dist/components/navigation/MobileNavigation/MobileNavigationSearchStyles.d.ts +1080 -0
  83. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationSearchStyles.js +2 -2
  84. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationStyles.d.ts +0 -0
  85. package/{components → dist/components}/navigation/MobileNavigation/MobileNavigationStyles.js +0 -0
  86. package/dist/components/navigation/MobileNavigation/MobileNavigationToggleSearchX.d.ts +3 -0
  87. package/dist/components/navigation/MobileNavigation/MobileNavigationToggleSearchX.js +28 -0
  88. package/dist/components/navigation/MobileNavigation/MobileNavigationToggleX.d.ts +3 -0
  89. package/dist/components/navigation/MobileNavigation/MobileNavigationToggleX.js +28 -0
  90. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigation.d.ts +0 -0
  91. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigation.js +18 -16
  92. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationAvatar.d.ts +0 -0
  93. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationAvatar.js +20 -25
  94. package/dist/components/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.d.ts +3296 -0
  95. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.js +4 -4
  96. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.d.ts +0 -0
  97. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.js +5 -1
  98. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenu.d.ts +0 -0
  99. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenu.js +0 -0
  100. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenuStyles.d.ts +0 -0
  101. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenuStyles.js +0 -0
  102. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemStyles.d.ts +0 -0
  103. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemStyles.js +0 -0
  104. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationMotion.d.ts +0 -0
  105. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationMotion.js +0 -0
  106. package/dist/components/navigation/VerticalNavigation/VerticalNavigationStyles.d.ts +1163 -0
  107. package/{components → dist/components}/navigation/VerticalNavigation/VerticalNavigationStyles.js +3 -2
  108. package/{components → dist/components}/pages/ErrorPage/ErrorPage.d.ts +0 -0
  109. package/{components → dist/components}/pages/ErrorPage/ErrorPage.js +0 -0
  110. package/{components → dist/components}/pages/ErrorPage/ErrorPageStyles.d.ts +0 -0
  111. package/{components → dist/components}/pages/ErrorPage/ErrorPageStyles.js +0 -0
  112. package/{components → dist/components}/pages/SideInSide/SideInSide.d.ts +0 -0
  113. package/{components → dist/components}/pages/SideInSide/SideInSide.js +0 -0
  114. package/{components → dist/components}/pages/SideInSide/SideInSideStyles.d.ts +0 -0
  115. package/{components → dist/components}/pages/SideInSide/SideInSideStyles.js +0 -0
  116. package/{components → dist/components}/stream/AppSwitcher/AppSwitcher.d.ts +0 -0
  117. package/{components → dist/components}/stream/AppSwitcher/AppSwitcher.js +0 -0
  118. package/{components → dist/components}/stream/AppSwitcher/AppSwitcherItem.d.ts +0 -0
  119. package/{components → dist/components}/stream/AppSwitcher/AppSwitcherItem.js +0 -0
  120. package/{components → dist/components}/stream/AppSwitcher/AppSwitcherStyles.d.ts +0 -0
  121. package/{components → dist/components}/stream/AppSwitcher/AppSwitcherStyles.js +0 -0
  122. package/{components → dist/components}/stream/AppSwitcher/constants.d.ts +0 -0
  123. package/{components → dist/components}/stream/AppSwitcher/constants.js +0 -0
  124. package/{index.d.ts → dist/index.d.ts} +0 -0
  125. package/{index.js → dist/index.js} +0 -0
  126. package/{lang → dist/lang}/en-us.d.ts +0 -0
  127. package/{lang → dist/lang}/en-us.js +0 -0
  128. package/dist/package.json +41 -0
  129. package/{types → dist/types}/components/navigation/VerticalNavigation.d.ts +0 -0
  130. package/{types → dist/types}/components/navigation/VerticalNavigation.js +0 -0
  131. package/{types → dist/types}/components/navigation/VerticalNavigationAvatar.d.ts +1 -0
  132. package/{types → dist/types}/components/navigation/VerticalNavigationAvatar.js +0 -0
  133. package/{types → dist/types}/components/stream/AppSwitcher.d.ts +0 -0
  134. package/{types → dist/types}/components/stream/AppSwitcher.js +0 -0
  135. package/{types → dist/types}/index.d.ts +0 -0
  136. package/{types → dist/types}/index.js +0 -0
  137. package/{utils → dist/utils}/constants.d.ts +0 -0
  138. package/{utils → dist/utils}/constants.js +0 -0
  139. package/dist/utils/helpers.d.ts +21 -0
  140. package/dist/utils/helpers.js +64 -0
  141. package/{utils → dist/utils}/hooks.d.ts +0 -0
  142. package/{utils → dist/utils}/hooks.js +0 -0
  143. package/{utils → dist/utils}/index.d.ts +0 -0
  144. package/{utils → dist/utils}/index.js +0 -0
  145. package/{utils → dist/utils}/theme.d.ts +0 -0
  146. package/{utils → dist/utils}/theme.js +0 -0
  147. package/jest.config.ts +11 -0
  148. package/jest.setup.ts +5 -0
  149. package/{LICENSE → license} +0 -0
  150. package/merge.js +27 -0
  151. package/package.json +71 -4
  152. package/public/android-chrome-192x192.png +0 -0
  153. package/public/android-chrome-512x512.png +0 -0
  154. package/public/apple-touch-icon.png +0 -0
  155. package/public/assets/atoms.svg +5 -0
  156. package/public/assets/automation.svg +1 -0
  157. package/public/assets/avatar-1.jpg +0 -0
  158. package/public/assets/avatar-2.jpg +0 -0
  159. package/public/assets/avatar-3.jpg +0 -0
  160. package/public/assets/flux/icon-dark.svg +6 -0
  161. package/public/assets/flux/icon-light.svg +1 -0
  162. package/public/assets/flux/icon-white.svg +6 -0
  163. package/public/assets/flux/icon.svg +6 -0
  164. package/public/assets/flux/logo-dark.svg +22 -0
  165. package/public/assets/flux/logo-light.svg +1 -0
  166. package/public/assets/flux/logo-white.svg +22 -0
  167. package/public/assets/flux/logo.svg +22 -0
  168. package/public/assets/iPhone6.jpg +0 -0
  169. package/public/assets/iPhone6Plus.jpg +0 -0
  170. package/public/assets/lp-logo.png +0 -0
  171. package/public/assets/lplogo.svg +1 -0
  172. package/public/assets/molecules.svg +8 -0
  173. package/public/assets/organisms.svg +21 -0
  174. package/public/assets/pages.svg +4 -0
  175. package/public/assets/particles.svg +3 -0
  176. package/public/assets/stream-dark.png +0 -0
  177. package/public/assets/stream-suite-logo.svg +38 -0
  178. package/public/assets/stream-white.png +0 -0
  179. package/public/assets/stream.png +0 -0
  180. package/public/assets/templates.svg +3 -0
  181. package/public/favicon-16x16.png +0 -0
  182. package/public/favicon-32x32.png +0 -0
  183. package/public/favicon.ico +0 -0
  184. package/public/index.html +43 -0
  185. package/public/logo192.png +0 -0
  186. package/public/logo512.png +0 -0
  187. package/public/manifest.json +25 -0
  188. package/public/robots.txt +3 -0
  189. package/public/site.webmanifest +1 -0
  190. package/{README.md → readme.md} +0 -0
  191. package/src/docs.tsx +167 -0
  192. package/src/lib/assets/Images.tsx +47 -0
  193. package/src/lib/assets/stream-suite-logo.svg +38 -0
  194. package/src/lib/components/atoms/Autocomplete/Autocomplete.test.tsx +179 -0
  195. package/src/lib/components/atoms/Autocomplete/Autocomplete.tsx +14 -0
  196. package/src/lib/components/atoms/Button/Button.test.tsx +166 -0
  197. package/src/lib/components/atoms/Button/Button.tsx +16 -0
  198. package/src/lib/components/atoms/Checkbox/Checkbox.test.tsx +85 -0
  199. package/src/lib/components/atoms/Checkbox/Checkbox.tsx +10 -0
  200. package/src/lib/components/atoms/IconButton/IconButton.test.tsx +60 -0
  201. package/src/lib/components/atoms/IconButton/IconButton.tsx +9 -0
  202. package/src/lib/components/atoms/Radio/Radio.test.tsx +136 -0
  203. package/src/lib/components/atoms/Radio/Radio.tsx +10 -0
  204. package/src/lib/components/atoms/Select/Select.test.tsx +158 -0
  205. package/src/lib/components/atoms/Select/Select.tsx +12 -0
  206. package/src/lib/components/atoms/Slider/Slider.test.tsx +103 -0
  207. package/src/lib/components/atoms/Slider/Slider.tsx +10 -0
  208. package/src/lib/components/atoms/Switch/Switch.test.tsx +96 -0
  209. package/src/lib/components/atoms/Switch/Switch.tsx +10 -0
  210. package/src/lib/components/atoms/TextField/TextField.test.tsx +131 -0
  211. package/src/lib/components/atoms/TextField/TextField.tsx +31 -0
  212. package/src/lib/components/atoms/ToggleButton/ToggleButton.test.tsx +122 -0
  213. package/src/lib/components/atoms/ToggleButton/ToggleButton.tsx +10 -0
  214. package/src/lib/components/datadisplay/Avatar/Avatar.test.tsx +187 -0
  215. package/src/lib/components/datadisplay/Avatar/Avatar.tsx +35 -0
  216. package/src/lib/components/datadisplay/Avatar/avatar-1.jpg +0 -0
  217. package/src/lib/components/datadisplay/Chip/Chip.test.tsx +82 -0
  218. package/src/lib/components/datadisplay/Chip/Chip.tsx +11 -0
  219. package/src/lib/components/datadisplay/List/List.test.tsx +168 -0
  220. package/src/lib/components/datadisplay/List/List.tsx +8 -0
  221. package/src/lib/components/datadisplay/Tooltip/Tooltip.test.tsx +98 -0
  222. package/src/lib/components/datadisplay/Tooltip/Tooltip.tsx +9 -0
  223. package/src/lib/components/feedback/Alert/Alert.test.tsx +139 -0
  224. package/src/lib/components/feedback/Alert/Alert.tsx +10 -0
  225. package/src/lib/components/landmarks/Header/Header.tsx +140 -0
  226. package/src/lib/components/landmarks/Header/HeaderActionButtons.tsx +117 -0
  227. package/src/lib/components/landmarks/Header/HeaderStyles.tsx +62 -0
  228. package/src/lib/components/navigation/Drawer/Drawer.test.tsx +95 -0
  229. package/src/lib/components/navigation/Drawer/Drawer.tsx +21 -0
  230. package/src/lib/components/navigation/MobileNavigation/MobileNavigation.tsx +276 -0
  231. package/src/lib/components/navigation/MobileNavigation/MobileNavigationAvatar.tsx +334 -0
  232. package/src/lib/components/navigation/MobileNavigation/MobileNavigationAvatarStyles.tsx +77 -0
  233. package/src/lib/components/navigation/MobileNavigation/MobileNavigationDrawer.tsx +197 -0
  234. package/src/lib/components/navigation/MobileNavigation/MobileNavigationDrawerStyles.tsx +143 -0
  235. package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItem.tsx +192 -0
  236. package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenu.tsx +67 -0
  237. package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenuStyles.tsx +192 -0
  238. package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemStyles.tsx +217 -0
  239. package/src/lib/components/navigation/MobileNavigation/MobileNavigationMotion.tsx +119 -0
  240. package/src/lib/components/navigation/MobileNavigation/MobileNavigationNotchIndicator.tsx +35 -0
  241. package/src/lib/components/navigation/MobileNavigation/MobileNavigationSearch.tsx +114 -0
  242. package/src/lib/components/navigation/MobileNavigation/MobileNavigationSearchStyles.tsx +47 -0
  243. package/src/lib/components/navigation/MobileNavigation/MobileNavigationStyles.tsx +320 -0
  244. package/src/lib/components/navigation/MobileNavigation/MobileNavigationToggleSearchX.tsx +59 -0
  245. package/src/lib/components/navigation/MobileNavigation/MobileNavigationToggleX.tsx +51 -0
  246. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigation.tsx +467 -0
  247. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationAvatar.tsx +208 -0
  248. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.tsx +75 -0
  249. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.tsx +196 -0
  250. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenu.tsx +94 -0
  251. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenuStyles.tsx +212 -0
  252. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemStyles.tsx +240 -0
  253. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationMotion.tsx +119 -0
  254. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationStyles.tsx +303 -0
  255. package/src/lib/components/pages/ErrorPage/ErrorPage.test.tsx +78 -0
  256. package/src/lib/components/pages/ErrorPage/ErrorPage.tsx +50 -0
  257. package/src/lib/components/pages/ErrorPage/ErrorPageStyles.tsx +30 -0
  258. package/src/lib/components/pages/SideInSide/SideInSide.tsx +100 -0
  259. package/src/lib/components/pages/SideInSide/SideInSideStyles.tsx +62 -0
  260. package/src/lib/components/stream/AppSwitcher/AppSwitcher.tsx +392 -0
  261. package/src/lib/components/stream/AppSwitcher/AppSwitcherItem.tsx +83 -0
  262. package/src/lib/components/stream/AppSwitcher/AppSwitcherStyles.tsx +325 -0
  263. package/src/lib/components/stream/AppSwitcher/constants.tsx +28 -0
  264. package/src/lib/index.tsx +148 -0
  265. package/src/lib/lang/en-us.js +6 -0
  266. package/src/lib/types/components/navigation/VerticalNavigation.ts +52 -0
  267. package/src/lib/types/components/navigation/VerticalNavigationAvatar.ts +26 -0
  268. package/src/lib/types/components/stream/AppSwitcher.ts +10 -0
  269. package/src/lib/types/index.ts +9 -0
  270. package/src/lib/utils/constants.tsx +11 -0
  271. package/src/lib/utils/helpers.tsx +77 -0
  272. package/src/lib/utils/hooks.tsx +33 -0
  273. package/src/lib/utils/index.tsx +4 -0
  274. package/src/lib/utils/theme.tsx +79 -0
  275. package/src/react-app-env.d.ts +1 -0
  276. package/src/setupTests.ts +5 -0
  277. package/src/stories/Components/DataDisplay/Avatar/Accessibility.stories.mdx +34 -0
  278. package/src/stories/Components/DataDisplay/Avatar/AllCombinations.tsx +56 -0
  279. package/src/stories/Components/DataDisplay/Avatar/Avatar.stories.tsx +19 -0
  280. package/src/stories/Components/DataDisplay/Avatar/Examples.stories.tsx +278 -0
  281. package/src/stories/Components/DataDisplay/Avatar/Overview.stories.mdx +47 -0
  282. package/src/stories/Components/DataDisplay/Chip/Accessibility.stories.mdx +29 -0
  283. package/src/stories/Components/DataDisplay/Chip/AllCombinations.tsx +58 -0
  284. package/src/stories/Components/DataDisplay/Chip/Chip.stories.tsx +21 -0
  285. package/src/stories/Components/DataDisplay/Chip/Examples.stories.tsx +126 -0
  286. package/src/stories/Components/DataDisplay/Chip/Overview.stories.mdx +57 -0
  287. package/src/stories/Components/DataDisplay/List/Accessibility.stories.mdx +54 -0
  288. package/src/stories/Components/DataDisplay/List/AllCombinations.tsx +396 -0
  289. package/src/stories/Components/DataDisplay/List/Examples.stories.tsx +501 -0
  290. package/src/stories/Components/DataDisplay/List/List.stories.tsx +35 -0
  291. package/src/stories/Components/DataDisplay/List/Overview.stories.mdx +69 -0
  292. package/src/stories/Components/DataDisplay/Table/Overview.stories.mdx +70 -0
  293. package/src/stories/Components/DataDisplay/Tooltip/Accessibility.stories.mdx +39 -0
  294. package/src/stories/Components/DataDisplay/Tooltip/AllCombinations.tsx +134 -0
  295. package/src/stories/Components/DataDisplay/Tooltip/Examples.stories.tsx +237 -0
  296. package/src/stories/Components/DataDisplay/Tooltip/Overview.stories.mdx +58 -0
  297. package/src/stories/Components/DataDisplay/Tooltip/Tooltip.stories.tsx +22 -0
  298. package/src/stories/Components/Feedback/Alert/Accessibility.stories.mdx +25 -0
  299. package/src/stories/Components/Feedback/Alert/Alert.stories.tsx +22 -0
  300. package/src/stories/Components/Feedback/Alert/AllCombinations.tsx +37 -0
  301. package/src/stories/Components/Feedback/Alert/Examples.stories.tsx +137 -0
  302. package/src/stories/Components/Feedback/Alert/Overview.stories.mdx +62 -0
  303. package/src/stories/Components/Inputs/Autocomplete/Accessibility.stories.mdx +31 -0
  304. package/src/stories/Components/Inputs/Autocomplete/AllCombinations.tsx +182 -0
  305. package/src/stories/Components/Inputs/Autocomplete/Autocomplete.stories.tsx +31 -0
  306. package/src/stories/Components/Inputs/Autocomplete/Examples.stories.tsx +233 -0
  307. package/src/stories/Components/Inputs/Autocomplete/Overview.stories.mdx +52 -0
  308. package/src/stories/Components/Inputs/Button/Accessibility.stories.mdx +52 -0
  309. package/src/stories/Components/Inputs/Button/AllCombinations.tsx +53 -0
  310. package/src/stories/Components/Inputs/Button/Button.stories.tsx +23 -0
  311. package/src/stories/Components/Inputs/Button/Examples.stories.tsx +190 -0
  312. package/src/stories/Components/Inputs/Button/Overview.stories.mdx +52 -0
  313. package/src/stories/Components/Inputs/Checkbox/Accessibility.stories.mdx +38 -0
  314. package/src/stories/Components/Inputs/Checkbox/AllCombinations.tsx +55 -0
  315. package/src/stories/Components/Inputs/Checkbox/Checkbox.stories.tsx +22 -0
  316. package/src/stories/Components/Inputs/Checkbox/Examples.stories.tsx +363 -0
  317. package/src/stories/Components/Inputs/Checkbox/Overview.stories.mdx +63 -0
  318. package/src/stories/Components/Inputs/IconButton/Examples.stories.tsx +24 -0
  319. package/src/stories/Components/Inputs/IconButton/IconButton.stories.tsx +26 -0
  320. package/src/stories/Components/Inputs/Radio/Accessibility.stories.mdx +61 -0
  321. package/src/stories/Components/Inputs/Radio/AllCombinations.tsx +75 -0
  322. package/src/stories/Components/Inputs/Radio/Examples.stories.tsx +333 -0
  323. package/src/stories/Components/Inputs/Radio/Overview.stories.mdx +74 -0
  324. package/src/stories/Components/Inputs/Radio/Radio.stories.tsx +22 -0
  325. package/src/stories/Components/Inputs/Select/Accessibility.stories.mdx +51 -0
  326. package/src/stories/Components/Inputs/Select/AllCombinations.tsx +63 -0
  327. package/src/stories/Components/Inputs/Select/Examples.stories.tsx +803 -0
  328. package/src/stories/Components/Inputs/Select/Overview.stories.mdx +73 -0
  329. package/src/stories/Components/Inputs/Select/Select.stories.tsx +22 -0
  330. package/src/stories/Components/Inputs/Slider/Accessibility.stories.mdx +43 -0
  331. package/src/stories/Components/Inputs/Slider/AllCombinations.tsx +30 -0
  332. package/src/stories/Components/Inputs/Slider/Examples.stories.tsx +146 -0
  333. package/src/stories/Components/Inputs/Slider/Overview.stories.mdx +59 -0
  334. package/src/stories/Components/Inputs/Slider/Slider.stories.tsx +27 -0
  335. package/src/stories/Components/Inputs/Switch/Accessibility.stories.mdx +34 -0
  336. package/src/stories/Components/Inputs/Switch/AllCombinations.tsx +45 -0
  337. package/src/stories/Components/Inputs/Switch/Examples.stories.tsx +213 -0
  338. package/src/stories/Components/Inputs/Switch/Overview.stories.mdx +62 -0
  339. package/src/stories/Components/Inputs/Switch/Switch.stories.tsx +22 -0
  340. package/src/stories/Components/Inputs/TextField/Accessibility.stories.mdx +29 -0
  341. package/src/stories/Components/Inputs/TextField/AllCombinations.tsx +57 -0
  342. package/src/stories/Components/Inputs/TextField/Examples.stories.tsx +127 -0
  343. package/src/stories/Components/Inputs/TextField/Overview.stories.mdx +60 -0
  344. package/src/stories/Components/Inputs/TextField/TextField.stories.tsx +261 -0
  345. package/src/stories/Components/Inputs/ToggleButton/Accessibility.stories.mdx +32 -0
  346. package/src/stories/Components/Inputs/ToggleButton/AllCombinations.tsx +113 -0
  347. package/src/stories/Components/Inputs/ToggleButton/Examples.stories.tsx +339 -0
  348. package/src/stories/Components/Inputs/ToggleButton/Overview.stories.mdx +55 -0
  349. package/src/stories/Components/Inputs/ToggleButton/ToggleButton.stories.tsx +19 -0
  350. package/src/stories/Components/Landmarks/Header/Examples.stories.tsx +197 -0
  351. package/src/stories/Components/Landmarks/Header/Header.stories.tsx +34 -0
  352. package/src/stories/Components/Landmarks/Header/Overview.stories.mdx +44 -0
  353. package/src/stories/Components/Navigation/Drawer/Accessibility.stories.mdx +13 -0
  354. package/src/stories/Components/Navigation/Drawer/Drawer.stories.tsx +80 -0
  355. package/src/stories/Components/Navigation/Drawer/Examples.stories.tsx +440 -0
  356. package/src/stories/Components/Navigation/Drawer/Overview.stories.mdx +43 -0
  357. package/src/stories/Components/Navigation/MobileNavigation/Accessibility.stories.mdx +14 -0
  358. package/src/stories/Components/Navigation/MobileNavigation/Examples.stories.tsx +384 -0
  359. package/src/stories/Components/Navigation/MobileNavigation/MobileNavigation.stories.tsx +24 -0
  360. package/src/stories/Components/Navigation/MobileNavigation/Overview.stories.mdx +47 -0
  361. package/src/stories/Components/Navigation/VerticalNavigation/Accessibility.stories.mdx +14 -0
  362. package/src/stories/Components/Navigation/VerticalNavigation/Examples.stories.tsx +307 -0
  363. package/src/stories/Components/Navigation/VerticalNavigation/Overview.stories.mdx +47 -0
  364. package/src/stories/Components/Navigation/VerticalNavigation/VerticalNavigation.stories.tsx +24 -0
  365. package/src/stories/ContactUs.stories.mdx +21 -0
  366. package/src/stories/Experimental/Test.stories.mdx +46 -0
  367. package/src/stories/GettingStarted/Designer.stories.mdx +86 -0
  368. package/src/stories/GettingStarted/Developer.stories.mdx +134 -0
  369. package/src/stories/Guidelines/Accessibility/AssistiveTechnology.stories.mdx +70 -0
  370. package/src/stories/Guidelines/Accessibility/ColorAndContrast.stories.mdx +109 -0
  371. package/src/stories/Guidelines/Accessibility/Hierarchy.stories.mdx +119 -0
  372. package/src/stories/Guidelines/Accessibility/Imagery.stories.mdx +136 -0
  373. package/src/stories/Guidelines/Accessibility/Overview.stories.mdx +44 -0
  374. package/src/stories/Guidelines/Accessibility/Principles.stories.mdx +156 -0
  375. package/src/stories/Guidelines/Accessibility/SoundAndMotion.stories.mdx +59 -0
  376. package/src/stories/Guidelines/Accessibility/Typography.stories.mdx +69 -0
  377. package/src/stories/Guidelines/Accessibility/Writing.stories.mdx +188 -0
  378. package/src/stories/Guidelines/Styleguide/ColorSwatch.tsx +53 -0
  379. package/src/stories/Guidelines/Styleguide/Colors.stories.mdx +118 -0
  380. package/src/stories/Guidelines/Styleguide/Typography.stories.mdx +84 -0
  381. package/src/stories/Introduction.stories.mdx +65 -0
  382. package/src/stories/Pages/ErrorPage.stories.tsx +30 -0
  383. package/src/stories/Pages/SideInSide.stories.tsx +195 -0
  384. package/src/stories/Roadmap.stories.mdx +19 -0
  385. package/src/stories/Templates/Login.stories.mdx +46 -0
  386. package/src/stories/assets/Atomic_Design_Icons-Dark.svg +24 -0
  387. package/src/stories/assets/Atomic_Design_Icons-Light.svg +25 -0
  388. package/src/stories/assets/accessibility-1.png +0 -0
  389. package/src/stories/assets/accessibility-2.png +0 -0
  390. package/src/stories/assets/accessibility-3.png +0 -0
  391. package/src/stories/assets/accessibility-banner.png +0 -0
  392. package/src/stories/assets/atoms.svg +6 -0
  393. package/src/stories/assets/design_system_2022-02-11_12.22pm.png +0 -0
  394. package/src/stories/assets/figma-tokens.png +0 -0
  395. package/src/stories/assets/hierarchy-1.jpg +0 -0
  396. package/src/stories/assets/hierarchy-2.jpg +0 -0
  397. package/src/stories/assets/hierarchy-3.jpg +0 -0
  398. package/src/stories/assets/icon-contrast-1.jpg +0 -0
  399. package/src/stories/assets/icon-contrast-2.jpg +0 -0
  400. package/src/stories/assets/imagery-1.png +0 -0
  401. package/src/stories/assets/imagery-2.png +0 -0
  402. package/src/stories/assets/imagery-3.png +0 -0
  403. package/src/stories/assets/imagery-4.jpg +0 -0
  404. package/src/stories/assets/molecules.svg +9 -0
  405. package/src/stories/assets/organisms.svg +22 -0
  406. package/src/stories/assets/pages.svg +5 -0
  407. package/src/stories/assets/particles.svg +4 -0
  408. package/src/stories/assets/templates.svg +4 -0
  409. package/src/stories/assets/testData.tsx +102 -0
  410. package/src/stories/assets/text-contrast-1.jpg +0 -0
  411. package/src/stories/assets/text-contrast-2.jpg +0 -0
  412. package/src/stories/assets/typography-1.png +0 -0
  413. package/src/stories/assets/visual-clues-1.png +0 -0
  414. package/src/stories/assets/visual-clues-2.png +0 -0
  415. package/src/stories/assets/writing-1.jpg +0 -0
  416. package/src/stories/assets/writing-2.png +0 -0
  417. package/src/stories/assets/writing-3.png +0 -0
  418. package/src/stories/assets/writing-4.png +0 -0
  419. package/src/stories/utils/CustomIcons.tsx +44 -0
  420. package/tsconfig.eslint.json +16 -0
  421. package/tsconfig.json +50 -0
  422. package/components/navigation/MobileNavigation/MobileNavigationAvatarStyles.d.ts +0 -827
  423. package/components/navigation/MobileNavigation/MobileNavigationDrawer.js +0 -147
  424. package/components/navigation/MobileNavigation/MobileNavigationDrawerStyles.d.ts +0 -392
  425. package/components/navigation/MobileNavigation/MobileNavigationNotchIndicator.d.ts +0 -3
  426. package/components/navigation/MobileNavigation/MobileNavigationNotchIndicator.js +0 -31
  427. package/components/navigation/MobileNavigation/MobileNavigationSearchStyles.d.ts +0 -257
  428. package/components/navigation/MobileNavigation/MobileNavigationToggleSearchX.d.ts +0 -3
  429. package/components/navigation/MobileNavigation/MobileNavigationToggleSearchX.js +0 -33
  430. package/components/navigation/MobileNavigation/MobileNavigationToggleX.d.ts +0 -3
  431. package/components/navigation/MobileNavigation/MobileNavigationToggleX.js +0 -27
  432. package/components/navigation/MobileNavigation/MobileNavigationToggleXStyles.d.ts +0 -36
  433. package/components/navigation/MobileNavigation/MobileNavigationToggleXStyles.js +0 -10
  434. package/components/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.d.ts +0 -827
  435. package/components/navigation/VerticalNavigation/VerticalNavigationStyles.d.ts +0 -88
  436. package/utils/helpers.d.ts +0 -6
  437. package/utils/helpers.js +0 -17
package/.eslintrc.js ADDED
@@ -0,0 +1,40 @@
1
+ const path = require('path')
2
+
3
+ module.exports = {
4
+ env: {
5
+ commonjs: true,
6
+ es6: true,
7
+ node: true,
8
+ jest: true
9
+ },
10
+ extends: [
11
+ 'standard'
12
+ ],
13
+ globals: {
14
+ Atomics: 'readonly',
15
+ SharedArrayBuffer: 'readonly',
16
+ JSX: true,
17
+ alert: true
18
+ },
19
+ overrides: [
20
+ {
21
+ files: [
22
+ '**/*.stories.*'
23
+ ],
24
+ rules: {
25
+ 'import/no-anonymous-default-export': 'off'
26
+ }
27
+ }
28
+ ],
29
+ parser: '@typescript-eslint/parser',
30
+ parserOptions: {
31
+ ecmaVersion: 2018,
32
+ project: path.join(__dirname, "tsconfig.eslint.json")
33
+ },
34
+ rules: {
35
+ '@typescript-eslint/no-var-requires': 0,
36
+ '@typescript-eslint/strict-boolean-expressions': 0,
37
+ '@typescript-eslint/consistent-type-assertions': 0,
38
+ indent: ['error', 2, { SwitchCase: 1 }]
39
+ }
40
+ }
@@ -0,0 +1,23 @@
1
+ <!-- Please follow this template. All PRs must be reviewed by at least one senior developer. -->
2
+
3
+ ### JIRA Id
4
+
5
+ <!-- Example: HOME-XXXX -->
6
+
7
+ ### Task/Issue description
8
+
9
+ <!-- What functionality has added? Is there a user story which can de added? -->
10
+
11
+ ### Any unrelated changes?
12
+
13
+ <!-- Anything unrelated included in this PR (remove section if empty) -->
14
+
15
+ ### PR Checklist
16
+
17
+ <!-- Semantic Release documentation: https://learninglocker.atlassian.net/wiki/spaces/CI/pages/1281982498/Semantic+Release -->
18
+
19
+ <!-- If this is strictly a documentation change you can replace the following checklist with "Documentation change only" -->
20
+
21
+ - [ ] I have given the PR a meaningful title which can be understood out of context (used in the release notes)
22
+ - [ ] I have read through my code, followed naming conventions and removed leftover debugging
23
+ - [ ] I have added the Jira ticket number(s) to the title with the format "type(Name): Description of the task [DS-XXXX]"
@@ -0,0 +1,57 @@
1
+ {
2
+ "$schema": "https://docs.renovatebot.com/renovate-schema.json",
3
+ "extends": [
4
+ "config:js-lib",
5
+ "github>whitesource/merge-confidence:beta"
6
+ ],
7
+ "constraints": {
8
+ "node": "^16",
9
+ "npm": "^8"
10
+ },
11
+ "prConcurrentLimit": 2,
12
+ "rebaseWhen": "conflicted",
13
+ "rangeStrategy": "replace",
14
+ "automerge": true,
15
+ "automergeType": "branch",
16
+ "major": {
17
+ "automerge": false
18
+ },
19
+ "schedule": [
20
+ "every weekend"
21
+ ],
22
+ "semanticCommits": "enabled",
23
+ "packageRules": [
24
+ {
25
+ "matchPackageNames": [
26
+ "@mui/material",
27
+ "@mui/icons-material",
28
+ "@types/node",
29
+ "react",
30
+ "react-dom",
31
+ "react-scripts",
32
+ "@testing-library/react",
33
+ "@types/react",
34
+ "@types/react-dom"
35
+ ],
36
+ "rangeStrategy": "bump",
37
+ "automerge": false
38
+ },
39
+ {
40
+ "matchPackagePatterns": [
41
+ "*"
42
+ ],
43
+ "matchUpdateTypes": [
44
+ "minor",
45
+ "patch"
46
+ ],
47
+ "groupName": "All non-major dependencies",
48
+ "groupSlug": "all-minor-patch"
49
+ }
50
+ ],
51
+ "lockFileMaintenance": {
52
+ "enabled": true,
53
+ "schedule": [
54
+ "before 7am on every weekday"
55
+ ]
56
+ }
57
+ }
@@ -0,0 +1,53 @@
1
+ name: Integration Suite
2
+
3
+ on: ['push']
4
+
5
+ concurrency:
6
+ group: ${{ github.workflow }}-${{ github.ref }}
7
+ cancel-in-progress: ${{ github.ref != 'refs/heads/main' }}
8
+
9
+ jobs:
10
+ integration:
11
+ runs-on: ubuntu-latest
12
+ timeout-minutes: 25
13
+ name: Integration Suite
14
+
15
+ steps:
16
+ - name: Checkout Code
17
+ uses: actions/checkout@v3
18
+ with:
19
+ token: ${{ secrets.SEMANTIC_RELEASE_GITHUB_TOKEN }}
20
+
21
+ - name: Setup Node
22
+ uses: actions/setup-node@v3
23
+ with:
24
+ node-version: "16"
25
+ cache: 'npm'
26
+
27
+ - name: Install dependencies
28
+ run: npm ci
29
+
30
+ - name: Run Lint Command
31
+ run: npm run lint:fix
32
+
33
+ - name: Commit Lint Changes
34
+ id: "auto_commit_action"
35
+ if: github.ref != 'refs/heads/main'
36
+ uses: stefanzweifel/git-auto-commit-action@v4
37
+ with:
38
+ commit_message: |
39
+ style(eslint): Github Action Lint.
40
+ file_pattern: src/*
41
+
42
+ - name: Run test suite
43
+ run: npm run test
44
+
45
+ - name: Build
46
+ run: npm run build:module
47
+
48
+ - name: Run Semantic Release
49
+ if: ${{ github.ref == 'refs/heads/main' }}
50
+ run: npx semantic-release
51
+ env:
52
+ GITHUB_TOKEN: ${{ secrets.SEMANTIC_RELEASE_GITHUB_TOKEN }}
53
+ NPM_TOKEN: ${{ secrets.SEMANTIC_RELEASE_NPM_TOKEN }}
@@ -0,0 +1,22 @@
1
+ name: Whitesource
2
+
3
+ on:
4
+ release:
5
+ types: [released]
6
+
7
+ env:
8
+ PARAM_REPO: design-system
9
+ PARAM_SERVICE: designsystem
10
+
11
+ jobs:
12
+ curl:
13
+ runs-on: ubuntu-latest
14
+ timeout-minutes: 5
15
+ steps:
16
+ - name: Set output
17
+ id: vars
18
+ run: echo "tag=${GITHUB_REF#refs/*/}" >> $GITHUB_OUTPUT
19
+ - name: Call Jenkins Job
20
+ env:
21
+ RELEASE_VERSION: ${{ steps.vars.outputs.tag }}
22
+ run: curl --location --request POST 'https://${{ secrets.JENKINS_USERNAME }}:${{ secrets.JENKINS_TOKEN }}@jenkins.learningpool.com/view/WSS/job/WSS-Scan/buildWithParameters?reponame=${{ env.PARAM_REPO }}&service=${{ env.PARAM_SERVICE }}&tagname=${{ env.RELEASE_VERSION }}'
@@ -0,0 +1 @@
1
+ {"numFailedTestSuites":0,"numFailedTests":0,"numPassedTestSuites":14,"numPassedTests":82,"numPendingTestSuites":0,"numPendingTests":0,"numRuntimeErrorTestSuites":0,"numTodoTests":0,"numTotalTestSuites":14,"numTotalTests":82,"openHandles":[],"snapshot":{"added":0,"didUpdate":false,"failure":false,"filesAdded":0,"filesRemoved":0,"filesRemovedList":[],"filesUnmatched":0,"filesUpdated":0,"matched":17,"total":17,"unchecked":0,"uncheckedKeysByFile":[],"unmatched":0,"updated":0},"startTime":1648731653783,"success":true,"testResults":[{"assertionResults":[{"ancestorTitles":["Test -- Autocomplete component"],"failureMessages":[],"fullName":"Test -- Autocomplete component renders a Autocomplete","location":null,"status":"passed","title":"renders a Autocomplete"},{"ancestorTitles":["Test -- Autocomplete component"],"failureMessages":[],"fullName":"Test -- Autocomplete component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- Autocomplete component"],"failureMessages":[],"fullName":"Test -- Autocomplete component properly renders the options on click","location":null,"status":"passed","title":"properly renders the options on click"},{"ancestorTitles":["Test -- Autocomplete component"],"failureMessages":[],"fullName":"Test -- Autocomplete component properly renders the options on focus","location":null,"status":"passed","title":"properly renders the options on focus"},{"ancestorTitles":["Test -- Autocomplete component"],"failureMessages":[],"fullName":"Test -- Autocomplete component displays a default value","location":null,"status":"passed","title":"displays a default value"},{"ancestorTitles":["Test -- Autocomplete component"],"failureMessages":[],"fullName":"Test -- Autocomplete component displays the label text","location":null,"status":"passed","title":"displays the label text"},{"ancestorTitles":["Test -- Autocomplete component"],"failureMessages":[],"fullName":"Test -- Autocomplete component has the proper attributes","location":null,"status":"passed","title":"has the proper attributes"}],"endTime":1648731657692,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Autocomplete/Autocomplete.test.tsx","startTime":1648731654477,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- Button component"],"failureMessages":[],"fullName":"Test -- Button component renders button text","location":null,"status":"passed","title":"renders button text"},{"ancestorTitles":["Test -- Button component"],"failureMessages":[],"fullName":"Test -- Button component renders button with startIcon","location":null,"status":"passed","title":"renders button with startIcon"},{"ancestorTitles":["Test -- Button component"],"failureMessages":[],"fullName":"Test -- Button component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- Button component"],"failureMessages":[],"fullName":"Test -- Button component has the proper aria attributes","location":null,"status":"passed","title":"has the proper aria attributes"},{"ancestorTitles":["Test -- Button component"],"failureMessages":[],"fullName":"Test -- Button component has the proper type attribute","location":null,"status":"passed","title":"has the proper type attribute"},{"ancestorTitles":["Test -- Button component"],"failureMessages":[],"fullName":"Test -- Button component should be disabled","location":null,"status":"passed","title":"should be disabled"},{"ancestorTitles":["Test -- Button component"],"failureMessages":[],"fullName":"Test -- Button component should take up full width","location":null,"status":"passed","title":"should take up full width"}],"endTime":1648731658419,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Button/Button.test.tsx","startTime":1648731657718,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- Alert component"],"failureMessages":[],"fullName":"Test -- Alert component renders a Alert","location":null,"status":"passed","title":"renders a Alert"},{"ancestorTitles":["Test -- Alert component"],"failureMessages":[],"fullName":"Test -- Alert component renders a visible description","location":null,"status":"passed","title":"renders a visible description"},{"ancestorTitles":["Test -- Alert component"],"failureMessages":[],"fullName":"Test -- Alert component renders the proper icons","location":null,"status":"passed","title":"renders the proper icons"},{"ancestorTitles":["Test -- Alert component"],"failureMessages":[],"fullName":"Test -- Alert component renders the proper action elements","location":null,"status":"passed","title":"renders the proper action elements"},{"ancestorTitles":["Test -- Alert component"],"failureMessages":[],"fullName":"Test -- Alert component responds to a delete click event","location":null,"status":"passed","title":"responds to a delete click event"},{"ancestorTitles":["Test -- Alert component"],"failureMessages":[],"fullName":"Test -- Alert component has the proper attributes","location":null,"status":"passed","title":"has the proper attributes"}],"endTime":1648731659382,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/feedback/Alert/Alert.test.tsx","startTime":1648731658467,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- List component"],"failureMessages":[],"fullName":"Test -- List component renders a List","location":null,"status":"passed","title":"renders a List"},{"ancestorTitles":["Test -- List component"],"failureMessages":[],"fullName":"Test -- List component renders the proper DOM elements","location":null,"status":"passed","title":"renders the proper DOM elements"},{"ancestorTitles":["Test -- List component"],"failureMessages":[],"fullName":"Test -- List component renders a selected element","location":null,"status":"passed","title":"renders a selected element"},{"ancestorTitles":["Test -- List component"],"failureMessages":[],"fullName":"Test -- List component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- List component"],"failureMessages":[],"fullName":"Test -- List component renders a list item icon","location":null,"status":"passed","title":"renders a list item icon"},{"ancestorTitles":["Test -- List component"],"failureMessages":[],"fullName":"Test -- List component renders a list item button","location":null,"status":"passed","title":"renders a list item button"}],"endTime":1648731660091,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/List/List.test.tsx","startTime":1648731659399,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- ToggleButton component"],"failureMessages":[],"fullName":"Test -- ToggleButton component renders a ToggleButton","location":null,"status":"passed","title":"renders a ToggleButton"},{"ancestorTitles":["Test -- ToggleButton component"],"failureMessages":[],"fullName":"Test -- ToggleButton component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- ToggleButton component"],"failureMessages":[],"fullName":"Test -- ToggleButton component has the proper attributes","location":null,"status":"passed","title":"has the proper attributes"},{"ancestorTitles":["Test -- ToggleButton component"],"failureMessages":[],"fullName":"Test -- ToggleButton component properly changes focus state","location":null,"status":"passed","title":"properly changes focus state"}],"endTime":1648731660849,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/atoms/ToggleButton/ToggleButton.test.tsx","startTime":1648731660112,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- Radio component"],"failureMessages":[],"fullName":"Test -- Radio component renders a radio button","location":null,"status":"passed","title":"renders a radio button"},{"ancestorTitles":["Test -- Radio component"],"failureMessages":[],"fullName":"Test -- Radio component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- Radio component"],"failureMessages":[],"fullName":"Test -- Radio component changes checked state on click","location":null,"status":"passed","title":"changes checked state on click"},{"ancestorTitles":["Test -- Radio component"],"failureMessages":[],"fullName":"Test -- Radio component should be disabled","location":null,"status":"passed","title":"should be disabled"},{"ancestorTitles":["Test -- Radio component"],"failureMessages":[],"fullName":"Test -- Radio component has the proper attributes","location":null,"status":"passed","title":"has the proper attributes"},{"ancestorTitles":["Test -- Radio component"],"failureMessages":[],"fullName":"Test -- Radio component has a default value","location":null,"status":"passed","title":"has a default value"}],"endTime":1648731661445,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Radio/Radio.test.tsx","startTime":1648731660866,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- TextField component"],"failureMessages":[],"fullName":"Test -- TextField component renders an outlined textField by default","location":null,"status":"passed","title":"renders an outlined textField by default"},{"ancestorTitles":["Test -- TextField component"],"failureMessages":[],"fullName":"Test -- TextField component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- TextField component"],"failureMessages":[],"fullName":"Test -- TextField component changes focused state on click","location":null,"status":"passed","title":"changes focused state on click"},{"ancestorTitles":["Test -- TextField component"],"failureMessages":[],"fullName":"Test -- TextField component should be disabled","location":null,"status":"passed","title":"should be disabled"},{"ancestorTitles":["Test -- TextField component"],"failureMessages":[],"fullName":"Test -- TextField component has the proper aria attributes","location":null,"status":"passed","title":"has the proper aria attributes"},{"ancestorTitles":["Test -- TextField component"],"failureMessages":[],"fullName":"Test -- TextField component has the proper type attribute","location":null,"status":"passed","title":"has the proper type attribute"}],"endTime":1648731661953,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/atoms/TextField/TextField.test.tsx","startTime":1648731661462,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- Slider component"],"failureMessages":[],"fullName":"Test -- Slider component renders a slider","location":null,"status":"passed","title":"renders a slider"},{"ancestorTitles":["Test -- Slider component"],"failureMessages":[],"fullName":"Test -- Slider component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- Slider component"],"failureMessages":[],"fullName":"Test -- Slider component should be disabled","location":null,"status":"passed","title":"should be disabled"},{"ancestorTitles":["Test -- Slider component"],"failureMessages":[],"fullName":"Test -- Slider component has a discrete range of values","location":null,"status":"passed","title":"has a discrete range of values"},{"ancestorTitles":["Test -- Slider component"],"failureMessages":[],"fullName":"Test -- Slider component has a proper default value","location":null,"status":"passed","title":"has a proper default value"},{"ancestorTitles":["Test -- Slider component"],"failureMessages":[],"fullName":"Test -- Slider component has the proper aria attributes","location":null,"status":"passed","title":"has the proper aria attributes"},{"ancestorTitles":["Test -- Slider component"],"failureMessages":[],"fullName":"Test -- Slider component has the proper type attribute","location":null,"status":"passed","title":"has the proper type attribute"}],"endTime":1648731662642,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Slider/Slider.test.tsx","startTime":1648731661972,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- Tooltip component"],"failureMessages":[],"fullName":"Test -- Tooltip component properly renders the Tooltip","location":null,"status":"passed","title":"properly renders the Tooltip"},{"ancestorTitles":["Test -- Tooltip component"],"failureMessages":[],"fullName":"Test -- Tooltip component renders a Tooltip on a disabled element","location":null,"status":"passed","title":"renders a Tooltip on a disabled element"},{"ancestorTitles":["Test -- Tooltip component"],"failureMessages":[],"fullName":"Test -- Tooltip component has the proper role attribute","location":null,"status":"passed","title":"has the proper role attribute"},{"ancestorTitles":["Test -- Tooltip component"],"failureMessages":[],"fullName":"Test -- Tooltip component renders the arrow element","location":null,"status":"passed","title":"renders the arrow element"},{"ancestorTitles":["Test -- Tooltip component"],"failureMessages":[],"fullName":"Test -- Tooltip component properly renders a followCursor Tooltip","location":null,"status":"passed","title":"properly renders a followCursor Tooltip"}],"endTime":1648731663549,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/Tooltip/Tooltip.test.tsx","startTime":1648731662657,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- Switch component"],"failureMessages":[],"fullName":"Test -- Switch component renders a switch","location":null,"status":"passed","title":"renders a switch"},{"ancestorTitles":["Test -- Switch component"],"failureMessages":[],"fullName":"Test -- Switch component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- Switch component"],"failureMessages":[],"fullName":"Test -- Switch component changes checked state on click","location":null,"status":"passed","title":"changes checked state on click"},{"ancestorTitles":["Test -- Switch component"],"failureMessages":[],"fullName":"Test -- Switch component should be disabled","location":null,"status":"passed","title":"should be disabled"},{"ancestorTitles":["Test -- Switch component"],"failureMessages":[],"fullName":"Test -- Switch component has the proper aria attributes","location":null,"status":"passed","title":"has the proper aria attributes"},{"ancestorTitles":["Test -- Switch component"],"failureMessages":[],"fullName":"Test -- Switch component has the proper type attribute","location":null,"status":"passed","title":"has the proper type attribute"},{"ancestorTitles":["Test -- Switch component"],"failureMessages":[],"fullName":"Test -- Switch component changes color","location":null,"status":"passed","title":"changes color"}],"endTime":1648731664155,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Switch/Switch.test.tsx","startTime":1648731663562,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- Checkbox component"],"failureMessages":[],"fullName":"Test -- Checkbox component renders checkbox","location":null,"status":"passed","title":"renders checkbox"},{"ancestorTitles":["Test -- Checkbox component"],"failureMessages":[],"fullName":"Test -- Checkbox component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- Checkbox component"],"failureMessages":[],"fullName":"Test -- Checkbox component changes checked state on click","location":null,"status":"passed","title":"changes checked state on click"},{"ancestorTitles":["Test -- Checkbox component"],"failureMessages":[],"fullName":"Test -- Checkbox component should be disabled","location":null,"status":"passed","title":"should be disabled"},{"ancestorTitles":["Test -- Checkbox component"],"failureMessages":[],"fullName":"Test -- Checkbox component has the proper aria attributes","location":null,"status":"passed","title":"has the proper aria attributes"},{"ancestorTitles":["Test -- Checkbox component"],"failureMessages":[],"fullName":"Test -- Checkbox component has the proper type attribute","location":null,"status":"passed","title":"has the proper type attribute"},{"ancestorTitles":["Test -- Checkbox component"],"failureMessages":[],"fullName":"Test -- Checkbox component changes color","location":null,"status":"passed","title":"changes color"}],"endTime":1648731664687,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Checkbox/Checkbox.test.tsx","startTime":1648731664169,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- Drawer component"],"failureMessages":[],"fullName":"Test -- Drawer component renders a Drawer","location":null,"status":"passed","title":"renders a Drawer"},{"ancestorTitles":["Test -- Drawer component"],"failureMessages":[],"fullName":"Test -- Drawer component should be closed by default","location":null,"status":"passed","title":"should be closed by default"},{"ancestorTitles":["Test -- Drawer component"],"failureMessages":[],"fullName":"Test -- Drawer component renders a persistant drawer","location":null,"status":"passed","title":"renders a persistant drawer"},{"ancestorTitles":["Test -- Drawer component"],"failureMessages":[],"fullName":"Test -- Drawer component responds to a onClick event","location":null,"status":"passed","title":"responds to a onClick event"},{"ancestorTitles":["Test -- Drawer component"],"failureMessages":[],"fullName":"Test -- Drawer component has the proper tabindex","location":null,"status":"passed","title":"has the proper tabindex"}],"endTime":1648731665079,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/navigation/Drawer/Drawer.test.tsx","startTime":1648731664705,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- Chip component"],"failureMessages":[],"fullName":"Test -- Chip component renders a Chip","location":null,"status":"passed","title":"renders a Chip"},{"ancestorTitles":["Test -- Chip component"],"failureMessages":[],"fullName":"Test -- Chip component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- Chip component"],"failureMessages":[],"fullName":"Test -- Chip component renders a link element","location":null,"status":"passed","title":"renders a link element"},{"ancestorTitles":["Test -- Chip component"],"failureMessages":[],"fullName":"Test -- Chip component renders a delete icon","location":null,"status":"passed","title":"renders a delete icon"},{"ancestorTitles":["Test -- Chip component"],"failureMessages":[],"fullName":"Test -- Chip component responds to a delete click event","location":null,"status":"passed","title":"responds to a delete click event"},{"ancestorTitles":["Test -- Chip component"],"failureMessages":[],"fullName":"Test -- Chip component renders with correct adornments","location":null,"status":"passed","title":"renders with correct adornments"}],"endTime":1648731665591,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/Chip/Chip.test.tsx","startTime":1648731665101,"status":"passed","summary":""},{"assertionResults":[{"ancestorTitles":["Test -- Icon Button component"],"failureMessages":[],"fullName":"Test -- Icon Button component renders button icon","location":null,"status":"passed","title":"renders button icon"},{"ancestorTitles":["Test -- Icon Button component"],"failureMessages":[],"fullName":"Test -- Icon Button component responds to a click event","location":null,"status":"passed","title":"responds to a click event"},{"ancestorTitles":["Test -- Icon Button component"],"failureMessages":[],"fullName":"Test -- Icon Button component has the proper aria attribute","location":null,"status":"passed","title":"has the proper aria attribute"}],"endTime":1648731665955,"message":"","name":"/home/runner/work/design-system/design-system/src/lib/components/atoms/IconButton/IconButton.test.tsx","startTime":1648731665604,"status":"passed","summary":""}],"wasInterrupted":false,"coverageMap":{"/home/runner/work/design-system/design-system/src/lib/components/atoms/Autocomplete/AutocompleteStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Autocomplete/AutocompleteStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":34},"end":{"line":4,"column":70}},"1":{"start":{"line":4,"column":66},"end":{"line":4,"column":68}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":47},"end":{"line":4,"column":48}},"loc":{"start":{"line":4,"column":66},"end":{"line":4,"column":68}},"line":4}},"branchMap":{},"s":{"0":1,"1":7},"f":{"0":7},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"e8f15f42c4b2a86d8a81092de5334bb2141f81a4"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Autocomplete/Autocomplete.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Autocomplete/Autocomplete.tsx","statementMap":{"0":{"start":{"line":7,"column":21},"end":{"line":16,"column":1}},"1":{"start":{"line":10,"column":2},"end":{"line":15,"column":3}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":7,"column":21},"end":{"line":7,"column":22}},"loc":{"start":{"line":9,"column":18},"end":{"line":16,"column":1}},"line":9}},"branchMap":{},"s":{"0":1,"1":7},"f":{"0":7},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"a7fbf4e3ef987b831cc543f38e7654f7cda75947"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/TextField/TextFieldStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/TextField/TextFieldStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":31},"end":{"line":4,"column":67}},"1":{"start":{"line":4,"column":63},"end":{"line":4,"column":65}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":44},"end":{"line":4,"column":45}},"loc":{"start":{"line":4,"column":63},"end":{"line":4,"column":65}},"line":4}},"branchMap":{},"s":{"0":2,"1":13},"f":{"0":13},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"9bc818cce69fdbabd8dd990bd82efecdb024751c"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/TextField/TextField.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/TextField/TextField.tsx","statementMap":{"0":{"start":{"line":29,"column":2},"end":{"line":34,"column":3}}},"fnMap":{"0":{"name":"TextField","decl":{"start":{"line":28,"column":24},"end":{"line":28,"column":33}},"loc":{"start":{"line":28,"column":72},"end":{"line":35,"column":1}},"line":28}},"branchMap":{},"s":{"0":27},"f":{"0":27},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"8864097c11785eb9b6551e1f4defb20b6ced49e1"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Button/ButtonStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Button/ButtonStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":28},"end":{"line":4,"column":64}},"1":{"start":{"line":4,"column":60},"end":{"line":4,"column":62}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":41},"end":{"line":4,"column":42}},"loc":{"start":{"line":4,"column":60},"end":{"line":4,"column":62}},"line":4}},"branchMap":{},"s":{"0":5,"1":14},"f":{"0":14},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"37997936a23bd8104b88631be8b6424673f8f4a0"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Button/Button.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Button/Button.tsx","statementMap":{"0":{"start":{"line":5,"column":15},"end":{"line":16,"column":2}},"1":{"start":{"line":9,"column":2},"end":{"line":15,"column":4}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":32},"end":{"line":5,"column":33}},"loc":{"start":{"line":9,"column":2},"end":{"line":15,"column":4}},"line":9}},"branchMap":{},"s":{"0":5,"1":25},"f":{"0":25},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"931ffb8f1cf0db6ddc984771d284242aeea6935a"},"/home/runner/work/design-system/design-system/src/lib/components/feedback/Alert/AlertStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/feedback/Alert/AlertStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":27},"end":{"line":4,"column":63}},"1":{"start":{"line":4,"column":59},"end":{"line":4,"column":61}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":40},"end":{"line":4,"column":41}},"loc":{"start":{"line":4,"column":59},"end":{"line":4,"column":61}},"line":4}},"branchMap":{},"s":{"0":1,"1":6},"f":{"0":6},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"45a83269f0eadde143b8670deabe4959c4c8bf41"},"/home/runner/work/design-system/design-system/src/lib/components/feedback/Alert/Alert.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/feedback/Alert/Alert.tsx","statementMap":{"0":{"start":{"line":8,"column":2},"end":{"line":13,"column":3}}},"fnMap":{"0":{"name":"Alert","decl":{"start":{"line":7,"column":24},"end":{"line":7,"column":29}},"loc":{"start":{"line":7,"column":70},"end":{"line":14,"column":1}},"line":7}},"branchMap":{},"s":{"0":13},"f":{"0":13},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"5897c64daf737b50ec5de95882cfbc42f04d3660"},"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/List/ListStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/List/ListStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":26},"end":{"line":4,"column":62}},"1":{"start":{"line":4,"column":58},"end":{"line":4,"column":60}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":39},"end":{"line":4,"column":40}},"loc":{"start":{"line":4,"column":58},"end":{"line":4,"column":60}},"line":4}},"branchMap":{},"s":{"0":2,"1":6},"f":{"0":6},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"1560dde88febb8ccac6e4598adb4b3ad2e7e6158"},"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/List/List.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/List/List.tsx","statementMap":{"0":{"start":{"line":5,"column":13},"end":{"line":10,"column":1}},"1":{"start":{"line":6,"column":2},"end":{"line":9,"column":4}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":13},"end":{"line":5,"column":14}},"loc":{"start":{"line":6,"column":2},"end":{"line":9,"column":4}},"line":6}},"branchMap":{},"s":{"0":2,"1":7},"f":{"0":7},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"486b68193f757530862bcaffbbbd63b81a776f52"},"/home/runner/work/design-system/design-system/src/lib/components/navigation/Drawer/DrawerStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/navigation/Drawer/DrawerStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":28},"end":{"line":4,"column":64}},"1":{"start":{"line":4,"column":60},"end":{"line":4,"column":62}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":41},"end":{"line":4,"column":42}},"loc":{"start":{"line":4,"column":60},"end":{"line":4,"column":62}},"line":4}},"branchMap":{},"s":{"0":2,"1":5},"f":{"0":5},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"734f89379dc81628cf1bc57b40d20ecf5c2d2aaa"},"/home/runner/work/design-system/design-system/src/lib/components/navigation/Drawer/Drawer.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/navigation/Drawer/Drawer.tsx","statementMap":{"0":{"start":{"line":5,"column":15},"end":{"line":12,"column":1}},"1":{"start":{"line":8,"column":2},"end":{"line":11,"column":4}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":15},"end":{"line":5,"column":16}},"loc":{"start":{"line":8,"column":2},"end":{"line":11,"column":4}},"line":8}},"branchMap":{},"s":{"0":2,"1":5},"f":{"0":5},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"e53590a37cbd6f2280fb59139bd10f777c636a57"},"/home/runner/work/design-system/design-system/src/lib/index.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/index.tsx","statementMap":{},"fnMap":{},"branchMap":{},"s":{},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"a23b3a0f8bab7ee81d361e05a501dc4305ce6c32"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/ToggleButton/ToggleButtonStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/ToggleButton/ToggleButtonStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":34},"end":{"line":4,"column":70}},"1":{"start":{"line":4,"column":66},"end":{"line":4,"column":68}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":47},"end":{"line":4,"column":48}},"loc":{"start":{"line":4,"column":66},"end":{"line":4,"column":68}},"line":4}},"branchMap":{},"s":{"0":1,"1":8},"f":{"0":8},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"7d1f156d8c0d5a0499fb98babb5a9e619e08d8e9"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/ToggleButton/ToggleButton.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/ToggleButton/ToggleButton.tsx","statementMap":{"0":{"start":{"line":8,"column":2},"end":{"line":13,"column":3}}},"fnMap":{"0":{"name":"ToggleButton","decl":{"start":{"line":7,"column":24},"end":{"line":7,"column":36}},"loc":{"start":{"line":7,"column":84},"end":{"line":14,"column":1}},"line":7}},"branchMap":{},"s":{"0":8},"f":{"0":8},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"2e5024c698e3025714a377dbf7208a8a0747b47f"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Radio/RadioStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Radio/RadioStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":27},"end":{"line":4,"column":63}},"1":{"start":{"line":4,"column":59},"end":{"line":4,"column":61}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":40},"end":{"line":4,"column":41}},"loc":{"start":{"line":4,"column":59},"end":{"line":4,"column":61}},"line":4}},"branchMap":{},"s":{"0":1,"1":8},"f":{"0":8},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"ccd0ecfa5601a959c456c606cddfaac651a914f2"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Radio/Radio.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Radio/Radio.tsx","statementMap":{"0":{"start":{"line":8,"column":2},"end":{"line":13,"column":3}}},"fnMap":{"0":{"name":"Radio","decl":{"start":{"line":7,"column":24},"end":{"line":7,"column":29}},"loc":{"start":{"line":7,"column":70},"end":{"line":14,"column":1}},"line":7}},"branchMap":{},"s":{"0":9},"f":{"0":9},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"ddce7615e80436259a05f6ed5ef8eac5ec109bd2"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Slider/SliderStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Slider/SliderStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":28},"end":{"line":4,"column":64}},"1":{"start":{"line":4,"column":60},"end":{"line":4,"column":62}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":41},"end":{"line":4,"column":42}},"loc":{"start":{"line":4,"column":60},"end":{"line":4,"column":62}},"line":4}},"branchMap":{},"s":{"0":1,"1":7},"f":{"0":7},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"dae199c4afb37eafbc2a92a701869fe6c75fa7d0"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Slider/Slider.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Slider/Slider.tsx","statementMap":{"0":{"start":{"line":8,"column":2},"end":{"line":13,"column":3}}},"fnMap":{"0":{"name":"Slider","decl":{"start":{"line":7,"column":24},"end":{"line":7,"column":30}},"loc":{"start":{"line":7,"column":72},"end":{"line":14,"column":1}},"line":7}},"branchMap":{},"s":{"0":7},"f":{"0":7},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"ed797e17a2e33465cf2ac3cbfaf2ad6d5d539834"},"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/Tooltip/TooltipStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/Tooltip/TooltipStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":29},"end":{"line":4,"column":65}},"1":{"start":{"line":4,"column":61},"end":{"line":4,"column":63}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":42},"end":{"line":4,"column":43}},"loc":{"start":{"line":4,"column":61},"end":{"line":4,"column":63}},"line":4}},"branchMap":{},"s":{"0":1,"1":5},"f":{"0":5},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"1cdf98167183ad56f0d46ff63304c93314cdcfce"},"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/Tooltip/Tooltip.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/Tooltip/Tooltip.tsx","statementMap":{"0":{"start":{"line":5,"column":16},"end":{"line":10,"column":1}},"1":{"start":{"line":6,"column":2},"end":{"line":9,"column":4}},"2":{"start":{"line":11,"column":0},"end":{"line":11,"column":30}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":16},"end":{"line":5,"column":17}},"loc":{"start":{"line":6,"column":2},"end":{"line":9,"column":4}},"line":6}},"branchMap":{},"s":{"0":1,"1":5,"2":1},"f":{"0":5},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"391dd3ee0ff3b69d16b310600100af41b013bd75"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Switch/SwitchStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Switch/SwitchStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":28},"end":{"line":4,"column":64}},"1":{"start":{"line":4,"column":60},"end":{"line":4,"column":62}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":41},"end":{"line":4,"column":42}},"loc":{"start":{"line":4,"column":60},"end":{"line":4,"column":62}},"line":4}},"branchMap":{},"s":{"0":1,"1":7},"f":{"0":7},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"edc8ff92708698265ae9b2d9bab39af34d33dcf8"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Switch/Switch.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Switch/Switch.tsx","statementMap":{"0":{"start":{"line":8,"column":2},"end":{"line":13,"column":3}}},"fnMap":{"0":{"name":"Switch","decl":{"start":{"line":7,"column":24},"end":{"line":7,"column":30}},"loc":{"start":{"line":7,"column":72},"end":{"line":14,"column":1}},"line":7}},"branchMap":{},"s":{"0":8},"f":{"0":8},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"67221ff878a1342ceb381188b7662f44c502ae25"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Checkbox/CheckboxStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Checkbox/CheckboxStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":30},"end":{"line":4,"column":66}},"1":{"start":{"line":4,"column":62},"end":{"line":4,"column":64}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":43},"end":{"line":4,"column":44}},"loc":{"start":{"line":4,"column":62},"end":{"line":4,"column":64}},"line":4}},"branchMap":{},"s":{"0":1,"1":7},"f":{"0":7},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"380c7ed09049a3fbc6ff86afc10e9df0b0c044fe"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Checkbox/Checkbox.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Checkbox/Checkbox.tsx","statementMap":{"0":{"start":{"line":8,"column":2},"end":{"line":13,"column":3}}},"fnMap":{"0":{"name":"Checkbox","decl":{"start":{"line":7,"column":24},"end":{"line":7,"column":32}},"loc":{"start":{"line":7,"column":76},"end":{"line":14,"column":1}},"line":7}},"branchMap":{},"s":{"0":8},"f":{"0":8},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"80110de5cdecdcbf87766f3b5a19e8ca9cd17989"},"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/Chip/ChipStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/Chip/ChipStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":26},"end":{"line":4,"column":62}},"1":{"start":{"line":4,"column":58},"end":{"line":4,"column":60}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":39},"end":{"line":4,"column":40}},"loc":{"start":{"line":4,"column":58},"end":{"line":4,"column":60}},"line":4}},"branchMap":{},"s":{"0":1,"1":6},"f":{"0":6},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"4657e73b6528818bf5469e94f0a070359ec8c378"},"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/Chip/Chip.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/datadisplay/Chip/Chip.tsx","statementMap":{"0":{"start":{"line":9,"column":2},"end":{"line":14,"column":3}}},"fnMap":{"0":{"name":"Chip","decl":{"start":{"line":8,"column":24},"end":{"line":8,"column":28}},"loc":{"start":{"line":8,"column":68},"end":{"line":15,"column":1}},"line":8}},"branchMap":{},"s":{"0":7},"f":{"0":7},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"d62a510a3de6604adafe26fcad6d83783f0d2ab7"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/IconButton/IconButtonStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/IconButton/IconButtonStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":32},"end":{"line":4,"column":68}},"1":{"start":{"line":4,"column":64},"end":{"line":4,"column":66}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":45},"end":{"line":4,"column":46}},"loc":{"start":{"line":4,"column":64},"end":{"line":4,"column":66}},"line":4}},"branchMap":{},"s":{"0":1,"1":3},"f":{"0":3},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"de7e1dc8d6b75a0008174b416539090caf4ada8b"},"/home/runner/work/design-system/design-system/src/lib/components/atoms/IconButton/IconButton.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/IconButton/IconButton.tsx","statementMap":{"0":{"start":{"line":5,"column":19},"end":{"line":10,"column":1}},"1":{"start":{"line":6,"column":2},"end":{"line":9,"column":4}},"2":{"start":{"line":11,"column":0},"end":{"line":11,"column":36}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":19},"end":{"line":5,"column":20}},"loc":{"start":{"line":6,"column":2},"end":{"line":9,"column":4}},"line":6}},"branchMap":{},"s":{"0":1,"1":3,"2":1},"f":{"0":3},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"856e18efa691b364b28499b5972cad7ea9790f39"},"/home/runner/work/design-system/design-system/src/lib/utils/index.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/utils/index.tsx","statementMap":{},"fnMap":{},"branchMap":{},"s":{},"f":{},"b":{}},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Select/SelectStyles.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Select/SelectStyles.tsx","statementMap":{"0":{"start":{"line":4,"column":28},"end":{"line":4,"column":64}},"1":{"start":{"line":4,"column":60},"end":{"line":4,"column":62}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":41},"end":{"line":4,"column":42}},"loc":{"start":{"line":4,"column":60},"end":{"line":4,"column":62}},"line":4}},"branchMap":{},"s":{"0":0,"1":0},"f":{"0":0},"b":{}},"/home/runner/work/design-system/design-system/src/lib/utils/theme.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/utils/theme.tsx","statementMap":{"0":{"start":{"line":3,"column":34},"end":{"line":5,"column":1}},"1":{"start":{"line":7,"column":32},"end":{"line":9,"column":1}},"2":{"start":{"line":12,"column":28},"end":{"line":32,"column":1}},"3":{"start":{"line":34,"column":26},"end":{"line":47,"column":1}},"4":{"start":{"line":49,"column":25},"end":{"line":57,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":0,"1":0,"2":0,"3":0,"4":0},"f":{},"b":{}},"/home/runner/work/design-system/design-system/src/lib/components/index.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/index.tsx","statementMap":{},"fnMap":{},"branchMap":{},"s":{},"f":{},"b":{}},"/home/runner/work/design-system/design-system/src/lib/components/atoms/Select/Select.tsx":{"path":"/home/runner/work/design-system/design-system/src/lib/components/atoms/Select/Select.tsx","statementMap":{"0":{"start":{"line":10,"column":2},"end":{"line":15,"column":3}}},"fnMap":{"0":{"name":"Select","decl":{"start":{"line":9,"column":24},"end":{"line":9,"column":30}},"loc":{"start":{"line":9,"column":72},"end":{"line":16,"column":1}},"line":9}},"branchMap":{},"s":{"0":0},"f":{"0":0},"b":{}}}}
package/.releaserc ADDED
@@ -0,0 +1,32 @@
1
+ {
2
+ "branches": [
3
+ {
4
+ "name": "main"
5
+ }
6
+ ],
7
+ "plugins": [
8
+ "@semantic-release/commit-analyzer",
9
+ "@semantic-release/release-notes-generator",
10
+ "@semantic-release/changelog",
11
+ [
12
+ "@semantic-release/npm",
13
+ {
14
+ "assets": [
15
+ "dist/**"
16
+ ]
17
+ }
18
+ ],
19
+ [
20
+ "@semantic-release/git",
21
+ {
22
+ "assets": [
23
+ "package.json",
24
+ "CHANGELOG.md"
25
+ ],
26
+ "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
27
+ }
28
+ ],
29
+ "@semantic-release/github"
30
+ ],
31
+ "repositoryUrl": "git@github.com:HT2-Labs/design-system.git"
32
+ }
@@ -0,0 +1,39 @@
1
+ // .storybook/learningpoolTheme.js
2
+
3
+ import { create } from '@storybook/theming';
4
+
5
+ export default create({
6
+ base: 'light',
7
+
8
+ colorPrimary: 'white',
9
+ colorSecondary: '#003366',
10
+
11
+ // UI
12
+ appBg: 'white',
13
+ appContentBg: 'white',
14
+ // appBorderColor: 'grey',
15
+ // appBorderRadius: 4,
16
+
17
+ // Typography
18
+ fontBase: '"Roboto", sans-serif',
19
+ // fontCode: 'monospace',
20
+
21
+ // Text colors
22
+ // textColor: 'black',
23
+ // textInverseColor: 'rgba(255,255,255,0.9)',
24
+
25
+ // Toolbar default and active colors
26
+ barTextColor: '#003366',
27
+ barSelectedColor: '#003366',
28
+ barBg: 'white',
29
+
30
+ // Form colors
31
+ inputBg: 'white',
32
+ inputBorder: 'silver',
33
+ // inputTextColor: 'black',
34
+ inputBorderRadius: 4,
35
+
36
+ brandTitle: 'Learningpool - flux Design System',
37
+ brandUrl: '/',
38
+ brandImage: 'assets/flux/logo.svg',
39
+ })
@@ -0,0 +1,21 @@
1
+ module.exports = {
2
+ stories: [
3
+ "../src/**/*.stories.mdx",
4
+ "../src/**/*.stories.@(js|jsx|ts|tsx)"
5
+ ],
6
+ addons: [
7
+ "@storybook/preset-create-react-app",
8
+ "@storybook/addon-essentials",
9
+ "@storybook/addon-links",
10
+ "@storybook/addon-a11y",
11
+ "@storybook/addon-jest"
12
+ ],
13
+ framework: "@storybook/react",
14
+ core: {
15
+ builder: "webpack5"
16
+ },
17
+ features: {
18
+ storyStoreV7: true,
19
+ },
20
+ staticDirs: ['../public'],
21
+ }
@@ -0,0 +1,175 @@
1
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
2
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
3
+ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
4
+ <link rel="manifest" href="/site.webmanifest">
5
+ <style type="text/css">
6
+ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
7
+
8
+ /* @font-face {
9
+ font-weight: 400 700;
10
+ font-family: 'AudiType';
11
+ font-style: normal;
12
+ font-stretch: 100% 130%;
13
+ src: url('https://assets.audi.com/audi-fonts/1/AudiTypeVF.woff2')
14
+ format('woff2-variations');
15
+ font-display: swap;
16
+ } */
17
+
18
+ /* Styles for individual components icons.
19
+ button[id*="components-atoms-"]:not([id*="all-stories"]),
20
+ button[id*="components-molecules-"]:not([id*="all-stories"]),
21
+ button[id*="components-organisms-"]:not([id*="all-stories"]) {
22
+ position: relative;
23
+ }
24
+ button[id*="components-atoms-"]:not([id*="all-stories"]) > svg,
25
+ button[id*="components-molecules-"]:not([id*="all-stories"]) > svg,
26
+ button[id*="components-organisms-"]:not([id*="all-stories"]) > svg {
27
+ display: none;
28
+ }
29
+ button[id*="components-atoms-"]:not([id*="all-stories"]) > span,
30
+ button[id*="components-molecules-"]:not([id*="all-stories"]) > span,
31
+ button[id*="components-organisms-"]:not([id*="all-stories"]) > span {
32
+ margin-right: 30px;
33
+ }
34
+ button[id*="components-atoms-"]:not([id*="all-stories"])::before,
35
+ button[id*="components-molecules-"]:not([id*="all-stories"])::before,
36
+ button[id*="components-organisms-"]:not([id*="all-stories"])::before {
37
+ content: "";
38
+ width: 18px;
39
+ height: 18px;
40
+ position: absolute;
41
+ top: 12px;
42
+ left: 52px;
43
+ background-position: top left;
44
+ background-size: 16px;
45
+ background-repeat: no-repeat;
46
+ }
47
+ button[id*="components-atoms-"]:not([id*="all-stories"])::before {
48
+ background-image: url('/assets/atom.png');
49
+ }
50
+ button[id*="components-molecules-"]:not([id*="all-stories"])::before {
51
+ background-image: url('/assets/molecule.png');
52
+ }
53
+ button[id*="components-organisms-"]:not([id*="all-stories"])::before {
54
+ background-image: url('/assets/organism.png');
55
+ } */
56
+
57
+ /* Styles for categories icons. */
58
+ #components-atoms,
59
+ #components-molecules,
60
+ #components-organisms,
61
+ #components-templates,
62
+ #components-pages {
63
+ position: relative;
64
+ }
65
+ #components-atoms > svg,
66
+ #components-molecules > svg,
67
+ #components-organisms > svg,
68
+ #components-templates > svg,
69
+ #components-pages > svg {
70
+ display: none;
71
+ }
72
+ #components-atoms > span,
73
+ #components-molecules > span,
74
+ #components-organisms > span,
75
+ #components-templates > span,
76
+ #components-pages > span {
77
+ margin-right: 30px;
78
+ }
79
+ #components-atoms::before,
80
+ #components-molecules::before,
81
+ #components-organisms::before,
82
+ #components-templates::before,
83
+ #components-pages::before {
84
+ content: "";
85
+ width: 18px;
86
+ height: 18px;
87
+ position: absolute;
88
+ top: 12px;
89
+ left: 36px;
90
+ background-position: center;
91
+ background-size: 27px;
92
+ background-repeat: no-repeat;
93
+ filter: invert(8%) sepia(11%) saturate(16%) hue-rotate(314deg) brightness(91%) contrast(86%); /* #222 https://codepen.io/sosuke/pen/Pjoqqp */
94
+ }
95
+ #components-atoms::before {
96
+ background-image: url('/assets/atoms.svg');
97
+ background-size: 33px;
98
+ }
99
+ #components-molecules::before {
100
+ background-image: url('/assets/molecules.svg');
101
+ }
102
+ #components-organisms::before {
103
+ background-image: url('/assets/organisms.svg');
104
+ }
105
+ #components-templates::before {
106
+ background-image: url('/assets/templates.svg');
107
+ }
108
+ #components-pages::before {
109
+ background-image: url('/assets/pages.svg');
110
+ }
111
+
112
+
113
+ .sidebar-item {
114
+ padding-top: 0.8em !important;
115
+ padding-bottom: 0.8em !important;
116
+
117
+ font-size: 14px !important;
118
+ /* font-family: AudiType, sans-serif; */
119
+ font-stretch: 105%;
120
+ line-height: normal !important;
121
+ }
122
+
123
+ .sidebar-svg-icon,
124
+ .sidebar-item svg {
125
+ width: 16px !important;
126
+ height: 16px !important;
127
+ margin-top: 1px !important;
128
+
129
+ color: inherit !important;
130
+ }
131
+
132
+ .sidebar-expander {
133
+ top: 1.2em !important;
134
+ }
135
+
136
+ .os-content button > svg {
137
+ width: 15px;
138
+ }
139
+
140
+ /* Sidebar headings */
141
+ .sidebar-container .sidebar-subheading,
142
+ .sidebar-container [data-parent-id="false"][data-nodetype="group"] {
143
+ color: #003366;
144
+ font-size: 0.95rem;
145
+ font-weight: 700;
146
+ letter-spacing: 0.025rem;
147
+ margin-bottom: 0.5rem;
148
+ margin-top: 1.25rem;
149
+ text-transform: capitalize;
150
+ }
151
+
152
+ .sidebar-container [data-parent-id="false"][data-nodetype="group"] {
153
+ font-size: 0.95rem !important;
154
+ margin: 0;
155
+ }
156
+
157
+ .sidebar-container [data-parent-id="false"][data-nodetype="group"] svg,
158
+ .sidebar-container [data-parent-id="false"][data-nodetype="group"] .sidebar-svg-icon {
159
+ display: none;
160
+ }
161
+
162
+ </style>
163
+
164
+ <script>
165
+ // Preventing some UI bugs by clearing the Storybook UI configs
166
+ // These should run whenever the browser tab is refreshed
167
+ // Its unlikely we want to clear the resizing ('storybook-layout') config
168
+
169
+ // -- clears the resizing of the sidebar and addons panel
170
+ // window.localStorage.removeItem('storybook-layout')
171
+
172
+ // -- clears the stored config relating to the shortcuts
173
+ // ---- e.g. showNav, showPanel, panelPosition
174
+ window.sessionStorage.removeItem('@storybook/ui/store')
175
+ </script>