diff --git a/change/@fluentui-react-infobutton-2083c6b4-61fc-492b-a814-99edcb893697.json b/change/@fluentui-react-infobutton-2083c6b4-61fc-492b-a814-99edcb893697.json new file mode 100644 index 00000000000000..11f13c8e8e3a51 --- /dev/null +++ b/change/@fluentui-react-infobutton-2083c6b4-61fc-492b-a814-99edcb893697.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat(react-infobutton): Remove InfoIcon files from react-infobutton.", + "packageName": "@fluentui/react-infobutton", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-infobutton/etc/react-infobutton.api.md b/packages/react-components/react-infobutton/etc/react-infobutton.api.md index 55ed6eea251d85..46b9efca38289a 100644 --- a/packages/react-components/react-infobutton/etc/react-infobutton.api.md +++ b/packages/react-components/react-infobutton/etc/react-infobutton.api.md @@ -37,40 +37,6 @@ export type InfoButtonSlots = { // @public export type InfoButtonState = ComponentState & Required>; -// @public -export const InfoIcon: ForwardRefComponent; - -// @public (undocumented) -export const infoIconClassNames: SlotClassNames; - -// @public -export const InfoIconLabel: ForwardRefComponent; - -// @public (undocumented) -export const infoIconLabelClassNames: SlotClassNames; - -// @public -export type InfoIconLabelProps = ComponentProps & {}; - -// @public (undocumented) -export type InfoIconLabelSlots = { - root: Slot<'div'>; -}; - -// @public -export type InfoIconLabelState = ComponentState; - -// @public -export type InfoIconProps = ComponentProps & {}; - -// @public (undocumented) -export type InfoIconSlots = { - root: Slot<'div'>; -}; - -// @public -export type InfoIconState = ComponentState; - // @public export const InfoLabel: ForwardRefComponent; @@ -95,12 +61,6 @@ export type InfoLabelState = ComponentState & Pick JSX.Element; -// @public -export const renderInfoIcon_unstable: (state: InfoIconState) => JSX.Element; - -// @public -export const renderInfoIconLabel_unstable: (state: InfoIconLabelState) => JSX.Element; - // @public export const renderInfoLabel_unstable: (state: InfoLabelState) => JSX.Element; @@ -110,18 +70,6 @@ export const useInfoButton_unstable: (props: InfoButtonProps, ref: React_2.Ref InfoButtonState; -// @public -export const useInfoIcon_unstable: (props: InfoIconProps, ref: React_2.Ref) => InfoIconState; - -// @public -export const useInfoIconLabel_unstable: (props: InfoIconLabelProps, ref: React_2.Ref) => InfoIconLabelState; - -// @public -export const useInfoIconLabelStyles_unstable: (state: InfoIconLabelState) => InfoIconLabelState; - -// @public -export const useInfoIconStyles_unstable: (state: InfoIconState) => InfoIconState; - // @public export const useInfoLabel_unstable: (props: InfoLabelProps, ref: React_2.Ref) => InfoLabelState; diff --git a/packages/react-components/react-infobutton/src/InfoIcon.ts b/packages/react-components/react-infobutton/src/InfoIcon.ts deleted file mode 100644 index c35c5c5d91f9d2..00000000000000 --- a/packages/react-components/react-infobutton/src/InfoIcon.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/InfoIcon/index'; diff --git a/packages/react-components/react-infobutton/src/InfoIconLabel.ts b/packages/react-components/react-infobutton/src/InfoIconLabel.ts deleted file mode 100644 index adad8e663ef115..00000000000000 --- a/packages/react-components/react-infobutton/src/InfoIconLabel.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/InfoIconLabel/index'; diff --git a/packages/react-components/react-infobutton/src/components/InfoIcon/InfoIcon.test.tsx b/packages/react-components/react-infobutton/src/components/InfoIcon/InfoIcon.test.tsx deleted file mode 100644 index a054f2d0bc7588..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIcon/InfoIcon.test.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import * as React from 'react'; -import { render } from '@testing-library/react'; -import { InfoIcon } from './InfoIcon'; -import { isConformant } from '../../testing/isConformant'; - -describe('InfoIcon', () => { - isConformant({ - Component: InfoIcon, - displayName: 'InfoIcon', - }); - - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - - it('renders a default state', () => { - const result = render(Default InfoIcon); - expect(result.container).toMatchSnapshot(); - }); -}); diff --git a/packages/react-components/react-infobutton/src/components/InfoIcon/InfoIcon.tsx b/packages/react-components/react-infobutton/src/components/InfoIcon/InfoIcon.tsx deleted file mode 100644 index 8dd174d290d6c3..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIcon/InfoIcon.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import * as React from 'react'; -import { useInfoIcon_unstable } from './useInfoIcon'; -import { renderInfoIcon_unstable } from './renderInfoIcon'; -import { useInfoIconStyles_unstable } from './useInfoIconStyles.styles'; -import type { InfoIconProps } from './InfoIcon.types'; -import type { ForwardRefComponent } from '@fluentui/react-utilities'; - -/** - * InfoIcon component - TODO: add more docs - */ -export const InfoIcon: ForwardRefComponent = React.forwardRef((props, ref) => { - const state = useInfoIcon_unstable(props, ref); - - useInfoIconStyles_unstable(state); - return renderInfoIcon_unstable(state); -}); - -InfoIcon.displayName = 'InfoIcon'; diff --git a/packages/react-components/react-infobutton/src/components/InfoIcon/InfoIcon.types.ts b/packages/react-components/react-infobutton/src/components/InfoIcon/InfoIcon.types.ts deleted file mode 100644 index 022b28c0fb8257..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIcon/InfoIcon.types.ts +++ /dev/null @@ -1,17 +0,0 @@ -import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; - -export type InfoIconSlots = { - root: Slot<'div'>; -}; - -/** - * InfoIcon Props - */ -export type InfoIconProps = ComponentProps & {}; - -/** - * State used in rendering InfoIcon - */ -export type InfoIconState = ComponentState; -// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconProps. -// & Required> diff --git a/packages/react-components/react-infobutton/src/components/InfoIcon/__snapshots__/InfoIcon.test.tsx.snap b/packages/react-components/react-infobutton/src/components/InfoIcon/__snapshots__/InfoIcon.test.tsx.snap deleted file mode 100644 index 5c60d249f3d83a..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIcon/__snapshots__/InfoIcon.test.tsx.snap +++ /dev/null @@ -1,11 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`InfoIcon renders a default state 1`] = ` -
-
- Default InfoIcon -
-
-`; diff --git a/packages/react-components/react-infobutton/src/components/InfoIcon/index.ts b/packages/react-components/react-infobutton/src/components/InfoIcon/index.ts deleted file mode 100644 index 866702c8703c20..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIcon/index.ts +++ /dev/null @@ -1,5 +0,0 @@ -export * from './InfoIcon'; -export * from './InfoIcon.types'; -export * from './renderInfoIcon'; -export * from './useInfoIcon'; -export * from './useInfoIconStyles.styles'; diff --git a/packages/react-components/react-infobutton/src/components/InfoIcon/renderInfoIcon.tsx b/packages/react-components/react-infobutton/src/components/InfoIcon/renderInfoIcon.tsx deleted file mode 100644 index bcdc556cb73db1..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIcon/renderInfoIcon.tsx +++ /dev/null @@ -1,16 +0,0 @@ -/** @jsxRuntime classic */ -/** @jsx createElement */ - -import { createElement } from '@fluentui/react-jsx-runtime'; -import { getSlotsNext } from '@fluentui/react-utilities'; -import type { InfoIconState, InfoIconSlots } from './InfoIcon.types'; - -/** - * Render the final JSX of InfoIcon - */ -export const renderInfoIcon_unstable = (state: InfoIconState) => { - const { slots, slotProps } = getSlotsNext(state); - - // TODO Add additional slots in the appropriate place - return ; -}; diff --git a/packages/react-components/react-infobutton/src/components/InfoIcon/useInfoIcon.ts b/packages/react-components/react-infobutton/src/components/InfoIcon/useInfoIcon.ts deleted file mode 100644 index 4ab64af7d16508..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIcon/useInfoIcon.ts +++ /dev/null @@ -1,28 +0,0 @@ -import * as React from 'react'; -import { getNativeElementProps } from '@fluentui/react-utilities'; -import type { InfoIconProps, InfoIconState } from './InfoIcon.types'; - -/** - * Create the state required to render InfoIcon. - * - * The returned state can be modified with hooks such as useInfoIconStyles_unstable, - * before being passed to renderInfoIcon_unstable. - * - * @param props - props from this instance of InfoIcon - * @param ref - reference to root HTMLElement of InfoIcon - */ -export const useInfoIcon_unstable = (props: InfoIconProps, ref: React.Ref): InfoIconState => { - return { - // TODO add appropriate props/defaults - components: { - // TODO add each slot's element type or component - root: 'div', - }, - // TODO add appropriate slots, for example: - // mySlot: resolveShorthand(props.mySlot), - root: getNativeElementProps('div', { - ref, - ...props, - }), - }; -}; diff --git a/packages/react-components/react-infobutton/src/components/InfoIcon/useInfoIconStyles.styles.ts b/packages/react-components/react-infobutton/src/components/InfoIcon/useInfoIconStyles.styles.ts deleted file mode 100644 index 08283e0f86bd0a..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIcon/useInfoIconStyles.styles.ts +++ /dev/null @@ -1,33 +0,0 @@ -import { makeStyles, mergeClasses } from '@griffel/react'; -import type { InfoIconSlots, InfoIconState } from './InfoIcon.types'; -import type { SlotClassNames } from '@fluentui/react-utilities'; - -export const infoIconClassNames: SlotClassNames = { - root: 'fui-InfoIcon', - // TODO: add class names for all slots on InfoIconSlots. - // Should be of the form `: 'fui-InfoIcon__` -}; - -/** - * Styles for the root slot - */ -const useStyles = makeStyles({ - root: { - // TODO Add default styles for the root element - }, - - // TODO add additional classes for different states and/or slots -}); - -/** - * Apply styling to the InfoIcon slots based on the state - */ -export const useInfoIconStyles_unstable = (state: InfoIconState): InfoIconState => { - const styles = useStyles(); - state.root.className = mergeClasses(infoIconClassNames.root, styles.root, state.root.className); - - // TODO Add class names to slots, for example: - // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className); - - return state; -}; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.test.tsx b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.test.tsx deleted file mode 100644 index 0db96060045998..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.test.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import * as React from 'react'; -import { render } from '@testing-library/react'; -import { InfoIconLabel } from './InfoIconLabel'; -import { isConformant } from '../../testing/isConformant'; - -describe('InfoIconLabel', () => { - isConformant({ - Component: InfoIconLabel, - displayName: 'InfoIconLabel', - }); - - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - - it('renders a default state', () => { - const result = render(Default InfoIconLabel); - expect(result.container).toMatchSnapshot(); - }); -}); diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.tsx b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.tsx deleted file mode 100644 index 6d1d1b03589bd0..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import * as React from 'react'; -import { useInfoIconLabel_unstable } from './useInfoIconLabel'; -import { renderInfoIconLabel_unstable } from './renderInfoIconLabel'; -import { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles'; -import type { InfoIconLabelProps } from './InfoIconLabel.types'; -import type { ForwardRefComponent } from '@fluentui/react-utilities'; - -/** - * InfoIconLabel component - TODO: add more docs - */ -export const InfoIconLabel: ForwardRefComponent = React.forwardRef((props, ref) => { - const state = useInfoIconLabel_unstable(props, ref); - - useInfoIconLabelStyles_unstable(state); - return renderInfoIconLabel_unstable(state); -}); - -InfoIconLabel.displayName = 'InfoIconLabel'; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.types.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.types.ts deleted file mode 100644 index 61c0dd3b53695f..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIconLabel/InfoIconLabel.types.ts +++ /dev/null @@ -1,17 +0,0 @@ -import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; - -export type InfoIconLabelSlots = { - root: Slot<'div'>; -}; - -/** - * InfoIconLabel Props - */ -export type InfoIconLabelProps = ComponentProps & {}; - -/** - * State used in rendering InfoIconLabel - */ -export type InfoIconLabelState = ComponentState; -// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps. -// & Required> diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/__snapshots__/InfoIconLabel.test.tsx.snap b/packages/react-components/react-infobutton/src/components/InfoIconLabel/__snapshots__/InfoIconLabel.test.tsx.snap deleted file mode 100644 index f3dc58ca9090ef..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIconLabel/__snapshots__/InfoIconLabel.test.tsx.snap +++ /dev/null @@ -1,11 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`InfoIconLabel renders a default state 1`] = ` -
-
- Default InfoIconLabel -
-
-`; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/index.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/index.ts deleted file mode 100644 index 88d83758b65c05..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIconLabel/index.ts +++ /dev/null @@ -1,5 +0,0 @@ -export * from './InfoIconLabel'; -export * from './InfoIconLabel.types'; -export * from './renderInfoIconLabel'; -export * from './useInfoIconLabel'; -export * from './useInfoIconLabelStyles.styles'; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/renderInfoIconLabel.tsx b/packages/react-components/react-infobutton/src/components/InfoIconLabel/renderInfoIconLabel.tsx deleted file mode 100644 index 491f3a2a66c8b5..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIconLabel/renderInfoIconLabel.tsx +++ /dev/null @@ -1,16 +0,0 @@ -/** @jsxRuntime classic */ -/** @jsx createElement */ - -import { createElement } from '@fluentui/react-jsx-runtime'; -import { getSlotsNext } from '@fluentui/react-utilities'; -import type { InfoIconLabelState, InfoIconLabelSlots } from './InfoIconLabel.types'; - -/** - * Render the final JSX of InfoIconLabel - */ -export const renderInfoIconLabel_unstable = (state: InfoIconLabelState) => { - const { slots, slotProps } = getSlotsNext(state); - - // TODO Add additional slots in the appropriate place - return ; -}; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabel.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabel.ts deleted file mode 100644 index af5f8057567ce8..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabel.ts +++ /dev/null @@ -1,31 +0,0 @@ -import * as React from 'react'; -import { getNativeElementProps } from '@fluentui/react-utilities'; -import type { InfoIconLabelProps, InfoIconLabelState } from './InfoIconLabel.types'; - -/** - * Create the state required to render InfoIconLabel. - * - * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable, - * before being passed to renderInfoIconLabel_unstable. - * - * @param props - props from this instance of InfoIconLabel - * @param ref - reference to root HTMLElement of InfoIconLabel - */ -export const useInfoIconLabel_unstable = ( - props: InfoIconLabelProps, - ref: React.Ref, -): InfoIconLabelState => { - return { - // TODO add appropriate props/defaults - components: { - // TODO add each slot's element type or component - root: 'div', - }, - // TODO add appropriate slots, for example: - // mySlot: resolveShorthand(props.mySlot), - root: getNativeElementProps('div', { - ref, - ...props, - }), - }; -}; diff --git a/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabelStyles.styles.ts b/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabelStyles.styles.ts deleted file mode 100644 index 18eb243d529a34..00000000000000 --- a/packages/react-components/react-infobutton/src/components/InfoIconLabel/useInfoIconLabelStyles.styles.ts +++ /dev/null @@ -1,33 +0,0 @@ -import { makeStyles, mergeClasses } from '@griffel/react'; -import type { InfoIconLabelSlots, InfoIconLabelState } from './InfoIconLabel.types'; -import type { SlotClassNames } from '@fluentui/react-utilities'; - -export const infoIconLabelClassNames: SlotClassNames = { - root: 'fui-InfoIconLabel', - // TODO: add class names for all slots on InfoIconLabelSlots. - // Should be of the form `: 'fui-InfoIconLabel__` -}; - -/** - * Styles for the root slot - */ -const useStyles = makeStyles({ - root: { - // TODO Add default styles for the root element - }, - - // TODO add additional classes for different states and/or slots -}); - -/** - * Apply styling to the InfoIconLabel slots based on the state - */ -export const useInfoIconLabelStyles_unstable = (state: InfoIconLabelState): InfoIconLabelState => { - const styles = useStyles(); - state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className); - - // TODO Add class names to slots, for example: - // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className); - - return state; -}; diff --git a/packages/react-components/react-infobutton/src/index.ts b/packages/react-components/react-infobutton/src/index.ts index 45c0320cba5564..2f13cdd25b29d4 100644 --- a/packages/react-components/react-infobutton/src/index.ts +++ b/packages/react-components/react-infobutton/src/index.ts @@ -14,19 +14,3 @@ export { useInfoLabel_unstable, } from './InfoLabel'; export type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel'; -export { - InfoIcon, - infoIconClassNames, - renderInfoIcon_unstable, - useInfoIconStyles_unstable, - useInfoIcon_unstable, -} from './InfoIcon'; -export type { InfoIconProps, InfoIconSlots, InfoIconState } from './InfoIcon'; -export { - InfoIconLabel, - infoIconLabelClassNames, - renderInfoIconLabel_unstable, - useInfoIconLabelStyles_unstable, - useInfoIconLabel_unstable, -} from './InfoIconLabel'; -export type { InfoIconLabelProps, InfoIconLabelSlots, InfoIconLabelState } from './InfoIconLabel'; diff --git a/packages/react-components/react-infobutton/stories/InfoIcon/InfoIconBestPractices.md b/packages/react-components/react-infobutton/stories/InfoIcon/InfoIconBestPractices.md deleted file mode 100644 index 08ff8ddeeb5f86..00000000000000 --- a/packages/react-components/react-infobutton/stories/InfoIcon/InfoIconBestPractices.md +++ /dev/null @@ -1,5 +0,0 @@ -## Best practices - -### Do - -### Don't diff --git a/packages/react-components/react-infobutton/stories/InfoIcon/InfoIconDefault.stories.tsx b/packages/react-components/react-infobutton/stories/InfoIcon/InfoIconDefault.stories.tsx deleted file mode 100644 index ac99b190c70e5a..00000000000000 --- a/packages/react-components/react-infobutton/stories/InfoIcon/InfoIconDefault.stories.tsx +++ /dev/null @@ -1,4 +0,0 @@ -import * as React from 'react'; -import { InfoIcon, InfoIconProps } from '@fluentui/react-infobutton'; - -export const Default = (props: Partial) => ; diff --git a/packages/react-components/react-infobutton/stories/InfoIcon/InfoIconDescription.md b/packages/react-components/react-infobutton/stories/InfoIcon/InfoIconDescription.md deleted file mode 100644 index e69de29bb2d1d6..00000000000000 diff --git a/packages/react-components/react-infobutton/stories/InfoIcon/index.stories.tsx b/packages/react-components/react-infobutton/stories/InfoIcon/index.stories.tsx deleted file mode 100644 index d3433a2f72ac55..00000000000000 --- a/packages/react-components/react-infobutton/stories/InfoIcon/index.stories.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { InfoIcon } from '@fluentui/react-infobutton'; - -import descriptionMd from './InfoIconDescription.md'; -import bestPracticesMd from './InfoIconBestPractices.md'; - -export { Default } from './InfoIconDefault.stories'; - -export default { - title: 'Preview Components/InfoIcon', - component: InfoIcon, - parameters: { - docs: { - description: { - component: [descriptionMd, bestPracticesMd].join('\n'), - }, - }, - }, -}; diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelBestPractices.md b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelBestPractices.md deleted file mode 100644 index 08ff8ddeeb5f86..00000000000000 --- a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelBestPractices.md +++ /dev/null @@ -1,5 +0,0 @@ -## Best practices - -### Do - -### Don't diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDefault.stories.tsx b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDefault.stories.tsx deleted file mode 100644 index 94a5c8c3c1c7e3..00000000000000 --- a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDefault.stories.tsx +++ /dev/null @@ -1,4 +0,0 @@ -import * as React from 'react'; -import { InfoIconLabel, InfoIconLabelProps } from '@fluentui/react-infobutton'; - -export const Default = (props: Partial) => ; diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDescription.md b/packages/react-components/react-infobutton/stories/InfoIconLabel/InfoIconLabelDescription.md deleted file mode 100644 index e69de29bb2d1d6..00000000000000 diff --git a/packages/react-components/react-infobutton/stories/InfoIconLabel/index.stories.tsx b/packages/react-components/react-infobutton/stories/InfoIconLabel/index.stories.tsx deleted file mode 100644 index 0961b88da302b0..00000000000000 --- a/packages/react-components/react-infobutton/stories/InfoIconLabel/index.stories.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import { InfoIconLabel } from '@fluentui/react-infobutton'; - -import descriptionMd from './InfoIconLabelDescription.md'; -import bestPracticesMd from './InfoIconLabelBestPractices.md'; - -export { Default } from './InfoIconLabelDefault.stories'; - -export default { - title: 'Preview Components/InfoIconLabel', - component: InfoIconLabel, - parameters: { - docs: { - description: { - component: [descriptionMd, bestPracticesMd].join('\n'), - }, - }, - }, -};