@fluentui/react-migration-v8-v9 1.0.31 → 9.1.0
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.json +10 -519
- package/CHANGELOG.md +7 -278
- 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/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 +2 -0
- 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/index.js.map +1 -1
- package/lib/stories/ThemeShim/ThemePreviewV8.js +316 -0
- package/lib/stories/ThemeShim/ThemePreviewV8.js.map +1 -0
- package/lib/stories/ThemeShim/ThemePreviewV9.js +197 -0
- package/lib/stories/ThemeShim/ThemePreviewV9.js.map +1 -0
- 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/Menu/MenuShim.js.map +1 -1
- package/lib-commonjs/components/Menu/index.js.map +1 -1
- 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/StackShim.js.map +1 -1
- package/lib-commonjs/components/Stack/index.js.map +1 -1
- 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.map +1 -1
- package/lib-commonjs/components/Theme/v8ThemeShim.js +2 -0
- 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/index.js.map +1 -1
- package/lib-commonjs/stories/ThemeShim/ThemePreviewV8.js +323 -0
- package/lib-commonjs/stories/ThemeShim/ThemePreviewV8.js.map +1 -0
- package/lib-commonjs/stories/ThemeShim/ThemePreviewV9.js +196 -0
- package/lib-commonjs/stories/ThemeShim/ThemePreviewV9.js.map +1 -0
- package/package.json +9 -6
- package/lib-amd/components/Button/ActionButtonShim.js +0 -14
- package/lib-amd/components/Button/ActionButtonShim.js.map +0 -1
- package/lib-amd/components/Button/ButtonShim.js +0 -17
- package/lib-amd/components/Button/ButtonShim.js.map +0 -1
- package/lib-amd/components/Button/CommandButtonShim.js +0 -7
- package/lib-amd/components/Button/CommandButtonShim.js.map +0 -1
- package/lib-amd/components/Button/CompoundButtonShim.js +0 -15
- package/lib-amd/components/Button/CompoundButtonShim.js.map +0 -1
- package/lib-amd/components/Button/DefaultButtonShim.js +0 -12
- package/lib-amd/components/Button/DefaultButtonShim.js.map +0 -1
- package/lib-amd/components/Button/MenuButtonShim.js +0 -20
- package/lib-amd/components/Button/MenuButtonShim.js.map +0 -1
- package/lib-amd/components/Button/PrimaryButtonShim.js +0 -12
- package/lib-amd/components/Button/PrimaryButtonShim.js.map +0 -1
- package/lib-amd/components/Button/ToggleButtonShim.js +0 -14
- package/lib-amd/components/Button/ToggleButtonShim.js.map +0 -1
- package/lib-amd/components/Button/index.js +0 -14
- package/lib-amd/components/Button/index.js.map +0 -1
- package/lib-amd/components/Button/shimButtonProps.js +0 -19
- package/lib-amd/components/Button/shimButtonProps.js.map +0 -1
- package/lib-amd/components/Menu/MenuShim.js +0 -42
- package/lib-amd/components/Menu/MenuShim.js.map +0 -1
- package/lib-amd/components/Menu/index.js +0 -7
- package/lib-amd/components/Menu/index.js.map +0 -1
- package/lib-amd/components/Menu/shimMenuProps.js +0 -30
- package/lib-amd/components/Menu/shimMenuProps.js.map +0 -1
- package/lib-amd/components/Stack/StackItemShim.js +0 -150
- package/lib-amd/components/Stack/StackItemShim.js.map +0 -1
- package/lib-amd/components/Stack/StackShim.js +0 -242
- package/lib-amd/components/Stack/StackShim.js.map +0 -1
- package/lib-amd/components/Stack/index.js +0 -7
- package/lib-amd/components/Stack/index.js.map +0 -1
- package/lib-amd/components/Stack/stackUtils.js +0 -168
- package/lib-amd/components/Stack/stackUtils.js.map +0 -1
- package/lib-amd/components/Theme/index.js +0 -9
- package/lib-amd/components/Theme/index.js.map +0 -1
- package/lib-amd/components/Theme/themeDuplicates.js +0 -864
- package/lib-amd/components/Theme/themeDuplicates.js.map +0 -1
- package/lib-amd/components/Theme/v8ThemeShim.js +0 -140
- package/lib-amd/components/Theme/v8ThemeShim.js.map +0 -1
- package/lib-amd/components/Theme/v9BrandVariantsShim.js +0 -75
- package/lib-amd/components/Theme/v9BrandVariantsShim.js.map +0 -1
- package/lib-amd/components/Theme/v9ThemeShim.js +0 -190
- package/lib-amd/components/Theme/v9ThemeShim.js.map +0 -1
- package/lib-amd/index.js +0 -38
- package/lib-amd/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"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","names":["mappedNeutrals","black","themeDuplicates_1","blackTranslucent40","neutralDark","neutralPrimary","neutralPrimaryAlt","neutralSecondary","neutralSecondaryAlt","neutralTertiary","neutralTertiaryAlt","neutralQuaternary","neutralQuaternaryAlt","neutralLight","neutralLighter","neutralLighterAlt","white","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","react_1","accent","mapSemanticColors","baseColors","theme","accentButtonBackground","colorBrandBackground","accentButtonText","colorNeutralForegroundOnBrand","actionLink","colorNeutralForeground1","actionLinkHovered","colorNeutralForeground1Hover","bodyBackground","colorNeutralBackground1","bodyBackgroundChecked","colorNeutralBackground1Selected","bodyBackgroundHovered","colorNeutralBackground1Hover","bodyDivider","colorNeutralStroke2","bodyFrameBackground","bodyFrameDivider","bodyStandoutBackground","colorNeutralBackground2","bodySubtext","colorNeutralForeground2","bodyText","bodyTextChecked","colorNeutralForeground1Selected","buttonBackground","buttonBackgroundChecked","buttonBackgroundCheckedHovered","buttonBackgroundDisabled","colorNeutralBackgroundDisabled","buttonBackgroundHovered","buttonBackgroundPressed","colorNeutralBackground1Pressed","buttonBorder","colorNeutralStroke1","buttonBorderDisabled","colorNeutralStrokeDisabled","buttonText","buttonTextChecked","buttonTextCheckedHovered","buttonTextDisabled","colorNeutralForegroundDisabled","buttonTextHovered","buttonTextPressed","cardShadow","shadow4","cardShadowHovered","shadow8","cardStandoutBackground","defaultStateBackground","disabledBackground","disabledBodySubtext","disabledBodyText","disabledBorder","disabledSubtext","disabledText","focusBorder","colorStrokeFocus2","inputBackground","inputBackgroundChecked","inputBackgroundCheckedHovered","colorBrandBackgroundHover","inputBorder","colorNeutralStrokeAccessible","inputBorderHovered","colorNeutralStrokeAccessibleHover","inputFocusBorderAlt","colorBrandStroke1","inputForegroundChecked","inputIcon","colorNeutralForeground3","inputIconDisabled","inputIconHovered","inputPlaceholderBackgroundChecked","colorBrandBackgroundInvertedSelected","inputPlaceholderText","colorNeutralForeground4","inputText","inputTextHovered","link","colorBrandForegroundLink","linkHovered","colorBrandForegroundLinkHover","listBackground","listHeaderBackgroundHovered","listHeaderBackgroundPressed","listItemBackgroundChecked","listItemBackgroundCheckedHovered","listItemBackgroundHovered","listText","listTextColor","menuBackground","menuDivider","menuHeader","menuIcon","menuItemBackgroundChecked","menuItemBackgroundHovered","menuItemBackgroundPressed","menuItemText","menuItemTextHovered","messageLink","messageLinkHovered","messageText","primaryButtonBackground","primaryButtonBackgroundDisabled","primaryButtonBackgroundHovered","primaryButtonBackgroundPressed","colorBrandBackgroundPressed","primaryButtonBorder","colorTransparentStroke","primaryButtonText","primaryButtonTextDisabled","primaryButtonTextHovered","primaryButtonTextPressed","mapFonts","baseFonts","tiny","fontFamily","fontFamilyBase","fontSize","fontSizeBase100","fontWeight","fontWeightRegular","xSmall","small","fontSizeBase200","smallPlus","medium","fontSizeBase300","mediumPlus","fontSizeBase400","large","xLarge","xxLarge","fontSizeBase500","fontWeightSemibold","fontSizeHero700","superLarge","fontSizeHero900","mega","fontSizeHero1000","mapEffects","baseEffects","elevation4","elevation8","elevation16","shadow16","elevation64","shadow64","roundedCorner2","borderRadiusSmall","roundedCorner4","borderRadiusMedium","roundedCorner6","borderRadiusLarge","createV8Theme","themeV9","isDarkTheme","themeV8","baseTheme","isInverted","palette","semanticColors","fonts","effects","exports"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Theme/v8ThemeShim.ts"],"sourcesContent":["import { createTheme, DefaultPalette } from '@fluentui/react';\nimport type { IPalette, ISemanticColors, IFontStyles, IFontWeight, IEffects, Theme as ThemeV8 } from '@fluentui/react';\n\nimport { BrandVariants, Theme as ThemeV9 } from '@fluentui/react-components';\n\nimport { black, blackAlpha, grey, sharedColors, white, whiteAlpha } from './themeDuplicates';\n\nconst mappedNeutrals = {\n black,\n blackTranslucent40: blackAlpha[40],\n neutralDark: grey[8],\n neutralPrimary: grey[14],\n neutralPrimaryAlt: grey[22],\n neutralSecondary: grey[36],\n neutralSecondaryAlt: grey[52],\n neutralTertiary: grey[62],\n neutralTertiaryAlt: grey[78],\n neutralQuaternary: grey[82],\n neutralQuaternaryAlt: grey[88],\n neutralLight: grey[92],\n neutralLighter: grey[96],\n neutralLighterAlt: grey[98],\n white,\n whiteTranslucent40: whiteAlpha[40],\n};\n\nconst invertedMappedNeutrals = {\n black: white,\n blackTranslucent40: whiteAlpha[40],\n neutralDark: grey[98],\n neutralPrimary: grey[96],\n neutralPrimaryAlt: grey[84],\n neutralSecondary: grey[82],\n neutralSecondaryAlt: grey[74],\n neutralTertiary: grey[44],\n neutralTertiaryAlt: grey[26],\n neutralQuaternary: grey[24],\n neutralQuaternaryAlt: grey[18],\n neutralLight: grey[16],\n neutralLighter: grey[14],\n neutralLighterAlt: grey[10],\n white: black,\n whiteTranslucent40: blackAlpha[40],\n};\n\nconst mappedSharedColors = {\n yellowDark: sharedColors.marigold.shade10,\n yellow: sharedColors.yellow.primary,\n yellowLight: sharedColors.yellow.tint40,\n orange: sharedColors.orange.primary,\n orangeLight: sharedColors.orange.tint20,\n orangeLighter: sharedColors.orange.tint40,\n redDark: sharedColors.darkRed.primary,\n red: sharedColors.red.primary,\n magentaDark: sharedColors.magenta.shade30,\n magenta: sharedColors.magenta.primary,\n magentaLight: sharedColors.magenta.tint30,\n purpleDark: sharedColors.darkPurple.primary,\n purple: sharedColors.purple.primary,\n purpleLight: sharedColors.purple.tint40,\n blueDark: sharedColors.darkBlue.primary,\n blueMid: sharedColors.royalBlue.primary,\n blue: sharedColors.blue.primary,\n blueLight: sharedColors.lightBlue.primary,\n tealDark: sharedColors.darkTeal.primary,\n teal: sharedColors.teal.primary,\n tealLight: sharedColors.lightTeal.primary,\n greenDark: sharedColors.darkGreen.primary,\n green: sharedColors.green.primary,\n greenLight: sharedColors.lightGreen.primary,\n};\n\n/**\n * Creates a v8 palette given a brand ramp\n */\nconst mapPalette = (brandColors: BrandVariants, inverted: boolean): IPalette => {\n const neutrals = inverted ? invertedMappedNeutrals : mappedNeutrals;\n const brands = inverted\n ? {\n themeDarker: brandColors[110],\n themeDark: brandColors[100],\n themeDarkAlt: brandColors[100],\n themePrimary: brandColors[90],\n themeSecondary: brandColors[90],\n themeTertiary: brandColors[60],\n themeLight: brandColors[50],\n themeLighter: brandColors[40],\n themeLighterAlt: brandColors[30],\n }\n : {\n themeDarker: brandColors[40],\n themeDark: brandColors[60],\n themeDarkAlt: brandColors[70],\n themePrimary: brandColors[80],\n themeSecondary: brandColors[90],\n themeTertiary: brandColors[120],\n themeLight: brandColors[140],\n themeLighter: brandColors[150],\n themeLighterAlt: brandColors[160],\n };\n\n return {\n ...DefaultPalette,\n ...neutrals,\n accent: brands.themePrimary,\n ...mappedSharedColors,\n ...brands,\n };\n};\n\n/**\n * Returns v9 theme colors overlaid on a base set of v8 semantic colors\n */\nconst mapSemanticColors = (baseColors: ISemanticColors, theme: ThemeV9): ISemanticColors => {\n return {\n ...baseColors,\n accentButtonBackground: theme.colorBrandBackground,\n accentButtonText: theme.colorNeutralForegroundOnBrand,\n actionLink: theme.colorNeutralForeground1,\n actionLinkHovered: theme.colorNeutralForeground1Hover,\n // blockingBackground,\n // blockingIcon,\n bodyBackground: theme.colorNeutralBackground1,\n bodyBackgroundChecked: theme.colorNeutralBackground1Selected,\n bodyBackgroundHovered: theme.colorNeutralBackground1Hover,\n bodyDivider: theme.colorNeutralStroke2,\n bodyFrameBackground: theme.colorNeutralBackground1,\n bodyFrameDivider: theme.colorNeutralStroke2,\n bodyStandoutBackground: theme.colorNeutralBackground2,\n bodySubtext: theme.colorNeutralForeground2,\n bodyText: theme.colorNeutralForeground1,\n bodyTextChecked: theme.colorNeutralForeground1Selected,\n buttonBackground: theme.colorNeutralBackground1,\n buttonBackgroundChecked: theme.colorNeutralBackground1Selected,\n buttonBackgroundCheckedHovered: theme.colorNeutralBackground1Hover,\n buttonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,\n buttonBackgroundHovered: theme.colorNeutralBackground1Hover,\n buttonBackgroundPressed: theme.colorNeutralBackground1Pressed,\n buttonBorder: theme.colorNeutralStroke1,\n buttonBorderDisabled: theme.colorNeutralStrokeDisabled,\n buttonText: theme.colorNeutralForeground1,\n buttonTextChecked: theme.colorNeutralForeground1,\n buttonTextCheckedHovered: theme.colorNeutralForeground1,\n buttonTextDisabled: theme.colorNeutralForegroundDisabled,\n buttonTextHovered: theme.colorNeutralForeground1,\n buttonTextPressed: theme.colorNeutralForeground1,\n cardShadow: theme.shadow4,\n cardShadowHovered: theme.shadow8,\n cardStandoutBackground: theme.colorNeutralBackground1,\n defaultStateBackground: theme.colorNeutralBackground2,\n disabledBackground: theme.colorNeutralBackgroundDisabled,\n disabledBodySubtext: theme.colorNeutralForegroundDisabled,\n disabledBodyText: theme.colorNeutralForegroundDisabled,\n disabledBorder: theme.colorNeutralStrokeDisabled,\n disabledSubtext: theme.colorNeutralForegroundDisabled,\n disabledText: theme.colorNeutralForegroundDisabled,\n // errorBackground,\n // errorIcon,\n // errorText: ,\n focusBorder: theme.colorStrokeFocus2,\n // infoBackground,\n // infoIcon,\n inputBackground: theme.colorNeutralBackground1,\n inputBackgroundChecked: theme.colorBrandBackground,\n inputBackgroundCheckedHovered: theme.colorBrandBackgroundHover,\n inputBorder: theme.colorNeutralStrokeAccessible,\n inputBorderHovered: theme.colorNeutralStrokeAccessibleHover,\n inputFocusBorderAlt: theme.colorBrandStroke1,\n inputForegroundChecked: theme.colorNeutralForegroundOnBrand,\n inputIcon: theme.colorNeutralForeground3,\n inputIconDisabled: theme.colorNeutralForegroundDisabled,\n inputIconHovered: theme.colorNeutralForeground3,\n inputPlaceholderBackgroundChecked: theme.colorBrandBackgroundInvertedSelected,\n inputPlaceholderText: theme.colorNeutralForeground4,\n inputText: theme.colorNeutralForeground1,\n inputTextHovered: theme.colorNeutralForeground1Hover,\n link: theme.colorBrandForegroundLink,\n linkHovered: theme.colorBrandForegroundLinkHover,\n listBackground: theme.colorNeutralBackground1,\n listHeaderBackgroundHovered: theme.colorNeutralBackground1Hover,\n listHeaderBackgroundPressed: theme.colorNeutralBackground1Pressed,\n listItemBackgroundChecked: theme.colorNeutralBackground1Selected,\n listItemBackgroundCheckedHovered: theme.colorNeutralBackground1Selected,\n listItemBackgroundHovered: theme.colorNeutralBackground1Hover,\n listText: theme.colorNeutralForeground1,\n listTextColor: theme.colorNeutralForeground1,\n menuBackground: theme.colorNeutralBackground1,\n menuDivider: theme.colorNeutralStroke2,\n menuHeader: theme.colorNeutralForeground3,\n menuIcon: theme.colorNeutralForeground1,\n menuItemBackgroundChecked: theme.colorNeutralBackground1,\n menuItemBackgroundHovered: theme.colorNeutralBackground1Hover,\n menuItemBackgroundPressed: theme.colorNeutralBackground1Hover,\n menuItemText: theme.colorNeutralForeground1,\n menuItemTextHovered: theme.colorNeutralForeground1Hover,\n messageLink: theme.colorBrandForegroundLink,\n messageLinkHovered: theme.colorBrandForegroundLinkHover,\n messageText: theme.colorNeutralForeground1,\n primaryButtonBackground: theme.colorBrandBackground,\n primaryButtonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,\n primaryButtonBackgroundHovered: theme.colorBrandBackgroundHover,\n primaryButtonBackgroundPressed: theme.colorBrandBackgroundPressed,\n primaryButtonBorder: theme.colorTransparentStroke,\n primaryButtonText: theme.colorNeutralForegroundOnBrand,\n primaryButtonTextDisabled: theme.colorNeutralForegroundDisabled,\n primaryButtonTextHovered: theme.colorNeutralForegroundOnBrand,\n primaryButtonTextPressed: theme.colorNeutralForegroundOnBrand,\n // severeWarningBackground,\n // severeWarningIcon,\n // smallInputBorder,\n // successBackground,\n // successIcon,\n // successText: ,\n // variantBorder,\n // variantBorderHovered,\n // warningBackground,\n // warningHighlight,\n // warningIcon,\n // warningText: ,\n };\n};\n\n/**\n * Overlays v9 fonts on a set of base v8 fonts.\n */\nconst mapFonts = (baseFonts: IFontStyles, theme: ThemeV9): IFontStyles => {\n return {\n ...baseFonts,\n tiny: {\n ...baseFonts.tiny,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase100,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n xSmall: {\n ...baseFonts.xSmall,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase100,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n small: {\n ...baseFonts.small,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase200,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n smallPlus: {\n ...baseFonts.smallPlus,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase200,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n medium: {\n ...baseFonts.medium,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase300,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n mediumPlus: {\n ...baseFonts.mediumPlus,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase400,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n large: {\n ...baseFonts.large,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase400,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n xLarge: {\n ...baseFonts.xxLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase500,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n xxLarge: {\n ...baseFonts.xxLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero700,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n superLarge: {\n ...baseFonts.superLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero900,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n mega: {\n ...baseFonts.mega,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero1000,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n };\n};\n\n/**\n * Overlays v9 shadows and border radii on a base set of v8 effects.\n */\nconst mapEffects = (baseEffects: IEffects, theme: ThemeV9): IEffects => {\n return {\n ...baseEffects,\n elevation4: theme.shadow4,\n elevation8: theme.shadow8,\n elevation16: theme.shadow16,\n elevation64: theme.shadow64,\n roundedCorner2: theme.borderRadiusSmall,\n roundedCorner4: theme.borderRadiusMedium,\n roundedCorner6: theme.borderRadiusLarge,\n };\n};\n\n/**\n * Creates a v8 theme from v9 brand colors and theme.\n * You can optionally pass a v8 base theme.\n * Otherwise the default v8 theme is used.\n *\n * The v9 colors, fonts, and effects are applied on top of the v8 theme\n * to allow v8 components to look as much like v9 components as possible.\n */\nexport const createV8Theme = (\n brandColors: BrandVariants,\n themeV9: ThemeV9,\n isDarkTheme: boolean = false,\n themeV8?: ThemeV8,\n): ThemeV8 => {\n const baseTheme = themeV8 || createTheme({ isInverted: isDarkTheme });\n\n return {\n ...baseTheme,\n palette: mapPalette(brandColors, isDarkTheme),\n semanticColors: mapSemanticColors(baseTheme.semanticColors, themeV9),\n fonts: mapFonts(baseTheme.fonts, themeV9),\n effects: mapEffects(baseTheme.effects, themeV9),\n isInverted: isDarkTheme || themeV8?.isInverted === true,\n };\n};\n"]}
|
|
1
|
+
{"version":3,"mappings":"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","names":["mappedNeutrals","black","themeDuplicates_1","blackTranslucent40","neutralDark","neutralPrimary","neutralPrimaryAlt","neutralSecondary","neutralSecondaryAlt","neutralTertiary","neutralTertiaryAlt","neutralQuaternary","neutralQuaternaryAlt","neutralLight","neutralLighter","neutralLighterAlt","white","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","react_1","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","fluent2_theme_1","semanticColors","fonts","effects","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Theme/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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"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","names":["mixColors","colorA","colorB","amount","tinycolor_1","mix","toHexString","mixByPairs","palette","themeDarker","themeDark","themeDarkAlt","themePrimary","themeSecondary","themeTertiary","themeLight","themeLighter","themeLighterAlt","mixPrimaryAndEnds","createBrandVariants","interpolation","exports"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Theme/v9BrandVariantsShim.ts"],"sourcesContent":["import type { IPalette } from '@fluentui/react';\nimport type { BrandVariants } from '@fluentui/react-components';\nimport { TinyColor } from '@ctrl/tinycolor';\nimport type { ColorInput } from '@ctrl/tinycolor';\n\n/**\n * A helper to mix colors using tiny color by an amount and get back a hex string.\n */\nconst mixColors = (colorA: ColorInput, colorB: ColorInput, amount?: number) => {\n return new TinyColor(colorA).mix(new TinyColor(colorB), amount).toHexString();\n};\n\n/**\n * Creates a v9 brand ramp by pairwise mixing v8 palette colors.\n */\nconst mixByPairs = (palette: IPalette): BrandVariants => {\n return {\n 10: palette.themeDarker,\n 20: mixColors(palette.themeDarker, palette.themeDark),\n 30: palette.themeDark,\n 40: mixColors(palette.themeDark, palette.themeDarkAlt),\n 50: palette.themeDarkAlt,\n 60: mixColors(palette.themeDarkAlt, palette.themePrimary),\n 70: palette.themePrimary,\n 80: mixColors(palette.themePrimary, palette.themeSecondary),\n 90: palette.themeSecondary,\n 100: mixColors(palette.themeSecondary, palette.themeTertiary),\n 110: palette.themeTertiary,\n 120: mixColors(palette.themeTertiary, palette.themeLight),\n 130: palette.themeLight,\n 140: mixColors(palette.themeLight, palette.themeLighter),\n 150: palette.themeLighter,\n 160: mixColors(palette.themeLighter, palette.themeLighterAlt),\n };\n};\n\n/**\n * Creates a v9 brand ramp by mixing v8 palette colors\n * using steps between themeDarker and themePrimary and\n * between themePrimary and themeLighterAlt.\n */\nconst mixPrimaryAndEnds = (palette: IPalette): BrandVariants => {\n return {\n 10: palette.themeDarker,\n 20: mixColors(palette.themeDarker, palette.themePrimary, 20),\n 30: mixColors(palette.themeDarker, palette.themePrimary, 30),\n 40: mixColors(palette.themeDarker, palette.themePrimary, 40),\n 50: mixColors(palette.themeDarker, palette.themePrimary, 50),\n 60: mixColors(palette.themeDarker, palette.themePrimary, 60),\n 70: mixColors(palette.themeDarker, palette.themePrimary, 70),\n 80: palette.themePrimary,\n 90: mixColors(palette.themePrimary, palette.themeLighterAlt, 10),\n 100: mixColors(palette.themePrimary, palette.themeLighterAlt, 20),\n 110: mixColors(palette.themePrimary, palette.themeLighterAlt, 30),\n 120: mixColors(palette.themePrimary, palette.themeLighterAlt, 40),\n 130: mixColors(palette.themePrimary, palette.themeLighterAlt, 50),\n 140: mixColors(palette.themePrimary, palette.themeLighterAlt, 60),\n 150: mixColors(palette.themePrimary, palette.themeLighterAlt, 70),\n 160: palette.themeLighterAlt,\n };\n};\n\ntype Interpolation = 'pairs' | 'primaryAndEnds';\n\n/**\n * Creates v9 brand colors from a v8 palette using interpolation\n * A v8 palette has nine colors and v9 has sixteen colors.\n */\nexport const createBrandVariants = (palette: IPalette, interpolation: Interpolation = 'pairs'): BrandVariants => {\n switch (interpolation) {\n case 'primaryAndEnds':\n return mixPrimaryAndEnds(palette);\n case 'pairs':\n default:\n return mixByPairs(palette);\n }\n};\n"]}
|
|
1
|
+
{"version":3,"mappings":"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","names":["mixColors","colorA","colorB","amount","tinycolor_1","mix","toHexString","mixByPairs","palette","themeDarker","themeDark","themeDarkAlt","themePrimary","themeSecondary","themeTertiary","themeLight","themeLighter","themeLighterAlt","mixPrimaryAndEnds","createBrandVariants","interpolation","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Theme/v9BrandVariantsShim.ts"],"sourcesContent":["import type { IPalette } from '@fluentui/react';\nimport type { BrandVariants } from '@fluentui/react-components';\nimport { TinyColor } from '@ctrl/tinycolor';\nimport type { ColorInput } from '@ctrl/tinycolor';\n\n/**\n * A helper to mix colors using tiny color by an amount and get back a hex string.\n */\nconst mixColors = (colorA: ColorInput, colorB: ColorInput, amount?: number) => {\n return new TinyColor(colorA).mix(new TinyColor(colorB), amount).toHexString();\n};\n\n/**\n * Creates a v9 brand ramp by pairwise mixing v8 palette colors.\n */\nconst mixByPairs = (palette: IPalette): BrandVariants => {\n return {\n 10: palette.themeDarker,\n 20: mixColors(palette.themeDarker, palette.themeDark),\n 30: palette.themeDark,\n 40: mixColors(palette.themeDark, palette.themeDarkAlt),\n 50: palette.themeDarkAlt,\n 60: mixColors(palette.themeDarkAlt, palette.themePrimary),\n 70: palette.themePrimary,\n 80: mixColors(palette.themePrimary, palette.themeSecondary),\n 90: palette.themeSecondary,\n 100: mixColors(palette.themeSecondary, palette.themeTertiary),\n 110: palette.themeTertiary,\n 120: mixColors(palette.themeTertiary, palette.themeLight),\n 130: palette.themeLight,\n 140: mixColors(palette.themeLight, palette.themeLighter),\n 150: palette.themeLighter,\n 160: mixColors(palette.themeLighter, palette.themeLighterAlt),\n };\n};\n\n/**\n * Creates a v9 brand ramp by mixing v8 palette colors\n * using steps between themeDarker and themePrimary and\n * between themePrimary and themeLighterAlt.\n */\nconst mixPrimaryAndEnds = (palette: IPalette): BrandVariants => {\n return {\n 10: palette.themeDarker,\n 20: mixColors(palette.themeDarker, palette.themePrimary, 20),\n 30: mixColors(palette.themeDarker, palette.themePrimary, 30),\n 40: mixColors(palette.themeDarker, palette.themePrimary, 40),\n 50: mixColors(palette.themeDarker, palette.themePrimary, 50),\n 60: mixColors(palette.themeDarker, palette.themePrimary, 60),\n 70: mixColors(palette.themeDarker, palette.themePrimary, 70),\n 80: palette.themePrimary,\n 90: mixColors(palette.themePrimary, palette.themeLighterAlt, 10),\n 100: mixColors(palette.themePrimary, palette.themeLighterAlt, 20),\n 110: mixColors(palette.themePrimary, palette.themeLighterAlt, 30),\n 120: mixColors(palette.themePrimary, palette.themeLighterAlt, 40),\n 130: mixColors(palette.themePrimary, palette.themeLighterAlt, 50),\n 140: mixColors(palette.themePrimary, palette.themeLighterAlt, 60),\n 150: mixColors(palette.themePrimary, palette.themeLighterAlt, 70),\n 160: palette.themeLighterAlt,\n };\n};\n\ntype Interpolation = 'pairs' | 'primaryAndEnds';\n\n/**\n * Creates v9 brand colors from a v8 palette using interpolation\n * A v8 palette has nine colors and v9 has sixteen colors.\n */\nexport const createBrandVariants = (palette: IPalette, interpolation: Interpolation = 'pairs'): BrandVariants => {\n switch (interpolation) {\n case 'primaryAndEnds':\n return mixPrimaryAndEnds(palette);\n case 'pairs':\n default:\n return mixByPairs(palette);\n }\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"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","names":["mapAliasColors","palette","inverted","colorNeutralForeground1","neutralPrimary","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","neutralSecondary","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","themePrimary","colorNeutralForeground2BrandPressed","themeDarkAlt","colorNeutralForeground2BrandSelected","colorNeutralForeground3","neutralTertiary","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","neutralQuaternary","colorNeutralForegroundDisabled","neutralTertiaryAlt","colorNeutralForegroundInvertedDisabled","themeDuplicates_1","colorBrandForegroundLink","colorBrandForegroundLinkHover","themeDark","colorBrandForegroundLinkPressed","themeDarker","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorNeutralForeground1Static","colorNeutralForegroundInverted","white","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundOnBrand","colorNeutralForegroundStaticInverted","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorNeutralForegroundInverted2","colorBrandForegroundInverted","themeSecondary","colorBrandForegroundInvertedHover","themeTertiary","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","neutralLighter","colorNeutralBackground1Pressed","neutralQuaternaryAlt","colorNeutralBackground1Selected","neutralLight","colorNeutralBackground2","neutralLighterAlt","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundStatic","colorNeutralBackgroundInverted","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","themeLighterAlt","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","themeLight","colorBrandBackgroundInvertedSelected","themeLighter","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorStrokeFocus1","colorStrokeFocus2","black","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey","mapShadowTokens","effects","shadow4","elevation4","shadow8","elevation8","shadow16","elevation16","shadow64","elevation64","mapBorderRadiusTokens","borderRadiusSmall","roundedCorner2","borderRadiusMedium","roundedCorner4","borderRadiusLarge","roundedCorner6","createV9Theme","themeV8","baseThemeV9","baseTheme","react_components_1","isInverted","exports"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts"],"sourcesContent":["import { Theme as ThemeV8 } from '@fluentui/react';\nimport type { IEffects, IPalette } from '@fluentui/react';\nimport { Theme as ThemeV9, webLightTheme } from '@fluentui/react-components';\nimport type { BorderRadiusTokens, ColorTokens, ShadowTokens } from '@fluentui/react-components';\nimport { blackAlpha, whiteAlpha, grey } from './themeDuplicates';\n\n/**\n * Creates v9 color tokens from a v8 palette.\n */\nconst mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {\n return {\n colorNeutralForeground1: palette.neutralPrimary,\n colorNeutralForeground1Hover: palette.neutralPrimary,\n colorNeutralForeground1Pressed: palette.neutralPrimary,\n colorNeutralForeground1Selected: palette.neutralPrimary,\n colorNeutralForeground2: palette.neutralSecondary,\n colorNeutralForeground2Hover: palette.neutralPrimary,\n colorNeutralForeground2Pressed: palette.neutralPrimary,\n colorNeutralForeground2Selected: palette.neutralPrimary,\n colorNeutralForeground2BrandHover: palette.themePrimary,\n colorNeutralForeground2BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground2BrandSelected: palette.themePrimary,\n colorNeutralForeground3: palette.neutralTertiary,\n colorNeutralForeground3Hover: palette.neutralSecondary,\n colorNeutralForeground3Pressed: palette.neutralSecondary,\n colorNeutralForeground3Selected: palette.neutralSecondary,\n colorNeutralForeground3BrandHover: palette.themePrimary,\n colorNeutralForeground3BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground3BrandSelected: palette.themePrimary,\n colorNeutralForeground4: palette.neutralQuaternary,\n colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n colorBrandForegroundLink: palette.themeDarkAlt,\n colorBrandForegroundLinkHover: palette.themeDark,\n colorBrandForegroundLinkPressed: palette.themeDarker,\n colorBrandForegroundLinkSelected: palette.themeDarkAlt,\n colorNeutralForeground2Link: palette.neutralSecondary,\n colorNeutralForeground2LinkHover: palette.neutralPrimary,\n colorNeutralForeground2LinkPressed: palette.neutralPrimary,\n colorNeutralForeground2LinkSelected: palette.neutralPrimary,\n colorCompoundBrandForeground1: palette.themePrimary,\n colorCompoundBrandForeground1Hover: palette.themeDarkAlt,\n colorCompoundBrandForeground1Pressed: palette.themeDark,\n colorBrandForeground1: palette.themePrimary,\n colorBrandForeground2: palette.themeDarkAlt,\n colorNeutralForeground1Static: palette.neutralPrimary,\n colorNeutralForegroundInverted: palette.white,\n colorNeutralForegroundInvertedHover: palette.white,\n colorNeutralForegroundInvertedPressed: palette.white,\n colorNeutralForegroundInvertedSelected: palette.white,\n colorNeutralForegroundOnBrand: palette.white,\n colorNeutralForegroundStaticInverted: palette.white,\n colorNeutralForegroundInvertedLink: palette.white,\n colorNeutralForegroundInvertedLinkHover: palette.white,\n colorNeutralForegroundInvertedLinkPressed: palette.white,\n colorNeutralForegroundInvertedLinkSelected: palette.white,\n colorNeutralForegroundInverted2: palette.white,\n colorBrandForegroundInverted: palette.themeSecondary,\n colorBrandForegroundInvertedHover: palette.themeTertiary,\n colorBrandForegroundInvertedPressed: palette.themeSecondary,\n colorBrandForegroundOnLight: palette.themePrimary,\n colorBrandForegroundOnLightHover: palette.themeDarkAlt,\n colorBrandForegroundOnLightPressed: palette.themeDark,\n colorBrandForegroundOnLightSelected: palette.themeDark,\n colorNeutralBackground1: palette.white,\n colorNeutralBackground1Hover: palette.neutralLighter,\n colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground1Selected: palette.neutralLight,\n colorNeutralBackground2: palette.neutralLighterAlt,\n colorNeutralBackground2Hover: palette.neutralLighter,\n colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground2Selected: palette.neutralLight,\n colorNeutralBackground3: palette.neutralLighter,\n colorNeutralBackground3Hover: palette.neutralLight,\n colorNeutralBackground3Pressed: palette.neutralQuaternary,\n colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,\n colorNeutralBackground4: palette.neutralLighter,\n colorNeutralBackground4Hover: palette.neutralLighterAlt,\n colorNeutralBackground4Pressed: palette.neutralLighter,\n colorNeutralBackground4Selected: palette.white,\n colorNeutralBackground5: palette.neutralLight,\n colorNeutralBackground5Hover: palette.neutralLighter,\n colorNeutralBackground5Pressed: palette.neutralLighter,\n colorNeutralBackground5Selected: palette.neutralLighterAlt,\n colorNeutralBackground6: palette.neutralLight,\n colorNeutralBackgroundStatic: grey[20],\n colorNeutralBackgroundInverted: palette.neutralSecondary,\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: palette.neutralLighter,\n colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,\n colorSubtleBackgroundSelected: palette.neutralLight,\n colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],\n colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],\n colorSubtleBackgroundLightAlphaSelected: 'transparent',\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: blackAlpha[10],\n colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: 'transparent',\n colorTransparentBackgroundPressed: 'transparent',\n colorTransparentBackgroundSelected: 'transparent',\n colorNeutralBackgroundDisabled: palette.neutralLighter,\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n colorNeutralStencil1: palette.neutralLight,\n colorNeutralStencil2: palette.neutralLighterAlt,\n colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],\n colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],\n colorBackgroundOverlay: blackAlpha[40],\n colorScrollbarOverlay: blackAlpha[50],\n colorBrandBackground: palette.themePrimary,\n colorBrandBackgroundHover: palette.themeDarkAlt,\n colorBrandBackgroundPressed: palette.themeDarker,\n colorBrandBackgroundSelected: palette.themeDark,\n colorCompoundBrandBackground: palette.themePrimary,\n colorCompoundBrandBackgroundHover: palette.themeDarkAlt,\n colorCompoundBrandBackgroundPressed: palette.themeDark,\n colorBrandBackgroundStatic: palette.themePrimary,\n colorBrandBackground2: palette.themeLighterAlt,\n colorBrandBackgroundInverted: palette.white,\n colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n colorBrandBackgroundInvertedPressed: palette.themeLight,\n colorBrandBackgroundInvertedSelected: palette.themeLighter,\n colorNeutralStrokeAccessible: palette.neutralSecondary,\n colorNeutralStrokeAccessibleHover: palette.neutralSecondary,\n colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,\n colorNeutralStrokeAccessibleSelected: palette.themePrimary,\n colorNeutralStroke1: palette.neutralQuaternary,\n colorNeutralStroke1Hover: palette.neutralTertiaryAlt,\n colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,\n colorNeutralStroke1Selected: palette.neutralTertiaryAlt,\n colorNeutralStroke2: palette.neutralQuaternaryAlt,\n colorNeutralStroke3: palette.neutralLighter,\n colorNeutralStrokeOnBrand: palette.white,\n colorNeutralStrokeOnBrand2: palette.white,\n colorNeutralStrokeOnBrand2Hover: palette.white,\n colorNeutralStrokeOnBrand2Pressed: palette.white,\n colorNeutralStrokeOnBrand2Selected: palette.white,\n colorBrandStroke1: palette.themePrimary,\n colorBrandStroke2: palette.themeLight,\n colorCompoundBrandStroke: palette.themePrimary,\n colorCompoundBrandStrokeHover: palette.themeDarkAlt,\n colorCompoundBrandStrokePressed: palette.themeDark,\n colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n colorTransparentStroke: 'transparent',\n colorTransparentStrokeInteractive: 'transparent',\n colorTransparentStrokeDisabled: 'transparent',\n colorStrokeFocus1: palette.white,\n colorStrokeFocus2: palette.black,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)',\n };\n};\n\n/**\n * Creates v9 shadow tokens from v8 effects.\n */\nconst mapShadowTokens = (effects: IEffects): Partial<ShadowTokens> => {\n return {\n shadow4: effects.elevation4,\n shadow8: effects.elevation8,\n shadow16: effects.elevation16,\n shadow64: effects.elevation64,\n };\n};\n\n/**\n * Creates v9 border radius tokens from v8 effects\n */\nconst mapBorderRadiusTokens = (effects: IEffects): Partial<BorderRadiusTokens> => {\n return {\n borderRadiusSmall: effects.roundedCorner2,\n borderRadiusMedium: effects.roundedCorner4,\n borderRadiusLarge: effects.roundedCorner6,\n };\n};\n\n/**\n * Creates a v9 theme from a v8 theme.\n * You can optional pass a base v9 theme; otherwise webLightTheme is used.\n */\nexport const createV9Theme = (themeV8: ThemeV8, baseThemeV9?: ThemeV9): ThemeV9 => {\n const baseTheme = baseThemeV9 ?? webLightTheme;\n\n return {\n ...baseTheme,\n ...mapAliasColors(themeV8.palette, themeV8.isInverted),\n ...mapShadowTokens(themeV8.effects),\n ...mapBorderRadiusTokens(themeV8.effects),\n };\n};\n"]}
|
|
1
|
+
{"version":3,"mappings":"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","names":["mapAliasColors","palette","inverted","colorNeutralForeground1","neutralPrimary","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","neutralSecondary","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","themePrimary","colorNeutralForeground2BrandPressed","themeDarkAlt","colorNeutralForeground2BrandSelected","colorNeutralForeground3","neutralTertiary","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","neutralQuaternary","colorNeutralForegroundDisabled","neutralTertiaryAlt","colorNeutralForegroundInvertedDisabled","themeDuplicates_1","colorBrandForegroundLink","colorBrandForegroundLinkHover","themeDark","colorBrandForegroundLinkPressed","themeDarker","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorNeutralForeground1Static","colorNeutralForegroundInverted","white","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundOnBrand","colorNeutralForegroundStaticInverted","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorNeutralForegroundInverted2","colorBrandForegroundInverted","themeSecondary","colorBrandForegroundInvertedHover","themeTertiary","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","neutralLighter","colorNeutralBackground1Pressed","neutralQuaternaryAlt","colorNeutralBackground1Selected","neutralLight","colorNeutralBackground2","neutralLighterAlt","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundStatic","colorNeutralBackgroundInverted","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","themeLighterAlt","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","themeLight","colorBrandBackgroundInvertedSelected","themeLighter","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorStrokeFocus1","colorStrokeFocus2","black","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey","mapShadowTokens","effects","shadow4","elevation4","shadow8","elevation8","shadow16","elevation16","shadow64","elevation64","mapBorderRadiusTokens","borderRadiusSmall","roundedCorner2","borderRadiusMedium","roundedCorner4","borderRadiusLarge","roundedCorner6","createV9Theme","themeV8","baseThemeV9","baseTheme","react_components_1","isInverted","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts"],"sourcesContent":["import { Theme as ThemeV8 } from '@fluentui/react';\nimport type { IEffects, IPalette } from '@fluentui/react';\nimport { Theme as ThemeV9, webLightTheme } from '@fluentui/react-components';\nimport type { BorderRadiusTokens, ColorTokens, ShadowTokens } from '@fluentui/react-components';\nimport { blackAlpha, whiteAlpha, grey } from './themeDuplicates';\n\n/**\n * Creates v9 color tokens from a v8 palette.\n */\nconst mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {\n return {\n colorNeutralForeground1: palette.neutralPrimary,\n colorNeutralForeground1Hover: palette.neutralPrimary,\n colorNeutralForeground1Pressed: palette.neutralPrimary,\n colorNeutralForeground1Selected: palette.neutralPrimary,\n colorNeutralForeground2: palette.neutralSecondary,\n colorNeutralForeground2Hover: palette.neutralPrimary,\n colorNeutralForeground2Pressed: palette.neutralPrimary,\n colorNeutralForeground2Selected: palette.neutralPrimary,\n colorNeutralForeground2BrandHover: palette.themePrimary,\n colorNeutralForeground2BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground2BrandSelected: palette.themePrimary,\n colorNeutralForeground3: palette.neutralTertiary,\n colorNeutralForeground3Hover: palette.neutralSecondary,\n colorNeutralForeground3Pressed: palette.neutralSecondary,\n colorNeutralForeground3Selected: palette.neutralSecondary,\n colorNeutralForeground3BrandHover: palette.themePrimary,\n colorNeutralForeground3BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground3BrandSelected: palette.themePrimary,\n colorNeutralForeground4: palette.neutralQuaternary,\n colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n colorBrandForegroundLink: palette.themeDarkAlt,\n colorBrandForegroundLinkHover: palette.themeDark,\n colorBrandForegroundLinkPressed: palette.themeDarker,\n colorBrandForegroundLinkSelected: palette.themeDarkAlt,\n colorNeutralForeground2Link: palette.neutralSecondary,\n colorNeutralForeground2LinkHover: palette.neutralPrimary,\n colorNeutralForeground2LinkPressed: palette.neutralPrimary,\n colorNeutralForeground2LinkSelected: palette.neutralPrimary,\n colorCompoundBrandForeground1: palette.themePrimary,\n colorCompoundBrandForeground1Hover: palette.themeDarkAlt,\n colorCompoundBrandForeground1Pressed: palette.themeDark,\n colorBrandForeground1: palette.themePrimary,\n colorBrandForeground2: palette.themeDarkAlt,\n colorNeutralForeground1Static: palette.neutralPrimary,\n colorNeutralForegroundInverted: palette.white,\n colorNeutralForegroundInvertedHover: palette.white,\n colorNeutralForegroundInvertedPressed: palette.white,\n colorNeutralForegroundInvertedSelected: palette.white,\n colorNeutralForegroundOnBrand: palette.white,\n colorNeutralForegroundStaticInverted: palette.white,\n colorNeutralForegroundInvertedLink: palette.white,\n colorNeutralForegroundInvertedLinkHover: palette.white,\n colorNeutralForegroundInvertedLinkPressed: palette.white,\n colorNeutralForegroundInvertedLinkSelected: palette.white,\n colorNeutralForegroundInverted2: palette.white,\n colorBrandForegroundInverted: palette.themeSecondary,\n colorBrandForegroundInvertedHover: palette.themeTertiary,\n colorBrandForegroundInvertedPressed: palette.themeSecondary,\n colorBrandForegroundOnLight: palette.themePrimary,\n colorBrandForegroundOnLightHover: palette.themeDarkAlt,\n colorBrandForegroundOnLightPressed: palette.themeDark,\n colorBrandForegroundOnLightSelected: palette.themeDark,\n colorNeutralBackground1: palette.white,\n colorNeutralBackground1Hover: palette.neutralLighter,\n colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground1Selected: palette.neutralLight,\n colorNeutralBackground2: palette.neutralLighterAlt,\n colorNeutralBackground2Hover: palette.neutralLighter,\n colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground2Selected: palette.neutralLight,\n colorNeutralBackground3: palette.neutralLighter,\n colorNeutralBackground3Hover: palette.neutralLight,\n colorNeutralBackground3Pressed: palette.neutralQuaternary,\n colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,\n colorNeutralBackground4: palette.neutralLighter,\n colorNeutralBackground4Hover: palette.neutralLighterAlt,\n colorNeutralBackground4Pressed: palette.neutralLighter,\n colorNeutralBackground4Selected: palette.white,\n colorNeutralBackground5: palette.neutralLight,\n colorNeutralBackground5Hover: palette.neutralLighter,\n colorNeutralBackground5Pressed: palette.neutralLighter,\n colorNeutralBackground5Selected: palette.neutralLighterAlt,\n colorNeutralBackground6: palette.neutralLight,\n colorNeutralBackgroundStatic: grey[20],\n colorNeutralBackgroundInverted: palette.neutralSecondary,\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: palette.neutralLighter,\n colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,\n colorSubtleBackgroundSelected: palette.neutralLight,\n colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],\n colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],\n colorSubtleBackgroundLightAlphaSelected: 'transparent',\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: blackAlpha[10],\n colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: 'transparent',\n colorTransparentBackgroundPressed: 'transparent',\n colorTransparentBackgroundSelected: 'transparent',\n colorNeutralBackgroundDisabled: palette.neutralLighter,\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n colorNeutralStencil1: palette.neutralLight,\n colorNeutralStencil2: palette.neutralLighterAlt,\n colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],\n colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],\n colorBackgroundOverlay: blackAlpha[40],\n colorScrollbarOverlay: blackAlpha[50],\n colorBrandBackground: palette.themePrimary,\n colorBrandBackgroundHover: palette.themeDarkAlt,\n colorBrandBackgroundPressed: palette.themeDarker,\n colorBrandBackgroundSelected: palette.themeDark,\n colorCompoundBrandBackground: palette.themePrimary,\n colorCompoundBrandBackgroundHover: palette.themeDarkAlt,\n colorCompoundBrandBackgroundPressed: palette.themeDark,\n colorBrandBackgroundStatic: palette.themePrimary,\n colorBrandBackground2: palette.themeLighterAlt,\n colorBrandBackgroundInverted: palette.white,\n colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n colorBrandBackgroundInvertedPressed: palette.themeLight,\n colorBrandBackgroundInvertedSelected: palette.themeLighter,\n colorNeutralStrokeAccessible: palette.neutralSecondary,\n colorNeutralStrokeAccessibleHover: palette.neutralSecondary,\n colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,\n colorNeutralStrokeAccessibleSelected: palette.themePrimary,\n colorNeutralStroke1: palette.neutralQuaternary,\n colorNeutralStroke1Hover: palette.neutralTertiaryAlt,\n colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,\n colorNeutralStroke1Selected: palette.neutralTertiaryAlt,\n colorNeutralStroke2: palette.neutralQuaternaryAlt,\n colorNeutralStroke3: palette.neutralLighter,\n colorNeutralStrokeOnBrand: palette.white,\n colorNeutralStrokeOnBrand2: palette.white,\n colorNeutralStrokeOnBrand2Hover: palette.white,\n colorNeutralStrokeOnBrand2Pressed: palette.white,\n colorNeutralStrokeOnBrand2Selected: palette.white,\n colorBrandStroke1: palette.themePrimary,\n colorBrandStroke2: palette.themeLight,\n colorCompoundBrandStroke: palette.themePrimary,\n colorCompoundBrandStrokeHover: palette.themeDarkAlt,\n colorCompoundBrandStrokePressed: palette.themeDark,\n colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n colorTransparentStroke: 'transparent',\n colorTransparentStrokeInteractive: 'transparent',\n colorTransparentStrokeDisabled: 'transparent',\n colorStrokeFocus1: palette.white,\n colorStrokeFocus2: palette.black,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)',\n };\n};\n\n/**\n * Creates v9 shadow tokens from v8 effects.\n */\nconst mapShadowTokens = (effects: IEffects): Partial<ShadowTokens> => {\n return {\n shadow4: effects.elevation4,\n shadow8: effects.elevation8,\n shadow16: effects.elevation16,\n shadow64: effects.elevation64,\n };\n};\n\n/**\n * Creates v9 border radius tokens from v8 effects\n */\nconst mapBorderRadiusTokens = (effects: IEffects): Partial<BorderRadiusTokens> => {\n return {\n borderRadiusSmall: effects.roundedCorner2,\n borderRadiusMedium: effects.roundedCorner4,\n borderRadiusLarge: effects.roundedCorner6,\n };\n};\n\n/**\n * Creates a v9 theme from a v8 theme.\n * You can optional pass a base v9 theme; otherwise webLightTheme is used.\n */\nexport const createV9Theme = (themeV8: ThemeV8, baseThemeV9?: ThemeV9): ThemeV9 => {\n const baseTheme = baseThemeV9 ?? webLightTheme;\n\n return {\n ...baseTheme,\n ...mapAliasColors(themeV8.palette, themeV8.isInverted),\n ...mapShadowTokens(themeV8.effects),\n ...mapBorderRadiusTokens(themeV8.effects),\n };\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":";;;;;;AAAA;AACEA;EAAAC;EAAAC;IAAA,+BAAgB;EAAA;AAAA;AAChBF;EAAAC;EAAAC;IAAA,yBAAU;EAAA;AAAA;AACVF;EAAAC;EAAAC;IAAA,gCAAiB;EAAA;AAAA;AACjBF;EAAAC;EAAAC;IAAA,iCAAkB;EAAA;AAAA;AAClBF;EAAAC;EAAAC;IAAA,gCAAiB;EAAA;AAAA;AACjBF;EAAAC;EAAAC;IAAA,6BAAc;EAAA;AAAA;AACdF;EAAAC;EAAAC;IAAA,gCAAiB;EAAA;AAAA;AACjBF;EAAAC;EAAAC;IAAA,8BAAe;EAAA;AAAA;AACfF;EAAAC;EAAAC;IAAA,+BAAgB;EAAA;AAAA;AAGlB;AAASF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,4BAAa;EAAA;AAAA;AAEpC;AAASF;EAAAC;EAAAC;IAAA,4BAAa;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,wBAAS;EAAA;AAAA;AAEjC;AACEF;EAAAC;EAAAC;IAAA,oBAAK;EAAA;AAAA;AACLF;EAAAC;EAAAC;IAAA,yBAAU;EAAA;AAAA;AACVF;EAAAC;EAAAC;IAAA,uBAAQ;EAAA;AAAA;AACRF;EAAAC;EAAAC;IAAA,kCAAmB;EAAA;AAAA;AACnBF;EAAAC;EAAAC;IAAA,4BAAa;EAAA;AAAA;AACbF;EAAAC;EAAAC;IAAA,4BAAa;EAAA;AAAA;AACbF;EAAAC;EAAAC;IAAA,mBAAI;EAAA;AAAA;AACJF;EAAAC;EAAAC;IAAA,0BAAW;EAAA;AAAA;AACXF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AACZF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AACZF;EAAAC;EAAAC;IAAA,uBAAQ;EAAA;AAAA;AACRF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AACZF;EAAAC;EAAAC;IAAA,yBAAU;EAAA;AAAA;AACVF;EAAAC;EAAAC;IAAA,0BAAW;EAAA;AAAA;AACXF;EAAAC;EAAAC;IAAA,8BAAe;EAAA;AAAA;AACfF;EAAAC;EAAAC;IAAA,0BAAW;EAAA;AAAA;AACXF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AACZF;EAAAC;EAAAC;IAAA,oBAAK;EAAA;AAAA;AACLF;EAAAC;EAAAC;IAAA,yBAAU;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/index.ts"],"sourcesContent":["export {\n ActionButtonShim,\n ButtonShim,\n CommandButtonShim,\n CompoundButtonShim,\n DefaultButtonShim,\n MenuButtonShim,\n PrimaryButtonShim,\n shimButtonProps,\n ToggleButtonShim,\n} from './components/Button/index';\n\nexport { MenuItemShim, shimMenuProps } from './components/Menu/index';\n\nexport { StackItemShim, StackShim } from './components/Stack/index';\n\nexport {\n black,\n blackAlpha,\n brandWeb,\n createBrandVariants,\n createV8Theme,\n createV9Theme,\n grey,\n grey14Alpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n sharedColors,\n white,\n whiteAlpha,\n} from './components/Theme/index';\n\nexport type {\n AlphaColors,\n ColorVariants,\n GlobalSharedColors,\n Greys,\n TextAlignment,\n TextAlignments,\n} from './components/Theme/index';\n"]}
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACEA;EAAAC;EAAAC;IAAA,+BAAgB;EAAA;AAAA;AAChBF;EAAAC;EAAAC;IAAA,yBAAU;EAAA;AAAA;AACVF;EAAAC;EAAAC;IAAA,gCAAiB;EAAA;AAAA;AACjBF;EAAAC;EAAAC;IAAA,iCAAkB;EAAA;AAAA;AAClBF;EAAAC;EAAAC;IAAA,gCAAiB;EAAA;AAAA;AACjBF;EAAAC;EAAAC;IAAA,6BAAc;EAAA;AAAA;AACdF;EAAAC;EAAAC;IAAA,gCAAiB;EAAA;AAAA;AACjBF;EAAAC;EAAAC;IAAA,8BAAe;EAAA;AAAA;AACfF;EAAAC;EAAAC;IAAA,+BAAgB;EAAA;AAAA;AAGlB;AAASF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,4BAAa;EAAA;AAAA;AAEpC;AAASF;EAAAC;EAAAC;IAAA,4BAAa;EAAA;AAAA;AAAEF;EAAAC;EAAAC;IAAA,wBAAS;EAAA;AAAA;AAEjC;AACEF;EAAAC;EAAAC;IAAA,oBAAK;EAAA;AAAA;AACLF;EAAAC;EAAAC;IAAA,yBAAU;EAAA;AAAA;AACVF;EAAAC;EAAAC;IAAA,uBAAQ;EAAA;AAAA;AACRF;EAAAC;EAAAC;IAAA,kCAAmB;EAAA;AAAA;AACnBF;EAAAC;EAAAC;IAAA,4BAAa;EAAA;AAAA;AACbF;EAAAC;EAAAC;IAAA,4BAAa;EAAA;AAAA;AACbF;EAAAC;EAAAC;IAAA,mBAAI;EAAA;AAAA;AACJF;EAAAC;EAAAC;IAAA,0BAAW;EAAA;AAAA;AACXF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AACZF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AACZF;EAAAC;EAAAC;IAAA,uBAAQ;EAAA;AAAA;AACRF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AACZF;EAAAC;EAAAC;IAAA,yBAAU;EAAA;AAAA;AACVF;EAAAC;EAAAC;IAAA,0BAAW;EAAA;AAAA;AACXF;EAAAC;EAAAC;IAAA,8BAAe;EAAA;AAAA;AACfF;EAAAC;EAAAC;IAAA,0BAAW;EAAA;AAAA;AACXF;EAAAC;EAAAC;IAAA,2BAAY;EAAA;AAAA;AACZF;EAAAC;EAAAC;IAAA,oBAAK;EAAA;AAAA;AACLF;EAAAC;EAAAC;IAAA,yBAAU;EAAA;AAAA","names":["Object","enumerable","get"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/index.ts"],"sourcesContent":["export {\n ActionButtonShim,\n ButtonShim,\n CommandButtonShim,\n CompoundButtonShim,\n DefaultButtonShim,\n MenuButtonShim,\n PrimaryButtonShim,\n shimButtonProps,\n ToggleButtonShim,\n} from './components/Button/index';\n\nexport { MenuItemShim, shimMenuProps } from './components/Menu/index';\n\nexport { StackItemShim, StackShim } from './components/Stack/index';\n\nexport {\n black,\n blackAlpha,\n brandWeb,\n createBrandVariants,\n createV8Theme,\n createV9Theme,\n grey,\n grey14Alpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n sharedColors,\n white,\n whiteAlpha,\n} from './components/Theme/index';\n\nexport type {\n AlphaColors,\n ColorVariants,\n GlobalSharedColors,\n Greys,\n TextAlignment,\n TextAlignments,\n} from './components/Theme/index';\n"]}
|
|
@@ -0,0 +1,323 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ThemePreviewV8 = void 0;
|
|
7
|
+
/* eslint-disable no-console */
|
|
8
|
+
/* eslint-disable @typescript-eslint/naming-convention */
|
|
9
|
+
const React = /*#__PURE__*/require("react");
|
|
10
|
+
const Checkbox_1 = /*#__PURE__*/require("@fluentui/react/lib/Checkbox");
|
|
11
|
+
const ChoiceGroup_1 = /*#__PURE__*/require("@fluentui/react/lib/ChoiceGroup");
|
|
12
|
+
const CommandBar_1 = /*#__PURE__*/require("@fluentui/react/lib/CommandBar");
|
|
13
|
+
const Button_1 = /*#__PURE__*/require("@fluentui/react/lib/Button");
|
|
14
|
+
const Dropdown_1 = /*#__PURE__*/require("@fluentui/react/lib/Dropdown");
|
|
15
|
+
const Icon_1 = /*#__PURE__*/require("@fluentui/react/lib/Icon");
|
|
16
|
+
const Link_1 = /*#__PURE__*/require("@fluentui/react/lib/Link");
|
|
17
|
+
const react_1 = /*#__PURE__*/require("@fluentui/react");
|
|
18
|
+
const Persona_1 = /*#__PURE__*/require("@fluentui/react/lib/Persona");
|
|
19
|
+
const Pivot_1 = /*#__PURE__*/require("@fluentui/react/lib/Pivot");
|
|
20
|
+
const Slider_1 = /*#__PURE__*/require("@fluentui/react/lib/Slider");
|
|
21
|
+
const Stack_1 = /*#__PURE__*/require("@fluentui/react/lib/Stack");
|
|
22
|
+
const Text_1 = /*#__PURE__*/require("@fluentui/react/lib/Text");
|
|
23
|
+
const TextField_1 = /*#__PURE__*/require("@fluentui/react/lib/TextField");
|
|
24
|
+
const Toggle_1 = /*#__PURE__*/require("@fluentui/react/lib/Toggle");
|
|
25
|
+
const iconButtonStyles = /*#__PURE__*/react_1.mergeStyles({
|
|
26
|
+
color: '#0078D4'
|
|
27
|
+
});
|
|
28
|
+
const commandBarItems = [{
|
|
29
|
+
key: 'newItem',
|
|
30
|
+
name: 'New',
|
|
31
|
+
cacheKey: 'myCacheKey',
|
|
32
|
+
iconProps: {
|
|
33
|
+
iconName: 'Add'
|
|
34
|
+
},
|
|
35
|
+
ariaLabel: 'New',
|
|
36
|
+
subMenuProps: {
|
|
37
|
+
items: [{
|
|
38
|
+
key: 'emailMessage',
|
|
39
|
+
name: 'Email message',
|
|
40
|
+
iconProps: {
|
|
41
|
+
iconName: 'Mail'
|
|
42
|
+
},
|
|
43
|
+
['data-automation-id']: 'newEmailButton'
|
|
44
|
+
}, {
|
|
45
|
+
key: 'calendarEvent',
|
|
46
|
+
name: 'Calendar event',
|
|
47
|
+
iconProps: {
|
|
48
|
+
iconName: 'Calendar'
|
|
49
|
+
}
|
|
50
|
+
}]
|
|
51
|
+
}
|
|
52
|
+
}, {
|
|
53
|
+
key: 'upload',
|
|
54
|
+
name: 'Upload',
|
|
55
|
+
iconProps: {
|
|
56
|
+
iconName: 'Upload'
|
|
57
|
+
},
|
|
58
|
+
onClick: () => console.log('Upload'),
|
|
59
|
+
['data-automation-id']: 'uploadButton'
|
|
60
|
+
}, {
|
|
61
|
+
key: 'share',
|
|
62
|
+
name: 'Share',
|
|
63
|
+
iconProps: {
|
|
64
|
+
iconName: 'Share'
|
|
65
|
+
},
|
|
66
|
+
onClick: () => console.log('Share')
|
|
67
|
+
}, {
|
|
68
|
+
key: 'download',
|
|
69
|
+
name: 'Download',
|
|
70
|
+
iconProps: {
|
|
71
|
+
iconName: 'Download'
|
|
72
|
+
},
|
|
73
|
+
onClick: () => console.log('Download')
|
|
74
|
+
}, {
|
|
75
|
+
key: 'more',
|
|
76
|
+
name: 'More',
|
|
77
|
+
iconProps: {
|
|
78
|
+
iconName: 'More'
|
|
79
|
+
},
|
|
80
|
+
onClick: () => console.log('More')
|
|
81
|
+
}];
|
|
82
|
+
const commandBarFarItems = [{
|
|
83
|
+
key: 'search',
|
|
84
|
+
ariaLabel: 'Search',
|
|
85
|
+
iconProps: {
|
|
86
|
+
iconName: 'Search'
|
|
87
|
+
},
|
|
88
|
+
onClick: () => console.log('Search')
|
|
89
|
+
}, {
|
|
90
|
+
key: 'filter',
|
|
91
|
+
name: 'Filter',
|
|
92
|
+
ariaLabel: 'Filter',
|
|
93
|
+
iconProps: {
|
|
94
|
+
iconName: 'Filter'
|
|
95
|
+
},
|
|
96
|
+
iconOnly: true,
|
|
97
|
+
onClick: () => console.log('Filter')
|
|
98
|
+
}, {
|
|
99
|
+
key: 'list',
|
|
100
|
+
name: 'List',
|
|
101
|
+
ariaLabel: 'List',
|
|
102
|
+
iconProps: {
|
|
103
|
+
iconName: 'List'
|
|
104
|
+
},
|
|
105
|
+
iconOnly: true,
|
|
106
|
+
onClick: () => console.log('List')
|
|
107
|
+
}];
|
|
108
|
+
const layoutStyles = {
|
|
109
|
+
root: /*#__PURE__*/react_1.mergeStyles({
|
|
110
|
+
display: 'grid',
|
|
111
|
+
gridTemplateColumns: '1fr 1fr 1fr',
|
|
112
|
+
gridTemplateRows: 'auto',
|
|
113
|
+
gridColumnGap: '32px',
|
|
114
|
+
gridRowGap: '32px',
|
|
115
|
+
padding: '16px'
|
|
116
|
+
}),
|
|
117
|
+
commandBar: /*#__PURE__*/react_1.mergeStyles({
|
|
118
|
+
gridColumnStart: '1',
|
|
119
|
+
gridColumnEnd: '4'
|
|
120
|
+
})
|
|
121
|
+
};
|
|
122
|
+
const stackXXXLGap = {
|
|
123
|
+
childrenGap: 32
|
|
124
|
+
};
|
|
125
|
+
const stackXLGap = {
|
|
126
|
+
childrenGap: 20
|
|
127
|
+
};
|
|
128
|
+
const stackLGap = {
|
|
129
|
+
childrenGap: 16
|
|
130
|
+
};
|
|
131
|
+
const stackMNudgeGap = {
|
|
132
|
+
childrenGap: 10
|
|
133
|
+
};
|
|
134
|
+
const checkboxStackTokens = {
|
|
135
|
+
childrenGap: 13
|
|
136
|
+
};
|
|
137
|
+
class ThemePreviewV8 extends React.Component {
|
|
138
|
+
constructor(props) {
|
|
139
|
+
super(props);
|
|
140
|
+
this.state = {
|
|
141
|
+
learnMoreLinkDisabled: false,
|
|
142
|
+
selectOneDropdownDisabled: false,
|
|
143
|
+
textFieldDisabled: false,
|
|
144
|
+
checkboxOneDisabled: false,
|
|
145
|
+
checkboxTwoDisabled: false,
|
|
146
|
+
checkboxThreeDisabled: false,
|
|
147
|
+
choicegroupDisabled: false,
|
|
148
|
+
sliderDisabled: false,
|
|
149
|
+
likeIconButtonDisabled: false,
|
|
150
|
+
bookmarkIconButtonDisabled: false,
|
|
151
|
+
sunnyIconButtonDisabled: false,
|
|
152
|
+
primaryButtonDisabled: false,
|
|
153
|
+
defaultButtonDisabled: false
|
|
154
|
+
};
|
|
155
|
+
this._onToggleChange = this._onToggleChange.bind(this);
|
|
156
|
+
}
|
|
157
|
+
render() {
|
|
158
|
+
return React.createElement("div", {
|
|
159
|
+
style: {
|
|
160
|
+
backgroundColor: this.props.backgroundColor,
|
|
161
|
+
color: this.props.textColor
|
|
162
|
+
}
|
|
163
|
+
}, React.createElement("div", {
|
|
164
|
+
className: layoutStyles.root
|
|
165
|
+
}, React.createElement("div", {
|
|
166
|
+
className: layoutStyles.commandBar
|
|
167
|
+
}, React.createElement(CommandBar_1.CommandBar, {
|
|
168
|
+
farItems: commandBarFarItems,
|
|
169
|
+
items: commandBarItems
|
|
170
|
+
})), React.createElement("div", null, React.createElement(Stack_1.Stack, {
|
|
171
|
+
tokens: stackXXXLGap
|
|
172
|
+
}, React.createElement(Stack_1.Stack, {
|
|
173
|
+
tokens: stackXLGap
|
|
174
|
+
}, React.createElement(Text_1.Text, {
|
|
175
|
+
variant: "small",
|
|
176
|
+
styles: {
|
|
177
|
+
root: {
|
|
178
|
+
color: this.props.textColor
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
}, "STORIES"), React.createElement(Text_1.Text, {
|
|
182
|
+
variant: "xxLarge",
|
|
183
|
+
styles: {
|
|
184
|
+
root: {
|
|
185
|
+
color: this.props.textColor,
|
|
186
|
+
lineHeight: '1em'
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
}, "Make an impression"), React.createElement(Text_1.Text, {
|
|
190
|
+
variant: "medium",
|
|
191
|
+
styles: {
|
|
192
|
+
root: {
|
|
193
|
+
color: this.props.textColor
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
}, "Make a big impression with this clean, modern, and mobile-friendly site. Use it to communicate information to people inside or outisde your team. Share your ideas, results, and more in this visually compelling format."), React.createElement(Link_1.Link, {
|
|
197
|
+
disabled: this.state.learnMoreLinkDisabled
|
|
198
|
+
}, "Learn more ", React.createElement(Icon_1.Icon, {
|
|
199
|
+
iconName: "ChevronRight"
|
|
200
|
+
}))), React.createElement(Persona_1.Persona, {
|
|
201
|
+
text: "Cameron Evans",
|
|
202
|
+
secondaryText: "Senior Researcher at Contoso",
|
|
203
|
+
presence: Persona_1.PersonaPresence.online
|
|
204
|
+
}))), React.createElement("div", null, React.createElement(Stack_1.Stack, {
|
|
205
|
+
tokens: stackXXXLGap
|
|
206
|
+
}, React.createElement(Dropdown_1.Dropdown, {
|
|
207
|
+
selectedKey: "content",
|
|
208
|
+
label: "Select one",
|
|
209
|
+
options: [{
|
|
210
|
+
key: 'content',
|
|
211
|
+
text: 'Content'
|
|
212
|
+
}, {
|
|
213
|
+
key: 'morecontent',
|
|
214
|
+
text: 'More content'
|
|
215
|
+
}],
|
|
216
|
+
disabled: this.state.selectOneDropdownDisabled
|
|
217
|
+
}), React.createElement(TextField_1.TextField, {
|
|
218
|
+
disabled: this.state.textFieldDisabled,
|
|
219
|
+
label: "Enter text here",
|
|
220
|
+
placeholder: "Placeholder"
|
|
221
|
+
}), React.createElement(Stack_1.Stack, {
|
|
222
|
+
horizontal: true,
|
|
223
|
+
tokens: stackXLGap
|
|
224
|
+
}, React.createElement(Stack_1.Stack, {
|
|
225
|
+
tokens: checkboxStackTokens,
|
|
226
|
+
grow: 1
|
|
227
|
+
}, React.createElement("div", null), React.createElement(Checkbox_1.Checkbox, {
|
|
228
|
+
disabled: this.state.checkboxOneDisabled,
|
|
229
|
+
label: "Option 1"
|
|
230
|
+
}), React.createElement(Checkbox_1.Checkbox, {
|
|
231
|
+
disabled: this.state.checkboxTwoDisabled,
|
|
232
|
+
label: "Option 2",
|
|
233
|
+
defaultChecked: true
|
|
234
|
+
}), React.createElement(Checkbox_1.Checkbox, {
|
|
235
|
+
disabled: this.state.checkboxThreeDisabled,
|
|
236
|
+
label: "Option 3",
|
|
237
|
+
defaultChecked: true
|
|
238
|
+
})), React.createElement(Stack_1.Stack, {
|
|
239
|
+
tokens: stackMNudgeGap,
|
|
240
|
+
grow: 1
|
|
241
|
+
}, React.createElement(ChoiceGroup_1.ChoiceGroup, {
|
|
242
|
+
defaultSelectedKey: "A",
|
|
243
|
+
options: [{
|
|
244
|
+
key: 'A',
|
|
245
|
+
text: 'Option 1'
|
|
246
|
+
}, {
|
|
247
|
+
key: 'B',
|
|
248
|
+
text: 'Option 2'
|
|
249
|
+
}, {
|
|
250
|
+
key: 'C',
|
|
251
|
+
text: 'Option 3'
|
|
252
|
+
}],
|
|
253
|
+
disabled: this.state.choicegroupDisabled
|
|
254
|
+
}))))), React.createElement("div", null, React.createElement(Stack_1.Stack, {
|
|
255
|
+
tokens: stackXXXLGap
|
|
256
|
+
}, React.createElement(Slider_1.Slider, {
|
|
257
|
+
disabled: this.state.sliderDisabled,
|
|
258
|
+
max: 11
|
|
259
|
+
}), React.createElement(Toggle_1.Toggle, {
|
|
260
|
+
onText: "On",
|
|
261
|
+
offText: "Off",
|
|
262
|
+
inlineLabel: true,
|
|
263
|
+
label: "Toggle for disabled states",
|
|
264
|
+
onChange: this._onToggleChange
|
|
265
|
+
}), React.createElement(Pivot_1.Pivot, null, React.createElement(Pivot_1.PivotItem, {
|
|
266
|
+
headerText: "Home"
|
|
267
|
+
}), React.createElement(Pivot_1.PivotItem, {
|
|
268
|
+
headerText: "Pages"
|
|
269
|
+
}), React.createElement(Pivot_1.PivotItem, {
|
|
270
|
+
headerText: "Documents"
|
|
271
|
+
}), React.createElement(Pivot_1.PivotItem, {
|
|
272
|
+
headerText: "Activity"
|
|
273
|
+
})), React.createElement(Stack_1.Stack, {
|
|
274
|
+
horizontal: true,
|
|
275
|
+
tokens: stackLGap
|
|
276
|
+
}, React.createElement(Button_1.IconButton, {
|
|
277
|
+
disabled: this.state.likeIconButtonDisabled,
|
|
278
|
+
iconProps: {
|
|
279
|
+
iconName: 'Like'
|
|
280
|
+
},
|
|
281
|
+
className: iconButtonStyles
|
|
282
|
+
}), React.createElement(Button_1.IconButton, {
|
|
283
|
+
disabled: this.state.bookmarkIconButtonDisabled,
|
|
284
|
+
iconProps: {
|
|
285
|
+
iconName: 'SingleBookmark'
|
|
286
|
+
},
|
|
287
|
+
className: iconButtonStyles
|
|
288
|
+
}), React.createElement(Button_1.IconButton, {
|
|
289
|
+
disabled: this.state.sunnyIconButtonDisabled,
|
|
290
|
+
iconProps: {
|
|
291
|
+
iconName: 'Sunny'
|
|
292
|
+
},
|
|
293
|
+
className: iconButtonStyles
|
|
294
|
+
})), React.createElement(Stack_1.Stack, {
|
|
295
|
+
horizontal: true,
|
|
296
|
+
tokens: stackMNudgeGap
|
|
297
|
+
}, React.createElement(Button_1.PrimaryButton, {
|
|
298
|
+
disabled: this.state.primaryButtonDisabled,
|
|
299
|
+
text: "Primary button"
|
|
300
|
+
}), React.createElement(Button_1.DefaultButton, {
|
|
301
|
+
disabled: this.state.defaultButtonDisabled,
|
|
302
|
+
text: "Default button"
|
|
303
|
+
}))))));
|
|
304
|
+
}
|
|
305
|
+
_onToggleChange() {
|
|
306
|
+
this.setState({
|
|
307
|
+
learnMoreLinkDisabled: !this.state.learnMoreLinkDisabled,
|
|
308
|
+
selectOneDropdownDisabled: !this.state.selectOneDropdownDisabled,
|
|
309
|
+
textFieldDisabled: !this.state.textFieldDisabled,
|
|
310
|
+
checkboxOneDisabled: !this.state.checkboxOneDisabled,
|
|
311
|
+
checkboxTwoDisabled: !this.state.checkboxTwoDisabled,
|
|
312
|
+
checkboxThreeDisabled: !this.state.checkboxThreeDisabled,
|
|
313
|
+
sliderDisabled: !this.state.sliderDisabled,
|
|
314
|
+
likeIconButtonDisabled: !this.state.likeIconButtonDisabled,
|
|
315
|
+
bookmarkIconButtonDisabled: !this.state.bookmarkIconButtonDisabled,
|
|
316
|
+
sunnyIconButtonDisabled: !this.state.sunnyIconButtonDisabled,
|
|
317
|
+
primaryButtonDisabled: !this.state.primaryButtonDisabled,
|
|
318
|
+
defaultButtonDisabled: !this.state.defaultButtonDisabled
|
|
319
|
+
});
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
exports.ThemePreviewV8 = ThemePreviewV8;
|
|
323
|
+
//# sourceMappingURL=ThemePreviewV8.js.map
|