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