diff --git a/apps/public-docsite-v9/.eslintrc.json b/apps/public-docsite-v9/.eslintrc.json index 54ac641d7b3bf..26a81dcde5f8e 100644 --- a/apps/public-docsite-v9/.eslintrc.json +++ b/apps/public-docsite-v9/.eslintrc.json @@ -1,5 +1,5 @@ { - "extends": ["plugin:@fluentui/eslint-plugin/react--legacy"], + "extends": ["plugin:@fluentui/eslint-plugin/react"], "root": true, "rules": { "@typescript-eslint/no-explicit-any": "off", diff --git a/apps/public-docsite-v9/config/tests.js b/apps/public-docsite-v9/config/tests.js new file mode 100644 index 0000000000000..c6c67de97059e --- /dev/null +++ b/apps/public-docsite-v9/config/tests.js @@ -0,0 +1,3 @@ +/** Jest test setup file. */ + +require('@testing-library/jest-dom'); diff --git a/apps/public-docsite-v9/jest.config.js b/apps/public-docsite-v9/jest.config.js new file mode 100644 index 0000000000000..cf039334787b8 --- /dev/null +++ b/apps/public-docsite-v9/jest.config.js @@ -0,0 +1,22 @@ +// @ts-check + +/** + * @type {import('@jest/types').Config.InitialOptions} + */ +module.exports = { + displayName: 'public-docsite-v9', + preset: '../../jest.preset.js', + // TODO: lets not allow path aliases which point only to v9 packages ATM + moduleNameMapper: {}, + transform: { + '^.+\\.tsx?$': [ + 'ts-jest', + { + tsconfig: '/tsconfig.spec.json', + isolatedModules: true, + }, + ], + }, + coverageDirectory: './coverage', + setupFilesAfterEnv: ['./config/tests.js'], +}; diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index 154e74293b30a..e59c7d39a1cc3 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -15,7 +15,8 @@ "type-check": "just-scripts type-check", "start": "yarn storybook:docs", "storybook": "start-storybook --port 3000 --no-manager-cache", - "storybook:docs": "yarn storybook --docs" + "storybook:docs": "yarn storybook --docs", + "test": "jest --passWithNoTests" }, "devDependencies": { "@fluentui/eslint-plugin": "*", @@ -44,6 +45,7 @@ "react-dom": "17.0.2", "react-window": "^1.8.6", "tslib": "^2.1.0", + "react-hook-form": "^5.7.2", "@fluentui/react-nav-preview": "*" } } diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Accordion.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Accordion.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Accordion.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Accordion.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/AccordionFaq.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/AccordionFaq.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/AccordionFaq.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/AccordionFaq.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Button.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Button.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Button.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Button.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Checkbox.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Checkbox.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Checkbox.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Checkbox.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Input.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Input.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Input.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Input.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Link.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Link.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Link.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Link.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/ListOfScenarios.stories.mdx b/apps/public-docsite-v9/src/AccessibilityScenarios/ListOfScenarios.stories.mdx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/ListOfScenarios.stories.mdx rename to apps/public-docsite-v9/src/AccessibilityScenarios/ListOfScenarios.stories.mdx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Menu.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Menu.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Menu.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Menu.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/MenuSplitGroup.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/MenuSplitGroup.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/MenuSplitGroup.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/MenuSplitGroup.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Popover.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Popover.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Popover.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Popover.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/RadioGroup.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/RadioGroup.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/RadioGroup.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/RadioGroup.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Slider.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Slider.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Slider.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Slider.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Spinner.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Spinner.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Spinner.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Spinner.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/SplitButton.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/SplitButton.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/SplitButton.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/SplitButton.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Switch.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Switch.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Switch.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Switch.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/TabListHorizontal.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/TabListHorizontal.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/TabListHorizontal.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/TabListHorizontal.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/TabListOverflow.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/TabListOverflow.stories.tsx similarity index 95% rename from packages/react-components/react-components/stories/AccessibilityScenarios/TabListOverflow.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/TabListOverflow.stories.tsx index d4f70dc749060..7b3e1b42b205c 100644 --- a/packages/react-components/react-components/stories/AccessibilityScenarios/TabListOverflow.stories.tsx +++ b/apps/public-docsite-v9/src/AccessibilityScenarios/TabListOverflow.stories.tsx @@ -70,6 +70,8 @@ const tabs: SettingsTab[] = [ type OverflowMenuItemProps = { tab: SettingsTab; + // FIXME: This should be a consistent callback type + // eslint-disable-next-line @nx/workspace-consistent-callback-type onClick: React.MouseEventHandler; }; @@ -89,6 +91,8 @@ const OverflowMenuItem = (props: OverflowMenuItemProps) => { }; type OverflowMenuProps = { + // FIXME: This should be a consistent callback type + // eslint-disable-next-line @nx/workspace-consistent-callback-type onTabSelect?: (tabId: string) => void; }; diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/TabListVertical.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/TabListVertical.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/TabListVertical.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/TabListVertical.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Textarea.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Textarea.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Textarea.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Textarea.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/ToggleButton.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/ToggleButton.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/ToggleButton.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/ToggleButton.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/Tooltip.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/Tooltip.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/Tooltip.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/Tooltip.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/index.stories.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/index.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/index.stories.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/index.stories.tsx diff --git a/packages/react-components/react-components/stories/AccessibilityScenarios/utils.tsx b/apps/public-docsite-v9/src/AccessibilityScenarios/utils.tsx similarity index 100% rename from packages/react-components/react-components/stories/AccessibilityScenarios/utils.tsx rename to apps/public-docsite-v9/src/AccessibilityScenarios/utils.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Accessibility/AccessibleComponents.stories.mdx b/apps/public-docsite-v9/src/Concepts/Accessibility/AccessibleComponents.stories.mdx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Accessibility/AccessibleComponents.stories.mdx rename to apps/public-docsite-v9/src/Concepts/Accessibility/AccessibleComponents.stories.mdx diff --git a/packages/react-components/react-components/stories/Concepts/Accessibility/AccessibleExperiences.stories.mdx b/apps/public-docsite-v9/src/Concepts/Accessibility/AccessibleExperiences.stories.mdx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Accessibility/AccessibleExperiences.stories.mdx rename to apps/public-docsite-v9/src/Concepts/Accessibility/AccessibleExperiences.stories.mdx diff --git a/packages/react-components/react-components/stories/Concepts/Accessibility/ComponentLabelling.stories.mdx b/apps/public-docsite-v9/src/Concepts/Accessibility/ComponentLabelling.stories.mdx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Accessibility/ComponentLabelling.stories.mdx rename to apps/public-docsite-v9/src/Concepts/Accessibility/ComponentLabelling.stories.mdx diff --git a/packages/react-components/react-components/stories/Concepts/Accessibility/FocusIndicator.stories.mdx b/apps/public-docsite-v9/src/Concepts/Accessibility/FocusIndicator.stories.mdx similarity index 96% rename from packages/react-components/react-components/stories/Concepts/Accessibility/FocusIndicator.stories.mdx rename to apps/public-docsite-v9/src/Concepts/Accessibility/FocusIndicator.stories.mdx index 7cce1a81dc5a3..3e8ee155d1829 100644 --- a/packages/react-components/react-components/stories/Concepts/Accessibility/FocusIndicator.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Accessibility/FocusIndicator.stories.mdx @@ -82,8 +82,7 @@ The [Link](?path=/docs/components-link--default) component uses `createCustomFoc ```tsx -import { makeStyles } from '@griffel/react'; -import { createCustomFocusIndicatorStyle } from '@fluentui/react-components'; +import { makeStyles, createCustomFocusIndicatorStyle } from '@fluentui/react-components'; const useStyles = makeStyles({ focusIndicator: createCustomFocusIndicatorStyle({ diff --git a/packages/react-components/react-components/stories/Concepts/Accessibility/LabellingExamples/ExampleFormErrorsMessages.stories.tsx b/apps/public-docsite-v9/src/Concepts/Accessibility/LabellingExamples/ExampleFormErrorsMessages.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Accessibility/LabellingExamples/ExampleFormErrorsMessages.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Accessibility/LabellingExamples/ExampleFormErrorsMessages.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Accessibility/LabellingExamples/Examples.stories.tsx b/apps/public-docsite-v9/src/Concepts/Accessibility/LabellingExamples/Examples.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Accessibility/LabellingExamples/Examples.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Accessibility/LabellingExamples/Examples.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Accessibility/LabellingExamples/FluentUiWrapper.stories.tsx b/apps/public-docsite-v9/src/Concepts/Accessibility/LabellingExamples/FluentUiWrapper.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Accessibility/LabellingExamples/FluentUiWrapper.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Accessibility/LabellingExamples/FluentUiWrapper.stories.tsx diff --git a/apps/public-docsite-v9/src/Concepts/AdvancedConfiguration.stories.mdx b/apps/public-docsite-v9/src/Concepts/AdvancedConfiguration.stories.mdx index bbff3b23e9700..12cf681787cef 100644 --- a/apps/public-docsite-v9/src/Concepts/AdvancedConfiguration.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/AdvancedConfiguration.stories.mdx @@ -39,7 +39,7 @@ Fluent UI React v9 uses Griffel as CSS-in-JS to apply styles. To provide determi To configure the sorting behavior, please pass `compareMediaQueries` function with the same signature as sort functions in e.g. `Array.prototype.sort`. ```js -import { createDOMRenderer } from '@griffel/react'; +import { createDOMRenderer } from '@fluentui/react-components'; const mediaQueryOrder = [ 'only screen and (min-width: 1024px)', @@ -69,7 +69,7 @@ const renderer = createDOMRenderer(document, { For mobile-first methodology, consider using [`sort-css-media-queries`](https://github.com/dutchenkoOleg/sort-css-media-queries): ```js -import { createDOMRenderer } from '@griffel/react'; +import { createDOMRenderer } from '@fluentui/react-components'; import sortCSSmq from 'sort-css-media-queries'; const renderer = createDOMRenderer(document, { diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/Card.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/Card.stories.mdx index 4e4dcc09ee1ff..42da50b0c098f 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/Card.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/Card.stories.mdx @@ -16,7 +16,7 @@ const Component = () => Lorem ipsum, dolor sit amet consectetur adipisicin After: ```tsx -import { Card } from '@fluentui/react-components/unstable'; +import { Card } from '@fluentui/react-components'; const Component = () => Lorem ipsum, dolor sit amet consectetur adipisicing elit.; ``` @@ -65,7 +65,7 @@ After: ```tsx // in COMPONENT_NAME.tsx -import { Card } from '@fluentui/react-components/unstable'; +import { Card } from '@fluentui/react-components'; import { useStyles } from './COMPONENT_NAME.styles.ts'; export const Component = () => { @@ -75,7 +75,7 @@ export const Component = () => { }; // in COMPONENT_NAME.styles.ts -import { makeStyles, tokens } from '@fluentui/react-components/unstable'; +import { makeStyles, tokens } from '@fluentui/react-components'; export const useStyles = makeStyles({ actionCard: { @@ -127,7 +127,7 @@ After: ```tsx // in COMPONENT_NAME.tsx -import { Card, mergeClasses } from '@fluentui/react-components/unstable'; +import { Card, mergeClasses } from '@fluentui/react-components'; import { useStyles } from './COMPONENT_NAME.styles.ts'; export const Component = props => { @@ -141,7 +141,7 @@ export const Component = props => { }; // in COMPONENT_NAME.styles.ts -import { makeStyles } from '@fluentui/react-components/unstable'; +import { makeStyles } from '@fluentui/react-components'; export const useStyles = makeStyles({ chatListGroupTitleAsHeader: { @@ -168,8 +168,8 @@ After: ```tsx import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components/unstable'; -import { Card } from '@fluentui/react-components/unstable'; +import { makeStyles } from '@fluentui/react-components'; +import { Card } from '@fluentui/react-components'; const useStyles = makeStyles({ centeredCard: { @@ -204,8 +204,8 @@ After: ```jsx import * as React from 'react'; -import { makeStyles } from '@fluentui/react-components/unstable'; -import { Card } from '@fluentui/react-components/unstable'; +import { makeStyles } from '@fluentui/react-components'; +import { Card } from '@fluentui/react-components'; const useStyles = makeStyles({ parent: { diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardBody.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardBody.stories.mdx index fabc5c78b04f2..d4ba56baf8de2 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardBody.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardBody.stories.mdx @@ -25,7 +25,7 @@ export const CardBodyExample = () => ( After: ```jsx -import { Card } from '@fluentui/react-components/unstable'; +import { Card } from '@fluentui/react-components'; export const CardBodyExample = () => ( diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardFooter.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardFooter.stories.mdx index 6b837ff1f4e2a..c10268cf50111 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardFooter.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardFooter.stories.mdx @@ -17,7 +17,7 @@ const Component = () => Lorem ipsum; After: ```tsx -import { CardFooter } from '@fluentui/react-components/unstable'; +import { CardFooter } from '@fluentui/react-components'; const Component = () => ; ``` diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardHeader.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardHeader.stories.mdx index c54be2bc5519d..80dae19c893ec 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardHeader.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardHeader.stories.mdx @@ -17,7 +17,7 @@ const Component = () => Lorem ipsum; After: ```tsx -import { CardHeader } from '@fluentui/react-components/unstable'; +import { CardHeader } from '@fluentui/react-components'; const Component = () => ; ``` diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardPreview.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardPreview.stories.mdx index 29f1275d33539..9346e9f9fae1e 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardPreview.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardPreview.stories.mdx @@ -21,7 +21,7 @@ const Component = () => ( After: ```tsx -import { CardPreview } from '@fluentui/react-components/unstable'; +import { CardPreview } from '@fluentui/react-components'; const Component = () => ( diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/IconCatalog/ComparisonTile.tsx b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/IconCatalog/ComparisonTile.tsx index 0b5092926200d..c36f7dba5eaf5 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/IconCatalog/ComparisonTile.tsx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/IconCatalog/ComparisonTile.tsx @@ -5,12 +5,12 @@ import { Button, mergeClasses, Tooltip } from '@fluentui/react-components'; import { V0IconComponent, V9IconComponent } from './types'; import { useComparisonTileStyles } from './ComparisonTile.styles'; -interface IComparisonTileProps { +interface ComparisonTileProps { V0Icon: V0IconComponent; V9Icon?: V9IconComponent; } -export const ComparisonTile: React.FC = ({ V0Icon, V9Icon }) => { +export const ComparisonTile: React.FC = ({ V0Icon, V9Icon }) => { const noV9Icon = !V9Icon; const tooltipWarningContent =
    {noV9Icon &&
  • No equivalent icon available
    • }
; diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/IconCatalog/IconGrid.tsx b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/IconCatalog/IconGrid.tsx index ff12cd383583e..98a059b097787 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/IconCatalog/IconGrid.tsx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/IconCatalog/IconGrid.tsx @@ -6,7 +6,7 @@ import { V0IconComponent, V9IconComponent } from './types'; const ComparisonTile = React.memo(ComparisonTileBase); -interface IIconGridProps { +interface IconGridProps { entries: { V0Icon: V0IconComponent; V9Icon?: V9IconComponent; @@ -15,11 +15,11 @@ interface IIconGridProps { const ROW_SIZE = 3; -interface IRowProps extends ListChildComponentProps { - data: IIconGridProps['entries']; +interface RowProps extends ListChildComponentProps { + data: IconGridProps['entries']; } -const Row = ({ index, style, data }: IRowProps) => { +const Row = ({ index, style, data }: RowProps) => { const start = index * ROW_SIZE; const items = data.slice(start, start + 3); return ( @@ -33,7 +33,7 @@ const Row = ({ index, style, data }: IRowProps) => { ); }; -export const IconGrid: React.FC = ({ entries }) => { +export const IconGrid: React.FC = ({ entries }) => { return ( {Row} diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Input.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Input.stories.mdx index 542280e241e2a..c67858aa82618 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Input.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Input.stories.mdx @@ -25,9 +25,8 @@ An equivalent `Input` v9 usage is ```tsx import * as React from 'react'; -import { Label, Input } from '@fluentui/react-components/unstable'; +import { makeStyles, Label, Input } from '@fluentui/react-components'; import { useId } from '@fluentui/react-utilities'; -import { makeStyles } from '@griffel/react'; const useLayoutStyles = makeStyles({ root: { diff --git a/packages/react-components/react-components/stories/Migrations/Flex.Stack.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Flex/Flex.Stack.stories.mdx similarity index 100% rename from packages/react-components/react-components/stories/Migrations/Flex.Stack.stories.mdx rename to apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Flex/Flex.Stack.stories.mdx diff --git a/packages/react-components/react-components/stories/Migrations/Flex.StackItem.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Flex/Flex.StackItem.stories.mdx similarity index 100% rename from packages/react-components/react-components/stories/Migrations/Flex.StackItem.stories.mdx rename to apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Flex/Flex.StackItem.stories.mdx diff --git a/packages/react-components/react-components/stories/Migrations/utils.stories.test.tsx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Flex/utils.stories.test.tsx similarity index 100% rename from packages/react-components/react-components/stories/Migrations/utils.stories.test.tsx rename to apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Flex/utils.stories.test.tsx diff --git a/packages/react-components/react-components/stories/Migrations/utils.stories.tsx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Flex/utils.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Migrations/utils.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Flex/utils.stories.tsx diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Input.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Input.stories.mdx index 4274c80dafc43..f6ea4f9c99c7a 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Input.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/Input.stories.mdx @@ -40,10 +40,8 @@ An equivalent `Input` usage is: ```tsx import * as React from 'react'; -import { Text } from '@fluentui/react-components'; -import { Label, Input } from '@fluentui/react-components/unstable'; +import { makeStyles, Text, Label, Input } from '@fluentui/react-components'; import { useId } from '@fluentui/react-utilities'; -import { makeStyles } from '@griffel/react'; const useStackStyles = makeStyles({ root: { diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/RadioGroup.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/RadioGroup.stories.mdx index 853118f0467f3..1c1380085ac03 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/RadioGroup.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/RadioGroup.stories.mdx @@ -102,9 +102,8 @@ An equivalent `RadioGroup` implementation: ```tsx import * as React from 'react'; -import { Label, Radio, RadioGroup } from '@fluentui/react-components'; +import { makeStyles, shorthands, Label, Radio, RadioGroup } from '@fluentui/react-components'; import { useId } from '@fluentui/react-utilities'; -import { makeStyles, shorthands } from '@griffel/react'; import { AnimalCat24Regular } from '@fluentui/react-icons'; const useIconOptionStyles = makeStyles({ diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/SpinButton.stories.mdx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/SpinButton.stories.mdx index 0b8366925585f..4b6712155281c 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/SpinButton.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/Components/SpinButton.stories.mdx @@ -47,10 +47,9 @@ An equivalent `SpinButton` v9 usage is ```tsx import * as React from 'react'; -import { Label, SpinButton } from '@fluentui/react-components/unstable'; -import type { SpinButtonChangeEvent, SpinButtonOnChangeData } from '@fluentui/react-components/unstable'; +import { makeStyles, Label, SpinButton } from '@fluentui/react-components'; +import type { SpinButtonChangeEvent, SpinButtonOnChangeData } from '@fluentui/react-components'; import { useId } from '@fluentui/react-utilities'; -import { makeStyles } from '@griffel/react'; const useLayoutStyles = makeStyles({ root: { @@ -185,10 +184,9 @@ const SpinButtonV8CustomSuffixBasicExample: React.FunctionComponent = () => { ```tsx import * as React from 'react'; -import { Label, SpinButton } from '@fluentui/react-components/unstable'; -import type { SpinButtonChangeEvent, SpinButtonOnChangeData } from '@fluentui/react-components/unstable'; +import { makeStyles, Label, SpinButton } from '@fluentui/react-components'; +import type { SpinButtonChangeEvent, SpinButtonOnChangeData } from '@fluentui/react-components'; import { useId } from '@fluentui/react-utilities'; -import { makeStyles } from '@griffel/react'; const useLayoutStyles = makeStyles({ root: { diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/BrandColors.stories.tsx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/BrandColors.stories.tsx index b59da59d01bf9..c9eccc059f26d 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/BrandColors.stories.tsx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/BrandColors.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ColorCompare } from './ColorCompare'; import { darkThemeBrandMap, lightThemeBrandMap } from './themeMap'; -import { makeStyles, shorthands } from '@griffel/react'; +import { makeStyles, shorthands } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/ColorBlock.styles.ts b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/ColorBlock.styles.ts index 1d2d92d0ed91a..3c9611fd2aac5 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/ColorBlock.styles.ts +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/ColorBlock.styles.ts @@ -1,4 +1,4 @@ -import { makeStyles, shorthands } from '@griffel/react'; +import { makeStyles, shorthands } from '@fluentui/react-components'; export const useColorBlockStyles = makeStyles({ root: { diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/ColorBlock.tsx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/ColorBlock.tsx index 686161115656c..c551935e5ee07 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/ColorBlock.tsx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/ColorBlock.tsx @@ -1,4 +1,4 @@ -import { mergeClasses } from '@griffel/react'; +import { mergeClasses } from '@fluentui/react-components'; import * as React from 'react'; import { ColorInfo } from './types'; diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/NamedColors.stories.tsx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/NamedColors.stories.tsx index 69a1ec0143cda..4697aef1f51f2 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/NamedColors.stories.tsx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/NamedColors.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ColorCompare } from './ColorCompare'; import { namedColorMap } from './themeMap'; -import { makeStyles, shorthands } from '@griffel/react'; +import { makeStyles, shorthands } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/NeutralColors.stories.tsx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/NeutralColors.stories.tsx index 78a56b481812b..6707dc54a53f0 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/NeutralColors.stories.tsx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/NeutralColors.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ColorCompare } from './ColorCompare'; import { lightThemeNeutralMap, darkThemeNeutralMap } from './themeMap'; -import { makeStyles, shorthands } from '@griffel/react'; +import { makeStyles, shorthands } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/SemanticColors.stories.tsx b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/SemanticColors.stories.tsx index c07a065a55eb8..7e01479510568 100644 --- a/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/SemanticColors.stories.tsx +++ b/apps/public-docsite-v9/src/Concepts/Migration/FromV8/ThemeColors/SemanticColors.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ColorCompare } from './ColorCompare'; import { semanticToAliasMap } from './themeMap'; -import { makeStyles, shorthands } from '@griffel/react'; +import { makeStyles, shorthands } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/MatchTargetSize.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/MatchTargetSize.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/MatchTargetSize.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/MatchTargetSize.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/OverflowBoundaryPadding.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/OverflowBoundaryPadding.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/OverflowBoundaryPadding.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/OverflowBoundaryPadding.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningAutoSize.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningAutoSize.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningAutoSize.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningAutoSize.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningBestPractices.md b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningBestPractices.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningBestPractices.md rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningBestPractices.md diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningCoverTarget.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningCoverTarget.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningCoverTarget.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningCoverTarget.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningDefault.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningDefault.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningDefault.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningDefault.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningDescription.md b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningDescription.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningDescription.md rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningDescription.md diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningDisableTransform.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningDisableTransform.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningDisableTransform.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningDisableTransform.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningFlipBoundary.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningFlipBoundary.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningFlipBoundary.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningFlipBoundary.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningListenToUpdates.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningListenToUpdates.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningListenToUpdates.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningListenToUpdates.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningOffsetFunction.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningOffsetFunction.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningOffsetFunction.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningOffsetFunction.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningOffsetValue.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningOffsetValue.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningOffsetValue.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningOffsetValue.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningShorthandPositions.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningShorthandPositions.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/PositioningShorthandPositions.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/PositioningShorthandPositions.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/index.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/index.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/index.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/index.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/utils.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/utils.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Positioning/utils.stories.tsx rename to apps/public-docsite-v9/src/Concepts/Positioning/utils.stories.tsx diff --git a/apps/public-docsite-v9/src/Concepts/Slots/SlotSketch.stories.tsx b/apps/public-docsite-v9/src/Concepts/Slots/SlotSketch.stories.tsx index 5b8be42a4ad3f..0eab2d637bbd7 100644 --- a/apps/public-docsite-v9/src/Concepts/Slots/SlotSketch.stories.tsx +++ b/apps/public-docsite-v9/src/Concepts/Slots/SlotSketch.stories.tsx @@ -1,7 +1,6 @@ import * as React from 'react'; -import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; -import { Input, tokens, typographyStyles } from '@fluentui/react-components'; +import { makeStyles, mergeClasses, shorthands, Input, tokens, typographyStyles } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { diff --git a/apps/public-docsite-v9/src/Concepts/components/WhatsNewBoxes.tsx b/apps/public-docsite-v9/src/Concepts/components/WhatsNewBoxes.tsx index caf9b7857cc9d..f5678ae405e46 100644 --- a/apps/public-docsite-v9/src/Concepts/components/WhatsNewBoxes.tsx +++ b/apps/public-docsite-v9/src/Concepts/components/WhatsNewBoxes.tsx @@ -7,11 +7,11 @@ type Box = { text: 'string'; }; -interface IWhatsNewBoxProps { +interface WhatsNewBoxProps { boxes: Box[]; } -export const WhatsNewBoxes: React.FC = props => { +export const WhatsNewBoxes: React.FC = props => { const styles = useWhatsNewStyles(); return ( diff --git a/apps/public-docsite-v9/src/DocsComponents/FluentDocsContainer.stories.tsx b/apps/public-docsite-v9/src/DocsComponents/FluentDocsContainer.stories.tsx index e03cbda640bce..8ae689e4df658 100644 --- a/apps/public-docsite-v9/src/DocsComponents/FluentDocsContainer.stories.tsx +++ b/apps/public-docsite-v9/src/DocsComponents/FluentDocsContainer.stories.tsx @@ -3,14 +3,14 @@ import { DocsContainer, DocsContextProps } from '@storybook/addon-docs'; import { FluentStoryContext } from '@fluentui/react-storybook-addon'; import { webLightTheme, FluentProvider } from '@fluentui/react-components'; -interface IFluentDocsContainerProps { +interface FluentDocsContainerProps { context: FluentStoryContext & DocsContextProps; } /** * A container that wraps storybook's native docs container to add extra components to the docs experience */ -export const FluentDocsContainer: React.FC = ({ children, context }) => { +export const FluentDocsContainer: React.FC = ({ children, context }) => { return ( <> {/** TODO add table of contents */} diff --git a/apps/public-docsite-v9/src/DocsComponents/FluentDocsPage.stories.tsx b/apps/public-docsite-v9/src/DocsComponents/FluentDocsPage.stories.tsx index 2734cd91731f8..c9041b2334b1c 100644 --- a/apps/public-docsite-v9/src/DocsComponents/FluentDocsPage.stories.tsx +++ b/apps/public-docsite-v9/src/DocsComponents/FluentDocsPage.stories.tsx @@ -10,8 +10,7 @@ import { PRIMARY_STORY, Stories, } from '@storybook/addon-docs'; -import { makeStyles, shorthands } from '@griffel/react'; -import { tokens, Link, Text } from '@fluentui/react-components'; +import { makeStyles, shorthands, tokens, Link, Text } from '@fluentui/react-components'; import { DIR_ID, THEME_ID, themes } from '@fluentui/react-storybook-addon'; import { DirSwitch } from './DirSwitch.stories'; import { ThemePicker } from './ThemePicker.stories'; diff --git a/apps/public-docsite-v9/src/DocsComponents/Toc.stories.tsx b/apps/public-docsite-v9/src/DocsComponents/Toc.stories.tsx index 91c12bd7cd2cb..3e42e2126cd64 100644 --- a/apps/public-docsite-v9/src/DocsComponents/Toc.stories.tsx +++ b/apps/public-docsite-v9/src/DocsComponents/Toc.stories.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { addons } from '@storybook/addons'; import { NAVIGATE_URL } from '@storybook/core-events'; -import { makeStyles, shorthands } from '@griffel/react'; +import { makeStyles, shorthands } from '@fluentui/react-components'; import { useRef } from 'react'; const useTocStyles = makeStyles({ diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/Axis.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/Axis.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/Axis.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/Axis.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/CircularNavigation.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/CircularNavigation.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/CircularNavigation.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/CircularNavigation.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/Default.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/Default.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/Default.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/Default.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/Memorize.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/Memorize.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/Memorize.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/Memorize.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/index.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/index.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/index.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/index.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/useArrowNavigationGroupDescription.md b/apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/useArrowNavigationGroupDescription.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useArrowNavigationGroup/useArrowNavigationGroupDescription.md rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useArrowNavigationGroup/useArrowNavigationGroupDescription.md diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/Default.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/Default.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/Default.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/Default.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/FindAllWhere.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/FindAllWhere.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/FindAllWhere.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/FindAllWhere.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/FindFirst.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/FindFirst.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/FindFirst.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/FindFirst.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/FindLast.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/FindLast.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/FindLast.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/FindLast.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/FindNext.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/FindNext.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/FindNext.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/FindNext.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/FindPrevious.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/FindPrevious.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/FindPrevious.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/FindPrevious.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/index.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/index.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/index.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/index.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/useFocusFindersDescription.md b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/useFocusFindersDescription.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusFinders/useFocusFindersDescription.md rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusFinders/useFocusFindersDescription.md diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusableGroup/Default.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusableGroup/Default.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusableGroup/Default.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusableGroup/Default.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusableGroup/Limited.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusableGroup/Limited.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusableGroup/Limited.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusableGroup/Limited.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusableGroup/LimitedTrapFocus.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusableGroup/LimitedTrapFocus.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusableGroup/LimitedTrapFocus.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusableGroup/LimitedTrapFocus.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusableGroup/index.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusableGroup/index.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusableGroup/index.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusableGroup/index.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusableGroup/useFocusableGroupDescription.md b/apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusableGroup/useFocusableGroupDescription.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useFocusableGroup/useFocusableGroupDescription.md rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useFocusableGroup/useFocusableGroupDescription.md diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useModalAttributes/Default.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useModalAttributes/Default.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useModalAttributes/Default.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useModalAttributes/Default.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useModalAttributes/InertFocusTrap.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useModalAttributes/InertFocusTrap.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useModalAttributes/InertFocusTrap.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useModalAttributes/InertFocusTrap.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useModalAttributes/index.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useModalAttributes/index.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useModalAttributes/index.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useModalAttributes/index.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useModalAttributes/useModalAttributesDescription.md b/apps/public-docsite-v9/src/Utilities/FocusManagement/useModalAttributes/useModalAttributesDescription.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useModalAttributes/useModalAttributesDescription.md rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useModalAttributes/useModalAttributesDescription.md diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useObservedElement/Default.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useObservedElement/Default.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useObservedElement/Default.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useObservedElement/Default.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useObservedElement/MultipleNames.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useObservedElement/MultipleNames.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useObservedElement/MultipleNames.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useObservedElement/MultipleNames.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useObservedElement/index.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useObservedElement/index.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useObservedElement/index.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useObservedElement/index.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useObservedElement/useObservedElementDescription.md b/apps/public-docsite-v9/src/Utilities/FocusManagement/useObservedElement/useObservedElementDescription.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useObservedElement/useObservedElementDescription.md rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useObservedElement/useObservedElementDescription.md diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useRestoreFocusSource/Default.stories.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useRestoreFocusSource/Default.stories.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useRestoreFocusSource/Default.stories.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useRestoreFocusSource/Default.stories.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useRestoreFocusSource/FocusRestoreHistory.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useRestoreFocusSource/FocusRestoreHistory.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useRestoreFocusSource/FocusRestoreHistory.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useRestoreFocusSource/FocusRestoreHistory.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useRestoreFocusSource/UserRestoreFocus.stories.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useRestoreFocusSource/UserRestoreFocus.stories.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useRestoreFocusSource/UserRestoreFocus.stories.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useRestoreFocusSource/UserRestoreFocus.stories.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useRestoreFocusSource/index.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useRestoreFocusSource/index.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useRestoreFocusSource/index.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useRestoreFocusSource/index.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useRestoreFocusSource/useRestoreFocusSourceDescription.md b/apps/public-docsite-v9/src/Utilities/FocusManagement/useRestoreFocusSource/useRestoreFocusSourceDescription.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useRestoreFocusSource/useRestoreFocusSourceDescription.md rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useRestoreFocusSource/useRestoreFocusSourceDescription.md diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useUncontrolledFocus/Default.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useUncontrolledFocus/Default.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useUncontrolledFocus/Default.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useUncontrolledFocus/Default.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useUncontrolledFocus/index.stories.tsx b/apps/public-docsite-v9/src/Utilities/FocusManagement/useUncontrolledFocus/index.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useUncontrolledFocus/index.stories.tsx rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useUncontrolledFocus/index.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/FocusManagement/useUncontrolledFocus/useUncontrolledFocusDescription.md b/apps/public-docsite-v9/src/Utilities/FocusManagement/useUncontrolledFocus/useUncontrolledFocusDescription.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/FocusManagement/useUncontrolledFocus/useUncontrolledFocusDescription.md rename to apps/public-docsite-v9/src/Utilities/FocusManagement/useUncontrolledFocus/useUncontrolledFocusDescription.md diff --git a/packages/react-components/react-components/stories/Concepts/Themeing/createCSSRuleFromTheme/createCSSRuleFromThemeBestPractices.md b/apps/public-docsite-v9/src/Utilities/Theme/createCSSRuleFromTheme/createCSSRuleFromThemeBestPractices.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Themeing/createCSSRuleFromTheme/createCSSRuleFromThemeBestPractices.md rename to apps/public-docsite-v9/src/Utilities/Theme/createCSSRuleFromTheme/createCSSRuleFromThemeBestPractices.md diff --git a/packages/react-components/react-components/stories/Concepts/Themeing/createCSSRuleFromTheme/createCSSRuleFromThemeDefault.stories.tsx b/apps/public-docsite-v9/src/Utilities/Theme/createCSSRuleFromTheme/createCSSRuleFromThemeDefault.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Themeing/createCSSRuleFromTheme/createCSSRuleFromThemeDefault.stories.tsx rename to apps/public-docsite-v9/src/Utilities/Theme/createCSSRuleFromTheme/createCSSRuleFromThemeDefault.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Themeing/createCSSRuleFromTheme/createCSSRuleFromThemeDescription.md b/apps/public-docsite-v9/src/Utilities/Theme/createCSSRuleFromTheme/createCSSRuleFromThemeDescription.md similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Themeing/createCSSRuleFromTheme/createCSSRuleFromThemeDescription.md rename to apps/public-docsite-v9/src/Utilities/Theme/createCSSRuleFromTheme/createCSSRuleFromThemeDescription.md diff --git a/packages/react-components/react-components/stories/Concepts/Themeing/createCSSRuleFromTheme/createCSSRuleFromThemeSwitching.stories.tsx b/apps/public-docsite-v9/src/Utilities/Theme/createCSSRuleFromTheme/createCSSRuleFromThemeSwitching.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Themeing/createCSSRuleFromTheme/createCSSRuleFromThemeSwitching.stories.tsx rename to apps/public-docsite-v9/src/Utilities/Theme/createCSSRuleFromTheme/createCSSRuleFromThemeSwitching.stories.tsx diff --git a/packages/react-components/react-components/stories/Concepts/Themeing/createCSSRuleFromTheme/index.stories.tsx b/apps/public-docsite-v9/src/Utilities/Theme/createCSSRuleFromTheme/index.stories.tsx similarity index 100% rename from packages/react-components/react-components/stories/Concepts/Themeing/createCSSRuleFromTheme/index.stories.tsx rename to apps/public-docsite-v9/src/Utilities/Theme/createCSSRuleFromTheme/index.stories.tsx diff --git a/apps/public-docsite-v9/tsconfig.app.json b/apps/public-docsite-v9/tsconfig.app.json index 491efe8eb8114..3114b73ab654d 100644 --- a/apps/public-docsite-v9/tsconfig.app.json +++ b/apps/public-docsite-v9/tsconfig.app.json @@ -9,5 +9,6 @@ "sourceMap": true, "types": ["static-assets", "webpack-env"] }, + "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx"], "include": ["src"] } diff --git a/apps/public-docsite-v9/tsconfig.json b/apps/public-docsite-v9/tsconfig.json index 497765e348e0f..3dcf162cfde04 100644 --- a/apps/public-docsite-v9/tsconfig.json +++ b/apps/public-docsite-v9/tsconfig.json @@ -12,6 +12,9 @@ "include": [], "files": [], "references": [ + { + "path": "./tsconfig.spec.json" + }, { "path": "./tsconfig.app.json" }, diff --git a/apps/public-docsite-v9/tsconfig.spec.json b/apps/public-docsite-v9/tsconfig.spec.json new file mode 100644 index 0000000000000..b9e6d9b907a3e --- /dev/null +++ b/apps/public-docsite-v9/tsconfig.spec.json @@ -0,0 +1,9 @@ +{ + "extends": "./tsconfig.json", + "compilerOptions": { + "module": "CommonJS", + "jsx": "react", + "types": ["node", "jest"] + }, + "include": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"] +} diff --git a/change/@fluentui-react-components-0620cde5-ea4a-4951-9aa2-37686710af63.json b/change/@fluentui-react-components-0620cde5-ea4a-4951-9aa2-37686710af63.json new file mode 100644 index 0000000000000..b79d1c09b2cbe --- /dev/null +++ b/change/@fluentui-react-components-0620cde5-ea4a-4951-9aa2-37686710af63.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: remove storybook setup and assets/", + "packageName": "@fluentui/react-components", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "none" +} diff --git a/packages/react-components/react-components/.storybook/main.js b/packages/react-components/react-components/.storybook/main.js deleted file mode 100644 index 127961dbf675a..0000000000000 --- a/packages/react-components/react-components/.storybook/main.js +++ /dev/null @@ -1,15 +0,0 @@ -const rootMain = require('../../../../.storybook/main'); - -module.exports = /** @type {Omit} */ ({ - ...rootMain, - stories: [...rootMain.stories, '../stories/**/*.stories.mdx', '../stories/**/index.stories.@(ts|tsx)'], - staticDirs: ['../public'], - addons: [...rootMain.addons], - webpackFinal: (config, options) => { - const localConfig = { ...rootMain.webpackFinal(config, options) }; - - // add your own webpack tweaks if needed - - return localConfig; - }, -}); diff --git a/packages/react-components/react-components/.storybook/preview.js b/packages/react-components/react-components/.storybook/preview.js deleted file mode 100644 index 8f964a3cf7826..0000000000000 --- a/packages/react-components/react-components/.storybook/preview.js +++ /dev/null @@ -1,7 +0,0 @@ -import * as rootPreview from '../../../../.storybook/preview'; - -/** @type {NonNullable} */ -export const decorators = [...rootPreview.decorators]; - -/** @type {typeof rootPreview.parameters} */ -export const parameters = { ...rootPreview.parameters }; diff --git a/packages/react-components/react-components/.storybook/tsconfig.json b/packages/react-components/react-components/.storybook/tsconfig.json deleted file mode 100644 index ea89218a3d916..0000000000000 --- a/packages/react-components/react-components/.storybook/tsconfig.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "extends": "../tsconfig.json", - "compilerOptions": { - "outDir": "", - "allowJs": true, - "checkJs": true, - "types": ["static-assets", "environment", "storybook__addons"] - }, - "include": ["../stories/**/*.stories.ts", "../stories/**/*.stories.tsx", "*.js"] -} diff --git a/packages/react-components/react-components/assets/alert-keyboard.png b/packages/react-components/react-components/assets/alert-keyboard.png deleted file mode 100644 index b3d5d783264bc..0000000000000 Binary files a/packages/react-components/react-components/assets/alert-keyboard.png and /dev/null differ diff --git a/packages/react-components/react-components/assets/alert-mouse-touch.png b/packages/react-components/react-components/assets/alert-mouse-touch.png deleted file mode 100644 index 83768538b9b16..0000000000000 Binary files a/packages/react-components/react-components/assets/alert-mouse-touch.png and /dev/null differ diff --git a/packages/react-components/react-components/assets/dialog-anatomy.png b/packages/react-components/react-components/assets/dialog-anatomy.png deleted file mode 100644 index d116d2d5cc8e1..0000000000000 Binary files a/packages/react-components/react-components/assets/dialog-anatomy.png and /dev/null differ diff --git a/packages/react-components/react-components/assets/modal-keyboard.png b/packages/react-components/react-components/assets/modal-keyboard.png deleted file mode 100644 index 3b6f2cc6684ad..0000000000000 Binary files a/packages/react-components/react-components/assets/modal-keyboard.png and /dev/null differ diff --git a/packages/react-components/react-components/assets/modal-mouse-touch.png b/packages/react-components/react-components/assets/modal-mouse-touch.png deleted file mode 100644 index 038b28d45d95a..0000000000000 Binary files a/packages/react-components/react-components/assets/modal-mouse-touch.png and /dev/null differ diff --git a/packages/react-components/react-components/assets/non-modal-keyboard.png b/packages/react-components/react-components/assets/non-modal-keyboard.png deleted file mode 100644 index 2fafc43c5fcf3..0000000000000 Binary files a/packages/react-components/react-components/assets/non-modal-keyboard.png and /dev/null differ diff --git a/packages/react-components/react-components/assets/non-modal-mouse-touch.png b/packages/react-components/react-components/assets/non-modal-mouse-touch.png deleted file mode 100644 index 234638d2bc760..0000000000000 Binary files a/packages/react-components/react-components/assets/non-modal-mouse-touch.png and /dev/null differ diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index 37560f5a4777e..5f5c5e2e2e5ba 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -18,8 +18,7 @@ "code-style": "just-scripts code-style", "just": "just-scripts", "lint": "just-scripts lint", - "start": "yarn storybook", - "storybook": "start-storybook", + "start": "echo 'This doesn't do anything. Run `yarn workspace @fluentui/public-docsite-v9 storybook` instead.'", "test": "jest --passWithNoTests", "type-check": "tsc -b tsconfig.json", "generate-api": "just-scripts generate-api", @@ -27,7 +26,6 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "react-hook-form": "^5.7.2", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, diff --git a/packages/react-components/react-components/tsconfig.json b/packages/react-components/react-components/tsconfig.json index 1941a041d46c1..12ca516af1c5b 100644 --- a/packages/react-components/react-components/tsconfig.json +++ b/packages/react-components/react-components/tsconfig.json @@ -17,9 +17,6 @@ }, { "path": "./tsconfig.spec.json" - }, - { - "path": "./.storybook/tsconfig.json" } ] }