chore(web-components): Remove define imports from story modules (#31622)

microsoft · Jun 24, 2024 · 54f5ccc · 54f5ccc
1 parent 1c0ba2f
commit 54f5ccc
Show file tree

Hide file tree

Showing 27 changed files with 0 additions and 48 deletions.
diff --git a/packages/web-components/src/accordion/accordion.stories.ts b/packages/web-components/src/accordion/accordion.stories.ts
@@ -3,8 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import { AccordionItemExpandIconPosition, AccordionItemSize } from '../accordion-item/accordion-item.options.js';
 import type { Accordion as FluentAccordion } from './accordion.js';
-import './define';
-import '../accordion-item/define';
 
 type AccordionStoryArgs = Args & FluentAccordion;
 type AccordionStoryMeta = Meta<AccordionStoryArgs>;

diff --git a/packages/web-components/src/anchor-button/anchor-button.stories.ts b/packages/web-components/src/anchor-button/anchor-button.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { AnchorButton as FluentAnchorButton } from './anchor-button.js';
 import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize } from './anchor-button.options.js';
-import './define.js';
 
 type AnchorButtonStoryArgs = Args & FluentAnchorButton;
 type AnchorButtonStoryMeta = Meta<AnchorButtonStoryArgs>;

diff --git a/packages/web-components/src/avatar/avatar.stories.ts b/packages/web-components/src/avatar/avatar.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { Avatar as FluentAvatar } from './avatar.js';
 import { AvatarActive, AvatarAppearance, AvatarColor, AvatarShape, AvatarSize } from './avatar.options.js';
-import './define.js';
 
 type AvatarStoryArgs = Args & FluentAvatar;
 type AvatarStoryMeta = Meta<AvatarStoryArgs>;

diff --git a/packages/web-components/src/badge/badge.stories.ts b/packages/web-components/src/badge/badge.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { Badge as FluentBadge } from './badge.js';
 import { BadgeAppearance, BadgeColor, BadgeShape, BadgeSize } from './badge.options.js';
-import './define.js';
 
 type BadgeStoryArgs = Args & FluentBadge;
 type BadgeStoryMeta = Meta<BadgeStoryArgs>;

diff --git a/packages/web-components/src/button/button.stories.ts b/packages/web-components/src/button/button.stories.ts
@@ -4,8 +4,6 @@ import { renderComponent } from '../helpers.stories.js';
 import type { Button as FluentButton } from './button.js';
 import { ButtonAppearance, ButtonShape, ButtonSize } from './button.options.js';
 
-import './define.js';
-
 const storyTemplate = html<StoryArgs<FluentButton>>`
   <fluent-button
     appearance="${x => x.appearance}"

diff --git a/packages/web-components/src/checkbox/checkbox.stories.ts b/packages/web-components/src/checkbox/checkbox.stories.ts
@@ -5,10 +5,6 @@ import { Meta, renderComponent, Story, StoryArgs } from '../helpers.stories.js';
 import { Checkbox as FluentCheckbox } from './checkbox.js';
 import { CheckboxShape, CheckboxSize } from './checkbox.options.js';
 
-import './define.js';
-import '../button/define.js';
-import '../field/define.js';
-
 const storyTemplate = html<StoryArgs<FluentCheckbox>>`
   <fluent-checkbox
     ?checked="${x => x.checked}"

diff --git a/packages/web-components/src/compound-button/compound-button.stories.ts b/packages/web-components/src/compound-button/compound-button.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { CompoundButton as FluentCompoundButton } from './compound-button.js';
 import { CompoundButtonAppearance, CompoundButtonShape, CompoundButtonSize } from './compound-button.options.js';
-import './define.js';
 
 type CompoundButtonStoryArgs = Args & FluentCompoundButton;
 type CompoundButtonStoryMeta = Meta<CompoundButtonStoryArgs>;

diff --git a/packages/web-components/src/counter-badge/counter-badge.stories.ts b/packages/web-components/src/counter-badge/counter-badge.stories.ts
@@ -8,7 +8,6 @@ import {
   CounterBadgeShape,
   CounterBadgeSize,
 } from './counter-badge.options.js';
-import './define.js';
 
 type CounterBadgeStoryArgs = Args & FluentCounterBadge;
 type CounterBadgeStoryMeta = Meta<CounterBadgeStoryArgs>;

diff --git a/packages/web-components/src/dialog-body/dialog-body.stories.ts b/packages/web-components/src/dialog-body/dialog-body.stories.ts
@@ -1,11 +1,7 @@
 import { html } from '@microsoft/fast-element';
 import type { Args } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
-import { Dialog as FluentDialog } from '../dialog/dialog.js';
 import type { DialogBody as FluentDialogBody } from './dialog-body.js';
-import './define.js';
-import '../button/define.js';
-import '../text/define.js';
 
 type DialogStoryArgs = Args & FluentDialogBody;
 

diff --git a/packages/web-components/src/dialog/dialog.stories.ts b/packages/web-components/src/dialog/dialog.stories.ts
@@ -2,9 +2,6 @@ import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { Dialog as FluentDialog } from './dialog.js';
-import './define.js';
-import '../button/define.js';
-import '../text/define.js';
 import { DialogType } from './dialog.options.js';
 
 type DialogStoryArgs = Args & FluentDialog;

diff --git a/packages/web-components/src/divider/divider.stories.ts b/packages/web-components/src/divider/divider.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { Divider as FluentDivider } from './divider.js';
 import { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole } from './divider.options.js';
-import './define.js';
 
 type DividerStoryArgs = Args & FluentDivider;
 type DividerStoryMeta = Meta<DividerStoryArgs>;

diff --git a/packages/web-components/src/image/image.stories.ts b/packages/web-components/src/image/image.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { Image as FluentImage } from './image.js';
 import { ImageFit, ImageShape } from './image.options.js';
-import './define.js';
 
 type ImageStoryArgs = Args & FluentImage;
 type ImageStoryMeta = Meta<ImageStoryArgs>;

diff --git a/packages/web-components/src/label/label.stories.ts b/packages/web-components/src/label/label.stories.ts
@@ -2,7 +2,6 @@ import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { Label as FluentLabel } from './label.js';
-import './define.js';
 import { LabelSize, LabelWeight } from './label.options.js';
 
 type LabelStoryArgs = Args & FluentLabel;

diff --git a/packages/web-components/src/link/link.stories.ts b/packages/web-components/src/link/link.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { Link as FluentLink } from './link.js';
 import { LinkAppearance } from './link.options.js';
-import './define.js';
 
 type LinkStoryArgs = Args & FluentLink;
 type LinkStoryMeta = Meta<LinkStoryArgs>;

diff --git a/packages/web-components/src/menu-button/menu-button.stories.ts b/packages/web-components/src/menu-button/menu-button.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { MenuButton as FluentMenuButton } from './menu-button.js';
 import { MenuButtonAppearance, MenuButtonShape, MenuButtonSize } from './menu-button.options.js';
-import './define.js';
 
 type MenuButtonStoryArgs = Args & FluentMenuButton;
 type MenuButtonStoryMeta = Meta<MenuButtonStoryArgs>;

diff --git a/packages/web-components/src/menu-list/menu-list.stories.ts b/packages/web-components/src/menu-list/menu-list.stories.ts
@@ -2,9 +2,6 @@ import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { MenuList as FluentMenuList } from './menu-list.js';
-import './define.js';
-import '../menu-item/define.js';
-import '../divider/define.js';
 
 type MenuListStoryArgs = Args & FluentMenuList;
 type MenuListStoryMeta = Meta<MenuListStoryArgs>;

diff --git a/packages/web-components/src/menu/menu.stories.ts b/packages/web-components/src/menu/menu.stories.ts
@@ -2,7 +2,6 @@ import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { Menu as FluentMenu } from './menu.js';
-import './define.js';
 
 type MenuStoryArgs = Args & FluentMenu;
 type MenuStoryMeta = Meta<MenuStoryArgs>;

diff --git a/packages/web-components/src/progress-bar/progress-bar.stories.ts b/packages/web-components/src/progress-bar/progress-bar.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { ProgressBar as FluentProgressBar } from './progress-bar.js';
 import { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js';
-import './define.js';
 
 type ProgressStoryArgs = Args & FluentProgressBar;
 type ProgressStoryMeta = Meta<ProgressStoryArgs>;

diff --git a/packages/web-components/src/radio-group/radio-group.stories.ts b/packages/web-components/src/radio-group/radio-group.stories.ts
@@ -2,8 +2,6 @@ import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import { RadioGroup as FluentRadioGroup } from './radio-group.js';
-import './define.js';
-import '../radio/define.js';
 import { RadioGroupOrientation } from './radio-group.options.js';
 
 type RadioGroupStoryArgs = Args & FluentRadioGroup;

diff --git a/packages/web-components/src/radio/radio.stories.ts b/packages/web-components/src/radio/radio.stories.ts
@@ -2,8 +2,6 @@ import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { Radio as FluentRadio } from './radio.js';
-import './define.js';
-import '../radio-group/define.js';
 
 type RadioStoryArgs = Args & FluentRadio;
 type RadioStoryMeta = Meta<RadioStoryArgs>;

diff --git a/packages/web-components/src/slider/slider.stories.ts b/packages/web-components/src/slider/slider.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import { SliderSize as SliderSetSize } from './slider.options.js';
 import type { Slider as FluentSlider } from './slider.js';
-import './define.js';
 
 type SliderStoryArgs = Args & FluentSlider;
 type SliderStoryMeta = Meta<SliderStoryArgs>;

diff --git a/packages/web-components/src/spinner/spinner.stories.ts b/packages/web-components/src/spinner/spinner.stories.ts
@@ -2,7 +2,6 @@ import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import { SpinnerAppearance, SpinnerSize } from './spinner.options.js';
-import './define.js';
 
 type SpinnerStoryArgs = Args;
 type SpinnerStoryMeta = Meta<SpinnerStoryArgs>;

diff --git a/packages/web-components/src/switch/switch.stories.ts b/packages/web-components/src/switch/switch.stories.ts
@@ -4,10 +4,6 @@ import { LabelPosition, ValidationFlags } from '../field/field.options.js';
 import { Meta, renderComponent, Story, StoryArgs } from '../helpers.stories.js';
 import type { Switch as FluentSwitch } from './switch.js';
 
-import './define.js';
-import '../button/define.js';
-import '../field/define.js';
-
 const storyTemplate = html<StoryArgs<FluentSwitch>>`
   <fluent-switch
     ?checked="${x => x.checked}"

diff --git a/packages/web-components/src/tabs/tabs.stories.ts b/packages/web-components/src/tabs/tabs.stories.ts
@@ -2,9 +2,6 @@ import { html } from '@microsoft/fast-element';
 import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { Tabs as FluentTabs } from './tabs.js';
-import './define.js';
-import '../tab/define.js';
-import '../tab-panel/define.js';
 import { TabsAppearance as TabsAppearanceValues, TabsOrientation, TabsSize } from './tabs.options.js';
 
 type TabsStoryArgs = Args & FluentTabs;

diff --git a/packages/web-components/src/text-input/text-input.stories.ts b/packages/web-components/src/text-input/text-input.stories.ts
@@ -5,9 +5,6 @@ import { colorNeutralBackgroundInverted, colorNeutralForegroundInverted2 } from
 import type { TextInput as FluentTextInput } from './text-input.js';
 import { TextInputAppearance, TextInputControlSize, TextInputType } from './text-input.options.js';
 
-import '../text/define.js';
-import './define.js';
-
 const Person20Regular = html<StoryArgs<FluentTextInput>>`
   <svg
     fill="currentColor"

diff --git a/packages/web-components/src/text/text.stories.ts b/packages/web-components/src/text/text.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import { colorNeutralBackground6 } from '../theme/design-tokens.js';
 import type { Text as FluentText } from './text.js';
-import './define.js';
 import { TextAlign, TextFont, TextSize, TextWeight } from './text.options.js';
 
 type TextStoryArgs = Args & FluentText;

diff --git a/packages/web-components/src/toggle-button/toggle-button.stories.ts b/packages/web-components/src/toggle-button/toggle-button.stories.ts
@@ -3,7 +3,6 @@ import type { Args, Meta } from '@storybook/html';
 import { renderComponent } from '../helpers.stories.js';
 import type { ToggleButton as FluentToggleButton } from './toggle-button.js';
 import { ToggleButtonAppearance, ToggleButtonShape, ToggleButtonSize } from './toggle-button.options.js';
-import './define.js';
 
 type ToggleButtonStoryArgs = Args & FluentToggleButton;
 type ToggleButtonStoryMeta = Meta<ToggleButtonStoryArgs>;