@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
@@ -1,257 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledSwipeableSearch: import("@emotion/styled").StyledComponent<import("@mui/material").SwipeableDrawerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
3
- export declare const StyledBox: import("@emotion/styled").StyledComponent<{
4
- className?: string | undefined;
5
- slot?: string | undefined;
6
- title?: string | undefined;
7
- defaultChecked?: boolean | undefined;
8
- defaultValue?: string | number | readonly string[] | undefined;
9
- suppressContentEditableWarning?: boolean | undefined;
10
- suppressHydrationWarning?: boolean | undefined;
11
- accessKey?: string | undefined;
12
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
13
- contextMenu?: string | undefined;
14
- dir?: string | undefined;
15
- draggable?: (boolean | "true" | "false") | undefined;
16
- hidden?: boolean | undefined;
17
- id?: string | undefined;
18
- lang?: string | undefined;
19
- placeholder?: string | undefined;
20
- spellCheck?: (boolean | "true" | "false") | undefined;
21
- tabIndex?: number | undefined;
22
- translate?: "yes" | "no" | undefined;
23
- radioGroup?: string | undefined;
24
- role?: import("react").AriaRole | undefined;
25
- about?: string | undefined;
26
- datatype?: string | undefined;
27
- inlist?: any;
28
- prefix?: string | undefined;
29
- property?: string | undefined;
30
- resource?: string | undefined;
31
- typeof?: string | undefined;
32
- vocab?: string | undefined;
33
- autoCapitalize?: string | undefined;
34
- autoCorrect?: string | undefined;
35
- autoSave?: string | undefined;
36
- color?: string | undefined;
37
- itemProp?: string | undefined;
38
- itemScope?: boolean | undefined;
39
- itemType?: string | undefined;
40
- itemID?: string | undefined;
41
- itemRef?: string | undefined;
42
- results?: number | undefined;
43
- security?: string | undefined;
44
- unselectable?: "on" | "off" | undefined;
45
- inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
46
- is?: string | undefined;
47
- "aria-activedescendant"?: string | undefined;
48
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
49
- "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
50
- "aria-busy"?: (boolean | "true" | "false") | undefined;
51
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
52
- "aria-colcount"?: number | undefined;
53
- "aria-colindex"?: number | undefined;
54
- "aria-colspan"?: number | undefined;
55
- "aria-controls"?: string | undefined;
56
- "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
57
- "aria-describedby"?: string | undefined;
58
- "aria-details"?: string | undefined;
59
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
60
- "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
61
- "aria-errormessage"?: string | undefined;
62
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
63
- "aria-flowto"?: string | undefined;
64
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
65
- "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
66
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
67
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
68
- "aria-keyshortcuts"?: string | undefined;
69
- "aria-label"?: string | undefined;
70
- "aria-labelledby"?: string | undefined;
71
- "aria-level"?: number | undefined;
72
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
73
- "aria-modal"?: (boolean | "true" | "false") | undefined;
74
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
75
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
76
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
77
- "aria-owns"?: string | undefined;
78
- "aria-placeholder"?: string | undefined;
79
- "aria-posinset"?: number | undefined;
80
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
81
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
82
- "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
83
- "aria-required"?: (boolean | "true" | "false") | undefined;
84
- "aria-roledescription"?: string | undefined;
85
- "aria-rowcount"?: number | undefined;
86
- "aria-rowindex"?: number | undefined;
87
- "aria-rowspan"?: number | undefined;
88
- "aria-selected"?: (boolean | "true" | "false") | undefined;
89
- "aria-setsize"?: number | undefined;
90
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
91
- "aria-valuemax"?: number | undefined;
92
- "aria-valuemin"?: number | undefined;
93
- "aria-valuenow"?: number | undefined;
94
- "aria-valuetext"?: string | undefined;
95
- children?: import("react").ReactNode;
96
- dangerouslySetInnerHTML?: {
97
- __html: string;
98
- } | undefined;
99
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
100
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
101
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
102
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
103
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
104
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
105
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
106
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
107
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
108
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
109
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
110
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
111
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
112
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
113
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
114
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
115
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
116
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
117
- onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
118
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
119
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
120
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
121
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
122
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
123
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
124
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
125
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
126
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
127
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
128
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
129
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
130
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
131
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
132
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
133
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
134
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
135
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
136
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
137
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
138
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
139
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
140
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
141
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
142
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
143
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
144
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
145
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
146
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
147
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
148
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
149
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
150
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
151
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
152
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
153
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
154
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
155
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
156
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
157
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
158
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
159
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
160
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
161
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
162
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
163
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
164
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
165
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
166
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
167
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
168
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
169
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
170
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
171
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
172
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
173
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
174
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
175
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
176
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
177
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
178
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
179
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
180
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
181
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
182
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
183
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
184
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
185
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
186
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
187
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
188
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
189
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
190
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
191
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
192
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
193
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
194
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
195
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
196
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
197
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
198
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
199
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
200
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
201
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
202
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
203
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
204
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
205
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
206
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
207
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
208
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
209
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
210
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
211
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
212
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
213
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
214
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
215
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
216
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
217
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
218
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
219
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
220
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
221
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
222
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
223
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
224
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
225
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
226
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
227
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
228
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
229
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
230
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
231
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
232
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
233
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
234
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
235
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
236
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
237
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
238
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
239
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
240
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
241
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
242
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
243
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
244
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
245
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
246
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
247
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
248
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
249
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
250
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
251
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
252
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
253
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
254
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
255
- } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
256
- export declare const StyledOutlinedInputLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
257
- export declare const StyledOutlinedInput: import("@emotion/styled").StyledComponent<import("@mui/material").OutlinedInputProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- declare const ToggleSearchX: () => React.ReactElement;
3
- export default ToggleSearchX;
@@ -1,33 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { motion } from 'framer-motion';
14
- var Path = function (props) { return (_jsx(motion.path, __assign({ fill: 'transparent', strokeWidth: '3', stroke: 'inherit', strokeLinecap: 'round' }, props))); };
15
- var ToggleSearchX = function () {
16
- return (_jsxs("svg", __assign({ width: '40', height: '40', viewBox: '0 0 50 50', stroke: 'inherit' }, { children: [_jsx(Path, { variants: {
17
- closed: { d: 'M 26 26 L 35 35' },
18
- open: { d: 'M 15 15 L 35 35' }
19
- } }), _jsx(Path, { variants: {
20
- closed: {
21
- d: 'M 26 26 L 35 35',
22
- opacity: 0
23
- },
24
- open: {
25
- d: 'M 15 35 L 35 15',
26
- opacity: 1
27
- }
28
- } }), _jsx(motion.circle, { cx: '20', cy: '20', r: '8', fill: 'transparent', strokeWidth: '3', stroke: 'inherit', variants: {
29
- closed: { opacity: 1, scale: 1 },
30
- open: { opacity: 0, scale: 0 }
31
- } })] })));
32
- };
33
- export default ToggleSearchX;
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- declare const ToggleX: () => React.ReactElement;
3
- export default ToggleX;
@@ -1,27 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { motion } from 'framer-motion';
14
- var Path = function (props) { return (_jsx(motion.path, __assign({ fill: 'transparent', strokeWidth: '3', stroke: 'inherit', strokeLinecap: 'round' }, props))); };
15
- var ToggleX = function () {
16
- return (_jsxs("svg", __assign({ width: "40", height: "40", viewBox: "0 0 50 50" }, { children: [_jsx(Path, { variants: {
17
- closed: { d: 'M 10 15 L 40 15' },
18
- open: { d: 'M 15 15 L 35 35' }
19
- } }), _jsx(Path, { d: 'M 10 25 L 40 25', variants: {
20
- closed: { opacity: 1, scale: 1 },
21
- open: { opacity: 0, scale: 0 }
22
- } }), _jsx(Path, { variants: {
23
- closed: { d: 'M 10 35 L 40 35' },
24
- open: { d: 'M 15 35 L 35 15' }
25
- } })] })));
26
- };
27
- export default ToggleX;
@@ -1,36 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledButtonBase: import("@emotion/styled").StyledComponent<{
3
- action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
4
- centerRipple?: boolean | undefined;
5
- children?: import("react").ReactNode;
6
- classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
7
- disabled?: boolean | undefined;
8
- disableRipple?: boolean | undefined;
9
- disableTouchRipple?: boolean | undefined;
10
- focusRipple?: boolean | undefined;
11
- focusVisibleClassName?: string | undefined;
12
- LinkComponent?: import("react").ElementType<any> | undefined;
13
- onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
14
- sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
15
- tabIndex?: number | undefined;
16
- TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
17
- touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
18
- } & Omit<{
19
- action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
20
- centerRipple?: boolean | undefined;
21
- children?: import("react").ReactNode;
22
- classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
23
- disabled?: boolean | undefined;
24
- disableRipple?: boolean | undefined;
25
- disableTouchRipple?: boolean | undefined;
26
- focusRipple?: boolean | undefined;
27
- focusVisibleClassName?: string | undefined;
28
- LinkComponent?: import("react").ElementType<any> | undefined;
29
- onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
30
- sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
31
- tabIndex?: number | undefined;
32
- TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
33
- touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
34
- }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
35
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
36
- }, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "children" | "sx" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
@@ -1,10 +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 { ButtonBase } from '../../../index';
6
- import { styled } from '@mui/material/styles';
7
- export var StyledButtonBase = styled(ButtonBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n stroke: ", ";\n padding: 0px;\n min-width: 80px;\n max-width: 168px;\n height: 56px;\n"], ["\n stroke: ", ";\n padding: 0px;\n min-width: 80px;\n max-width: 168px;\n height: 56px;\n"])), function (props) { return props.theme.palette.mode === 'dark'
8
- ? props.theme.palette.primary.contrastText
9
- : props.theme.palette.text.primary; });
10
- var templateObject_1;