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

package/lib/components/Theme/v9ThemeShim.js

@@ -0,0 +1,195 @@
+import { webLightTheme } from '@fluentui/react-components';
+import { blackAlpha, whiteAlpha, grey } from './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: 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: grey[20],
+    colorNeutralBackgroundInverted: palette.neutralSecondary,
+    colorSubtleBackground: 'transparent',
+    colorSubtleBackgroundHover: palette.neutralLighter,
+    colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,
+    colorSubtleBackgroundSelected: palette.neutralLight,
+    colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],
+    colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],
+    colorSubtleBackgroundLightAlphaSelected: 'transparent',
+    colorSubtleBackgroundInverted: 'transparent',
+    colorSubtleBackgroundInvertedHover: blackAlpha[10],
+    colorSubtleBackgroundInvertedPressed: blackAlpha[30],
+    colorSubtleBackgroundInvertedSelected: blackAlpha[20],
+    colorTransparentBackground: 'transparent',
+    colorTransparentBackgroundHover: 'transparent',
+    colorTransparentBackgroundPressed: 'transparent',
+    colorTransparentBackgroundSelected: 'transparent',
+    colorNeutralBackgroundDisabled: palette.neutralLighter,
+    colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],
+    colorNeutralStencil1: palette.neutralLight,
+    colorNeutralStencil2: palette.neutralLighterAlt,
+    colorBackgroundOverlay: blackAlpha[10],
+    colorScrollbarOverlay: 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: 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.
+ */
+
+
+export const createV9Theme = (themeV8, baseThemeV9) => {
+  const baseTheme = baseThemeV9 !== null && baseThemeV9 !== void 0 ? baseThemeV9 : webLightTheme;
+  return { ...baseTheme,
+    ...mapAliasColors(themeV8.palette, themeV8.isInverted),
+    ...mapShadowTokens(themeV8.effects),
+    ...mapBorderRadiusTokens(themeV8.effects)
+  };
+};
+//# sourceMappingURL=v9ThemeShim.js.map

package/lib/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/index.js

@@ -0,0 +1,5 @@
+export { ActionButtonShim, ButtonShim, CommandButtonShim, CompoundButtonShim, DefaultButtonShim, MenuButtonShim, PrimaryButtonShim, shimButtonProps, ToggleButtonShim } from './components/Button/index';
+export { MenuItemShim, shimMenuProps } from './components/Menu/index';
+export { StackItemShim, StackShim } from './components/Stack/index';
+export { black, blackAlpha, brandWeb, createBrandVariants, createV8Theme, createV9Theme, grey, grey14Alpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, whiteAlpha } from './components/Theme/index';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,SACE,gBADF,EAEE,UAFF,EAGE,iBAHF,EAIE,kBAJF,EAKE,iBALF,EAME,cANF,EAOE,iBAPF,EAQE,eARF,EASE,gBATF,QAUO,2BAVP;AAYA,SAAS,YAAT,EAAuB,aAAvB,QAA4C,yBAA5C;AAEA,SAAS,aAAT,EAAwB,SAAxB,QAAyC,0BAAzC;AAEA,SACE,KADF,EAEE,UAFF,EAGE,QAHF,EAIE,mBAJF,EAKE,aALF,EAME,aANF,EAOE,IAPF,EAQE,WARF,EASE,YATF,EAUE,YAVF,EAWE,QAXF,EAYE,YAZF,EAaE,UAbF,EAcE,WAdF,EAeE,eAfF,EAgBE,WAhBF,EAiBE,YAjBF,EAkBE,KAlBF,EAmBE,UAnBF,QAoBO,0BApBP","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/stories/DefaultButtonShim/index.js

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import descriptionMd from './Description.md';
+import { DefaultButton } from '@fluentui/react';
+import { FluentProvider, Button, webLightTheme, __styles, shorthands } from '@fluentui/react-components';
+import { DefaultButtonShim } from '../../components/Button/index';
+
+const useStyles = /*#__PURE__*/__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;}"]
+});
+
+export const Default = () => {
+  const styles = useStyles();
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.root
+  }, /*#__PURE__*/React.createElement("h3", null, "v8"), /*#__PURE__*/React.createElement("h3", null, "DefaultButtonShim"), /*#__PURE__*/React.createElement("h3", null, "v9"), /*#__PURE__*/React.createElement(DefaultButton, null, "Default"), /*#__PURE__*/React.createElement(FluentProvider, {
+    theme: webLightTheme
+  }, /*#__PURE__*/React.createElement(DefaultButtonShim, null, "Default")), /*#__PURE__*/React.createElement(FluentProvider, {
+    theme: webLightTheme
+  }, /*#__PURE__*/React.createElement(Button, null, "Default")));
+};
+export default {
+  title: 'Migration Shims/Button/DefaultButtonShim',
+  component: DefaultButtonShim,
+  parameters: {
+    docs: {
+      description: {
+        component: /*#__PURE__*/[descriptionMd].join('\n')
+      }
+    }
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["stories/DefaultButtonShim/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,OAAO,aAAP,MAA0B,kBAA1B;AAEA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,cAAT,EAAyB,MAAzB,EAAiC,aAAjC,YAA4D,UAA5D,QAA8E,4BAA9E;AACA,SAAS,iBAAT,QAAkC,+BAAlC;;AAEA,MAAM,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;;AAkBA,OAAO,MAAM,OAAO,GAAG,MAAK;EAC1B,MAAM,MAAM,GAAG,SAAS,EAAxB;EAEA,oBACE,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,aAAD,EAAc,IAAd,EAAc,SAAd,CAJF,eAKE,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe;IAAC,KAAK,EAAE;EAAR,CAAf,eACE,KAAA,CAAA,aAAA,CAAC,iBAAD,EAAkB,IAAlB,EAAkB,SAAlB,CADF,CALF,eAQE,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe;IAAC,KAAK,EAAE;EAAR,CAAf,eACE,KAAA,CAAA,aAAA,CAAC,MAAD,EAAO,IAAP,EAAO,SAAP,CADF,CARF,CADF;AAcD,CAjBM;AAmBP,eAAe;EACb,KAAK,EAAE,0CADM;EAEb,SAAS,EAAE,iBAFE;EAGb,UAAU,EAAE;IACV,IAAI,EAAE;MACJ,WAAW,EAAE;QACX,SAAS,eAAE,CAAC,aAAD,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/lib-amd/components/Button/ActionButtonShim.js

@@ -0,0 +1,14 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-components", "./shimButtonProps"], function (require, exports, tslib_1, React, react_components_1, shimButtonProps_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ActionButtonShim = void 0;
+    /**
+     * Shims a v8 ActionButton to render a v9 Button
+     */
+    exports.ActionButtonShim = React.forwardRef(function (props, _ref) {
+        var variantProps = tslib_1.__assign(tslib_1.__assign({}, props), { variantClassName: 'ms-Button--action ms-Button--command' });
+        var shimProps = shimButtonProps_1.shimButtonProps(variantProps);
+        return React.createElement(react_components_1.Button, tslib_1.__assign({}, props, shimProps, { appearance: "transparent" }));
+    });
+});
+//# sourceMappingURL=ActionButtonShim.js.map

package/lib-amd/components/Button/ActionButtonShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtonShim.js","sourceRoot":"../src/","sources":["components/Button/ActionButtonShim.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,gBAAgB,GAEzB,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,IAAI;QAC/B,IAAM,YAAY,yCACb,KAAK,KACR,gBAAgB,EAAE,sCAAsC,GACzD,CAAC;QAEF,IAAM,SAAS,GAAG,iCAAe,CAAC,YAAY,CAAC,CAAC;QAEhD,OAAO,oBAAC,yBAAM,uBAAM,KAAgD,EAAM,SAAS,IAAE,UAAU,EAAC,aAAa,IAAG,CAAC;IACnH,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: 'ms-Button--action ms-Button--command',\n  };\n\n  const shimProps = shimButtonProps(variantProps);\n\n  return <Button {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"]}

package/lib-amd/components/Button/ButtonShim.js

@@ -0,0 +1,17 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-components", "./shimButtonProps", "./ToggleButtonShim", "./CompoundButtonShim"], function (require, exports, tslib_1, React, react_components_1, shimButtonProps_1, ToggleButtonShim_1, CompoundButtonShim_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ButtonShim = void 0;
+    exports.ButtonShim = React.forwardRef(function (props, _ref) {
+        var _a;
+        var shimProps = shimButtonProps_1.shimButtonProps(props);
+        if (props.toggle) {
+            return React.createElement(ToggleButtonShim_1.ToggleButtonShim, tslib_1.__assign({}, props), props.children);
+        }
+        if (props.secondaryText || ((_a = props.onRenderDescription) === null || _a === void 0 ? void 0 : _a.call(props, props))) {
+            return React.createElement(CompoundButtonShim_1.CompoundButtonShim, tslib_1.__assign({}, props));
+        }
+        return React.createElement(react_components_1.Button, tslib_1.__assign({}, props, shimProps));
+    });
+});
+//# sourceMappingURL=ButtonShim.js.map

package/lib-amd/components/Button/ButtonShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonShim.js","sourceRoot":"../src/","sources":["components/Button/ButtonShim.tsx"],"names":[],"mappings":";;;;IAUa,QAAA,UAAU,GAEnB,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,IAAI;;QAC/B,IAAM,SAAS,GAAG,iCAAe,CAAC,KAAK,CAAC,CAAC;QAEzC,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,OAAO,oBAAC,mCAAgB,uBAAK,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAoB,CAAC;SACzE;QACD,IAAI,KAAK,CAAC,aAAa,KAAI,MAAA,KAAK,CAAC,mBAAmB,+CAAzB,KAAK,EAAuB,KAAK,CAAC,CAAA,EAAE;YAC7D,OAAO,oBAAC,uCAAkB,uBAAK,KAAK,EAAI,CAAC;SAC1C;QAED,OAAO,oBAAC,yBAAM,uBAAM,KAAgD,EAAM,SAAS,EAAI,CAAC;IAC1F,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n  IBaseButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const shimProps = shimButtonProps(props);\n\n  if (props.toggle) {\n    return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n  }\n  if (props.secondaryText || props.onRenderDescription?.(props)) {\n    return <CompoundButtonShim {...props} />;\n  }\n\n  return <Button {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}

package/lib-amd/components/Button/CommandButtonShim.js

@@ -0,0 +1,7 @@
+define(["require", "exports", "./ActionButtonShim"], function (require, exports, ActionButtonShim_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.CommandButtonShim = void 0;
+    Object.defineProperty(exports, "CommandButtonShim", { enumerable: true, get: function () { return ActionButtonShim_1.ActionButtonShim; } });
+});
+//# sourceMappingURL=CommandButtonShim.js.map

package/lib-amd/components/Button/CommandButtonShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandButtonShim.js","sourceRoot":"../src/","sources":["components/Button/CommandButtonShim.tsx"],"names":[],"mappings":";;;;IAGS,qHAAA,gBAAgB,OAAqB","sourcesContent":["/**\n * Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"]}

package/lib-amd/components/Button/CompoundButtonShim.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-components", "./shimButtonProps"], function (require, exports, tslib_1, React, react_components_1, shimButtonProps_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.CompoundButtonShim = void 0;
+    /**
+     * Shims v8 CompoundButton to render a v9 CompoundButton
+     */
+    exports.CompoundButtonShim = React.forwardRef(function (props, _ref) {
+        var _a;
+        var variantProps = tslib_1.__assign(tslib_1.__assign({}, props), { variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound' });
+        var shimProps = tslib_1.__assign(tslib_1.__assign({}, shimButtonProps_1.shimButtonProps(variantProps)), { secondaryContent: props.secondaryText || ((_a = props.onRenderDescription) === null || _a === void 0 ? void 0 : _a.call(props, props)) });
+        return React.createElement(react_components_1.CompoundButton, tslib_1.__assign({}, props, shimProps));
+    });
+});
+//# sourceMappingURL=CompoundButtonShim.js.map

package/lib-amd/components/Button/CompoundButtonShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButtonShim.js","sourceRoot":"../src/","sources":["components/Button/CompoundButtonShim.tsx"],"names":[],"mappings":";;;;IASA;;OAEG;IACU,QAAA,kBAAkB,GAE3B,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,IAAI;;QAC/B,IAAM,YAAY,yCACb,KAAK,KACR,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAAqB,GACvF,CAAC;QAEF,IAAM,SAAS,yCACV,iCAAe,CAAC,YAAY,CAAC,KAChC,gBAAgB,EAAE,KAAK,CAAC,aAAa,KAAI,MAAA,KAAK,CAAC,mBAAmB,+CAAzB,KAAK,EAAuB,KAAK,CAAC,CAAA,GAC5E,CAAC;QAEF,OAAO,oBAAC,iCAAc,uBAAM,KAAgD,EAAM,SAAS,EAAI,CAAC;IAClG,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: CompoundButtonProps = {\n    ...shimButtonProps(variantProps),\n    secondaryContent: props.secondaryText || props.onRenderDescription?.(props),\n  };\n\n  return <CompoundButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}

package/lib-amd/components/Button/DefaultButtonShim.js

@@ -0,0 +1,12 @@
+define(["require", "exports", "tslib", "react", "./ButtonShim"], function (require, exports, tslib_1, React, ButtonShim_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DefaultButtonShim = void 0;
+    /**
+     * Shims a v8 DefaultButton to render a v9 Button
+     */
+    exports.DefaultButtonShim = React.forwardRef(function (props, _ref) {
+        return React.createElement(ButtonShim_1.ButtonShim, tslib_1.__assign({}, props, { variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default' }));
+    });
+});
+//# sourceMappingURL=DefaultButtonShim.js.map

package/lib-amd/components/Button/DefaultButtonShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultButtonShim.js","sourceRoot":"../src/","sources":["components/Button/DefaultButtonShim.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACU,QAAA,iBAAiB,GAE1B,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,IAAI;QAC/B,OAAO,oBAAC,uBAAU,uBAAK,KAAK,IAAE,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,IAAI,CAAC;IAClH,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"]}

package/lib-amd/components/Button/MenuButtonShim.js

@@ -0,0 +1,20 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-components", "../Menu/index", "./shimButtonProps"], function (require, exports, tslib_1, React, react_components_1, index_1, shimButtonProps_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MenuButtonShim = void 0;
+    exports.MenuButtonShim = React.forwardRef(function (props, _ref) {
+        var _a;
+        var variantProps = tslib_1.__assign(tslib_1.__assign({}, props), { variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default' });
+        var shimProps = tslib_1.__assign({}, shimButtonProps_1.shimButtonProps(variantProps));
+        var shimmedMenuProps = props.menuProps ? index_1.shimMenuProps(props.menuProps) : {};
+        return (React.createElement(react_components_1.Menu, tslib_1.__assign({}, shimmedMenuProps),
+            React.createElement(react_components_1.MenuTrigger, null,
+                React.createElement(react_components_1.MenuButton, tslib_1.__assign({}, shimProps))),
+            React.createElement(react_components_1.MenuPopover, null,
+                React.createElement(react_components_1.MenuList, null, (_a = props.menuProps) === null || _a === void 0 ? void 0 : _a.items.map(function (item) { return (
+                // key is added through item spread
+                // eslint-disable-next-line react/jsx-key
+                React.createElement(index_1.MenuItemShim, tslib_1.__assign({}, item))); })))));
+    });
+});
+//# sourceMappingURL=MenuButtonShim.js.map

package/lib-amd/components/Button/MenuButtonShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonShim.js","sourceRoot":"../src/","sources":["components/Button/MenuButtonShim.tsx"],"names":[],"mappings":";;;;IASa,QAAA,cAAc,GAEvB,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,IAAI;;QAC/B,IAAM,YAAY,yCACb,KAAK,KACR,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,GAC9E,CAAC;QAEF,IAAM,SAAS,wBACV,iCAAe,CAAC,YAAY,CAAC,CACjC,CAAC;QAEF,IAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE/E,OAAO,CACL,oBAAC,uBAAI,uBAAK,gBAAgB;YACxB,oBAAC,8BAAW;gBACV,oBAAC,6BAAU,uBAAK,SAAS,EAAI,CACjB;YACd,oBAAC,8BAAW;gBACV,oBAAC,2BAAQ,QACN,MAAA,KAAK,CAAC,SAAS,0CAAE,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA;gBAClC,mCAAmC;gBACnC,yCAAyC;gBACzC,oBAAC,oBAAY,uBAAK,IAAI,EAAI,CAC3B,EAJmC,CAInC,CAAC,CACO,CACC,CACT,CACR,CAAC;IACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n  };\n\n  const shimProps: MenuButtonProps = {\n    ...shimButtonProps(variantProps),\n  };\n\n  const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n  return (\n    <Menu {...shimmedMenuProps}>\n      <MenuTrigger>\n        <MenuButton {...shimProps} />\n      </MenuTrigger>\n      <MenuPopover>\n        <MenuList>\n          {props.menuProps?.items.map(item => (\n            // key is added through item spread\n            // eslint-disable-next-line react/jsx-key\n            <MenuItemShim {...item} />\n          ))}\n        </MenuList>\n      </MenuPopover>\n    </Menu>\n  );\n});\n"]}

package/lib-amd/components/Button/PrimaryButtonShim.js

@@ -0,0 +1,12 @@
+define(["require", "exports", "tslib", "react", "./ButtonShim"], function (require, exports, tslib_1, React, ButtonShim_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.PrimaryButtonShim = void 0;
+    /**
+     * Shims v8 PrimaryButton to render a v9 Button
+     */
+    exports.PrimaryButtonShim = React.forwardRef(function (props, _ref) {
+        return React.createElement(ButtonShim_1.ButtonShim, tslib_1.__assign({}, props, { primary: true, variantClassName: "ms-Button--primary" }));
+    });
+});
+//# sourceMappingURL=PrimaryButtonShim.js.map

package/lib-amd/components/Button/PrimaryButtonShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryButtonShim.js","sourceRoot":"../src/","sources":["components/Button/PrimaryButtonShim.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACU,QAAA,iBAAiB,GAE1B,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,IAAI;QAC/B,OAAO,oBAAC,uBAAU,uBAAK,KAAK,IAAE,OAAO,QAAC,gBAAgB,EAAC,oBAAoB,IAAG,CAAC;IACjF,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"]}

package/lib-amd/components/Button/ToggleButtonShim.js

@@ -0,0 +1,14 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-components", "./shimButtonProps"], function (require, exports, tslib_1, React, react_components_1, shimButtonProps_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ToggleButtonShim = void 0;
+    /**
+     * Shims v8 ToggleButton to render a v9 ToggleButton
+     */
+    exports.ToggleButtonShim = React.forwardRef(function (props, _ref) {
+        var variantProps = tslib_1.__assign(tslib_1.__assign({}, props), { variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound' });
+        var shimProps = tslib_1.__assign(tslib_1.__assign({}, shimButtonProps_1.shimButtonProps(variantProps)), { checked: props.checked, defaultChecked: props.defaultChecked });
+        return React.createElement(react_components_1.ToggleButton, tslib_1.__assign({}, props, shimProps));
+    });
+});
+//# sourceMappingURL=ToggleButtonShim.js.map

package/lib-amd/components/Button/ToggleButtonShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonShim.js","sourceRoot":"../src/","sources":["components/Button/ToggleButtonShim.tsx"],"names":[],"mappings":";;;;IASA;;OAEG;IACU,QAAA,gBAAgB,GAEzB,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,IAAI;QAC/B,IAAM,YAAY,yCACb,KAAK,KACR,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,qBAAqB,GACvF,CAAC;QAEF,IAAM,SAAS,yCACV,iCAAe,CAAC,YAAY,CAAC,KAChC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,cAAc,EAAE,KAAK,CAAC,cAAc,GACrC,CAAC;QAEF,OAAO,oBAAC,+BAAY,uBAAM,KAAgD,EAAM,SAAS,EAAI,CAAC;IAChG,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: ToggleButtonProps = {\n    ...shimButtonProps(variantProps),\n    checked: props.checked,\n    defaultChecked: props.defaultChecked,\n  };\n\n  return <ToggleButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}

package/lib-amd/components/Button/index.js

@@ -0,0 +1,14 @@
+define(["require", "exports", "tslib", "./ActionButtonShim", "./ButtonShim", "./CommandButtonShim", "./CompoundButtonShim", "./DefaultButtonShim", "./MenuButtonShim", "./PrimaryButtonShim", "./shimButtonProps", "./ToggleButtonShim"], function (require, exports, tslib_1, ActionButtonShim_1, ButtonShim_1, CommandButtonShim_1, CompoundButtonShim_1, DefaultButtonShim_1, MenuButtonShim_1, PrimaryButtonShim_1, shimButtonProps_1, ToggleButtonShim_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(ActionButtonShim_1, exports);
+    tslib_1.__exportStar(ButtonShim_1, exports);
+    tslib_1.__exportStar(CommandButtonShim_1, exports);
+    tslib_1.__exportStar(CompoundButtonShim_1, exports);
+    tslib_1.__exportStar(DefaultButtonShim_1, exports);
+    tslib_1.__exportStar(MenuButtonShim_1, exports);
+    tslib_1.__exportStar(PrimaryButtonShim_1, exports);
+    tslib_1.__exportStar(shimButtonProps_1, exports);
+    tslib_1.__exportStar(ToggleButtonShim_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Button/index.ts"],"names":[],"mappings":";;;IAAA,kDAAmC;IACnC,4CAA6B;IAC7B,mDAAoC;IACpC,oDAAqC;IACrC,mDAAoC;IACpC,gDAAiC;IACjC,mDAAoC;IACpC,iDAAkC;IAClC,kDAAmC","sourcesContent":["export * from './ActionButtonShim';\nexport * from './ButtonShim';\nexport * from './CommandButtonShim';\nexport * from './CompoundButtonShim';\nexport * from './DefaultButtonShim';\nexport * from './MenuButtonShim';\nexport * from './PrimaryButtonShim';\nexport * from './shimButtonProps';\nexport * from './ToggleButtonShim';\n"]}

package/lib-amd/components/Button/shimButtonProps.js

@@ -0,0 +1,19 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react"], function (require, exports, tslib_1, React, react_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.shimButtonProps = void 0;
+    var shimButtonProps = function (props) {
+        var _a;
+        //TODO: Icon shim. This still renders the v8 icon.
+        var icon = props.onRenderIcon ? (props.onRenderIcon(props)) : props.iconProps ? (React.createElement(react_1.Icon, tslib_1.__assign({}, props.iconProps))) : undefined;
+        var variantClassName = ((_a = props.variantClassName) !== null && _a !== void 0 ? _a : props.primary) ? 'ms-Button--primary' : 'ms-Button--default';
+        var className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');
+        return tslib_1.__assign(tslib_1.__assign({}, props), { appearance: props.primary ? 'primary' : undefined, className: className, disabled: props.disabled, disabledFocusable: props.allowDisabledFocus, 'aria-hidden': props.ariaHidden, 'aria-label': props.ariaLabel, icon: icon, key: props.key || props.uniqueId, children: props.onRenderChildren
+                ? props.onRenderChildren(props)
+                : props.onRenderText
+                    ? props.onRenderText(props)
+                    : props.text || props.children });
+    };
+    exports.shimButtonProps = shimButtonProps;
+});
+//# sourceMappingURL=shimButtonProps.js.map

package/lib-amd/components/Button/shimButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shimButtonProps.js","sourceRoot":"../src/","sources":["components/Button/shimButtonProps.tsx"],"names":[],"mappings":";;;;IAOO,IAAM,eAAe,GAAG,UAAC,KAAgE;;QAC9F,kDAAkD;QAClD,IAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAChC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAC1B,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACpB,oBAAC,YAAI,uBAAK,KAAK,CAAC,SAAS,EAAI,CAC9B,CAAC,CAAC,CAAC,SAAS,CAAC;QAEd,IAAM,gBAAgB,GAAG,CAAA,MAAA,KAAK,CAAC,gBAAgB,mCAAI,KAAK,CAAC,OAAO,EAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC;QAC/G,IAAM,SAAS,GAAG,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAErG,OAAO,sCAEF,KAAK,KACR,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,WAAA,EACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,KAAK,CAAC,kBAAkB,EAC3C,aAAa,EAAE,KAAK,CAAC,UAAU,EAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,EAC7B,IAAI,MAAA,EACJ,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,QAAQ,EAChC,QAAQ,EAAE,KAAK,CAAC,gBAAgB;gBAC9B,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC;gBAC/B,CAAC,CAAC,KAAK,CAAC,YAAY;oBACpB,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;oBAC3B,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,QAAQ,GAClB,CAAC;IACnB,CAAC,CAAC;IA5BW,QAAA,eAAe,mBA4B1B","sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (props: IBaseButtonProps & React.RefAttributes<HTMLButtonElement>): ButtonProps => {\n  //TODO: Icon shim. This still renders the v8 icon.\n  const icon = props.onRenderIcon ? (\n    props.onRenderIcon(props)\n  ) : props.iconProps ? (\n    <Icon {...props.iconProps} />\n  ) : undefined;\n\n  const variantClassName = props.variantClassName ?? props.primary ? 'ms-Button--primary' : 'ms-Button--default';\n  const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');\n\n  return {\n    // spread incoming props to propagate HTML properties not part of IBaseButtonProps\n    ...props,\n    appearance: props.primary ? 'primary' : undefined,\n    className,\n    disabled: props.disabled,\n    disabledFocusable: props.allowDisabledFocus,\n    'aria-hidden': props.ariaHidden,\n    'aria-label': props.ariaLabel,\n    icon,\n    key: props.key || props.uniqueId,\n    children: props.onRenderChildren\n      ? props.onRenderChildren(props)\n      : props.onRenderText\n      ? props.onRenderText(props)\n      : props.text || props.children,\n  } as ButtonProps;\n};\n"]}

package/lib-amd/components/Menu/MenuShim.js

@@ -0,0 +1,42 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react", "@fluentui/react-components", "./shimMenuProps"], function (require, exports, tslib_1, React, react_1, react_components_1, shimMenuProps_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MenuItemShim = void 0;
+    var MenuItemShim = function (props) {
+        var _a, _b;
+        if (props.itemType === react_1.ContextualMenuItemType.Divider) {
+            var shimProps_1 = shimMenuProps_1.shimMenuItemProps(props);
+            return React.createElement(react_components_1.MenuDivider, tslib_1.__assign({}, shimProps_1));
+        }
+        if (props.itemType === react_1.ContextualMenuItemType.Section) {
+            var shimProps_2 = shimMenuProps_1.shimMenuHeaderProps(props);
+            return (React.createElement(react_components_1.MenuGroup, null,
+                React.createElement(react_components_1.MenuGroupHeader, null, shimProps_2.children), (_a = props.subMenuProps) === null || _a === void 0 ? void 0 :
+                _a.items.map(function (item) { return (
+                // key is added through item spread
+                // eslint-disable-next-line react/jsx-key
+                React.createElement(exports.MenuItemShim, tslib_1.__assign({}, item))); })));
+        }
+        if (props.canCheck) {
+            var shimProps_3 = shimMenuProps_1.shimMenuItemCheckboxProps(props);
+            return React.createElement(react_components_1.MenuItemCheckbox, tslib_1.__assign({}, shimProps_3));
+        }
+        // Nested Menu to handle submenus
+        if (((_b = props.subMenuProps) === null || _b === void 0 ? void 0 : _b.items) && props.subMenuProps.items.length > 0) {
+            var shimmedMenuProps = shimMenuProps_1.shimMenuProps(props.subMenuProps);
+            var shimmedItemProps = shimMenuProps_1.shimMenuItemProps(props);
+            return (React.createElement(react_components_1.Menu, tslib_1.__assign({}, shimmedMenuProps),
+                React.createElement(react_components_1.MenuTrigger, null,
+                    React.createElement(react_components_1.MenuItem, tslib_1.__assign({}, shimmedItemProps, { hasSubmenu: true }))),
+                React.createElement(react_components_1.MenuPopover, null,
+                    React.createElement(react_components_1.MenuList, null, props.subMenuProps.items.map(function (item) { return (
+                    // key is added through item spread
+                    // eslint-disable-next-line react/jsx-key
+                    React.createElement(exports.MenuItemShim, tslib_1.__assign({}, item))); })))));
+        }
+        var shimProps = shimMenuProps_1.shimMenuItemProps(props);
+        return React.createElement(react_components_1.MenuItem, tslib_1.__assign({}, shimProps));
+    };
+    exports.MenuItemShim = MenuItemShim;
+});
+//# sourceMappingURL=MenuShim.js.map

package/lib-amd/components/Menu/MenuShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuShim.js","sourceRoot":"../src/","sources":["components/Menu/MenuShim.tsx"],"names":[],"mappings":";;;;IAmBO,IAAM,YAAY,GAAG,UAAC,KAA0B;;QACrD,IAAI,KAAK,CAAC,QAAQ,KAAK,8BAAsB,CAAC,OAAO,EAAE;YACrD,IAAM,WAAS,GAAG,iCAAiB,CAAC,KAAK,CAAC,CAAC;YAC3C,OAAO,oBAAC,8BAAW,uBAAM,WAA8B,EAAI,CAAC;SAC7D;QAED,IAAI,KAAK,CAAC,QAAQ,KAAK,8BAAsB,CAAC,OAAO,EAAE;YACrD,IAAM,WAAS,GAAG,mCAAmB,CAAC,KAAK,CAAC,CAAC;YAC7C,OAAO,CACL,oBAAC,4BAAS;gBACR,oBAAC,kCAAe,QAAE,WAAS,CAAC,QAAQ,CAAmB,EAEtD,MAAA,KAAK,CAAC,YAAY;mBAAE,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA;gBACrC,mCAAmC;gBACnC,yCAAyC;gBACzC,oBAAC,oBAAY,uBAAK,IAAI,EAAI,CAC3B,EAJsC,CAItC,CAAC,CACQ,CACb,CAAC;SACH;QAED,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,IAAM,WAAS,GAAG,yCAAyB,CAAC,KAAK,CAAC,CAAC;YACnD,OAAO,oBAAC,mCAAgB,uBAAK,WAAS,EAAI,CAAC;SAC5C;QAED,iCAAiC;QACjC,IAAI,CAAA,MAAA,KAAK,CAAC,YAAY,0CAAE,KAAK,KAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACpE,IAAM,gBAAgB,GAAG,6BAAa,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;YAC3D,IAAM,gBAAgB,GAAG,iCAAiB,CAAC,KAAK,CAAC,CAAC;YAElD,OAAO,CACL,oBAAC,uBAAI,uBAAK,gBAAgB;gBACxB,oBAAC,8BAAW;oBACV,oBAAC,2BAAQ,uBAAK,gBAAgB,IAAE,UAAU,UAAG,CACjC;gBACd,oBAAC,8BAAW;oBACV,oBAAC,2BAAQ,QACN,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA;oBACpC,mCAAmC;oBACnC,yCAAyC;oBACzC,oBAAC,oBAAY,uBAAK,IAAI,EAAI,CAC3B,EAJqC,CAIrC,CAAC,CACO,CACC,CACT,CACR,CAAC;SACH;QAED,IAAM,SAAS,GAAG,iCAAiB,CAAC,KAAK,CAAC,CAAC;QAC3C,OAAO,oBAAC,2BAAQ,uBAAK,SAAS,EAAI,CAAC;IACrC,CAAC,CAAC;IAnDW,QAAA,YAAY,gBAmDvB","sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n  MenuItem,\n  MenuDivider,\n  MenuGroup,\n  MenuGroupHeader,\n  MenuTrigger,\n  Menu,\n  MenuList,\n  MenuPopover,\n  MenuItemCheckbox,\n  MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\nexport const MenuItemShim = (props: IContextualMenuItem) => {\n  if (props.itemType === ContextualMenuItemType.Divider) {\n    const shimProps = shimMenuItemProps(props);\n    return <MenuDivider {...(shimProps as MenuDividerProps)} />;\n  }\n\n  if (props.itemType === ContextualMenuItemType.Section) {\n    const shimProps = shimMenuHeaderProps(props);\n    return (\n      <MenuGroup>\n        <MenuGroupHeader>{shimProps.children}</MenuGroupHeader>\n        {/* //TODO: sectionProps handling */}\n        {props.subMenuProps?.items.map(item => (\n          // key is added through item spread\n          // eslint-disable-next-line react/jsx-key\n          <MenuItemShim {...item} />\n        ))}\n      </MenuGroup>\n    );\n  }\n\n  if (props.canCheck) {\n    const shimProps = shimMenuItemCheckboxProps(props);\n    return <MenuItemCheckbox {...shimProps} />;\n  }\n\n  // Nested Menu to handle submenus\n  if (props.subMenuProps?.items && props.subMenuProps.items.length > 0) {\n    const shimmedMenuProps = shimMenuProps(props.subMenuProps);\n    const shimmedItemProps = shimMenuItemProps(props);\n\n    return (\n      <Menu {...shimmedMenuProps}>\n        <MenuTrigger>\n          <MenuItem {...shimmedItemProps} hasSubmenu />\n        </MenuTrigger>\n        <MenuPopover>\n          <MenuList>\n            {props.subMenuProps.items.map(item => (\n              // key is added through item spread\n              // eslint-disable-next-line react/jsx-key\n              <MenuItemShim {...item} />\n            ))}\n          </MenuList>\n        </MenuPopover>\n      </Menu>\n    );\n  }\n\n  const shimProps = shimMenuItemProps(props);\n  return <MenuItem {...shimProps} />;\n};\n"]}

package/lib-amd/components/Menu/index.js

@@ -0,0 +1,7 @@
+define(["require", "exports", "tslib", "./MenuShim", "./shimMenuProps"], function (require, exports, tslib_1, MenuShim_1, shimMenuProps_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(MenuShim_1, exports);
+    tslib_1.__exportStar(shimMenuProps_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Menu/index.ts"],"names":[],"mappings":";;;IAAA,0CAA2B;IAC3B,+CAAgC","sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"]}