From a0a89d10769fa769674de85db51873a51ae8e4c7 Mon Sep 17 00:00:00 2001 From: Chris Holt Date: Mon, 21 Aug 2023 15:28:49 -0700 Subject: [PATCH] feat(web-components): update to use foundation export paths and add extensions for package exports (#28912) * update core component paths to use foundation export paths and add extensions to web component export paths * change files * update rollup to use esbuild and support package exports * update to use esm package exports * dedupe deps * fix order of alias resolutions * update paths for start end and patterns * fix extension order for web component vr tests * update module resolution for web component vr tests * resolve tsx to js as well --- .../.storybook/main.cjs | 4 +- .../stories/accordion/accordion.stories.tsx | 4 +- .../src/stories/avatar/avatar.stories.tsx | 4 +- .../src/stories/badge/badge.stories.tsx | 4 +- .../src/stories/button/button.stories.tsx | 4 +- .../src/stories/divider/divider.stories.tsx | 4 +- .../progress-bar/progress-bar.stories.tsx | 4 +- .../radio-group/radio-group.stories.tsx | 4 +- .../src/stories/radio/radio.stories.tsx | 4 +- .../src/stories/slider/slider.stories.tsx | 4 +- apps/vr-tests-web-components/tsconfig.json | 2 +- ...-b0156879-1956-4e3d-bc01-98287b184d47.json | 7 ++ package.json | 5 +- packages/web-components/.storybook/main.cjs | 4 +- packages/web-components/docs/api-report.md | 64 +++++++++--------- packages/web-components/package.json | 58 ++++++++--------- packages/web-components/rollup.config.js | 18 ++--- .../accordion-item/accordion-item.options.ts | 2 +- .../accordion-item/accordion-item.styles.ts | 2 +- .../accordion-item/accordion-item.template.ts | 2 +- .../src/accordion-item/accordion-item.ts | 2 +- .../src/accordion/accordion.styles.ts | 2 +- .../src/accordion/accordion.template.ts | 2 +- .../web-components/src/accordion/accordion.ts | 2 +- .../anchor-button/anchor-button.options.ts | 3 +- .../anchor-button/anchor-button.template.ts | 2 +- .../src/anchor-button/anchor-button.ts | 2 +- .../src/avatar/avatar.options.ts | 2 +- .../src/avatar/avatar.styles.ts | 2 +- .../web-components/src/badge/badge.options.ts | 3 +- .../src/badge/badge.template.ts | 3 +- packages/web-components/src/badge/badge.ts | 2 +- .../src/button/button.options.ts | 3 +- .../src/button/button.styles.ts | 2 +- .../src/button/button.template.ts | 2 +- packages/web-components/src/button/button.ts | 2 +- .../src/checkbox/checkbox.options.ts | 2 +- .../src/checkbox/checkbox.styles.ts | 2 +- .../src/checkbox/checkbox.template.ts | 2 +- .../web-components/src/checkbox/checkbox.ts | 2 +- .../compound-button.options.ts | 3 +- .../compound-button.template.ts | 2 +- .../counter-badge/counter-badge.options.ts | 2 +- .../src/counter-badge/counter-badge.ts | 2 +- .../src/divider/divider.options.ts | 3 +- .../src/divider/divider.styles.ts | 2 +- .../src/divider/divider.template.ts | 2 +- .../web-components/src/divider/divider.ts | 2 +- .../web-components/src/image/image.options.ts | 2 +- .../web-components/src/label/label.options.ts | 2 +- .../web-components/src/label/label.styles.ts | 2 +- .../src/menu-button/menu-button.options.ts | 3 +- .../src/menu-button/menu-button.template.ts | 2 +- .../src/menu-item/menu-item.styles.ts | 2 +- .../src/menu-item/menu-item.template.ts | 4 +- .../web-components/src/menu-item/menu-item.ts | 2 +- .../src/menu-list/menu-list.styles.ts | 2 +- .../src/menu-list/menu-list.template.ts | 2 +- .../web-components/src/menu-list/menu-list.ts | 4 +- .../src/progress-bar/progress-bar.options.ts | 2 +- .../src/progress-bar/progress-bar.styles.ts | 2 +- .../src/progress-bar/progress-bar.template.ts | 2 +- .../src/progress-bar/progress-bar.ts | 2 +- .../web-components/src/radio-group/index.ts | 2 +- .../src/radio-group/radio-group.styles.ts | 2 +- .../src/radio-group/radio-group.template.ts | 2 +- .../src/radio-group/radio-group.ts | 2 +- .../web-components/src/radio/radio.styles.ts | 2 +- .../src/radio/radio.template.ts | 2 +- packages/web-components/src/radio/radio.ts | 2 +- .../src/slider/slider.options.ts | 4 +- .../src/slider/slider.styles.ts | 2 +- .../src/slider/slider.template.ts | 2 +- packages/web-components/src/slider/slider.ts | 2 +- .../src/spinner/spinner.options.ts | 2 +- .../src/spinner/spinner.styles.ts | 2 +- .../src/spinner/spinner.template.ts | 2 +- .../web-components/src/spinner/spinner.ts | 2 +- .../src/styles/partials/badge.partials.ts | 2 +- .../src/switch/switch.options.ts | 2 +- .../src/switch/switch.styles.ts | 2 +- .../src/switch/switch.template.ts | 2 +- packages/web-components/src/switch/switch.ts | 2 +- .../src/tab-panel/tab-panel.styles.ts | 2 +- .../src/tab-panel/tab-panel.template.ts | 2 +- .../web-components/src/tab-panel/tab-panel.ts | 2 +- packages/web-components/src/tab/tab.styles.ts | 2 +- .../web-components/src/tab/tab.template.ts | 3 +- packages/web-components/src/tab/tab.ts | 2 +- .../web-components/src/tabs/tabs.options.ts | 4 +- .../web-components/src/tabs/tabs.stories.ts | 2 +- .../web-components/src/tabs/tabs.styles.ts | 2 +- .../web-components/src/tabs/tabs.template.ts | 2 +- packages/web-components/src/tabs/tabs.ts | 2 +- .../web-components/src/text-input/index.ts | 2 +- .../src/text-input/text-input.options.ts | 2 +- .../src/text-input/text-input.styles.ts | 2 +- .../src/text-input/text-input.template.ts | 2 +- .../src/text-input/text-input.ts | 2 +- .../web-components/src/text/text.options.ts | 2 +- .../web-components/src/text/text.styles.ts | 2 +- .../web-components/src/theme/design-tokens.ts | 2 +- .../web-components/src/theme/theme.stories.ts | 2 +- .../toggle-button/toggle-button.options.ts | 3 +- .../src/toggle-button/toggle-button.styles.ts | 2 +- .../toggle-button/toggle-button.template.ts | 2 +- yarn.lock | 65 ++++++++++++++----- 107 files changed, 247 insertions(+), 211 deletions(-) create mode 100644 change/@fluentui-web-components-b0156879-1956-4e3d-bc01-98287b184d47.json diff --git a/apps/vr-tests-web-components/.storybook/main.cjs b/apps/vr-tests-web-components/.storybook/main.cjs index 6aeeb3e53b58e1..55909bffd20b01 100644 --- a/apps/vr-tests-web-components/.storybook/main.cjs +++ b/apps/vr-tests-web-components/.storybook/main.cjs @@ -43,8 +43,8 @@ module.exports = /** @type {import('../../../.storybook/main').StorybookBaseConf config.plugins = config.plugins ?? []; config.resolve.extensionAlias = { - '.js': ['.ts', '.js'], - '.mjs': ['.mts', '.mjs'], + '.js': ['.js', '.ts', '.tsx'], + '.mjs': ['.mjs', '.mts'], }; config.resolve.extensions.push(...['.ts', '.js']); config.resolve.plugins.push(tsPaths); diff --git a/apps/vr-tests-web-components/src/stories/accordion/accordion.stories.tsx b/apps/vr-tests-web-components/src/stories/accordion/accordion.stories.tsx index 19ee550f9b84bb..b5fb7e31542682 100644 --- a/apps/vr-tests-web-components/src/stories/accordion/accordion.stories.tsx +++ b/apps/vr-tests-web-components/src/stories/accordion/accordion.stories.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import parse from 'html-react-parser'; +import { default as parse } from 'html-react-parser'; import { Steps, StoryWright } from 'storywright'; import { accordionDefinition, accordionItemDefinition, FluentDesignSystem } from '@fluentui/web-components'; -import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator'; +import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator.js'; accordionDefinition.define(FluentDesignSystem.registry); accordionItemDefinition.define(FluentDesignSystem.registry); diff --git a/apps/vr-tests-web-components/src/stories/avatar/avatar.stories.tsx b/apps/vr-tests-web-components/src/stories/avatar/avatar.stories.tsx index c40888b7535d2a..7b3498de172c43 100644 --- a/apps/vr-tests-web-components/src/stories/avatar/avatar.stories.tsx +++ b/apps/vr-tests-web-components/src/stories/avatar/avatar.stories.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import parse from 'html-react-parser'; +import { default as parse } from 'html-react-parser'; import { Steps, StoryWright } from 'storywright'; import { AvatarDefinition, FluentDesignSystem } from '@fluentui/web-components'; -import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator'; +import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator.js'; AvatarDefinition.define(FluentDesignSystem.registry); diff --git a/apps/vr-tests-web-components/src/stories/badge/badge.stories.tsx b/apps/vr-tests-web-components/src/stories/badge/badge.stories.tsx index 5554a320a87c16..0e8e36331e7e52 100644 --- a/apps/vr-tests-web-components/src/stories/badge/badge.stories.tsx +++ b/apps/vr-tests-web-components/src/stories/badge/badge.stories.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import parse from 'html-react-parser'; +import { default as parse } from 'html-react-parser'; import { Steps, StoryWright } from 'storywright'; import { BadgeDefinition, FluentDesignSystem } from '@fluentui/web-components'; -import { DARK_MODE, getStoryVariant } from '../../utilities/WCThemeDecorator'; +import { DARK_MODE, getStoryVariant } from '../../utilities/WCThemeDecorator.js'; BadgeDefinition.define(FluentDesignSystem.registry); diff --git a/apps/vr-tests-web-components/src/stories/button/button.stories.tsx b/apps/vr-tests-web-components/src/stories/button/button.stories.tsx index 6ed474b8c68633..bce8193a5d94d8 100644 --- a/apps/vr-tests-web-components/src/stories/button/button.stories.tsx +++ b/apps/vr-tests-web-components/src/stories/button/button.stories.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import parse from 'html-react-parser'; +import { default as parse } from 'html-react-parser'; import { Steps, StoryWright } from 'storywright'; import { ButtonDefinition, FluentDesignSystem } from '@fluentui/web-components'; -import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator'; +import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator.js'; ButtonDefinition.define(FluentDesignSystem.registry); diff --git a/apps/vr-tests-web-components/src/stories/divider/divider.stories.tsx b/apps/vr-tests-web-components/src/stories/divider/divider.stories.tsx index d36edf93785bd5..d87100beefffd1 100644 --- a/apps/vr-tests-web-components/src/stories/divider/divider.stories.tsx +++ b/apps/vr-tests-web-components/src/stories/divider/divider.stories.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import parse from 'html-react-parser'; +import { default as parse } from 'html-react-parser'; import { Steps, StoryWright } from 'storywright'; import { DividerDefinition, FluentDesignSystem } from '@fluentui/web-components'; -import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator'; +import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator.js'; DividerDefinition.define(FluentDesignSystem.registry); diff --git a/apps/vr-tests-web-components/src/stories/progress-bar/progress-bar.stories.tsx b/apps/vr-tests-web-components/src/stories/progress-bar/progress-bar.stories.tsx index 6aa0ca0727e46b..a56059deb22054 100644 --- a/apps/vr-tests-web-components/src/stories/progress-bar/progress-bar.stories.tsx +++ b/apps/vr-tests-web-components/src/stories/progress-bar/progress-bar.stories.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import parse from 'html-react-parser'; +import { default as parse } from 'html-react-parser'; import { Steps, StoryWright } from 'storywright'; import { ProgressBarDefinition, FluentDesignSystem } from '@fluentui/web-components'; -import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator'; +import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator.js'; ProgressBarDefinition.define(FluentDesignSystem.registry); diff --git a/apps/vr-tests-web-components/src/stories/radio-group/radio-group.stories.tsx b/apps/vr-tests-web-components/src/stories/radio-group/radio-group.stories.tsx index ae2815b246366b..eb72023e28e5ba 100644 --- a/apps/vr-tests-web-components/src/stories/radio-group/radio-group.stories.tsx +++ b/apps/vr-tests-web-components/src/stories/radio-group/radio-group.stories.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import parse from 'html-react-parser'; +import { default as parse } from 'html-react-parser'; import { Steps, StoryWright } from 'storywright'; import { RadioDefinition, RadioGroupDefinition, FluentDesignSystem } from '@fluentui/web-components'; -import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator'; +import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator.js'; RadioDefinition.define(FluentDesignSystem.registry); RadioGroupDefinition.define(FluentDesignSystem.registry); diff --git a/apps/vr-tests-web-components/src/stories/radio/radio.stories.tsx b/apps/vr-tests-web-components/src/stories/radio/radio.stories.tsx index 4caa790c5dbf6c..0ef3401bc2ec32 100644 --- a/apps/vr-tests-web-components/src/stories/radio/radio.stories.tsx +++ b/apps/vr-tests-web-components/src/stories/radio/radio.stories.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import parse from 'html-react-parser'; +import { default as parse } from 'html-react-parser'; import { Steps, StoryWright } from 'storywright'; import { RadioDefinition, FluentDesignSystem } from '@fluentui/web-components'; -import { DARK_MODE, getStoryVariant } from '../../utilities/WCThemeDecorator'; +import { DARK_MODE, getStoryVariant } from '../../utilities/WCThemeDecorator.js'; RadioDefinition.define(FluentDesignSystem.registry); export default { diff --git a/apps/vr-tests-web-components/src/stories/slider/slider.stories.tsx b/apps/vr-tests-web-components/src/stories/slider/slider.stories.tsx index 45427b3a128c0e..e48f82e7654f96 100644 --- a/apps/vr-tests-web-components/src/stories/slider/slider.stories.tsx +++ b/apps/vr-tests-web-components/src/stories/slider/slider.stories.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; -import parse from 'html-react-parser'; +import { default as parse } from 'html-react-parser'; import { Steps, StoryWright, Keys } from 'storywright'; import { SliderDefinition, FluentDesignSystem } from '@fluentui/web-components'; -import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator'; +import { DARK_MODE, getStoryVariant, RTL } from '../../utilities/WCThemeDecorator.js'; SliderDefinition.define(FluentDesignSystem.registry); diff --git a/apps/vr-tests-web-components/tsconfig.json b/apps/vr-tests-web-components/tsconfig.json index 871c79ae16bfe8..322f35376ef57e 100644 --- a/apps/vr-tests-web-components/tsconfig.json +++ b/apps/vr-tests-web-components/tsconfig.json @@ -8,7 +8,7 @@ "resolveJsonModule": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", + "moduleResolution": "Node16", "typeRoots": ["../../node_modules/@types"] }, "include": ["./src", "./.storybook/*"] diff --git a/change/@fluentui-web-components-b0156879-1956-4e3d-bc01-98287b184d47.json b/change/@fluentui-web-components-b0156879-1956-4e3d-bc01-98287b184d47.json new file mode 100644 index 00000000000000..20d802228ef7b6 --- /dev/null +++ b/change/@fluentui-web-components-b0156879-1956-4e3d-bc01-98287b184d47.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat(web-components): update core component files to use foundation export paths and update package exports to include extensions", + "packageName": "@fluentui/web-components", + "email": "chhol@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/package.json b/package.json index 19b9308395f5e1..698c8c27d0d732 100644 --- a/package.json +++ b/package.json @@ -104,6 +104,7 @@ "@octokit/rest": "18.12.0", "@phenomnomnominal/tsquery": "6.1.3", "@playwright/test": "1.28.1", + "@rollup/plugin-node-resolve": "13.3.0", "@storybook/addon-a11y": "6.5.15", "@storybook/addon-actions": "6.5.15", "@storybook/addon-docs": "6.5.15", @@ -305,13 +306,13 @@ "request-promise-native": "1.0.9", "resolve": "1.22.8", "riceburn": "1.3.1", - "rollup": "2.45.2", + "rollup": "2.71.0", "rollup-plugin-commonjs": "10.1.0", + "rollup-plugin-esbuild": "4.10.3", "rollup-plugin-filesize": "8.0.2", "rollup-plugin-node-resolve": "5.2.0", "rollup-plugin-terser": "5.3.1", "rollup-plugin-transform-tagged-template": "0.0.3", - "rollup-plugin-typescript2": "0.27.1", "sass": "1.49.11", "sass-loader": "12.4.0", "satisfied": "^1.1.1", diff --git a/packages/web-components/.storybook/main.cjs b/packages/web-components/.storybook/main.cjs index 374e8c7b63d60e..544ce1f0711a0e 100644 --- a/packages/web-components/.storybook/main.cjs +++ b/packages/web-components/.storybook/main.cjs @@ -38,8 +38,8 @@ module.exports = /** @type {Omit = accordionTemplate(); diff --git a/packages/web-components/src/accordion/accordion.ts b/packages/web-components/src/accordion/accordion.ts index ba6f6432fbf671..15417111238886 100644 --- a/packages/web-components/src/accordion/accordion.ts +++ b/packages/web-components/src/accordion/accordion.ts @@ -1,4 +1,4 @@ -import { FASTAccordion } from '@microsoft/fast-foundation'; +import { FASTAccordion } from '@microsoft/fast-foundation/accordion.js'; /** * The base class used for constructing a fluent-accordion custom element diff --git a/packages/web-components/src/anchor-button/anchor-button.options.ts b/packages/web-components/src/anchor-button/anchor-button.options.ts index fe3388760cf761..43203acfd2b0da 100644 --- a/packages/web-components/src/anchor-button/anchor-button.options.ts +++ b/packages/web-components/src/anchor-button/anchor-button.options.ts @@ -1,4 +1,5 @@ -import { AnchorOptions, ValuesOf } from '@microsoft/fast-foundation'; +import type { AnchorOptions } from '@microsoft/fast-foundation/anchor.js'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js'; /** diff --git a/packages/web-components/src/anchor-button/anchor-button.template.ts b/packages/web-components/src/anchor-button/anchor-button.template.ts index cc61c8363faac7..abf13779af6d0e 100644 --- a/packages/web-components/src/anchor-button/anchor-button.template.ts +++ b/packages/web-components/src/anchor-button/anchor-button.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate } from '@microsoft/fast-element'; -import { anchorTemplate } from '@microsoft/fast-foundation'; +import { anchorTemplate } from '@microsoft/fast-foundation/anchor.js'; import type { AnchorButton } from './anchor-button.js'; /** diff --git a/packages/web-components/src/anchor-button/anchor-button.ts b/packages/web-components/src/anchor-button/anchor-button.ts index 2a10a7446ad091..0fae967bbb6993 100644 --- a/packages/web-components/src/anchor-button/anchor-button.ts +++ b/packages/web-components/src/anchor-button/anchor-button.ts @@ -1,5 +1,5 @@ import { attr } from '@microsoft/fast-element'; -import { FASTAnchor } from '@microsoft/fast-foundation'; +import { FASTAnchor } from '@microsoft/fast-foundation/anchor.js'; import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize } from './anchor-button.options.js'; /** diff --git a/packages/web-components/src/avatar/avatar.options.ts b/packages/web-components/src/avatar/avatar.options.ts index 8d6db2d8c7a407..2bbaa8b6b5ad20 100644 --- a/packages/web-components/src/avatar/avatar.options.ts +++ b/packages/web-components/src/avatar/avatar.options.ts @@ -1,4 +1,4 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * The Avatar "active" state diff --git a/packages/web-components/src/avatar/avatar.styles.ts b/packages/web-components/src/avatar/avatar.styles.ts index abb51b95d6e95a..3e44ce0ee7b6eb 100644 --- a/packages/web-components/src/avatar/avatar.styles.ts +++ b/packages/web-components/src/avatar/avatar.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusCircular, borderRadiusLarge, diff --git a/packages/web-components/src/badge/badge.options.ts b/packages/web-components/src/badge/badge.options.ts index 9fd2a6613ca89c..52562f453dc569 100644 --- a/packages/web-components/src/badge/badge.options.ts +++ b/packages/web-components/src/badge/badge.options.ts @@ -1,4 +1,5 @@ -import { StartEndOptions, StaticallyComposableHTML, ValuesOf } from '@microsoft/fast-foundation'; +import { StartEndOptions } from '@microsoft/fast-foundation/patterns.js'; +import type { StaticallyComposableHTML, ValuesOf } from '@microsoft/fast-foundation/utilities.js'; import type { Badge } from './badge.js'; /** diff --git a/packages/web-components/src/badge/badge.template.ts b/packages/web-components/src/badge/badge.template.ts index 1b4fab522ff871..d73589bec0e3b9 100644 --- a/packages/web-components/src/badge/badge.template.ts +++ b/packages/web-components/src/badge/badge.template.ts @@ -1,5 +1,6 @@ import { ElementViewTemplate, html } from '@microsoft/fast-element'; -import { endSlotTemplate, startSlotTemplate, staticallyCompose } from '@microsoft/fast-foundation'; +import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation/patterns.js'; +import { staticallyCompose } from '@microsoft/fast-foundation/utilities.js'; import type { Badge } from './badge.js'; import type { BadgeOptions } from './badge.options.js'; diff --git a/packages/web-components/src/badge/badge.ts b/packages/web-components/src/badge/badge.ts index b04166ba3b70bf..67163d66652bb2 100644 --- a/packages/web-components/src/badge/badge.ts +++ b/packages/web-components/src/badge/badge.ts @@ -1,5 +1,5 @@ import { attr, FASTElement } from '@microsoft/fast-element'; -import { StartEnd } from '@microsoft/fast-foundation'; +import { StartEnd } from '@microsoft/fast-foundation/patterns.js'; // TODO: Remove with https://github.com/microsoft/fast/pull/6797 import { applyMixins } from '../utils/apply-mixins.js'; import { BadgeAppearance, BadgeColor, BadgeShape, BadgeSize } from './badge.options.js'; diff --git a/packages/web-components/src/button/button.options.ts b/packages/web-components/src/button/button.options.ts index 66ea0819433b14..0e89d77ce3988b 100644 --- a/packages/web-components/src/button/button.options.ts +++ b/packages/web-components/src/button/button.options.ts @@ -1,4 +1,5 @@ -import { ButtonOptions, ValuesOf } from '@microsoft/fast-foundation'; +import type { ButtonOptions } from '@microsoft/fast-foundation/button.js'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * ButtonAppearance constants diff --git a/packages/web-components/src/button/button.styles.ts b/packages/web-components/src/button/button.styles.ts index 67100b16bf68f5..3dad8aa3be7938 100644 --- a/packages/web-components/src/button/button.styles.ts +++ b/packages/web-components/src/button/button.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation'; +import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusCircular, borderRadiusLarge, diff --git a/packages/web-components/src/button/button.template.ts b/packages/web-components/src/button/button.template.ts index d001a16c8134a3..71bfb2b96e4888 100644 --- a/packages/web-components/src/button/button.template.ts +++ b/packages/web-components/src/button/button.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate } from '@microsoft/fast-element'; -import { buttonTemplate } from '@microsoft/fast-foundation'; +import { buttonTemplate } from '@microsoft/fast-foundation/button.js'; import type { Button } from './button.js'; /** diff --git a/packages/web-components/src/button/button.ts b/packages/web-components/src/button/button.ts index b6d7b33d559bdf..cadbe742cb7472 100644 --- a/packages/web-components/src/button/button.ts +++ b/packages/web-components/src/button/button.ts @@ -1,5 +1,5 @@ import { attr } from '@microsoft/fast-element'; -import { FASTButton } from '@microsoft/fast-foundation'; +import { FASTButton } from '@microsoft/fast-foundation/button.js'; import { ButtonAppearance, ButtonShape, ButtonSize } from './button.options.js'; /** diff --git a/packages/web-components/src/checkbox/checkbox.options.ts b/packages/web-components/src/checkbox/checkbox.options.ts index 15326e4d352929..bb91f525e77be1 100644 --- a/packages/web-components/src/checkbox/checkbox.options.ts +++ b/packages/web-components/src/checkbox/checkbox.options.ts @@ -1,4 +1,4 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * Checkbox shape diff --git a/packages/web-components/src/checkbox/checkbox.styles.ts b/packages/web-components/src/checkbox/checkbox.styles.ts index 1794b801366251..a54bc229505877 100644 --- a/packages/web-components/src/checkbox/checkbox.styles.ts +++ b/packages/web-components/src/checkbox/checkbox.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusCircular, borderRadiusMedium, diff --git a/packages/web-components/src/checkbox/checkbox.template.ts b/packages/web-components/src/checkbox/checkbox.template.ts index 5f39decbb41a39..ce36de3bb8aaab 100644 --- a/packages/web-components/src/checkbox/checkbox.template.ts +++ b/packages/web-components/src/checkbox/checkbox.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate, html } from '@microsoft/fast-element'; -import { checkboxTemplate } from '@microsoft/fast-foundation'; +import { checkboxTemplate } from '@microsoft/fast-foundation/checkbox.js'; import type { Checkbox } from './checkbox.js'; diff --git a/packages/web-components/src/checkbox/checkbox.ts b/packages/web-components/src/checkbox/checkbox.ts index 35ed910f03d8f1..1cd35fd3806b44 100644 --- a/packages/web-components/src/checkbox/checkbox.ts +++ b/packages/web-components/src/checkbox/checkbox.ts @@ -1,5 +1,5 @@ import { attr } from '@microsoft/fast-element'; -import { FASTCheckbox } from '@microsoft/fast-foundation'; +import { FASTCheckbox } from '@microsoft/fast-foundation/checkbox.js'; import { CheckboxLabelPosition, CheckboxShape, CheckboxSize } from './checkbox.options.js'; /** diff --git a/packages/web-components/src/compound-button/compound-button.options.ts b/packages/web-components/src/compound-button/compound-button.options.ts index 66f6c1090d42c8..c0295f58bc16e0 100644 --- a/packages/web-components/src/compound-button/compound-button.options.ts +++ b/packages/web-components/src/compound-button/compound-button.options.ts @@ -1,4 +1,5 @@ -import { ButtonOptions, ValuesOf } from '@microsoft/fast-foundation'; +import type { ButtonOptions } from '@microsoft/fast-foundation/button.js'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js'; /** diff --git a/packages/web-components/src/compound-button/compound-button.template.ts b/packages/web-components/src/compound-button/compound-button.template.ts index 015bf0089643ea..aac32807e936c1 100644 --- a/packages/web-components/src/compound-button/compound-button.template.ts +++ b/packages/web-components/src/compound-button/compound-button.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate, html, ref, slotted } from '@microsoft/fast-element'; -import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation'; +import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation/patterns.js'; import type { CompoundButton } from './compound-button.js'; import type { CompoundButtonOptions } from './compound-button.options.js'; diff --git a/packages/web-components/src/counter-badge/counter-badge.options.ts b/packages/web-components/src/counter-badge/counter-badge.options.ts index 02db6af0a483ea..da5e35882920df 100644 --- a/packages/web-components/src/counter-badge/counter-badge.options.ts +++ b/packages/web-components/src/counter-badge/counter-badge.options.ts @@ -1,4 +1,4 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; import { BadgeOptions } from '../badge/badge.options.js'; /** diff --git a/packages/web-components/src/counter-badge/counter-badge.ts b/packages/web-components/src/counter-badge/counter-badge.ts index 24144a94b93998..8defcf3c1dd3e1 100644 --- a/packages/web-components/src/counter-badge/counter-badge.ts +++ b/packages/web-components/src/counter-badge/counter-badge.ts @@ -1,5 +1,5 @@ import { attr, FASTElement, nullableNumberConverter } from '@microsoft/fast-element'; -import { StartEnd } from '@microsoft/fast-foundation'; +import { StartEnd } from '@microsoft/fast-foundation/patterns.js'; // TODO: Remove with https://github.com/microsoft/fast/pull/6797 import { applyMixins } from '../utils/apply-mixins.js'; import { diff --git a/packages/web-components/src/divider/divider.options.ts b/packages/web-components/src/divider/divider.options.ts index 9e24ccda520425..3c99fec1f66f16 100644 --- a/packages/web-components/src/divider/divider.options.ts +++ b/packages/web-components/src/divider/divider.options.ts @@ -1,4 +1,5 @@ -import { DividerOrientation, DividerRole, ValuesOf } from '@microsoft/fast-foundation'; +import { DividerOrientation, DividerRole } from '@microsoft/fast-foundation/divider.js'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * Fast Foundation DividerRole property diff --git a/packages/web-components/src/divider/divider.styles.ts b/packages/web-components/src/divider/divider.styles.ts index 4c6a2c1c477220..b7d6fe788b7f5d 100644 --- a/packages/web-components/src/divider/divider.styles.ts +++ b/packages/web-components/src/divider/divider.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation'; +import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation/utilities.js'; import { colorBrandForeground1, colorBrandStroke1, diff --git a/packages/web-components/src/divider/divider.template.ts b/packages/web-components/src/divider/divider.template.ts index eecca0cb4535c8..7b49da9e640e2b 100644 --- a/packages/web-components/src/divider/divider.template.ts +++ b/packages/web-components/src/divider/divider.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate } from '@microsoft/fast-element'; -import { dividerTemplate } from '@microsoft/fast-foundation'; +import { dividerTemplate } from '@microsoft/fast-foundation/divider.js'; import type { Divider } from './divider.js'; /** diff --git a/packages/web-components/src/divider/divider.ts b/packages/web-components/src/divider/divider.ts index 9c208437d590a1..80cba29de0890d 100644 --- a/packages/web-components/src/divider/divider.ts +++ b/packages/web-components/src/divider/divider.ts @@ -1,5 +1,5 @@ import { attr } from '@microsoft/fast-element'; -import { FASTDivider } from '@microsoft/fast-foundation'; +import { FASTDivider } from '@microsoft/fast-foundation/divider.js'; import { DividerAlignContent, DividerAppearance } from './divider.options.js'; /** diff --git a/packages/web-components/src/image/image.options.ts b/packages/web-components/src/image/image.options.ts index fe68ac66892e19..a2328acec9bd8b 100644 --- a/packages/web-components/src/image/image.options.ts +++ b/packages/web-components/src/image/image.options.ts @@ -1,4 +1,4 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * Image fit diff --git a/packages/web-components/src/label/label.options.ts b/packages/web-components/src/label/label.options.ts index 1571052add56f0..1ecfa552581a76 100644 --- a/packages/web-components/src/label/label.options.ts +++ b/packages/web-components/src/label/label.options.ts @@ -1,4 +1,4 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * A Labels font size can be small, medium, or large diff --git a/packages/web-components/src/label/label.styles.ts b/packages/web-components/src/label/label.styles.ts index 36b3105ab9dedf..0d22439dbf9d9b 100644 --- a/packages/web-components/src/label/label.styles.ts +++ b/packages/web-components/src/label/label.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { colorNeutralForeground1, colorNeutralForegroundDisabled, diff --git a/packages/web-components/src/menu-button/menu-button.options.ts b/packages/web-components/src/menu-button/menu-button.options.ts index 36cf62ac4f4895..d45fef07d064dd 100644 --- a/packages/web-components/src/menu-button/menu-button.options.ts +++ b/packages/web-components/src/menu-button/menu-button.options.ts @@ -1,4 +1,5 @@ -import { ButtonOptions, ValuesOf } from '@microsoft/fast-foundation'; +import type { ButtonOptions } from '@microsoft/fast-foundation/button.js'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js'; /** diff --git a/packages/web-components/src/menu-button/menu-button.template.ts b/packages/web-components/src/menu-button/menu-button.template.ts index 1ffe1754fe2925..aeb7684a6ed762 100644 --- a/packages/web-components/src/menu-button/menu-button.template.ts +++ b/packages/web-components/src/menu-button/menu-button.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate, html } from '@microsoft/fast-element'; -import { buttonTemplate } from '@microsoft/fast-foundation'; +import { buttonTemplate } from '@microsoft/fast-foundation/button.js'; import type { MenuButton } from './menu-button.js'; /** diff --git a/packages/web-components/src/menu-item/menu-item.styles.ts b/packages/web-components/src/menu-item/menu-item.styles.ts index a50fb2173d2bc0..6dca44664b28e9 100644 --- a/packages/web-components/src/menu-item/menu-item.styles.ts +++ b/packages/web-components/src/menu-item/menu-item.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusMedium, colorCompoundBrandForeground1Hover, diff --git a/packages/web-components/src/menu-item/menu-item.template.ts b/packages/web-components/src/menu-item/menu-item.template.ts index 2d0a5a480b2063..a745975443c616 100644 --- a/packages/web-components/src/menu-item/menu-item.template.ts +++ b/packages/web-components/src/menu-item/menu-item.template.ts @@ -1,6 +1,6 @@ -import { ElementViewTemplate } from '@microsoft/fast-element'; +import type { ElementViewTemplate } from '@microsoft/fast-element'; import { html } from '@microsoft/fast-element'; -import { menuItemTemplate } from '@microsoft/fast-foundation'; +import { menuItemTemplate } from '@microsoft/fast-foundation/menu-item.js'; import type { MenuItem } from './menu-item.js'; const Checkmark16Filled = html.partial( diff --git a/packages/web-components/src/menu-item/menu-item.ts b/packages/web-components/src/menu-item/menu-item.ts index 98a5dc55afc2b1..bd04b98dadff0f 100644 --- a/packages/web-components/src/menu-item/menu-item.ts +++ b/packages/web-components/src/menu-item/menu-item.ts @@ -1,4 +1,4 @@ -import { FASTMenuItem, MenuItemRole } from '@microsoft/fast-foundation'; +import { FASTMenuItem, MenuItemRole } from '@microsoft/fast-foundation/menu-item.js'; export type MenuItemColumnCount = 0 | 1 | 2; diff --git a/packages/web-components/src/menu-list/menu-list.styles.ts b/packages/web-components/src/menu-list/menu-list.styles.ts index 5b3279233faef1..444418aa0af746 100644 --- a/packages/web-components/src/menu-list/menu-list.styles.ts +++ b/packages/web-components/src/menu-list/menu-list.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusMedium, colorNeutralBackground1, diff --git a/packages/web-components/src/menu-list/menu-list.template.ts b/packages/web-components/src/menu-list/menu-list.template.ts index 27d8215c08b7cd..96cd67083b5924 100644 --- a/packages/web-components/src/menu-list/menu-list.template.ts +++ b/packages/web-components/src/menu-list/menu-list.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate } from '@microsoft/fast-element'; -import { menuTemplate } from '@microsoft/fast-foundation'; +import { menuTemplate } from '@microsoft/fast-foundation/menu.js'; import type { MenuList } from './menu-list.js'; export const template: ElementViewTemplate = menuTemplate(); diff --git a/packages/web-components/src/menu-list/menu-list.ts b/packages/web-components/src/menu-list/menu-list.ts index ebec294fe40e63..3d4396a2482286 100644 --- a/packages/web-components/src/menu-list/menu-list.ts +++ b/packages/web-components/src/menu-list/menu-list.ts @@ -1,5 +1,5 @@ -import { FASTMenu, MenuItemRole } from '@microsoft/fast-foundation'; -import { MenuItem, MenuItemColumnCount } from '../menu-item/index.js'; +import { FASTMenu } from '@microsoft/fast-foundation/menu.js'; +import { MenuItem, MenuItemColumnCount, MenuItemRole } from '../menu-item/index.js'; /** * The base class used for constructing a fluent-menu-list custom element diff --git a/packages/web-components/src/progress-bar/progress-bar.options.ts b/packages/web-components/src/progress-bar/progress-bar.options.ts index 21e5947c609529..51f5366a7fc409 100644 --- a/packages/web-components/src/progress-bar/progress-bar.options.ts +++ b/packages/web-components/src/progress-bar/progress-bar.options.ts @@ -1,4 +1,4 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * ProgressBarThickness Constants diff --git a/packages/web-components/src/progress-bar/progress-bar.styles.ts b/packages/web-components/src/progress-bar/progress-bar.styles.ts index 7e4b457f59055c..c5c266870f51fd 100644 --- a/packages/web-components/src/progress-bar/progress-bar.styles.ts +++ b/packages/web-components/src/progress-bar/progress-bar.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation'; +import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusMedium, colorBrandBackground2, diff --git a/packages/web-components/src/progress-bar/progress-bar.template.ts b/packages/web-components/src/progress-bar/progress-bar.template.ts index acf300205766e2..67be2878411b80 100644 --- a/packages/web-components/src/progress-bar/progress-bar.template.ts +++ b/packages/web-components/src/progress-bar/progress-bar.template.ts @@ -1,5 +1,5 @@ import type { ElementViewTemplate } from '@microsoft/fast-element'; -import { progressTemplate } from '@microsoft/fast-foundation'; +import { progressTemplate } from '@microsoft/fast-foundation/progress.js'; import type { ProgressBar } from './progress-bar.js'; export const template: ElementViewTemplate = progressTemplate({ diff --git a/packages/web-components/src/progress-bar/progress-bar.ts b/packages/web-components/src/progress-bar/progress-bar.ts index 7fdd92ee869d2a..dc25706400831c 100644 --- a/packages/web-components/src/progress-bar/progress-bar.ts +++ b/packages/web-components/src/progress-bar/progress-bar.ts @@ -1,5 +1,5 @@ import { attr } from '@microsoft/fast-element'; -import { FASTProgress } from '@microsoft/fast-foundation'; +import { FASTProgress } from '@microsoft/fast-foundation/progress.js'; import type { ProgressBarShape, ProgressBarThickness, ProgressBarValidationState } from './progress-bar.options.js'; /** diff --git a/packages/web-components/src/radio-group/index.ts b/packages/web-components/src/radio-group/index.ts index cfc435af8a7537..843f7464335ed7 100644 --- a/packages/web-components/src/radio-group/index.ts +++ b/packages/web-components/src/radio-group/index.ts @@ -2,4 +2,4 @@ export * from './radio-group.js'; export { definition as RadioGroupDefinition } from './radio-group.definition.js'; export { styles as RadioGroupStyles } from './radio-group.styles.js'; export { template as RadioGroupTemplate } from './radio-group.template.js'; -export { RadioGroupOrientation } from '@microsoft/fast-foundation'; +export { RadioGroupOrientation } from '@microsoft/fast-foundation/radio-group.js'; diff --git a/packages/web-components/src/radio-group/radio-group.styles.ts b/packages/web-components/src/radio-group/radio-group.styles.ts index ec203c42a9a6ef..cf22bfa8f064e0 100644 --- a/packages/web-components/src/radio-group/radio-group.styles.ts +++ b/packages/web-components/src/radio-group/radio-group.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { colorNeutralForeground1, colorNeutralForegroundDisabled, diff --git a/packages/web-components/src/radio-group/radio-group.template.ts b/packages/web-components/src/radio-group/radio-group.template.ts index 5f884fd9e4c3b5..dbb810a450bdbe 100644 --- a/packages/web-components/src/radio-group/radio-group.template.ts +++ b/packages/web-components/src/radio-group/radio-group.template.ts @@ -1,5 +1,5 @@ import type { ElementViewTemplate } from '@microsoft/fast-element'; -import { radioGroupTemplate } from '@microsoft/fast-foundation'; +import { radioGroupTemplate } from '@microsoft/fast-foundation/radio-group.js'; import type { RadioGroup } from './radio-group.js'; export const template: ElementViewTemplate = radioGroupTemplate(); diff --git a/packages/web-components/src/radio-group/radio-group.ts b/packages/web-components/src/radio-group/radio-group.ts index 7ad958af222835..64d45d27e9b62d 100644 --- a/packages/web-components/src/radio-group/radio-group.ts +++ b/packages/web-components/src/radio-group/radio-group.ts @@ -1,5 +1,5 @@ import { attr } from '@microsoft/fast-element'; -import { FASTRadioGroup } from '@microsoft/fast-foundation'; +import { FASTRadioGroup } from '@microsoft/fast-foundation/radio-group.js'; /** * The base class used for constructing a fluent-radio-group custom element diff --git a/packages/web-components/src/radio/radio.styles.ts b/packages/web-components/src/radio/radio.styles.ts index 2bccb0a4544a2e..bb9ea56fc2c030 100644 --- a/packages/web-components/src/radio/radio.styles.ts +++ b/packages/web-components/src/radio/radio.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation'; +import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusCircular, borderRadiusSmall, diff --git a/packages/web-components/src/radio/radio.template.ts b/packages/web-components/src/radio/radio.template.ts index 5c387758c66704..7fd8bcb11b8c3c 100644 --- a/packages/web-components/src/radio/radio.template.ts +++ b/packages/web-components/src/radio/radio.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate, html } from '@microsoft/fast-element'; -import { radioTemplate } from '@microsoft/fast-foundation'; +import { radioTemplate } from '@microsoft/fast-foundation/radio.js'; import type { Radio } from './radio.js'; export const template: ElementViewTemplate = radioTemplate({ diff --git a/packages/web-components/src/radio/radio.ts b/packages/web-components/src/radio/radio.ts index 56c36b4198b26e..68e981ad584990 100644 --- a/packages/web-components/src/radio/radio.ts +++ b/packages/web-components/src/radio/radio.ts @@ -1,4 +1,4 @@ -import { FASTRadio } from '@microsoft/fast-foundation'; +import { FASTRadio } from '@microsoft/fast-foundation/radio.js'; /** * The base class used for constructing a fluent-radio custom element diff --git a/packages/web-components/src/slider/slider.options.ts b/packages/web-components/src/slider/slider.options.ts index 22a193caf65cc6..d09f22571d58cb 100644 --- a/packages/web-components/src/slider/slider.options.ts +++ b/packages/web-components/src/slider/slider.options.ts @@ -1,5 +1,5 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; -export { SliderOrientation } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; +export { SliderOrientation } from '@microsoft/fast-foundation/slider.js'; /** * SliderSize Constants diff --git a/packages/web-components/src/slider/slider.styles.ts b/packages/web-components/src/slider/slider.styles.ts index e0e375c94c1fc0..15be14428b1644 100644 --- a/packages/web-components/src/slider/slider.styles.ts +++ b/packages/web-components/src/slider/slider.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation'; +import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusCircular, borderRadiusMedium, diff --git a/packages/web-components/src/slider/slider.template.ts b/packages/web-components/src/slider/slider.template.ts index 48396255376396..01093bccd4a8f7 100644 --- a/packages/web-components/src/slider/slider.template.ts +++ b/packages/web-components/src/slider/slider.template.ts @@ -1,5 +1,5 @@ import type { ElementViewTemplate } from '@microsoft/fast-element'; -import { FASTSlider, sliderTemplate } from '@microsoft/fast-foundation'; +import { FASTSlider, sliderTemplate } from '@microsoft/fast-foundation/slider.js'; export const template: ElementViewTemplate = sliderTemplate({ thumb: `
`, diff --git a/packages/web-components/src/slider/slider.ts b/packages/web-components/src/slider/slider.ts index e6fa12e20cce98..56470f6fdb50a6 100644 --- a/packages/web-components/src/slider/slider.ts +++ b/packages/web-components/src/slider/slider.ts @@ -1,6 +1,6 @@ import { attr, css, Observable } from '@microsoft/fast-element'; import type { ElementStyles } from '@microsoft/fast-element'; -import { FASTSlider } from '@microsoft/fast-foundation'; +import { FASTSlider } from '@microsoft/fast-foundation/slider.js'; import type { SliderSize } from './slider.options.js'; /** diff --git a/packages/web-components/src/spinner/spinner.options.ts b/packages/web-components/src/spinner/spinner.options.ts index 5d1c888833552c..05cd70dac38403 100644 --- a/packages/web-components/src/spinner/spinner.options.ts +++ b/packages/web-components/src/spinner/spinner.options.ts @@ -1,4 +1,4 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * SpinnerAppearance constants diff --git a/packages/web-components/src/spinner/spinner.styles.ts b/packages/web-components/src/spinner/spinner.styles.ts index 47fcafd82ba85a..c1d58b76137077 100644 --- a/packages/web-components/src/spinner/spinner.styles.ts +++ b/packages/web-components/src/spinner/spinner.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { colorBrandStroke1, colorBrandStroke2, colorNeutralStrokeOnBrand2 } from '../theme/design-tokens.js'; export const styles = css` diff --git a/packages/web-components/src/spinner/spinner.template.ts b/packages/web-components/src/spinner/spinner.template.ts index 473efe699a8283..8b90de4351092a 100644 --- a/packages/web-components/src/spinner/spinner.template.ts +++ b/packages/web-components/src/spinner/spinner.template.ts @@ -1,5 +1,5 @@ import type { ElementViewTemplate } from '@microsoft/fast-element'; -import { progressRingTemplate } from '@microsoft/fast-foundation'; +import { progressRingTemplate } from '@microsoft/fast-foundation/progress-ring.js'; import { Spinner } from './spinner.js'; export const template: ElementViewTemplate = progressRingTemplate({ diff --git a/packages/web-components/src/spinner/spinner.ts b/packages/web-components/src/spinner/spinner.ts index e1b1b4c925b9fa..1ea2d5c5a1ff47 100644 --- a/packages/web-components/src/spinner/spinner.ts +++ b/packages/web-components/src/spinner/spinner.ts @@ -1,5 +1,5 @@ import { attr } from '@microsoft/fast-element'; -import { FASTProgressRing } from '@microsoft/fast-foundation'; +import { FASTProgressRing } from '@microsoft/fast-foundation/progress-ring.js'; import type { SpinnerAppearance, SpinnerSize } from './spinner.options.js'; /** diff --git a/packages/web-components/src/styles/partials/badge.partials.ts b/packages/web-components/src/styles/partials/badge.partials.ts index 8ef33701f87784..22e8062c33a7d2 100644 --- a/packages/web-components/src/styles/partials/badge.partials.ts +++ b/packages/web-components/src/styles/partials/badge.partials.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusCircular, colorBrandBackground, diff --git a/packages/web-components/src/switch/switch.options.ts b/packages/web-components/src/switch/switch.options.ts index 4f2441ce61690d..eba04e567c31d0 100644 --- a/packages/web-components/src/switch/switch.options.ts +++ b/packages/web-components/src/switch/switch.options.ts @@ -1,4 +1,4 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * SwitchLabelPosition Constants diff --git a/packages/web-components/src/switch/switch.styles.ts b/packages/web-components/src/switch/switch.styles.ts index b35c08869b72da..81aa986c93ca5c 100644 --- a/packages/web-components/src/switch/switch.styles.ts +++ b/packages/web-components/src/switch/switch.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation'; +import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusCircular, colorCompoundBrandBackground, diff --git a/packages/web-components/src/switch/switch.template.ts b/packages/web-components/src/switch/switch.template.ts index c405389f9ad94a..08c12199a9d4ed 100644 --- a/packages/web-components/src/switch/switch.template.ts +++ b/packages/web-components/src/switch/switch.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate } from '@microsoft/fast-element'; -import { switchTemplate } from '@microsoft/fast-foundation'; +import { switchTemplate } from '@microsoft/fast-foundation/switch.js'; import { Switch } from './switch.js'; export const template: ElementViewTemplate = switchTemplate({ diff --git a/packages/web-components/src/switch/switch.ts b/packages/web-components/src/switch/switch.ts index 7c96853ecc17bd..bf5bbcb79d90d0 100644 --- a/packages/web-components/src/switch/switch.ts +++ b/packages/web-components/src/switch/switch.ts @@ -1,5 +1,5 @@ import { attr } from '@microsoft/fast-element'; -import { FASTSwitch } from '@microsoft/fast-foundation'; +import { FASTSwitch } from '@microsoft/fast-foundation/switch.js'; import { SwitchLabelPosition } from './switch.options.js'; export class Switch extends FASTSwitch { diff --git a/packages/web-components/src/tab-panel/tab-panel.styles.ts b/packages/web-components/src/tab-panel/tab-panel.styles.ts index 8d16a18d20678f..1440583a4ef325 100644 --- a/packages/web-components/src/tab-panel/tab-panel.styles.ts +++ b/packages/web-components/src/tab-panel/tab-panel.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { spacingHorizontalM, spacingHorizontalMNudge } from '../theme/design-tokens.js'; export const styles = css` diff --git a/packages/web-components/src/tab-panel/tab-panel.template.ts b/packages/web-components/src/tab-panel/tab-panel.template.ts index 9226ce001ac554..6482eb13aee55f 100644 --- a/packages/web-components/src/tab-panel/tab-panel.template.ts +++ b/packages/web-components/src/tab-panel/tab-panel.template.ts @@ -1,3 +1,3 @@ -import { tabPanelTemplate } from '@microsoft/fast-foundation'; +import { tabPanelTemplate } from '@microsoft/fast-foundation/tab-panel.js'; export const template = tabPanelTemplate(); diff --git a/packages/web-components/src/tab-panel/tab-panel.ts b/packages/web-components/src/tab-panel/tab-panel.ts index 673ad33891033a..6601d401762cbd 100644 --- a/packages/web-components/src/tab-panel/tab-panel.ts +++ b/packages/web-components/src/tab-panel/tab-panel.ts @@ -1,3 +1,3 @@ -import { FASTTabPanel } from '@microsoft/fast-foundation'; +import { FASTTabPanel } from '@microsoft/fast-foundation/tab-panel.js'; export class TabPanel extends FASTTabPanel {} diff --git a/packages/web-components/src/tab/tab.styles.ts b/packages/web-components/src/tab/tab.styles.ts index 694abef78402e2..bff8d2f170d582 100644 --- a/packages/web-components/src/tab/tab.styles.ts +++ b/packages/web-components/src/tab/tab.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation'; +import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusCircular, borderRadiusMedium, diff --git a/packages/web-components/src/tab/tab.template.ts b/packages/web-components/src/tab/tab.template.ts index b0a5991a069503..f84a1181a047cf 100644 --- a/packages/web-components/src/tab/tab.template.ts +++ b/packages/web-components/src/tab/tab.template.ts @@ -1,4 +1,5 @@ -import { endSlotTemplate, FASTTab, startSlotTemplate, TabOptions } from '@microsoft/fast-foundation'; +import { endSlotTemplate, startSlotTemplate } from '@microsoft/fast-foundation/patterns.js'; +import { FASTTab, TabOptions } from '@microsoft/fast-foundation/tab.js'; import { ElementViewTemplate, html } from '@microsoft/fast-element'; export function tabTemplate(options: TabOptions = {}): ElementViewTemplate { diff --git a/packages/web-components/src/tab/tab.ts b/packages/web-components/src/tab/tab.ts index 7e32451ea8f788..6b9d1b49aa1c44 100644 --- a/packages/web-components/src/tab/tab.ts +++ b/packages/web-components/src/tab/tab.ts @@ -1,5 +1,5 @@ import { css, ElementStyles } from '@microsoft/fast-element'; -import { FASTTab } from '@microsoft/fast-foundation'; +import { FASTTab } from '@microsoft/fast-foundation/tab.js'; /** * Tab extends the FASTTab and is a child of the TabList diff --git a/packages/web-components/src/tabs/tabs.options.ts b/packages/web-components/src/tabs/tabs.options.ts index 6509d9d57539b3..79721e1f2a5a13 100644 --- a/packages/web-components/src/tabs/tabs.options.ts +++ b/packages/web-components/src/tabs/tabs.options.ts @@ -1,5 +1,5 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; -import { TabsOrientation } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; +import { TabsOrientation } from '@microsoft/fast-foundation/tabs.js'; export const TabsAppearance = { subtle: 'subtle', diff --git a/packages/web-components/src/tabs/tabs.stories.ts b/packages/web-components/src/tabs/tabs.stories.ts index 76479f1e0dcca1..ba268672bc7c7b 100644 --- a/packages/web-components/src/tabs/tabs.stories.ts +++ b/packages/web-components/src/tabs/tabs.stories.ts @@ -1,5 +1,5 @@ import { html } from '@microsoft/fast-element'; -import { TabsOrientation } from '@microsoft/fast-foundation'; +import { TabsOrientation } from '@microsoft/fast-foundation/tabs.js'; import type { Args, Meta } from '@storybook/html'; import { renderComponent } from '../helpers.stories.js'; import type { Tabs as FluentTabs } from './tabs.js'; diff --git a/packages/web-components/src/tabs/tabs.styles.ts b/packages/web-components/src/tabs/tabs.styles.ts index 949c18a33160c9..a37d97c349c5d4 100644 --- a/packages/web-components/src/tabs/tabs.styles.ts +++ b/packages/web-components/src/tabs/tabs.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusCircular, borderRadiusMedium, diff --git a/packages/web-components/src/tabs/tabs.template.ts b/packages/web-components/src/tabs/tabs.template.ts index bfe986487625be..108322bdc355ad 100644 --- a/packages/web-components/src/tabs/tabs.template.ts +++ b/packages/web-components/src/tabs/tabs.template.ts @@ -1,3 +1,3 @@ -import { tabsTemplate } from '@microsoft/fast-foundation'; +import { tabsTemplate } from '@microsoft/fast-foundation/tabs.js'; export const template = tabsTemplate({}); diff --git a/packages/web-components/src/tabs/tabs.ts b/packages/web-components/src/tabs/tabs.ts index e370582fc6860c..f5f844ff9b1d6f 100644 --- a/packages/web-components/src/tabs/tabs.ts +++ b/packages/web-components/src/tabs/tabs.ts @@ -1,5 +1,5 @@ import { attr, css, ElementStyles } from '@microsoft/fast-element'; -import { FASTTabs, TabsOrientation } from '@microsoft/fast-foundation'; +import { FASTTabs, TabsOrientation } from '@microsoft/fast-foundation/tabs.js'; import { Tab } from '../index.js'; import { TabsAppearance, TabsSize } from './tabs.options.js'; diff --git a/packages/web-components/src/text-input/index.ts b/packages/web-components/src/text-input/index.ts index 91f1e523895121..71704f47706998 100644 --- a/packages/web-components/src/text-input/index.ts +++ b/packages/web-components/src/text-input/index.ts @@ -3,4 +3,4 @@ export * from './text-input.options.js'; export { template as TextInputTemplate } from './text-input.template.js'; export { styles as TextInputStyles } from './text-input.styles.js'; export { definition as TextInputDefinition } from './text-input.definition.js'; -export { TextFieldType as TextInputType } from '@microsoft/fast-foundation'; +export { TextFieldType as TextInputType } from '@microsoft/fast-foundation/text-field.js'; diff --git a/packages/web-components/src/text-input/text-input.options.ts b/packages/web-components/src/text-input/text-input.options.ts index 9a5f3db5fa4c33..2ae120ce7c3e20 100644 --- a/packages/web-components/src/text-input/text-input.options.ts +++ b/packages/web-components/src/text-input/text-input.options.ts @@ -1,4 +1,4 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * TextInput size constants diff --git a/packages/web-components/src/text-input/text-input.styles.ts b/packages/web-components/src/text-input/text-input.styles.ts index 492a01d4089ffe..5ff9ef6cc41c73 100644 --- a/packages/web-components/src/text-input/text-input.styles.ts +++ b/packages/web-components/src/text-input/text-input.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { borderRadiusMedium, colorCompoundBrandStroke, diff --git a/packages/web-components/src/text-input/text-input.template.ts b/packages/web-components/src/text-input/text-input.template.ts index 5407488f02289d..c3a0528ca29e06 100644 --- a/packages/web-components/src/text-input/text-input.template.ts +++ b/packages/web-components/src/text-input/text-input.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate } from '@microsoft/fast-element'; -import { textFieldTemplate } from '@microsoft/fast-foundation'; +import { textFieldTemplate } from '@microsoft/fast-foundation/text-field.js'; import type { TextInput } from './text-input.js'; /** diff --git a/packages/web-components/src/text-input/text-input.ts b/packages/web-components/src/text-input/text-input.ts index 5a69d713c92e4d..103721ebee4ef5 100644 --- a/packages/web-components/src/text-input/text-input.ts +++ b/packages/web-components/src/text-input/text-input.ts @@ -1,5 +1,5 @@ import { attr } from '@microsoft/fast-element'; -import { FASTTextField } from '@microsoft/fast-foundation'; +import { FASTTextField } from '@microsoft/fast-foundation/text-field.js'; import { TextInputAppearance, TextInputControlSize } from './text-input.options.js'; /** diff --git a/packages/web-components/src/text/text.options.ts b/packages/web-components/src/text/text.options.ts index 0c775c78b2dddb..61f471e63eab32 100644 --- a/packages/web-components/src/text/text.options.ts +++ b/packages/web-components/src/text/text.options.ts @@ -1,4 +1,4 @@ -import { ValuesOf } from '@microsoft/fast-foundation'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; /** * TextSize constants diff --git a/packages/web-components/src/text/text.styles.ts b/packages/web-components/src/text/text.styles.ts index 8593b9ee070116..bbb9afbbea4709 100644 --- a/packages/web-components/src/text/text.styles.ts +++ b/packages/web-components/src/text/text.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { display } from '@microsoft/fast-foundation'; +import { display } from '@microsoft/fast-foundation/utilities.js'; import { fontFamilyBase, fontFamilyMonospace, diff --git a/packages/web-components/src/theme/design-tokens.ts b/packages/web-components/src/theme/design-tokens.ts index 98e4c5fafd305e..22a43ea3416112 100644 --- a/packages/web-components/src/theme/design-tokens.ts +++ b/packages/web-components/src/theme/design-tokens.ts @@ -1,4 +1,4 @@ -import { DesignToken } from '@microsoft/fast-foundation'; +import { DesignToken } from '@microsoft/fast-foundation/design-token.js'; const { create } = DesignToken; diff --git a/packages/web-components/src/theme/theme.stories.ts b/packages/web-components/src/theme/theme.stories.ts index 63c78cb670fcd7..132c42824782c3 100644 --- a/packages/web-components/src/theme/theme.stories.ts +++ b/packages/web-components/src/theme/theme.stories.ts @@ -1,4 +1,4 @@ -import { DesignToken } from '@microsoft/fast-foundation'; +import { DesignToken } from '@microsoft/fast-foundation/design-token.js'; import * as tokens from '../theme/design-tokens.js'; DesignToken.registerDefaultStyleTarget(); diff --git a/packages/web-components/src/toggle-button/toggle-button.options.ts b/packages/web-components/src/toggle-button/toggle-button.options.ts index 0b0c4f30044593..8a39c6c3567468 100644 --- a/packages/web-components/src/toggle-button/toggle-button.options.ts +++ b/packages/web-components/src/toggle-button/toggle-button.options.ts @@ -1,4 +1,5 @@ -import { ButtonOptions, ValuesOf } from '@microsoft/fast-foundation'; +import type { ButtonOptions } from '@microsoft/fast-foundation/button.js'; +import type { ValuesOf } from '@microsoft/fast-foundation/utilities.js'; import { ButtonAppearance, ButtonShape, ButtonSize } from '../button/button.options.js'; /** diff --git a/packages/web-components/src/toggle-button/toggle-button.styles.ts b/packages/web-components/src/toggle-button/toggle-button.styles.ts index 52abe28c8c72fe..2de84d4416a84d 100644 --- a/packages/web-components/src/toggle-button/toggle-button.styles.ts +++ b/packages/web-components/src/toggle-button/toggle-button.styles.ts @@ -1,5 +1,5 @@ import { css } from '@microsoft/fast-element'; -import { forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation'; +import { forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation/utilities.js'; import { styles as ButtonStyles } from '../button/button.styles.js'; import { colorBrandBackgroundHover, diff --git a/packages/web-components/src/toggle-button/toggle-button.template.ts b/packages/web-components/src/toggle-button/toggle-button.template.ts index 13cf179fc86355..c60f70c3e1def8 100644 --- a/packages/web-components/src/toggle-button/toggle-button.template.ts +++ b/packages/web-components/src/toggle-button/toggle-button.template.ts @@ -1,5 +1,5 @@ import { ElementViewTemplate } from '@microsoft/fast-element'; -import { buttonTemplate } from '@microsoft/fast-foundation'; +import { buttonTemplate } from '@microsoft/fast-foundation/button.js'; import type { ToggleButton } from './toggle-button.js'; /** diff --git a/yarn.lock b/yarn.lock index a8c5c2ac336a09..5b79196aba887b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2686,7 +2686,7 @@ integrity sha512-78UJIbS20lCQ9rOyUZMwjXIeEDFBjJZM0DJ7bYUIXgx7JDXygYi8RxnmCFiO0h9XABubiuOJrGDJtqro5sgS7g== dependencies: "@floating-ui/dom" "^1.0.3" - "@microsoft/fast-element" "2.0.0-beta.25" + "@microsoft/fast-element" "2.0.0-beta.26" "@microsoft/fast-web-utilities" "^6.0.0" tabbable "^5.2.0" tslib "^2.4.0" @@ -3478,7 +3478,19 @@ eslint-plugin-jest "^25.0.0" eslint-plugin-react "^7.26.0" -"@rollup/pluginutils@^3.0.8": +"@rollup/plugin-node-resolve@13.3.0": + version "13.3.0" + resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-13.3.0.tgz#da1c5c5ce8316cef96a2f823d111c1e4e498801c" + integrity sha512-Lus8rbUo1eEcnS4yTFKLZrVumLPY+YayBdWXgFSHYhTT2iJbMhoaaBL3xl5NCdeRytErGr8tZ0L71BMRmnlwSw== + dependencies: + "@rollup/pluginutils" "^3.1.0" + "@types/resolve" "1.17.1" + deepmerge "^4.2.2" + is-builtin-module "^3.1.0" + is-module "^1.0.0" + resolve "^1.19.0" + +"@rollup/pluginutils@^3.1.0": version "3.1.0" resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b" integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg== @@ -5679,6 +5691,13 @@ dependencies: "@types/node" "*" +"@types/resolve@1.17.1": + version "1.17.1" + resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6" + integrity sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw== + dependencies: + "@types/node" "*" + "@types/responselike@*", "@types/responselike@^1.0.0": version "1.0.0" resolved "https://registry.yarnpkg.com/@types/responselike/-/responselike-1.0.0.tgz#251f4fe7d154d2bad125abe1b429b23afd262e29" @@ -11664,6 +11683,11 @@ estree-walker@^1.0.1: resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700" integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg== +estree-walker@^2.0.1: + version "2.0.2" + resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac" + integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w== + esutils@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.2.tgz#0abf4f1caa5bcb1f7a9d8acc6dea4faaa04bac9b" @@ -21127,6 +21151,17 @@ rollup-plugin-commonjs@10.1.0: resolve "^1.11.0" rollup-pluginutils "^2.8.1" +rollup-plugin-esbuild@4.10.3: + version "4.10.3" + resolved "https://registry.yarnpkg.com/rollup-plugin-esbuild/-/rollup-plugin-esbuild-4.10.3.tgz#caa66a99b53b21d4939beffc611d76f57191c4cb" + integrity sha512-RILwUCgnCL5vo8vyZ/ZpwcqRuE5KmLizEv6BujBQfgXFZ6ggcS0FiYvQN+gsTJfWCMaU37l0Fosh4eEufyO97Q== + dependencies: + "@rollup/pluginutils" "^4.1.1" + debug "^4.3.3" + es-module-lexer "^0.9.3" + joycon "^3.0.1" + jsonc-parser "^3.0.0" + rollup-plugin-filesize@8.0.2: version "8.0.2" resolved "https://registry.yarnpkg.com/rollup-plugin-filesize/-/rollup-plugin-filesize-8.0.2.tgz#d120f0dbe591a2e665ed2e9453bd6ab149a393d0" @@ -21171,17 +21206,6 @@ rollup-plugin-transform-tagged-template@0.0.3: "@babel/parser" "^7.10.3" "@babel/traverse" "^7.10.3" -rollup-plugin-typescript2@0.27.1: - version "0.27.1" - resolved "https://registry.yarnpkg.com/rollup-plugin-typescript2/-/rollup-plugin-typescript2-0.27.1.tgz#4f27193408a8f040139eed3e3db7b0c7f3668200" - integrity sha512-RJl77Bbj1EunAQDC3dK/O2HWuSUX3oJbRGzyLoS5o9W4Hs1Nix3Gavqj1Lzs5Y6Ff4H2xXfmZ1WWUQCYocSbzQ== - dependencies: - "@rollup/pluginutils" "^3.0.8" - find-cache-dir "^3.3.1" - fs-extra "8.1.0" - resolve "1.15.1" - tslib "1.11.2" - rollup-pluginutils@^2.8.1, rollup-pluginutils@^2.8.2: version "2.8.2" resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e" @@ -21189,12 +21213,12 @@ rollup-pluginutils@^2.8.1, rollup-pluginutils@^2.8.2: dependencies: estree-walker "^0.6.1" -rollup@2.45.2: - version "2.45.2" - resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.45.2.tgz#8fb85917c9f35605720e92328f3ccbfba6f78b48" - integrity sha512-kRRU7wXzFHUzBIv0GfoFFIN3m9oteY4uAsKllIpQDId5cfnkWF2J130l+27dzDju0E6MScKiV0ZM5Bw8m4blYQ== +rollup@2.71.0: + version "2.71.0" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.71.0.tgz#d61e26b95481867d796da255a43fffeadb754cfd" + integrity sha512-kZWB4FA9N/iZU/O9tVp08pPdxLM0i2iUDvcS77XT92DI81s3wYQcU/cA2FCXWj+HgJj8RUC2M0dXECwoOfDBYA== optionalDependencies: - fsevents "~2.3.1" + fsevents "~2.3.2" rst-selector-parser@^2.2.3: version "2.2.3" @@ -23371,6 +23395,11 @@ tslib@^1.10.0, tslib@^1.13.0, tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3: resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00" integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg== +tslib@^1.10.0, tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3: + version "1.11.2" + resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.11.2.tgz#9c79d83272c9a7aaf166f73915c9667ecdde3cc9" + integrity sha512-tTSkux6IGPnUGUd1XAZHcpu85MOkIl5zX49pO+jfsie3eP0B6pyhOlLXm3cAC6T7s+euSDDUUV+Acop5WmtkVg== + tsscmp@1.0.6: version "1.0.6" resolved "https://registry.yarnpkg.com/tsscmp/-/tsscmp-1.0.6.tgz#85b99583ac3589ec4bfef825b5000aa911d605eb"