diff --git a/.eslintignore b/.eslintignore index 1eae0cf670..8662dded58 100644 --- a/.eslintignore +++ b/.eslintignore @@ -1,2 +1,5 @@ dist/ node_modules/ + +!/.*.js +!/*.js diff --git a/.eslintrc b/.eslintrc deleted file mode 100644 index cb02016ea7..0000000000 --- a/.eslintrc +++ /dev/null @@ -1,26 +0,0 @@ -{ - "extends": "seek", - "overrides": [ - { - "files": ["*.{js,ts,tsx}"], - "excludedFiles": [ - "*.{docs,gallery,screenshots,stories}.tsx", - "site/**/*.{ts,tsx}" - ], - "rules": { - "no-restricted-imports": [ - "error", - { - "patterns": [ - "braid-design-system**", - "!braid-design-system/lib/utils/source.macro", - "braid-src/**", - "site/**", - "**/site/**" - ] - } - ] - } - } - ] -} diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 0000000000..fff4629ebc --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,56 @@ +// eslint-disable-next-line import/no-unresolved +const yaml = require('js-yaml'); +// eslint-disable-next-line import/no-unresolved +const fs = require('fs'); + +const workspace = yaml.load( + // eslint-disable-next-line no-sync + fs.readFileSync(`${__dirname}/pnpm-workspace.yaml`, 'utf-8'), +); + +module.exports = { + extends: 'seek', + settings: { + 'import/resolver': { + typescript: { + project: workspace.packages.map( + (project) => `${project}/tsconfig.json`, + ), + }, + }, + }, + // workaround for @typescript-eslint/consistent-type-imports + import/no-duplicates + // ! requires TypeScript >=4.5 downstream + // remove when this is done https://github.com/typescript-eslint/typescript-eslint/issues/4338 + // plugins: ['canonical'], + rules: { + '@typescript-eslint/consistent-type-imports': 'error', + // 'canonical/prefer-inline-type-import': 'error', // remove when this is done https://github.com/typescript-eslint/typescript-eslint/issues/4338 + 'import/no-cycle': 'warn', + 'import/no-duplicates': 'error', + 'import/no-relative-packages': 'error', + }, + overrides: [ + { + files: ['*.{js,ts,tsx}'], + excludedFiles: [ + '*.{docs,gallery,screenshots,stories}.tsx', + 'site/**/*.{ts,tsx}', + ], + rules: { + 'no-restricted-imports': [ + 'error', + { + patterns: [ + 'braid-design-system**', + '!braid-design-system/lib/utils/source.macro', + 'braid-src/**', + 'site/**', + '**/site/**', + ], + }, + ], + }, + }, + ], +}; diff --git a/package.json b/package.json index bba50d2f6b..0bf8f8a18a 100644 --- a/package.json +++ b/package.json @@ -59,7 +59,7 @@ "enquirer": "^2.3.6", "escape-string-regexp": "^4.0.0", "eslint": "^8.21.0", - "eslint-config-seek": "10.0.0", + "eslint-config-seek": "^10.1.0", "fast-glob": "^3.2.11", "fs-extra": "^10.1.0", "gh-pages": "^4.0.0", diff --git a/packages/braid-design-system/css/atoms.docs.tsx b/packages/braid-design-system/css/atoms.docs.tsx index 2dbb7592cb..b1b0ae3e10 100644 --- a/packages/braid-design-system/css/atoms.docs.tsx +++ b/packages/braid-design-system/css/atoms.docs.tsx @@ -1,14 +1,16 @@ import dedent from 'dedent'; import React from 'react'; -import { - responsiveProperties, +import type { ResponsiveProperties, - pseudoProperties, PseudoProperties, - unresponsiveProperties, UnresponsiveProperties, BoxShadow, } from 'braid-src/lib/css/atoms/atomicProperties'; +import { + responsiveProperties, + pseudoProperties, + unresponsiveProperties, +} from 'braid-src/lib/css/atoms/atomicProperties'; import { atoms } from 'braid-src/css'; import { Stack, @@ -27,7 +29,7 @@ import { Box } from 'braid-src/lib/components/Box/Box'; import source from '../lib/utils/source.macro'; import Code from 'site/App/Code/Code'; import { ThemedExample } from 'site/App/ThemeSetting'; -import { CssDoc } from 'site/types'; +import type { CssDoc } from 'site/types'; import { VanillaMigrationBanner } from './VanillaMigrationBanner'; type BoxShadowDocs = Required>; diff --git a/packages/braid-design-system/css/breakpoints.docs.tsx b/packages/braid-design-system/css/breakpoints.docs.tsx index 0a642ddb85..f8d3f806ae 100644 --- a/packages/braid-design-system/css/breakpoints.docs.tsx +++ b/packages/braid-design-system/css/breakpoints.docs.tsx @@ -11,7 +11,7 @@ import { } from 'braid-src/lib/components'; import { breakpoints } from 'braid-src/lib/css/breakpoints'; import Code from 'site/App/Code/Code'; -import { CssDoc } from 'site/types'; +import type { CssDoc } from 'site/types'; import { VanillaMigrationBanner } from './VanillaMigrationBanner'; const bps = Object.keys(breakpoints) as Array; diff --git a/packages/braid-design-system/css/colorModeStyle.docs.tsx b/packages/braid-design-system/css/colorModeStyle.docs.tsx index 601cb078b9..f4b47791cb 100644 --- a/packages/braid-design-system/css/colorModeStyle.docs.tsx +++ b/packages/braid-design-system/css/colorModeStyle.docs.tsx @@ -4,7 +4,7 @@ import { colorModeStyle, vars } from '.'; import { Strong, Text, TextLink } from 'braid-src/lib/components'; import source from '../lib/utils/source.macro'; import Code from 'site/App/Code/Code'; -import { CssDoc } from 'site/types'; +import type { CssDoc } from 'site/types'; const docs: CssDoc = { usage: ( diff --git a/packages/braid-design-system/css/globalHeadingStyle.docs.tsx b/packages/braid-design-system/css/globalHeadingStyle.docs.tsx index 7a9e99fd86..0930eaeefd 100644 --- a/packages/braid-design-system/css/globalHeadingStyle.docs.tsx +++ b/packages/braid-design-system/css/globalHeadingStyle.docs.tsx @@ -4,7 +4,7 @@ import { Alert, Stack, Strong, Text, TextLink } from '../lib/components'; import { globalHeadingStyle } from '../lib/css/globalTypographyStyles'; import source from '../lib/utils/source.macro'; import Code from 'site/App/Code/Code'; -import { CssDoc } from 'site/types'; +import type { CssDoc } from 'site/types'; import { VanillaMigrationBanner } from './VanillaMigrationBanner'; const docs: CssDoc = { diff --git a/packages/braid-design-system/css/globalTextStyle.docs.tsx b/packages/braid-design-system/css/globalTextStyle.docs.tsx index 420b726b14..e171ee6515 100644 --- a/packages/braid-design-system/css/globalTextStyle.docs.tsx +++ b/packages/braid-design-system/css/globalTextStyle.docs.tsx @@ -4,7 +4,7 @@ import { Alert, Stack, Strong, Text, TextLink } from '../lib/components'; import { globalTextStyle } from '../lib/css/globalTypographyStyles'; import source from '../lib/utils/source.macro'; import Code from 'site/App/Code/Code'; -import { CssDoc } from 'site/types'; +import type { CssDoc } from 'site/types'; import { VanillaMigrationBanner } from './VanillaMigrationBanner'; const docs: CssDoc = { diff --git a/packages/braid-design-system/css/index.ts b/packages/braid-design-system/css/index.ts index b7d49cdaa2..889e06968e 100644 --- a/packages/braid-design-system/css/index.ts +++ b/packages/braid-design-system/css/index.ts @@ -1,5 +1,6 @@ import { vars as internalVars } from '../lib/themes/vars.css'; -import { atoms as internalAtoms, Atoms } from '../lib/css/atoms/atoms'; +import type { Atoms } from '../lib/css/atoms/atoms'; +import { atoms as internalAtoms } from '../lib/css/atoms/atoms'; import { colorModeStyle } from '../lib/css/colorModeStyle'; import { responsiveStyle } from '../lib/css/responsiveStyle'; import { breakpoints } from '../lib/css/breakpoints'; diff --git a/packages/braid-design-system/css/responsiveStyle.docs.tsx b/packages/braid-design-system/css/responsiveStyle.docs.tsx index cb40793bde..554c7b2ad4 100644 --- a/packages/braid-design-system/css/responsiveStyle.docs.tsx +++ b/packages/braid-design-system/css/responsiveStyle.docs.tsx @@ -4,7 +4,7 @@ import { responsiveStyle, vars, breakpoints } from '.'; import { Notice, Strong, Text, TextLink } from '../lib/components'; import source from '../lib/utils/source.macro'; import Code from 'site/App/Code/Code'; -import { CssDoc } from 'site/types'; +import type { CssDoc } from 'site/types'; import { VanillaMigrationBanner } from './VanillaMigrationBanner'; const bps = Object.keys(breakpoints); diff --git a/packages/braid-design-system/css/vars.docs.tsx b/packages/braid-design-system/css/vars.docs.tsx index 7999831fe9..8061a01619 100644 --- a/packages/braid-design-system/css/vars.docs.tsx +++ b/packages/braid-design-system/css/vars.docs.tsx @@ -1,4 +1,5 @@ -import React, { ReactNode, useEffect, useRef, useState } from 'react'; +import type { ReactNode } from 'react'; +import React, { useEffect, useRef, useState } from 'react'; import { vars } from '.'; import { Text, @@ -11,11 +12,12 @@ import { Alert, List, } from '../lib/components'; -import { Box, BoxProps } from '../lib/components/Box/Box'; -import { ReactNodeNoStrings } from '../lib/components/private/ReactNodeNoStrings'; +import type { BoxProps } from '../lib/components/Box/Box'; +import { Box } from '../lib/components/Box/Box'; +import type { ReactNodeNoStrings } from '../lib/components/private/ReactNodeNoStrings'; import Code from 'site/App/Code/Code'; import { ThemedExample, useThemeSettings } from 'site/App/ThemeSetting'; -import { CssDoc } from 'site/types'; +import type { CssDoc } from 'site/types'; import { VanillaMigrationBanner } from './VanillaMigrationBanner'; const Row = ({ diff --git a/packages/braid-design-system/lib/components/Accordion/Accordion.docs.tsx b/packages/braid-design-system/lib/components/Accordion/Accordion.docs.tsx index 9351b5db65..112089721f 100644 --- a/packages/braid-design-system/lib/components/Accordion/Accordion.docs.tsx +++ b/packages/braid-design-system/lib/components/Accordion/Accordion.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import source from '../../utils/source.macro'; import { Accordion, diff --git a/packages/braid-design-system/lib/components/Accordion/Accordion.gallery.tsx b/packages/braid-design-system/lib/components/Accordion/Accordion.gallery.tsx index 167ca88726..0241d0cd4b 100644 --- a/packages/braid-design-system/lib/components/Accordion/Accordion.gallery.tsx +++ b/packages/braid-design-system/lib/components/Accordion/Accordion.gallery.tsx @@ -8,7 +8,7 @@ import { IconPromote, Placeholder, } from '../../playroom/components'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; export const galleryItems: ComponentExample[] = [ { diff --git a/packages/braid-design-system/lib/components/Accordion/Accordion.playroom.tsx b/packages/braid-design-system/lib/components/Accordion/Accordion.playroom.tsx index 9fb37eb217..0268e0abe5 100644 --- a/packages/braid-design-system/lib/components/Accordion/Accordion.playroom.tsx +++ b/packages/braid-design-system/lib/components/Accordion/Accordion.playroom.tsx @@ -1,11 +1,8 @@ import React from 'react'; import { mapResponsiveValue } from '../../css/atoms/sprinkles.css'; import { wireframe } from '../../themes'; -import { - Accordion as BraidAccordion, - AccordionProps, - validSpaceValues, -} from './Accordion'; +import type { AccordionProps } from './Accordion'; +import { Accordion as BraidAccordion, validSpaceValues } from './Accordion'; type ValidSpaceValue = typeof validSpaceValues[number]; diff --git a/packages/braid-design-system/lib/components/Accordion/Accordion.screenshots.tsx b/packages/braid-design-system/lib/components/Accordion/Accordion.screenshots.tsx index 7197221a4d..92f8cc57ea 100644 --- a/packages/braid-design-system/lib/components/Accordion/Accordion.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Accordion/Accordion.screenshots.tsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { AccordionItem, Accordion, Badge, Text, IconPromote, Stack } from '../'; import { Placeholder } from '../../playroom/components'; import { Box } from '../Box/Box'; diff --git a/packages/braid-design-system/lib/components/Accordion/Accordion.snippets.tsx b/packages/braid-design-system/lib/components/Accordion/Accordion.snippets.tsx index 58a9eb90b3..618f9f924e 100644 --- a/packages/braid-design-system/lib/components/Accordion/Accordion.snippets.tsx +++ b/packages/braid-design-system/lib/components/Accordion/Accordion.snippets.tsx @@ -6,7 +6,7 @@ import { Placeholder, } from '../../playroom/components'; import source from '../../utils/source.macro'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; export const snippets: Snippets = [ { diff --git a/packages/braid-design-system/lib/components/Accordion/Accordion.tsx b/packages/braid-design-system/lib/components/Accordion/Accordion.tsx index a8978f4b46..7d0ff30693 100644 --- a/packages/braid-design-system/lib/components/Accordion/Accordion.tsx +++ b/packages/braid-design-system/lib/components/Accordion/Accordion.tsx @@ -1,21 +1,15 @@ import assert from 'assert'; import React, { useMemo } from 'react'; -import { ReactNodeNoStrings } from '../private/ReactNodeNoStrings'; -import { - normalizeResponsiveValue, - RequiredResponsiveValue, -} from '../../css/atoms/sprinkles.css'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { ReactNodeNoStrings } from '../private/ReactNodeNoStrings'; +import type { RequiredResponsiveValue } from '../../css/atoms/sprinkles.css'; +import { normalizeResponsiveValue } from '../../css/atoms/sprinkles.css'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; import { Box } from '../Box/Box'; import { Stack } from '../Stack/Stack'; import { Divider } from '../Divider/Divider'; -import { - AccordionContext, - AccordionContextValue, - validTones, -} from './AccordionContext'; +import type { AccordionContextValue } from './AccordionContext'; +import { AccordionContext, validTones } from './AccordionContext'; export const validSpaceValues = ['medium', 'large', 'xlarge'] as const; diff --git a/packages/braid-design-system/lib/components/Accordion/AccordionContext.ts b/packages/braid-design-system/lib/components/Accordion/AccordionContext.ts index c0fbda03a8..2bcf40539a 100644 --- a/packages/braid-design-system/lib/components/Accordion/AccordionContext.ts +++ b/packages/braid-design-system/lib/components/Accordion/AccordionContext.ts @@ -1,5 +1,5 @@ import { createContext } from 'react'; -import { TextProps } from '../Text/Text'; +import type { TextProps } from '../Text/Text'; export const validTones = ['neutral', 'secondary'] as const; diff --git a/packages/braid-design-system/lib/components/Accordion/AccordionItem.playroom.tsx b/packages/braid-design-system/lib/components/Accordion/AccordionItem.playroom.tsx index 67e9571b31..250975c4d8 100644 --- a/packages/braid-design-system/lib/components/Accordion/AccordionItem.playroom.tsx +++ b/packages/braid-design-system/lib/components/Accordion/AccordionItem.playroom.tsx @@ -1,12 +1,13 @@ import React from 'react'; -import { useFallbackState, StateProp } from '../../playroom/playroomState'; +import type { StateProp } from '../../playroom/playroomState'; +import { useFallbackState } from '../../playroom/playroomState'; import { useFallbackId } from '../../playroom/utils'; -import { - AccordionItem as BraidAccordionItem, +import type { AccordionItemProps, AccordionItemBaseProps, AccordionItemStateProps, } from './AccordionItem'; +import { AccordionItem as BraidAccordionItem } from './AccordionItem'; type OptionalProps = 'id'; type PlayroomAccordionItemProps = StateProp & diff --git a/packages/braid-design-system/lib/components/Accordion/AccordionItem.tsx b/packages/braid-design-system/lib/components/Accordion/AccordionItem.tsx index 24fa4dcd57..1e2736ffca 100644 --- a/packages/braid-design-system/lib/components/Accordion/AccordionItem.tsx +++ b/packages/braid-design-system/lib/components/Accordion/AccordionItem.tsx @@ -1,34 +1,27 @@ -import React, { - cloneElement, - ReactElement, - ReactNode, - useContext, -} from 'react'; +import type { ReactElement, ReactNode } from 'react'; +import React, { cloneElement, useContext } from 'react'; import assert from 'assert'; import { Box } from '../Box/Box'; -import { Text, TextProps } from '../Text/Text'; +import type { TextProps } from '../Text/Text'; +import { Text } from '../Text/Text'; import { Columns } from '../Columns/Columns'; import { Column } from '../Column/Column'; import { Inline } from '../Inline/Inline'; -import { BadgeProps } from '../Badge/Badge'; +import type { BadgeProps } from '../Badge/Badge'; import { IconChevron } from '../icons'; -import { - useDisclosure, +import type { UseDisclosureProps, DisclosureStateProps, } from '../Disclosure/useDisclosure'; +import { useDisclosure } from '../Disclosure/useDisclosure'; import { virtualTouchable } from '../private/touchable/virtualTouchable'; import { hideFocusRingsClassName } from '../private/hideFocusRings/hideFocusRings'; import { Overlay } from '../private/Overlay/Overlay'; -import { - AccordionContext, - AccordionContextValue, - validTones, -} from './AccordionContext'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { AccordionContextValue } from './AccordionContext'; +import { AccordionContext, validTones } from './AccordionContext'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; import * as styles from './AccordionItem.css'; const itemSpaceForSize = { diff --git a/packages/braid-design-system/lib/components/Actions/Actions.docs.tsx b/packages/braid-design-system/lib/components/Actions/Actions.docs.tsx index 6676b38a12..eaa84c8b79 100644 --- a/packages/braid-design-system/lib/components/Actions/Actions.docs.tsx +++ b/packages/braid-design-system/lib/components/Actions/Actions.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import source from '../../utils/source.macro'; import { Actions, Button, TextLink, Text, Strong, Card, Stack } from '../'; diff --git a/packages/braid-design-system/lib/components/Actions/Actions.gallery.tsx b/packages/braid-design-system/lib/components/Actions/Actions.gallery.tsx index cc059369c6..f21c5daceb 100644 --- a/packages/braid-design-system/lib/components/Actions/Actions.gallery.tsx +++ b/packages/braid-design-system/lib/components/Actions/Actions.gallery.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Actions, Button, IconDelete } from '../'; export const galleryItems: ComponentExample[] = [ diff --git a/packages/braid-design-system/lib/components/Actions/Actions.screenshots.tsx b/packages/braid-design-system/lib/components/Actions/Actions.screenshots.tsx index b0c36bc04b..cbb0591f43 100644 --- a/packages/braid-design-system/lib/components/Actions/Actions.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Actions/Actions.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Button, Actions } from '../'; export const screenshots: ComponentScreenshot = { diff --git a/packages/braid-design-system/lib/components/Actions/Actions.snippets.tsx b/packages/braid-design-system/lib/components/Actions/Actions.snippets.tsx index b48c9065a3..34af4c46f1 100644 --- a/packages/braid-design-system/lib/components/Actions/Actions.snippets.tsx +++ b/packages/braid-design-system/lib/components/Actions/Actions.snippets.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { Actions, Button, IconDelete } from '../../playroom/components'; import source from '../../utils/source.macro'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; export const snippets: Snippets = [ { diff --git a/packages/braid-design-system/lib/components/Actions/Actions.tsx b/packages/braid-design-system/lib/components/Actions/Actions.tsx index f7e8a8cd6b..abc95bc3bb 100644 --- a/packages/braid-design-system/lib/components/Actions/Actions.tsx +++ b/packages/braid-design-system/lib/components/Actions/Actions.tsx @@ -1,7 +1,8 @@ import React, { useMemo } from 'react'; import ActionsContext from './ActionsContext'; -import { Inline, InlineProps } from '../Inline/Inline'; -import { ButtonProps } from '../Button/Button'; +import type { InlineProps } from '../Inline/Inline'; +import { Inline } from '../Inline/Inline'; +import type { ButtonProps } from '../Button/Button'; export interface ActionsProps { size?: ButtonProps['size']; diff --git a/packages/braid-design-system/lib/components/Actions/ActionsContext.ts b/packages/braid-design-system/lib/components/Actions/ActionsContext.ts index 73eea9bbc4..ebffff1c5e 100644 --- a/packages/braid-design-system/lib/components/Actions/ActionsContext.ts +++ b/packages/braid-design-system/lib/components/Actions/ActionsContext.ts @@ -1,5 +1,5 @@ import { createContext } from 'react'; -import { ButtonProps } from '../Button/Button'; +import type { ButtonProps } from '../Button/Button'; interface ActionsContextValue extends Pick {} diff --git a/packages/braid-design-system/lib/components/Alert/Alert.docs.tsx b/packages/braid-design-system/lib/components/Alert/Alert.docs.tsx index 35d8990158..c2c2a3d3e5 100644 --- a/packages/braid-design-system/lib/components/Alert/Alert.docs.tsx +++ b/packages/braid-design-system/lib/components/Alert/Alert.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import source from '../../utils/source.macro'; import { Alert, Text, Strong, Stack, TextLink, List } from '../'; import { Card } from '../Card/Card'; diff --git a/packages/braid-design-system/lib/components/Alert/Alert.gallery.tsx b/packages/braid-design-system/lib/components/Alert/Alert.gallery.tsx index 4e8fdf9f6d..70d2b064f3 100644 --- a/packages/braid-design-system/lib/components/Alert/Alert.gallery.tsx +++ b/packages/braid-design-system/lib/components/Alert/Alert.gallery.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Alert, Text, Stack, TextLink, List } from '../'; export const galleryItems: ComponentExample[] = [ diff --git a/packages/braid-design-system/lib/components/Alert/Alert.playroom.tsx b/packages/braid-design-system/lib/components/Alert/Alert.playroom.tsx index c00d2f1d50..3f4d16773b 100644 --- a/packages/braid-design-system/lib/components/Alert/Alert.playroom.tsx +++ b/packages/braid-design-system/lib/components/Alert/Alert.playroom.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { Alert as BraidAlert, AlertProps } from './Alert'; +import type { AlertProps } from './Alert'; +import { Alert as BraidAlert } from './Alert'; export const Alert = ({ tone, ...restProps }: AlertProps) => ( = StateProp & Optional, 'id' | 'value' | 'onChange'> & diff --git a/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.screenshots.tsx b/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.screenshots.tsx index 7c662e2ede..b0889116b0 100644 --- a/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.screenshots.tsx @@ -1,5 +1,6 @@ -import React, { useState, ReactNode } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ReactNode } from 'react'; +import React, { useState } from 'react'; +import type { ComponentScreenshot } from 'site/types'; import { Autosuggest, filterSuggestions, IconSearch, Stack } from '../'; const Container = ({ children }: { children: ReactNode }) => ( diff --git a/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.snippets.tsx b/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.snippets.tsx index 35e33050ed..8020d79329 100644 --- a/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.snippets.tsx +++ b/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.snippets.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { Autosuggest, IconLocation } from '../../playroom/components'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import source from '../../utils/source.macro'; export const snippets: Snippets = [ diff --git a/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.test.tsx b/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.test.tsx index 64fa68fd4a..b4ff3823df 100644 --- a/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.test.tsx +++ b/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.test.tsx @@ -1,10 +1,11 @@ import '@testing-library/jest-dom'; -import React, { useState, useRef, useEffect, Dispatch } from 'react'; +import type { Dispatch } from 'react'; +import React, { useState, useRef, useEffect } from 'react'; import { render, act, fireEvent } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { BraidTestProvider } from '../../../test'; import { Autosuggest, filterSuggestions } from '..'; -import { AutosuggestProps } from './Autosuggest'; +import type { AutosuggestProps } from './Autosuggest'; import { containerPrefix } from '../private/Announcement/Announcement'; const getAnnouncements = () => diff --git a/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.tsx b/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.tsx index d3e9c3fa69..931bce164c 100644 --- a/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.tsx +++ b/packages/braid-design-system/lib/components/Autosuggest/Autosuggest.tsx @@ -1,16 +1,18 @@ +import type { + ChangeEvent, + MouseEvent, + KeyboardEvent, + Ref, + ReactElement, + RefAttributes, +} from 'react'; import React, { Fragment, useRef, useReducer, useCallback, - ChangeEvent, - MouseEvent, - KeyboardEvent, useEffect, forwardRef, - Ref, - ReactElement, - RefAttributes, } from 'react'; import dedent from 'dedent'; import parseHighlights from 'autosuggest-highlight/parse'; @@ -19,11 +21,8 @@ import { Text } from '../Text/Text'; import { Strong } from '../Strong/Strong'; import { HiddenVisually } from '../HiddenVisually/HiddenVisually'; import { Announcement } from '../private/Announcement/Announcement'; -import { - Field, - FieldBaseProps, - FieldLabelVariant, -} from '../private/Field/Field'; +import type { FieldBaseProps, FieldLabelVariant } from '../private/Field/Field'; +import { Field } from '../private/Field/Field'; import { ButtonIcon } from '../ButtonIcon/ButtonIcon'; import { IconClear } from '../icons'; import { textStyles } from '../../css/typography'; @@ -36,7 +35,8 @@ import { useScrollIntoView } from './useScrollIntoView'; import { useResponsiveValue } from '../useResponsiveValue/useResponsiveValue'; import { RemoveScroll } from 'react-remove-scroll'; import { createAccessbilityProps, getItemId } from './createAccessbilityProps'; -import { autosuggest, AutosuggestTranslations } from '../../translations/en'; +import type { AutosuggestTranslations } from '../../translations/en'; +import { autosuggest } from '../../translations/en'; import * as styles from './Autosuggest.css'; diff --git a/packages/braid-design-system/lib/components/Autosuggest/filterSuggestions.ts b/packages/braid-design-system/lib/components/Autosuggest/filterSuggestions.ts index 1e8ccd3886..9ca17b028f 100644 --- a/packages/braid-design-system/lib/components/Autosuggest/filterSuggestions.ts +++ b/packages/braid-design-system/lib/components/Autosuggest/filterSuggestions.ts @@ -1,6 +1,6 @@ import assert from 'assert'; import matchHighlights from 'autosuggest-highlight/match'; -import { +import type { AutosuggestValue, Suggestion, Suggestions, diff --git a/packages/braid-design-system/lib/components/Badge/Badge.docs.tsx b/packages/braid-design-system/lib/components/Badge/Badge.docs.tsx index c87bf8d942..1a418e4b91 100644 --- a/packages/braid-design-system/lib/components/Badge/Badge.docs.tsx +++ b/packages/braid-design-system/lib/components/Badge/Badge.docs.tsx @@ -1,5 +1,5 @@ import React, { Fragment } from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import source from '../../utils/source.macro'; import { Badge, Card, Inline, Heading, Text, TextLink, Strong } from '../'; diff --git a/packages/braid-design-system/lib/components/Badge/Badge.gallery.tsx b/packages/braid-design-system/lib/components/Badge/Badge.gallery.tsx index fcc4be70ed..37e9a97449 100644 --- a/packages/braid-design-system/lib/components/Badge/Badge.gallery.tsx +++ b/packages/braid-design-system/lib/components/Badge/Badge.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import source from '../../utils/source.macro'; import { Badge } from '../'; diff --git a/packages/braid-design-system/lib/components/Badge/Badge.playroom.tsx b/packages/braid-design-system/lib/components/Badge/Badge.playroom.tsx index 7a6c88269a..0547f28a10 100644 --- a/packages/braid-design-system/lib/components/Badge/Badge.playroom.tsx +++ b/packages/braid-design-system/lib/components/Badge/Badge.playroom.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { Badge as BraidBadge, BadgeProps } from './Badge'; +import type { BadgeProps } from './Badge'; +import { Badge as BraidBadge } from './Badge'; export const Badge = ({ tone, ...restProps }: BadgeProps) => ( ( ( diff --git a/packages/braid-design-system/lib/components/Bleed/Bleed.snippets.tsx b/packages/braid-design-system/lib/components/Bleed/Bleed.snippets.tsx index 5b3b624211..f82065f76c 100644 --- a/packages/braid-design-system/lib/components/Bleed/Bleed.snippets.tsx +++ b/packages/braid-design-system/lib/components/Bleed/Bleed.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Bleed, Placeholder } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Bleed/Bleed.tsx b/packages/braid-design-system/lib/components/Bleed/Bleed.tsx index 3d82a8283a..09b57fbb19 100644 --- a/packages/braid-design-system/lib/components/Bleed/Bleed.tsx +++ b/packages/braid-design-system/lib/components/Bleed/Bleed.tsx @@ -1,7 +1,8 @@ import React from 'react'; -import { ResponsiveSpace } from '../../css/atoms/atoms'; +import type { ResponsiveSpace } from '../../css/atoms/atoms'; import { negativeMargin } from '../../css/negativeMargin/negativeMargin'; -import { Box, BoxProps } from '../Box/Box'; +import type { BoxProps } from '../Box/Box'; +import { Box } from '../Box/Box'; export const validBleedComponents = ['div', 'span'] as const; diff --git a/packages/braid-design-system/lib/components/Box/BackgroundContext.tsx b/packages/braid-design-system/lib/components/Box/BackgroundContext.tsx index 8549476c44..4195dd0d61 100644 --- a/packages/braid-design-system/lib/components/Box/BackgroundContext.tsx +++ b/packages/braid-design-system/lib/components/Box/BackgroundContext.tsx @@ -1,5 +1,5 @@ import { createContext, useContext } from 'react'; -import { BoxBackgroundVariant } from './Box'; +import type { BoxBackgroundVariant } from './Box'; import { useBraidTheme } from '../BraidProvider/BraidThemeContext'; import { mapColorModeValue } from '../../css/atoms/sprinkles.css'; diff --git a/packages/braid-design-system/lib/components/Box/Box.docs.tsx b/packages/braid-design-system/lib/components/Box/Box.docs.tsx index c58b01c2ee..1d0411b8fe 100644 --- a/packages/braid-design-system/lib/components/Box/Box.docs.tsx +++ b/packages/braid-design-system/lib/components/Box/Box.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Text, TextLink, @@ -17,15 +17,17 @@ import { Box } from './Box'; import type { SimpleBackground } from './Box'; import source from '../../utils/source.macro'; import Code from 'site/App/Code/Code'; -import { - responsiveProperties, - unresponsiveProperties, - pseudoProperties, +import type { UnresponsiveProperties, ResponsiveProperties, PseudoProperties, BoxShadow, } from '../../css/atoms/atomicProperties'; +import { + responsiveProperties, + unresponsiveProperties, + pseudoProperties, +} from '../../css/atoms/atomicProperties'; import { ThemedExample } from 'site/App/ThemeSetting'; import { Notice } from '../Notice/Notice'; diff --git a/packages/braid-design-system/lib/components/Box/Box.playroom.tsx b/packages/braid-design-system/lib/components/Box/Box.playroom.tsx index 7ec77ea4ef..cf31fa1e5d 100644 --- a/packages/braid-design-system/lib/components/Box/Box.playroom.tsx +++ b/packages/braid-design-system/lib/components/Box/Box.playroom.tsx @@ -1,7 +1,9 @@ import React, { forwardRef } from 'react'; -import { atoms, Atoms } from '../../css/atoms/atoms'; +import type { Atoms } from '../../css/atoms/atoms'; +import { atoms } from '../../css/atoms/atoms'; import { sprinkles } from '../../css/atoms/sprinkles.css'; -import { Box as BraidBox, BoxProps } from './Box'; +import type { BoxProps } from './Box'; +import { Box as BraidBox } from './Box'; export const Box = forwardRef((props, ref) => { const sprinklesProps: Record = {}; diff --git a/packages/braid-design-system/lib/components/Box/Box.tsx b/packages/braid-design-system/lib/components/Box/Box.tsx index d8c82eb85a..dffea71f17 100644 --- a/packages/braid-design-system/lib/components/Box/Box.tsx +++ b/packages/braid-design-system/lib/components/Box/Box.tsx @@ -1,20 +1,17 @@ -import clsx, { ClassValue } from 'clsx'; -import React, { - createElement, - forwardRef, - AllHTMLAttributes, - ElementType, - useEffect, -} from 'react'; +import type { ClassValue } from 'clsx'; +import clsx from 'clsx'; +import type { AllHTMLAttributes, ElementType } from 'react'; +import React, { createElement, forwardRef, useEffect } from 'react'; import dedent from 'dedent'; import { base as baseReset } from '../../css/reset/reset.css'; -import { atoms, Atoms } from '../../css/atoms/atoms'; -import { sprinkles, ColorModeValue } from '../../css/atoms/sprinkles.css'; +import type { Atoms } from '../../css/atoms/atoms'; +import { atoms } from '../../css/atoms/atoms'; +import type { ColorModeValue } from '../../css/atoms/sprinkles.css'; +import { sprinkles } from '../../css/atoms/sprinkles.css'; import { ColoredBox } from './ColoredBox'; -import { Background, BoxShadow } from '../../css/atoms/atomicProperties'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { Background, BoxShadow } from '../../css/atoms/atomicProperties'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; export type BoxBackgroundVariant = Background | 'customDark' | 'customLight'; diff --git a/packages/braid-design-system/lib/components/Box/BoxRenderer.screenshots.tsx b/packages/braid-design-system/lib/components/Box/BoxRenderer.screenshots.tsx index e96a59367b..85a69a10ef 100644 --- a/packages/braid-design-system/lib/components/Box/BoxRenderer.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Box/BoxRenderer.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { BoxRenderer } from './BoxRenderer'; import { Text } from '../'; diff --git a/packages/braid-design-system/lib/components/Box/BoxRenderer.tsx b/packages/braid-design-system/lib/components/Box/BoxRenderer.tsx index 6b7f322c5c..c4f45c54e5 100644 --- a/packages/braid-design-system/lib/components/Box/BoxRenderer.tsx +++ b/packages/braid-design-system/lib/components/Box/BoxRenderer.tsx @@ -1,10 +1,12 @@ -import React, { ReactElement } from 'react'; +import type { ReactElement } from 'react'; +import React from 'react'; import clsx from 'clsx'; import { BackgroundProvider } from './BackgroundContext'; -import { atoms, Atoms } from '../../css/atoms/atoms'; -import { BoxBaseProps, SimpleBackground } from './Box'; +import type { Atoms } from '../../css/atoms/atoms'; +import { atoms } from '../../css/atoms/atoms'; +import type { BoxBaseProps, SimpleBackground } from './Box'; import { useColoredBoxClasses } from './ColoredBox'; -import { BoxShadow } from '../../css/atoms/atomicProperties'; +import type { BoxShadow } from '../../css/atoms/atomicProperties'; export interface BoxRendererProps extends BoxBaseProps { component?: Atoms['reset']; diff --git a/packages/braid-design-system/lib/components/Box/ColoredBox.tsx b/packages/braid-design-system/lib/components/Box/ColoredBox.tsx index fe2aa9935a..e398f693f1 100644 --- a/packages/braid-design-system/lib/components/Box/ColoredBox.tsx +++ b/packages/braid-design-system/lib/components/Box/ColoredBox.tsx @@ -6,8 +6,8 @@ import { useBackground, useBackgroundLightness, } from './BackgroundContext'; -import { BoxBackgroundVariant, BoxProps } from './Box'; -import { Background, BoxShadow } from '../../css/atoms/atomicProperties'; +import type { BoxBackgroundVariant, BoxProps } from './Box'; +import type { Background, BoxShadow } from '../../css/atoms/atomicProperties'; import * as typographyStyles from '../../css/typography.css'; export interface ColoredBoxProps extends BoxProps { diff --git a/packages/braid-design-system/lib/components/BraidPortal/BraidPortal.docs.tsx b/packages/braid-design-system/lib/components/BraidPortal/BraidPortal.docs.tsx index bb7269a47b..450fc5fbe0 100644 --- a/packages/braid-design-system/lib/components/BraidPortal/BraidPortal.docs.tsx +++ b/packages/braid-design-system/lib/components/BraidPortal/BraidPortal.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { Text, Strong, Alert } from '..'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; const docs: ComponentDocs = { category: 'Logic', diff --git a/packages/braid-design-system/lib/components/BraidPortal/BraidPortal.tsx b/packages/braid-design-system/lib/components/BraidPortal/BraidPortal.tsx index 7c99de0775..217eccf056 100644 --- a/packages/braid-design-system/lib/components/BraidPortal/BraidPortal.tsx +++ b/packages/braid-design-system/lib/components/BraidPortal/BraidPortal.tsx @@ -1,4 +1,5 @@ -import React, { ReactNode } from 'react'; +import type { ReactNode } from 'react'; +import React from 'react'; import { createPortal } from 'react-dom'; import { TextContext } from '../Text/TextContext'; import { useBraidTheme } from '../BraidProvider/BraidThemeContext'; diff --git a/packages/braid-design-system/lib/components/BraidProvider/BraidProvider.docs.tsx b/packages/braid-design-system/lib/components/BraidProvider/BraidProvider.docs.tsx index fb5b361c5e..dea22d1ad8 100644 --- a/packages/braid-design-system/lib/components/BraidProvider/BraidProvider.docs.tsx +++ b/packages/braid-design-system/lib/components/BraidProvider/BraidProvider.docs.tsx @@ -1,6 +1,6 @@ import React, { Fragment } from 'react'; import { Text, TextLink, Strong } from '../'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; const docs: ComponentDocs = { category: 'Logic', diff --git a/packages/braid-design-system/lib/components/BraidProvider/BraidProvider.tsx b/packages/braid-design-system/lib/components/BraidProvider/BraidProvider.tsx index e3c9749c25..eee6d82cbd 100644 --- a/packages/braid-design-system/lib/components/BraidProvider/BraidProvider.tsx +++ b/packages/braid-design-system/lib/components/BraidProvider/BraidProvider.tsx @@ -1,22 +1,20 @@ import assert from 'assert'; import dedent from 'dedent'; -import React, { - createContext, - useContext, +import type { ReactNode, AnchorHTMLAttributes, - forwardRef, ForwardRefRenderFunction, ComponentType, Ref, } from 'react'; +import React, { createContext, useContext, forwardRef } from 'react'; import { TreatProvider } from 'sku/react-treat'; import { ensureResetImported } from '../../css/reset/resetTracker'; import { useHideFocusRings } from '../private/hideFocusRings/useHideFocusRings'; import { BraidTestProviderContext } from '../BraidTestProvider/BraidTestProviderContext'; import { BreakpointProvider } from './BreakpointContext'; import { BraidThemeContext } from './BraidThemeContext'; -import { BraidTheme } from '../../themes/BraidTheme'; +import type { BraidTheme } from '../../themes/BraidTheme'; import { darkMode } from '../../css/atoms/sprinkles.css'; import { VanillaThemeContainer } from './VanillaThemeContainer'; diff --git a/packages/braid-design-system/lib/components/BraidProvider/BraidThemeContext.ts b/packages/braid-design-system/lib/components/BraidProvider/BraidThemeContext.ts index 234c9f7d31..081e425d57 100644 --- a/packages/braid-design-system/lib/components/BraidProvider/BraidThemeContext.ts +++ b/packages/braid-design-system/lib/components/BraidProvider/BraidThemeContext.ts @@ -1,5 +1,5 @@ import { createContext, useContext } from 'react'; -import { BraidTheme } from '../../themes/BraidTheme'; +import type { BraidTheme } from '../../themes/BraidTheme'; export const BraidThemeContext = createContext(null); diff --git a/packages/braid-design-system/lib/components/BraidProvider/BreakpointContext.tsx b/packages/braid-design-system/lib/components/BraidProvider/BreakpointContext.tsx index 7d10bcfb40..8c2d818f7b 100644 --- a/packages/braid-design-system/lib/components/BraidProvider/BreakpointContext.tsx +++ b/packages/braid-design-system/lib/components/BraidProvider/BreakpointContext.tsx @@ -1,6 +1,8 @@ // Adapted version of https://github.com/streamich/react-use/blob/master/src/useMedia.ts -import React, { useEffect, useState, createContext, ReactNode } from 'react'; -import { breakpoints, Breakpoint } from '../../css/breakpoints'; +import type { ReactNode } from 'react'; +import React, { useEffect, useState, createContext } from 'react'; +import type { Breakpoint } from '../../css/breakpoints'; +import { breakpoints } from '../../css/breakpoints'; const minWidthQuery = (breakpoint: number) => window.matchMedia(`(min-width: ${breakpoint}px)`); diff --git a/packages/braid-design-system/lib/components/BraidProvider/VanillaThemeContainer.tsx b/packages/braid-design-system/lib/components/BraidProvider/VanillaThemeContainer.tsx index 51c3e1af53..96083d381a 100644 --- a/packages/braid-design-system/lib/components/BraidProvider/VanillaThemeContainer.tsx +++ b/packages/braid-design-system/lib/components/BraidProvider/VanillaThemeContainer.tsx @@ -1,4 +1,5 @@ -import React, { ReactNode } from 'react'; +import type { ReactNode } from 'react'; +import React from 'react'; import * as typographyStyles from '../../css/typography.css'; diff --git a/packages/braid-design-system/lib/components/BraidTestProvider/BraidTestProvider.docs.tsx b/packages/braid-design-system/lib/components/BraidTestProvider/BraidTestProvider.docs.tsx index c9cc898fc4..208b96fd4b 100644 --- a/packages/braid-design-system/lib/components/BraidTestProvider/BraidTestProvider.docs.tsx +++ b/packages/braid-design-system/lib/components/BraidTestProvider/BraidTestProvider.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import { seekAnz } from '../../themes'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Stack, Text, Strong, TextLink, Alert } from '..'; const docs: ComponentDocs = { diff --git a/packages/braid-design-system/lib/components/BraidTestProvider/BraidTestProvider.tsx b/packages/braid-design-system/lib/components/BraidTestProvider/BraidTestProvider.tsx index fb474caa9e..37510eb915 100644 --- a/packages/braid-design-system/lib/components/BraidTestProvider/BraidTestProvider.tsx +++ b/packages/braid-design-system/lib/components/BraidTestProvider/BraidTestProvider.tsx @@ -1,10 +1,8 @@ import React from 'react'; import * as themes from '../../themes'; -import { Breakpoint } from '../../css/breakpoints'; -import { - BraidProvider, - BraidProviderProps, -} from '../BraidProvider/BraidProvider'; +import type { Breakpoint } from '../../css/breakpoints'; +import type { BraidProviderProps } from '../BraidProvider/BraidProvider'; +import { BraidProvider } from '../BraidProvider/BraidProvider'; import { BraidTestProviderContext } from './BraidTestProviderContext'; import { breakpointContext } from '../BraidProvider/BreakpointContext'; diff --git a/packages/braid-design-system/lib/components/Button/Button.docs.tsx b/packages/braid-design-system/lib/components/Button/Button.docs.tsx index d0ef60a831..40c02beba6 100644 --- a/packages/braid-design-system/lib/components/Button/Button.docs.tsx +++ b/packages/braid-design-system/lib/components/Button/Button.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Button, Card, diff --git a/packages/braid-design-system/lib/components/Button/Button.gallery.tsx b/packages/braid-design-system/lib/components/Button/Button.gallery.tsx index fbe2ab409d..ecf86295ae 100644 --- a/packages/braid-design-system/lib/components/Button/Button.gallery.tsx +++ b/packages/braid-design-system/lib/components/Button/Button.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import source from '../../utils/source.macro'; import { Button, Heading, Inline, IconSend } from '../'; diff --git a/packages/braid-design-system/lib/components/Button/Button.playroom.tsx b/packages/braid-design-system/lib/components/Button/Button.playroom.tsx index 37b51b57d6..4a428c5ec1 100644 --- a/packages/braid-design-system/lib/components/Button/Button.playroom.tsx +++ b/packages/braid-design-system/lib/components/Button/Button.playroom.tsx @@ -1,6 +1,6 @@ import React, { forwardRef } from 'react'; -import { buttonVariants } from '../Button/Button'; -import { Button as BraidButton, ButtonProps } from './Button'; +import type { ButtonProps } from '../Button/Button'; +import { buttonVariants, Button as BraidButton } from '../Button/Button'; export const Button = forwardRef( ({ variant, ...restProps }, ref) => { diff --git a/packages/braid-design-system/lib/components/Button/Button.screenshots.tsx b/packages/braid-design-system/lib/components/Button/Button.screenshots.tsx index 63c0972ba1..cc13bab612 100644 --- a/packages/braid-design-system/lib/components/Button/Button.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Button/Button.screenshots.tsx @@ -1,5 +1,5 @@ import React, { Fragment } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Button, IconSend, Stack, Inline, Heading, Text } from '../'; // TODO: COLORMODE RELEASE // Use public import diff --git a/packages/braid-design-system/lib/components/Button/Button.snippets.tsx b/packages/braid-design-system/lib/components/Button/Button.snippets.tsx index c6df5e91a6..370ba8990b 100644 --- a/packages/braid-design-system/lib/components/Button/Button.snippets.tsx +++ b/packages/braid-design-system/lib/components/Button/Button.snippets.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Button } from '../../playroom/components'; export const snippets: Snippets = [ diff --git a/packages/braid-design-system/lib/components/Button/Button.tsx b/packages/braid-design-system/lib/components/Button/Button.tsx index 57175bbc81..d3c9e509c7 100644 --- a/packages/braid-design-system/lib/components/Button/Button.tsx +++ b/packages/braid-design-system/lib/components/Button/Button.tsx @@ -1,28 +1,24 @@ import assert from 'assert'; import dedent from 'dedent'; -import React, { - useContext, - forwardRef, - ReactNode, - AllHTMLAttributes, - ReactElement, -} from 'react'; +import type { ReactNode, AllHTMLAttributes, ReactElement } from 'react'; +import React, { useContext, forwardRef } from 'react'; import { touchableText } from '../../css/typography.css'; -import { Box, BoxBackgroundVariant, BoxProps } from '../Box/Box'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { BoxBackgroundVariant, BoxProps } from '../Box/Box'; +import { Box } from '../Box/Box'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; import { FieldOverlay } from '../private/FieldOverlay/FieldOverlay'; import { virtualTouchable } from '../private/touchable/virtualTouchable'; +import type { ColorContrastValue } from '../Box/BackgroundContext'; import { - ColorContrastValue, useBackgroundLightness, useColorContrast, } from '../Box/BackgroundContext'; -import { Text, TextProps } from '../Text/Text'; -import { BoxShadow } from '../../css/atoms/atomicProperties'; +import type { TextProps } from '../Text/Text'; +import { Text } from '../Text/Text'; +import type { BoxShadow } from '../../css/atoms/atomicProperties'; import ActionsContext from '../Actions/ActionsContext'; -import { UseIconProps } from '../../hooks/useIcon'; +import type { UseIconProps } from '../../hooks/useIcon'; import { negativeMargin } from '../../css/negativeMargin/negativeMargin'; import { Bleed } from '../Bleed/Bleed'; import * as styles from './Button.css'; diff --git a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.docs.tsx b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.docs.tsx index 05ef6a6707..bc1d2aea3f 100644 --- a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.docs.tsx +++ b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Text, TextLink, diff --git a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.gallery.tsx b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.gallery.tsx index e25e486e0f..466120e9cd 100644 --- a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.gallery.tsx +++ b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import source from '../../utils/source.macro'; import { ButtonIcon, diff --git a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.playroom.tsx b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.playroom.tsx index c2531b04ed..deb3234763 100644 --- a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.playroom.tsx +++ b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.playroom.tsx @@ -1,8 +1,8 @@ import React, { forwardRef } from 'react'; import { useFallbackId } from '../../playroom/utils'; +import type { ButtonIconProps } from './ButtonIcon'; import { ButtonIcon as BraidButtonIcon, - ButtonIconProps, buttonIconVariants, } from './ButtonIcon'; diff --git a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.screenshots.tsx b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.screenshots.tsx index 77325e37c7..33391c1f46 100644 --- a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.screenshots.tsx +++ b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.screenshots.tsx @@ -1,5 +1,5 @@ import React, { Fragment } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { ButtonIcon, Inline, Heading, IconBookmark } from '../'; // TODO: COLORMODE RELEASE // Use public import diff --git a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.snippets.tsx b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.snippets.tsx index 29b0cd1970..73d2c45b22 100644 --- a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.snippets.tsx +++ b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.snippets.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { ButtonIcon, IconAdd, diff --git a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.tsx b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.tsx index 81f6337b47..aef4014ef0 100644 --- a/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.tsx +++ b/packages/braid-design-system/lib/components/ButtonIcon/ButtonIcon.tsx @@ -1,21 +1,14 @@ import assert from 'assert'; -import React, { - AllHTMLAttributes, - forwardRef, - ReactElement, - cloneElement, -} from 'react'; +import type { AllHTMLAttributes, ReactElement } from 'react'; +import React, { forwardRef, cloneElement } from 'react'; import { Box } from '../Box/Box'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; -import { iconContainerSize, iconSize, UseIconProps } from '../../hooks/useIcon'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; +import type { UseIconProps } from '../../hooks/useIcon'; +import { iconContainerSize, iconSize } from '../../hooks/useIcon'; import { virtualTouchable } from '../private/touchable/virtualTouchable'; -import { - ButtonOverlays, - ButtonStyleProps, - useButtonStyles, -} from '../Button/Button'; +import type { ButtonStyleProps } from '../Button/Button'; +import { ButtonOverlays, useButtonStyles } from '../Button/Button'; import { Text } from '../Text/Text'; import { Bleed } from '../Bleed/Bleed'; import { TooltipRenderer } from '../TooltipRenderer/TooltipRenderer'; diff --git a/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.docs.tsx b/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.docs.tsx index aaf94af3ab..77e5ceab03 100644 --- a/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.docs.tsx +++ b/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { ButtonLink, Strong, Text, Card, Inline } from '../'; import { TextLink } from '../TextLink/TextLink'; diff --git a/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.playroom.tsx b/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.playroom.tsx index eeea8fe5e5..90be1461e1 100644 --- a/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.playroom.tsx +++ b/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.playroom.tsx @@ -1,6 +1,7 @@ import React, { forwardRef } from 'react'; import { buttonVariants } from '../Button/Button'; -import { ButtonLink as BraidButtonLink, ButtonLinkProps } from './ButtonLink'; +import type { ButtonLinkProps } from './ButtonLink'; +import { ButtonLink as BraidButtonLink } from './ButtonLink'; export const ButtonLink = forwardRef( ({ variant, ...restProps }, ref) => { diff --git a/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.screenshots.tsx b/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.screenshots.tsx index 2cad59e286..f4c5b19c9f 100644 --- a/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.screenshots.tsx +++ b/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.screenshots.tsx @@ -1,5 +1,6 @@ -import React, { ReactNode } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ReactNode } from 'react'; +import React from 'react'; +import type { ComponentScreenshot } from 'site/types'; import { ButtonLink, IconSend, Stack, Inline, Text } from '../'; const Container = ({ children }: { children: ReactNode }) => ( diff --git a/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.test.tsx b/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.test.tsx index 76c19563c6..39e67fe791 100644 --- a/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.test.tsx +++ b/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.test.tsx @@ -5,7 +5,8 @@ import { render } from '@testing-library/react'; import { renderToStaticMarkup } from 'react-dom/server'; import { htmlToText } from '../../utils/htmlToText'; import { BraidTestProvider } from '../../../test'; -import { makeLinkComponent, LinkComponent, ButtonLink, IconSend } from '..'; +import type { LinkComponent } from '..'; +import { makeLinkComponent, ButtonLink, IconSend } from '..'; describe('ButtonLink', () => { it('should render valid html structure', () => { diff --git a/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.tsx b/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.tsx index 28b1b93c41..dd3df26b1f 100644 --- a/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.tsx +++ b/packages/braid-design-system/lib/components/ButtonLink/ButtonLink.tsx @@ -1,17 +1,14 @@ import dedent from 'dedent'; -import React, { forwardRef, ReactNode } from 'react'; -import { - useLinkComponent, - LinkComponentProps, -} from '../BraidProvider/BraidProvider'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { ReactNode } from 'react'; +import React, { forwardRef } from 'react'; +import type { LinkComponentProps } from '../BraidProvider/BraidProvider'; +import { useLinkComponent } from '../BraidProvider/BraidProvider'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; +import type { ButtonProps, ButtonStyleProps } from '../Button/Button'; import { ButtonContainer, ButtonOverlays, - ButtonProps, - ButtonStyleProps, ButtonText, useButtonStyles, } from '../Button/Button'; diff --git a/packages/braid-design-system/lib/components/Card/Card.docs.tsx b/packages/braid-design-system/lib/components/Card/Card.docs.tsx index fd554ad242..c55f9a0bdf 100644 --- a/packages/braid-design-system/lib/components/Card/Card.docs.tsx +++ b/packages/braid-design-system/lib/components/Card/Card.docs.tsx @@ -1,5 +1,5 @@ import React, { Fragment } from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Box, Stack, Card, Text, Tiles, Strong } from '../'; import { Placeholder } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Card/Card.gallery.tsx b/packages/braid-design-system/lib/components/Card/Card.gallery.tsx index 95cbea24ec..dbb48ae38b 100644 --- a/packages/braid-design-system/lib/components/Card/Card.gallery.tsx +++ b/packages/braid-design-system/lib/components/Card/Card.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Card, Text, Stack, Tiles } from '../'; import source from '../../utils/source.macro'; import { Placeholder } from '../../playroom/components'; diff --git a/packages/braid-design-system/lib/components/Card/Card.playroom.tsx b/packages/braid-design-system/lib/components/Card/Card.playroom.tsx index c9715f776f..71bd959bda 100644 --- a/packages/braid-design-system/lib/components/Card/Card.playroom.tsx +++ b/packages/braid-design-system/lib/components/Card/Card.playroom.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { Card as BraidCard, CardProps, validCardComponents } from './Card'; +import type { CardProps } from './Card'; +import { Card as BraidCard, validCardComponents } from './Card'; export const Card = ({ component, ...restProps }: CardProps) => ( ; diff --git a/packages/braid-design-system/lib/components/Checkbox/Checkbox.screenshots.tsx b/packages/braid-design-system/lib/components/Checkbox/Checkbox.screenshots.tsx index 4f042d1685..a9aa7744e1 100644 --- a/packages/braid-design-system/lib/components/Checkbox/Checkbox.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Checkbox/Checkbox.screenshots.tsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Badge, Checkbox, Stack, Text } from '../'; export const screenshots: ComponentScreenshot = { diff --git a/packages/braid-design-system/lib/components/Checkbox/Checkbox.snippets.tsx b/packages/braid-design-system/lib/components/Checkbox/Checkbox.snippets.tsx index 749e2b9198..94e99a5bb5 100644 --- a/packages/braid-design-system/lib/components/Checkbox/Checkbox.snippets.tsx +++ b/packages/braid-design-system/lib/components/Checkbox/Checkbox.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Checkbox, Badge, Placeholder } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Checkbox/Checkbox.test.tsx b/packages/braid-design-system/lib/components/Checkbox/Checkbox.test.tsx index 28a585a8bf..6c2f75fee7 100644 --- a/packages/braid-design-system/lib/components/Checkbox/Checkbox.test.tsx +++ b/packages/braid-design-system/lib/components/Checkbox/Checkbox.test.tsx @@ -1,5 +1,6 @@ import '@testing-library/jest-dom'; -import React, { ComponentProps, useState } from 'react'; +import type { ComponentProps } from 'react'; +import React, { useState } from 'react'; import { render } from '@testing-library/react'; import { BraidTestProvider } from '../../../test'; import { Checkbox } from '..'; diff --git a/packages/braid-design-system/lib/components/Checkbox/Checkbox.tsx b/packages/braid-design-system/lib/components/Checkbox/Checkbox.tsx index a8602f0899..7ac63c60cc 100644 --- a/packages/braid-design-system/lib/components/Checkbox/Checkbox.tsx +++ b/packages/braid-design-system/lib/components/Checkbox/Checkbox.tsx @@ -1,9 +1,7 @@ import React, { forwardRef } from 'react'; -import { - InlineField, - InlineFieldProps, -} from '../private/InlineField/InlineField'; -import { CheckboxChecked } from '../private/InlineField/StyledInput'; +import type { InlineFieldProps } from '../private/InlineField/InlineField'; +import { InlineField } from '../private/InlineField/InlineField'; +import type { CheckboxChecked } from '../private/InlineField/StyledInput'; import { resolveCheckedGroup } from './resolveCheckedGroup'; export interface CheckboxProps extends Omit { diff --git a/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.playroom.tsx b/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.playroom.tsx index acbbd84f0b..aec8801c4d 100644 --- a/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.playroom.tsx +++ b/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.playroom.tsx @@ -1,11 +1,10 @@ import React from 'react'; -import { Optional } from 'utility-types'; -import { useFallbackState, StateProp } from '../../playroom/playroomState'; +import type { Optional } from 'utility-types'; +import type { StateProp } from '../../playroom/playroomState'; +import { useFallbackState } from '../../playroom/playroomState'; import { useFallbackId } from '../../playroom/utils'; -import { - CheckboxStandalone as BraidCheckboxStandalone, - CheckboxStandaloneProps, -} from './CheckboxStandalone'; +import type { CheckboxStandaloneProps } from './CheckboxStandalone'; +import { CheckboxStandalone as BraidCheckboxStandalone } from './CheckboxStandalone'; type PlayroomCheckboxStandaloneProps = StateProp & Optional; diff --git a/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.screenshots.tsx b/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.screenshots.tsx index 90319c7481..d901a699a8 100644 --- a/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.screenshots.tsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { CheckboxStandalone, Stack } from '../'; export const screenshots: ComponentScreenshot = { diff --git a/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.test.tsx b/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.test.tsx index cd86f5991a..c948d33603 100644 --- a/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.test.tsx +++ b/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.test.tsx @@ -1,5 +1,6 @@ import '@testing-library/jest-dom'; -import React, { ComponentProps, useState } from 'react'; +import type { ComponentProps } from 'react'; +import React, { useState } from 'react'; import { render } from '@testing-library/react'; import { BraidTestProvider } from '../../../test'; import { CheckboxStandalone } from '..'; diff --git a/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.tsx b/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.tsx index 0ac532da18..0e1ce87a95 100644 --- a/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.tsx +++ b/packages/braid-design-system/lib/components/Checkbox/CheckboxStandalone.tsx @@ -1,10 +1,8 @@ import React, { forwardRef } from 'react'; import { Box } from '../Box/Box'; -import { - StyledInput, - StyledInputProps, -} from '../private/InlineField/StyledInput'; -import { CheckboxProps } from './Checkbox'; +import type { StyledInputProps } from '../private/InlineField/StyledInput'; +import { StyledInput } from '../private/InlineField/StyledInput'; +import type { CheckboxProps } from './Checkbox'; import { resolveCheckedGroup } from './resolveCheckedGroup'; type LabelStyle = diff --git a/packages/braid-design-system/lib/components/Checkbox/resolveCheckedGroup.ts b/packages/braid-design-system/lib/components/Checkbox/resolveCheckedGroup.ts index d59aebd238..23e37b7ec1 100644 --- a/packages/braid-design-system/lib/components/Checkbox/resolveCheckedGroup.ts +++ b/packages/braid-design-system/lib/components/Checkbox/resolveCheckedGroup.ts @@ -1,4 +1,4 @@ -import { CheckboxChecked } from '../private/InlineField/StyledInput'; +import type { CheckboxChecked } from '../private/InlineField/StyledInput'; export const resolveCheckedGroup = (values: Array) => values.some((value) => value !== values[0]) ? 'mixed' : values[0] ?? false; diff --git a/packages/braid-design-system/lib/components/Column/Column.screenshots.tsx b/packages/braid-design-system/lib/components/Column/Column.screenshots.tsx index 56dec6b6b2..9c6c7e17af 100644 --- a/packages/braid-design-system/lib/components/Column/Column.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Column/Column.screenshots.tsx @@ -1,5 +1,5 @@ import React, { Fragment } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Columns, Column, Box, Stack } from '../'; import { Placeholder } from '../private/Placeholder/Placeholder'; import { width as columnWidths } from './Column.css'; diff --git a/packages/braid-design-system/lib/components/Column/Column.tsx b/packages/braid-design-system/lib/components/Column/Column.tsx index dbdc1a6571..35a09d2f10 100644 --- a/packages/braid-design-system/lib/components/Column/Column.tsx +++ b/packages/braid-design-system/lib/components/Column/Column.tsx @@ -1,10 +1,10 @@ -import React, { ReactNode, useContext } from 'react'; +import type { ReactNode } from 'react'; +import React, { useContext } from 'react'; import { optimizeResponsiveArray } from '../../utils/optimizeResponsiveArray'; import { Box } from '../Box/Box'; import { ColumnsContext } from '../Columns/ColumnsContext'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; import * as styles from './Column.css'; export interface ColumnProps { diff --git a/packages/braid-design-system/lib/components/Columns/Columns.docs.tsx b/packages/braid-design-system/lib/components/Columns/Columns.docs.tsx index 678b7f278c..5004d8a594 100644 --- a/packages/braid-design-system/lib/components/Columns/Columns.docs.tsx +++ b/packages/braid-design-system/lib/components/Columns/Columns.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Placeholder } from '../private/Placeholder/Placeholder'; import { Columns, Column, Strong, Text, Stack } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Columns/Columns.gallery.tsx b/packages/braid-design-system/lib/components/Columns/Columns.gallery.tsx index a035ee39d4..cf31c23c70 100644 --- a/packages/braid-design-system/lib/components/Columns/Columns.gallery.tsx +++ b/packages/braid-design-system/lib/components/Columns/Columns.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Placeholder } from '../private/Placeholder/Placeholder'; import { Columns, Column, Stack } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Columns/Columns.playroom.tsx b/packages/braid-design-system/lib/components/Columns/Columns.playroom.tsx index 337a89c9e7..b73529ddcf 100644 --- a/packages/braid-design-system/lib/components/Columns/Columns.playroom.tsx +++ b/packages/braid-design-system/lib/components/Columns/Columns.playroom.tsx @@ -1,6 +1,7 @@ import React from 'react'; import { cleanSpaceValue } from '../../playroom/cleanSpaceValue'; -import { Columns as BraidColumns, ColumnsProps } from './Columns'; +import type { ColumnsProps } from './Columns'; +import { Columns as BraidColumns } from './Columns'; import { validColumnsComponents } from './ColumnsContext'; export const Columns = ({ diff --git a/packages/braid-design-system/lib/components/Columns/Columns.screenshots.tsx b/packages/braid-design-system/lib/components/Columns/Columns.screenshots.tsx index 6b8e0a9973..9bbd028c30 100644 --- a/packages/braid-design-system/lib/components/Columns/Columns.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Columns/Columns.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Placeholder } from '../private/Placeholder/Placeholder'; import { Columns, Column } from '../'; diff --git a/packages/braid-design-system/lib/components/Columns/Columns.snippets.tsx b/packages/braid-design-system/lib/components/Columns/Columns.snippets.tsx index f6c2c80e7d..59157abbfa 100644 --- a/packages/braid-design-system/lib/components/Columns/Columns.snippets.tsx +++ b/packages/braid-design-system/lib/components/Columns/Columns.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Columns, Column, Placeholder } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Columns/Columns.tsx b/packages/braid-design-system/lib/components/Columns/Columns.tsx index d18a2cc175..2e51895bc2 100644 --- a/packages/braid-design-system/lib/components/Columns/Columns.tsx +++ b/packages/braid-design-system/lib/components/Columns/Columns.tsx @@ -1,17 +1,15 @@ import assert from 'assert'; -import React, { ReactElement } from 'react'; +import type { ReactElement } from 'react'; +import React from 'react'; import { Box } from '../Box/Box'; -import { ColumnProps } from '../Column/Column'; -import { ResponsiveSpace } from '../../css/atoms/atoms'; +import type { ColumnProps } from '../Column/Column'; +import type { ResponsiveSpace } from '../../css/atoms/atoms'; import { negativeMargin } from '../../css/negativeMargin/negativeMargin'; -import { - resolveCollapsibleAlignmentProps, - CollapsibleAlignmentProps, -} from '../../utils/collapsibleAlignmentProps'; +import type { CollapsibleAlignmentProps } from '../../utils/collapsibleAlignmentProps'; +import { resolveCollapsibleAlignmentProps } from '../../utils/collapsibleAlignmentProps'; import { normalizeResponsiveValue } from '../../css/atoms/sprinkles.css'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; import { ColumnsContext, validColumnsComponents } from './ColumnsContext'; export interface ColumnsProps extends CollapsibleAlignmentProps { diff --git a/packages/braid-design-system/lib/components/Columns/ColumnsContext.ts b/packages/braid-design-system/lib/components/Columns/ColumnsContext.ts index 2b701d7806..f4b3abbdab 100644 --- a/packages/braid-design-system/lib/components/Columns/ColumnsContext.ts +++ b/packages/braid-design-system/lib/components/Columns/ColumnsContext.ts @@ -1,6 +1,6 @@ import { createContext } from 'react'; -import { Space } from '../../css/atoms/atoms'; -import { resolveCollapsibleAlignmentProps } from '../../utils/collapsibleAlignmentProps'; +import type { Space } from '../../css/atoms/atoms'; +import type { resolveCollapsibleAlignmentProps } from '../../utils/collapsibleAlignmentProps'; export const validColumnsComponents = ['div', 'span'] as const; diff --git a/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.docs.tsx b/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.docs.tsx index 9440c57708..b9fe8d651d 100644 --- a/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.docs.tsx +++ b/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Placeholder } from '../private/Placeholder/Placeholder'; import { ContentBlock } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.gallery.tsx b/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.gallery.tsx index 26e3e1b2a4..995b074d9a 100644 --- a/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.gallery.tsx +++ b/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Placeholder } from '../private/Placeholder/Placeholder'; import { ContentBlock } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.screenshots.tsx b/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.screenshots.tsx index 100d737ca6..647663897e 100644 --- a/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.screenshots.tsx +++ b/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Placeholder } from '../private/Placeholder/Placeholder'; import { ContentBlock } from '../'; diff --git a/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.snippets.tsx b/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.snippets.tsx index 22f313fdce..92fbe9cddf 100644 --- a/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.snippets.tsx +++ b/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { ContentBlock, Placeholder } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.tsx b/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.tsx index cdcc1b3cde..e55d4dbcc1 100644 --- a/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.tsx +++ b/packages/braid-design-system/lib/components/ContentBlock/ContentBlock.tsx @@ -1,8 +1,9 @@ -import React, { ReactNode } from 'react'; -import { Box, BoxProps } from '../Box/Box'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { ReactNode } from 'react'; +import React from 'react'; +import type { BoxProps } from '../Box/Box'; +import { Box } from '../Box/Box'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; import * as styles from './ContentBlock.css'; export interface ContentBlockProps { diff --git a/packages/braid-design-system/lib/components/Dialog/Dialog.docs.tsx b/packages/braid-design-system/lib/components/Dialog/Dialog.docs.tsx index fee47ed21e..556cb802b4 100644 --- a/packages/braid-design-system/lib/components/Dialog/Dialog.docs.tsx +++ b/packages/braid-design-system/lib/components/Dialog/Dialog.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import source from '../../utils/source.macro'; import { Dialog, diff --git a/packages/braid-design-system/lib/components/Dialog/Dialog.gallery.tsx b/packages/braid-design-system/lib/components/Dialog/Dialog.gallery.tsx index cf76c4f050..ced18dc5f9 100644 --- a/packages/braid-design-system/lib/components/Dialog/Dialog.gallery.tsx +++ b/packages/braid-design-system/lib/components/Dialog/Dialog.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import source from '../../utils/source.macro'; import { Dialog, Button, Inline, Stack } from '../'; import { Placeholder } from '../../playroom/components'; diff --git a/packages/braid-design-system/lib/components/Dialog/Dialog.playroom.tsx b/packages/braid-design-system/lib/components/Dialog/Dialog.playroom.tsx index 607adaa925..803f771b16 100644 --- a/packages/braid-design-system/lib/components/Dialog/Dialog.playroom.tsx +++ b/packages/braid-design-system/lib/components/Dialog/Dialog.playroom.tsx @@ -1,9 +1,11 @@ import React from 'react'; -import { Optional } from 'utility-types'; -import { useFallbackState, StateProp } from '../../playroom/playroomState'; +import type { Optional } from 'utility-types'; +import type { StateProp } from '../../playroom/playroomState'; +import { useFallbackState } from '../../playroom/playroomState'; import { useFallbackId } from '../../playroom/utils'; import { AllowCloseContext } from '../private/Modal/Modal'; -import { Dialog as BraidDialog, DialogProps } from './Dialog'; +import type { DialogProps } from './Dialog'; +import { Dialog as BraidDialog } from './Dialog'; type PlayroomDialogProps = StateProp & Optional; diff --git a/packages/braid-design-system/lib/components/Dialog/Dialog.screenshots.tsx b/packages/braid-design-system/lib/components/Dialog/Dialog.screenshots.tsx index a200843554..08000dfaf9 100644 --- a/packages/braid-design-system/lib/components/Dialog/Dialog.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Dialog/Dialog.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Inline, Stack, Box } from '../'; import { Placeholder } from '../../playroom/components'; import { DialogContent } from './Dialog'; diff --git a/packages/braid-design-system/lib/components/Dialog/Dialog.snippets.tsx b/packages/braid-design-system/lib/components/Dialog/Dialog.snippets.tsx index b52714c003..65395d8113 100644 --- a/packages/braid-design-system/lib/components/Dialog/Dialog.snippets.tsx +++ b/packages/braid-design-system/lib/components/Dialog/Dialog.snippets.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Dialog, Box, diff --git a/packages/braid-design-system/lib/components/Dialog/Dialog.tsx b/packages/braid-design-system/lib/components/Dialog/Dialog.tsx index 69e7a23940..9f7c99e997 100644 --- a/packages/braid-design-system/lib/components/Dialog/Dialog.tsx +++ b/packages/braid-design-system/lib/components/Dialog/Dialog.tsx @@ -1,6 +1,8 @@ import React from 'react'; -import { Modal, ModalProps } from '../private/Modal/Modal'; -import { ModalContent, ModalContentProps } from '../private/Modal/ModalContent'; +import type { ModalProps } from '../private/Modal/Modal'; +import { Modal } from '../private/Modal/Modal'; +import type { ModalContentProps } from '../private/Modal/ModalContent'; +import { ModalContent } from '../private/Modal/ModalContent'; export { AllowCloseContext } from '../private/Modal/Modal'; diff --git a/packages/braid-design-system/lib/components/Disclosure/Disclosure.docs.tsx b/packages/braid-design-system/lib/components/Disclosure/Disclosure.docs.tsx index 04ae7adc75..798351a6ec 100644 --- a/packages/braid-design-system/lib/components/Disclosure/Disclosure.docs.tsx +++ b/packages/braid-design-system/lib/components/Disclosure/Disclosure.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Disclosure, Text, TextLink, Strong } from '..'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Disclosure/Disclosure.gallery.tsx b/packages/braid-design-system/lib/components/Disclosure/Disclosure.gallery.tsx index 5cfc1e6c84..b0f80c585b 100644 --- a/packages/braid-design-system/lib/components/Disclosure/Disclosure.gallery.tsx +++ b/packages/braid-design-system/lib/components/Disclosure/Disclosure.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Disclosure } from '..'; import source from '../../utils/source.macro'; import { Placeholder } from '../../playroom/components'; diff --git a/packages/braid-design-system/lib/components/Disclosure/Disclosure.playroom.tsx b/packages/braid-design-system/lib/components/Disclosure/Disclosure.playroom.tsx index c1ff0f9439..ce6b128c14 100644 --- a/packages/braid-design-system/lib/components/Disclosure/Disclosure.playroom.tsx +++ b/packages/braid-design-system/lib/components/Disclosure/Disclosure.playroom.tsx @@ -1,12 +1,13 @@ import React from 'react'; -import { useFallbackState, StateProp } from '../../playroom/playroomState'; +import type { StateProp } from '../../playroom/playroomState'; +import { useFallbackState } from '../../playroom/playroomState'; import { useFallbackId } from '../../playroom/utils'; -import { - Disclosure as BraidDisclosure, +import type { DisclosureProps, DisclosureBaseProps, DisclosureStateProps, } from './Disclosure'; +import { Disclosure as BraidDisclosure } from './Disclosure'; type OptionalProps = 'id'; type PlayroomDisclosureProps = StateProp & diff --git a/packages/braid-design-system/lib/components/Disclosure/Disclosure.screenshots.tsx b/packages/braid-design-system/lib/components/Disclosure/Disclosure.screenshots.tsx index 97510cd509..d6ad16273a 100644 --- a/packages/braid-design-system/lib/components/Disclosure/Disclosure.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Disclosure/Disclosure.screenshots.tsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Disclosure, Text } from '../'; export const screenshots: ComponentScreenshot = { diff --git a/packages/braid-design-system/lib/components/Disclosure/Disclosure.snippets.tsx b/packages/braid-design-system/lib/components/Disclosure/Disclosure.snippets.tsx index 215fcf175e..668f8957de 100644 --- a/packages/braid-design-system/lib/components/Disclosure/Disclosure.snippets.tsx +++ b/packages/braid-design-system/lib/components/Disclosure/Disclosure.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Disclosure, Stack, Text } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Disclosure/Disclosure.tsx b/packages/braid-design-system/lib/components/Disclosure/Disclosure.tsx index 5807e034fc..2a5b3ef777 100644 --- a/packages/braid-design-system/lib/components/Disclosure/Disclosure.tsx +++ b/packages/braid-design-system/lib/components/Disclosure/Disclosure.tsx @@ -1,14 +1,15 @@ -import React, { ReactNode } from 'react'; +import type { ReactNode } from 'react'; +import React from 'react'; import assert from 'assert'; import { Box } from '../Box/Box'; import type { ResponsiveSpace } from '../../css/atoms/atoms'; import { Text } from '../Text/Text'; import { TextLinkButton } from '../TextLinkButton/TextLinkButton'; import { IconChevron } from '../icons'; -import { useDisclosure, UseDisclosureProps } from './useDisclosure'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { UseDisclosureProps } from './useDisclosure'; +import { useDisclosure } from './useDisclosure'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; export type DisclosureBaseProps = { expandLabel: string; diff --git a/packages/braid-design-system/lib/components/Disclosure/useDisclosure.ts b/packages/braid-design-system/lib/components/Disclosure/useDisclosure.ts index 3afdd7bb0e..3e3ac7b672 100644 --- a/packages/braid-design-system/lib/components/Disclosure/useDisclosure.ts +++ b/packages/braid-design-system/lib/components/Disclosure/useDisclosure.ts @@ -1,5 +1,5 @@ import { useState } from 'react'; -import { AllOrNone } from '../private/AllOrNone'; +import type { AllOrNone } from '../private/AllOrNone'; export type DisclosureStateProps = AllOrNone<{ expanded?: boolean; diff --git a/packages/braid-design-system/lib/components/Divider/Divider.docs.tsx b/packages/braid-design-system/lib/components/Divider/Divider.docs.tsx index 066db1082d..d90b39e0c8 100644 --- a/packages/braid-design-system/lib/components/Divider/Divider.docs.tsx +++ b/packages/braid-design-system/lib/components/Divider/Divider.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Divider, Card, Stack, Text, Strong } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Divider/Divider.gallery.tsx b/packages/braid-design-system/lib/components/Divider/Divider.gallery.tsx index cd6749bcdc..461b61b19d 100644 --- a/packages/braid-design-system/lib/components/Divider/Divider.gallery.tsx +++ b/packages/braid-design-system/lib/components/Divider/Divider.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Divider } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Divider/Divider.screenshots.tsx b/packages/braid-design-system/lib/components/Divider/Divider.screenshots.tsx index 8c92052dcc..1ad98cf620 100644 --- a/packages/braid-design-system/lib/components/Divider/Divider.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Divider/Divider.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Divider } from '../'; export const screenshots: ComponentScreenshot = { diff --git a/packages/braid-design-system/lib/components/Divider/Divider.snippets.tsx b/packages/braid-design-system/lib/components/Divider/Divider.snippets.tsx index 634ce7cda1..5d65db157b 100644 --- a/packages/braid-design-system/lib/components/Divider/Divider.snippets.tsx +++ b/packages/braid-design-system/lib/components/Divider/Divider.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Divider } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Drawer/Drawer.docs.tsx b/packages/braid-design-system/lib/components/Drawer/Drawer.docs.tsx index f190c5258e..4ff3ac4064 100644 --- a/packages/braid-design-system/lib/components/Drawer/Drawer.docs.tsx +++ b/packages/braid-design-system/lib/components/Drawer/Drawer.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import source from '../../utils/source.macro'; import { Drawer, diff --git a/packages/braid-design-system/lib/components/Drawer/Drawer.gallery.tsx b/packages/braid-design-system/lib/components/Drawer/Drawer.gallery.tsx index 325acde3ad..022c8ecf8e 100644 --- a/packages/braid-design-system/lib/components/Drawer/Drawer.gallery.tsx +++ b/packages/braid-design-system/lib/components/Drawer/Drawer.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import source from '../../utils/source.macro'; import { Drawer, diff --git a/packages/braid-design-system/lib/components/Drawer/Drawer.playroom.tsx b/packages/braid-design-system/lib/components/Drawer/Drawer.playroom.tsx index b7d889f58b..46965af0cd 100644 --- a/packages/braid-design-system/lib/components/Drawer/Drawer.playroom.tsx +++ b/packages/braid-design-system/lib/components/Drawer/Drawer.playroom.tsx @@ -1,12 +1,10 @@ import React from 'react'; -import { Optional } from 'utility-types'; -import { useFallbackState, StateProp } from '../../playroom/playroomState'; +import type { Optional } from 'utility-types'; +import type { StateProp } from '../../playroom/playroomState'; +import { useFallbackState } from '../../playroom/playroomState'; import { useFallbackId } from '../../playroom/utils'; -import { - Drawer as BraidDrawer, - DrawerProps, - AllowCloseContext, -} from './Drawer'; +import type { DrawerProps } from './Drawer'; +import { Drawer as BraidDrawer, AllowCloseContext } from './Drawer'; type PlayroomDrawerProps = StateProp & Optional; diff --git a/packages/braid-design-system/lib/components/Drawer/Drawer.screenshots.tsx b/packages/braid-design-system/lib/components/Drawer/Drawer.screenshots.tsx index 3c0dc71950..acefd42c17 100644 --- a/packages/braid-design-system/lib/components/Drawer/Drawer.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Drawer/Drawer.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Placeholder } from '../../playroom/components'; import { DrawerContent } from './Drawer'; diff --git a/packages/braid-design-system/lib/components/Drawer/Drawer.snippets.tsx b/packages/braid-design-system/lib/components/Drawer/Drawer.snippets.tsx index c699e6ba57..ee5ecf3a56 100644 --- a/packages/braid-design-system/lib/components/Drawer/Drawer.snippets.tsx +++ b/packages/braid-design-system/lib/components/Drawer/Drawer.snippets.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Drawer, Placeholder } from '../../playroom/components'; export const snippets: Snippets = [ diff --git a/packages/braid-design-system/lib/components/Drawer/Drawer.tsx b/packages/braid-design-system/lib/components/Drawer/Drawer.tsx index 3bfe3499ec..e2aa219dec 100644 --- a/packages/braid-design-system/lib/components/Drawer/Drawer.tsx +++ b/packages/braid-design-system/lib/components/Drawer/Drawer.tsx @@ -1,7 +1,9 @@ import assert from 'assert'; import React from 'react'; -import { Modal, ModalProps } from '../private/Modal/Modal'; -import { ModalContent, ModalContentProps } from '../private/Modal/ModalContent'; +import type { ModalProps } from '../private/Modal/Modal'; +import { Modal } from '../private/Modal/Modal'; +import type { ModalContentProps } from '../private/Modal/ModalContent'; +import { ModalContent } from '../private/Modal/ModalContent'; export { AllowCloseContext } from '../private/Modal/Modal'; const validWidths = ['small', 'medium', 'large'] as const; diff --git a/packages/braid-design-system/lib/components/Dropdown/Dropdown.docs.tsx b/packages/braid-design-system/lib/components/Dropdown/Dropdown.docs.tsx index 1dadd898ff..8416ec04a6 100644 --- a/packages/braid-design-system/lib/components/Dropdown/Dropdown.docs.tsx +++ b/packages/braid-design-system/lib/components/Dropdown/Dropdown.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Dropdown, List, diff --git a/packages/braid-design-system/lib/components/Dropdown/Dropdown.gallery.tsx b/packages/braid-design-system/lib/components/Dropdown/Dropdown.gallery.tsx index d55482dbe6..97ddb37c5e 100644 --- a/packages/braid-design-system/lib/components/Dropdown/Dropdown.gallery.tsx +++ b/packages/braid-design-system/lib/components/Dropdown/Dropdown.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Dropdown, IconLocation, IconHelp, TextLink } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Dropdown/Dropdown.playroom.tsx b/packages/braid-design-system/lib/components/Dropdown/Dropdown.playroom.tsx index 7d08ff57f7..e167862f71 100644 --- a/packages/braid-design-system/lib/components/Dropdown/Dropdown.playroom.tsx +++ b/packages/braid-design-system/lib/components/Dropdown/Dropdown.playroom.tsx @@ -1,12 +1,10 @@ import React from 'react'; -import { Optional } from 'utility-types'; -import { useFallbackState, StateProp } from '../../playroom/playroomState'; +import type { Optional } from 'utility-types'; +import type { StateProp } from '../../playroom/playroomState'; +import { useFallbackState } from '../../playroom/playroomState'; import { useFallbackId } from '../../playroom/utils'; -import { - Dropdown as BraidDropdown, - DropdownBaseProps, - DropdownLabelProps, -} from './Dropdown'; +import type { DropdownBaseProps, DropdownLabelProps } from './Dropdown'; +import { Dropdown as BraidDropdown } from './Dropdown'; type PlayroomDropdownProps = StateProp & Optional & diff --git a/packages/braid-design-system/lib/components/Dropdown/Dropdown.screenshots.tsx b/packages/braid-design-system/lib/components/Dropdown/Dropdown.screenshots.tsx index 33e1b06b6e..fb9fef6656 100644 --- a/packages/braid-design-system/lib/components/Dropdown/Dropdown.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Dropdown/Dropdown.screenshots.tsx @@ -1,5 +1,6 @@ -import React, { ReactNode } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ReactNode } from 'react'; +import React from 'react'; +import type { ComponentScreenshot } from 'site/types'; import { Dropdown, IconLocation, Stack } from '../'; const Container = ({ children }: { children: ReactNode }) => ( diff --git a/packages/braid-design-system/lib/components/Dropdown/Dropdown.snippets.tsx b/packages/braid-design-system/lib/components/Dropdown/Dropdown.snippets.tsx index aa61f611a9..a8fca4f5f5 100644 --- a/packages/braid-design-system/lib/components/Dropdown/Dropdown.snippets.tsx +++ b/packages/braid-design-system/lib/components/Dropdown/Dropdown.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Dropdown, IconHelp, IconLocation } from '../../playroom/components'; import source from '../../utils/source.macro'; import { TextLink } from '../TextLink/TextLink'; diff --git a/packages/braid-design-system/lib/components/Dropdown/Dropdown.tsx b/packages/braid-design-system/lib/components/Dropdown/Dropdown.tsx index 057c264554..eee16ce0b9 100644 --- a/packages/braid-design-system/lib/components/Dropdown/Dropdown.tsx +++ b/packages/braid-design-system/lib/components/Dropdown/Dropdown.tsx @@ -1,10 +1,8 @@ -import React, { Fragment, AllHTMLAttributes, forwardRef } from 'react'; +import type { AllHTMLAttributes } from 'react'; +import React, { Fragment, forwardRef } from 'react'; import { Box } from '../Box/Box'; -import { - Field, - FieldBaseProps, - FieldLabelVariant, -} from '../private/Field/Field'; +import type { FieldBaseProps, FieldLabelVariant } from '../private/Field/Field'; +import { Field } from '../private/Field/Field'; import { IconChevron } from '../icons'; import * as styles from './Dropdown.css'; import { Text } from '../Text/Text'; diff --git a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.docs.tsx b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.docs.tsx index 6a96a24b64..b1a9a42e72 100644 --- a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.docs.tsx +++ b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.docs.tsx @@ -1,7 +1,7 @@ import React from 'react'; import type { ReactNode } from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { FieldLabel, Stack, diff --git a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.gallery.tsx b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.gallery.tsx index 1adb0e446e..85eae3a6ed 100644 --- a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.gallery.tsx +++ b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { FieldLabel, TextLink } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.playroom.tsx b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.playroom.tsx index 8517d9e73e..1c1b4d8a4c 100644 --- a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.playroom.tsx +++ b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.playroom.tsx @@ -1,7 +1,8 @@ import React from 'react'; -import { Optional } from 'utility-types'; +import type { Optional } from 'utility-types'; import { useFallbackId } from '../../playroom/utils'; -import { FieldLabel as BraidFieldLabel, FieldLabelProps } from './FieldLabel'; +import type { FieldLabelProps } from './FieldLabel'; +import { FieldLabel as BraidFieldLabel } from './FieldLabel'; type PlayroomFieldLabelProps = Optional; diff --git a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.screenshots.tsx b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.screenshots.tsx index 7a7fb1ae50..e91d5309f3 100644 --- a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.screenshots.tsx +++ b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.screenshots.tsx @@ -1,5 +1,6 @@ -import React, { ReactNode } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ReactNode } from 'react'; +import React from 'react'; +import type { ComponentScreenshot } from 'site/types'; import { FieldLabel, TextLink } from '../'; const Container = ({ children }: { children: ReactNode }) => ( diff --git a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.snippets.tsx b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.snippets.tsx index 6cac895a9c..b4818c4a54 100644 --- a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.snippets.tsx +++ b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { FieldLabel, TextLink } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.tsx b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.tsx index 493d71730e..02f8c2875c 100644 --- a/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.tsx +++ b/packages/braid-design-system/lib/components/FieldLabel/FieldLabel.tsx @@ -1,10 +1,11 @@ -import React, { ReactNode } from 'react'; +import type { ReactNode } from 'react'; +import React from 'react'; import { Box } from '../Box/Box'; import { Secondary } from '../Secondary/Secondary'; import { Strong } from '../Strong/Strong'; import { Text } from '../Text/Text'; import { Stack } from '../Stack/Stack'; -import { DataAttributeMap } from '../private/buildDataAttributes'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; export interface FieldLabelProps { id?: string; diff --git a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.docs.tsx b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.docs.tsx index b302b0deff..a7e0ef2d51 100644 --- a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.docs.tsx +++ b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { FieldMessage, Alert, Text, Strong, Stack, Box } from '../'; import { Placeholder } from '../../playroom/components'; diff --git a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.gallery.tsx b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.gallery.tsx index ce6bb66d45..ad37ddbfb5 100644 --- a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.gallery.tsx +++ b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { FieldMessage } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.playroom.tsx b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.playroom.tsx index dd7a13a371..029ee516c5 100644 --- a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.playroom.tsx +++ b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.playroom.tsx @@ -1,11 +1,8 @@ import React from 'react'; -import { Optional } from 'utility-types'; +import type { Optional } from 'utility-types'; import { useFallbackId } from '../../playroom/utils'; -import { - FieldMessage as BraidFieldMessage, - FieldMessageProps, - tones, -} from './FieldMessage'; +import type { FieldMessageProps } from './FieldMessage'; +import { FieldMessage as BraidFieldMessage, tones } from './FieldMessage'; type PlayroomFieldMessageProps = Optional; diff --git a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.screenshots.tsx b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.screenshots.tsx index 21deba5d01..e3dd967e19 100644 --- a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.screenshots.tsx +++ b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { FieldMessage } from '../'; export const screenshots: ComponentScreenshot = { diff --git a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.snippets.tsx b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.snippets.tsx index 4cd150d6d6..729632d328 100644 --- a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.snippets.tsx +++ b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { FieldMessage, Text } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.tsx b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.tsx index c91ae83592..fdbc02fa01 100644 --- a/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.tsx +++ b/packages/braid-design-system/lib/components/FieldMessage/FieldMessage.tsx @@ -1,10 +1,11 @@ -import React, { ReactNode } from 'react'; +import type { ReactNode } from 'react'; +import React from 'react'; import { Box } from '../Box/Box'; -import { Text, TextProps } from '../Text/Text'; +import type { TextProps } from '../Text/Text'; +import { Text } from '../Text/Text'; import { IconCritical, IconPositive } from '../icons'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; export const tones = ['neutral', 'critical', 'positive'] as const; type FieldTone = typeof tones[number]; diff --git a/packages/braid-design-system/lib/components/Heading/Heading.docs.tsx b/packages/braid-design-system/lib/components/Heading/Heading.docs.tsx index 2aeec6d087..edf52cf74c 100644 --- a/packages/braid-design-system/lib/components/Heading/Heading.docs.tsx +++ b/packages/braid-design-system/lib/components/Heading/Heading.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Box, Heading, Stack, Text, Strong, TextLink, IconPromote } from '../'; const docs: ComponentDocs = { diff --git a/packages/braid-design-system/lib/components/Heading/Heading.gallery.tsx b/packages/braid-design-system/lib/components/Heading/Heading.gallery.tsx index 47fd449cc7..07bf688275 100644 --- a/packages/braid-design-system/lib/components/Heading/Heading.gallery.tsx +++ b/packages/braid-design-system/lib/components/Heading/Heading.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Box, Heading, Stack, IconPromote } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Heading/Heading.playroom.tsx b/packages/braid-design-system/lib/components/Heading/Heading.playroom.tsx index 079dbf618e..9bef942cec 100644 --- a/packages/braid-design-system/lib/components/Heading/Heading.playroom.tsx +++ b/packages/braid-design-system/lib/components/Heading/Heading.playroom.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { Heading as BraidHeading, HeadingProps } from './Heading'; +import type { HeadingProps } from './Heading'; +import { Heading as BraidHeading } from './Heading'; export const Heading = ({ level, ...restProps }: HeadingProps) => ( diff --git a/packages/braid-design-system/lib/components/Heading/Heading.screenshots.tsx b/packages/braid-design-system/lib/components/Heading/Heading.screenshots.tsx index f5d407f429..b2351bb1c7 100644 --- a/packages/braid-design-system/lib/components/Heading/Heading.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Heading/Heading.screenshots.tsx @@ -1,5 +1,6 @@ -import React, { ReactNode, Fragment } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ReactNode } from 'react'; +import React, { Fragment } from 'react'; +import type { ComponentScreenshot } from 'site/types'; import { heading } from '../../css/typography.css'; import { Heading, IconPositive, IconPromote, Stack, Text } from '../'; // TODO: COLORMODE RELEASE diff --git a/packages/braid-design-system/lib/components/Heading/Heading.snippets.tsx b/packages/braid-design-system/lib/components/Heading/Heading.snippets.tsx index 036d64362e..49aa2caadc 100644 --- a/packages/braid-design-system/lib/components/Heading/Heading.snippets.tsx +++ b/packages/braid-design-system/lib/components/Heading/Heading.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Heading } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Heading/Heading.tsx b/packages/braid-design-system/lib/components/Heading/Heading.tsx index d28e561fb9..3e042de538 100644 --- a/packages/braid-design-system/lib/components/Heading/Heading.tsx +++ b/packages/braid-design-system/lib/components/Heading/Heading.tsx @@ -1,6 +1,8 @@ -import React, { ReactNode } from 'react'; +import type { ReactNode } from 'react'; +import React from 'react'; import HeadingContext from './HeadingContext'; -import { Typography, TypographyProps } from '../private/Typography/Typography'; +import type { TypographyProps } from '../private/Typography/Typography'; +import { Typography } from '../private/Typography/Typography'; import * as typographyStyles from '../../css/typography.css'; const resolveDefaultComponent = { diff --git a/packages/braid-design-system/lib/components/Hidden/Hidden.docs.tsx b/packages/braid-design-system/lib/components/Hidden/Hidden.docs.tsx index dae5a8d930..7b192637fa 100644 --- a/packages/braid-design-system/lib/components/Hidden/Hidden.docs.tsx +++ b/packages/braid-design-system/lib/components/Hidden/Hidden.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Hidden } from './Hidden'; import { Text } from '../Text/Text'; import { Stack } from '../Stack/Stack'; diff --git a/packages/braid-design-system/lib/components/Hidden/Hidden.screenshots.tsx b/packages/braid-design-system/lib/components/Hidden/Hidden.screenshots.tsx index 1630a43306..1d8c03b180 100644 --- a/packages/braid-design-system/lib/components/Hidden/Hidden.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Hidden/Hidden.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Hidden, Text } from '../'; import { Box } from '../Box/Box'; diff --git a/packages/braid-design-system/lib/components/Hidden/Hidden.tsx b/packages/braid-design-system/lib/components/Hidden/Hidden.tsx index 9e5850c516..57c440e774 100644 --- a/packages/braid-design-system/lib/components/Hidden/Hidden.tsx +++ b/packages/braid-design-system/lib/components/Hidden/Hidden.tsx @@ -1,14 +1,13 @@ -import React, { useContext, ReactNode } from 'react'; -import { Box, BoxProps } from '../Box/Box'; +import type { ReactNode } from 'react'; +import React, { useContext } from 'react'; +import type { BoxProps } from '../Box/Box'; +import { Box } from '../Box/Box'; import { TextContext } from '../Text/TextContext'; import HeadingContext from '../Heading/HeadingContext'; -import { - resolveResponsiveRangeProps, - ResponsiveRangeProps, -} from '../../utils/resolveResponsiveRangeProps'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { ResponsiveRangeProps } from '../../utils/resolveResponsiveRangeProps'; +import { resolveResponsiveRangeProps } from '../../utils/resolveResponsiveRangeProps'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; import * as styles from './Hidden.css'; import { optimizeResponsiveArray } from '../../utils/optimizeResponsiveArray'; diff --git a/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.docs.tsx b/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.docs.tsx index 39e6e3e0e4..7b78b499e0 100644 --- a/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.docs.tsx +++ b/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { HiddenVisually } from './HiddenVisually'; import { Text } from '../Text/Text'; diff --git a/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.screenshots.tsx b/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.screenshots.tsx index 07fe2ac895..250e24f3f7 100644 --- a/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.screenshots.tsx +++ b/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Text, HiddenVisually } from '../'; export const screenshots: ComponentScreenshot = { diff --git a/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.tsx b/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.tsx index 0873c6f0cb..0788e801e0 100644 --- a/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.tsx +++ b/packages/braid-design-system/lib/components/HiddenVisually/HiddenVisually.tsx @@ -1,10 +1,10 @@ import React, { useContext } from 'react'; -import { Box, BoxProps } from '../Box/Box'; +import type { BoxProps } from '../Box/Box'; +import { Box } from '../Box/Box'; import { TextContext } from '../Text/TextContext'; import HeadingContext from '../Heading/HeadingContext'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; import * as styles from './HiddenVisually.css'; interface HiddenVisuallyProps { diff --git a/packages/braid-design-system/lib/components/Inline/Inline.docs.tsx b/packages/braid-design-system/lib/components/Inline/Inline.docs.tsx index 3e5efc8e4b..43d7261c1d 100644 --- a/packages/braid-design-system/lib/components/Inline/Inline.docs.tsx +++ b/packages/braid-design-system/lib/components/Inline/Inline.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Placeholder } from '../private/Placeholder/Placeholder'; import { Inline, Stack, Strong, Text, TextLink } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Inline/Inline.gallery.tsx b/packages/braid-design-system/lib/components/Inline/Inline.gallery.tsx index b33bc601a6..e8873e2973 100644 --- a/packages/braid-design-system/lib/components/Inline/Inline.gallery.tsx +++ b/packages/braid-design-system/lib/components/Inline/Inline.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Placeholder } from '../private/Placeholder/Placeholder'; import { Inline } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Inline/Inline.playroom.tsx b/packages/braid-design-system/lib/components/Inline/Inline.playroom.tsx index 063b2f2039..3223792503 100644 --- a/packages/braid-design-system/lib/components/Inline/Inline.playroom.tsx +++ b/packages/braid-design-system/lib/components/Inline/Inline.playroom.tsx @@ -1,10 +1,7 @@ import React from 'react'; import { cleanSpaceValue } from '../../playroom/cleanSpaceValue'; -import { - Inline as BraidInline, - InlineProps, - validInlineComponents, -} from './Inline'; +import type { InlineProps } from './Inline'; +import { Inline as BraidInline, validInlineComponents } from './Inline'; export const Inline = ({ space, diff --git a/packages/braid-design-system/lib/components/Inline/Inline.screenshots.tsx b/packages/braid-design-system/lib/components/Inline/Inline.screenshots.tsx index dd02106993..c06c0196a3 100644 --- a/packages/braid-design-system/lib/components/Inline/Inline.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Inline/Inline.screenshots.tsx @@ -1,5 +1,6 @@ -import React, { Fragment, ReactNode } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ReactNode } from 'react'; +import React, { Fragment } from 'react'; +import type { ComponentScreenshot } from 'site/types'; import { Placeholder } from '../private/Placeholder/Placeholder'; import { Box, Inline } from '../'; import { spaces } from '../../utils/docsHelpers'; diff --git a/packages/braid-design-system/lib/components/Inline/Inline.snippets.tsx b/packages/braid-design-system/lib/components/Inline/Inline.snippets.tsx index 39007398c6..6b7fe007b9 100644 --- a/packages/braid-design-system/lib/components/Inline/Inline.snippets.tsx +++ b/packages/braid-design-system/lib/components/Inline/Inline.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Inline, Placeholder } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Inline/Inline.tsx b/packages/braid-design-system/lib/components/Inline/Inline.tsx index 4e3eaa843c..4fd2396555 100644 --- a/packages/braid-design-system/lib/components/Inline/Inline.tsx +++ b/packages/braid-design-system/lib/components/Inline/Inline.tsx @@ -3,16 +3,13 @@ import React, { Children } from 'react'; import flattenChildren from 'react-keyed-flatten-children'; import { Box } from '../Box/Box'; -import { ResponsiveSpace } from '../../css/atoms/atoms'; +import type { ResponsiveSpace } from '../../css/atoms/atoms'; import { negativeMargin } from '../../css/negativeMargin/negativeMargin'; -import { ReactNodeNoStrings } from '../private/ReactNodeNoStrings'; -import { - resolveCollapsibleAlignmentProps, - CollapsibleAlignmentProps, -} from '../../utils/collapsibleAlignmentProps'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { ReactNodeNoStrings } from '../private/ReactNodeNoStrings'; +import type { CollapsibleAlignmentProps } from '../../utils/collapsibleAlignmentProps'; +import { resolveCollapsibleAlignmentProps } from '../../utils/collapsibleAlignmentProps'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; export const validInlineComponents = ['div', 'span', 'ol', 'ul'] as const; diff --git a/packages/braid-design-system/lib/components/Link/Link.docs.tsx b/packages/braid-design-system/lib/components/Link/Link.docs.tsx index 4d6f366baf..dd80c62e25 100644 --- a/packages/braid-design-system/lib/components/Link/Link.docs.tsx +++ b/packages/braid-design-system/lib/components/Link/Link.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Link, Text, TextLink } from '..'; import { Placeholder } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Link/Link.playroom.tsx b/packages/braid-design-system/lib/components/Link/Link.playroom.tsx index 58d74d3eae..349e23e488 100644 --- a/packages/braid-design-system/lib/components/Link/Link.playroom.tsx +++ b/packages/braid-design-system/lib/components/Link/Link.playroom.tsx @@ -1,5 +1,6 @@ import React, { forwardRef } from 'react'; -import { Link as CustomLink, LinkProps } from './Link'; +import type { LinkProps } from './Link'; +import { Link as CustomLink } from './Link'; export const Link = forwardRef( ({ href, onClick, ...restProps }, ref) => ( diff --git a/packages/braid-design-system/lib/components/Link/Link.test.tsx b/packages/braid-design-system/lib/components/Link/Link.test.tsx index e604e0129e..e473c9729c 100644 --- a/packages/braid-design-system/lib/components/Link/Link.test.tsx +++ b/packages/braid-design-system/lib/components/Link/Link.test.tsx @@ -3,7 +3,8 @@ import React from 'react'; import { render } from '@testing-library/react'; import { htmlToText } from '../../utils/htmlToText'; import { BraidTestProvider } from '../../../test'; -import { makeLinkComponent, LinkComponent, Link } from '..'; +import type { LinkComponent } from '..'; +import { makeLinkComponent, Link } from '..'; describe('Link', () => { it('should render a native link by default', () => { diff --git a/packages/braid-design-system/lib/components/Link/Link.tsx b/packages/braid-design-system/lib/components/Link/Link.tsx index 49930203a9..06490f66e7 100644 --- a/packages/braid-design-system/lib/components/Link/Link.tsx +++ b/packages/braid-design-system/lib/components/Link/Link.tsx @@ -1,10 +1,9 @@ -import clsx, { ClassValue } from 'clsx'; +import type { ClassValue } from 'clsx'; +import clsx from 'clsx'; import React, { forwardRef } from 'react'; import { atoms } from '../../css/atoms/atoms'; -import { - useLinkComponent, - LinkComponentProps, -} from '../BraidProvider/BraidProvider'; +import type { LinkComponentProps } from '../BraidProvider/BraidProvider'; +import { useLinkComponent } from '../BraidProvider/BraidProvider'; export type LinkProps = Omit & { className?: ClassValue; diff --git a/packages/braid-design-system/lib/components/List/List.docs.tsx b/packages/braid-design-system/lib/components/List/List.docs.tsx index ed31ab6d84..a6f57dbd1e 100644 --- a/packages/braid-design-system/lib/components/List/List.docs.tsx +++ b/packages/braid-design-system/lib/components/List/List.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { List, Text, TextLink, Stack, Column, Columns } from '..'; import { IconTick, Strong } from '../../playroom/components'; diff --git a/packages/braid-design-system/lib/components/List/List.gallery.tsx b/packages/braid-design-system/lib/components/List/List.gallery.tsx index b125061ec1..40b7bbe73f 100644 --- a/packages/braid-design-system/lib/components/List/List.gallery.tsx +++ b/packages/braid-design-system/lib/components/List/List.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { List, IconTick, Text, Stack } from '..'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/List/List.playroom.tsx b/packages/braid-design-system/lib/components/List/List.playroom.tsx index a78a6c9916..9659546f2b 100644 --- a/packages/braid-design-system/lib/components/List/List.playroom.tsx +++ b/packages/braid-design-system/lib/components/List/List.playroom.tsx @@ -2,7 +2,8 @@ import React from 'react'; import { cleanSpaceValue } from '../../playroom/cleanSpaceValue'; import { IconClear } from '../icons'; -import { List as BraidList, ListProps } from './List'; +import type { ListProps } from './List'; +import { List as BraidList } from './List'; export const List = ({ space, ...props }: ListProps) => { const cleanSpace = cleanSpaceValue(space); diff --git a/packages/braid-design-system/lib/components/List/List.screenshots.tsx b/packages/braid-design-system/lib/components/List/List.screenshots.tsx index f9dfb116ad..90a993cfbd 100644 --- a/packages/braid-design-system/lib/components/List/List.screenshots.tsx +++ b/packages/braid-design-system/lib/components/List/List.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { List, Text, Stack, IconTick } from '../'; import { Placeholder } from '../../playroom/components'; diff --git a/packages/braid-design-system/lib/components/List/List.snippets.tsx b/packages/braid-design-system/lib/components/List/List.snippets.tsx index 7a9b362420..c34d9d1048 100644 --- a/packages/braid-design-system/lib/components/List/List.snippets.tsx +++ b/packages/braid-design-system/lib/components/List/List.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { List, Text, IconTick } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/List/List.tsx b/packages/braid-design-system/lib/components/List/List.tsx index 7bb591486d..6828fe21c5 100644 --- a/packages/braid-design-system/lib/components/List/List.tsx +++ b/packages/braid-design-system/lib/components/List/List.tsx @@ -1,9 +1,12 @@ -import React, { Children, ReactNode } from 'react'; -import { Text, TextProps } from '../Text/Text'; -import { Stack, StackProps } from '../Stack/Stack'; +import type { ReactNode } from 'react'; +import React, { Children } from 'react'; +import type { TextProps } from '../Text/Text'; +import { Text } from '../Text/Text'; +import type { StackProps } from '../Stack/Stack'; +import { Stack } from '../Stack/Stack'; import { Box } from '../Box/Box'; import flattenChildren from 'react-keyed-flatten-children'; -import { ReactNodeNoStrings } from '../private/ReactNodeNoStrings'; +import type { ReactNodeNoStrings } from '../private/ReactNodeNoStrings'; import { DefaultTextPropsProvider, useDefaultTextProps, diff --git a/packages/braid-design-system/lib/components/Loader/Loader.docs.tsx b/packages/braid-design-system/lib/components/Loader/Loader.docs.tsx index ea2862ace9..c044b97a90 100644 --- a/packages/braid-design-system/lib/components/Loader/Loader.docs.tsx +++ b/packages/braid-design-system/lib/components/Loader/Loader.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Loader, Columns, diff --git a/packages/braid-design-system/lib/components/Loader/Loader.gallery.tsx b/packages/braid-design-system/lib/components/Loader/Loader.gallery.tsx index df4deb388d..ebc7a23afb 100644 --- a/packages/braid-design-system/lib/components/Loader/Loader.gallery.tsx +++ b/packages/braid-design-system/lib/components/Loader/Loader.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Loader } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Loader/Loader.screenshots.tsx b/packages/braid-design-system/lib/components/Loader/Loader.screenshots.tsx index c763722c80..1cf9f19f9b 100644 --- a/packages/braid-design-system/lib/components/Loader/Loader.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Loader/Loader.screenshots.tsx @@ -1,5 +1,5 @@ import React, { Fragment } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Loader } from '../'; // TODO: COLORMODE RELEASE // Use public import diff --git a/packages/braid-design-system/lib/components/Loader/Loader.snippets.tsx b/packages/braid-design-system/lib/components/Loader/Loader.snippets.tsx index e4bcf1e80a..ca516601d1 100644 --- a/packages/braid-design-system/lib/components/Loader/Loader.snippets.tsx +++ b/packages/braid-design-system/lib/components/Loader/Loader.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Loader } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Loader/Loader.tsx b/packages/braid-design-system/lib/components/Loader/Loader.tsx index 924c0a64ea..c626d2b12f 100644 --- a/packages/braid-design-system/lib/components/Loader/Loader.tsx +++ b/packages/braid-design-system/lib/components/Loader/Loader.tsx @@ -1,8 +1,7 @@ import React from 'react'; import { Box } from '../Box/Box'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; import { atoms } from '../../css/atoms/atoms'; import * as styles from './Loader.css'; import * as typographyStyles from '../../css/typography.css'; diff --git a/packages/braid-design-system/lib/components/MenuItem/MenuItem.docs.tsx b/packages/braid-design-system/lib/components/MenuItem/MenuItem.docs.tsx index fb620f0e91..2deb5d3ea2 100644 --- a/packages/braid-design-system/lib/components/MenuItem/MenuItem.docs.tsx +++ b/packages/braid-design-system/lib/components/MenuItem/MenuItem.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { MenuItem, MenuItemLink, diff --git a/packages/braid-design-system/lib/components/MenuItem/MenuItem.gallery.tsx b/packages/braid-design-system/lib/components/MenuItem/MenuItem.gallery.tsx index 559bec5d2b..c286e1cc1b 100644 --- a/packages/braid-design-system/lib/components/MenuItem/MenuItem.gallery.tsx +++ b/packages/braid-design-system/lib/components/MenuItem/MenuItem.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Box, MenuItem, diff --git a/packages/braid-design-system/lib/components/MenuItem/MenuItem.playroom.tsx b/packages/braid-design-system/lib/components/MenuItem/MenuItem.playroom.tsx index 64fe7848cf..60a774421f 100644 --- a/packages/braid-design-system/lib/components/MenuItem/MenuItem.playroom.tsx +++ b/packages/braid-design-system/lib/components/MenuItem/MenuItem.playroom.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { MenuItem as BraidMenuItem, MenuItemProps } from './MenuItem'; +import type { MenuItemProps } from './MenuItem'; +import { MenuItem as BraidMenuItem } from './MenuItem'; export const MenuItem = ({ badge, ...restProps }: MenuItemProps) => ( { diff --git a/packages/braid-design-system/lib/components/MenuItem/MenuItemLink.playroom.tsx b/packages/braid-design-system/lib/components/MenuItem/MenuItemLink.playroom.tsx index 24c596abb0..c7d4de8493 100644 --- a/packages/braid-design-system/lib/components/MenuItem/MenuItemLink.playroom.tsx +++ b/packages/braid-design-system/lib/components/MenuItem/MenuItemLink.playroom.tsx @@ -1,8 +1,6 @@ import React from 'react'; -import { - MenuItemLink as BraidMenuItemLink, - MenuItemLinkProps, -} from './MenuItemLink'; +import type { MenuItemLinkProps } from './MenuItemLink'; +import { MenuItemLink as BraidMenuItemLink } from './MenuItemLink'; export const MenuItemLink = ({ badge, ...restProps }: MenuItemLinkProps) => ( & diff --git a/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.screenshots.tsx b/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.screenshots.tsx index 0ffbfa9192..6926b2195c 100644 --- a/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.screenshots.tsx +++ b/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.screenshots.tsx @@ -1,5 +1,6 @@ -import React, { ReactNode } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ReactNode } from 'react'; +import React from 'react'; +import type { ComponentScreenshot } from 'site/types'; import { MonthPicker, Stack } from '../'; const Container = ({ children }: { children: ReactNode }) => ( diff --git a/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.snippets.tsx b/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.snippets.tsx index df8ffcf6fa..c9e73ca380 100644 --- a/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.snippets.tsx +++ b/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { IconHelp, MonthPicker } from '../../playroom/components'; import source from '../../utils/source.macro'; import { TextLink } from '../TextLink/TextLink'; diff --git a/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.tsx b/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.tsx index 4a8dd0c524..4a531771c6 100644 --- a/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.tsx +++ b/packages/braid-design-system/lib/components/MonthPicker/MonthPicker.tsx @@ -1,4 +1,5 @@ -import React, { ChangeEvent, FocusEvent, createRef, Fragment } from 'react'; +import type { ChangeEvent, FocusEvent } from 'react'; +import React, { createRef, Fragment } from 'react'; import { isMobile } from 'is-mobile'; import assert from 'assert'; import { Box } from '../Box/Box'; @@ -6,11 +7,11 @@ import { Column } from '../Column/Column'; import { Columns } from '../Columns/Columns'; import { Dropdown } from '../Dropdown/Dropdown'; import { Field } from '../private/Field/Field'; -import { - FieldGroup, +import type { FieldLabelVariant, FieldGroupBaseProps, } from '../private/FieldGroup/FieldGroup'; +import { FieldGroup } from '../private/FieldGroup/FieldGroup'; import * as styles from './MonthPicker.css'; interface MonthPickerValue { diff --git a/packages/braid-design-system/lib/components/Notice/Notice.docs.tsx b/packages/braid-design-system/lib/components/Notice/Notice.docs.tsx index 91b660a2a2..b27859ace7 100644 --- a/packages/braid-design-system/lib/components/Notice/Notice.docs.tsx +++ b/packages/braid-design-system/lib/components/Notice/Notice.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Notice, Card, Text, Strong, Stack, TextLink, List } from '../'; const docs: ComponentDocs = { diff --git a/packages/braid-design-system/lib/components/Notice/Notice.gallery.tsx b/packages/braid-design-system/lib/components/Notice/Notice.gallery.tsx index 783de5f1da..d389ba068c 100644 --- a/packages/braid-design-system/lib/components/Notice/Notice.gallery.tsx +++ b/packages/braid-design-system/lib/components/Notice/Notice.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Notice, Text, Stack, TextLink, List } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Notice/Notice.playroom.tsx b/packages/braid-design-system/lib/components/Notice/Notice.playroom.tsx index 004b55e1c9..97233652f6 100644 --- a/packages/braid-design-system/lib/components/Notice/Notice.playroom.tsx +++ b/packages/braid-design-system/lib/components/Notice/Notice.playroom.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { Notice as BraidNotice, NoticeProps } from './Notice'; +import type { NoticeProps } from './Notice'; +import { Notice as BraidNotice } from './Notice'; export const Notice = ({ tone, ...restProps }: NoticeProps) => ( { const fallbackId = useFallbackId(); diff --git a/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.screenshots.tsx b/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.screenshots.tsx index 4bf65c392d..067bc6f8a3 100644 --- a/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.screenshots.tsx +++ b/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.screenshots.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Box, OverflowMenu, MenuItem, MenuItemLink } from '../'; export const screenshots: ComponentScreenshot = { diff --git a/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.snippets.tsx b/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.snippets.tsx index 6e8ea25cf2..18b3b89d49 100644 --- a/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.snippets.tsx +++ b/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { OverflowMenu, MenuItem } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.tsx b/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.tsx index 65285509b7..828f3fa545 100644 --- a/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.tsx +++ b/packages/braid-design-system/lib/components/OverflowMenu/OverflowMenu.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { MenuRenderer, MenuRendererProps } from '../MenuRenderer/MenuRenderer'; +import type { MenuRendererProps } from '../MenuRenderer/MenuRenderer'; +import { MenuRenderer } from '../MenuRenderer/MenuRenderer'; import { ButtonIcon } from '../ButtonIcon/ButtonIcon'; import { IconOverflow } from '../icons'; import { Box } from '../Box/Box'; diff --git a/packages/braid-design-system/lib/components/Pagination/Pagination.docs.tsx b/packages/braid-design-system/lib/components/Pagination/Pagination.docs.tsx index f6d1238dcc..64e534bec7 100644 --- a/packages/braid-design-system/lib/components/Pagination/Pagination.docs.tsx +++ b/packages/braid-design-system/lib/components/Pagination/Pagination.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Pagination, Card, Notice } from '../'; import source from '../../utils/source.macro'; import { Strong } from '../Strong/Strong'; diff --git a/packages/braid-design-system/lib/components/Pagination/Pagination.gallery.tsx b/packages/braid-design-system/lib/components/Pagination/Pagination.gallery.tsx index 5ccdcd1355..a0769c1c26 100644 --- a/packages/braid-design-system/lib/components/Pagination/Pagination.gallery.tsx +++ b/packages/braid-design-system/lib/components/Pagination/Pagination.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Pagination } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Pagination/Pagination.playroom.tsx b/packages/braid-design-system/lib/components/Pagination/Pagination.playroom.tsx index 4822ffed49..583ca58d20 100644 --- a/packages/braid-design-system/lib/components/Pagination/Pagination.playroom.tsx +++ b/packages/braid-design-system/lib/components/Pagination/Pagination.playroom.tsx @@ -1,11 +1,8 @@ import React, { useEffect, useState } from 'react'; -import { Optional } from 'utility-types'; -import { StateProp } from '../../playroom/playroomState'; -import { - defaultPageLimit, - Pagination as BraidPagination, - PaginationProps, -} from './Pagination'; +import type { Optional } from 'utility-types'; +import type { StateProp } from '../../playroom/playroomState'; +import type { PaginationProps } from './Pagination'; +import { defaultPageLimit, Pagination as BraidPagination } from './Pagination'; type PlayroomPaginationProps = StateProp & Optional; diff --git a/packages/braid-design-system/lib/components/Pagination/Pagination.screenshots.tsx b/packages/braid-design-system/lib/components/Pagination/Pagination.screenshots.tsx index a1bd3c60ad..b7f305228b 100644 --- a/packages/braid-design-system/lib/components/Pagination/Pagination.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Pagination/Pagination.screenshots.tsx @@ -1,7 +1,7 @@ import React from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Pagination } from '../'; -import { LinkProps } from '../Link/Link'; +import type { LinkProps } from '../Link/Link'; import { defaultPageLimit } from './Pagination'; const linkProps = (): LinkProps => ({ href: '#' }); diff --git a/packages/braid-design-system/lib/components/Pagination/Pagination.snippets.tsx b/packages/braid-design-system/lib/components/Pagination/Pagination.snippets.tsx index 4ce87c39db..22e34fa4ad 100644 --- a/packages/braid-design-system/lib/components/Pagination/Pagination.snippets.tsx +++ b/packages/braid-design-system/lib/components/Pagination/Pagination.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Pagination } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Pagination/Pagination.tsx b/packages/braid-design-system/lib/components/Pagination/Pagination.tsx index 523c7201df..19a7d4a797 100644 --- a/packages/braid-design-system/lib/components/Pagination/Pagination.tsx +++ b/packages/braid-design-system/lib/components/Pagination/Pagination.tsx @@ -3,13 +3,13 @@ import assert from 'assert'; import { Box } from '../Box/Box'; import { useBackground } from '../Box/BackgroundContext'; import { IconChevron } from '../icons'; -import { Link, LinkProps } from '../Link/Link'; +import type { LinkProps } from '../Link/Link'; +import { Link } from '../Link/Link'; import { Overlay } from '../private/Overlay/Overlay'; import { Text } from '../Text/Text'; import { paginate } from './paginate'; -import buildDataAttributes, { - DataAttributeMap, -} from '../private/buildDataAttributes'; +import type { DataAttributeMap } from '../private/buildDataAttributes'; +import buildDataAttributes from '../private/buildDataAttributes'; import * as styles from './Pagination.css'; export interface PaginationProps { diff --git a/packages/braid-design-system/lib/components/PasswordField/PasswordField.docs.tsx b/packages/braid-design-system/lib/components/PasswordField/PasswordField.docs.tsx index 481ae65a04..be314a135a 100644 --- a/packages/braid-design-system/lib/components/PasswordField/PasswordField.docs.tsx +++ b/packages/braid-design-system/lib/components/PasswordField/PasswordField.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { List, PasswordField, diff --git a/packages/braid-design-system/lib/components/PasswordField/PasswordField.gallery.tsx b/packages/braid-design-system/lib/components/PasswordField/PasswordField.gallery.tsx index 7a1e6c9890..f56536ced0 100644 --- a/packages/braid-design-system/lib/components/PasswordField/PasswordField.gallery.tsx +++ b/packages/braid-design-system/lib/components/PasswordField/PasswordField.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { PasswordField, TextLink } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/PasswordField/PasswordField.playroom.tsx b/packages/braid-design-system/lib/components/PasswordField/PasswordField.playroom.tsx index afb67e2aba..f7636cedd9 100644 --- a/packages/braid-design-system/lib/components/PasswordField/PasswordField.playroom.tsx +++ b/packages/braid-design-system/lib/components/PasswordField/PasswordField.playroom.tsx @@ -1,12 +1,13 @@ import React from 'react'; -import { Optional } from 'utility-types'; -import { useFallbackState, StateProp } from '../../playroom/playroomState'; +import type { Optional } from 'utility-types'; +import type { StateProp } from '../../playroom/playroomState'; +import { useFallbackState } from '../../playroom/playroomState'; import { useFallbackId } from '../../playroom/utils'; -import { - PasswordField as BraidPasswordField, +import type { PasswordFieldBaseProps, PasswordFieldLabelProps, } from './PasswordField'; +import { PasswordField as BraidPasswordField } from './PasswordField'; type PlayroomPasswordFieldProps = StateProp & Optional & diff --git a/packages/braid-design-system/lib/components/PasswordField/PasswordField.screenshots.tsx b/packages/braid-design-system/lib/components/PasswordField/PasswordField.screenshots.tsx index 8e1ae84ae5..0a7cc8e038 100644 --- a/packages/braid-design-system/lib/components/PasswordField/PasswordField.screenshots.tsx +++ b/packages/braid-design-system/lib/components/PasswordField/PasswordField.screenshots.tsx @@ -1,5 +1,6 @@ -import React, { ReactNode, useState } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ReactNode } from 'react'; +import React, { useState } from 'react'; +import type { ComponentScreenshot } from 'site/types'; import { PasswordField, Stack, TextLink } from '../'; const Container = ({ children }: { children: ReactNode }) => ( diff --git a/packages/braid-design-system/lib/components/PasswordField/PasswordField.snippets.tsx b/packages/braid-design-system/lib/components/PasswordField/PasswordField.snippets.tsx index 9b0d7104f7..caab67942b 100644 --- a/packages/braid-design-system/lib/components/PasswordField/PasswordField.snippets.tsx +++ b/packages/braid-design-system/lib/components/PasswordField/PasswordField.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { PasswordField, TextLink } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/PasswordField/PasswordField.tsx b/packages/braid-design-system/lib/components/PasswordField/PasswordField.tsx index d1b0f2bc98..a0a03bf6fd 100644 --- a/packages/braid-design-system/lib/components/PasswordField/PasswordField.tsx +++ b/packages/braid-design-system/lib/components/PasswordField/PasswordField.tsx @@ -1,18 +1,14 @@ +import type { AllHTMLAttributes, MouseEvent } from 'react'; import React, { useState, - AllHTMLAttributes, forwardRef, Fragment, useCallback, useRef, - MouseEvent, } from 'react'; -import { - Field, - FieldBaseProps, - FieldLabelVariant, -} from '../private/Field/Field'; +import type { FieldBaseProps, FieldLabelVariant } from '../private/Field/Field'; +import { Field } from '../private/Field/Field'; import { Box } from '../Box/Box'; import { FieldButtonIcon } from '../private/FieldButtonIcon/FieldButtonIcon'; import { IconVisibility } from '../icons'; diff --git a/packages/braid-design-system/lib/components/Radio/Radio.docs.tsx b/packages/braid-design-system/lib/components/Radio/Radio.docs.tsx index 51e7feaa89..8ca666a1e2 100644 --- a/packages/braid-design-system/lib/components/Radio/Radio.docs.tsx +++ b/packages/braid-design-system/lib/components/Radio/Radio.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Stack, Radio, Text, TextLink } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Radio/Radio.playroom.tsx b/packages/braid-design-system/lib/components/Radio/Radio.playroom.tsx index 7e5413ca75..705629eec2 100644 --- a/packages/braid-design-system/lib/components/Radio/Radio.playroom.tsx +++ b/packages/braid-design-system/lib/components/Radio/Radio.playroom.tsx @@ -1,7 +1,8 @@ import React, { useState } from 'react'; -import { Optional } from 'utility-types'; +import type { Optional } from 'utility-types'; import { useFallbackId } from '../../playroom/utils'; -import { Radio as BraidRadio, RadioProps } from './Radio'; +import type { RadioProps } from './Radio'; +import { Radio as BraidRadio } from './Radio'; type PlayroomRadioProps = Optional; diff --git a/packages/braid-design-system/lib/components/Radio/Radio.screenshots.tsx b/packages/braid-design-system/lib/components/Radio/Radio.screenshots.tsx index 8f0cc7e49d..5bb31fa48a 100644 --- a/packages/braid-design-system/lib/components/Radio/Radio.screenshots.tsx +++ b/packages/braid-design-system/lib/components/Radio/Radio.screenshots.tsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { Badge, Radio, Text, Stack } from '../'; export const screenshots: ComponentScreenshot = { diff --git a/packages/braid-design-system/lib/components/Radio/Radio.tsx b/packages/braid-design-system/lib/components/Radio/Radio.tsx index 99ccbc4ef5..e13446b108 100644 --- a/packages/braid-design-system/lib/components/Radio/Radio.tsx +++ b/packages/braid-design-system/lib/components/Radio/Radio.tsx @@ -1,9 +1,8 @@ -import React, { AllHTMLAttributes, forwardRef, useContext } from 'react'; +import type { AllHTMLAttributes } from 'react'; +import React, { forwardRef, useContext } from 'react'; import assert from 'assert'; -import { - InlineField, - InlineFieldProps, -} from '../private/InlineField/InlineField'; +import type { InlineFieldProps } from '../private/InlineField/InlineField'; +import { InlineField } from '../private/InlineField/InlineField'; import { RadioGroupContext } from '../RadioGroup/RadioGroupContext'; import dedent from 'dedent'; diff --git a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.docs.tsx b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.docs.tsx index 8a76091814..c46b9daa67 100644 --- a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.docs.tsx +++ b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.docs.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Badge, Text, diff --git a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.gallery.tsx b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.gallery.tsx index e3230020ae..ceddb24226 100644 --- a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.gallery.tsx +++ b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { RadioGroup, RadioItem, Badge } from '..'; import { Placeholder } from '../../playroom/components'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.playroom.tsx b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.playroom.tsx index effb3ce9a0..6701891860 100644 --- a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.playroom.tsx +++ b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.playroom.tsx @@ -1,12 +1,10 @@ import React from 'react'; -import { Optional } from 'utility-types'; -import { useFallbackState, StateProp } from '../../playroom/playroomState'; +import type { Optional } from 'utility-types'; +import type { StateProp } from '../../playroom/playroomState'; +import { useFallbackState } from '../../playroom/playroomState'; import { useFallbackId } from '../../playroom/utils'; -import { - RadioGroup as BraidRadioGroup, - RadioGroupBaseProps, - RadioGroupLabelProps, -} from './RadioGroup'; +import type { RadioGroupBaseProps, RadioGroupLabelProps } from './RadioGroup'; +import { RadioGroup as BraidRadioGroup } from './RadioGroup'; type PlayroomRadioProps = StateProp & Optional & diff --git a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.screenshots.tsx b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.screenshots.tsx index 7a79e739d4..030bad7b2b 100644 --- a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.screenshots.tsx +++ b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.screenshots.tsx @@ -1,5 +1,5 @@ import React, { useState } from 'react'; -import { ComponentScreenshot } from 'site/types'; +import type { ComponentScreenshot } from 'site/types'; import { RadioGroup, RadioItem } from '../'; import { Placeholder } from '../../playroom/components'; diff --git a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.snippets.tsx b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.snippets.tsx index 1537be483f..7b42d49bd4 100644 --- a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.snippets.tsx +++ b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.snippets.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Snippets } from '../private/Snippets'; +import type { Snippets } from '../private/Snippets'; import { Badge, Placeholder, diff --git a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.tsx b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.tsx index 1180fbcba8..94c989062e 100644 --- a/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.tsx +++ b/packages/braid-design-system/lib/components/RadioGroup/RadioGroup.tsx @@ -1,16 +1,19 @@ -import React, { FormEvent, ReactElement } from 'react'; +import type { FormEvent, ReactElement } from 'react'; +import React from 'react'; import assert from 'assert'; import flattenChildren from 'react-keyed-flatten-children'; -import { - FieldGroup, +import type { FieldGroupBaseProps, FieldLabelVariant, } from '../private/FieldGroup/FieldGroup'; -import { RadioItem, RadioItemProps } from '../RadioGroup/RadioItem'; -import { Stack, StackProps } from '../Stack/Stack'; +import { FieldGroup } from '../private/FieldGroup/FieldGroup'; +import type { RadioItemProps } from '../RadioGroup/RadioItem'; +import { RadioItem } from '../RadioGroup/RadioItem'; +import type { StackProps } from '../Stack/Stack'; +import { Stack } from '../Stack/Stack'; import { RadioGroupContext, RadioItemContext } from './RadioGroupContext'; import { Box } from '../Box/Box'; -import { InlineFieldProps } from '../private/InlineField/InlineField'; +import type { InlineFieldProps } from '../private/InlineField/InlineField'; export type RadioGroupBaseProps> = FieldGroupBaseProps & { diff --git a/packages/braid-design-system/lib/components/RadioGroup/RadioGroupContext.ts b/packages/braid-design-system/lib/components/RadioGroup/RadioGroupContext.ts index 26b1cc7ec4..afd882668e 100644 --- a/packages/braid-design-system/lib/components/RadioGroup/RadioGroupContext.ts +++ b/packages/braid-design-system/lib/components/RadioGroup/RadioGroupContext.ts @@ -1,5 +1,5 @@ import { createContext } from 'react'; -import { RadioGroupProps } from './RadioGroup'; +import type { RadioGroupProps } from './RadioGroup'; interface RadioGroupContextValues { id: RadioGroupProps['id']; diff --git a/packages/braid-design-system/lib/components/RadioGroup/RadioItem.tsx b/packages/braid-design-system/lib/components/RadioGroup/RadioItem.tsx index 28d99a2fbe..1a095cc46e 100644 --- a/packages/braid-design-system/lib/components/RadioGroup/RadioItem.tsx +++ b/packages/braid-design-system/lib/components/RadioGroup/RadioItem.tsx @@ -1,9 +1,7 @@ import React, { forwardRef, useContext } from 'react'; import assert from 'assert'; -import { - InlineField, - InlineFieldProps, -} from '../private/InlineField/InlineField'; +import type { InlineFieldProps } from '../private/InlineField/InlineField'; +import { InlineField } from '../private/InlineField/InlineField'; import { RadioGroupContext, RadioItemContext, diff --git a/packages/braid-design-system/lib/components/Rating/Rating.docs.tsx b/packages/braid-design-system/lib/components/Rating/Rating.docs.tsx index eeec9d6718..96ad76fc8f 100644 --- a/packages/braid-design-system/lib/components/Rating/Rating.docs.tsx +++ b/packages/braid-design-system/lib/components/Rating/Rating.docs.tsx @@ -1,6 +1,6 @@ import React from 'react'; import source from '../../utils/source.macro'; -import { ComponentDocs } from 'site/types'; +import type { ComponentDocs } from 'site/types'; import { Rating, Stack, Inline, Text, Strong, TextLink } from '../'; import { IconLanguage } from '../icons'; diff --git a/packages/braid-design-system/lib/components/Rating/Rating.gallery.tsx b/packages/braid-design-system/lib/components/Rating/Rating.gallery.tsx index ac83c79673..28a13ee831 100644 --- a/packages/braid-design-system/lib/components/Rating/Rating.gallery.tsx +++ b/packages/braid-design-system/lib/components/Rating/Rating.gallery.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { ComponentExample } from 'site/types'; +import type { ComponentExample } from 'site/types'; import { Rating } from '../'; import source from '../../utils/source.macro'; diff --git a/packages/braid-design-system/lib/components/Rating/Rating.playroom.tsx b/packages/braid-design-system/lib/components/Rating/Rating.playroom.tsx index 1fbc4d8940..efe51b44c3 100644 --- a/packages/braid-design-system/lib/components/Rating/Rating.playroom.tsx +++ b/packages/braid-design-system/lib/components/Rating/Rating.playroom.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { Rating as BraidRating, RatingProps } from './Rating'; +import type { RatingProps } from './Rating'; +import { Rating as BraidRating } from './Rating'; export const Rating = ({ rating, ...restProps }: RatingProps) => (