diff --git a/components/Accordion/Accordion.stories.tsx b/components/Accordion/Accordion.stories.tsx index 96117d9b..a48dc0ff 100644 --- a/components/Accordion/Accordion.stories.tsx +++ b/components/Accordion/Accordion.stories.tsx @@ -73,6 +73,7 @@ Collapsible.argTypes = { export const MultipleCollapsible: StoryFn = Template.bind({}); MultipleCollapsible.args = { type: 'multiple', + // @FIXME console warning of this props not being a boolean attribute collapsible: true, }; MultipleCollapsible.argTypes = { @@ -120,30 +121,6 @@ Complex.argTypes = { }, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = ({ size, ...args }) => ( - - - - - Item1 Trigger - - - Item1 Content - - - - Item2 Trigger - Item2 Content - - - Item3 Trigger - Item3 Content - - - -); - export const InsideModal: StoryFn = (args) => { const [open, setOpen] = useState(false); diff --git a/components/Accordion/Accordion.tsx b/components/Accordion/Accordion.tsx index b7fa93d0..36285feb 100644 --- a/components/Accordion/Accordion.tsx +++ b/components/Accordion/Accordion.tsx @@ -36,13 +36,13 @@ const StyledAccordionItem = styled(AccordionPrimitive.Item, { boxShadow: '0 1px 0 0 $colors$divider', }); -export const StyledAccordionHeader = (styled as any)('AccordionPrimitive.Header', { +export const StyledAccordionHeader = styled(AccordionPrimitive.Header, { all: 'unset', display: 'flex', borderRadius: 'inherit', }); -export const StyledAccordionTrigger = (styled as any)(AccordionPrimitive.Trigger, { +export const StyledAccordionTrigger = styled(AccordionPrimitive.Trigger, { all: 'unset', borderRadius: 'inherit', fontFamily: 'inherit', @@ -102,7 +102,7 @@ const StyledAccordionChevron = styled(ChevronRightIcon, { }, }); -const StyledAccordionContent = (styled as any)(AccordionPrimitive.Content, { +const StyledAccordionContent = styled(AccordionPrimitive.Content, { overflow: 'hidden', fontSize: '$3', c: '$accordionText', @@ -114,7 +114,7 @@ const StyledAccordionContent = (styled as any)(AccordionPrimitive.Content, { }, }); -const StyledAccordionContentWrapper = (styled as any)('div', { +const StyledAccordionContentWrapper = styled('div', { variants: { size: { small: { diff --git a/components/Alert/Alert.stories.tsx b/components/Alert/Alert.stories.tsx index 5e86cb78..ebabd25a 100644 --- a/components/Alert/Alert.stories.tsx +++ b/components/Alert/Alert.stories.tsx @@ -39,18 +39,4 @@ Variants.argTypes = { }, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - -

Alert

- - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut - labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in - voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat - non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - - -); - export default Component; diff --git a/components/AriaTable/AriaTable.stories.tsx b/components/AriaTable/AriaTable.stories.tsx index e999c406..be5e2e27 100644 --- a/components/AriaTable/AriaTable.stories.tsx +++ b/components/AriaTable/AriaTable.stories.tsx @@ -173,7 +173,7 @@ export const Interactive: StoryFn = (args) => { active: selectedRow === rowNum, onClick: () => setSelectedRow(rowNum), }), - [selectedRow, setSelectedRow] + [selectedRow, setSelectedRow], ); return ( @@ -282,75 +282,6 @@ export const Links: StoryFn = (args) => ( ); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - - - People with some information - - - - first name - last name - Status - Role - - - - - John - Doe - - Connected - - Developer - - - Johny - Depp - - AFK - - Actor - - - Natalie - Portman - - Connected - - Actor - - - Luke - Skywalker - - Disconnected - - Star wars - - - - - - - - - - -); - export const Columns: StoryFn = ({ transform, ...args }) => ( @@ -604,7 +535,7 @@ export const CollapsibleRow: StoryFn = (args) => { active: selectedRow === rowNum, onClick: () => setSelectedRow(rowNum), }), - [selectedRow, setSelectedRow] + [selectedRow, setSelectedRow], ); return ( diff --git a/components/Avatar/Avatar.stories.tsx b/components/Avatar/Avatar.stories.tsx index 9740124a..66d5b357 100644 --- a/components/Avatar/Avatar.stories.tsx +++ b/components/Avatar/Avatar.stories.tsx @@ -92,7 +92,4 @@ Variants.argTypes = { }, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ; - export default Component; diff --git a/components/Badge/Badge.stories.tsx b/components/Badge/Badge.stories.tsx index 0727e523..188f918a 100644 --- a/components/Badge/Badge.stories.tsx +++ b/components/Badge/Badge.stories.tsx @@ -83,13 +83,6 @@ Interactive.args = { borderless: false, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - - Customize - -); - export const BadgeLink: StoryFn = (args) => ( Link diff --git a/components/Bubble/Bubble.stories.tsx b/components/Bubble/Bubble.stories.tsx index 7ead7261..bc064959 100644 --- a/components/Bubble/Bubble.stories.tsx +++ b/components/Bubble/Bubble.stories.tsx @@ -65,9 +65,4 @@ Sizes.argTypes = { }, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - -); - export default Component; diff --git a/components/Button/Button.stories.tsx b/components/Button/Button.stories.tsx index 19606b57..23b61bec 100644 --- a/components/Button/Button.stories.tsx +++ b/components/Button/Button.stories.tsx @@ -57,8 +57,7 @@ const TemplateWithIcon: StoryFn = (args) => ( export const WithIcon: StoryFn = TemplateWithIcon.bind({}); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const TemplateWithActive: StoryFn = ({ state, ...args }) => { +const TemplateWithActive: StoryFn = ({ ...args }) => { const [active, setActive] = React.useState(0); return ( @@ -67,6 +66,7 @@ const TemplateWithActive: StoryFn = ({ state, ...args }) {[...Array(4)].map((_, i) => ( setActive(i)} @@ -89,13 +89,6 @@ Waiting.args = { state: 'waiting', }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - - Button - -); - export const ButtonLink: StoryFn = (args) => ( Button diff --git a/components/Card/Card.stories.tsx b/components/Card/Card.stories.tsx index f7d48efb..2b237c4f 100644 --- a/components/Card/Card.stories.tsx +++ b/components/Card/Card.stories.tsx @@ -124,9 +124,4 @@ export const Elevation: StoryFn = () => ( Elevation.args = {}; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - -); - export default Component; diff --git a/components/Checkbox/Checkbox.stories.tsx b/components/Checkbox/Checkbox.stories.tsx index ce31ac34..1ddbf30f 100644 --- a/components/Checkbox/Checkbox.stories.tsx +++ b/components/Checkbox/Checkbox.stories.tsx @@ -36,9 +36,4 @@ Disabled.args = { size: 'large', }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - -); - export default Component; diff --git a/components/Dialog/Dialog.stories.tsx b/components/Dialog/Dialog.stories.tsx index abc180b4..4dedf721 100644 --- a/components/Dialog/Dialog.stories.tsx +++ b/components/Dialog/Dialog.stories.tsx @@ -76,39 +76,6 @@ export const Basic: StoryFn = () => { ); }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = () => { - const [open, setOpen] = useState(false); - - return ( - setOpen(isOpen)}> - - - - - - {[...Array(10)].map((_, i) => ( - - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud - exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure - dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. - Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt - mollit anim id est laborum. - - ))} - - - - - - - - - - ); -}; - export const NoCloseIcon: StoryFn = () => { const [open, setOpen] = useState(false); diff --git a/components/DropdownMenu/DropdownMenu.stories.tsx b/components/DropdownMenu/DropdownMenu.stories.tsx index 1c53f2f9..6269fae3 100644 --- a/components/DropdownMenu/DropdownMenu.stories.tsx +++ b/components/DropdownMenu/DropdownMenu.stories.tsx @@ -64,35 +64,4 @@ DefaultOpen.args = { defaultOpen: true, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - - - - - - - - Item - Item - Item - - Item - Item - Item - - Choose one - - - Item - - Item - Item - - - - - -); - export default Component; diff --git a/components/Elevation/Elevation.stories.tsx b/components/Elevation/Elevation.stories.tsx index 4a9bfcdb..553a32fa 100644 --- a/components/Elevation/Elevation.stories.tsx +++ b/components/Elevation/Elevation.stories.tsx @@ -78,9 +78,4 @@ Basic.argTypes = { }, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = () => ( - -); - export default Component; diff --git a/components/Flex/Flex.stories.tsx b/components/Flex/Flex.stories.tsx index fafea997..8675266f 100644 --- a/components/Flex/Flex.stories.tsx +++ b/components/Flex/Flex.stories.tsx @@ -23,7 +23,4 @@ Basic.args = { gap: '6', }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ; - export default Component; diff --git a/components/Grid/Grid.stories.tsx b/components/Grid/Grid.stories.tsx index 2bd13c78..6e16ae4d 100644 --- a/components/Grid/Grid.stories.tsx +++ b/components/Grid/Grid.stories.tsx @@ -41,7 +41,4 @@ Basic.args = { gap: '6', }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ; - export default Component; diff --git a/components/Heading/Heading.stories.tsx b/components/Heading/Heading.stories.tsx index c17eee31..fa252525 100644 --- a/components/Heading/Heading.stories.tsx +++ b/components/Heading/Heading.stories.tsx @@ -45,11 +45,4 @@ export const Transform: StoryFn = (args) => ( ); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( -

- Heading level 1 SemiBold -

-); - export default Component; diff --git a/components/IconButton/IconButton.stories.tsx b/components/IconButton/IconButton.stories.tsx index 1a8c46c2..cebd3dc8 100644 --- a/components/IconButton/IconButton.stories.tsx +++ b/components/IconButton/IconButton.stories.tsx @@ -72,9 +72,4 @@ Variants.argTypes = { }, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - -); - export default Component; diff --git a/components/Image/Image.stories.tsx b/components/Image/Image.stories.tsx index c0e2f995..d2625af0 100644 --- a/components/Image/Image.stories.tsx +++ b/components/Image/Image.stories.tsx @@ -22,7 +22,4 @@ Large.args = { src: 'https://picsum.photos/2000/3000', }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ; - export default Component; diff --git a/components/Input/Input.stories.tsx b/components/Input/Input.stories.tsx index dab39dd6..92dac956 100644 --- a/components/Input/Input.stories.tsx +++ b/components/Input/Input.stories.tsx @@ -89,16 +89,13 @@ const INPUT_TYPES = [ 'url', ]; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -export const Types: StoryFn = ({ type, ...args }) => ( +export const Types: StoryFn = ({ ...args }) => ( {INPUT_TYPES.map((type) => ( - <> - + + - + ))} ); @@ -248,9 +245,4 @@ export const Autofill: StoryFn = (args) => ( ); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = ({ id, ...args }) => ( - -); - export default Component; diff --git a/components/List/List.stories.tsx b/components/List/List.stories.tsx index 866902ce..38ef9e60 100644 --- a/components/List/List.stories.tsx +++ b/components/List/List.stories.tsx @@ -23,16 +23,6 @@ const Template: StoryFn = (args) => ( ); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( -
    -
  • Dashboard
    • -
  • Profile
    • -
  • Settings
    • -
  • Help
    • -
-); - export const Basic: StoryFn = Template.bind({}); export const Interactive: StoryFn = Template.bind({}); diff --git a/components/Navigation/NavigationItem.stories.tsx b/components/Navigation/NavigationItem.stories.tsx index 871a924a..b2f234ff 100644 --- a/components/Navigation/NavigationItem.stories.tsx +++ b/components/Navigation/NavigationItem.stories.tsx @@ -7,14 +7,8 @@ import { import { Meta, StoryFn } from '@storybook/react'; import React from 'react'; -import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory'; import { Badge } from '../Badge'; -import { - NavigationDrawer, - NavigationItem, - NavigationItemProps, - NavigationItemVariants, -} from './Navigation'; +import { NavigationDrawer, NavigationItem } from './Navigation'; const Component: Meta = { title: 'Components/NavigationItem', @@ -46,15 +40,6 @@ const Component: Meta = { }, }; -const BaseNavigationItem = (props: NavigationItemProps): JSX.Element => ( - -); - -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const NavigationItemForStory = modifyVariantsForStory( - BaseNavigationItem -); - const Template: StoryFn = (args) => ( = { component: RadioForStory, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Template: StoryFn = ({ value, ...args }) => ( +const Template: StoryFn = ({ value, ...rest }) => ( - - + + ); @@ -47,12 +46,4 @@ Disabled.args = { size: 2, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = ({ value, ...args }) => ( - - - - -); - export default Component; diff --git a/components/RadioAccordion/RadioAccordion.stories.tsx b/components/RadioAccordion/RadioAccordion.stories.tsx index bc264f7b..67dcc998 100644 --- a/components/RadioAccordion/RadioAccordion.stories.tsx +++ b/components/RadioAccordion/RadioAccordion.stories.tsx @@ -61,24 +61,4 @@ export const UnderAccordion: StoryFn = (args) => ( ); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - - - - Item1 Trigger - Item1 Content - - - Item2 Trigger - Item2 Content - - - Item3 Trigger - Item3 Content - - - -); - export default Component; diff --git a/components/Select/Select.stories.tsx b/components/Select/Select.stories.tsx index 658fb081..6b01dc66 100644 --- a/components/Select/Select.stories.tsx +++ b/components/Select/Select.stories.tsx @@ -73,15 +73,4 @@ Overflow.argTypes = { }, }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - -); - export default Component; diff --git a/components/Switch/Switch.stories.tsx b/components/Switch/Switch.stories.tsx index 5f4b71ea..4fa84638 100644 --- a/components/Switch/Switch.stories.tsx +++ b/components/Switch/Switch.stories.tsx @@ -90,7 +90,7 @@ export const LabelAndTitle: StoryFn<(props: ExtendedSwitchProps) => JSX.Element> } setHasFocus(true); }, - [onFocus, setHasFocus] + [onFocus, setHasFocus], ); const handleBlur = React.useCallback( @@ -100,7 +100,7 @@ export const LabelAndTitle: StoryFn<(props: ExtendedSwitchProps) => JSX.Element> } setHasFocus(false); }, - [onBlur, setHasFocus] + [onBlur, setHasFocus], ); return ( @@ -130,9 +130,4 @@ LabelAndTitle.args = { }; ignoreArgType('id', LabelAndTitle); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - -); - export default Component; diff --git a/components/Table/Table.stories.tsx b/components/Table/Table.stories.tsx index 4b73d09c..8fef365a 100644 --- a/components/Table/Table.stories.tsx +++ b/components/Table/Table.stories.tsx @@ -158,7 +158,7 @@ export const Interactive: StoryFn = ({ interactive, ...args }) => { active: selectedRow === rowNum, onClick: () => setSelectedRow(rowNum), }), - [selectedRow, setSelectedRow] + [selectedRow, setSelectedRow], ); return ( @@ -634,59 +634,6 @@ export const Empty: StoryFn = (args) => ( ); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - - - - Firstname - Lastname - Status - Role - - - - - John - Doe - - Connected - - Developer - - - Johny - Depp - - AFK - - Actor - - - Natalie - Portman - - Connected - - Actor - - - Luke - Skywalker - - Disconnected - - Star wars - - - - - Footer information - - - -); - export const CollapsibleRow: StoryFn = ({ interactive, ...args }) => { const [selectedRow, setSelectedRow] = useState(1); const makeSelectableRowProps = useCallback( @@ -694,7 +641,7 @@ export const CollapsibleRow: StoryFn = ({ interactive, ...args }) => { active: selectedRow === rowNum, onClick: () => setSelectedRow(rowNum), }), - [selectedRow, setSelectedRow] + [selectedRow, setSelectedRow], ); return ( diff --git a/components/Text/Text.stories.tsx b/components/Text/Text.stories.tsx index 9a60ee8b..5c78f5f8 100644 --- a/components/Text/Text.stories.tsx +++ b/components/Text/Text.stories.tsx @@ -8,7 +8,7 @@ import { Text, TextProps, TextVariants } from './Text'; const BaseText = (props: TextProps): JSX.Element => ; const TextForStory = modifyVariantsForStory>( - BaseText + BaseText, ); const Component: Meta = { @@ -26,8 +26,7 @@ Basic.args = {}; const VARIANT_PARENTS = ['$primary', '$purple10']; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -export const Variant: StoryFn = ({ variant, ...args }) => ( +export const Variant: StoryFn = ({ ...args }) => ( = ({ variant, ...args }) => ( ); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -export const Transform: StoryFn = ({ transform, ...args }) => ( +export const Transform: StoryFn = ({ ...args }) => ( default text @@ -91,8 +89,7 @@ export const Transform: StoryFn = ({ transform, ...args }) const SIZE_PARENTS = ['$4', '$12']; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -export const Size: StoryFn = ({ size, ...args }) => ( +export const Size: StoryFn = ({ ...args }) => ( Makes Networking Boring @@ -171,11 +168,4 @@ export const Weight: StoryFn = (args) => ( ); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - - SemiBold - -); - export default Component; diff --git a/components/TextField/TextField.stories.tsx b/components/TextField/TextField.stories.tsx index 95875fba..f2e4b381 100644 --- a/components/TextField/TextField.stories.tsx +++ b/components/TextField/TextField.stories.tsx @@ -199,9 +199,4 @@ LabelComponent.args = { }; ignoreArgType('id', LabelComponent); -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( - -); - export default Component; diff --git a/components/Textarea/Textarea.stories.tsx b/components/Textarea/Textarea.stories.tsx index ff2782bc..9de725d4 100644 --- a/components/Textarea/Textarea.stories.tsx +++ b/components/Textarea/Textarea.stories.tsx @@ -158,9 +158,4 @@ export const ReadOnlyCopy: StoryFn = (args) => { ); }; -// eslint-disable-next-line @typescript-eslint/no-unused-vars -const Customize: StoryFn = (args) => ( -