@fluentui/react-migration-v8-v9 1.0.3 → 1.0.4

package/lib-commonjs/components/Theme/v9ThemeShim.js

@@ -0,0 +1,206 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createV9Theme = void 0;
+
+const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
+
+const themeDuplicates_1 = /*#__PURE__*/require("./themeDuplicates");
+/**
+ * Creates v9 color tokens from a v8 palette.
+ */
+
+
+const mapAliasColors = (palette, inverted) => {
+  return {
+    colorNeutralForeground1: palette.neutralPrimary,
+    colorNeutralForeground1Hover: palette.neutralPrimary,
+    colorNeutralForeground1Pressed: palette.neutralPrimary,
+    colorNeutralForeground1Selected: palette.neutralPrimary,
+    colorNeutralForeground2: palette.neutralSecondary,
+    colorNeutralForeground2Hover: palette.neutralPrimary,
+    colorNeutralForeground2Pressed: palette.neutralPrimary,
+    colorNeutralForeground2Selected: palette.neutralPrimary,
+    colorNeutralForeground2BrandHover: palette.themePrimary,
+    colorNeutralForeground2BrandPressed: palette.themeDarkAlt,
+    colorNeutralForeground2BrandSelected: palette.themePrimary,
+    colorNeutralForeground3: palette.neutralTertiary,
+    colorNeutralForeground3Hover: palette.neutralSecondary,
+    colorNeutralForeground3Pressed: palette.neutralSecondary,
+    colorNeutralForeground3Selected: palette.neutralSecondary,
+    colorNeutralForeground3BrandHover: palette.themePrimary,
+    colorNeutralForeground3BrandPressed: palette.themeDarkAlt,
+    colorNeutralForeground3BrandSelected: palette.themePrimary,
+    colorNeutralForeground4: palette.neutralQuaternary,
+    colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,
+    colorNeutralForegroundInvertedDisabled: themeDuplicates_1.whiteAlpha[40],
+    colorBrandForegroundLink: palette.themeDarkAlt,
+    colorBrandForegroundLinkHover: palette.themeDark,
+    colorBrandForegroundLinkPressed: palette.themeDarker,
+    colorBrandForegroundLinkSelected: palette.themeDarkAlt,
+    colorNeutralForeground2Link: palette.neutralSecondary,
+    colorNeutralForeground2LinkHover: palette.neutralPrimary,
+    colorNeutralForeground2LinkPressed: palette.neutralPrimary,
+    colorNeutralForeground2LinkSelected: palette.neutralPrimary,
+    colorCompoundBrandForeground1: palette.themePrimary,
+    colorCompoundBrandForeground1Hover: palette.themeDarkAlt,
+    colorCompoundBrandForeground1Pressed: palette.themeDark,
+    colorBrandForeground1: palette.themePrimary,
+    colorBrandForeground2: palette.themeDarkAlt,
+    colorNeutralForeground1Static: palette.neutralPrimary,
+    colorNeutralForegroundInverted: palette.white,
+    colorNeutralForegroundInvertedHover: palette.white,
+    colorNeutralForegroundInvertedPressed: palette.white,
+    colorNeutralForegroundInvertedSelected: palette.white,
+    colorNeutralForegroundOnBrand: palette.white,
+    colorNeutralForegroundStaticInverted: palette.white,
+    colorNeutralForegroundInvertedLink: palette.white,
+    colorNeutralForegroundInvertedLinkHover: palette.white,
+    colorNeutralForegroundInvertedLinkPressed: palette.white,
+    colorNeutralForegroundInvertedLinkSelected: palette.white,
+    colorNeutralForegroundInverted2: palette.white,
+    colorBrandForegroundInverted: palette.themeSecondary,
+    colorBrandForegroundInvertedHover: palette.themeTertiary,
+    colorBrandForegroundInvertedPressed: palette.themeSecondary,
+    colorBrandForegroundOnLight: palette.themePrimary,
+    colorBrandForegroundOnLightHover: palette.themeDarkAlt,
+    colorBrandForegroundOnLightPressed: palette.themeDark,
+    colorBrandForegroundOnLightSelected: palette.themeDark,
+    colorNeutralBackground1: palette.white,
+    colorNeutralBackground1Hover: palette.neutralLighter,
+    colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,
+    colorNeutralBackground1Selected: palette.neutralLight,
+    colorNeutralBackground2: palette.neutralLighterAlt,
+    colorNeutralBackground2Hover: palette.neutralLighter,
+    colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,
+    colorNeutralBackground2Selected: palette.neutralLight,
+    colorNeutralBackground3: palette.neutralLighter,
+    colorNeutralBackground3Hover: palette.neutralLight,
+    colorNeutralBackground3Pressed: palette.neutralQuaternary,
+    colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,
+    colorNeutralBackground4: palette.neutralLighter,
+    colorNeutralBackground4Hover: palette.neutralLighterAlt,
+    colorNeutralBackground4Pressed: palette.neutralLighter,
+    colorNeutralBackground4Selected: palette.white,
+    colorNeutralBackground5: palette.neutralLight,
+    colorNeutralBackground5Hover: palette.neutralLighter,
+    colorNeutralBackground5Pressed: palette.neutralLighter,
+    colorNeutralBackground5Selected: palette.neutralLighterAlt,
+    colorNeutralBackground6: palette.neutralLight,
+    colorNeutralBackgroundStatic: themeDuplicates_1.grey[20],
+    colorNeutralBackgroundInverted: palette.neutralSecondary,
+    colorSubtleBackground: 'transparent',
+    colorSubtleBackgroundHover: palette.neutralLighter,
+    colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,
+    colorSubtleBackgroundSelected: palette.neutralLight,
+    colorSubtleBackgroundLightAlphaHover: inverted ? themeDuplicates_1.whiteAlpha[10] : themeDuplicates_1.whiteAlpha[80],
+    colorSubtleBackgroundLightAlphaPressed: inverted ? themeDuplicates_1.whiteAlpha[5] : themeDuplicates_1.whiteAlpha[50],
+    colorSubtleBackgroundLightAlphaSelected: 'transparent',
+    colorSubtleBackgroundInverted: 'transparent',
+    colorSubtleBackgroundInvertedHover: themeDuplicates_1.blackAlpha[10],
+    colorSubtleBackgroundInvertedPressed: themeDuplicates_1.blackAlpha[30],
+    colorSubtleBackgroundInvertedSelected: themeDuplicates_1.blackAlpha[20],
+    colorTransparentBackground: 'transparent',
+    colorTransparentBackgroundHover: 'transparent',
+    colorTransparentBackgroundPressed: 'transparent',
+    colorTransparentBackgroundSelected: 'transparent',
+    colorNeutralBackgroundDisabled: palette.neutralLighter,
+    colorNeutralBackgroundInvertedDisabled: themeDuplicates_1.whiteAlpha[10],
+    colorNeutralStencil1: palette.neutralLight,
+    colorNeutralStencil2: palette.neutralLighterAlt,
+    colorBackgroundOverlay: themeDuplicates_1.blackAlpha[10],
+    colorScrollbarOverlay: themeDuplicates_1.blackAlpha[50],
+    colorBrandBackground: palette.themePrimary,
+    colorBrandBackgroundHover: palette.themeDarkAlt,
+    colorBrandBackgroundPressed: palette.themeDarker,
+    colorBrandBackgroundSelected: palette.themeDark,
+    colorCompoundBrandBackground: palette.themePrimary,
+    colorCompoundBrandBackgroundHover: palette.themeDarkAlt,
+    colorCompoundBrandBackgroundPressed: palette.themeDark,
+    colorBrandBackgroundStatic: palette.themePrimary,
+    colorBrandBackground2: palette.themeLighterAlt,
+    colorBrandBackgroundInverted: palette.white,
+    colorBrandBackgroundInvertedHover: palette.themeLighterAlt,
+    colorBrandBackgroundInvertedPressed: palette.themeLight,
+    colorBrandBackgroundInvertedSelected: palette.themeLighter,
+    colorNeutralStrokeAccessible: palette.neutralSecondary,
+    colorNeutralStrokeAccessibleHover: palette.neutralSecondary,
+    colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,
+    colorNeutralStrokeAccessibleSelected: palette.themePrimary,
+    colorNeutralStroke1: palette.neutralQuaternary,
+    colorNeutralStroke1Hover: palette.neutralTertiaryAlt,
+    colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,
+    colorNeutralStroke1Selected: palette.neutralTertiaryAlt,
+    colorNeutralStroke2: palette.neutralQuaternaryAlt,
+    colorNeutralStroke3: palette.neutralLighter,
+    colorNeutralStrokeOnBrand: palette.white,
+    colorNeutralStrokeOnBrand2: palette.white,
+    colorNeutralStrokeOnBrand2Hover: palette.white,
+    colorNeutralStrokeOnBrand2Pressed: palette.white,
+    colorNeutralStrokeOnBrand2Selected: palette.white,
+    colorBrandStroke1: palette.themePrimary,
+    colorBrandStroke2: palette.themeLight,
+    colorCompoundBrandStroke: palette.themePrimary,
+    colorCompoundBrandStrokeHover: palette.themeDarkAlt,
+    colorCompoundBrandStrokePressed: palette.themeDark,
+    colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,
+    colorNeutralStrokeInvertedDisabled: themeDuplicates_1.whiteAlpha[40],
+    colorTransparentStroke: 'transparent',
+    colorTransparentStrokeInteractive: 'transparent',
+    colorTransparentStrokeDisabled: 'transparent',
+    colorStrokeFocus1: palette.white,
+    colorStrokeFocus2: palette.black,
+    colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',
+    colorNeutralShadowKey: 'rgba(0,0,0,0.14)',
+    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',
+    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',
+    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',
+    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',
+    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',
+    colorBrandShadowKey: 'rgba(0,0,0,0.25)'
+  };
+};
+/**
+ * Creates v9 shadow tokens from v8 effects.
+ */
+
+
+const mapShadowTokens = effects => {
+  return {
+    shadow4: effects.elevation4,
+    shadow8: effects.elevation8,
+    shadow16: effects.elevation16,
+    shadow64: effects.elevation64
+  };
+};
+/**
+ * Creates v9 border radius tokens from v8 effects
+ */
+
+
+const mapBorderRadiusTokens = effects => {
+  return {
+    borderRadiusSmall: effects.roundedCorner2,
+    borderRadiusMedium: effects.roundedCorner4,
+    borderRadiusLarge: effects.roundedCorner6
+  };
+};
+/**
+ * Creates a v9 theme from a v8 theme.
+ * You can optional pass a base v9 theme; otherwise webLightTheme is used.
+ */
+
+
+const createV9Theme = (themeV8, baseThemeV9) => {
+  const baseTheme = baseThemeV9 !== null && baseThemeV9 !== void 0 ? baseThemeV9 : react_components_1.webLightTheme;
+  return { ...baseTheme,
+    ...mapAliasColors(themeV8.palette, themeV8.isInverted),
+    ...mapShadowTokens(themeV8.effects),
+    ...mapBorderRadiusTokens(themeV8.effects)
+  };
+};
+
+exports.createV9Theme = createV9Theme;
+//# sourceMappingURL=v9ThemeShim.js.map

package/lib-commonjs/components/Theme/v9ThemeShim.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Theme/v9ThemeShim.ts"],"names":[],"mappings":"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","sourcesContent":["import { Theme as ThemeV8 } from '@fluentui/react';\nimport type { IEffects, IPalette } from '@fluentui/react';\nimport { Theme as ThemeV9, webLightTheme } from '@fluentui/react-components';\nimport type { BorderRadiusTokens, ColorTokens, ShadowTokens } from '@fluentui/react-components';\nimport { blackAlpha, whiteAlpha, grey } from './themeDuplicates';\n\n/**\n * Creates v9 color tokens from a v8 palette.\n */\nconst mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {\n  return {\n    colorNeutralForeground1: palette.neutralPrimary,\n    colorNeutralForeground1Hover: palette.neutralPrimary,\n    colorNeutralForeground1Pressed: palette.neutralPrimary,\n    colorNeutralForeground1Selected: palette.neutralPrimary,\n    colorNeutralForeground2: palette.neutralSecondary,\n    colorNeutralForeground2Hover: palette.neutralPrimary,\n    colorNeutralForeground2Pressed: palette.neutralPrimary,\n    colorNeutralForeground2Selected: palette.neutralPrimary,\n    colorNeutralForeground2BrandHover: palette.themePrimary,\n    colorNeutralForeground2BrandPressed: palette.themeDarkAlt,\n    colorNeutralForeground2BrandSelected: palette.themePrimary,\n    colorNeutralForeground3: palette.neutralTertiary,\n    colorNeutralForeground3Hover: palette.neutralSecondary,\n    colorNeutralForeground3Pressed: palette.neutralSecondary,\n    colorNeutralForeground3Selected: palette.neutralSecondary,\n    colorNeutralForeground3BrandHover: palette.themePrimary,\n    colorNeutralForeground3BrandPressed: palette.themeDarkAlt,\n    colorNeutralForeground3BrandSelected: palette.themePrimary,\n    colorNeutralForeground4: palette.neutralQuaternary,\n    colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,\n    colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n    colorBrandForegroundLink: palette.themeDarkAlt,\n    colorBrandForegroundLinkHover: palette.themeDark,\n    colorBrandForegroundLinkPressed: palette.themeDarker,\n    colorBrandForegroundLinkSelected: palette.themeDarkAlt,\n    colorNeutralForeground2Link: palette.neutralSecondary,\n    colorNeutralForeground2LinkHover: palette.neutralPrimary,\n    colorNeutralForeground2LinkPressed: palette.neutralPrimary,\n    colorNeutralForeground2LinkSelected: palette.neutralPrimary,\n    colorCompoundBrandForeground1: palette.themePrimary,\n    colorCompoundBrandForeground1Hover: palette.themeDarkAlt,\n    colorCompoundBrandForeground1Pressed: palette.themeDark,\n    colorBrandForeground1: palette.themePrimary,\n    colorBrandForeground2: palette.themeDarkAlt,\n    colorNeutralForeground1Static: palette.neutralPrimary,\n    colorNeutralForegroundInverted: palette.white,\n    colorNeutralForegroundInvertedHover: palette.white,\n    colorNeutralForegroundInvertedPressed: palette.white,\n    colorNeutralForegroundInvertedSelected: palette.white,\n    colorNeutralForegroundOnBrand: palette.white,\n    colorNeutralForegroundStaticInverted: palette.white,\n    colorNeutralForegroundInvertedLink: palette.white,\n    colorNeutralForegroundInvertedLinkHover: palette.white,\n    colorNeutralForegroundInvertedLinkPressed: palette.white,\n    colorNeutralForegroundInvertedLinkSelected: palette.white,\n    colorNeutralForegroundInverted2: palette.white,\n    colorBrandForegroundInverted: palette.themeSecondary,\n    colorBrandForegroundInvertedHover: palette.themeTertiary,\n    colorBrandForegroundInvertedPressed: palette.themeSecondary,\n    colorBrandForegroundOnLight: palette.themePrimary,\n    colorBrandForegroundOnLightHover: palette.themeDarkAlt,\n    colorBrandForegroundOnLightPressed: palette.themeDark,\n    colorBrandForegroundOnLightSelected: palette.themeDark,\n    colorNeutralBackground1: palette.white,\n    colorNeutralBackground1Hover: palette.neutralLighter,\n    colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,\n    colorNeutralBackground1Selected: palette.neutralLight,\n    colorNeutralBackground2: palette.neutralLighterAlt,\n    colorNeutralBackground2Hover: palette.neutralLighter,\n    colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,\n    colorNeutralBackground2Selected: palette.neutralLight,\n    colorNeutralBackground3: palette.neutralLighter,\n    colorNeutralBackground3Hover: palette.neutralLight,\n    colorNeutralBackground3Pressed: palette.neutralQuaternary,\n    colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,\n    colorNeutralBackground4: palette.neutralLighter,\n    colorNeutralBackground4Hover: palette.neutralLighterAlt,\n    colorNeutralBackground4Pressed: palette.neutralLighter,\n    colorNeutralBackground4Selected: palette.white,\n    colorNeutralBackground5: palette.neutralLight,\n    colorNeutralBackground5Hover: palette.neutralLighter,\n    colorNeutralBackground5Pressed: palette.neutralLighter,\n    colorNeutralBackground5Selected: palette.neutralLighterAlt,\n    colorNeutralBackground6: palette.neutralLight,\n    colorNeutralBackgroundStatic: grey[20],\n    colorNeutralBackgroundInverted: palette.neutralSecondary,\n    colorSubtleBackground: 'transparent',\n    colorSubtleBackgroundHover: palette.neutralLighter,\n    colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,\n    colorSubtleBackgroundSelected: palette.neutralLight,\n    colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],\n    colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],\n    colorSubtleBackgroundLightAlphaSelected: 'transparent',\n    colorSubtleBackgroundInverted: 'transparent',\n    colorSubtleBackgroundInvertedHover: blackAlpha[10],\n    colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n    colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n    colorTransparentBackground: 'transparent',\n    colorTransparentBackgroundHover: 'transparent',\n    colorTransparentBackgroundPressed: 'transparent',\n    colorTransparentBackgroundSelected: 'transparent',\n    colorNeutralBackgroundDisabled: palette.neutralLighter,\n    colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n    colorNeutralStencil1: palette.neutralLight,\n    colorNeutralStencil2: palette.neutralLighterAlt,\n    colorBackgroundOverlay: blackAlpha[10],\n    colorScrollbarOverlay: blackAlpha[50],\n    colorBrandBackground: palette.themePrimary,\n    colorBrandBackgroundHover: palette.themeDarkAlt,\n    colorBrandBackgroundPressed: palette.themeDarker,\n    colorBrandBackgroundSelected: palette.themeDark,\n    colorCompoundBrandBackground: palette.themePrimary,\n    colorCompoundBrandBackgroundHover: palette.themeDarkAlt,\n    colorCompoundBrandBackgroundPressed: palette.themeDark,\n    colorBrandBackgroundStatic: palette.themePrimary,\n    colorBrandBackground2: palette.themeLighterAlt,\n    colorBrandBackgroundInverted: palette.white,\n    colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n    colorBrandBackgroundInvertedPressed: palette.themeLight,\n    colorBrandBackgroundInvertedSelected: palette.themeLighter,\n    colorNeutralStrokeAccessible: palette.neutralSecondary,\n    colorNeutralStrokeAccessibleHover: palette.neutralSecondary,\n    colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,\n    colorNeutralStrokeAccessibleSelected: palette.themePrimary,\n    colorNeutralStroke1: palette.neutralQuaternary,\n    colorNeutralStroke1Hover: palette.neutralTertiaryAlt,\n    colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,\n    colorNeutralStroke1Selected: palette.neutralTertiaryAlt,\n    colorNeutralStroke2: palette.neutralQuaternaryAlt,\n    colorNeutralStroke3: palette.neutralLighter,\n    colorNeutralStrokeOnBrand: palette.white,\n    colorNeutralStrokeOnBrand2: palette.white,\n    colorNeutralStrokeOnBrand2Hover: palette.white,\n    colorNeutralStrokeOnBrand2Pressed: palette.white,\n    colorNeutralStrokeOnBrand2Selected: palette.white,\n    colorBrandStroke1: palette.themePrimary,\n    colorBrandStroke2: palette.themeLight,\n    colorCompoundBrandStroke: palette.themePrimary,\n    colorCompoundBrandStrokeHover: palette.themeDarkAlt,\n    colorCompoundBrandStrokePressed: palette.themeDark,\n    colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,\n    colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n    colorTransparentStroke: 'transparent',\n    colorTransparentStrokeInteractive: 'transparent',\n    colorTransparentStrokeDisabled: 'transparent',\n    colorStrokeFocus1: palette.white,\n    colorStrokeFocus2: palette.black,\n    colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n    colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n    colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n    colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n    colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n    colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n    colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n    colorBrandShadowKey: 'rgba(0,0,0,0.25)',\n  };\n};\n\n/**\n * Creates v9 shadow tokens from v8 effects.\n */\nconst mapShadowTokens = (effects: IEffects): Partial<ShadowTokens> => {\n  return {\n    shadow4: effects.elevation4,\n    shadow8: effects.elevation8,\n    shadow16: effects.elevation16,\n    shadow64: effects.elevation64,\n  };\n};\n\n/**\n * Creates v9 border radius tokens from v8 effects\n */\nconst mapBorderRadiusTokens = (effects: IEffects): Partial<BorderRadiusTokens> => {\n  return {\n    borderRadiusSmall: effects.roundedCorner2,\n    borderRadiusMedium: effects.roundedCorner4,\n    borderRadiusLarge: effects.roundedCorner6,\n  };\n};\n\n/**\n * Creates a v9 theme from a v8 theme.\n * You can optional pass a base v9 theme; otherwise webLightTheme is used.\n */\nexport const createV9Theme = (themeV8: ThemeV8, baseThemeV9?: ThemeV9): ThemeV9 => {\n  const baseTheme = baseThemeV9 ?? webLightTheme;\n\n  return {\n    ...baseTheme,\n    ...mapAliasColors(themeV8.palette, themeV8.isInverted),\n    ...mapShadowTokens(themeV8.effects),\n    ...mapBorderRadiusTokens(themeV8.effects),\n  };\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js

@@ -0,0 +1,211 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.whiteAlpha = exports.white = exports.sharedColors = exports.hcHyperlink = exports.hcHighlightText = exports.hcHighlight = exports.hcDisabled = exports.hcCanvasText = exports.hcCanvas = exports.hcButtonText = exports.hcButtonFace = exports.grey14Alpha = exports.grey = exports.createV9Theme = exports.createV8Theme = exports.createBrandVariants = exports.brandWeb = exports.blackAlpha = exports.black = exports.StackShim = exports.StackItemShim = exports.shimMenuProps = exports.MenuItemShim = exports.ToggleButtonShim = exports.shimButtonProps = exports.PrimaryButtonShim = exports.MenuButtonShim = exports.DefaultButtonShim = exports.CompoundButtonShim = exports.CommandButtonShim = exports.ButtonShim = exports.ActionButtonShim = void 0;
+
+var index_1 = /*#__PURE__*/require("./components/Button/index");
+
+Object.defineProperty(exports, "ActionButtonShim", {
+  enumerable: true,
+  get: function () {
+    return index_1.ActionButtonShim;
+  }
+});
+Object.defineProperty(exports, "ButtonShim", {
+  enumerable: true,
+  get: function () {
+    return index_1.ButtonShim;
+  }
+});
+Object.defineProperty(exports, "CommandButtonShim", {
+  enumerable: true,
+  get: function () {
+    return index_1.CommandButtonShim;
+  }
+});
+Object.defineProperty(exports, "CompoundButtonShim", {
+  enumerable: true,
+  get: function () {
+    return index_1.CompoundButtonShim;
+  }
+});
+Object.defineProperty(exports, "DefaultButtonShim", {
+  enumerable: true,
+  get: function () {
+    return index_1.DefaultButtonShim;
+  }
+});
+Object.defineProperty(exports, "MenuButtonShim", {
+  enumerable: true,
+  get: function () {
+    return index_1.MenuButtonShim;
+  }
+});
+Object.defineProperty(exports, "PrimaryButtonShim", {
+  enumerable: true,
+  get: function () {
+    return index_1.PrimaryButtonShim;
+  }
+});
+Object.defineProperty(exports, "shimButtonProps", {
+  enumerable: true,
+  get: function () {
+    return index_1.shimButtonProps;
+  }
+});
+Object.defineProperty(exports, "ToggleButtonShim", {
+  enumerable: true,
+  get: function () {
+    return index_1.ToggleButtonShim;
+  }
+});
+
+var index_2 = /*#__PURE__*/require("./components/Menu/index");
+
+Object.defineProperty(exports, "MenuItemShim", {
+  enumerable: true,
+  get: function () {
+    return index_2.MenuItemShim;
+  }
+});
+Object.defineProperty(exports, "shimMenuProps", {
+  enumerable: true,
+  get: function () {
+    return index_2.shimMenuProps;
+  }
+});
+
+var index_3 = /*#__PURE__*/require("./components/Stack/index");
+
+Object.defineProperty(exports, "StackItemShim", {
+  enumerable: true,
+  get: function () {
+    return index_3.StackItemShim;
+  }
+});
+Object.defineProperty(exports, "StackShim", {
+  enumerable: true,
+  get: function () {
+    return index_3.StackShim;
+  }
+});
+
+var index_4 = /*#__PURE__*/require("./components/Theme/index");
+
+Object.defineProperty(exports, "black", {
+  enumerable: true,
+  get: function () {
+    return index_4.black;
+  }
+});
+Object.defineProperty(exports, "blackAlpha", {
+  enumerable: true,
+  get: function () {
+    return index_4.blackAlpha;
+  }
+});
+Object.defineProperty(exports, "brandWeb", {
+  enumerable: true,
+  get: function () {
+    return index_4.brandWeb;
+  }
+});
+Object.defineProperty(exports, "createBrandVariants", {
+  enumerable: true,
+  get: function () {
+    return index_4.createBrandVariants;
+  }
+});
+Object.defineProperty(exports, "createV8Theme", {
+  enumerable: true,
+  get: function () {
+    return index_4.createV8Theme;
+  }
+});
+Object.defineProperty(exports, "createV9Theme", {
+  enumerable: true,
+  get: function () {
+    return index_4.createV9Theme;
+  }
+});
+Object.defineProperty(exports, "grey", {
+  enumerable: true,
+  get: function () {
+    return index_4.grey;
+  }
+});
+Object.defineProperty(exports, "grey14Alpha", {
+  enumerable: true,
+  get: function () {
+    return index_4.grey14Alpha;
+  }
+});
+Object.defineProperty(exports, "hcButtonFace", {
+  enumerable: true,
+  get: function () {
+    return index_4.hcButtonFace;
+  }
+});
+Object.defineProperty(exports, "hcButtonText", {
+  enumerable: true,
+  get: function () {
+    return index_4.hcButtonText;
+  }
+});
+Object.defineProperty(exports, "hcCanvas", {
+  enumerable: true,
+  get: function () {
+    return index_4.hcCanvas;
+  }
+});
+Object.defineProperty(exports, "hcCanvasText", {
+  enumerable: true,
+  get: function () {
+    return index_4.hcCanvasText;
+  }
+});
+Object.defineProperty(exports, "hcDisabled", {
+  enumerable: true,
+  get: function () {
+    return index_4.hcDisabled;
+  }
+});
+Object.defineProperty(exports, "hcHighlight", {
+  enumerable: true,
+  get: function () {
+    return index_4.hcHighlight;
+  }
+});
+Object.defineProperty(exports, "hcHighlightText", {
+  enumerable: true,
+  get: function () {
+    return index_4.hcHighlightText;
+  }
+});
+Object.defineProperty(exports, "hcHyperlink", {
+  enumerable: true,
+  get: function () {
+    return index_4.hcHyperlink;
+  }
+});
+Object.defineProperty(exports, "sharedColors", {
+  enumerable: true,
+  get: function () {
+    return index_4.sharedColors;
+  }
+});
+Object.defineProperty(exports, "white", {
+  enumerable: true,
+  get: function () {
+    return index_4.white;
+  }
+});
+Object.defineProperty(exports, "whiteAlpha", {
+  enumerable: true,
+  get: function () {
+    return index_4.whiteAlpha;
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["export {\n  ActionButtonShim,\n  ButtonShim,\n  CommandButtonShim,\n  CompoundButtonShim,\n  DefaultButtonShim,\n  MenuButtonShim,\n  PrimaryButtonShim,\n  shimButtonProps,\n  ToggleButtonShim,\n} from './components/Button/index';\n\nexport { MenuItemShim, shimMenuProps } from './components/Menu/index';\n\nexport { StackItemShim, StackShim } from './components/Stack/index';\n\nexport {\n  black,\n  blackAlpha,\n  brandWeb,\n  createBrandVariants,\n  createV8Theme,\n  createV9Theme,\n  grey,\n  grey14Alpha,\n  hcButtonFace,\n  hcButtonText,\n  hcCanvas,\n  hcCanvasText,\n  hcDisabled,\n  hcHighlight,\n  hcHighlightText,\n  hcHyperlink,\n  sharedColors,\n  white,\n  whiteAlpha,\n} from './components/Theme/index';\n\nexport type {\n  AlphaColors,\n  ColorVariants,\n  GlobalSharedColors,\n  Greys,\n  TextAlignment,\n  TextAlignments,\n} from './components/Theme/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/stories/DefaultButtonShim/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const Description_md_1 = /*#__PURE__*/require("./Description.md");
+
+const react_1 = /*#__PURE__*/require("@fluentui/react");
+
+const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
+
+const index_1 = /*#__PURE__*/require("../../components/Button/index");
+
+const useStyles = /*#__PURE__*/react_components_1.__styles({
+  "root": {
+    "mc9l5x": "f13qh94s",
+    "Budl1dq": "f1svr4aa",
+    "wkccdc": "f1u7ey36",
+    "a9b677": "f1acs6jw",
+    "Bmliigx": "fxe27oy",
+    "Bt984gj": "f122n59",
+    "B7hvi0a": "f1oiokrs",
+    "i8kkvl": "f18w1nra",
+    "Belr9w4": "fd7ph1c"
+  },
+  "componentName": {
+    "Bdqf98w": "f1a7i8kp",
+    "B6of3ja": "f1hu3pq6",
+    "t21cq0": ["f1pxv85q", "f1oou7ox"],
+    "jrapky": "f19f4twv",
+    "Frg6f3": ["f1tyq0we", "f11qmguv"]
+  }
+}, {
+  "d": [".f13qh94s{display:grid;}", ".f1svr4aa{grid-template-columns:auto auto auto;}", ".f1u7ey36{grid-template-rows:1fr;}", ".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}", ".fxe27oy{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1oiokrs{justify-items:center;}", ".f18w1nra{-webkit-column-gap:10px;column-gap:10px;}", ".fd7ph1c{row-gap:10px;}", ".f1a7i8kp{justify-self:end;}", ".f1hu3pq6{margin-top:0;}", ".f1pxv85q{margin-right:10px;}", ".f1oou7ox{margin-left:10px;}", ".f19f4twv{margin-bottom:0;}", ".f1tyq0we{margin-left:0;}", ".f11qmguv{margin-right:0;}"]
+});
+
+const Default = () => {
+  const styles = useStyles();
+  return React.createElement("div", {
+    className: styles.root
+  }, React.createElement("h3", null, "v8"), React.createElement("h3", null, "DefaultButtonShim"), React.createElement("h3", null, "v9"), React.createElement(react_1.DefaultButton, null, "Default"), React.createElement(react_components_1.FluentProvider, {
+    theme: react_components_1.webLightTheme
+  }, React.createElement(index_1.DefaultButtonShim, null, "Default")), React.createElement(react_components_1.FluentProvider, {
+    theme: react_components_1.webLightTheme
+  }, React.createElement(react_components_1.Button, null, "Default")));
+};
+
+exports.Default = Default;
+exports.default = {
+  title: 'Migration Shims/Button/DefaultButtonShim',
+  component: index_1.DefaultButtonShim,
+  parameters: {
+    docs: {
+      description: {
+        component: /*#__PURE__*/[Description_md_1.default].join('\n')
+      }
+    }
+  }
+};
+//# sourceMappingURL=index.js.map

package/lib-commonjs/stories/DefaultButtonShim/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["stories/DefaultButtonShim/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;;AAEA,MAAM,SAAS,gBAAG,kBAAA,SAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;;AAkBO,MAAM,OAAO,GAAG,MAAK;EAC1B,MAAM,MAAM,GAAG,SAAS,EAAxB;EAEA,OACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAE,MAAM,CAAC;EAAvB,CAAA,EACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CADF,EAEE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAA,mBAAA,CAFF,EAGE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAA,IAAA,CAHF,EAIE,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,aAAD,EAAc,IAAd,EAAc,SAAd,CAJF,EAKE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,cAAD,EAAe;IAAC,KAAK,EAAE,kBAAA,CAAA;EAAR,CAAf,EACE,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,iBAAD,EAAkB,IAAlB,EAAkB,SAAlB,CADF,CALF,EAQE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,cAAD,EAAe;IAAC,KAAK,EAAE,kBAAA,CAAA;EAAR,CAAf,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,MAAD,EAAO,IAAP,EAAO,SAAP,CADF,CARF,CADF;AAcD,CAjBM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP;AAmBb,OAAA,CAAA,OAAA,GAAe;EACb,KAAK,EAAE,0CADM;EAEb,SAAS,EAAE,OAAA,CAAA,iBAFE;EAGb,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,WAAW,EAAE;QACX,SAAS,eAAE,CAAC,gBAAA,CAAA,OAAD,EAAgB,IAAhB,CAAqB,IAArB;MADA;IADT;EADI;AAHC,CAAf","sourcesContent":["import * as React from 'react';\n\nimport descriptionMd from './Description.md';\n\nimport { DefaultButton } from '@fluentui/react';\nimport { FluentProvider, Button, webLightTheme, makeStyles, shorthands } from '@fluentui/react-components';\nimport { DefaultButtonShim } from '../../components/Button/index';\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'grid',\n    gridTemplateColumns: 'auto auto auto',\n    gridTemplateRows: '1fr',\n    width: 'fit-content',\n    alignContent: 'center',\n    alignItems: 'center',\n    justifyItems: 'center',\n    columnGap: '10px',\n    rowGap: '10px',\n  },\n  componentName: {\n    justifySelf: 'end',\n    ...shorthands.margin(0, '10px', 0, 0),\n  },\n});\n\nexport const Default = () => {\n  const styles = useStyles();\n\n  return (\n    <div className={styles.root}>\n      <h3>v8</h3>\n      <h3>DefaultButtonShim</h3>\n      <h3>v9</h3>\n      <DefaultButton>Default</DefaultButton>\n      <FluentProvider theme={webLightTheme}>\n        <DefaultButtonShim>Default</DefaultButtonShim>\n      </FluentProvider>\n      <FluentProvider theme={webLightTheme}>\n        <Button>Default</Button>\n      </FluentProvider>\n    </div>\n  );\n};\n\nexport default {\n  title: 'Migration Shims/Button/DefaultButtonShim',\n  component: DefaultButtonShim,\n  parameters: {\n    docs: {\n      description: {\n        component: [descriptionMd].join('\\n'),\n      },\n    },\n  },\n};\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v8-v9",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@ctrl/tinycolor": "3.3.4",
-    "@fluentui/react": "^8.99.0",
+    "@fluentui/react": "^8.99.1",
     "@fluentui/react-components": "^9.6.1",
     "@fluentui/react-theme": "^9.1.1",
     "@fluentui/react-utilities": "^9.1.2",