@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.
- package/{dist/assets → assets}/Images.d.ts +0 -0
- package/{dist/assets → assets}/Images.js +0 -0
- package/{dist/components → components}/atoms/Autocomplete/Autocomplete.d.ts +0 -0
- package/{dist/components → components}/atoms/Autocomplete/Autocomplete.js +0 -0
- package/{dist/components → components}/atoms/Button/Button.d.ts +0 -0
- package/{dist/components → components}/atoms/Button/Button.js +0 -0
- package/{dist/components → components}/atoms/Checkbox/Checkbox.d.ts +0 -0
- package/{dist/components → components}/atoms/Checkbox/Checkbox.js +0 -0
- package/{dist/components → components}/atoms/IconButton/IconButton.d.ts +0 -0
- package/{dist/components → components}/atoms/IconButton/IconButton.js +0 -0
- package/{dist/components → components}/atoms/Radio/Radio.d.ts +0 -0
- package/{dist/components → components}/atoms/Radio/Radio.js +0 -0
- package/{dist/components → components}/atoms/Select/Select.d.ts +0 -0
- package/{dist/components → components}/atoms/Select/Select.js +0 -0
- package/{dist/components → components}/atoms/Slider/Slider.d.ts +0 -0
- package/{dist/components → components}/atoms/Slider/Slider.js +0 -0
- package/{dist/components → components}/atoms/Switch/Switch.d.ts +0 -0
- package/{dist/components → components}/atoms/Switch/Switch.js +0 -0
- package/{dist/components → components}/atoms/TextField/TextField.d.ts +0 -0
- package/{dist/components → components}/atoms/TextField/TextField.js +0 -0
- package/{dist/components → components}/atoms/ToggleButton/ToggleButton.d.ts +0 -0
- package/{dist/components → components}/atoms/ToggleButton/ToggleButton.js +0 -0
- package/{dist/components → components}/datadisplay/Avatar/Avatar.d.ts +0 -0
- package/{dist/components → components}/datadisplay/Avatar/Avatar.js +0 -0
- package/{dist/components → components}/datadisplay/Chip/Chip.d.ts +0 -0
- package/{dist/components → components}/datadisplay/Chip/Chip.js +0 -0
- package/{dist/components → components}/datadisplay/List/List.d.ts +0 -0
- package/{dist/components → components}/datadisplay/List/List.js +0 -0
- package/{dist/components → components}/datadisplay/Tooltip/Tooltip.d.ts +0 -0
- package/{dist/components → components}/datadisplay/Tooltip/Tooltip.js +0 -0
- package/{dist/components → components}/feedback/Alert/Alert.d.ts +0 -0
- package/{dist/components → components}/feedback/Alert/Alert.js +0 -0
- package/{dist/components → components}/landmarks/Header/Header.d.ts +0 -0
- package/{dist/components → components}/landmarks/Header/Header.js +0 -0
- package/{dist/components → components}/landmarks/Header/HeaderActionButtons.d.ts +0 -0
- package/{dist/components → components}/landmarks/Header/HeaderActionButtons.js +0 -0
- package/{dist/components → components}/landmarks/Header/HeaderStyles.d.ts +0 -0
- package/{dist/components → components}/landmarks/Header/HeaderStyles.js +0 -0
- package/{dist/components → components}/navigation/Drawer/Drawer.d.ts +0 -0
- package/{dist/components → components}/navigation/Drawer/Drawer.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigation.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigation.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationAvatar.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationAvatar.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationAvatarStyles.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationAvatarStyles.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationDrawer.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationDrawer.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationDrawerStyles.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationDrawerStyles.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItem.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItem.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenu.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenu.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenuStyles.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenuStyles.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemStyles.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemStyles.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationMotion.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationMotion.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationNotchIndicator.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationNotchIndicator.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationSearch.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationSearch.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationSearchStyles.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationSearchStyles.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationStyles.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationStyles.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationToggleSearchX.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationToggleSearchX.js +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationToggleX.d.ts +0 -0
- package/{dist/components → components}/navigation/MobileNavigation/MobileNavigationToggleX.js +0 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigation.d.ts +1 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigation.js +12 -10
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationAvatar.d.ts +0 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationAvatar.js +11 -7
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.d.ts +49 -0
- package/components/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.js +33 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.d.ts +0 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.js +0 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenu.d.ts +0 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenu.js +3 -3
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenuStyles.d.ts +1 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenuStyles.js +16 -15
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemStyles.d.ts +0 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemStyles.js +3 -3
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationMotion.d.ts +0 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationMotion.js +0 -0
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationStyles.d.ts +6 -1
- package/{dist/components → components}/navigation/VerticalNavigation/VerticalNavigationStyles.js +14 -15
- package/{dist/components → components}/pages/ErrorPage/ErrorPage.d.ts +0 -0
- package/{dist/components → components}/pages/ErrorPage/ErrorPage.js +0 -0
- package/{dist/components → components}/pages/ErrorPage/ErrorPageStyles.d.ts +0 -0
- package/{dist/components → components}/pages/ErrorPage/ErrorPageStyles.js +0 -0
- package/{dist/components → components}/pages/SideInSide/SideInSide.d.ts +0 -0
- package/{dist/components → components}/pages/SideInSide/SideInSide.js +0 -0
- package/{dist/components → components}/pages/SideInSide/SideInSideStyles.d.ts +0 -0
- package/{dist/components → components}/pages/SideInSide/SideInSideStyles.js +0 -0
- package/{dist/components → components}/stream/AppSwitcher/AppSwitcher.d.ts +0 -0
- package/{dist/components → components}/stream/AppSwitcher/AppSwitcher.js +1 -11
- package/{dist/components → components}/stream/AppSwitcher/AppSwitcherItem.d.ts +1 -0
- package/{dist/components → components}/stream/AppSwitcher/AppSwitcherItem.js +14 -14
- package/{dist/components → components}/stream/AppSwitcher/AppSwitcherStyles.d.ts +0 -0
- package/{dist/components → components}/stream/AppSwitcher/AppSwitcherStyles.js +8 -6
- package/{dist/components → components}/stream/AppSwitcher/constants.d.ts +0 -0
- package/{dist/components → components}/stream/AppSwitcher/constants.js +0 -0
- package/{dist/index.d.ts → index.d.ts} +0 -0
- package/{dist/index.js → index.js} +0 -0
- package/lang/en-us.d.ts +15 -0
- package/lang/en-us.js +18 -0
- package/package.json +3 -70
- package/{dist/types → types}/components/navigation/VerticalNavigation.d.ts +0 -0
- package/{dist/types → types}/components/navigation/VerticalNavigation.js +0 -0
- package/{dist/types → types}/components/navigation/VerticalNavigationAvatar.d.ts +1 -0
- package/{dist/types → types}/components/navigation/VerticalNavigationAvatar.js +0 -0
- package/{dist/types → types}/components/stream/AppSwitcher.d.ts +0 -0
- package/{dist/types → types}/components/stream/AppSwitcher.js +0 -0
- package/{dist/types → types}/index.d.ts +0 -0
- package/{dist/types → types}/index.js +0 -0
- package/{dist/utils → utils}/constants.d.ts +0 -0
- package/{dist/utils → utils}/constants.js +0 -0
- package/{dist/utils → utils}/helpers.d.ts +0 -0
- package/{dist/utils → utils}/helpers.js +0 -0
- package/{dist/utils → utils}/hooks.d.ts +0 -0
- package/{dist/utils → utils}/hooks.js +0 -0
- package/{dist/utils → utils}/index.d.ts +0 -0
- package/{dist/utils → utils}/index.js +0 -0
- package/{dist/utils → utils}/theme.d.ts +0 -0
- package/{dist/utils → utils}/theme.js +0 -0
- package/.eslintrc.js +0 -40
- package/.github/pull_request_template.md +0 -23
- package/.github/renovate.json +0 -57
- package/.github/workflows/integration.yml +0 -53
- package/.github/workflows/wss.yml +0 -22
- package/.jest-test-results.json +0 -1
- package/.releaserc +0 -32
- package/.storybook/learningpoolTheme.js +0 -39
- package/.storybook/main.js +0 -21
- package/.storybook/manager-head.html +0 -175
- package/.storybook/manager.js +0 -34
- package/.storybook/preview-head.html +0 -212
- package/.storybook/preview.js +0 -120
- package/.storybook/storybook-sort.js +0 -54
- package/CHANGELOG.md +0 -13
- package/amplify.yml +0 -16
- package/babel.config.json +0 -14
- package/dist/components/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.js +0 -31
- package/dist/lang/en-us.d.ts +0 -6
- package/dist/lang/en-us.js +0 -6
- package/dist/package.json +0 -41
- package/jest.config.ts +0 -11
- package/jest.setup.ts +0 -5
- package/license +0 -7
- package/merge.js +0 -27
- package/public/android-chrome-192x192.png +0 -0
- package/public/android-chrome-512x512.png +0 -0
- package/public/apple-touch-icon.png +0 -0
- package/public/assets/atoms.svg +0 -5
- package/public/assets/automation.svg +0 -1
- package/public/assets/avatar-1.jpg +0 -0
- package/public/assets/avatar-2.jpg +0 -0
- package/public/assets/avatar-3.jpg +0 -0
- package/public/assets/flux/icon-dark.svg +0 -6
- package/public/assets/flux/icon-light.svg +0 -1
- package/public/assets/flux/icon-white.svg +0 -6
- package/public/assets/flux/icon.svg +0 -6
- package/public/assets/flux/logo-dark.svg +0 -22
- package/public/assets/flux/logo-light.svg +0 -1
- package/public/assets/flux/logo-white.svg +0 -22
- package/public/assets/flux/logo.svg +0 -22
- package/public/assets/iPhone6.jpg +0 -0
- package/public/assets/iPhone6Plus.jpg +0 -0
- package/public/assets/lp-logo.png +0 -0
- package/public/assets/lplogo.svg +0 -1
- package/public/assets/molecules.svg +0 -8
- package/public/assets/organisms.svg +0 -21
- package/public/assets/pages.svg +0 -4
- package/public/assets/particles.svg +0 -3
- package/public/assets/stream-dark.png +0 -0
- package/public/assets/stream-suite-logo.svg +0 -38
- package/public/assets/stream-white.png +0 -0
- package/public/assets/stream.png +0 -0
- package/public/assets/templates.svg +0 -3
- package/public/favicon-16x16.png +0 -0
- package/public/favicon-32x32.png +0 -0
- package/public/favicon.ico +0 -0
- package/public/index.html +0 -43
- package/public/logo192.png +0 -0
- package/public/logo512.png +0 -0
- package/public/manifest.json +0 -25
- package/public/robots.txt +0 -3
- package/public/site.webmanifest +0 -1
- package/readme.md +0 -132
- package/src/docs.tsx +0 -167
- package/src/lib/assets/Images.tsx +0 -47
- package/src/lib/assets/stream-suite-logo.svg +0 -38
- package/src/lib/components/atoms/Autocomplete/Autocomplete.test.tsx +0 -179
- package/src/lib/components/atoms/Autocomplete/Autocomplete.tsx +0 -14
- package/src/lib/components/atoms/Button/Button.test.tsx +0 -166
- package/src/lib/components/atoms/Button/Button.tsx +0 -16
- package/src/lib/components/atoms/Checkbox/Checkbox.test.tsx +0 -85
- package/src/lib/components/atoms/Checkbox/Checkbox.tsx +0 -10
- package/src/lib/components/atoms/IconButton/IconButton.test.tsx +0 -60
- package/src/lib/components/atoms/IconButton/IconButton.tsx +0 -9
- package/src/lib/components/atoms/Radio/Radio.test.tsx +0 -136
- package/src/lib/components/atoms/Radio/Radio.tsx +0 -10
- package/src/lib/components/atoms/Select/Select.test.tsx +0 -158
- package/src/lib/components/atoms/Select/Select.tsx +0 -12
- package/src/lib/components/atoms/Slider/Slider.test.tsx +0 -103
- package/src/lib/components/atoms/Slider/Slider.tsx +0 -10
- package/src/lib/components/atoms/Switch/Switch.test.tsx +0 -96
- package/src/lib/components/atoms/Switch/Switch.tsx +0 -10
- package/src/lib/components/atoms/TextField/TextField.test.tsx +0 -131
- package/src/lib/components/atoms/TextField/TextField.tsx +0 -31
- package/src/lib/components/atoms/ToggleButton/ToggleButton.test.tsx +0 -122
- package/src/lib/components/atoms/ToggleButton/ToggleButton.tsx +0 -10
- package/src/lib/components/datadisplay/Avatar/Avatar.test.tsx +0 -187
- package/src/lib/components/datadisplay/Avatar/Avatar.tsx +0 -35
- package/src/lib/components/datadisplay/Avatar/avatar-1.jpg +0 -0
- package/src/lib/components/datadisplay/Chip/Chip.test.tsx +0 -82
- package/src/lib/components/datadisplay/Chip/Chip.tsx +0 -11
- package/src/lib/components/datadisplay/List/List.test.tsx +0 -168
- package/src/lib/components/datadisplay/List/List.tsx +0 -8
- package/src/lib/components/datadisplay/Tooltip/Tooltip.test.tsx +0 -98
- package/src/lib/components/datadisplay/Tooltip/Tooltip.tsx +0 -9
- package/src/lib/components/feedback/Alert/Alert.test.tsx +0 -139
- package/src/lib/components/feedback/Alert/Alert.tsx +0 -10
- package/src/lib/components/landmarks/Header/Header.tsx +0 -140
- package/src/lib/components/landmarks/Header/HeaderActionButtons.tsx +0 -117
- package/src/lib/components/landmarks/Header/HeaderStyles.tsx +0 -62
- package/src/lib/components/navigation/Drawer/Drawer.test.tsx +0 -95
- package/src/lib/components/navigation/Drawer/Drawer.tsx +0 -21
- package/src/lib/components/navigation/MobileNavigation/MobileNavigation.tsx +0 -276
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationAvatar.tsx +0 -334
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationAvatarStyles.tsx +0 -77
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationDrawer.tsx +0 -197
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationDrawerStyles.tsx +0 -143
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItem.tsx +0 -192
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenu.tsx +0 -67
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemFlyoutMenuStyles.tsx +0 -192
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationItem/MobileNavigationItemStyles.tsx +0 -217
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationMotion.tsx +0 -119
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationNotchIndicator.tsx +0 -35
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationSearch.tsx +0 -114
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationSearchStyles.tsx +0 -47
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationStyles.tsx +0 -320
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationToggleSearchX.tsx +0 -59
- package/src/lib/components/navigation/MobileNavigation/MobileNavigationToggleX.tsx +0 -51
- package/src/lib/components/navigation/VerticalNavigation/VerticalNavigation.tsx +0 -468
- package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationAvatar.tsx +0 -208
- package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationAvatarStyles.tsx +0 -75
- package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.tsx +0 -196
- package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenu.tsx +0 -94
- package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemFlyoutMenuStyles.tsx +0 -212
- package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItemStyles.tsx +0 -240
- package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationMotion.tsx +0 -119
- package/src/lib/components/navigation/VerticalNavigation/VerticalNavigationStyles.tsx +0 -302
- package/src/lib/components/pages/ErrorPage/ErrorPage.test.tsx +0 -78
- package/src/lib/components/pages/ErrorPage/ErrorPage.tsx +0 -50
- package/src/lib/components/pages/ErrorPage/ErrorPageStyles.tsx +0 -30
- package/src/lib/components/pages/SideInSide/SideInSide.tsx +0 -100
- package/src/lib/components/pages/SideInSide/SideInSideStyles.tsx +0 -62
- package/src/lib/components/stream/AppSwitcher/AppSwitcher.tsx +0 -392
- package/src/lib/components/stream/AppSwitcher/AppSwitcherItem.tsx +0 -83
- package/src/lib/components/stream/AppSwitcher/AppSwitcherStyles.tsx +0 -325
- package/src/lib/components/stream/AppSwitcher/constants.tsx +0 -28
- package/src/lib/index.tsx +0 -148
- package/src/lib/lang/en-us.js +0 -6
- package/src/lib/types/components/navigation/VerticalNavigation.ts +0 -52
- package/src/lib/types/components/navigation/VerticalNavigationAvatar.ts +0 -26
- package/src/lib/types/components/stream/AppSwitcher.ts +0 -10
- package/src/lib/types/index.ts +0 -9
- package/src/lib/utils/constants.tsx +0 -11
- package/src/lib/utils/helpers.tsx +0 -77
- package/src/lib/utils/hooks.tsx +0 -33
- package/src/lib/utils/index.tsx +0 -4
- package/src/lib/utils/theme.tsx +0 -79
- package/src/react-app-env.d.ts +0 -1
- package/src/setupTests.ts +0 -5
- package/src/stories/Components/DataDisplay/Avatar/Accessibility.stories.mdx +0 -34
- package/src/stories/Components/DataDisplay/Avatar/AllCombinations.tsx +0 -56
- package/src/stories/Components/DataDisplay/Avatar/Avatar.stories.tsx +0 -19
- package/src/stories/Components/DataDisplay/Avatar/Examples.stories.tsx +0 -278
- package/src/stories/Components/DataDisplay/Avatar/Overview.stories.mdx +0 -47
- package/src/stories/Components/DataDisplay/Chip/Accessibility.stories.mdx +0 -29
- package/src/stories/Components/DataDisplay/Chip/AllCombinations.tsx +0 -58
- package/src/stories/Components/DataDisplay/Chip/Chip.stories.tsx +0 -21
- package/src/stories/Components/DataDisplay/Chip/Examples.stories.tsx +0 -126
- package/src/stories/Components/DataDisplay/Chip/Overview.stories.mdx +0 -57
- package/src/stories/Components/DataDisplay/List/Accessibility.stories.mdx +0 -54
- package/src/stories/Components/DataDisplay/List/AllCombinations.tsx +0 -396
- package/src/stories/Components/DataDisplay/List/Examples.stories.tsx +0 -501
- package/src/stories/Components/DataDisplay/List/List.stories.tsx +0 -35
- package/src/stories/Components/DataDisplay/List/Overview.stories.mdx +0 -69
- package/src/stories/Components/DataDisplay/Table/Overview.stories.mdx +0 -70
- package/src/stories/Components/DataDisplay/Tooltip/Accessibility.stories.mdx +0 -39
- package/src/stories/Components/DataDisplay/Tooltip/AllCombinations.tsx +0 -134
- package/src/stories/Components/DataDisplay/Tooltip/Examples.stories.tsx +0 -237
- package/src/stories/Components/DataDisplay/Tooltip/Overview.stories.mdx +0 -58
- package/src/stories/Components/DataDisplay/Tooltip/Tooltip.stories.tsx +0 -22
- package/src/stories/Components/Feedback/Alert/Accessibility.stories.mdx +0 -25
- package/src/stories/Components/Feedback/Alert/Alert.stories.tsx +0 -22
- package/src/stories/Components/Feedback/Alert/AllCombinations.tsx +0 -37
- package/src/stories/Components/Feedback/Alert/Examples.stories.tsx +0 -137
- package/src/stories/Components/Feedback/Alert/Overview.stories.mdx +0 -62
- package/src/stories/Components/Inputs/Autocomplete/Accessibility.stories.mdx +0 -31
- package/src/stories/Components/Inputs/Autocomplete/AllCombinations.tsx +0 -182
- package/src/stories/Components/Inputs/Autocomplete/Autocomplete.stories.tsx +0 -31
- package/src/stories/Components/Inputs/Autocomplete/Examples.stories.tsx +0 -233
- package/src/stories/Components/Inputs/Autocomplete/Overview.stories.mdx +0 -52
- package/src/stories/Components/Inputs/Button/Accessibility.stories.mdx +0 -52
- package/src/stories/Components/Inputs/Button/AllCombinations.tsx +0 -53
- package/src/stories/Components/Inputs/Button/Button.stories.tsx +0 -23
- package/src/stories/Components/Inputs/Button/Examples.stories.tsx +0 -190
- package/src/stories/Components/Inputs/Button/Overview.stories.mdx +0 -52
- package/src/stories/Components/Inputs/Checkbox/Accessibility.stories.mdx +0 -38
- package/src/stories/Components/Inputs/Checkbox/AllCombinations.tsx +0 -55
- package/src/stories/Components/Inputs/Checkbox/Checkbox.stories.tsx +0 -22
- package/src/stories/Components/Inputs/Checkbox/Examples.stories.tsx +0 -363
- package/src/stories/Components/Inputs/Checkbox/Overview.stories.mdx +0 -63
- package/src/stories/Components/Inputs/IconButton/Examples.stories.tsx +0 -24
- package/src/stories/Components/Inputs/IconButton/IconButton.stories.tsx +0 -26
- package/src/stories/Components/Inputs/Radio/Accessibility.stories.mdx +0 -61
- package/src/stories/Components/Inputs/Radio/AllCombinations.tsx +0 -75
- package/src/stories/Components/Inputs/Radio/Examples.stories.tsx +0 -333
- package/src/stories/Components/Inputs/Radio/Overview.stories.mdx +0 -74
- package/src/stories/Components/Inputs/Radio/Radio.stories.tsx +0 -22
- package/src/stories/Components/Inputs/Select/Accessibility.stories.mdx +0 -51
- package/src/stories/Components/Inputs/Select/AllCombinations.tsx +0 -63
- package/src/stories/Components/Inputs/Select/Examples.stories.tsx +0 -803
- package/src/stories/Components/Inputs/Select/Overview.stories.mdx +0 -73
- package/src/stories/Components/Inputs/Select/Select.stories.tsx +0 -22
- package/src/stories/Components/Inputs/Slider/Accessibility.stories.mdx +0 -43
- package/src/stories/Components/Inputs/Slider/AllCombinations.tsx +0 -30
- package/src/stories/Components/Inputs/Slider/Examples.stories.tsx +0 -146
- package/src/stories/Components/Inputs/Slider/Overview.stories.mdx +0 -59
- package/src/stories/Components/Inputs/Slider/Slider.stories.tsx +0 -27
- package/src/stories/Components/Inputs/Switch/Accessibility.stories.mdx +0 -34
- package/src/stories/Components/Inputs/Switch/AllCombinations.tsx +0 -45
- package/src/stories/Components/Inputs/Switch/Examples.stories.tsx +0 -213
- package/src/stories/Components/Inputs/Switch/Overview.stories.mdx +0 -62
- package/src/stories/Components/Inputs/Switch/Switch.stories.tsx +0 -22
- package/src/stories/Components/Inputs/TextField/Accessibility.stories.mdx +0 -29
- package/src/stories/Components/Inputs/TextField/AllCombinations.tsx +0 -57
- package/src/stories/Components/Inputs/TextField/Examples.stories.tsx +0 -127
- package/src/stories/Components/Inputs/TextField/Overview.stories.mdx +0 -60
- package/src/stories/Components/Inputs/TextField/TextField.stories.tsx +0 -261
- package/src/stories/Components/Inputs/ToggleButton/Accessibility.stories.mdx +0 -32
- package/src/stories/Components/Inputs/ToggleButton/AllCombinations.tsx +0 -113
- package/src/stories/Components/Inputs/ToggleButton/Examples.stories.tsx +0 -339
- package/src/stories/Components/Inputs/ToggleButton/Overview.stories.mdx +0 -55
- package/src/stories/Components/Inputs/ToggleButton/ToggleButton.stories.tsx +0 -19
- package/src/stories/Components/Landmarks/Header/Examples.stories.tsx +0 -197
- package/src/stories/Components/Landmarks/Header/Header.stories.tsx +0 -34
- package/src/stories/Components/Landmarks/Header/Overview.stories.mdx +0 -44
- package/src/stories/Components/Navigation/Drawer/Accessibility.stories.mdx +0 -13
- package/src/stories/Components/Navigation/Drawer/Drawer.stories.tsx +0 -80
- package/src/stories/Components/Navigation/Drawer/Examples.stories.tsx +0 -440
- package/src/stories/Components/Navigation/Drawer/Overview.stories.mdx +0 -43
- package/src/stories/Components/Navigation/MobileNavigation/Accessibility.stories.mdx +0 -14
- package/src/stories/Components/Navigation/MobileNavigation/Examples.stories.tsx +0 -384
- package/src/stories/Components/Navigation/MobileNavigation/MobileNavigation.stories.tsx +0 -24
- package/src/stories/Components/Navigation/MobileNavigation/Overview.stories.mdx +0 -47
- package/src/stories/Components/Navigation/VerticalNavigation/Accessibility.stories.mdx +0 -14
- package/src/stories/Components/Navigation/VerticalNavigation/Examples.stories.tsx +0 -307
- package/src/stories/Components/Navigation/VerticalNavigation/Overview.stories.mdx +0 -47
- package/src/stories/Components/Navigation/VerticalNavigation/VerticalNavigation.stories.tsx +0 -24
- package/src/stories/ContactUs.stories.mdx +0 -21
- package/src/stories/Experimental/Test.stories.mdx +0 -46
- package/src/stories/GettingStarted/Designer.stories.mdx +0 -86
- package/src/stories/GettingStarted/Developer.stories.mdx +0 -134
- package/src/stories/Guidelines/Accessibility/AssistiveTechnology.stories.mdx +0 -70
- package/src/stories/Guidelines/Accessibility/ColorAndContrast.stories.mdx +0 -109
- package/src/stories/Guidelines/Accessibility/Hierarchy.stories.mdx +0 -119
- package/src/stories/Guidelines/Accessibility/Imagery.stories.mdx +0 -136
- package/src/stories/Guidelines/Accessibility/Overview.stories.mdx +0 -44
- package/src/stories/Guidelines/Accessibility/Principles.stories.mdx +0 -156
- package/src/stories/Guidelines/Accessibility/SoundAndMotion.stories.mdx +0 -59
- package/src/stories/Guidelines/Accessibility/Typography.stories.mdx +0 -69
- package/src/stories/Guidelines/Accessibility/Writing.stories.mdx +0 -188
- package/src/stories/Guidelines/Styleguide/ColorSwatch.tsx +0 -53
- package/src/stories/Guidelines/Styleguide/Colors.stories.mdx +0 -118
- package/src/stories/Guidelines/Styleguide/Typography.stories.mdx +0 -84
- package/src/stories/Introduction.stories.mdx +0 -65
- package/src/stories/Pages/ErrorPage.stories.tsx +0 -30
- package/src/stories/Pages/SideInSide.stories.tsx +0 -195
- package/src/stories/Roadmap.stories.mdx +0 -19
- package/src/stories/Templates/Login.stories.mdx +0 -46
- package/src/stories/assets/Atomic_Design_Icons-Dark.svg +0 -24
- package/src/stories/assets/Atomic_Design_Icons-Light.svg +0 -25
- package/src/stories/assets/accessibility-1.png +0 -0
- package/src/stories/assets/accessibility-2.png +0 -0
- package/src/stories/assets/accessibility-3.png +0 -0
- package/src/stories/assets/accessibility-banner.png +0 -0
- package/src/stories/assets/atoms.svg +0 -6
- package/src/stories/assets/design_system_2022-02-11_12.22pm.png +0 -0
- package/src/stories/assets/figma-tokens.png +0 -0
- package/src/stories/assets/hierarchy-1.jpg +0 -0
- package/src/stories/assets/hierarchy-2.jpg +0 -0
- package/src/stories/assets/hierarchy-3.jpg +0 -0
- package/src/stories/assets/icon-contrast-1.jpg +0 -0
- package/src/stories/assets/icon-contrast-2.jpg +0 -0
- package/src/stories/assets/imagery-1.png +0 -0
- package/src/stories/assets/imagery-2.png +0 -0
- package/src/stories/assets/imagery-3.png +0 -0
- package/src/stories/assets/imagery-4.jpg +0 -0
- package/src/stories/assets/molecules.svg +0 -9
- package/src/stories/assets/organisms.svg +0 -22
- package/src/stories/assets/pages.svg +0 -5
- package/src/stories/assets/particles.svg +0 -4
- package/src/stories/assets/templates.svg +0 -4
- package/src/stories/assets/testData.tsx +0 -102
- package/src/stories/assets/text-contrast-1.jpg +0 -0
- package/src/stories/assets/text-contrast-2.jpg +0 -0
- package/src/stories/assets/typography-1.png +0 -0
- package/src/stories/assets/visual-clues-1.png +0 -0
- package/src/stories/assets/visual-clues-2.png +0 -0
- package/src/stories/assets/writing-1.jpg +0 -0
- package/src/stories/assets/writing-2.png +0 -0
- package/src/stories/assets/writing-3.png +0 -0
- package/src/stories/assets/writing-4.png +0 -0
- package/src/stories/utils/CustomIcons.tsx +0 -44
- package/tsconfig.eslint.json +0 -16
- 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>
|
package/.storybook/manager.js
DELETED
|
@@ -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>
|
package/.storybook/preview.js
DELETED
|
@@ -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
package/babel.config.json
DELETED
|
@@ -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;
|
package/dist/lang/en-us.d.ts
DELETED