@fluentui/react-migration-v8-v9 9.2.1 → 9.2.2

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

@@ -1,329 +1,307 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "createV8Theme", {
+    enumerable: true,
+    get: ()=>createV8Theme
 });
-exports.createV8Theme = void 0;
-const react_1 = /*#__PURE__*/require("@fluentui/react");
-const fluent2_theme_1 = /*#__PURE__*/require("@fluentui/fluent2-theme");
-const themeDuplicates_1 = /*#__PURE__*/require("./themeDuplicates");
+const _react = require("@fluentui/react");
+const _fluent2Theme = require("@fluentui/fluent2-theme");
+const _themeDuplicates = require("./themeDuplicates");
 const mappedNeutrals = {
-  black: themeDuplicates_1.black,
-  blackTranslucent40: themeDuplicates_1.blackAlpha[40],
-  neutralDark: themeDuplicates_1.grey[8],
-  neutralPrimary: themeDuplicates_1.grey[14],
-  neutralPrimaryAlt: themeDuplicates_1.grey[22],
-  neutralSecondary: themeDuplicates_1.grey[36],
-  neutralSecondaryAlt: themeDuplicates_1.grey[52],
-  neutralTertiary: themeDuplicates_1.grey[62],
-  neutralTertiaryAlt: themeDuplicates_1.grey[78],
-  neutralQuaternary: themeDuplicates_1.grey[82],
-  neutralQuaternaryAlt: themeDuplicates_1.grey[88],
-  neutralLight: themeDuplicates_1.grey[92],
-  neutralLighter: themeDuplicates_1.grey[96],
-  neutralLighterAlt: themeDuplicates_1.grey[98],
-  white: themeDuplicates_1.white,
-  whiteTranslucent40: themeDuplicates_1.whiteAlpha[40]
+    black: _themeDuplicates.black,
+    blackTranslucent40: _themeDuplicates.blackAlpha[40],
+    neutralDark: _themeDuplicates.grey[8],
+    neutralPrimary: _themeDuplicates.grey[14],
+    neutralPrimaryAlt: _themeDuplicates.grey[22],
+    neutralSecondary: _themeDuplicates.grey[36],
+    neutralSecondaryAlt: _themeDuplicates.grey[52],
+    neutralTertiary: _themeDuplicates.grey[62],
+    neutralTertiaryAlt: _themeDuplicates.grey[78],
+    neutralQuaternary: _themeDuplicates.grey[82],
+    neutralQuaternaryAlt: _themeDuplicates.grey[88],
+    neutralLight: _themeDuplicates.grey[92],
+    neutralLighter: _themeDuplicates.grey[96],
+    neutralLighterAlt: _themeDuplicates.grey[98],
+    white: _themeDuplicates.white,
+    whiteTranslucent40: _themeDuplicates.whiteAlpha[40]
 };
 const invertedMappedNeutrals = {
-  black: themeDuplicates_1.white,
-  blackTranslucent40: themeDuplicates_1.whiteAlpha[40],
-  neutralDark: themeDuplicates_1.grey[98],
-  neutralPrimary: themeDuplicates_1.grey[96],
-  neutralPrimaryAlt: themeDuplicates_1.grey[84],
-  neutralSecondary: themeDuplicates_1.grey[82],
-  neutralSecondaryAlt: themeDuplicates_1.grey[74],
-  neutralTertiary: themeDuplicates_1.grey[44],
-  neutralTertiaryAlt: themeDuplicates_1.grey[26],
-  neutralQuaternary: themeDuplicates_1.grey[24],
-  neutralQuaternaryAlt: themeDuplicates_1.grey[18],
-  neutralLight: themeDuplicates_1.grey[16],
-  neutralLighter: themeDuplicates_1.grey[14],
-  neutralLighterAlt: themeDuplicates_1.grey[10],
-  white: themeDuplicates_1.black,
-  whiteTranslucent40: themeDuplicates_1.blackAlpha[40]
+    black: _themeDuplicates.white,
+    blackTranslucent40: _themeDuplicates.whiteAlpha[40],
+    neutralDark: _themeDuplicates.grey[98],
+    neutralPrimary: _themeDuplicates.grey[96],
+    neutralPrimaryAlt: _themeDuplicates.grey[84],
+    neutralSecondary: _themeDuplicates.grey[82],
+    neutralSecondaryAlt: _themeDuplicates.grey[74],
+    neutralTertiary: _themeDuplicates.grey[44],
+    neutralTertiaryAlt: _themeDuplicates.grey[26],
+    neutralQuaternary: _themeDuplicates.grey[24],
+    neutralQuaternaryAlt: _themeDuplicates.grey[18],
+    neutralLight: _themeDuplicates.grey[16],
+    neutralLighter: _themeDuplicates.grey[14],
+    neutralLighterAlt: _themeDuplicates.grey[10],
+    white: _themeDuplicates.black,
+    whiteTranslucent40: _themeDuplicates.blackAlpha[40]
 };
 const mappedSharedColors = {
-  yellowDark: themeDuplicates_1.sharedColors.marigold.shade10,
-  yellow: themeDuplicates_1.sharedColors.yellow.primary,
-  yellowLight: themeDuplicates_1.sharedColors.yellow.tint40,
-  orange: themeDuplicates_1.sharedColors.orange.primary,
-  orangeLight: themeDuplicates_1.sharedColors.orange.tint20,
-  orangeLighter: themeDuplicates_1.sharedColors.orange.tint40,
-  redDark: themeDuplicates_1.sharedColors.darkRed.primary,
-  red: themeDuplicates_1.sharedColors.red.primary,
-  magentaDark: themeDuplicates_1.sharedColors.magenta.shade30,
-  magenta: themeDuplicates_1.sharedColors.magenta.primary,
-  magentaLight: themeDuplicates_1.sharedColors.magenta.tint30,
-  purpleDark: themeDuplicates_1.sharedColors.darkPurple.primary,
-  purple: themeDuplicates_1.sharedColors.purple.primary,
-  purpleLight: themeDuplicates_1.sharedColors.purple.tint40,
-  blueDark: themeDuplicates_1.sharedColors.darkBlue.primary,
-  blueMid: themeDuplicates_1.sharedColors.royalBlue.primary,
-  blue: themeDuplicates_1.sharedColors.blue.primary,
-  blueLight: themeDuplicates_1.sharedColors.lightBlue.primary,
-  tealDark: themeDuplicates_1.sharedColors.darkTeal.primary,
-  teal: themeDuplicates_1.sharedColors.teal.primary,
-  tealLight: themeDuplicates_1.sharedColors.lightTeal.primary,
-  greenDark: themeDuplicates_1.sharedColors.darkGreen.primary,
-  green: themeDuplicates_1.sharedColors.green.primary,
-  greenLight: themeDuplicates_1.sharedColors.lightGreen.primary
+    yellowDark: _themeDuplicates.sharedColors.marigold.shade10,
+    yellow: _themeDuplicates.sharedColors.yellow.primary,
+    yellowLight: _themeDuplicates.sharedColors.yellow.tint40,
+    orange: _themeDuplicates.sharedColors.orange.primary,
+    orangeLight: _themeDuplicates.sharedColors.orange.tint20,
+    orangeLighter: _themeDuplicates.sharedColors.orange.tint40,
+    redDark: _themeDuplicates.sharedColors.darkRed.primary,
+    red: _themeDuplicates.sharedColors.red.primary,
+    magentaDark: _themeDuplicates.sharedColors.magenta.shade30,
+    magenta: _themeDuplicates.sharedColors.magenta.primary,
+    magentaLight: _themeDuplicates.sharedColors.magenta.tint30,
+    purpleDark: _themeDuplicates.sharedColors.darkPurple.primary,
+    purple: _themeDuplicates.sharedColors.purple.primary,
+    purpleLight: _themeDuplicates.sharedColors.purple.tint40,
+    blueDark: _themeDuplicates.sharedColors.darkBlue.primary,
+    blueMid: _themeDuplicates.sharedColors.royalBlue.primary,
+    blue: _themeDuplicates.sharedColors.blue.primary,
+    blueLight: _themeDuplicates.sharedColors.lightBlue.primary,
+    tealDark: _themeDuplicates.sharedColors.darkTeal.primary,
+    teal: _themeDuplicates.sharedColors.teal.primary,
+    tealLight: _themeDuplicates.sharedColors.lightTeal.primary,
+    greenDark: _themeDuplicates.sharedColors.darkGreen.primary,
+    green: _themeDuplicates.sharedColors.green.primary,
+    greenLight: _themeDuplicates.sharedColors.lightGreen.primary
 };
 /**
  * Creates a v8 palette given a brand ramp
- */
-const mapPalette = (brandColors, inverted) => {
-  const neutrals = inverted ? invertedMappedNeutrals : mappedNeutrals;
-  const brands = inverted ? {
-    themeDarker: brandColors[110],
-    themeDark: brandColors[100],
-    themeDarkAlt: brandColors[100],
-    themePrimary: brandColors[90],
-    themeSecondary: brandColors[90],
-    themeTertiary: brandColors[60],
-    themeLight: brandColors[50],
-    themeLighter: brandColors[40],
-    themeLighterAlt: brandColors[30]
-  } : {
-    themeDarker: brandColors[40],
-    themeDark: brandColors[60],
-    themeDarkAlt: brandColors[70],
-    themePrimary: brandColors[80],
-    themeSecondary: brandColors[90],
-    themeTertiary: brandColors[120],
-    themeLight: brandColors[140],
-    themeLighter: brandColors[150],
-    themeLighterAlt: brandColors[160]
-  };
-  return {
-    ...react_1.DefaultPalette,
-    ...neutrals,
-    accent: brands.themePrimary,
-    ...mappedSharedColors,
-    ...brands
-  };
+ */ const mapPalette = (brandColors, inverted)=>{
+    const neutrals = inverted ? invertedMappedNeutrals : mappedNeutrals;
+    const brands = inverted ? {
+        themeDarker: brandColors[110],
+        themeDark: brandColors[100],
+        themeDarkAlt: brandColors[100],
+        themePrimary: brandColors[90],
+        themeSecondary: brandColors[90],
+        themeTertiary: brandColors[60],
+        themeLight: brandColors[50],
+        themeLighter: brandColors[40],
+        themeLighterAlt: brandColors[30]
+    } : {
+        themeDarker: brandColors[40],
+        themeDark: brandColors[60],
+        themeDarkAlt: brandColors[70],
+        themePrimary: brandColors[80],
+        themeSecondary: brandColors[90],
+        themeTertiary: brandColors[120],
+        themeLight: brandColors[140],
+        themeLighter: brandColors[150],
+        themeLighterAlt: brandColors[160]
+    };
+    return {
+        ..._react.DefaultPalette,
+        ...neutrals,
+        accent: brands.themePrimary,
+        ...mappedSharedColors,
+        ...brands
+    };
 };
 /**
  * Returns v9 theme colors overlaid on a base set of v8 semantic colors
- */
-const mapSemanticColors = (baseColors, theme) => {
-  return {
-    ...baseColors,
-    accentButtonBackground: theme.colorBrandBackground,
-    accentButtonText: theme.colorNeutralForegroundOnBrand,
-    actionLink: theme.colorNeutralForeground1,
-    actionLinkHovered: theme.colorNeutralForeground1Hover,
-    // blockingBackground,
-    // blockingIcon,
-    bodyBackground: theme.colorNeutralBackground1,
-    bodyBackgroundChecked: theme.colorNeutralBackground1Selected,
-    bodyBackgroundHovered: theme.colorNeutralBackground1Hover,
-    bodyDivider: theme.colorNeutralStroke2,
-    bodyFrameBackground: theme.colorNeutralBackground1,
-    bodyFrameDivider: theme.colorNeutralStroke2,
-    bodyStandoutBackground: theme.colorNeutralBackground2,
-    bodySubtext: theme.colorNeutralForeground2,
-    bodyText: theme.colorNeutralForeground1,
-    bodyTextChecked: theme.colorNeutralForeground1Selected,
-    buttonBackground: theme.colorNeutralBackground1,
-    buttonBackgroundChecked: theme.colorNeutralBackground1Selected,
-    buttonBackgroundCheckedHovered: theme.colorNeutralBackground1Hover,
-    buttonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,
-    buttonBackgroundHovered: theme.colorNeutralBackground1Hover,
-    buttonBackgroundPressed: theme.colorNeutralBackground1Pressed,
-    buttonBorder: theme.colorNeutralStroke1,
-    buttonBorderDisabled: theme.colorNeutralStrokeDisabled,
-    buttonText: theme.colorNeutralForeground1,
-    buttonTextChecked: theme.colorNeutralForeground1,
-    buttonTextCheckedHovered: theme.colorNeutralForeground1,
-    buttonTextDisabled: theme.colorNeutralForegroundDisabled,
-    buttonTextHovered: theme.colorNeutralForeground1,
-    buttonTextPressed: theme.colorNeutralForeground1,
-    cardShadow: theme.shadow4,
-    cardShadowHovered: theme.shadow8,
-    cardStandoutBackground: theme.colorNeutralBackground1,
-    defaultStateBackground: theme.colorNeutralBackground2,
-    disabledBackground: theme.colorNeutralBackgroundDisabled,
-    disabledBodySubtext: theme.colorNeutralForegroundDisabled,
-    disabledBodyText: theme.colorNeutralForegroundDisabled,
-    disabledBorder: theme.colorNeutralStrokeDisabled,
-    disabledSubtext: theme.colorNeutralForegroundDisabled,
-    disabledText: theme.colorNeutralForegroundDisabled,
-    // errorBackground,
-    // errorIcon,
-    // errorText: ,
-    focusBorder: theme.colorStrokeFocus2,
-    // infoBackground,
-    // infoIcon,
-    inputBackground: theme.colorNeutralBackground1,
-    inputBackgroundChecked: theme.colorBrandBackground,
-    inputBackgroundCheckedHovered: theme.colorBrandBackgroundHover,
-    inputBorder: theme.colorNeutralStrokeAccessible,
-    inputBorderHovered: theme.colorNeutralStrokeAccessibleHover,
-    inputFocusBorderAlt: theme.colorBrandStroke1,
-    inputForegroundChecked: theme.colorNeutralForegroundOnBrand,
-    inputIcon: theme.colorNeutralForeground3,
-    inputIconDisabled: theme.colorNeutralForegroundDisabled,
-    inputIconHovered: theme.colorNeutralForeground3,
-    inputPlaceholderBackgroundChecked: theme.colorBrandBackgroundInvertedSelected,
-    inputPlaceholderText: theme.colorNeutralForeground4,
-    inputText: theme.colorNeutralForeground1,
-    inputTextHovered: theme.colorNeutralForeground1Hover,
-    link: theme.colorBrandForegroundLink,
-    linkHovered: theme.colorBrandForegroundLinkHover,
-    listBackground: theme.colorNeutralBackground1,
-    listHeaderBackgroundHovered: theme.colorNeutralBackground1Hover,
-    listHeaderBackgroundPressed: theme.colorNeutralBackground1Pressed,
-    listItemBackgroundChecked: theme.colorNeutralBackground1Selected,
-    listItemBackgroundCheckedHovered: theme.colorNeutralBackground1Selected,
-    listItemBackgroundHovered: theme.colorNeutralBackground1Hover,
-    listText: theme.colorNeutralForeground1,
-    listTextColor: theme.colorNeutralForeground1,
-    menuBackground: theme.colorNeutralBackground1,
-    menuDivider: theme.colorNeutralStroke2,
-    menuHeader: theme.colorNeutralForeground3,
-    menuIcon: theme.colorNeutralForeground1,
-    menuItemBackgroundChecked: theme.colorNeutralBackground1,
-    menuItemBackgroundHovered: theme.colorNeutralBackground1Hover,
-    menuItemBackgroundPressed: theme.colorNeutralBackground1Hover,
-    menuItemText: theme.colorNeutralForeground1,
-    menuItemTextHovered: theme.colorNeutralForeground1Hover,
-    messageLink: theme.colorBrandForegroundLink,
-    messageLinkHovered: theme.colorBrandForegroundLinkHover,
-    messageText: theme.colorNeutralForeground1,
-    primaryButtonBackground: theme.colorBrandBackground,
-    primaryButtonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,
-    primaryButtonBackgroundHovered: theme.colorBrandBackgroundHover,
-    primaryButtonBackgroundPressed: theme.colorBrandBackgroundPressed,
-    primaryButtonBorder: theme.colorTransparentStroke,
-    primaryButtonText: theme.colorNeutralForegroundOnBrand,
-    primaryButtonTextDisabled: theme.colorNeutralForegroundDisabled,
-    primaryButtonTextHovered: theme.colorNeutralForegroundOnBrand,
-    primaryButtonTextPressed: theme.colorNeutralForegroundOnBrand
-    // severeWarningBackground,
-    // severeWarningIcon,
-    // smallInputBorder,
-    // successBackground,
-    // successIcon,
-    // successText: ,
-    // variantBorder,
-    // variantBorderHovered,
-    // warningBackground,
-    // warningHighlight,
-    // warningIcon,
-    // warningText: ,
-  };
+ */ const mapSemanticColors = (baseColors, theme)=>{
+    return {
+        ...baseColors,
+        accentButtonBackground: theme.colorBrandBackground,
+        accentButtonText: theme.colorNeutralForegroundOnBrand,
+        actionLink: theme.colorNeutralForeground1,
+        actionLinkHovered: theme.colorNeutralForeground1Hover,
+        // blockingBackground,
+        // blockingIcon,
+        bodyBackground: theme.colorNeutralBackground1,
+        bodyBackgroundChecked: theme.colorNeutralBackground1Selected,
+        bodyBackgroundHovered: theme.colorNeutralBackground1Hover,
+        bodyDivider: theme.colorNeutralStroke2,
+        bodyFrameBackground: theme.colorNeutralBackground1,
+        bodyFrameDivider: theme.colorNeutralStroke2,
+        bodyStandoutBackground: theme.colorNeutralBackground2,
+        bodySubtext: theme.colorNeutralForeground2,
+        bodyText: theme.colorNeutralForeground1,
+        bodyTextChecked: theme.colorNeutralForeground1Selected,
+        buttonBackground: theme.colorNeutralBackground1,
+        buttonBackgroundChecked: theme.colorNeutralBackground1Selected,
+        buttonBackgroundCheckedHovered: theme.colorNeutralBackground1Hover,
+        buttonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,
+        buttonBackgroundHovered: theme.colorNeutralBackground1Hover,
+        buttonBackgroundPressed: theme.colorNeutralBackground1Pressed,
+        buttonBorder: theme.colorNeutralStroke1,
+        buttonBorderDisabled: theme.colorNeutralStrokeDisabled,
+        buttonText: theme.colorNeutralForeground1,
+        buttonTextChecked: theme.colorNeutralForeground1,
+        buttonTextCheckedHovered: theme.colorNeutralForeground1,
+        buttonTextDisabled: theme.colorNeutralForegroundDisabled,
+        buttonTextHovered: theme.colorNeutralForeground1,
+        buttonTextPressed: theme.colorNeutralForeground1,
+        cardShadow: theme.shadow4,
+        cardShadowHovered: theme.shadow8,
+        cardStandoutBackground: theme.colorNeutralBackground1,
+        defaultStateBackground: theme.colorNeutralBackground2,
+        disabledBackground: theme.colorNeutralBackgroundDisabled,
+        disabledBodySubtext: theme.colorNeutralForegroundDisabled,
+        disabledBodyText: theme.colorNeutralForegroundDisabled,
+        disabledBorder: theme.colorNeutralStrokeDisabled,
+        disabledSubtext: theme.colorNeutralForegroundDisabled,
+        disabledText: theme.colorNeutralForegroundDisabled,
+        // errorBackground,
+        // errorIcon,
+        // errorText: ,
+        focusBorder: theme.colorStrokeFocus2,
+        // infoBackground,
+        // infoIcon,
+        inputBackground: theme.colorNeutralBackground1,
+        inputBackgroundChecked: theme.colorBrandBackground,
+        inputBackgroundCheckedHovered: theme.colorBrandBackgroundHover,
+        inputBorder: theme.colorNeutralStrokeAccessible,
+        inputBorderHovered: theme.colorNeutralStrokeAccessibleHover,
+        inputFocusBorderAlt: theme.colorBrandStroke1,
+        inputForegroundChecked: theme.colorNeutralForegroundOnBrand,
+        inputIcon: theme.colorNeutralForeground3,
+        inputIconDisabled: theme.colorNeutralForegroundDisabled,
+        inputIconHovered: theme.colorNeutralForeground3,
+        inputPlaceholderBackgroundChecked: theme.colorBrandBackgroundInvertedSelected,
+        inputPlaceholderText: theme.colorNeutralForeground4,
+        inputText: theme.colorNeutralForeground1,
+        inputTextHovered: theme.colorNeutralForeground1Hover,
+        link: theme.colorBrandForegroundLink,
+        linkHovered: theme.colorBrandForegroundLinkHover,
+        listBackground: theme.colorNeutralBackground1,
+        listHeaderBackgroundHovered: theme.colorNeutralBackground1Hover,
+        listHeaderBackgroundPressed: theme.colorNeutralBackground1Pressed,
+        listItemBackgroundChecked: theme.colorNeutralBackground1Selected,
+        listItemBackgroundCheckedHovered: theme.colorNeutralBackground1Selected,
+        listItemBackgroundHovered: theme.colorNeutralBackground1Hover,
+        listText: theme.colorNeutralForeground1,
+        listTextColor: theme.colorNeutralForeground1,
+        menuBackground: theme.colorNeutralBackground1,
+        menuDivider: theme.colorNeutralStroke2,
+        menuHeader: theme.colorNeutralForeground3,
+        menuIcon: theme.colorNeutralForeground1,
+        menuItemBackgroundChecked: theme.colorNeutralBackground1,
+        menuItemBackgroundHovered: theme.colorNeutralBackground1Hover,
+        menuItemBackgroundPressed: theme.colorNeutralBackground1Hover,
+        menuItemText: theme.colorNeutralForeground1,
+        menuItemTextHovered: theme.colorNeutralForeground1Hover,
+        messageLink: theme.colorBrandForegroundLink,
+        messageLinkHovered: theme.colorBrandForegroundLinkHover,
+        messageText: theme.colorNeutralForeground1,
+        primaryButtonBackground: theme.colorBrandBackground,
+        primaryButtonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,
+        primaryButtonBackgroundHovered: theme.colorBrandBackgroundHover,
+        primaryButtonBackgroundPressed: theme.colorBrandBackgroundPressed,
+        primaryButtonBorder: theme.colorTransparentStroke,
+        primaryButtonText: theme.colorNeutralForegroundOnBrand,
+        primaryButtonTextDisabled: theme.colorNeutralForegroundDisabled,
+        primaryButtonTextHovered: theme.colorNeutralForegroundOnBrand,
+        primaryButtonTextPressed: theme.colorNeutralForegroundOnBrand
+    };
 };
 /**
  * Overlays v9 fonts on a set of base v8 fonts.
- */
-const mapFonts = (baseFonts, theme) => {
-  return {
-    ...baseFonts,
-    tiny: {
-      ...baseFonts.tiny,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeBase100,
-      fontWeight: theme.fontWeightRegular
-    },
-    xSmall: {
-      ...baseFonts.xSmall,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeBase100,
-      fontWeight: theme.fontWeightRegular
-    },
-    small: {
-      ...baseFonts.small,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeBase200,
-      fontWeight: theme.fontWeightRegular
-    },
-    smallPlus: {
-      ...baseFonts.smallPlus,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeBase200,
-      fontWeight: theme.fontWeightRegular
-    },
-    medium: {
-      ...baseFonts.medium,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeBase300,
-      fontWeight: theme.fontWeightRegular
-    },
-    mediumPlus: {
-      ...baseFonts.mediumPlus,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeBase400,
-      fontWeight: theme.fontWeightRegular
-    },
-    large: {
-      ...baseFonts.large,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeBase400,
-      fontWeight: theme.fontWeightRegular
-    },
-    xLarge: {
-      ...baseFonts.xxLarge,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeBase500,
-      fontWeight: theme.fontWeightSemibold
-    },
-    xxLarge: {
-      ...baseFonts.xxLarge,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeHero700,
-      fontWeight: theme.fontWeightSemibold
-    },
-    superLarge: {
-      ...baseFonts.superLarge,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeHero900,
-      fontWeight: theme.fontWeightSemibold
-    },
-    mega: {
-      ...baseFonts.mega,
-      fontFamily: theme.fontFamilyBase,
-      fontSize: theme.fontSizeHero1000,
-      fontWeight: theme.fontWeightSemibold
-    }
-  };
+ */ const mapFonts = (baseFonts, theme)=>{
+    return {
+        ...baseFonts,
+        tiny: {
+            ...baseFonts.tiny,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeBase100,
+            fontWeight: theme.fontWeightRegular
+        },
+        xSmall: {
+            ...baseFonts.xSmall,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeBase100,
+            fontWeight: theme.fontWeightRegular
+        },
+        small: {
+            ...baseFonts.small,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeBase200,
+            fontWeight: theme.fontWeightRegular
+        },
+        smallPlus: {
+            ...baseFonts.smallPlus,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeBase200,
+            fontWeight: theme.fontWeightRegular
+        },
+        medium: {
+            ...baseFonts.medium,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeBase300,
+            fontWeight: theme.fontWeightRegular
+        },
+        mediumPlus: {
+            ...baseFonts.mediumPlus,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeBase400,
+            fontWeight: theme.fontWeightRegular
+        },
+        large: {
+            ...baseFonts.large,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeBase400,
+            fontWeight: theme.fontWeightRegular
+        },
+        xLarge: {
+            ...baseFonts.xxLarge,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeBase500,
+            fontWeight: theme.fontWeightSemibold
+        },
+        xxLarge: {
+            ...baseFonts.xxLarge,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeHero700,
+            fontWeight: theme.fontWeightSemibold
+        },
+        superLarge: {
+            ...baseFonts.superLarge,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeHero900,
+            fontWeight: theme.fontWeightSemibold
+        },
+        mega: {
+            ...baseFonts.mega,
+            fontFamily: theme.fontFamilyBase,
+            fontSize: theme.fontSizeHero1000,
+            fontWeight: theme.fontWeightSemibold
+        }
+    };
 };
 /**
  * Overlays v9 shadows and border radii on a base set of v8 effects.
- */
-const mapEffects = (baseEffects, theme) => {
-  return {
-    ...baseEffects,
-    elevation4: theme.shadow4,
-    elevation8: theme.shadow8,
-    elevation16: theme.shadow16,
-    elevation64: theme.shadow64,
-    roundedCorner2: theme.borderRadiusSmall,
-    roundedCorner4: theme.borderRadiusMedium,
-    roundedCorner6: theme.borderRadiusLarge
-  };
+ */ const mapEffects = (baseEffects, theme)=>{
+    return {
+        ...baseEffects,
+        elevation4: theme.shadow4,
+        elevation8: theme.shadow8,
+        elevation16: theme.shadow16,
+        elevation64: theme.shadow64,
+        roundedCorner2: theme.borderRadiusSmall,
+        roundedCorner4: theme.borderRadiusMedium,
+        roundedCorner6: theme.borderRadiusLarge
+    };
 };
-/**
- * Creates a v8 theme from v9 brand colors and theme.
- * You can optionally pass a v8 base theme.
- * Otherwise the default v8 theme is used.
- *
- * The v9 colors, fonts, and effects are applied on top of the v8 theme
- * to allow v8 components to look as much like v9 components as possible.
- */
-const createV8Theme = (brandColors, themeV9, isDarkTheme = false, themeV8) => {
-  const baseTheme = themeV8 || react_1.createTheme({
-    isInverted: isDarkTheme
-  });
-  return {
-    ...baseTheme,
-    palette: mapPalette(brandColors, isDarkTheme),
-    components: fluent2_theme_1.fluent2ComponentStyles,
-    semanticColors: mapSemanticColors(baseTheme.semanticColors, themeV9),
-    fonts: mapFonts(baseTheme.fonts, themeV9),
-    effects: mapEffects(baseTheme.effects, themeV9),
-    isInverted: isDarkTheme || (themeV8 === null || themeV8 === void 0 ? void 0 : themeV8.isInverted) === true
-  };
-};
-exports.createV8Theme = createV8Theme;
+const createV8Theme = (brandColors, themeV9, isDarkTheme = false, themeV8)=>{
+    const baseTheme = themeV8 || (0, _react.createTheme)({
+        isInverted: isDarkTheme
+    });
+    return {
+        ...baseTheme,
+        palette: mapPalette(brandColors, isDarkTheme),
+        components: _fluent2Theme.fluent2ComponentStyles,
+        semanticColors: mapSemanticColors(baseTheme.semanticColors, themeV9),
+        fonts: mapFonts(baseTheme.fonts, themeV9),
+        effects: mapEffects(baseTheme.effects, themeV9),
+        isInverted: isDarkTheme || (themeV8 === null || themeV8 === void 0 ? void 0 : themeV8.isInverted) === true
+    };
+}; //# sourceMappingURL=v8ThemeShim.js.map
+
 //# sourceMappingURL=v8ThemeShim.js.map