diff --git a/libs/react-components/.storybook/main.ts b/libs/react-components/.storybook/main.ts index 90fadda..33579ea 100644 --- a/libs/react-components/.storybook/main.ts +++ b/libs/react-components/.storybook/main.ts @@ -1,13 +1,17 @@ import type { StorybookConfig } from '@storybook/react-vite'; import { resolve } from 'path'; +import { terser } from 'rollup-plugin-terser'; const config: StorybookConfig = { stories: ['../src/lib/**/*.stories.@(js|jsx|ts|tsx|mdx)'], + addons: [ '@storybook/addon-essentials', '@storybook/addon-interactions', '@storybook/addon-a11y', + '@chromatic-com/storybook', ], + framework: { name: '@storybook/react-vite', options: { @@ -16,6 +20,33 @@ const config: StorybookConfig = { }, }, }, + + viteFinal: async (config, { configType }) => { + // Custom Vite configurations can be added here + if (configType === 'PRODUCTION') { + config?.plugins?.push( + terser({ + compress: { + // Disable name mangling + keep_classnames: true, + keep_fnames: true, + }, + mangle: { + keep_classnames: true, + keep_fnames: true, + }, + }) + ); + } + + return config; + }, + + docs: {}, + + typescript: { + reactDocgen: 'react-docgen-typescript', + }, }; export default config; diff --git a/libs/react-components/.storybook/preview.ts b/libs/react-components/.storybook/preview.ts index eb7c788..1303bed 100644 --- a/libs/react-components/.storybook/preview.ts +++ b/libs/react-components/.storybook/preview.ts @@ -16,6 +16,8 @@ const preview: Preview = { }, }, }, + + tags: ['autodocs'] }; export default preview; diff --git a/libs/react-components/src/lib/components/Banner/index.tsx b/libs/react-components/src/lib/components/Banner/index.tsx index 5050667..4be5013 100644 --- a/libs/react-components/src/lib/components/Banner/index.tsx +++ b/libs/react-components/src/lib/components/Banner/index.tsx @@ -47,4 +47,6 @@ const Banner: React.FC = ({ ); }; +Banner.displayName = 'Banner'; + export default Banner; diff --git a/libs/react-components/src/lib/components/Blackout/index.tsx b/libs/react-components/src/lib/components/Blackout/index.tsx index 5024ed9..a10d88f 100644 --- a/libs/react-components/src/lib/components/Blackout/index.tsx +++ b/libs/react-components/src/lib/components/Blackout/index.tsx @@ -15,9 +15,13 @@ interface BlackoutProps { const Blackout: React.FC = ({ active = false, className }) => { return (
); }; +Blackout.displayName = 'Blackout'; + export default Blackout; diff --git a/libs/react-components/src/lib/components/Chip/index.tsx b/libs/react-components/src/lib/components/Chip/index.tsx index 6790ca8..dd71970 100644 --- a/libs/react-components/src/lib/components/Chip/index.tsx +++ b/libs/react-components/src/lib/components/Chip/index.tsx @@ -57,4 +57,6 @@ const Chip: React.FC = ({ ); }; +Chip.displayName = 'Chip'; + export default Chip; diff --git a/libs/react-components/src/lib/components/ChipSet/index.tsx b/libs/react-components/src/lib/components/ChipSet/index.tsx index 9aa855f..25d7bf8 100644 --- a/libs/react-components/src/lib/components/ChipSet/index.tsx +++ b/libs/react-components/src/lib/components/ChipSet/index.tsx @@ -79,4 +79,6 @@ const ChipSet: React.FC = ({ ); }; +ChipSet.displayName = 'ChipSet'; + export default ChipSet; diff --git a/libs/react-components/src/lib/components/CodeSnippet/index.tsx b/libs/react-components/src/lib/components/CodeSnippet/index.tsx index 392de68..ba48652 100644 --- a/libs/react-components/src/lib/components/CodeSnippet/index.tsx +++ b/libs/react-components/src/lib/components/CodeSnippet/index.tsx @@ -59,4 +59,6 @@ const CodeSnippet: React.FC = (props) => { ); }; +CodeSnippet.displayName = 'CodeSnippet'; + export default CodeSnippet; diff --git a/libs/react-components/src/lib/components/DropdownMenu/styles.module.scss b/libs/react-components/src/lib/components/DropdownMenu/styles.module.scss index d9f416c..47de316 100644 --- a/libs/react-components/src/lib/components/DropdownMenu/styles.module.scss +++ b/libs/react-components/src/lib/components/DropdownMenu/styles.module.scss @@ -29,10 +29,9 @@ .dropdownMenu { margin-top: 5px; - padding: 0; list-style: none; background-color: transparent; - padding: 0 2.5rem; + padding: 0 1.5rem; } .dropdownMenuItem { diff --git a/libs/react-components/src/lib/components/Footer/index.tsx b/libs/react-components/src/lib/components/Footer/index.tsx index f287bef..8354867 100644 --- a/libs/react-components/src/lib/components/Footer/index.tsx +++ b/libs/react-components/src/lib/components/Footer/index.tsx @@ -164,4 +164,6 @@ const Footer: React.FC = ({ ); }; +Footer.displayName = 'Footer'; + export default Footer; diff --git a/libs/react-components/src/lib/components/Footer/styles.module.scss b/libs/react-components/src/lib/components/Footer/styles.module.scss index c8aab4a..47a4712 100644 --- a/libs/react-components/src/lib/components/Footer/styles.module.scss +++ b/libs/react-components/src/lib/components/Footer/styles.module.scss @@ -55,10 +55,6 @@ var(--td-web-primary-navy), var(--td-web-primary-navy) ); - background-image: webkit-linear-gradient( - var(--td-web-primary-navy), - var(--td-web-primary-navy) - ); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; diff --git a/libs/react-components/src/lib/components/Header/Header.stories.tsx b/libs/react-components/src/lib/components/Header/Header.stories.tsx index a7b8529..d57e2ae 100644 --- a/libs/react-components/src/lib/components/Header/Header.stories.tsx +++ b/libs/react-components/src/lib/components/Header/Header.stories.tsx @@ -2,6 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import Header from './index'; import Icon from '../Icon'; +import Button from '../Button'; const meta = { title: 'Components/Header', @@ -86,7 +87,10 @@ const meta = { ), type: 'search', }, - { actionElement: , type: 'button' }, + { + actionElement: