npm - @fluentui/react-migration-v8-v9 - Versions diffs - 1.0.25 → 1.0.26 - Mend

@fluentui/react-migration-v8-v9 1.0.25 → 1.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/lib/components/Theme/v8ThemeShim.js.map CHANGED Viewed

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

package/lib/components/Theme/v9BrandVariantsShim.js CHANGED Viewed

@@ -2,15 +2,12 @@ import { TinyColor } from '@ctrl/tinycolor';
 /**
  * A helper to mix colors using tiny color by an amount and get back a hex string.
  */
 const mixColors = (colorA, colorB, amount) => {
   return new TinyColor(colorA).mix(new TinyColor(colorB), amount).toHexString();
 };
 /**
  * Creates a v9 brand ramp by pairwise mixing v8 palette colors.
  */
 const mixByPairs = palette => {
   return {
     10: palette.themeDarker,
@@ -36,8 +33,6 @@ const mixByPairs = palette => {
  * using steps between themeDarker and themePrimary and
  * between themePrimary and themeLighterAlt.
  */
 const mixPrimaryAndEnds = palette => {
   return {
     10: palette.themeDarker,
@@ -62,13 +57,10 @@ const mixPrimaryAndEnds = palette => {
  * Creates v9 brand colors from a v8 palette using interpolation
  * A v8 palette has nine colors and v9 has sixteen colors.
  */
 export const createBrandVariants = (palette, interpolation = 'pairs') => {
   switch (interpolation) {
     case 'primaryAndEnds':
       return mixPrimaryAndEnds(palette);
     case 'pairs':
     default:
       return mixByPairs(palette);

package/lib/components/Theme/v9BrandVariantsShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["packages/react-migration-v8-v9/src/components/Theme/v9BrandVariantsShim.ts"],"names":[],"~~mappings":"AAEA,SAAS,~~SAAT~~,~~QAA0B,iBAA1B~~;AAGA~~;;AAEG;;AACH~~,~~MAAM~~,SAAS,GAAG,~~CAAC~~,~~MAAD~~,~~EAAqB~~,~~MAArB~~,~~EAAyC~~,~~MAAzC~~,~~KAA4D~~;EAC5E,OAAO,~~IAAI~~,~~SAAJ~~,~~CAAc~~,~~MAAd~~,~~EAAsB~~,~~GAAtB~~,~~CAA0B~~,~~IAAI~~,~~SAAJ~~,~~CAAc~~,~~MAAd~~,~~CAA1B~~,~~EAAiD~~,~~MAAjD~~,~~EAAyD~~,~~WAAzD~~,~~EAAP~~;~~AACD~~,~~CAFD~~;~~AAIA;;AAEG~~;;;~~AACH~~,~~MAAM~~,UAAU,~~GAAI~~,~~OAAD~~,~~IAAqC~~;EACtD,OAAO;IACL,~~IAAI~~,OAAO,~~CAAC~~,~~WADP~~;~~IAEL~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~WAAT~~,~~EAAsB~~,OAAO,~~CAAC~~,~~SAA9B~~,~~CAFR~~;~~IAGL~~,~~IAAI~~,OAAO,~~CAAC~~,~~SAHP~~;~~IAIL~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~SAAT~~,~~EAAoB~~,OAAO,~~CAAC~~,~~YAA5B~~,~~CAJR~~;~~IAKL~~,~~IAAI~~,OAAO,~~CAAC~~,~~YALP~~;~~IAML~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~YAAT~~,~~EAAuB~~,OAAO,~~CAAC~~,~~YAA/B~~,~~CANR~~;~~IAOL~~,~~IAAI~~,OAAO,~~CAAC~~,~~YAPP~~;~~IAQL~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~YAAT~~,~~EAAuB~~,OAAO,~~CAAC~~,~~cAA/B~~,~~CARR~~;~~IASL~~,~~IAAI~~,OAAO,~~CAAC~~,~~cATP~~;~~IAUL~~,~~KAAK~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~cAAT~~,~~EAAyB~~,OAAO,~~CAAC~~,~~aAAjC~~,~~CAVT~~;~~IAWL~~,~~KAAK~~,OAAO,~~CAAC~~,~~aAXR~~;~~IAYL~~,~~KAAK~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~aAAT~~,~~EAAwB~~,OAAO,~~CAAC~~,~~UAAhC~~,~~CAZT~~;~~IAaL~~,~~KAAK~~,OAAO,~~CAAC~~,~~UAbR~~;~~IAcL~~,~~KAAK~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~UAAT~~,~~EAAqB~~,OAAO,~~CAAC~~,~~YAA7B~~,~~CAdT~~;~~IAeL~~,~~KAAK~~,OAAO,~~CAAC~~,~~YAfR~~;~~IAgBL~~,~~KAAK~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~YAAT~~,~~EAAuB~~,OAAO,~~CAAC~~,~~eAA/B~~;~~EAhBT,CAAP~~;~~AAkBD~~,~~CAnBD~~;~~AAqBA;;;;AAIG;;;AACH~~,~~MAAM~~,iBAAiB,~~GAAI~~,~~OAAD~~,~~IAAqC~~;EAC7D,OAAO;IACL,~~IAAI~~,OAAO,~~CAAC~~,~~WADP~~;~~IAEL~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~WAAT~~,~~EAAsB~~,OAAO,~~CAAC~~,~~YAA9B~~,~~EAA4C~~,~~EAA5C~~,~~CAFR~~;~~IAGL~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~WAAT~~,~~EAAsB~~,OAAO,~~CAAC~~,~~YAA9B~~,~~EAA4C~~,~~EAA5C~~,~~CAHR~~;~~IAIL~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~WAAT~~,~~EAAsB~~,OAAO,~~CAAC~~,~~YAA9B~~,~~EAA4C~~,~~EAA5C~~,~~CAJR~~;~~IAKL~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~WAAT~~,~~EAAsB~~,OAAO,~~CAAC~~,~~YAA9B~~,~~EAA4C~~,~~EAA5C~~,~~CALR~~;~~IAML~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~WAAT~~,~~EAAsB~~,OAAO,~~CAAC~~,~~YAA9B~~,~~EAA4C~~,~~EAA5C~~,~~CANR~~;~~IAOL~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~WAAT~~,~~EAAsB~~,OAAO,~~CAAC~~,~~YAA9B~~,~~EAA4C~~,~~EAA5C~~,~~CAPR~~;~~IAQL~~,~~IAAI~~,OAAO,~~CAAC~~,~~YARP~~;~~IASL~~,~~IAAI~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~YAAT~~,~~EAAuB~~,OAAO,~~CAAC~~,~~eAA/B~~,~~EAAgD~~,~~EAAhD~~,~~CATR~~;~~IAUL~~,~~KAAK~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~YAAT~~,~~EAAuB~~,OAAO,~~CAAC~~,~~eAA/B~~,~~EAAgD~~,~~EAAhD~~,~~CAVT~~;~~IAWL~~,~~KAAK~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~YAAT~~,~~EAAuB~~,OAAO,~~CAAC~~,~~eAA/B~~,~~EAAgD~~,~~EAAhD~~,~~CAXT~~;~~IAYL~~,~~KAAK~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~YAAT~~,~~EAAuB~~,OAAO,~~CAAC~~,~~eAA/B~~,~~EAAgD~~,~~EAAhD~~,~~CAZT~~;~~IAaL~~,~~KAAK~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~YAAT~~,~~EAAuB~~,OAAO,~~CAAC~~,~~eAA/B~~,~~EAAgD~~,~~EAAhD~~,~~CAbT~~;~~IAcL~~,~~KAAK~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~YAAT~~,~~EAAuB~~,OAAO,~~CAAC~~,~~eAA/B~~,~~EAAgD~~,~~EAAhD~~,~~CAdT~~;~~IAeL~~,~~KAAK~~,SAAS,~~CAAC~~,OAAO,~~CAAC~~,~~YAAT~~,~~EAAuB~~,OAAO,~~CAAC~~,~~eAA/B~~,~~EAAgD~~,~~EAAhD~~,~~CAfT~~;~~IAgBL~~,~~KAAK~~,OAAO,~~CAAC~~;~~EAhBR,CAAP~~;~~AAkBD~~,~~CAnBD~~;~~AAuBA;;;AAGG;;;AACH~~,OAAO,~~MAAM~~,mBAAmB,GAAG,~~CAAC~~,~~OAAD~~,~~EAAoB~~,~~aAAA,GAA~~+B,~~OAAnD~~,~~KAA6E~~;EAC9G,~~QAAQ~~,~~aAAR~~;~~IACE~~,KAAK,~~gBAAL~~;~~MACE~~,~~OAAO~~,iBAAiB,~~CAAC~~,~~OAAD~~,~~CAAxB;;IACF~~,KAAK,~~OAAL~~;~~IACA~~;MACE,~~OAAO~~,UAAU,~~CAAC~~,~~OAAD~~,~~CAAjB~~;~~EALJ~~;~~AAOD~~,~~CARM~~","sourcesContent":["import type { IPalette } from '@fluentui/react';\nimport type { BrandVariants } from '@fluentui/react-components';\nimport { TinyColor } from '@ctrl/tinycolor';\nimport type { ColorInput } from '@ctrl/tinycolor';\n\n/*\n A helper to mix colors using tiny color by an amount and get back a hex string.\n /\nconst mixColors = (colorA: ColorInput, colorB: ColorInput, amount?: number) => {\n return new TinyColor(colorA).mix(new TinyColor(colorB), amount).toHexString();\n};\n\n/\n Creates a v9 brand ramp by pairwise mixing v8 palette colors.\n /\nconst mixByPairs = (palette: IPalette): BrandVariants => {\n return {\n 10: palette.themeDarker,\n 20: mixColors(palette.themeDarker, palette.themeDark),\n 30: palette.themeDark,\n 40: mixColors(palette.themeDark, palette.themeDarkAlt),\n 50: palette.themeDarkAlt,\n 60: mixColors(palette.themeDarkAlt, palette.themePrimary),\n 70: palette.themePrimary,\n 80: mixColors(palette.themePrimary, palette.themeSecondary),\n 90: palette.themeSecondary,\n 100: mixColors(palette.themeSecondary, palette.themeTertiary),\n 110: palette.themeTertiary,\n 120: mixColors(palette.themeTertiary, palette.themeLight),\n 130: palette.themeLight,\n 140: mixColors(palette.themeLight, palette.themeLighter),\n 150: palette.themeLighter,\n 160: mixColors(palette.themeLighter, palette.themeLighterAlt),\n };\n};\n\n/\n Creates a v9 brand ramp by mixing v8 palette colors\n * using steps between themeDarker and themePrimary and\n * between themePrimary and themeLighterAlt.\n /\nconst mixPrimaryAndEnds = (palette: IPalette): BrandVariants => {\n return {\n 10: palette.themeDarker,\n 20: mixColors(palette.themeDarker, palette.themePrimary, 20),\n 30: mixColors(palette.themeDarker, palette.themePrimary, 30),\n 40: mixColors(palette.themeDarker, palette.themePrimary, 40),\n 50: mixColors(palette.themeDarker, palette.themePrimary, 50),\n 60: mixColors(palette.themeDarker, palette.themePrimary, 60),\n 70: mixColors(palette.themeDarker, palette.themePrimary, 70),\n 80: palette.themePrimary,\n 90: mixColors(palette.themePrimary, palette.themeLighterAlt, 10),\n 100: mixColors(palette.themePrimary, palette.themeLighterAlt, 20),\n 110: mixColors(palette.themePrimary, palette.themeLighterAlt, 30),\n 120: mixColors(palette.themePrimary, palette.themeLighterAlt, 40),\n 130: mixColors(palette.themePrimary, palette.themeLighterAlt, 50),\n 140: mixColors(palette.themePrimary, palette.themeLighterAlt, 60),\n 150: mixColors(palette.themePrimary, palette.themeLighterAlt, 70),\n 160: palette.themeLighterAlt,\n };\n};\n\ntype Interpolation = 'pairs' \| 'primaryAndEnds';\n\n/\n Creates v9 brand colors from a v8 palette using interpolation\n * A v8 palette has nine colors and v9 has sixteen colors.\n */\nexport const createBrandVariants = (palette: IPalette, interpolation: Interpolation = 'pairs'): BrandVariants => {\n switch (interpolation) {\n case 'primaryAndEnds':\n return mixPrimaryAndEnds(palette);\n case 'pairs':\n default:\n return mixByPairs(palette);\n }\n};\n"]~~,"sourceRoot":"../src/"~~}
1	+ {"version":3,"mappings":"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","names":["TinyColor","mixColors","colorA","colorB","amount","mix","toHexString","mixByPairs","palette","themeDarker","themeDark","themeDarkAlt","themePrimary","themeSecondary","themeTertiary","themeLight","themeLighter","themeLighterAlt","mixPrimaryAndEnds","createBrandVariants","interpolation"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Theme/v9BrandVariantsShim.ts"],"sourcesContent":["import type { IPalette } from '@fluentui/react';\nimport type { BrandVariants } from '@fluentui/react-components';\nimport { TinyColor } from '@ctrl/tinycolor';\nimport type { ColorInput } from '@ctrl/tinycolor';\n\n/*\n A helper to mix colors using tiny color by an amount and get back a hex string.\n /\nconst mixColors = (colorA: ColorInput, colorB: ColorInput, amount?: number) => {\n return new TinyColor(colorA).mix(new TinyColor(colorB), amount).toHexString();\n};\n\n/\n Creates a v9 brand ramp by pairwise mixing v8 palette colors.\n /\nconst mixByPairs = (palette: IPalette): BrandVariants => {\n return {\n 10: palette.themeDarker,\n 20: mixColors(palette.themeDarker, palette.themeDark),\n 30: palette.themeDark,\n 40: mixColors(palette.themeDark, palette.themeDarkAlt),\n 50: palette.themeDarkAlt,\n 60: mixColors(palette.themeDarkAlt, palette.themePrimary),\n 70: palette.themePrimary,\n 80: mixColors(palette.themePrimary, palette.themeSecondary),\n 90: palette.themeSecondary,\n 100: mixColors(palette.themeSecondary, palette.themeTertiary),\n 110: palette.themeTertiary,\n 120: mixColors(palette.themeTertiary, palette.themeLight),\n 130: palette.themeLight,\n 140: mixColors(palette.themeLight, palette.themeLighter),\n 150: palette.themeLighter,\n 160: mixColors(palette.themeLighter, palette.themeLighterAlt),\n };\n};\n\n/\n Creates a v9 brand ramp by mixing v8 palette colors\n * using steps between themeDarker and themePrimary and\n * between themePrimary and themeLighterAlt.\n /\nconst mixPrimaryAndEnds = (palette: IPalette): BrandVariants => {\n return {\n 10: palette.themeDarker,\n 20: mixColors(palette.themeDarker, palette.themePrimary, 20),\n 30: mixColors(palette.themeDarker, palette.themePrimary, 30),\n 40: mixColors(palette.themeDarker, palette.themePrimary, 40),\n 50: mixColors(palette.themeDarker, palette.themePrimary, 50),\n 60: mixColors(palette.themeDarker, palette.themePrimary, 60),\n 70: mixColors(palette.themeDarker, palette.themePrimary, 70),\n 80: palette.themePrimary,\n 90: mixColors(palette.themePrimary, palette.themeLighterAlt, 10),\n 100: mixColors(palette.themePrimary, palette.themeLighterAlt, 20),\n 110: mixColors(palette.themePrimary, palette.themeLighterAlt, 30),\n 120: mixColors(palette.themePrimary, palette.themeLighterAlt, 40),\n 130: mixColors(palette.themePrimary, palette.themeLighterAlt, 50),\n 140: mixColors(palette.themePrimary, palette.themeLighterAlt, 60),\n 150: mixColors(palette.themePrimary, palette.themeLighterAlt, 70),\n 160: palette.themeLighterAlt,\n };\n};\n\ntype Interpolation = 'pairs' \| 'primaryAndEnds';\n\n/\n Creates v9 brand colors from a v8 palette using interpolation\n * A v8 palette has nine colors and v9 has sixteen colors.\n */\nexport const createBrandVariants = (palette: IPalette, interpolation: Interpolation = 'pairs'): BrandVariants => {\n switch (interpolation) {\n case 'primaryAndEnds':\n return mixPrimaryAndEnds(palette);\n case 'pairs':\n default:\n return mixByPairs(palette);\n }\n};\n"]}

package/lib/components/Theme/v9ThemeShim.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { blackAlpha, whiteAlpha, grey } from './themeDuplicates';
 /**
  * Creates v9 color tokens from a v8 palette.
  */
 const mapAliasColors = (palette, inverted) => {
   return {
     colorNeutralForeground1: palette.neutralPrimary,
@@ -158,8 +157,6 @@ const mapAliasColors = (palette, inverted) => {
 /**
  * Creates v9 shadow tokens from v8 effects.
  */
 const mapShadowTokens = effects => {
   return {
     shadow4: effects.elevation4,
@@ -171,8 +168,6 @@ const mapShadowTokens = effects => {
 /**
  * Creates v9 border radius tokens from v8 effects
  */
 const mapBorderRadiusTokens = effects => {
   return {
     borderRadiusSmall: effects.roundedCorner2,
@@ -184,11 +179,10 @@ const mapBorderRadiusTokens = effects => {
  * 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,
+  return {
+    ...baseTheme,
     ...mapAliasColors(themeV8.palette, themeV8.isInverted),
     ...mapShadowTokens(themeV8.effects),
     ...mapBorderRadiusTokens(themeV8.effects)

package/lib/components/Theme/v9ThemeShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["packages/react-migration-v8-v9/src/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 colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],\n colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],\n colorBackgroundOverlay: blackAlpha[40],\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/"}
1	+ {"version":3,"mappings":"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","names":["webLightTheme","blackAlpha","whiteAlpha","grey","mapAliasColors","palette","inverted","colorNeutralForeground1","neutralPrimary","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","neutralSecondary","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","themePrimary","colorNeutralForeground2BrandPressed","themeDarkAlt","colorNeutralForeground2BrandSelected","colorNeutralForeground3","neutralTertiary","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","neutralQuaternary","colorNeutralForegroundDisabled","neutralTertiaryAlt","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","themeDark","colorBrandForegroundLinkPressed","themeDarker","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorNeutralForeground1Static","colorNeutralForegroundInverted","white","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundOnBrand","colorNeutralForegroundStaticInverted","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorNeutralForegroundInverted2","colorBrandForegroundInverted","themeSecondary","colorBrandForegroundInvertedHover","themeTertiary","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","neutralLighter","colorNeutralBackground1Pressed","neutralQuaternaryAlt","colorNeutralBackground1Selected","neutralLight","colorNeutralBackground2","neutralLighterAlt","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundStatic","colorNeutralBackgroundInverted","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","themeLighterAlt","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","themeLight","colorBrandBackgroundInvertedSelected","themeLighter","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorStrokeFocus1","colorStrokeFocus2","black","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey","mapShadowTokens","effects","shadow4","elevation4","shadow8","elevation8","shadow16","elevation16","shadow64","elevation64","mapBorderRadiusTokens","borderRadiusSmall","roundedCorner2","borderRadiusMedium","roundedCorner4","borderRadiusLarge","roundedCorner6","createV9Theme","themeV8","baseThemeV9","baseTheme","isInverted"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts"],"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 colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],\n colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],\n colorBackgroundOverlay: blackAlpha[40],\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"]}

package/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["packages/react-migration-v8-v9/src/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/"~~}
1	+ {"version":3,"mappings":"AAAA,SACEA,gBAAgB,EAChBC,UAAU,EACVC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,QACX,2BAA2B;AAElC,SAASC,YAAY,EAAEC,aAAa,QAAQ,yBAAyB;AAErE,SAASC,aAAa,EAAEC,SAAS,QAAQ,0BAA0B;AAEnE,SACEC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,mBAAmB,EACnBC,aAAa,EACbC,aAAa,EACbC,IAAI,EACJC,WAAW,EACXC,YAAY,EACZC,YAAY,EACZC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,WAAW,EACXC,YAAY,EACZC,KAAK,EACLC,UAAU,QACL,0BAA0B","names":["ActionButtonShim","ButtonShim","CommandButtonShim","CompoundButtonShim","DefaultButtonShim","MenuButtonShim","PrimaryButtonShim","shimButtonProps","ToggleButtonShim","MenuItemShim","shimMenuProps","StackItemShim","StackShim","black","blackAlpha","brandWeb","createBrandVariants","createV8Theme","createV9Theme","grey","grey14Alpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","sharedColors","white","whiteAlpha"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/index.ts"],"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"]}

package/lib-commonjs/components/Button/ActionButtonShim.js CHANGED Viewed

@@ -4,23 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionButtonShim = void 0;
 const React = /*#__PURE__*/require("react");
 const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
 const shimButtonProps_1 = /*#__PURE__*/require("./shimButtonProps");
 /**
  * Shims a v8 ActionButton to render a v9 Button
  */
 exports.ActionButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
-  const variantProps = { ...props,
+  const variantProps = {
+    ...props,
     variantClassName: 'ms-Button--action ms-Button--command'
   };
   const shimProps = shimButtonProps_1.shimButtonProps(variantProps);
-  return React.createElement(react_components_1.Button, { ...props,
+  return React.createElement(react_components_1.Button, {
+    ...props,
     ...shimProps,
     appearance: "transparent"
   });

package/lib-commonjs/components/Button/ActionButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["packages/react-migration-v8-v9/src/components/Button/ActionButtonShim.tsx"],"names":[],"~~mappings":"~~;;;;;;;~~AAAA~~,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;~~AAIA~~,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;~~AAEA~~,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA~~;AAEA~~;;AAEG~~;;;~~AACU~~,~~OAAA~~,~~CAAA~~,~~gBAAA~~,~~gBAET~~,~~KAAK~~,CAAC,~~UAAN~~,~~CAAiB~~,~~CAAC~~,~~KAAD~~,~~EAAQ,IAAR,KAAgB~~;EACnC,~~MAAM~~,YAAY,GAAG,~~EACnB~~,~~GAAG,KADgB~~;~~IAEnB~~,gBAAgB,EAAE;~~EAFC,CAArB~~;~~EAKA~~,~~MAAM~~,SAAS,~~GAAG~~,~~iBAAA~~,~~CAAA~~,~~eAAA~~,~~CAAgB~~,~~YAAhB~~,~~CAAlB~~;~~EAEA~~,~~OAAO~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~kBAAA~~,~~CAAA~~,~~MAAD~~,~~EAAO~~,~~EAAA~~,~~GAAM~~,~~KAAN;IAAsD~~,~~GAAM~~,~~SAA5D;IAAuE~~,~~UAAU~~,~~EAAC;EAAlF~~,~~CAAP~~,~~CAAP;AACD~~,~~CATG~~,~~CAFS~~","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"]~~,"sourceRoot":"../src/"~~}
1	+ {"version":3,"mappings":";;;;;;AAAA;AAIA;AAEA;AAEA;;;AAGaA,wBAAgB,gBAEzBC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAE;GACnB;EAED,MAAMC,SAAS,GAAGC,iCAAe,CAACH,YAAY,CAAC;EAE/C,OAAOJ,oBAACQ,yBAAM;IAAA,GAAMN,KAAgD;IAAA,GAAMI,SAAS;IAAEG,UAAU,EAAC;EAAa,EAAG;AAClH,CAAC,CAAC","names":["exports","React","forwardRef","props","_ref","variantProps","variantClassName","shimProps","shimButtonProps_1","react_components_1","appearance"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/ActionButtonShim.tsx"],"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-commonjs/components/Button/ButtonShim.js CHANGED Viewed

@@ -4,33 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ButtonShim = void 0;
 const React = /*#__PURE__*/require("react");
 const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
 const shimButtonProps_1 = /*#__PURE__*/require("./shimButtonProps");
 const ToggleButtonShim_1 = /*#__PURE__*/require("./ToggleButtonShim");
 const CompoundButtonShim_1 = /*#__PURE__*/require("./CompoundButtonShim");
 exports.ButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
   var _a;
   const shimProps = shimButtonProps_1.shimButtonProps(props);
   if (props.toggle) {
-    return React.createElement(ToggleButtonShim_1.ToggleButtonShim, { ...props
+    return React.createElement(ToggleButtonShim_1.ToggleButtonShim, {
+      ...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, { ...props
+    return React.createElement(CompoundButtonShim_1.CompoundButtonShim, {
+      ...props
     });
   }
-  return React.createElement(react_components_1.Button, { ...props,
+  return React.createElement(react_components_1.Button, {
+    ...props,
     ...shimProps
   });
 });

package/lib-commonjs/components/Button/ButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["packages/react-migration-v8-v9/src/components/Button/ButtonShim.tsx"],"names":[],"~~mappings":"~~;;;;;;;~~AAAA~~,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;~~AAIA~~,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;~~AAEA~~,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;~~AACA~~,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;~~AACA,~~MAAA~~,~~oBAAA~~,~~gBAAA~~,~~OAAA~~,~~CAAA~~,~~sBAAA~~,~~CAAA;;AAEa~~,~~OAAA,CAAA,UAAA,gBAET,~~KAAK,~~CAAC~~,~~UAAN~~,~~CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;~~EACnC,~~MAAM~~,SAAS,~~GAAG~~,~~iBAAA~~,~~CAAA~~,~~eAAA~~,~~CAAgB~~,~~KAAhB~~,~~CAAlB;;EAEA,IAAI,~~KAAK,~~CAAC~~,~~MAAV~~,~~EAAkB~~;IAChB,~~OAAO~~,~~KAAA~~,~~CAAA~~,~~aAAA,CAAC,kBAAA,CAAA,gBAAD,EAAiB,EAAA,GAAK~~;~~IAAL~~,~~CAAjB~~,~~EAA8B,~~KAAK,~~CAAC~~,~~QAApC~~,~~CAAP;EACD~~;;~~EACD~~,~~IAAI~~,KAAK,~~CAAC~~,~~aAAN~~,~~KAAuB~~,~~CAAA~~,~~EAAA~~,~~GAAA~~,KAAK,~~CAAC~~,~~mBAAN~~,~~MAAyB~~,~~IAAzB~~,~~IAAyB~~,~~EAAA~~,~~KAAA~~,~~KAAA~~,~~CAAzB~~,~~GAAyB~~,~~KAAA~~,~~CAAzB,GAAyB,EAAA,CAAA,~~IAAA,~~CAAzB~~,~~KAAyB,EAAG,KAAH,CAAhD,CAAJ,EAA+D~~;~~IAC7D~~,~~OAAO,KAAA,CAAA,aAAA,CAAC,oBAAA,CAAA,kBAAD,EAAmB,EAAA,GAAK~~;~~IAAL~~,~~CAAnB,CAAP~~;~~EACD;;EAED~~,~~OAAO~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~kBAAA~~,~~CAAA~~,~~MAAD~~,~~EAAO~~,~~EAAA~~,~~GAAM~~,~~KAAN;IAAsD~~,~~GAAM;EAA5D~~,~~CAAP~~,~~CAAP;AACD~~,~~CAXG~~,~~CAFS~~","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"]~~,"sourceRoot":"../src/"~~}
1	+ {"version":3,"mappings":";;;;;;AAAA;AAIA;AAEA;AACA;AACA;AAEaA,kBAAU,gBAEnBC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,SAAS,GAAGC,iCAAe,CAACH,KAAK,CAAC;EAExC,IAAIA,KAAK,CAACI,MAAM,EAAE;IAChB,OAAON,oBAACO,mCAAgB;MAAA,GAAKL;IAAK,GAAGA,KAAK,CAACM,QAAQ,CAAoB;;EAEzE,IAAIN,KAAK,CAACO,aAAa,KAAI,WAAK,CAACC,mBAAmB,+CAAzBR,KAAK,EAAuBA,KAAK,CAAC,GAAE;IAC7D,OAAOF,oBAACW,uCAAkB;MAAA,GAAKT;IAAK,EAAI;;EAG1C,OAAOF,oBAACY,yBAAM;IAAA,GAAMV,KAAgD;IAAA,GAAME;EAAS,EAAI;AACzF,CAAC,CAAC","names":["exports","React","forwardRef","props","_ref","shimProps","shimButtonProps_1","toggle","ToggleButtonShim_1","children","secondaryText","onRenderDescription","CompoundButtonShim_1","react_components_1"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/ButtonShim.tsx"],"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-commonjs/components/Button/CommandButtonShim.js CHANGED Viewed

@@ -7,9 +7,7 @@ exports.CommandButtonShim = void 0;
 /**
  * Shims v8 CommandButtonShim to render a v9 Button
  */
 var ActionButtonShim_1 = /*#__PURE__*/require("./ActionButtonShim");
 Object.defineProperty(exports, "CommandButtonShim", {
   enumerable: true,
   get: function () {

package/lib-commonjs/components/Button/CommandButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/CommandButtonShim.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAEG;;AACH,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,kBAAA,CAAA,gBAAA;EAAgB;AAAhB,CAAA","sourcesContent":["/*\n Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"]~~,"sourceRoot":"../src/"~~}
1	+ {"version":3,"mappings":";;;;;;AAAA;;;AAGA;AAASA;EAAAC;EAAAC;IAAA,0CAAgB;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/CommandButtonShim.tsx"],"sourcesContent":["/*\n Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"]}

package/lib-commonjs/components/Button/CompoundButtonShim.js CHANGED Viewed

@@ -4,27 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompoundButtonShim = void 0;
 const React = /*#__PURE__*/require("react");
 const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
 const shimButtonProps_1 = /*#__PURE__*/require("./shimButtonProps");
 /**
  * Shims v8 CompoundButton to render a v9 CompoundButton
  */
 exports.CompoundButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
   var _a;
-  const variantProps = { ...props,
+  const variantProps = {
+    ...props,
     variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound'
   };
-  const shimProps = { ...shimButtonProps_1.shimButtonProps(variantProps),
+  const shimProps = {
+    ...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, { ...props,
+  return React.createElement(react_components_1.CompoundButton, {
+    ...props,
     ...shimProps
   });
 });

package/lib-commonjs/components/Button/CompoundButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["packages/react-migration-v8-v9/src/components/Button/CompoundButtonShim.tsx"],"names":[],"~~mappings":"~~;;;;;;;~~AAAA~~,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;~~AAIA~~,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;~~AAGA~~,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA~~;AAEA~~;;AAEG~~;;;~~AACU~~,~~OAAA~~,~~CAAA~~,~~kBAAA~~,~~gBAET~~,~~KAAK~~,CAAC,~~UAAN~~,~~CAAiB~~,~~CAAC~~,~~KAAD~~,~~EAAQ,IAAR,KAAgB;;;~~EACnC,~~MAAM~~,YAAY,GAAG,~~EACnB~~,~~GAAG,KADgB~~;~~IAEnB~~,gBAAgB,~~EAAE~~,KAAK,~~CAAC~~,~~OAAN~~,~~GAAgB~~,~~4BAAhB~~,~~GAA+C~~;~~EAF9C,CAArB~~;~~EAKA~~,~~MAAM~~,SAAS,GAAwB,~~EACrC~~,~~GAAG~~,~~iBAAA~~,~~CAAA~~,~~eAAA,CAAgB,YAAhB,CADkC~~;~~IAErC~~,gBAAgB,~~EAAE~~,KAAK,~~CAAC~~,~~aAAN~~,~~KAAuB~~,~~CAAA~~,~~EAAA~~,~~GAAA~~,KAAK,~~CAAC~~,~~mBAAN~~,~~MAAyB~~,~~IAAzB~~,~~IAAyB~~,~~EAAA~~,~~KAAA~~,~~KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAA,~~IAAA,~~CAAzB,KAAyB,EAAG,KAAH,CAAhD~~;~~EAFmB~~,~~CAAvC~~;~~EAKA~~,~~OAAO~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~kBAAA~~,~~CAAA~~,~~cAAD~~,~~EAAe~~,~~EAAA~~,~~GAAM~~,~~KAAN;IAAsD~~,~~GAAM;EAA5D~~,~~CAAf~~,~~CAAP;AACD~~,~~CAZG~~,~~CAFS~~","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"]~~,"sourceRoot":"../src/"~~}
1	+ {"version":3,"mappings":";;;;;;AAAA;AAIA;AAGA;AAEA;;;AAGaA,0BAAkB,gBAE3BC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAwB;IACrC,GAAGC,iCAAe,CAACJ,YAAY,CAAC;IAChCK,gBAAgB,EAAEP,KAAK,CAACQ,aAAa,KAAI,WAAK,CAACC,mBAAmB,+CAAzBT,KAAK,EAAuBA,KAAK,CAAC;GAC5E;EAED,OAAOF,oBAACY,iCAAc;IAAA,GAAMV,KAAgD;IAAA,GAAMK;EAAS,EAAI;AACjG,CAAC,CAAC","names":["exports","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps_1","secondaryContent","secondaryText","onRenderDescription","react_components_1"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/CompoundButtonShim.tsx"],"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-commonjs/components/Button/DefaultButtonShim.js CHANGED Viewed

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DefaultButtonShim = void 0;
 const React = /*#__PURE__*/require("react");
 const ButtonShim_1 = /*#__PURE__*/require("./ButtonShim");
 /**
  * Shims a v8 DefaultButton to render a v9 Button
  */
 exports.DefaultButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
-  return React.createElement(ButtonShim_1.ButtonShim, { ...props,
+  return React.createElement(ButtonShim_1.ButtonShim, {
+    ...props,
     variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default'
   });
 });

package/lib-commonjs/components/Button/DefaultButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["packages/react-migration-v8-v9/src/components/Button/DefaultButtonShim.tsx"],"names":[],"~~mappings":"~~;;;;;;;~~AAAA~~,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;~~AAIA~~,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA~~;AAEA~~;;AAEG~~;;;~~AACU~~,~~OAAA~~,~~CAAA~~,~~iBAAA~~,~~gBAET~~,~~KAAK~~,CAAC,~~UAAN~~,~~CAAiB~~,~~CAAC~~,~~KAAD~~,~~EAAQ,IAAR,KAAgB~~;EACnC,~~OAAO~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~YAAA~~,~~CAAA~~,~~UAAD~~,~~EAAW~~,~~EAAA~~,~~GAAK~~,~~KAAL~~;~~IAAY~~,~~gBAAgB~~,~~EAAE~~,~~KAAK,~~CAAC,~~OAAN~~,~~GAAgB~~,~~oBAAhB~~,~~GAAuC;EAArE~~,~~CAAX~~,~~CAAP;AACD~~,~~CAFG~~,~~CAFS~~","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"]~~,"sourceRoot":"../src/"~~}
1	+ {"version":3,"mappings":";;;;;;AAAA;AAIA;AAEA;;;AAGaA,yBAAiB,gBAE1BC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,OAAOH,oBAACI,uBAAU;IAAA,GAAKF,KAAK;IAAEG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,oBAAoB,GAAG;EAAoB,EAAI;AACjH,CAAC,CAAC","names":["exports","React","forwardRef","props","_ref","ButtonShim_1","variantClassName","primary"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/DefaultButtonShim.tsx"],"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-commonjs/components/Button/MenuButtonShim.js CHANGED Viewed

@@ -4,29 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MenuButtonShim = void 0;
 const React = /*#__PURE__*/require("react");
 const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
 const index_1 = /*#__PURE__*/require("../Menu/index");
 const shimButtonProps_1 = /*#__PURE__*/require("./shimButtonProps");
 exports.MenuButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
   var _a;
-  const variantProps = { ...props,
+  const variantProps = {
+    ...props,
     variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default'
   };
-  const shimProps = { ...shimButtonProps_1.shimButtonProps(variantProps)
+  const shimProps = {
+    ...shimButtonProps_1.shimButtonProps(variantProps)
   };
   const shimmedMenuProps = props.menuProps ? index_1.shimMenuProps(props.menuProps) : {};
-  return React.createElement(react_components_1.Menu, { ...shimmedMenuProps
-  }, React.createElement(react_components_1.MenuTrigger, null, React.createElement(react_components_1.MenuButton, { ...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(item => // key is added through item spread
+  return React.createElement(react_components_1.Menu, {
+    ...shimmedMenuProps
+  }, React.createElement(react_components_1.MenuTrigger, null, React.createElement(react_components_1.MenuButton, {
+    ...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(item =>
+  // key is added through item spread
   // eslint-disable-next-line react/jsx-key
-  React.createElement(index_1.MenuItemShim, { ...item
+  React.createElement(index_1.MenuItemShim, {
+    ...item
   })))));
 });
 //# sourceMappingURL=MenuButtonShim.js.map