@fluentui/react-migration-v8-v9 9.6.19 → 9.6.20
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.
- package/CHANGELOG.md +11 -2
- package/lib/components/Button/ActionButtonShim.js.map +1 -1
- package/lib/components/Button/ButtonShim.js.map +1 -1
- package/lib/components/Button/CommandButtonShim.js.map +1 -1
- package/lib/components/Button/CompoundButtonShim.js.map +1 -1
- package/lib/components/Button/DefaultButtonShim.js.map +1 -1
- package/lib/components/Button/MenuButtonShim.js.map +1 -1
- package/lib/components/Button/PrimaryButtonShim.js.map +1 -1
- package/lib/components/Button/ToggleButtonShim.js.map +1 -1
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Button/shimButtonProps.js.map +1 -1
- package/lib/components/Checkbox/CheckboxShim.js.map +1 -1
- package/lib/components/Checkbox/index.js.map +1 -1
- package/lib/components/Checkbox/shimCheckboxProps.js.map +1 -1
- package/lib/components/Menu/MenuShim.js.map +1 -1
- package/lib/components/Menu/index.js.map +1 -1
- package/lib/components/Menu/shimMenuProps.js.map +1 -1
- package/lib/components/Stack/StackItemShim.js.map +1 -1
- package/lib/components/Stack/StackShim.js.map +1 -1
- package/lib/components/Stack/index.js.map +1 -1
- package/lib/components/Stack/stackUtils.js.map +1 -1
- package/lib/components/Theme/index.js.map +1 -1
- package/lib/components/Theme/themeDuplicates.js.map +1 -1
- package/lib/components/Theme/v8ThemeShim.js.map +1 -1
- package/lib/components/Theme/v9BrandVariantsShim.js.map +1 -1
- package/lib/components/Theme/v9ThemeShim.js.map +1 -1
- package/lib/components/utils.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Button/ActionButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/ButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/CommandButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/CompoundButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/DefaultButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/MenuButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/PrimaryButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/ToggleButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/index.js.map +1 -1
- package/lib-commonjs/components/Button/shimButtonProps.js.map +1 -1
- package/lib-commonjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/lib-commonjs/components/Checkbox/CheckboxShim.js.map +1 -1
- package/lib-commonjs/components/Checkbox/index.js.map +1 -1
- package/lib-commonjs/components/Checkbox/shimCheckboxProps.js.map +1 -1
- package/lib-commonjs/components/Menu/MenuShim.js.map +1 -1
- package/lib-commonjs/components/Menu/index.js.map +1 -1
- package/lib-commonjs/components/Menu/shimMenuProps.js +7 -7
- package/lib-commonjs/components/Menu/shimMenuProps.js.map +1 -1
- package/lib-commonjs/components/Stack/StackItemShim.js.map +1 -1
- package/lib-commonjs/components/Stack/StackItemShim.styles.js +5 -5
- package/lib-commonjs/components/Stack/StackItemShim.styles.js.map +1 -1
- package/lib-commonjs/components/Stack/StackShim.js.map +1 -1
- package/lib-commonjs/components/Stack/StackShim.styles.js +5 -5
- package/lib-commonjs/components/Stack/StackShim.styles.js.map +1 -1
- package/lib-commonjs/components/Stack/index.js.map +1 -1
- package/lib-commonjs/components/Stack/stackUtils.js +3 -3
- package/lib-commonjs/components/Stack/stackUtils.js.map +1 -1
- package/lib-commonjs/components/Theme/index.js.map +1 -1
- package/lib-commonjs/components/Theme/themeDuplicates.js +25 -25
- package/lib-commonjs/components/Theme/themeDuplicates.js.map +1 -1
- package/lib-commonjs/components/Theme/v8ThemeShim.js.map +1 -1
- package/lib-commonjs/components/Theme/v9BrandVariantsShim.js.map +1 -1
- package/lib-commonjs/components/Theme/v9ThemeShim.js.map +1 -1
- package/lib-commonjs/components/utils.js.map +1 -1
- package/lib-commonjs/index.js +13 -13
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["v8ThemeShim.ts"],"sourcesContent":["import type { IPalette, ISemanticColors, IFontStyles, IFontWeight, IEffects, Theme as ThemeV8 } from '@fluentui/react';\nimport { createTheme, DefaultPalette } from '@fluentui/react';\nimport { fluent2ComponentStyles } from '@fluentui/fluent2-theme';\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 components: fluent2ComponentStyles,\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"],"names":["createTheme","DefaultPalette","fluent2ComponentStyles","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","components","semanticColors","fonts","effects"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["v8ThemeShim.ts"],"sourcesContent":["import type { IPalette, ISemanticColors, IFontStyles, IFontWeight, IEffects, Theme as ThemeV8 } from '@fluentui/react';\nimport { createTheme, DefaultPalette } from '@fluentui/react';\nimport { fluent2ComponentStyles } from '@fluentui/fluent2-theme';\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 components: fluent2ComponentStyles,\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"],"names":["createTheme","DefaultPalette","fluent2ComponentStyles","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","components","semanticColors","fonts","effects"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["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"],"names":["TinyColor","mixColors","colorA","colorB","amount","mix","toHexString","mixByPairs","palette","themeDarker","themeDark","themeDarkAlt","themePrimary","themeSecondary","themeTertiary","themeLight","themeLighter","themeLighterAlt","mixPrimaryAndEnds","createBrandVariants","interpolation"],"mappings":"AAEA,SAASA,SAAS,QAAQ,kBAAkB;AAG5C;;CAEC,GACD,MAAMC,YAAY,CAACC,QAAoBC,QAAoBC;IACzD,OAAO,IAAIJ,UAAUE,QAAQG,GAAG,CAAC,IAAIL,UAAUG,SAASC,QAAQE,WAAW;AAC7E;AAEA;;CAEC,GACD,MAAMC,aAAa,CAACC;IAClB,OAAO;QACL,IAAIA,QAAQC,WAAW;QACvB,IAAIR,UAAUO,QAAQC,WAAW,EAAED,QAAQE,SAAS;QACpD,IAAIF,QAAQE,SAAS;QACrB,IAAIT,UAAUO,QAAQE,SAAS,EAAEF,QAAQG,YAAY;QACrD,IAAIH,QAAQG,YAAY;QACxB,IAAIV,UAAUO,QAAQG,YAAY,EAAEH,QAAQI,YAAY;QACxD,IAAIJ,QAAQI,YAAY;QACxB,IAAIX,UAAUO,QAAQI,YAAY,EAAEJ,QAAQK,cAAc;QAC1D,IAAIL,QAAQK,cAAc;QAC1B,KAAKZ,UAAUO,QAAQK,cAAc,EAAEL,QAAQM,aAAa;QAC5D,KAAKN,QAAQM,aAAa;QAC1B,KAAKb,UAAUO,QAAQM,aAAa,EAAEN,QAAQO,UAAU;QACxD,KAAKP,QAAQO,UAAU;QACvB,KAAKd,UAAUO,QAAQO,UAAU,EAAEP,QAAQQ,YAAY;QACvD,KAAKR,QAAQQ,YAAY;QACzB,KAAKf,UAAUO,QAAQQ,YAAY,EAAER,QAAQS,eAAe;IAC9D;AACF;AAEA;;;;CAIC,GACD,MAAMC,oBAAoB,CAACV;IACzB,OAAO;QACL,IAAIA,QAAQC,WAAW;QACvB,IAAIR,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIX,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIX,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIX,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIX,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIX,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIJ,QAAQI,YAAY;QACxB,IAAIX,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC7D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKT,QAAQS,eAAe;IAC9B;AACF;AAIA;;;CAGC,GACD,OAAO,MAAME,sBAAsB,CAACX,SAAmBY,gBAA+B,OAAO;IAC3F,OAAQA;QACN,KAAK;YACH,OAAOF,kBAAkBV;QAC3B,KAAK;QACL;YACE,OAAOD,WAAWC;IACtB;AACF,EAAE"}
|
|
1
|
+
{"version":3,"sources":["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"],"names":["TinyColor","mixColors","colorA","colorB","amount","mix","toHexString","mixByPairs","palette","themeDarker","themeDark","themeDarkAlt","themePrimary","themeSecondary","themeTertiary","themeLight","themeLighter","themeLighterAlt","mixPrimaryAndEnds","createBrandVariants","interpolation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,SAAS,QAAQ,kBAAkB;AAG5C;;CAEC,GACD,MAAMC,YAAY,CAACC,QAAoBC,QAAoBC;IACzD,OAAO,IAAIJ,UAAUE,QAAQG,GAAG,CAAC,IAAIL,UAAUG,SAASC,QAAQE,WAAW;AAC7E;AAEA;;CAEC,GACD,MAAMC,aAAa,CAACC;IAClB,OAAO;QACL,IAAIA,QAAQC,WAAW;QACvB,IAAIR,UAAUO,QAAQC,WAAW,EAAED,QAAQE,SAAS;QACpD,IAAIF,QAAQE,SAAS;QACrB,IAAIT,UAAUO,QAAQE,SAAS,EAAEF,QAAQG,YAAY;QACrD,IAAIH,QAAQG,YAAY;QACxB,IAAIV,UAAUO,QAAQG,YAAY,EAAEH,QAAQI,YAAY;QACxD,IAAIJ,QAAQI,YAAY;QACxB,IAAIX,UAAUO,QAAQI,YAAY,EAAEJ,QAAQK,cAAc;QAC1D,IAAIL,QAAQK,cAAc;QAC1B,KAAKZ,UAAUO,QAAQK,cAAc,EAAEL,QAAQM,aAAa;QAC5D,KAAKN,QAAQM,aAAa;QAC1B,KAAKb,UAAUO,QAAQM,aAAa,EAAEN,QAAQO,UAAU;QACxD,KAAKP,QAAQO,UAAU;QACvB,KAAKd,UAAUO,QAAQO,UAAU,EAAEP,QAAQQ,YAAY;QACvD,KAAKR,QAAQQ,YAAY;QACzB,KAAKf,UAAUO,QAAQQ,YAAY,EAAER,QAAQS,eAAe;IAC9D;AACF;AAEA;;;;CAIC,GACD,MAAMC,oBAAoB,CAACV;IACzB,OAAO;QACL,IAAIA,QAAQC,WAAW;QACvB,IAAIR,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIX,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIX,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIX,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIX,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIX,UAAUO,QAAQC,WAAW,EAAED,QAAQI,YAAY,EAAE;QACzD,IAAIJ,QAAQI,YAAY;QACxB,IAAIX,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC7D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKhB,UAAUO,QAAQI,YAAY,EAAEJ,QAAQS,eAAe,EAAE;QAC9D,KAAKT,QAAQS,eAAe;IAC9B;AACF;AAIA;;;CAGC,GACD,OAAO,MAAME,sBAAsB,CAACX,SAAmBY,gBAA+B,OAAO;IAC3F,OAAQA;QACN,KAAK;YACH,OAAOF,kBAAkBV;QAC3B,KAAK;QACL;YACE,OAAOD,WAAWC;IACtB;AACF,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["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, grey10Alpha, grey12Alpha } 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: inverted ? palette.neutralSecondaryAlt : 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: inverted ? palette.neutralSecondaryAlt : 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 colorBrandForeground2Hover: palette.themeDarkAlt,\n colorBrandForeground2Pressed: 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 colorNeutralBackgroundAlpha: inverted ? grey10Alpha[50] : whiteAlpha[50],\n colorNeutralBackgroundAlpha2: inverted ? grey12Alpha[70] : whiteAlpha[80],\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 colorBrandBackground2Hover: palette.themeLighterAlt,\n colorBrandBackground2Pressed: palette.themeLighterAlt,\n colorBrandBackground3Static: palette.themeDark,\n colorBrandBackground4Static: palette.themeDarker,\n colorBrandBackgroundInverted: palette.white,\n colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n colorBrandBackgroundInvertedPressed: palette.themeLight,\n colorBrandBackgroundInvertedSelected: palette.themeLighter,\n colorNeutralCardBackground: inverted ? grey[20] : grey[98],\n colorNeutralCardBackgroundHover: inverted ? grey[24] : palette.white,\n colorNeutralCardBackgroundPressed: inverted ? grey[18] : grey[96],\n colorNeutralCardBackgroundSelected: inverted ? grey[22] : grey[92],\n colorNeutralCardBackgroundDisabled: inverted ? grey[8] : grey[94],\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 colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,\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 colorBrandStroke2Hover: palette.themeLight,\n colorBrandStroke2Pressed: palette.themeLight,\n colorBrandStroke2Contrast: 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 colorNeutralStrokeAlpha: inverted ? whiteAlpha[10] : blackAlpha[5],\n colorNeutralStrokeAlpha2: whiteAlpha[20],\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"],"names":["webLightTheme","blackAlpha","whiteAlpha","grey","grey10Alpha","grey12Alpha","mapAliasColors","palette","inverted","colorNeutralForeground1","neutralPrimary","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","neutralSecondary","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","themePrimary","colorNeutralForeground2BrandPressed","themeDarkAlt","colorNeutralForeground2BrandSelected","colorNeutralForeground3","neutralSecondaryAlt","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","colorBrandForeground2Hover","colorBrandForeground2Pressed","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","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","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","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackground3Static","colorBrandBackground4Static","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","themeLight","colorBrandBackgroundInvertedSelected","themeLighter","colorNeutralCardBackground","colorNeutralCardBackgroundHover","colorNeutralCardBackgroundPressed","colorNeutralCardBackgroundSelected","colorNeutralCardBackgroundDisabled","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","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"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["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, grey10Alpha, grey12Alpha } 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: inverted ? palette.neutralSecondaryAlt : 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: inverted ? palette.neutralSecondaryAlt : 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 colorBrandForeground2Hover: palette.themeDarkAlt,\n colorBrandForeground2Pressed: 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 colorNeutralBackgroundAlpha: inverted ? grey10Alpha[50] : whiteAlpha[50],\n colorNeutralBackgroundAlpha2: inverted ? grey12Alpha[70] : whiteAlpha[80],\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 colorBrandBackground2Hover: palette.themeLighterAlt,\n colorBrandBackground2Pressed: palette.themeLighterAlt,\n colorBrandBackground3Static: palette.themeDark,\n colorBrandBackground4Static: palette.themeDarker,\n colorBrandBackgroundInverted: palette.white,\n colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n colorBrandBackgroundInvertedPressed: palette.themeLight,\n colorBrandBackgroundInvertedSelected: palette.themeLighter,\n colorNeutralCardBackground: inverted ? grey[20] : grey[98],\n colorNeutralCardBackgroundHover: inverted ? grey[24] : palette.white,\n colorNeutralCardBackgroundPressed: inverted ? grey[18] : grey[96],\n colorNeutralCardBackgroundSelected: inverted ? grey[22] : grey[92],\n colorNeutralCardBackgroundDisabled: inverted ? grey[8] : grey[94],\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 colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,\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 colorBrandStroke2Hover: palette.themeLight,\n colorBrandStroke2Pressed: palette.themeLight,\n colorBrandStroke2Contrast: 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 colorNeutralStrokeAlpha: inverted ? whiteAlpha[10] : blackAlpha[5],\n colorNeutralStrokeAlpha2: whiteAlpha[20],\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"],"names":["webLightTheme","blackAlpha","whiteAlpha","grey","grey10Alpha","grey12Alpha","mapAliasColors","palette","inverted","colorNeutralForeground1","neutralPrimary","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","neutralSecondary","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","themePrimary","colorNeutralForeground2BrandPressed","themeDarkAlt","colorNeutralForeground2BrandSelected","colorNeutralForeground3","neutralSecondaryAlt","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","colorBrandForeground2Hover","colorBrandForeground2Pressed","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","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","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","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackground3Static","colorBrandBackground4Static","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","themeLight","colorBrandBackgroundInvertedSelected","themeLighter","colorNeutralCardBackground","colorNeutralCardBackgroundHover","colorNeutralCardBackgroundPressed","colorNeutralCardBackgroundSelected","colorNeutralCardBackgroundDisabled","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["utils.ts"],"sourcesContent":["export function getHTMLAttributes<T extends object>(props: T, allV8PropsSet: Set<string>): T {\n const v8Props: T = { ...props };\n const propsKeys: string[] = Object.keys(v8Props);\n propsKeys.forEach(key => {\n if (allV8PropsSet.has(key)) {\n delete v8Props[key as keyof typeof v8Props];\n }\n });\n return v8Props;\n}\n"],"names":["getHTMLAttributes","props","allV8PropsSet","v8Props","propsKeys","Object","keys","forEach","key","has"],"mappings":"AAAA,OAAO,SAASA,kBAAoCC,KAAQ,EAAEC,aAA0B;IACtF,MAAMC,UAAa;QAAE,GAAGF,KAAK;IAAC;IAC9B,MAAMG,YAAsBC,OAAOC,IAAI,CAACH;IACxCC,UAAUG,OAAO,CAACC,CAAAA;QAChB,IAAIN,cAAcO,GAAG,CAACD,MAAM;YAC1B,OAAOL,OAAO,CAACK,IAA4B;QAC7C;IACF;IACA,OAAOL;AACT"}
|
|
1
|
+
{"version":3,"sources":["utils.ts"],"sourcesContent":["export function getHTMLAttributes<T extends object>(props: T, allV8PropsSet: Set<string>): T {\n const v8Props: T = { ...props };\n const propsKeys: string[] = Object.keys(v8Props);\n propsKeys.forEach(key => {\n if (allV8PropsSet.has(key)) {\n delete v8Props[key as keyof typeof v8Props];\n }\n });\n return v8Props;\n}\n"],"names":["getHTMLAttributes","props","allV8PropsSet","v8Props","propsKeys","Object","keys","forEach","key","has"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,OAAO,SAASA,kBAAoCC,KAAQ,EAAEC,aAA0B;IACtF,MAAMC,UAAa;QAAE,GAAGF,KAAK;IAAC;IAC9B,MAAMG,YAAsBC,OAAOC,IAAI,CAACH;IACxCC,UAAUG,OAAO,CAACC,CAAAA;QAChB,IAAIN,cAAcO,GAAG,CAACD,MAAM;YAC1B,OAAOL,OAAO,CAACK,IAA4B;QAC7C;IACF;IACA,OAAOL;AACT"}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["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 { CheckboxShim } from './components/Checkbox/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"],"names":["ActionButtonShim","ButtonShim","CommandButtonShim","CompoundButtonShim","DefaultButtonShim","MenuButtonShim","PrimaryButtonShim","shimButtonProps","ToggleButtonShim","MenuItemShim","shimMenuProps","StackItemShim","StackShim","CheckboxShim","black","blackAlpha","brandWeb","createBrandVariants","createV8Theme","createV9Theme","grey","grey14Alpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","sharedColors","white","whiteAlpha"],"mappings":"AAAA,SACEA,gBAAgB,EAChBC,UAAU,EACVC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,QACX,4BAA4B;AAEnC,SAASC,YAAY,EAAEC,aAAa,QAAQ,0BAA0B;AAEtE,SAASC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AAEpE,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,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,2BAA2B"}
|
|
1
|
+
{"version":3,"sources":["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 { CheckboxShim } from './components/Checkbox/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"],"names":["ActionButtonShim","ButtonShim","CommandButtonShim","CompoundButtonShim","DefaultButtonShim","MenuButtonShim","PrimaryButtonShim","shimButtonProps","ToggleButtonShim","MenuItemShim","shimMenuProps","StackItemShim","StackShim","CheckboxShim","black","blackAlpha","brandWeb","createBrandVariants","createV8Theme","createV9Theme","grey","grey14Alpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","sharedColors","white","whiteAlpha"],"rangeMappings":";;;;","mappings":"AAAA,SACEA,gBAAgB,EAChBC,UAAU,EACVC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,QACX,4BAA4B;AAEnC,SAASC,YAAY,EAAEC,aAAa,QAAQ,0BAA0B;AAEtE,SAASC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AAEpE,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,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,2BAA2B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ActionButtonShim.
|
|
1
|
+
{"version":3,"sources":["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<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"],"names":["ActionButtonShim","React","forwardRef","props","_ref","variantProps","variantClassName","shimProps","shimButtonProps","createElement","Button","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;iCAIA;iCAES;AAKzB,MAAMA,mBAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkB;IACpB;IAEA,MAAMC,YAAYC,IAAAA,gCAAAA,EAAgBH;IAElC,OAAA,WAAA,GAAOJ,OAAAQ,aAAA,CAACC,uBAAAA,EAAAA;QAAQ,GAAIP,KAAK;QAA8C,GAAGI,SAAS;QAAEI,YAAW;;AAClG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ButtonShim.
|
|
1
|
+
{"version":3,"sources":["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<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"],"names":["ButtonShim","React","forwardRef","props","_ref","shimProps","shimButtonProps","toggle","createElement","ToggleButtonShim","children","secondaryText","onRenderDescription","CompoundButtonShim","Button"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;;iEAVU;iCAIA;iCAES;kCACC;oCACE;AAE5B,MAAMA,aAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;QAMID;IAL3B,MAAME,YAAYC,IAAAA,gCAAAA,EAAgBH;IAElC,IAAIA,MAAMI,MAAM,EAAE;QAChB,OAAA,WAAA,GAAON,OAAAO,aAAA,CAACC,kCAAAA,EAAqBN,OAAQA,MAAMO,QAAQ;IACrD;IACA,IAAIP,MAAMQ,aAAa,IAAA,CAAA,AAAIR,CAAAA,6BAAAA,MAAMS,mBAAmB,AAAnBA,MAAmB,QAAzBT,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAAAA,IAAAA,CAAAA,OAA4BA,MAAAA,GAAQ;QAC7D,OAAA,WAAA,GAAOF,OAAAO,aAAA,CAACK,sCAAAA,EAAuBV;IACjC;IAEA,OAAA,WAAA,GAAOF,OAAAO,aAAA,CAACM,uBAAAA,EAAAA;QAAQ,GAAIX,KAAK;QAA8C,GAAGE,SAAS;;AACrF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CommandButtonShim.
|
|
1
|
+
{"version":3,"sources":["CommandButtonShim.tsx"],"sourcesContent":["/**\n * Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"],"names":["CommandButtonShim","ActionButtonShim"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA;;CAEC;;;;+BAC4BA;;;eAApBC,kCAAAA;;;kCAA6C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CompoundButtonShim.
|
|
1
|
+
{"version":3,"sources":["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"],"names":["CompoundButtonShim","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps","secondaryContent","secondaryText","onRenderDescription","createElement","CompoundButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;iCAIQ;iCAGC;AAKzB,MAAMA,qBAAAA,WAAAA,GAETC,OAAMC,UAAU,CAAC,CAACC,OAAOC;QAQgBD;IAP3C,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAAiC;QACrC,GAAGC,IAAAA,gCAAAA,EAAgBJ,aAAa;QAChCK,kBAAkBP,MAAMQ,aAAa,IAAA,CAAA,AAAIR,CAAAA,6BAAAA,MAAMS,mBAAmB,AAAnBA,MAAmB,QAAzBT,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAAAA,IAAAA,CAAAA,OAA4BA,MAAAA;IACvE;IAEA,OAAA,WAAA,GAAOF,OAAAY,aAAA,CAACC,+BAAAA,EAAAA;QAAgB,GAAIX,KAAK;QAA8C,GAAGK,SAAS;;AAC7F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DefaultButtonShim.
|
|
1
|
+
{"version":3,"sources":["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<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n });\n"],"names":["DefaultButtonShim","React","forwardRef","props","_ref","createElement","ButtonShim","variantClassName","primary"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;4BAII;AAKpB,MAAMA,oBAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,OAAA,WAAA,GAAOH,OAAAI,aAAA,CAACC,sBAAAA,EAAAA;QAAY,GAAGH,KAAK;QAAEI,kBAAkBJ,MAAMK,OAAO,GAAG,uBAAuB;;AACzF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["MenuButtonShim.
|
|
1
|
+
{"version":3,"sources":["MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n };\n\n const shimProps: MenuButtonProps = {\n ...shimButtonProps(variantProps),\n };\n\n const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuButton {...shimProps} />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.menuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n });\n"],"names":["MenuButtonShim","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps","shimmedMenuProps","menuProps","shimMenuProps","createElement","Menu","MenuTrigger","MenuButton","MenuPopover","MenuList","items","map","item","MenuItemShim"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;iCAG8C;uBAEzB;iCAEZ;AAEzB,MAAMA,iBAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;QAmBdD;IAlBT,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,uBAAuB;IAC3D;IAEA,MAAMC,YAA6B;QACjC,GAAGC,IAAAA,gCAAAA,EAAgBJ,aAAa;IAClC;IAEA,MAAMK,mBAAmBP,MAAMQ,SAAS,GAAGC,IAAAA,oBAAAA,EAAcT,MAAMQ,SAAS,IAAI,CAAC;IAE7E,OAAA,WAAA,GACEV,OAAAY,aAAA,CAACC,qBAAAA,EAASJ,kBAAAA,WAAAA,GACRT,OAAAY,aAAA,CAACE,4BAAAA,EAAAA,MAAAA,WAAAA,GACCd,OAAAY,aAAA,CAACG,2BAAAA,EAAeR,aAAAA,WAAAA,GAElBP,OAAAY,aAAA,CAACI,4BAAAA,EAAAA,MAAAA,WAAAA,GACChB,OAAAY,aAAA,CAACK,yBAAAA,EAAAA,MAAAA,AACEf,CAAAA,mBAAAA,MAAMQ,SAAS,AAATA,MAAS,QAAfR,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBgB,KAAK,CAACC,GAAG,CAACC,CAAAA,OAE1B,yCAAyC;sBACzCpB,OAAAY,aAAA,CAACS,mBAAAA,EAAiBD;AAM9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PrimaryButtonShim.
|
|
1
|
+
{"version":3,"sources":["PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n });\n"],"names":["PrimaryButtonShim","React","forwardRef","props","_ref","createElement","ButtonShim","primary","variantClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;4BAGI;AAKpB,MAAMA,oBAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,OAAA,WAAA,GAAOH,OAAAI,aAAA,CAACC,sBAAAA,EAAAA;QAAY,GAAGH,KAAK;QAAEI,SAAAA;QAAQC,kBAAiB;;AACzD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ToggleButtonShim.
|
|
1
|
+
{"version":3,"sources":["ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: ToggleButtonProps = {\n ...shimButtonProps(variantProps),\n checked: props.checked,\n defaultChecked: props.defaultChecked,\n };\n\n return <ToggleButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n });\n"],"names":["ToggleButtonShim","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps","checked","defaultChecked","createElement","ToggleButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;iCAIM;iCAGG;AAKzB,MAAMA,mBAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAA+B;QACnC,GAAGC,IAAAA,gCAAAA,EAAgBJ,aAAa;QAChCK,SAASP,MAAMO,OAAO;QACtBC,gBAAgBR,MAAMQ,cAAc;IACtC;IAEA,OAAA,WAAA,GAAOV,OAAAW,aAAA,CAACC,6BAAAA,EAAAA;QAAc,GAAIV,KAAK;QAA8C,GAAGK,SAAS;;AAC3F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ActionButtonShim';\nexport * from './ButtonShim';\nexport * from './CommandButtonShim';\nexport * from './CompoundButtonShim';\nexport * from './DefaultButtonShim';\nexport * from './MenuButtonShim';\nexport * from './PrimaryButtonShim';\nexport * from './shimButtonProps';\nexport * from './ToggleButtonShim';\n"],"names":[],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["shimButtonProps.
|
|
1
|
+
{"version":3,"sources":["shimButtonProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (props: IBaseButtonProps & React.RefAttributes<HTMLButtonElement>): ButtonProps => {\n //TODO: Icon shim. This still renders the v8 icon.\n const icon = props.onRenderIcon ? (\n props.onRenderIcon(props)\n ) : props.iconProps ? (\n <Icon {...props.iconProps} />\n ) : undefined;\n\n const variantClassName = props.variantClassName ?? props.primary ? 'ms-Button--primary' : 'ms-Button--default';\n const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');\n\n return {\n // spread incoming props to propagate HTML properties not part of IBaseButtonProps\n ...props,\n appearance: props.primary ? 'primary' : undefined,\n className,\n disabled: props.disabled,\n disabledFocusable: props.allowDisabledFocus,\n 'aria-hidden': props.ariaHidden,\n 'aria-label': props.ariaLabel,\n icon,\n key: props.key || props.uniqueId,\n children: props.onRenderChildren\n ? props.onRenderChildren(props)\n : props.onRenderText\n ? props.onRenderText(props)\n : props.text || props.children,\n } as ButtonProps;\n};\n"],"names":["shimButtonProps","props","icon","onRenderIcon","iconProps","React","createElement","Icon","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;wBAEF;AAKd,MAAMA,kBAAkB,CAACC;IAC9B,kDAAkD;IAClD,MAAMC,OAAOD,MAAME,YAAY,GAC7BF,MAAME,YAAY,CAACF,SACjBA,MAAMG,SAAS,GAAA,WAAA,GACjBC,OAAAC,aAAA,CAACC,YAAAA,EAASN,MAAMG,SAAS,IACvBI;QAEqBP;IAAzB,MAAMQ,mBAAmBR,CAAAA,CAAAA,0BAAAA,MAAMQ,gBAAgB,AAAhBA,MAAgB,QAAtBR,4BAAAA,KAAAA,IAAAA,0BAA0BA,MAAMS,OAAO,AAAPA,IAAU,uBAAuB;IAC1F,MAAMC,YAAY;QAACV,MAAMW,aAAa;QAAEH;QAAkBR,MAAMU,SAAS;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAEhG,OAAO;QACL,kFAAkF;QAClF,GAAGd,KAAK;QACRe,YAAYf,MAAMS,OAAO,GAAG,YAAYF;QACxCG;QACAM,UAAUhB,MAAMgB,QAAQ;QACxBC,mBAAmBjB,MAAMkB,kBAAkB;QAC3C,eAAelB,MAAMmB,UAAU;QAC/B,cAAcnB,MAAMoB,SAAS;QAC7BnB;QACAoB,KAAKrB,MAAMqB,GAAG,IAAIrB,MAAMsB,QAAQ;QAChCC,UAAUvB,MAAMwB,gBAAgB,GAC5BxB,MAAMwB,gBAAgB,CAACxB,SACvBA,MAAMyB,YAAY,GAClBzB,MAAMyB,YAAY,CAACzB,SACnBA,MAAM0B,IAAI,IAAI1B,MAAMuB,QAAQ;IAClC;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Checkbox.styles.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["Checkbox.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useCheckboxStyles = makeStyles({\n root: {\n display: 'flex'\n }\n});\n"],"names":["useCheckboxStyles","__styles","root","mc9l5x","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,oBAAiB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;KAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CheckboxShim.
|
|
1
|
+
{"version":3,"sources":["CheckboxShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction, ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props: ICheckboxProps, _ref: React.ForwardedRef<HTMLInputElement>) => {\n 'use no memo';\n\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) || React.createRef<HTMLInputElement>();\n\n React.useImperativeHandle(componentRef, () => ({\n checked: checkboxRef.current?.checked ?? false,\n indeterminate: checkboxRef.current?.indeterminate ?? false,\n focus: () => checkboxRef.current?.focus(),\n }));\n\n const defaultLabelRenderer = (checkboxProps?: ICheckboxProps): JSX.Element | null => {\n if (!checkboxProps) {\n return null;\n }\n const { label: defaultLabel, title } = checkboxProps;\n return defaultLabel ? (\n <span title={title} className={styles.text}>\n {defaultLabel}\n </span>\n ) : null;\n };\n\n if (label || onRenderLabel) {\n shimProps.label = {\n className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n };\n }\n\n return (\n <Checkbox\n {...shimProps}\n ref={checkboxRef}\n className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n />\n );\n});\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["CheckboxShim","getClassNames","classNamesFunction","useStaticStyles","React","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","useCheckboxProps","stylesV9","useCheckboxStyles","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","createElement","span","text","mergeClasses","children","Checkbox","ref","root","indicator","checkbox","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;wBAEkE;iCAClD;mCACN;gCACC;AAElC,MAAMC,gBAAgBC,IAAAA,0BAAAA,EAAyD;IAC7EC,iBAAiB;AACnB;AAEO,MAAMH,eAAAA,WAAAA,GAAeI,OAAMC,UAAU,CAAC,CAACC,OAAuBC;IACnE;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYC,IAAAA,mCAAAA,EAAiBT;IACnC,MAAMG,SAASR,cAAcS;IAC7B,MAAMM,WAAWC,IAAAA,iCAAAA;IACjB,MAAMC,cAAcX,QAACA,WAAAA,GAA8CH,OAAMe,SAAS;IAElFf,OAAMgB,mBAAmB,CAACP,cAAc;YAC7BK,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,CAAAA,+BAAAA,CAAAA,uBAAAA,YAAYI,OAAO,AAAPA,MAAO,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBG,OAAO,AAAPA,MAAO,QAA5BH,iCAAAA,KAAAA,IAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,qCAAAA,CAAAA,wBAAAA,YAAYI,OAAO,AAAPA,MAAO,QAAnBJ,0BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,sBAAqBK,aAAa,AAAbA,MAAa,QAAlCL,uCAAAA,KAAAA,IAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;uBAAAA,CAAAA,uBAAAA,YAAYI,OAAO,AAAPA,MAAO,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBM,KAAK;;QACzC;IAAA;IAEA,MAAMC,uBAAuB,CAACC;QAC5B,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEd,OAAOe,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,eAAAA,WAAAA,GACLvB,OAAAyB,aAAA,CAACC,QAAAA;YAAKF,OAAOA;YAAOpB,WAAWC,OAAOsB,IAAI;WACvCJ,gBAED;IACN;IAEA,IAAIf,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,WAAWwB,IAAAA,6BAAAA,EAAa,oBAAoBvB,OAAOG,KAAK,EAAEH,OAAOsB,IAAI;YACrEE,UAAUtB,gBAAgBA,cAAcL,OAAOmB,wBAAwBb;QACzE;IACF;IAEA,OAAA,WAAA,GACER,OAAAyB,aAAA,CAACK,yBAAAA,EAAAA;QACE,GAAGpB,SAAS;QACbqB,KAAKjB;QACLV,WAAWwB,IAAAA,6BAAAA,EAAahB,SAASoB,IAAI,EAAE,eAAe5B,WAAWC,OAAO2B,IAAI;QAC5EC,WAAW;YAAE7B,WAAWwB,IAAAA,6BAAAA,EAAa,wBAAwBvB,OAAO6B,QAAQ;QAAE;;AAGpF;AAEAtC,aAAauC,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './CheckboxShim';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["shimCheckboxProps.
|
|
1
|
+
{"version":3,"sources":["shimCheckboxProps.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { ICheckboxProps } from '@fluentui/react';\nimport { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--page [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n 'ariaDescribedBy',\n 'ariaLabel',\n 'ariaLabelledBy',\n 'ariaPositionInSet',\n 'ariaSetSize',\n 'boxSide',\n 'checked',\n 'checkmarkIconProps', // one case used this\n 'className',\n 'componentRef',\n 'defaultChecked',\n 'defaultIndeterminate',\n 'disabled',\n 'indeterminate',\n 'inputProps',\n 'label',\n 'name',\n 'onChange',\n 'onRenderLabel',\n 'required',\n 'styles',\n 'theme',\n 'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n const {\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n ariaPositionInSet,\n ariaSetSize,\n boxSide,\n checked: checkedV8,\n indeterminate,\n defaultChecked,\n defaultIndeterminate,\n disabled,\n inputProps,\n name,\n required,\n title,\n onChange: onChangeV8,\n } = props;\n\n const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n\n const onChange = React.useCallback(\n (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n let val: boolean | undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n // Ensure the checkbox is controlled\n if (checked !== undefined) {\n if (mixed) {\n val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n }\n }\n\n if (mixed) {\n setMixed(mixed && !indeterminate ? false : mixed);\n }\n\n setChecked(val);\n onChangeV8?.(event, data.checked as boolean);\n },\n [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n );\n\n const v9Props: Partial<CheckboxProps> = {\n checked: mixed ? 'mixed' : checked,\n defaultChecked: mixed ? 'mixed' : defaultChecked,\n labelPosition: boxSide === 'end' ? 'before' : 'after',\n disabled,\n required,\n title,\n name,\n onChange,\n };\n\n return {\n ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-posinset': ariaPositionInSet,\n 'aria-setsize': ariaSetSize,\n ...v9Props,\n ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n } as CheckboxProps;\n};\n"],"names":["useCheckboxProps","CHECKBOX_PROPS_V8","Set","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","useControllableValue","mixed","setMixed","React","useState","useCallback","event","data","val","undefined","v9Props","labelPosition","getHTMLAttributes"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqCaA;;;eAAAA;;;;iEArCU;4BAIc;uBACH;AAElC,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMC,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAEM,MAAMF,mBAAmB,CAACG;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,GAAGC,IAAAA,gCAAAA,EAAqBZ,WAAWE;IAC9D,MAAM,CAACW,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAACf,iBAAiBE;IAE1D,MAAMM,WAAWM,OAAME,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BrB,YAAYsB,YAAaF,KAAKpB,OAAO,GAAesB;QACnF,oCAAoC;QACpC,IAAItB,YAAYsB,WAAW;YACzB,IAAIR,OAAO;gBACTO,MAAMpB,cAAcqB,YAAYrB,YAAYE,mBAAmBmB,YAAYnB,iBAAiBkB;YAC9F;QACF;QAEA,IAAIP,OAAO;YACTC,SAASD,SAAS,CAACZ,gBAAgB,QAAQY;QAC7C;QAEAF,WAAWS;QACXV,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAaQ,OAAOC,KAAKpB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYG;QAAOZ;QAAeD;QAAWE;KAAe;IAGpF,MAAMoB,UAAkC;QACtCvB,SAASc,QAAQ,UAAUd;QAC3BG,gBAAgBW,QAAQ,UAAUX;QAClCqB,eAAezB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGyB,OAAO;QACV,GAAGE,IAAAA,wBAAAA,EAAkBhC,OAAOF,kBAAkB;IAChD;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["MenuShim.
|
|
1
|
+
{"version":3,"sources":["MenuShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n MenuItem,\n MenuDivider,\n MenuGroup,\n MenuGroupHeader,\n MenuTrigger,\n Menu,\n MenuList,\n MenuPopover,\n MenuItemCheckbox,\n MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\nexport const MenuItemShim = (props: IContextualMenuItem) => {\n if (props.itemType === ContextualMenuItemType.Divider) {\n const shimProps = shimMenuItemProps(props);\n return <MenuDivider {...(shimProps as MenuDividerProps)} />;\n }\n\n if (props.itemType === ContextualMenuItemType.Section) {\n const shimProps = shimMenuHeaderProps(props);\n return (\n <MenuGroup>\n <MenuGroupHeader>{shimProps.children}</MenuGroupHeader>\n {/* //TODO: sectionProps handling */}\n {props.subMenuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuGroup>\n );\n }\n\n if (props.canCheck) {\n const shimProps = shimMenuItemCheckboxProps(props);\n return <MenuItemCheckbox {...shimProps} />;\n }\n\n // Nested Menu to handle submenus\n if (props.subMenuProps?.items && props.subMenuProps.items.length > 0) {\n const shimmedMenuProps = shimMenuProps(props.subMenuProps);\n const shimmedItemProps = shimMenuItemProps(props);\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuItem {...shimmedItemProps} hasSubmenu />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.subMenuProps.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n }\n\n const shimProps = shimMenuItemProps(props);\n return <MenuItem {...shimProps} />;\n};\n"],"names":["MenuItemShim","props","itemType","ContextualMenuItemType","Divider","shimProps","shimMenuItemProps","React","createElement","MenuDivider","Section","shimMenuHeaderProps","MenuGroup","MenuGroupHeader","children","subMenuProps","items","map","item","canCheck","shimMenuItemCheckboxProps","MenuItemCheckbox","length","shimmedMenuProps","shimMenuProps","shimmedItemProps","Menu","MenuTrigger","MenuItem","hasSubmenu","MenuPopover","MenuList"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBaA;;;eAAAA;;;;iEAnBU;wBAEgB;iCAahC;+BAE0F;AAE1F,MAAMA,eAAe,CAACC;QA2BvBA;IA1BJ,IAAIA,MAAMC,QAAQ,KAAKC,8BAAAA,CAAuBC,OAAO,EAAE;QACrD,MAAMC,YAAYC,IAAAA,gCAAAA,EAAkBL;QACpC,OAAA,WAAA,GAAOM,OAAAC,aAAA,CAACC,4BAAAA,EAAiBJ;IAC3B;IAEA,IAAIJ,MAAMC,QAAQ,KAAKC,8BAAAA,CAAuBO,OAAO,EAAE;YAMhDT;QALL,MAAMI,YAAYM,IAAAA,kCAAAA,EAAoBV;QACtC,OAAA,WAAA,GACEM,OAAAC,aAAA,CAACI,0BAAAA,EAAAA,MAAAA,WAAAA,GACCL,OAAAC,aAAA,CAACK,gCAAAA,EAAAA,MAAiBR,UAAUS,QAAQ,GAAA,AAEnCb,CAAAA,uBAAAA,MAAMc,YAAY,AAAZA,MAAY,QAAlBd,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAoBe,KAAK,CAACC,GAAG,CAACC,CAAAA,OAE7B,yCAAyC;0BACzCX,OAAAC,aAAA,CAACR,cAAiBkB;IAI1B;IAEA,IAAIjB,MAAMkB,QAAQ,EAAE;QAClB,MAAMd,YAAYe,IAAAA,wCAAAA,EAA0BnB;QAC5C,OAAA,WAAA,GAAOM,OAAAC,aAAA,CAACa,iCAAAA,EAAqBhB;IAC/B;IAEA,iCAAiC;IACjC,IAAIJ,CAAAA,CAAAA,sBAAAA,MAAMc,YAAY,AAAZA,MAAY,QAAlBd,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBe,KAAK,AAALA,KAASf,MAAMc,YAAY,CAACC,KAAK,CAACM,MAAM,GAAG,GAAG;QACpE,MAAMC,mBAAmBC,IAAAA,4BAAAA,EAAcvB,MAAMc,YAAY;QACzD,MAAMU,mBAAmBnB,IAAAA,gCAAAA,EAAkBL;QAE3C,OAAA,WAAA,GACEM,OAAAC,aAAA,CAACkB,qBAAAA,EAASH,kBAAAA,WAAAA,GACRhB,OAAAC,aAAA,CAACmB,4BAAAA,EAAAA,MAAAA,WAAAA,GACCpB,OAAAC,aAAA,CAACoB,yBAAAA,EAAAA;YAAU,GAAGH,gBAAgB;YAAEI,YAAAA;2BAElCtB,OAAAC,aAAA,CAACsB,4BAAAA,EAAAA,MAAAA,WAAAA,GACCvB,OAAAC,aAAA,CAACuB,yBAAAA,EAAAA,MACE9B,MAAMc,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,CAAAA,OAE5B,yCAAyC;0BACzCX,OAAAC,aAAA,CAACR,cAAiBkB;IAM9B;IAEA,MAAMb,YAAYC,IAAAA,gCAAAA,EAAkBL;IACpC,OAAA,WAAA,GAAOM,OAAAC,aAAA,CAACoB,yBAAAA,EAAavB;AACvB"}
|