@learningpool/ui 1.6.2 → 1.6.5

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 (424) hide show
  1. package/{dist/assets → assets}/Images.d.ts +0 -0
  2. package/{dist/assets → assets}/Images.js +0 -0
  3. package/{dist/components → components}/atoms/Autocomplete/Autocomplete.d.ts +0 -0
  4. package/{dist/components → components}/atoms/Autocomplete/Autocomplete.js +0 -0
  5. package/{dist/components → components}/atoms/Button/Button.d.ts +0 -0
  6. package/{dist/components → components}/atoms/Button/Button.js +0 -0
  7. package/{dist/components → components}/atoms/Checkbox/Checkbox.d.ts +0 -0
  8. package/{dist/components → components}/atoms/Checkbox/Checkbox.js +0 -0
  9. package/{dist/components → components}/atoms/IconButton/IconButton.d.ts +0 -0
  10. package/{dist/components → components}/atoms/IconButton/IconButton.js +0 -0
  11. package/{dist/components → components}/atoms/Radio/Radio.d.ts +0 -0
  12. package/{dist/components → components}/atoms/Radio/Radio.js +0 -0
  13. package/{dist/components → components}/atoms/Select/Select.d.ts +0 -0
  14. package/{dist/components → components}/atoms/Select/Select.js +0 -0
  15. package/{dist/components → components}/atoms/Slider/Slider.d.ts +0 -0
  16. package/{dist/components → components}/atoms/Slider/Slider.js +0 -0
  17. package/{dist/components → components}/atoms/Switch/Switch.d.ts +0 -0
  18. package/{dist/components → components}/atoms/Switch/Switch.js +0 -0
  19. package/{dist/components → components}/atoms/TextField/TextField.d.ts +0 -0
  20. package/{dist/components → components}/atoms/TextField/TextField.js +0 -0
  21. package/{dist/components → components}/atoms/ToggleButton/ToggleButton.d.ts +0 -0
  22. package/{dist/components → components}/atoms/ToggleButton/ToggleButton.js +0 -0
  23. package/{dist/components → components}/datadisplay/Avatar/Avatar.d.ts +0 -0
  24. package/{dist/components → components}/datadisplay/Avatar/Avatar.js +0 -0
  25. package/{dist/components → components}/datadisplay/Chip/Chip.d.ts +0 -0
  26. package/{dist/components → components}/datadisplay/Chip/Chip.js +0 -0
  27. package/{dist/components → components}/datadisplay/List/List.d.ts +0 -0
  28. package/{dist/components → components}/datadisplay/List/List.js +0 -0
  29. package/{dist/components → components}/datadisplay/Tooltip/Tooltip.d.ts +0 -0
  30. package/{dist/components → components}/datadisplay/Tooltip/Tooltip.js +0 -0
  31. package/{dist/components → components}/feedback/Alert/Alert.d.ts +0 -0
  32. package/{dist/components → components}/feedback/Alert/Alert.js +0 -0
  33. package/{dist/components → components}/landmarks/Header/Header.d.ts +0 -0
  34. package/{dist/components → components}/landmarks/Header/Header.js +0 -0
  35. package/{dist/components → components}/landmarks/Header/HeaderActionButtons.d.ts +0 -0
  36. package/{dist/components → components}/landmarks/Header/HeaderActionButtons.js +0 -0
  37. package/{dist/components → components}/landmarks/Header/HeaderStyles.d.ts +0 -0
  38. package/{dist/components → components}/landmarks/Header/HeaderStyles.js +0 -0
  39. package/{dist/components → components}/navigation/Drawer/Drawer.d.ts +0 -0
  40. package/{dist/components → components}/navigation/Drawer/Drawer.js +0 -0
  41. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigation.d.ts +0 -0
  42. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigation.js +0 -0
  43. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationAvatar.d.ts +0 -0
  44. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationAvatar.js +0 -0
  45. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationAvatarStyles.d.ts +0 -0
  46. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationAvatarStyles.js +0 -0
  47. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationDrawer.d.ts +0 -0
  48. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationDrawer.js +0 -0
  49. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationDrawerStyles.d.ts +0 -0
  50. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationDrawerStyles.js +0 -0
  51. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItem.d.ts +0 -0
  52. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItem.js +0 -0
  53. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenu.d.ts +0 -0
  54. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenu.js +0 -0
  55. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenuStyles.d.ts +0 -0
  56. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenuStyles.js +0 -0
  57. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemStyles.d.ts +0 -0
  58. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemStyles.js +0 -0
  59. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationMotion.d.ts +0 -0
  60. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationMotion.js +0 -0
  61. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationNotchIndicator.d.ts +0 -0
  62. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationNotchIndicator.js +0 -0
  63. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationSearch.d.ts +0 -0
  64. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationSearch.js +0 -0
  65. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationSearchStyles.d.ts +0 -0
  66. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationSearchStyles.js +0 -0
  67. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationStyles.d.ts +0 -0
  68. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationStyles.js +0 -0
  69. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationToggleSearchX.d.ts +0 -0
  70. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationToggleSearchX.js +0 -0
  71. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationToggleX.d.ts +0 -0
  72. package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationToggleX.js +0 -0
  73. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigation.d.ts +1 -0
  74. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigation.js +12 -10
  75. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationAvatar.d.ts +0 -0
  76. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationAvatar.js +11 -7
  77. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.d.ts +49 -0
  78. package/components/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.js +33 -0
  79. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.d.ts +0 -0
  80. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.js +0 -0
  81. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenu.d.ts +0 -0
  82. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenu.js +3 -3
  83. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenuStyles.d.ts +1 -0
  84. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenuStyles.js +16 -15
  85. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemStyles.d.ts +0 -0
  86. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemStyles.js +3 -3
  87. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationMotion.d.ts +0 -0
  88. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationMotion.js +0 -0
  89. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationStyles.d.ts +6 -1
  90. package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationStyles.js +14 -15
  91. package/{dist/components → components}/pages/ErrorPage/ErrorPage.d.ts +0 -0
  92. package/{dist/components → components}/pages/ErrorPage/ErrorPage.js +0 -0
  93. package/{dist/components → components}/pages/ErrorPage/ErrorPageStyles.d.ts +0 -0
  94. package/{dist/components → components}/pages/ErrorPage/ErrorPageStyles.js +0 -0
  95. package/{dist/components → components}/pages/SideInSide/SideInSide.d.ts +0 -0
  96. package/{dist/components → components}/pages/SideInSide/SideInSide.js +0 -0
  97. package/{dist/components → components}/pages/SideInSide/SideInSideStyles.d.ts +0 -0
  98. package/{dist/components → components}/pages/SideInSide/SideInSideStyles.js +0 -0
  99. package/{dist/components → components}/stream/AppSwitcher/AppSwitcher.d.ts +0 -0
  100. package/{dist/components → components}/stream/AppSwitcher/AppSwitcher.js +1 -11
  101. package/{dist/components → components}/stream/AppSwitcher/AppSwitcherItem.d.ts +1 -0
  102. package/{dist/components → components}/stream/AppSwitcher/AppSwitcherItem.js +14 -14
  103. package/{dist/components → components}/stream/AppSwitcher/AppSwitcherStyles.d.ts +0 -0
  104. package/{dist/components → components}/stream/AppSwitcher/AppSwitcherStyles.js +8 -6
  105. package/{dist/components → components}/stream/AppSwitcher/constants.d.ts +0 -0
  106. package/{dist/components → components}/stream/AppSwitcher/constants.js +0 -0
  107. package/{dist/index.d.ts → index.d.ts} +0 -0
  108. package/{dist/index.js → index.js} +0 -0
  109. package/lang/en-us.d.ts +15 -0
  110. package/lang/en-us.js +18 -0
  111. package/package.json +3 -70
  112. package/{dist/types → types}/components/navigation/VerticalNavigation.d.ts +0 -0
  113. package/{dist/types → types}/components/navigation/VerticalNavigation.js +0 -0
  114. package/{dist/types → types}/components/navigation/VerticalNavigationAvatar.d.ts +1 -0
  115. package/{dist/types → types}/components/navigation/VerticalNavigationAvatar.js +0 -0
  116. package/{dist/types → types}/components/stream/AppSwitcher.d.ts +0 -0
  117. package/{dist/types → types}/components/stream/AppSwitcher.js +0 -0
  118. package/{dist/types → types}/index.d.ts +0 -0
  119. package/{dist/types → types}/index.js +0 -0
  120. package/{dist/utils → utils}/constants.d.ts +0 -0
  121. package/{dist/utils → utils}/constants.js +0 -0
  122. package/{dist/utils → utils}/helpers.d.ts +0 -0
  123. package/{dist/utils → utils}/helpers.js +0 -0
  124. package/{dist/utils → utils}/hooks.d.ts +0 -0
  125. package/{dist/utils → utils}/hooks.js +0 -0
  126. package/{dist/utils → utils}/index.d.ts +0 -0
  127. package/{dist/utils → utils}/index.js +0 -0
  128. package/{dist/utils → utils}/theme.d.ts +0 -0
  129. package/{dist/utils → utils}/theme.js +0 -0
  130. package/.eslintrc.js +0 -40
  131. package/.github/pull_request_template.md +0 -23
  132. package/.github/renovate.json +0 -57
  133. package/.github/workflows/integration.yml +0 -53
  134. package/.github/workflows/wss.yml +0 -22
  135. package/.jest-test-results.json +0 -1
  136. package/.releaserc +0 -32
  137. package/.storybook/learningpoolTheme.js +0 -39
  138. package/.storybook/main.js +0 -21
  139. package/.storybook/manager-head.html +0 -175
  140. package/.storybook/manager.js +0 -34
  141. package/.storybook/preview-head.html +0 -212
  142. package/.storybook/preview.js +0 -120
  143. package/.storybook/storybook-sort.js +0 -54
  144. package/CHANGELOG.md +0 -13
  145. package/amplify.yml +0 -16
  146. package/babel.config.json +0 -14
  147. package/dist/components/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.js +0 -31
  148. package/dist/lang/en-us.d.ts +0 -6
  149. package/dist/lang/en-us.js +0 -6
  150. package/dist/package.json +0 -41
  151. package/jest.config.ts +0 -11
  152. package/jest.setup.ts +0 -5
  153. package/license +0 -7
  154. package/merge.js +0 -27
  155. package/public/android-chrome-192x192.png +0 -0
  156. package/public/android-chrome-512x512.png +0 -0
  157. package/public/apple-touch-icon.png +0 -0
  158. package/public/assets/atoms.svg +0 -5
  159. package/public/assets/automation.svg +0 -1
  160. package/public/assets/avatar-1.jpg +0 -0
  161. package/public/assets/avatar-2.jpg +0 -0
  162. package/public/assets/avatar-3.jpg +0 -0
  163. package/public/assets/flux/icon-dark.svg +0 -6
  164. package/public/assets/flux/icon-light.svg +0 -1
  165. package/public/assets/flux/icon-white.svg +0 -6
  166. package/public/assets/flux/icon.svg +0 -6
  167. package/public/assets/flux/logo-dark.svg +0 -22
  168. package/public/assets/flux/logo-light.svg +0 -1
  169. package/public/assets/flux/logo-white.svg +0 -22
  170. package/public/assets/flux/logo.svg +0 -22
  171. package/public/assets/iPhone6.jpg +0 -0
  172. package/public/assets/iPhone6Plus.jpg +0 -0
  173. package/public/assets/lp-logo.png +0 -0
  174. package/public/assets/lplogo.svg +0 -1
  175. package/public/assets/molecules.svg +0 -8
  176. package/public/assets/organisms.svg +0 -21
  177. package/public/assets/pages.svg +0 -4
  178. package/public/assets/particles.svg +0 -3
  179. package/public/assets/stream-dark.png +0 -0
  180. package/public/assets/stream-suite-logo.svg +0 -38
  181. package/public/assets/stream-white.png +0 -0
  182. package/public/assets/stream.png +0 -0
  183. package/public/assets/templates.svg +0 -3
  184. package/public/favicon-16x16.png +0 -0
  185. package/public/favicon-32x32.png +0 -0
  186. package/public/favicon.ico +0 -0
  187. package/public/index.html +0 -43
  188. package/public/logo192.png +0 -0
  189. package/public/logo512.png +0 -0
  190. package/public/manifest.json +0 -25
  191. package/public/robots.txt +0 -3
  192. package/public/site.webmanifest +0 -1
  193. package/readme.md +0 -132
  194. package/src/docs.tsx +0 -167
  195. package/src/lib/assets/Images.tsx +0 -47
  196. package/src/lib/assets/stream-suite-logo.svg +0 -38
  197. package/src/lib/components/atoms/Autocomplete/Autocomplete.test.tsx +0 -179
  198. package/src/lib/components/atoms/Autocomplete/Autocomplete.tsx +0 -14
  199. package/src/lib/components/atoms/Button/Button.test.tsx +0 -166
  200. package/src/lib/components/atoms/Button/Button.tsx +0 -16
  201. package/src/lib/components/atoms/Checkbox/Checkbox.test.tsx +0 -85
  202. package/src/lib/components/atoms/Checkbox/Checkbox.tsx +0 -10
  203. package/src/lib/components/atoms/IconButton/IconButton.test.tsx +0 -60
  204. package/src/lib/components/atoms/IconButton/IconButton.tsx +0 -9
  205. package/src/lib/components/atoms/Radio/Radio.test.tsx +0 -136
  206. package/src/lib/components/atoms/Radio/Radio.tsx +0 -10
  207. package/src/lib/components/atoms/Select/Select.test.tsx +0 -158
  208. package/src/lib/components/atoms/Select/Select.tsx +0 -12
  209. package/src/lib/components/atoms/Slider/Slider.test.tsx +0 -103
  210. package/src/lib/components/atoms/Slider/Slider.tsx +0 -10
  211. package/src/lib/components/atoms/Switch/Switch.test.tsx +0 -96
  212. package/src/lib/components/atoms/Switch/Switch.tsx +0 -10
  213. package/src/lib/components/atoms/TextField/TextField.test.tsx +0 -131
  214. package/src/lib/components/atoms/TextField/TextField.tsx +0 -31
  215. package/src/lib/components/atoms/ToggleButton/ToggleButton.test.tsx +0 -122
  216. package/src/lib/components/atoms/ToggleButton/ToggleButton.tsx +0 -10
  217. package/src/lib/components/datadisplay/Avatar/Avatar.test.tsx +0 -187
  218. package/src/lib/components/datadisplay/Avatar/Avatar.tsx +0 -35
  219. package/src/lib/components/datadisplay/Avatar/avatar-1.jpg +0 -0
  220. package/src/lib/components/datadisplay/Chip/Chip.test.tsx +0 -82
  221. package/src/lib/components/datadisplay/Chip/Chip.tsx +0 -11
  222. package/src/lib/components/datadisplay/List/List.test.tsx +0 -168
  223. package/src/lib/components/datadisplay/List/List.tsx +0 -8
  224. package/src/lib/components/datadisplay/Tooltip/Tooltip.test.tsx +0 -98
  225. package/src/lib/components/datadisplay/Tooltip/Tooltip.tsx +0 -9
  226. package/src/lib/components/feedback/Alert/Alert.test.tsx +0 -139
  227. package/src/lib/components/feedback/Alert/Alert.tsx +0 -10
  228. package/src/lib/components/landmarks/Header/Header.tsx +0 -140
  229. package/src/lib/components/landmarks/Header/HeaderActionButtons.tsx +0 -117
  230. package/src/lib/components/landmarks/Header/HeaderStyles.tsx +0 -62
  231. package/src/lib/components/navigation/Drawer/Drawer.test.tsx +0 -95
  232. package/src/lib/components/navigation/Drawer/Drawer.tsx +0 -21
  233. package/src/lib/components/navigation/MobileNavigation/MobileNavigation.tsx +0 -276
  234. package/src/lib/components/navigation/MobileNavigation/MobileNavigationAvatar.tsx +0 -334
  235. package/src/lib/components/navigation/MobileNavigation/MobileNavigationAvatarStyles.tsx +0 -77
  236. package/src/lib/components/navigation/MobileNavigation/MobileNavigationDrawer.tsx +0 -197
  237. package/src/lib/components/navigation/MobileNavigation/MobileNavigationDrawerStyles.tsx +0 -143
  238. package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItem.tsx +0 -192
  239. package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenu.tsx +0 -67
  240. package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenuStyles.tsx +0 -192
  241. package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemStyles.tsx +0 -217
  242. package/src/lib/components/navigation/MobileNavigation/MobileNavigationMotion.tsx +0 -119
  243. package/src/lib/components/navigation/MobileNavigation/MobileNavigationNotchIndicator.tsx +0 -35
  244. package/src/lib/components/navigation/MobileNavigation/MobileNavigationSearch.tsx +0 -114
  245. package/src/lib/components/navigation/MobileNavigation/MobileNavigationSearchStyles.tsx +0 -47
  246. package/src/lib/components/navigation/MobileNavigation/MobileNavigationStyles.tsx +0 -320
  247. package/src/lib/components/navigation/MobileNavigation/MobileNavigationToggleSearchX.tsx +0 -59
  248. package/src/lib/components/navigation/MobileNavigation/MobileNavigationToggleX.tsx +0 -51
  249. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigation.tsx +0 -468
  250. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationAvatar.tsx +0 -208
  251. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.tsx +0 -75
  252. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.tsx +0 -196
  253. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenu.tsx +0 -94
  254. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenuStyles.tsx +0 -212
  255. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemStyles.tsx +0 -240
  256. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationMotion.tsx +0 -119
  257. package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationStyles.tsx +0 -302
  258. package/src/lib/components/pages/ErrorPage/ErrorPage.test.tsx +0 -78
  259. package/src/lib/components/pages/ErrorPage/ErrorPage.tsx +0 -50
  260. package/src/lib/components/pages/ErrorPage/ErrorPageStyles.tsx +0 -30
  261. package/src/lib/components/pages/SideInSide/SideInSide.tsx +0 -100
  262. package/src/lib/components/pages/SideInSide/SideInSideStyles.tsx +0 -62
  263. package/src/lib/components/stream/AppSwitcher/AppSwitcher.tsx +0 -392
  264. package/src/lib/components/stream/AppSwitcher/AppSwitcherItem.tsx +0 -83
  265. package/src/lib/components/stream/AppSwitcher/AppSwitcherStyles.tsx +0 -325
  266. package/src/lib/components/stream/AppSwitcher/constants.tsx +0 -28
  267. package/src/lib/index.tsx +0 -148
  268. package/src/lib/lang/en-us.js +0 -6
  269. package/src/lib/types/components/navigation/VerticalNavigation.ts +0 -52
  270. package/src/lib/types/components/navigation/VerticalNavigationAvatar.ts +0 -26
  271. package/src/lib/types/components/stream/AppSwitcher.ts +0 -10
  272. package/src/lib/types/index.ts +0 -9
  273. package/src/lib/utils/constants.tsx +0 -11
  274. package/src/lib/utils/helpers.tsx +0 -77
  275. package/src/lib/utils/hooks.tsx +0 -33
  276. package/src/lib/utils/index.tsx +0 -4
  277. package/src/lib/utils/theme.tsx +0 -79
  278. package/src/react-app-env.d.ts +0 -1
  279. package/src/setupTests.ts +0 -5
  280. package/src/stories/Components/DataDisplay/Avatar/Accessibility.stories.mdx +0 -34
  281. package/src/stories/Components/DataDisplay/Avatar/AllCombinations.tsx +0 -56
  282. package/src/stories/Components/DataDisplay/Avatar/Avatar.stories.tsx +0 -19
  283. package/src/stories/Components/DataDisplay/Avatar/Examples.stories.tsx +0 -278
  284. package/src/stories/Components/DataDisplay/Avatar/Overview.stories.mdx +0 -47
  285. package/src/stories/Components/DataDisplay/Chip/Accessibility.stories.mdx +0 -29
  286. package/src/stories/Components/DataDisplay/Chip/AllCombinations.tsx +0 -58
  287. package/src/stories/Components/DataDisplay/Chip/Chip.stories.tsx +0 -21
  288. package/src/stories/Components/DataDisplay/Chip/Examples.stories.tsx +0 -126
  289. package/src/stories/Components/DataDisplay/Chip/Overview.stories.mdx +0 -57
  290. package/src/stories/Components/DataDisplay/List/Accessibility.stories.mdx +0 -54
  291. package/src/stories/Components/DataDisplay/List/AllCombinations.tsx +0 -396
  292. package/src/stories/Components/DataDisplay/List/Examples.stories.tsx +0 -501
  293. package/src/stories/Components/DataDisplay/List/List.stories.tsx +0 -35
  294. package/src/stories/Components/DataDisplay/List/Overview.stories.mdx +0 -69
  295. package/src/stories/Components/DataDisplay/Table/Overview.stories.mdx +0 -70
  296. package/src/stories/Components/DataDisplay/Tooltip/Accessibility.stories.mdx +0 -39
  297. package/src/stories/Components/DataDisplay/Tooltip/AllCombinations.tsx +0 -134
  298. package/src/stories/Components/DataDisplay/Tooltip/Examples.stories.tsx +0 -237
  299. package/src/stories/Components/DataDisplay/Tooltip/Overview.stories.mdx +0 -58
  300. package/src/stories/Components/DataDisplay/Tooltip/Tooltip.stories.tsx +0 -22
  301. package/src/stories/Components/Feedback/Alert/Accessibility.stories.mdx +0 -25
  302. package/src/stories/Components/Feedback/Alert/Alert.stories.tsx +0 -22
  303. package/src/stories/Components/Feedback/Alert/AllCombinations.tsx +0 -37
  304. package/src/stories/Components/Feedback/Alert/Examples.stories.tsx +0 -137
  305. package/src/stories/Components/Feedback/Alert/Overview.stories.mdx +0 -62
  306. package/src/stories/Components/Inputs/Autocomplete/Accessibility.stories.mdx +0 -31
  307. package/src/stories/Components/Inputs/Autocomplete/AllCombinations.tsx +0 -182
  308. package/src/stories/Components/Inputs/Autocomplete/Autocomplete.stories.tsx +0 -31
  309. package/src/stories/Components/Inputs/Autocomplete/Examples.stories.tsx +0 -233
  310. package/src/stories/Components/Inputs/Autocomplete/Overview.stories.mdx +0 -52
  311. package/src/stories/Components/Inputs/Button/Accessibility.stories.mdx +0 -52
  312. package/src/stories/Components/Inputs/Button/AllCombinations.tsx +0 -53
  313. package/src/stories/Components/Inputs/Button/Button.stories.tsx +0 -23
  314. package/src/stories/Components/Inputs/Button/Examples.stories.tsx +0 -190
  315. package/src/stories/Components/Inputs/Button/Overview.stories.mdx +0 -52
  316. package/src/stories/Components/Inputs/Checkbox/Accessibility.stories.mdx +0 -38
  317. package/src/stories/Components/Inputs/Checkbox/AllCombinations.tsx +0 -55
  318. package/src/stories/Components/Inputs/Checkbox/Checkbox.stories.tsx +0 -22
  319. package/src/stories/Components/Inputs/Checkbox/Examples.stories.tsx +0 -363
  320. package/src/stories/Components/Inputs/Checkbox/Overview.stories.mdx +0 -63
  321. package/src/stories/Components/Inputs/IconButton/Examples.stories.tsx +0 -24
  322. package/src/stories/Components/Inputs/IconButton/IconButton.stories.tsx +0 -26
  323. package/src/stories/Components/Inputs/Radio/Accessibility.stories.mdx +0 -61
  324. package/src/stories/Components/Inputs/Radio/AllCombinations.tsx +0 -75
  325. package/src/stories/Components/Inputs/Radio/Examples.stories.tsx +0 -333
  326. package/src/stories/Components/Inputs/Radio/Overview.stories.mdx +0 -74
  327. package/src/stories/Components/Inputs/Radio/Radio.stories.tsx +0 -22
  328. package/src/stories/Components/Inputs/Select/Accessibility.stories.mdx +0 -51
  329. package/src/stories/Components/Inputs/Select/AllCombinations.tsx +0 -63
  330. package/src/stories/Components/Inputs/Select/Examples.stories.tsx +0 -803
  331. package/src/stories/Components/Inputs/Select/Overview.stories.mdx +0 -73
  332. package/src/stories/Components/Inputs/Select/Select.stories.tsx +0 -22
  333. package/src/stories/Components/Inputs/Slider/Accessibility.stories.mdx +0 -43
  334. package/src/stories/Components/Inputs/Slider/AllCombinations.tsx +0 -30
  335. package/src/stories/Components/Inputs/Slider/Examples.stories.tsx +0 -146
  336. package/src/stories/Components/Inputs/Slider/Overview.stories.mdx +0 -59
  337. package/src/stories/Components/Inputs/Slider/Slider.stories.tsx +0 -27
  338. package/src/stories/Components/Inputs/Switch/Accessibility.stories.mdx +0 -34
  339. package/src/stories/Components/Inputs/Switch/AllCombinations.tsx +0 -45
  340. package/src/stories/Components/Inputs/Switch/Examples.stories.tsx +0 -213
  341. package/src/stories/Components/Inputs/Switch/Overview.stories.mdx +0 -62
  342. package/src/stories/Components/Inputs/Switch/Switch.stories.tsx +0 -22
  343. package/src/stories/Components/Inputs/TextField/Accessibility.stories.mdx +0 -29
  344. package/src/stories/Components/Inputs/TextField/AllCombinations.tsx +0 -57
  345. package/src/stories/Components/Inputs/TextField/Examples.stories.tsx +0 -127
  346. package/src/stories/Components/Inputs/TextField/Overview.stories.mdx +0 -60
  347. package/src/stories/Components/Inputs/TextField/TextField.stories.tsx +0 -261
  348. package/src/stories/Components/Inputs/ToggleButton/Accessibility.stories.mdx +0 -32
  349. package/src/stories/Components/Inputs/ToggleButton/AllCombinations.tsx +0 -113
  350. package/src/stories/Components/Inputs/ToggleButton/Examples.stories.tsx +0 -339
  351. package/src/stories/Components/Inputs/ToggleButton/Overview.stories.mdx +0 -55
  352. package/src/stories/Components/Inputs/ToggleButton/ToggleButton.stories.tsx +0 -19
  353. package/src/stories/Components/Landmarks/Header/Examples.stories.tsx +0 -197
  354. package/src/stories/Components/Landmarks/Header/Header.stories.tsx +0 -34
  355. package/src/stories/Components/Landmarks/Header/Overview.stories.mdx +0 -44
  356. package/src/stories/Components/Navigation/Drawer/Accessibility.stories.mdx +0 -13
  357. package/src/stories/Components/Navigation/Drawer/Drawer.stories.tsx +0 -80
  358. package/src/stories/Components/Navigation/Drawer/Examples.stories.tsx +0 -440
  359. package/src/stories/Components/Navigation/Drawer/Overview.stories.mdx +0 -43
  360. package/src/stories/Components/Navigation/MobileNavigation/Accessibility.stories.mdx +0 -14
  361. package/src/stories/Components/Navigation/MobileNavigation/Examples.stories.tsx +0 -384
  362. package/src/stories/Components/Navigation/MobileNavigation/MobileNavigation.stories.tsx +0 -24
  363. package/src/stories/Components/Navigation/MobileNavigation/Overview.stories.mdx +0 -47
  364. package/src/stories/Components/Navigation/VerticalNavigation/Accessibility.stories.mdx +0 -14
  365. package/src/stories/Components/Navigation/VerticalNavigation/Examples.stories.tsx +0 -307
  366. package/src/stories/Components/Navigation/VerticalNavigation/Overview.stories.mdx +0 -47
  367. package/src/stories/Components/Navigation/VerticalNavigation/VerticalNavigation.stories.tsx +0 -24
  368. package/src/stories/ContactUs.stories.mdx +0 -21
  369. package/src/stories/Experimental/Test.stories.mdx +0 -46
  370. package/src/stories/GettingStarted/Designer.stories.mdx +0 -86
  371. package/src/stories/GettingStarted/Developer.stories.mdx +0 -134
  372. package/src/stories/Guidelines/Accessibility/AssistiveTechnology.stories.mdx +0 -70
  373. package/src/stories/Guidelines/Accessibility/ColorAndContrast.stories.mdx +0 -109
  374. package/src/stories/Guidelines/Accessibility/Hierarchy.stories.mdx +0 -119
  375. package/src/stories/Guidelines/Accessibility/Imagery.stories.mdx +0 -136
  376. package/src/stories/Guidelines/Accessibility/Overview.stories.mdx +0 -44
  377. package/src/stories/Guidelines/Accessibility/Principles.stories.mdx +0 -156
  378. package/src/stories/Guidelines/Accessibility/SoundAndMotion.stories.mdx +0 -59
  379. package/src/stories/Guidelines/Accessibility/Typography.stories.mdx +0 -69
  380. package/src/stories/Guidelines/Accessibility/Writing.stories.mdx +0 -188
  381. package/src/stories/Guidelines/Styleguide/ColorSwatch.tsx +0 -53
  382. package/src/stories/Guidelines/Styleguide/Colors.stories.mdx +0 -118
  383. package/src/stories/Guidelines/Styleguide/Typography.stories.mdx +0 -84
  384. package/src/stories/Introduction.stories.mdx +0 -65
  385. package/src/stories/Pages/ErrorPage.stories.tsx +0 -30
  386. package/src/stories/Pages/SideInSide.stories.tsx +0 -195
  387. package/src/stories/Roadmap.stories.mdx +0 -19
  388. package/src/stories/Templates/Login.stories.mdx +0 -46
  389. package/src/stories/assets/Atomic_Design_Icons-Dark.svg +0 -24
  390. package/src/stories/assets/Atomic_Design_Icons-Light.svg +0 -25
  391. package/src/stories/assets/accessibility-1.png +0 -0
  392. package/src/stories/assets/accessibility-2.png +0 -0
  393. package/src/stories/assets/accessibility-3.png +0 -0
  394. package/src/stories/assets/accessibility-banner.png +0 -0
  395. package/src/stories/assets/atoms.svg +0 -6
  396. package/src/stories/assets/design_system_2022-02-11_12.22pm.png +0 -0
  397. package/src/stories/assets/figma-tokens.png +0 -0
  398. package/src/stories/assets/hierarchy-1.jpg +0 -0
  399. package/src/stories/assets/hierarchy-2.jpg +0 -0
  400. package/src/stories/assets/hierarchy-3.jpg +0 -0
  401. package/src/stories/assets/icon-contrast-1.jpg +0 -0
  402. package/src/stories/assets/icon-contrast-2.jpg +0 -0
  403. package/src/stories/assets/imagery-1.png +0 -0
  404. package/src/stories/assets/imagery-2.png +0 -0
  405. package/src/stories/assets/imagery-3.png +0 -0
  406. package/src/stories/assets/imagery-4.jpg +0 -0
  407. package/src/stories/assets/molecules.svg +0 -9
  408. package/src/stories/assets/organisms.svg +0 -22
  409. package/src/stories/assets/pages.svg +0 -5
  410. package/src/stories/assets/particles.svg +0 -4
  411. package/src/stories/assets/templates.svg +0 -4
  412. package/src/stories/assets/testData.tsx +0 -102
  413. package/src/stories/assets/text-contrast-1.jpg +0 -0
  414. package/src/stories/assets/text-contrast-2.jpg +0 -0
  415. package/src/stories/assets/typography-1.png +0 -0
  416. package/src/stories/assets/visual-clues-1.png +0 -0
  417. package/src/stories/assets/visual-clues-2.png +0 -0
  418. package/src/stories/assets/writing-1.jpg +0 -0
  419. package/src/stories/assets/writing-2.png +0 -0
  420. package/src/stories/assets/writing-3.png +0 -0
  421. package/src/stories/assets/writing-4.png +0 -0
  422. package/src/stories/utils/CustomIcons.tsx +0 -44
  423. package/tsconfig.eslint.json +0 -16
  424. package/tsconfig.json +0 -50
@@ -1,175 +0,0 @@
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>
@@ -1,34 +0,0 @@
1
- // .storybook/manager.js
2
-
3
- import { addons } from '@storybook/addons';
4
- import learningpoolTheme from './learningpoolTheme';
5
-
6
- addons.setConfig({
7
- isFullscreen: false,
8
- showNav: true,
9
- showPanel: true,
10
- panelPosition: 'bottom',
11
- enableShortcuts: true,
12
- isToolshown: true,
13
- theme: learningpoolTheme,
14
- selectedPanel: undefined,
15
- initialActive: 'sidebar',
16
- sidebar: {
17
- showRoots: false,
18
- collapsedRoots: [
19
- 'Getting Started',
20
- 'Guidelines',
21
- 'Components',
22
- 'Templates',
23
- 'Pages',
24
- 'other'
25
- ],
26
- },
27
- toolbar: {
28
- title: { hidden: false, },
29
- zoom: { hidden: false, },
30
- eject: { hidden: false, },
31
- copy: { hidden: false, },
32
- fullscreen: { hidden: false, },
33
- },
34
- });
@@ -1,212 +0,0 @@
1
- <link
2
- rel="stylesheet"
3
- href="https://fonts.googleapis.com/icon?family=Material+Icons"
4
- />
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
- .sb-show-main {
19
- margin: 0;
20
- /* padding: 0.5em !important; */
21
- }
22
-
23
- .sbdocs-p,
24
- .sbdocs-li,
25
- .sbdocs-ul,
26
- .sbdocs-ol,
27
- .sbdocs-table,
28
- .sbdocs-h1,
29
- .sbdocs-h2,
30
- .sbdocs-h3,
31
- .sbdocs-h4,
32
- .sbdocs-h5,
33
- .sbdocs-h6,
34
- .sbdocs-title {
35
- color: #333 !important;
36
- -webkit-font-smoothing: antialiased !important;
37
- }
38
-
39
- .sbdocs-p,
40
- .sbdocs-li,
41
- .sbdocs-ul,
42
- .sbdocs-ol,
43
- .sbdocs-table {
44
- font-weight: 400 !important;
45
- font-size: 16px !important;
46
- /* font-family: AudiType, sans-serif !important; */
47
- font-style: normal !important;
48
- font-stretch: 105% !important;
49
- line-height: 26px !important;
50
- }
51
-
52
- .sbdocs > strong,
53
- .sbdocs-table th {
54
- font-weight: 700 !important;
55
- /* font-family: AudiType, sans-serif !important; */
56
- font-style: normal !important;
57
- font-stretch: 105% !important;
58
- }
59
-
60
- .sbdocs-a {
61
- padding-bottom: 0.06125em !important;
62
- color: #003366 !important;
63
- font-weight: 700 !important;
64
- font-size: inherit !important;
65
- font-style: normal !important;
66
- font-stretch: 105.25% !important;
67
- line-height: inherit !important;
68
- border-bottom: 1px solid #003366 !important;
69
- transition: color 0.3s linear, border 0.3s linear !important;
70
- }
71
-
72
- .sbdocs-p,
73
- .sbdocs-li,
74
- .sbdocs-ul,
75
- .sbdocs-ol {
76
- margin-bottom: 0.5rem;
77
- }
78
-
79
- .sbdocs-h1,
80
- .sbdocs-h2,
81
- .sbdocs-h3,
82
- .sbdocs-h4,
83
- .sbdocs-h5,
84
- .sbdocs-h6,
85
- .sbdocs-title {
86
- margin: 1.1em 0 0 0 !important;
87
- padding: 0 !important;
88
-
89
- font-weight: 700 !important;
90
- /* font-family: AudiType, sans-serif !important; */
91
- font-stretch: 130% !important;
92
-
93
- letter-spacing: -0.015em;
94
-
95
- border-bottom: none !important;
96
- }
97
-
98
- /* Fixed Headlines */
99
-
100
- /* Order 1 */
101
- .sbdocs-h1,
102
- .sbdocs-title {
103
- margin-top: 0 !important;
104
-
105
- font-size: 40px !important;
106
- line-height: 60px !important;
107
- }
108
-
109
- /* Order 2 */
110
- .sbdocs-h2 {
111
- font-size: 32px !important;
112
- line-height: 48px !important;
113
- }
114
-
115
- /* Order 3 */
116
- .sbdocs-h3 {
117
- font-size: 24px !important;
118
- line-height: 36px !important;
119
- }
120
-
121
- /* Order 4 */
122
- .sbdocs-h4,
123
- .sbdocs-h5,
124
- .sbdocs-h6 {
125
- font-size: 18px !important;
126
- line-height: 28px !important;
127
- }
128
-
129
- .tabbutton {
130
- font-size: 16px !important;
131
- /* font-family: AudiType, sans-serif; */
132
- font-stretch: 105%;
133
- line-height: normal !important;
134
- font-weight: normal !important;
135
-
136
- border-bottom-width: 2px !important;
137
- border-top-width: 2px !important;
138
- }
139
-
140
- /* .subheading {
141
- font-size: 14px !important;
142
- color: #003366 !important;
143
- letter-spacing: 2px !important;
144
- } */
145
-
146
-
147
- .sbdocs-section-container {
148
- display: flex;
149
- flex-direction: row;
150
- align-items: flex-start;
151
- margin-bottom: 50px !important;
152
- }
153
-
154
- .sbdocs-section-img {
155
- max-width: 200px !important;
156
- width: 100%;
157
- height: auto;
158
- margin-right: 25px;
159
- flex: 1;
160
- }
161
-
162
- .sbdocs-section-text {
163
- display: flex;
164
- flex-direction: column;
165
- flex-basis: 75%;
166
- }
167
-
168
- .sbdocs-section-container a {
169
- border-bottom: 0 !important;
170
- }
171
-
172
- .sbdocs-edit-link {
173
- float: right;
174
- }
175
-
176
- /*
177
- * Hide the "stories" heading.
178
- * We just visually hide it, but don't remove it from the DOM
179
- * to preseve the heading hierarchy for screen readers.
180
- */
181
- .sbdocs-content #stories {
182
- clip: rect(0 0 0 0);
183
- clip-path: inset(50%);
184
- height: 1px;
185
- width: 1px;
186
- overflow: hidden;
187
- position: absolute;
188
- white-space: nowrap;
189
- }
190
-
191
- /* Hide the docblock-argstable section on the All Stories and Examples pages */
192
- .sbdocs-content div[id*="all-stories--default"] + div .docblock-argstable,
193
- .sbdocs-content div[id*="all-stories--default"] + div.docblock-emptyblock,
194
- .sbdocs-content div[id*="examples--default"] + div .docblock-argstable,
195
- .sbdocs-content div[id*="examples--default"] + div.docblock-emptyblock {
196
- display: none;
197
- }
198
-
199
- /* Style the avatars list */
200
- .sbdocs-content .sbdocs-avatar-list {
201
- border-bottom: none !important;
202
- }
203
-
204
- .sbdocs-content .sbdocs-avatar {
205
- background-color: grey;
206
- border-radius: 50%;
207
- margin: 0.25rem 0.25rem 0.25rem 0;
208
- max-width: 70px;
209
- width: 70px;
210
- }
211
-
212
- </style>
@@ -1,120 +0,0 @@
1
- // .storybook/preview.js
2
-
3
- import learningpoolTheme from './learningpoolTheme'
4
- import { withTests } from '@storybook/addon-jest'
5
-
6
- import results from '../.jest-test-results.json'
7
-
8
- // @TODO: Pull from Design Tokens when module is available
9
- const customViewports = {
10
- small: {
11
- name: 'S (600px)',
12
- styles: {
13
- height: '100%',
14
- width: '600px',
15
- },
16
- },
17
- medium: {
18
- name: 'M (900px)',
19
- styles: {
20
- height: '100%',
21
- width: '900px',
22
- },
23
- },
24
- large: {
25
- name: 'L (1200px)',
26
- styles: {
27
- height: '100%',
28
- width: '1200px',
29
- },
30
- },
31
- extraLarge: {
32
- name: 'XL (1536px)',
33
- styles: {
34
- height: '100%',
35
- width: '1536px',
36
- },
37
- },
38
- };
39
-
40
- export const decorators = [
41
- withTests({
42
- results,
43
- }),
44
- ]
45
-
46
- // or global addParameters
47
- export const parameters = {
48
- actions: { argTypesRegex: "^on[A-Z].*" },
49
- controls: {
50
- matchers: {
51
- color: /(background|color)$/i,
52
- date: /Date$/,
53
- },
54
- },
55
- docs: {
56
- theme: learningpoolTheme,
57
- },
58
- layout: 'centered',
59
- options: {
60
- storySort: {
61
- method: 'alphabetical',
62
- order: [
63
- 'Introduction',
64
- 'Getting Started', [
65
- '*'
66
- ],
67
- 'Guidelines', [
68
- 'Accessibility', ['Overview', 'Principles', 'Assistive Technology', 'Heirarchy', 'Typography', 'Color and Contrast', 'Writing', 'Imagery', 'Sound and Motion', '*'],
69
- ],
70
- 'Components', [
71
- 'Inputs', [
72
- 'Autocomplete', ['Overview', 'Accessibility', 'Properties', '*'],
73
- 'Button', ['Overview', 'Accessibility', 'Properties', '*'],
74
- 'Checkbox', ['Overview', 'Accessibility', 'Properties', '*'],
75
- 'Radio', ['Overview', 'Accessibility', 'Properties', '*'],
76
- 'Select', ['Overview', 'Accessibility', 'Properties', '*'],
77
- 'Slider', ['Overview', 'Accessibility', 'Properties', '*'],
78
- 'Switch', ['Overview', 'Accessibility', 'Properties', '*'],
79
- 'TextField', ['Overview', 'Accessibility', 'Properties', '*'],
80
- 'ToggleButton', ['Overview', 'Accessibility', 'Properties', '*'],
81
- ],
82
- 'Data Display', [
83
- 'Avatar', ['Overview', 'Accessibility', 'Properties', '*'],
84
- 'Chip', ['Overview', 'Accessibility', 'Properties', '*'],
85
- 'List', ['Overview', 'Accessibility', 'Properties', '*'],
86
- 'Tooltip', ['Overview', 'Accessibility', 'Properties', '*'],
87
- ],
88
- 'Feedback', [
89
- 'Alert', ['Overview', 'Accessibility', 'Properties', '*'],
90
- ],
91
- 'Landmarks', [
92
- 'Header', ['Overview', 'Accessibility', 'Properties', '*'],
93
- ],
94
- 'Navigation', [
95
- 'Drawer', ['Overview', 'Accessibility', 'Properties', '*'],
96
- 'Vertical Navigation', ['Overview', 'Accessibility', 'Properties', '*'],
97
- 'Mobile Navigation', ['Overview', 'Accessibility', 'Properties', '*'],
98
- ]
99
- ],
100
- 'Templates', [
101
- 'Button', ['Overview', 'Accessibility', 'Properties', '*'],
102
- ],
103
- 'Pages', [
104
- 'Button', ['Overview', 'Accessibility', 'Properties', '*'],
105
- ],
106
- 'Experimental', [
107
- 'Button', ['Overview', 'Accessibility', 'Properties', '*'],
108
- ],
109
- 'Roadmap',
110
- 'Contact Us',
111
- '*',
112
- 'WIP'
113
- ],
114
- locales: ''
115
- },
116
- },
117
- viewport: {
118
- viewports: customViewports,
119
- },
120
- };
@@ -1,54 +0,0 @@
1
- export const storySort = options => (a, b) => {
2
- // Debug.
3
- // console.log({a, b});
4
-
5
- // If the two stories have the same story kind, then use the default
6
- // ordering, which is the order they are defined in the story file.
7
- if (a[1].kind === b[1].kind) {
8
- return 0;
9
- }
10
-
11
- const storyKindA = a[1].kind.split('/');
12
- const storyKindB = b[1].kind.split('/');
13
- let depth = 0;
14
- let nameA, nameB, indexA, indexB, index;
15
- let ordering = options.order || [];
16
-
17
- while (true) {
18
- nameA = storyKindA[depth] ? storyKindA[depth] : '';
19
- nameB = storyKindB[depth] ? storyKindB[depth] : '';
20
-
21
- if (nameA === nameB) {
22
- // If a nested array is provided for a name, use it for ordering.
23
- index = ordering.indexOf(nameA);
24
- if (index !== -1 && Array.isArray(ordering[index + 1])) {
25
- ordering = ordering[index + 1];
26
- }
27
-
28
- // We'll need to look at the next part of the name.
29
- depth++;
30
- continue;
31
- }
32
- else {
33
- // Look for the names in the given `ordering` array.
34
- indexA = ordering.indexOf(nameA);
35
- indexB = ordering.indexOf(nameB);
36
-
37
- // If at least one of the names is found, sort by the `ordering` array.
38
- if (indexA !== -1 || indexB !== -1) {
39
- // If one of the names is not found in `ordering`, list it last.
40
- if (indexA === -1) {
41
- indexA = ordering.length;
42
- }
43
- if (indexB === -1) {
44
- indexB = ordering.length;
45
- }
46
-
47
- return indexA - indexB;
48
- }
49
- }
50
-
51
- // Otherwise, use alphabetical order.
52
- return nameA.localeCompare(nameB);
53
- }
54
- };
package/CHANGELOG.md DELETED
@@ -1,13 +0,0 @@
1
- ## [1.6.2](https://github.com/HT2-Labs/design-system/compare/v1.6.1...v1.6.2) (2023-02-07)
2
-
3
-
4
- ### Bug Fixes
5
-
6
- * **VerticalNavigatioin:** - Fix overflow of long flyoutmenu items [DS-605] ([#149](https://github.com/HT2-Labs/design-system/issues/149)) ([bd1f88b](https://github.com/HT2-Labs/design-system/commit/bd1f88b36067af093ccf1dc8deb0deb061b34a82))
7
-
8
- ## [1.6.1](https://github.com/HT2-Labs/design-system/compare/v1.6.0...v1.6.1) (2023-02-07)
9
-
10
-
11
- ### Bug Fixes
12
-
13
- * **AnimationLibrary:** Swapping out framer-motion to react-spring [DS-604] ([#144](https://github.com/HT2-Labs/design-system/issues/144)) ([8b95ade](https://github.com/HT2-Labs/design-system/commit/8b95ade36dca5ba9351d87086a0ff360331fd3ed))
package/amplify.yml DELETED
@@ -1,16 +0,0 @@
1
- version: 1
2
- frontend:
3
- phases:
4
- preBuild:
5
- commands:
6
- - npm install
7
- build:
8
- commands:
9
- - npm run build
10
- artifacts:
11
- baseDirectory: /storybook-static
12
- files:
13
- - '**/*'
14
- cache:
15
- paths:
16
- - node_modules/**/*
package/babel.config.json DELETED
@@ -1,14 +0,0 @@
1
- {
2
- "presets": [
3
- ["@babel/preset-env", {
4
- "modules": "commonjs",
5
- "targets": {
6
- "node": "current"
7
- }
8
- }
9
- ],
10
- "@babel/preset-react",
11
- "@babel/preset-typescript"
12
- ],
13
- "plugins": []
14
- }
@@ -1,31 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- import { Avatar, Button, ListItemButton, Typography } from '../../../index';
6
- import { Drawer } from '@mui/material';
7
- import { styled } from '@mui/material/styles';
8
- import { animated } from '@react-spring/web';
9
- export var StyledSwipeableAvatar = styled(Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .MuiPaper-root {\n color: ", ";\n height: 100vh;\n border: none;\n z-index: 1;\n }\n"], ["\n .MuiPaper-root {\n color: ", ";\n height: 100vh;\n border: none;\n z-index: 1;\n }\n"])), function (props) { return props.theme.palette.mode === 'dark'
10
- ? props.theme.palette.primary.contrastText
11
- : props.theme.palette.text.primary; });
12
- export var StyledBox = styled(animated.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n display: flex;\n flex-direction: column;\n font-family: ", ";\n height: 100%;\n justify-content: flex-start;\n overflow: auto;\n padding: 15vh ", ";\n position: relative;\n"], ["\n align-items: center;\n background-color: ", ";\n display: flex;\n flex-direction: column;\n font-family: ", ";\n height: 100%;\n justify-content: flex-start;\n overflow: auto;\n padding: 15vh ", ";\n position: relative;\n"])), function (props) { return props.theme.palette.mode === 'dark'
13
- ? props.theme.palette.primary.dark
14
- : '#E6EAF0'; }, function (props) { return props.theme.typography.fontFamily; }, function (props) { return props.theme.spacing(2); });
15
- export var StyledBoxProfile = styled(animated.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 2rem;\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 2rem;\n"])));
16
- export var StyledBoxProfileEdit = styled(animated.div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
17
- export var StyledAvatarName = styled(Typography)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n font-size: 1.75rem;\n"], ["\n color: ", ";\n font-size: 1.75rem;\n"])), function (props) { return props.theme.palette.mode === 'dark'
18
- ? props.theme.palette.primary.contrastText
19
- : props.theme.palette.text.primary; });
20
- export var StyledOutlineButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n border-color: ", ";\n color: ", ";\n"], ["\n border-color: ", ";\n color: ", ";\n"])), function (props) { return props.theme.palette.mode === 'dark'
21
- ? props.theme.palette.primary.contrastText
22
- : props.theme.palette.primary.main; }, function (props) { return props.theme.palette.mode === 'dark'
23
- ? props.theme.palette.primary.contrastText
24
- : props.theme.palette.primary.main; });
25
- export var StyledAvatar = styled(Avatar)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n font-size: 0.85rem;\n"], ["\n background-color: ", ";\n color: ", ";\n font-size: 0.85rem;\n"])), function (props) { return props.theme.palette.mode === 'dark'
26
- ? props.theme.palette.primary.contrastText
27
- : props.theme.palette.primary.main; }, function (props) { return props.theme.palette.mode === 'dark'
28
- ? props.theme.palette.primary.main
29
- : props.theme.palette.primary.contrastText; });
30
- export var StyledListItemButton = styled(ListItemButton)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border-radius: 50px;\n white-space: normal;\n"], ["\n border-radius: 50px;\n white-space: normal;\n"])));
31
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
@@ -1,6 +0,0 @@
1
- export const defaultMessages: {
2
- 'your-apps': string;
3
- 'back-to': string;
4
- 'select-an-organisation': string;
5
- search: string;
6
- };
@@ -1,6 +0,0 @@
1
- export var defaultMessages = {
2
- 'your-apps': 'Your Stream suite apps',
3
- 'back-to': 'Back',
4
- 'select-an-organisation': 'Select an organisation',
5
- search: 'Search'
6
- };