@fluentui/react-migration-v8-v9 1.0.25 → 1.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +46 -1
- package/CHANGELOG.md +11 -2
- package/lib/components/Button/ActionButtonShim.js +4 -3
- package/lib/components/Button/ActionButtonShim.js.map +1 -1
- package/lib/components/Button/ButtonShim.js +6 -7
- package/lib/components/Button/ButtonShim.js.map +1 -1
- package/lib/components/Button/CompoundButtonShim.js +6 -5
- package/lib/components/Button/CompoundButtonShim.js.map +1 -1
- package/lib/components/Button/DefaultButtonShim.js +2 -2
- package/lib/components/Button/DefaultButtonShim.js.map +1 -1
- package/lib/components/Button/MenuButtonShim.js +10 -6
- package/lib/components/Button/MenuButtonShim.js.map +1 -1
- package/lib/components/Button/PrimaryButtonShim.js +2 -2
- package/lib/components/Button/PrimaryButtonShim.js.map +1 -1
- package/lib/components/Button/ToggleButtonShim.js +6 -4
- package/lib/components/Button/ToggleButtonShim.js.map +1 -1
- package/lib/components/Button/shimButtonProps.js +6 -5
- package/lib/components/Button/shimButtonProps.js.map +1 -1
- package/lib/components/Menu/MenuShim.js +16 -14
- package/lib/components/Menu/MenuShim.js.map +1 -1
- package/lib/components/Menu/shimMenuProps.js +6 -4
- package/lib/components/Menu/shimMenuProps.js.map +1 -1
- package/lib/components/Stack/StackItemShim.js +61 -72
- package/lib/components/Stack/StackItemShim.js.map +1 -1
- package/lib/components/Stack/StackShim.js +85 -101
- package/lib/components/Stack/StackShim.js.map +1 -1
- package/lib/components/Stack/stackUtils.js +12 -24
- package/lib/components/Stack/stackUtils.js.map +1 -1
- package/lib/components/Theme/themeDuplicates.js.map +1 -1
- package/lib/components/Theme/v8ThemeShim.js +34 -27
- package/lib/components/Theme/v8ThemeShim.js.map +1 -1
- package/lib/components/Theme/v9BrandVariantsShim.js +0 -8
- package/lib/components/Theme/v9BrandVariantsShim.js.map +1 -1
- package/lib/components/Theme/v9ThemeShim.js +2 -8
- package/lib/components/Theme/v9ThemeShim.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Button/ActionButtonShim.js +4 -7
- package/lib-commonjs/components/Button/ActionButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/ButtonShim.js +6 -13
- package/lib-commonjs/components/Button/ButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/CommandButtonShim.js +0 -2
- package/lib-commonjs/components/Button/CommandButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/CompoundButtonShim.js +6 -9
- package/lib-commonjs/components/Button/CompoundButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/DefaultButtonShim.js +2 -5
- package/lib-commonjs/components/Button/DefaultButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/MenuButtonShim.js +12 -12
- package/lib-commonjs/components/Button/MenuButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/PrimaryButtonShim.js +2 -5
- package/lib-commonjs/components/Button/PrimaryButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/ToggleButtonShim.js +6 -8
- package/lib-commonjs/components/Button/ToggleButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/index.js +0 -10
- package/lib-commonjs/components/Button/index.js.map +1 -1
- package/lib-commonjs/components/Button/shimButtonProps.js +6 -9
- package/lib-commonjs/components/Button/shimButtonProps.js.map +1 -1
- package/lib-commonjs/components/Menu/MenuShim.js +20 -22
- package/lib-commonjs/components/Menu/MenuShim.js.map +1 -1
- package/lib-commonjs/components/Menu/index.js +0 -3
- package/lib-commonjs/components/Menu/index.js.map +1 -1
- package/lib-commonjs/components/Menu/shimMenuProps.js +6 -14
- package/lib-commonjs/components/Menu/shimMenuProps.js.map +1 -1
- package/lib-commonjs/components/Stack/StackItemShim.js +61 -76
- package/lib-commonjs/components/Stack/StackItemShim.js.map +1 -1
- package/lib-commonjs/components/Stack/StackShim.js +85 -107
- package/lib-commonjs/components/Stack/StackShim.js.map +1 -1
- package/lib-commonjs/components/Stack/index.js +0 -3
- package/lib-commonjs/components/Stack/index.js.map +1 -1
- package/lib-commonjs/components/Stack/stackUtils.js +12 -29
- package/lib-commonjs/components/Stack/stackUtils.js.map +1 -1
- package/lib-commonjs/components/Theme/index.js +0 -5
- package/lib-commonjs/components/Theme/index.js.map +1 -1
- package/lib-commonjs/components/Theme/themeDuplicates.js +1 -1
- package/lib-commonjs/components/Theme/themeDuplicates.js.map +1 -1
- package/lib-commonjs/components/Theme/v8ThemeShim.js +34 -31
- package/lib-commonjs/components/Theme/v8ThemeShim.js.map +1 -1
- package/lib-commonjs/components/Theme/v9BrandVariantsShim.js +0 -11
- package/lib-commonjs/components/Theme/v9BrandVariantsShim.js.map +1 -1
- package/lib-commonjs/components/Theme/v9ThemeShim.js +2 -12
- package/lib-commonjs/components/Theme/v9ThemeShim.js.map +1 -1
- package/lib-commonjs/index.js +0 -8
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +6 -6
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createV8Theme = void 0;
|
|
7
|
-
|
|
8
7
|
const react_1 = /*#__PURE__*/require("@fluentui/react");
|
|
9
|
-
|
|
10
8
|
const themeDuplicates_1 = /*#__PURE__*/require("./themeDuplicates");
|
|
11
|
-
|
|
12
9
|
const mappedNeutrals = {
|
|
13
10
|
black: themeDuplicates_1.black,
|
|
14
11
|
blackTranslucent40: themeDuplicates_1.blackAlpha[40],
|
|
@@ -74,7 +71,6 @@ const mappedSharedColors = {
|
|
|
74
71
|
/**
|
|
75
72
|
* Creates a v8 palette given a brand ramp
|
|
76
73
|
*/
|
|
77
|
-
|
|
78
74
|
const mapPalette = (brandColors, inverted) => {
|
|
79
75
|
const neutrals = inverted ? invertedMappedNeutrals : mappedNeutrals;
|
|
80
76
|
const brands = inverted ? {
|
|
@@ -98,7 +94,8 @@ const mapPalette = (brandColors, inverted) => {
|
|
|
98
94
|
themeLighter: brandColors[150],
|
|
99
95
|
themeLighterAlt: brandColors[160]
|
|
100
96
|
};
|
|
101
|
-
return {
|
|
97
|
+
return {
|
|
98
|
+
...react_1.DefaultPalette,
|
|
102
99
|
...neutrals,
|
|
103
100
|
accent: brands.themePrimary,
|
|
104
101
|
...mappedSharedColors,
|
|
@@ -108,10 +105,9 @@ const mapPalette = (brandColors, inverted) => {
|
|
|
108
105
|
/**
|
|
109
106
|
* Returns v9 theme colors overlaid on a base set of v8 semantic colors
|
|
110
107
|
*/
|
|
111
|
-
|
|
112
|
-
|
|
113
108
|
const mapSemanticColors = (baseColors, theme) => {
|
|
114
|
-
return {
|
|
109
|
+
return {
|
|
110
|
+
...baseColors,
|
|
115
111
|
accentButtonBackground: theme.colorBrandBackground,
|
|
116
112
|
accentButtonText: theme.colorNeutralForegroundOnBrand,
|
|
117
113
|
actionLink: theme.colorNeutralForeground1,
|
|
@@ -202,7 +198,8 @@ const mapSemanticColors = (baseColors, theme) => {
|
|
|
202
198
|
primaryButtonText: theme.colorNeutralForegroundOnBrand,
|
|
203
199
|
primaryButtonTextDisabled: theme.colorNeutralForegroundDisabled,
|
|
204
200
|
primaryButtonTextHovered: theme.colorNeutralForegroundOnBrand,
|
|
205
|
-
primaryButtonTextPressed: theme.colorNeutralForegroundOnBrand
|
|
201
|
+
primaryButtonTextPressed: theme.colorNeutralForegroundOnBrand
|
|
202
|
+
// severeWarningBackground,
|
|
206
203
|
// severeWarningIcon,
|
|
207
204
|
// smallInputBorder,
|
|
208
205
|
// successBackground,
|
|
@@ -214,67 +211,76 @@ const mapSemanticColors = (baseColors, theme) => {
|
|
|
214
211
|
// warningHighlight,
|
|
215
212
|
// warningIcon,
|
|
216
213
|
// warningText: ,
|
|
217
|
-
|
|
218
214
|
};
|
|
219
215
|
};
|
|
220
216
|
/**
|
|
221
217
|
* Overlays v9 fonts on a set of base v8 fonts.
|
|
222
218
|
*/
|
|
223
|
-
|
|
224
|
-
|
|
225
219
|
const mapFonts = (baseFonts, theme) => {
|
|
226
|
-
return {
|
|
227
|
-
|
|
220
|
+
return {
|
|
221
|
+
...baseFonts,
|
|
222
|
+
tiny: {
|
|
223
|
+
...baseFonts.tiny,
|
|
228
224
|
fontFamily: theme.fontFamilyBase,
|
|
229
225
|
fontSize: theme.fontSizeBase100,
|
|
230
226
|
fontWeight: theme.fontWeightRegular
|
|
231
227
|
},
|
|
232
|
-
xSmall: {
|
|
228
|
+
xSmall: {
|
|
229
|
+
...baseFonts.xSmall,
|
|
233
230
|
fontFamily: theme.fontFamilyBase,
|
|
234
231
|
fontSize: theme.fontSizeBase100,
|
|
235
232
|
fontWeight: theme.fontWeightRegular
|
|
236
233
|
},
|
|
237
|
-
small: {
|
|
234
|
+
small: {
|
|
235
|
+
...baseFonts.small,
|
|
238
236
|
fontFamily: theme.fontFamilyBase,
|
|
239
237
|
fontSize: theme.fontSizeBase200,
|
|
240
238
|
fontWeight: theme.fontWeightRegular
|
|
241
239
|
},
|
|
242
|
-
smallPlus: {
|
|
240
|
+
smallPlus: {
|
|
241
|
+
...baseFonts.smallPlus,
|
|
243
242
|
fontFamily: theme.fontFamilyBase,
|
|
244
243
|
fontSize: theme.fontSizeBase200,
|
|
245
244
|
fontWeight: theme.fontWeightRegular
|
|
246
245
|
},
|
|
247
|
-
medium: {
|
|
246
|
+
medium: {
|
|
247
|
+
...baseFonts.medium,
|
|
248
248
|
fontFamily: theme.fontFamilyBase,
|
|
249
249
|
fontSize: theme.fontSizeBase300,
|
|
250
250
|
fontWeight: theme.fontWeightRegular
|
|
251
251
|
},
|
|
252
|
-
mediumPlus: {
|
|
252
|
+
mediumPlus: {
|
|
253
|
+
...baseFonts.mediumPlus,
|
|
253
254
|
fontFamily: theme.fontFamilyBase,
|
|
254
255
|
fontSize: theme.fontSizeBase400,
|
|
255
256
|
fontWeight: theme.fontWeightRegular
|
|
256
257
|
},
|
|
257
|
-
large: {
|
|
258
|
+
large: {
|
|
259
|
+
...baseFonts.large,
|
|
258
260
|
fontFamily: theme.fontFamilyBase,
|
|
259
261
|
fontSize: theme.fontSizeBase400,
|
|
260
262
|
fontWeight: theme.fontWeightRegular
|
|
261
263
|
},
|
|
262
|
-
xLarge: {
|
|
264
|
+
xLarge: {
|
|
265
|
+
...baseFonts.xxLarge,
|
|
263
266
|
fontFamily: theme.fontFamilyBase,
|
|
264
267
|
fontSize: theme.fontSizeBase500,
|
|
265
268
|
fontWeight: theme.fontWeightSemibold
|
|
266
269
|
},
|
|
267
|
-
xxLarge: {
|
|
270
|
+
xxLarge: {
|
|
271
|
+
...baseFonts.xxLarge,
|
|
268
272
|
fontFamily: theme.fontFamilyBase,
|
|
269
273
|
fontSize: theme.fontSizeHero700,
|
|
270
274
|
fontWeight: theme.fontWeightSemibold
|
|
271
275
|
},
|
|
272
|
-
superLarge: {
|
|
276
|
+
superLarge: {
|
|
277
|
+
...baseFonts.superLarge,
|
|
273
278
|
fontFamily: theme.fontFamilyBase,
|
|
274
279
|
fontSize: theme.fontSizeHero900,
|
|
275
280
|
fontWeight: theme.fontWeightSemibold
|
|
276
281
|
},
|
|
277
|
-
mega: {
|
|
282
|
+
mega: {
|
|
283
|
+
...baseFonts.mega,
|
|
278
284
|
fontFamily: theme.fontFamilyBase,
|
|
279
285
|
fontSize: theme.fontSizeHero1000,
|
|
280
286
|
fontWeight: theme.fontWeightSemibold
|
|
@@ -284,10 +290,9 @@ const mapFonts = (baseFonts, theme) => {
|
|
|
284
290
|
/**
|
|
285
291
|
* Overlays v9 shadows and border radii on a base set of v8 effects.
|
|
286
292
|
*/
|
|
287
|
-
|
|
288
|
-
|
|
289
293
|
const mapEffects = (baseEffects, theme) => {
|
|
290
|
-
return {
|
|
294
|
+
return {
|
|
295
|
+
...baseEffects,
|
|
291
296
|
elevation4: theme.shadow4,
|
|
292
297
|
elevation8: theme.shadow8,
|
|
293
298
|
elevation16: theme.shadow16,
|
|
@@ -305,13 +310,12 @@ const mapEffects = (baseEffects, theme) => {
|
|
|
305
310
|
* The v9 colors, fonts, and effects are applied on top of the v8 theme
|
|
306
311
|
* to allow v8 components to look as much like v9 components as possible.
|
|
307
312
|
*/
|
|
308
|
-
|
|
309
|
-
|
|
310
313
|
const createV8Theme = (brandColors, themeV9, isDarkTheme = false, themeV8) => {
|
|
311
314
|
const baseTheme = themeV8 || react_1.createTheme({
|
|
312
315
|
isInverted: isDarkTheme
|
|
313
316
|
});
|
|
314
|
-
return {
|
|
317
|
+
return {
|
|
318
|
+
...baseTheme,
|
|
315
319
|
palette: mapPalette(brandColors, isDarkTheme),
|
|
316
320
|
semanticColors: mapSemanticColors(baseTheme.semanticColors, themeV9),
|
|
317
321
|
fonts: mapFonts(baseTheme.fonts, themeV9),
|
|
@@ -319,6 +323,5 @@ const createV8Theme = (brandColors, themeV9, isDarkTheme = false, themeV8) => {
|
|
|
319
323
|
isInverted: isDarkTheme || (themeV8 === null || themeV8 === void 0 ? void 0 : themeV8.isInverted) === true
|
|
320
324
|
};
|
|
321
325
|
};
|
|
322
|
-
|
|
323
326
|
exports.createV8Theme = createV8Theme;
|
|
324
327
|
//# sourceMappingURL=v8ThemeShim.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Theme/v8ThemeShim.ts"],"names":[],"mappings":"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","sourcesContent":["import { createTheme, DefaultPalette } from '@fluentui/react';\nimport type { IPalette, ISemanticColors, IFontStyles, IFontWeight, IEffects, Theme as ThemeV8 } from '@fluentui/react';\n\nimport { BrandVariants, Theme as ThemeV9 } from '@fluentui/react-components';\n\nimport { black, blackAlpha, grey, sharedColors, white, whiteAlpha } from './themeDuplicates';\n\nconst mappedNeutrals = {\n black,\n blackTranslucent40: blackAlpha[40],\n neutralDark: grey[8],\n neutralPrimary: grey[14],\n neutralPrimaryAlt: grey[22],\n neutralSecondary: grey[36],\n neutralSecondaryAlt: grey[52],\n neutralTertiary: grey[62],\n neutralTertiaryAlt: grey[78],\n neutralQuaternary: grey[82],\n neutralQuaternaryAlt: grey[88],\n neutralLight: grey[92],\n neutralLighter: grey[96],\n neutralLighterAlt: grey[98],\n white,\n whiteTranslucent40: whiteAlpha[40],\n};\n\nconst invertedMappedNeutrals = {\n black: white,\n blackTranslucent40: whiteAlpha[40],\n neutralDark: grey[98],\n neutralPrimary: grey[96],\n neutralPrimaryAlt: grey[84],\n neutralSecondary: grey[82],\n neutralSecondaryAlt: grey[74],\n neutralTertiary: grey[44],\n neutralTertiaryAlt: grey[26],\n neutralQuaternary: grey[24],\n neutralQuaternaryAlt: grey[18],\n neutralLight: grey[16],\n neutralLighter: grey[14],\n neutralLighterAlt: grey[10],\n white: black,\n whiteTranslucent40: blackAlpha[40],\n};\n\nconst mappedSharedColors = {\n yellowDark: sharedColors.marigold.shade10,\n yellow: sharedColors.yellow.primary,\n yellowLight: sharedColors.yellow.tint40,\n orange: sharedColors.orange.primary,\n orangeLight: sharedColors.orange.tint20,\n orangeLighter: sharedColors.orange.tint40,\n redDark: sharedColors.darkRed.primary,\n red: sharedColors.red.primary,\n magentaDark: sharedColors.magenta.shade30,\n magenta: sharedColors.magenta.primary,\n magentaLight: sharedColors.magenta.tint30,\n purpleDark: sharedColors.darkPurple.primary,\n purple: sharedColors.purple.primary,\n purpleLight: sharedColors.purple.tint40,\n blueDark: sharedColors.darkBlue.primary,\n blueMid: sharedColors.royalBlue.primary,\n blue: sharedColors.blue.primary,\n blueLight: sharedColors.lightBlue.primary,\n tealDark: sharedColors.darkTeal.primary,\n teal: sharedColors.teal.primary,\n tealLight: sharedColors.lightTeal.primary,\n greenDark: sharedColors.darkGreen.primary,\n green: sharedColors.green.primary,\n greenLight: sharedColors.lightGreen.primary,\n};\n\n/**\n * Creates a v8 palette given a brand ramp\n */\nconst mapPalette = (brandColors: BrandVariants, inverted: boolean): IPalette => {\n const neutrals = inverted ? invertedMappedNeutrals : mappedNeutrals;\n const brands = inverted\n ? {\n themeDarker: brandColors[110],\n themeDark: brandColors[100],\n themeDarkAlt: brandColors[100],\n themePrimary: brandColors[90],\n themeSecondary: brandColors[90],\n themeTertiary: brandColors[60],\n themeLight: brandColors[50],\n themeLighter: brandColors[40],\n themeLighterAlt: brandColors[30],\n }\n : {\n themeDarker: brandColors[40],\n themeDark: brandColors[60],\n themeDarkAlt: brandColors[70],\n themePrimary: brandColors[80],\n themeSecondary: brandColors[90],\n themeTertiary: brandColors[120],\n themeLight: brandColors[140],\n themeLighter: brandColors[150],\n themeLighterAlt: brandColors[160],\n };\n\n return {\n ...DefaultPalette,\n ...neutrals,\n accent: brands.themePrimary,\n ...mappedSharedColors,\n ...brands,\n };\n};\n\n/**\n * Returns v9 theme colors overlaid on a base set of v8 semantic colors\n */\nconst mapSemanticColors = (baseColors: ISemanticColors, theme: ThemeV9): ISemanticColors => {\n return {\n ...baseColors,\n accentButtonBackground: theme.colorBrandBackground,\n accentButtonText: theme.colorNeutralForegroundOnBrand,\n actionLink: theme.colorNeutralForeground1,\n actionLinkHovered: theme.colorNeutralForeground1Hover,\n // blockingBackground,\n // blockingIcon,\n bodyBackground: theme.colorNeutralBackground1,\n bodyBackgroundChecked: theme.colorNeutralBackground1Selected,\n bodyBackgroundHovered: theme.colorNeutralBackground1Hover,\n bodyDivider: theme.colorNeutralStroke2,\n bodyFrameBackground: theme.colorNeutralBackground1,\n bodyFrameDivider: theme.colorNeutralStroke2,\n bodyStandoutBackground: theme.colorNeutralBackground2,\n bodySubtext: theme.colorNeutralForeground2,\n bodyText: theme.colorNeutralForeground1,\n bodyTextChecked: theme.colorNeutralForeground1Selected,\n buttonBackground: theme.colorNeutralBackground1,\n buttonBackgroundChecked: theme.colorNeutralBackground1Selected,\n buttonBackgroundCheckedHovered: theme.colorNeutralBackground1Hover,\n buttonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,\n buttonBackgroundHovered: theme.colorNeutralBackground1Hover,\n buttonBackgroundPressed: theme.colorNeutralBackground1Pressed,\n buttonBorder: theme.colorNeutralStroke1,\n buttonBorderDisabled: theme.colorNeutralStrokeDisabled,\n buttonText: theme.colorNeutralForeground1,\n buttonTextChecked: theme.colorNeutralForeground1,\n buttonTextCheckedHovered: theme.colorNeutralForeground1,\n buttonTextDisabled: theme.colorNeutralForegroundDisabled,\n buttonTextHovered: theme.colorNeutralForeground1,\n buttonTextPressed: theme.colorNeutralForeground1,\n cardShadow: theme.shadow4,\n cardShadowHovered: theme.shadow8,\n cardStandoutBackground: theme.colorNeutralBackground1,\n defaultStateBackground: theme.colorNeutralBackground2,\n disabledBackground: theme.colorNeutralBackgroundDisabled,\n disabledBodySubtext: theme.colorNeutralForegroundDisabled,\n disabledBodyText: theme.colorNeutralForegroundDisabled,\n disabledBorder: theme.colorNeutralStrokeDisabled,\n disabledSubtext: theme.colorNeutralForegroundDisabled,\n disabledText: theme.colorNeutralForegroundDisabled,\n // errorBackground,\n // errorIcon,\n // errorText: ,\n focusBorder: theme.colorStrokeFocus2,\n // infoBackground,\n // infoIcon,\n inputBackground: theme.colorNeutralBackground1,\n inputBackgroundChecked: theme.colorBrandBackground,\n inputBackgroundCheckedHovered: theme.colorBrandBackgroundHover,\n inputBorder: theme.colorNeutralStrokeAccessible,\n inputBorderHovered: theme.colorNeutralStrokeAccessibleHover,\n inputFocusBorderAlt: theme.colorBrandStroke1,\n inputForegroundChecked: theme.colorNeutralForegroundOnBrand,\n inputIcon: theme.colorNeutralForeground3,\n inputIconDisabled: theme.colorNeutralForegroundDisabled,\n inputIconHovered: theme.colorNeutralForeground3,\n inputPlaceholderBackgroundChecked: theme.colorBrandBackgroundInvertedSelected,\n inputPlaceholderText: theme.colorNeutralForeground4,\n inputText: theme.colorNeutralForeground1,\n inputTextHovered: theme.colorNeutralForeground1Hover,\n link: theme.colorBrandForegroundLink,\n linkHovered: theme.colorBrandForegroundLinkHover,\n listBackground: theme.colorNeutralBackground1,\n listHeaderBackgroundHovered: theme.colorNeutralBackground1Hover,\n listHeaderBackgroundPressed: theme.colorNeutralBackground1Pressed,\n listItemBackgroundChecked: theme.colorNeutralBackground1Selected,\n listItemBackgroundCheckedHovered: theme.colorNeutralBackground1Selected,\n listItemBackgroundHovered: theme.colorNeutralBackground1Hover,\n listText: theme.colorNeutralForeground1,\n listTextColor: theme.colorNeutralForeground1,\n menuBackground: theme.colorNeutralBackground1,\n menuDivider: theme.colorNeutralStroke2,\n menuHeader: theme.colorNeutralForeground3,\n menuIcon: theme.colorNeutralForeground1,\n menuItemBackgroundChecked: theme.colorNeutralBackground1,\n menuItemBackgroundHovered: theme.colorNeutralBackground1Hover,\n menuItemBackgroundPressed: theme.colorNeutralBackground1Hover,\n menuItemText: theme.colorNeutralForeground1,\n menuItemTextHovered: theme.colorNeutralForeground1Hover,\n messageLink: theme.colorBrandForegroundLink,\n messageLinkHovered: theme.colorBrandForegroundLinkHover,\n messageText: theme.colorNeutralForeground1,\n primaryButtonBackground: theme.colorBrandBackground,\n primaryButtonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,\n primaryButtonBackgroundHovered: theme.colorBrandBackgroundHover,\n primaryButtonBackgroundPressed: theme.colorBrandBackgroundPressed,\n primaryButtonBorder: theme.colorTransparentStroke,\n primaryButtonText: theme.colorNeutralForegroundOnBrand,\n primaryButtonTextDisabled: theme.colorNeutralForegroundDisabled,\n primaryButtonTextHovered: theme.colorNeutralForegroundOnBrand,\n primaryButtonTextPressed: theme.colorNeutralForegroundOnBrand,\n // severeWarningBackground,\n // severeWarningIcon,\n // smallInputBorder,\n // successBackground,\n // successIcon,\n // successText: ,\n // variantBorder,\n // variantBorderHovered,\n // warningBackground,\n // warningHighlight,\n // warningIcon,\n // warningText: ,\n };\n};\n\n/**\n * Overlays v9 fonts on a set of base v8 fonts.\n */\nconst mapFonts = (baseFonts: IFontStyles, theme: ThemeV9): IFontStyles => {\n return {\n ...baseFonts,\n tiny: {\n ...baseFonts.tiny,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase100,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n xSmall: {\n ...baseFonts.xSmall,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase100,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n small: {\n ...baseFonts.small,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase200,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n smallPlus: {\n ...baseFonts.smallPlus,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase200,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n medium: {\n ...baseFonts.medium,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase300,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n mediumPlus: {\n ...baseFonts.mediumPlus,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase400,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n large: {\n ...baseFonts.large,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase400,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n xLarge: {\n ...baseFonts.xxLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase500,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n xxLarge: {\n ...baseFonts.xxLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero700,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n superLarge: {\n ...baseFonts.superLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero900,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n mega: {\n ...baseFonts.mega,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero1000,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n };\n};\n\n/**\n * Overlays v9 shadows and border radii on a base set of v8 effects.\n */\nconst mapEffects = (baseEffects: IEffects, theme: ThemeV9): IEffects => {\n return {\n ...baseEffects,\n elevation4: theme.shadow4,\n elevation8: theme.shadow8,\n elevation16: theme.shadow16,\n elevation64: theme.shadow64,\n roundedCorner2: theme.borderRadiusSmall,\n roundedCorner4: theme.borderRadiusMedium,\n roundedCorner6: theme.borderRadiusLarge,\n };\n};\n\n/**\n * Creates a v8 theme from v9 brand colors and theme.\n * You can optionally pass a v8 base theme.\n * Otherwise the default v8 theme is used.\n *\n * The v9 colors, fonts, and effects are applied on top of the v8 theme\n * to allow v8 components to look as much like v9 components as possible.\n */\nexport const createV8Theme = (\n brandColors: BrandVariants,\n themeV9: ThemeV9,\n isDarkTheme: boolean = false,\n themeV8?: ThemeV8,\n): ThemeV8 => {\n const baseTheme = themeV8 || createTheme({ isInverted: isDarkTheme });\n\n return {\n ...baseTheme,\n palette: mapPalette(brandColors, isDarkTheme),\n semanticColors: mapSemanticColors(baseTheme.semanticColors, themeV9),\n fonts: mapFonts(baseTheme.fonts, themeV9),\n effects: mapEffects(baseTheme.effects, themeV9),\n isInverted: isDarkTheme || themeV8?.isInverted === true,\n };\n};\n"],"sourceRoot":"../src/"}
|
|
1
|
+
{"version":3,"mappings":"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","names":["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"]}
|
|
@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createBrandVariants = void 0;
|
|
7
|
-
|
|
8
7
|
const tinycolor_1 = /*#__PURE__*/require("@ctrl/tinycolor");
|
|
9
8
|
/**
|
|
10
9
|
* A helper to mix colors using tiny color by an amount and get back a hex string.
|
|
11
10
|
*/
|
|
12
|
-
|
|
13
|
-
|
|
14
11
|
const mixColors = (colorA, colorB, amount) => {
|
|
15
12
|
return new tinycolor_1.TinyColor(colorA).mix(new tinycolor_1.TinyColor(colorB), amount).toHexString();
|
|
16
13
|
};
|
|
17
14
|
/**
|
|
18
15
|
* Creates a v9 brand ramp by pairwise mixing v8 palette colors.
|
|
19
16
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
17
|
const mixByPairs = palette => {
|
|
23
18
|
return {
|
|
24
19
|
10: palette.themeDarker,
|
|
@@ -44,8 +39,6 @@ const mixByPairs = palette => {
|
|
|
44
39
|
* using steps between themeDarker and themePrimary and
|
|
45
40
|
* between themePrimary and themeLighterAlt.
|
|
46
41
|
*/
|
|
47
|
-
|
|
48
|
-
|
|
49
42
|
const mixPrimaryAndEnds = palette => {
|
|
50
43
|
return {
|
|
51
44
|
10: palette.themeDarker,
|
|
@@ -70,18 +63,14 @@ const mixPrimaryAndEnds = palette => {
|
|
|
70
63
|
* Creates v9 brand colors from a v8 palette using interpolation
|
|
71
64
|
* A v8 palette has nine colors and v9 has sixteen colors.
|
|
72
65
|
*/
|
|
73
|
-
|
|
74
|
-
|
|
75
66
|
const createBrandVariants = (palette, interpolation = 'pairs') => {
|
|
76
67
|
switch (interpolation) {
|
|
77
68
|
case 'primaryAndEnds':
|
|
78
69
|
return mixPrimaryAndEnds(palette);
|
|
79
|
-
|
|
80
70
|
case 'pairs':
|
|
81
71
|
default:
|
|
82
72
|
return mixByPairs(palette);
|
|
83
73
|
}
|
|
84
74
|
};
|
|
85
|
-
|
|
86
75
|
exports.createBrandVariants = createBrandVariants;
|
|
87
76
|
//# sourceMappingURL=v9BrandVariantsShim.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAEA;AAGA;;;AAGA,MAAMA,SAAS,GAAG,CAACC,MAAkB,EAAEC,MAAkB,EAAEC,MAAe,KAAI;EAC5E,OAAO,IAAIC,qBAAS,CAACH,MAAM,CAAC,CAACI,GAAG,CAAC,IAAID,qBAAS,CAACF,MAAM,CAAC,EAAEC,MAAM,CAAC,CAACG,WAAW,EAAE;AAC/E,CAAC;AAED;;;AAGA,MAAMC,UAAU,GAAIC,OAAiB,IAAmB;EACtD,OAAO;IACL,EAAE,EAAEA,OAAO,CAACC,WAAW;IACvB,EAAE,EAAET,SAAS,CAACQ,OAAO,CAACC,WAAW,EAAED,OAAO,CAACE,SAAS,CAAC;IACrD,EAAE,EAAEF,OAAO,CAACE,SAAS;IACrB,EAAE,EAAEV,SAAS,CAACQ,OAAO,CAACE,SAAS,EAAEF,OAAO,CAACG,YAAY,CAAC;IACtD,EAAE,EAAEH,OAAO,CAACG,YAAY;IACxB,EAAE,EAAEX,SAAS,CAACQ,OAAO,CAACG,YAAY,EAAEH,OAAO,CAACI,YAAY,CAAC;IACzD,EAAE,EAAEJ,OAAO,CAACI,YAAY;IACxB,EAAE,EAAEZ,SAAS,CAACQ,OAAO,CAACI,YAAY,EAAEJ,OAAO,CAACK,cAAc,CAAC;IAC3D,EAAE,EAAEL,OAAO,CAACK,cAAc;IAC1B,GAAG,EAAEb,SAAS,CAACQ,OAAO,CAACK,cAAc,EAAEL,OAAO,CAACM,aAAa,CAAC;IAC7D,GAAG,EAAEN,OAAO,CAACM,aAAa;IAC1B,GAAG,EAAEd,SAAS,CAACQ,OAAO,CAACM,aAAa,EAAEN,OAAO,CAACO,UAAU,CAAC;IACzD,GAAG,EAAEP,OAAO,CAACO,UAAU;IACvB,GAAG,EAAEf,SAAS,CAACQ,OAAO,CAACO,UAAU,EAAEP,OAAO,CAACQ,YAAY,CAAC;IACxD,GAAG,EAAER,OAAO,CAACQ,YAAY;IACzB,GAAG,EAAEhB,SAAS,CAACQ,OAAO,CAACQ,YAAY,EAAER,OAAO,CAACS,eAAe;GAC7D;AACH,CAAC;AAED;;;;;AAKA,MAAMC,iBAAiB,GAAIV,OAAiB,IAAmB;EAC7D,OAAO;IACL,EAAE,EAAEA,OAAO,CAACC,WAAW;IACvB,EAAE,EAAET,SAAS,CAACQ,OAAO,CAACC,WAAW,EAAED,OAAO,CAACI,YAAY,EAAE,EAAE,CAAC;IAC5D,EAAE,EAAEZ,SAAS,CAACQ,OAAO,CAACC,WAAW,EAAED,OAAO,CAACI,YAAY,EAAE,EAAE,CAAC;IAC5D,EAAE,EAAEZ,SAAS,CAACQ,OAAO,CAACC,WAAW,EAAED,OAAO,CAACI,YAAY,EAAE,EAAE,CAAC;IAC5D,EAAE,EAAEZ,SAAS,CAACQ,OAAO,CAACC,WAAW,EAAED,OAAO,CAACI,YAAY,EAAE,EAAE,CAAC;IAC5D,EAAE,EAAEZ,SAAS,CAACQ,OAAO,CAACC,WAAW,EAAED,OAAO,CAACI,YAAY,EAAE,EAAE,CAAC;IAC5D,EAAE,EAAEZ,SAAS,CAACQ,OAAO,CAACC,WAAW,EAAED,OAAO,CAACI,YAAY,EAAE,EAAE,CAAC;IAC5D,EAAE,EAAEJ,OAAO,CAACI,YAAY;IACxB,EAAE,EAAEZ,SAAS,CAACQ,OAAO,CAACI,YAAY,EAAEJ,OAAO,CAACS,eAAe,EAAE,EAAE,CAAC;IAChE,GAAG,EAAEjB,SAAS,CAACQ,OAAO,CAACI,YAAY,EAAEJ,OAAO,CAACS,eAAe,EAAE,EAAE,CAAC;IACjE,GAAG,EAAEjB,SAAS,CAACQ,OAAO,CAACI,YAAY,EAAEJ,OAAO,CAACS,eAAe,EAAE,EAAE,CAAC;IACjE,GAAG,EAAEjB,SAAS,CAACQ,OAAO,CAACI,YAAY,EAAEJ,OAAO,CAACS,eAAe,EAAE,EAAE,CAAC;IACjE,GAAG,EAAEjB,SAAS,CAACQ,OAAO,CAACI,YAAY,EAAEJ,OAAO,CAACS,eAAe,EAAE,EAAE,CAAC;IACjE,GAAG,EAAEjB,SAAS,CAACQ,OAAO,CAACI,YAAY,EAAEJ,OAAO,CAACS,eAAe,EAAE,EAAE,CAAC;IACjE,GAAG,EAAEjB,SAAS,CAACQ,OAAO,CAACI,YAAY,EAAEJ,OAAO,CAACS,eAAe,EAAE,EAAE,CAAC;IACjE,GAAG,EAAET,OAAO,CAACS;GACd;AACH,CAAC;AAID;;;;AAIO,MAAME,mBAAmB,GAAG,CAACX,OAAiB,EAAEY,gBAA+B,OAAO,KAAmB;EAC9G,QAAQA,aAAa;IACnB,KAAK,gBAAgB;MACnB,OAAOF,iBAAiB,CAACV,OAAO,CAAC;IACnC,KAAK,OAAO;IACZ;MACE,OAAOD,UAAU,CAACC,OAAO,CAAC;EAAC;AAEjC,CAAC;AARYa,2BAAmB","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"]}
|
|
@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createV9Theme = void 0;
|
|
7
|
-
|
|
8
7
|
const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
|
|
9
|
-
|
|
10
8
|
const themeDuplicates_1 = /*#__PURE__*/require("./themeDuplicates");
|
|
11
9
|
/**
|
|
12
10
|
* Creates v9 color tokens from a v8 palette.
|
|
13
11
|
*/
|
|
14
|
-
|
|
15
|
-
|
|
16
12
|
const mapAliasColors = (palette, inverted) => {
|
|
17
13
|
return {
|
|
18
14
|
colorNeutralForeground1: palette.neutralPrimary,
|
|
@@ -167,8 +163,6 @@ const mapAliasColors = (palette, inverted) => {
|
|
|
167
163
|
/**
|
|
168
164
|
* Creates v9 shadow tokens from v8 effects.
|
|
169
165
|
*/
|
|
170
|
-
|
|
171
|
-
|
|
172
166
|
const mapShadowTokens = effects => {
|
|
173
167
|
return {
|
|
174
168
|
shadow4: effects.elevation4,
|
|
@@ -180,8 +174,6 @@ const mapShadowTokens = effects => {
|
|
|
180
174
|
/**
|
|
181
175
|
* Creates v9 border radius tokens from v8 effects
|
|
182
176
|
*/
|
|
183
|
-
|
|
184
|
-
|
|
185
177
|
const mapBorderRadiusTokens = effects => {
|
|
186
178
|
return {
|
|
187
179
|
borderRadiusSmall: effects.roundedCorner2,
|
|
@@ -193,16 +185,14 @@ const mapBorderRadiusTokens = effects => {
|
|
|
193
185
|
* Creates a v9 theme from a v8 theme.
|
|
194
186
|
* You can optional pass a base v9 theme; otherwise webLightTheme is used.
|
|
195
187
|
*/
|
|
196
|
-
|
|
197
|
-
|
|
198
188
|
const createV9Theme = (themeV8, baseThemeV9) => {
|
|
199
189
|
const baseTheme = baseThemeV9 !== null && baseThemeV9 !== void 0 ? baseThemeV9 : react_components_1.webLightTheme;
|
|
200
|
-
return {
|
|
190
|
+
return {
|
|
191
|
+
...baseTheme,
|
|
201
192
|
...mapAliasColors(themeV8.palette, themeV8.isInverted),
|
|
202
193
|
...mapShadowTokens(themeV8.effects),
|
|
203
194
|
...mapBorderRadiusTokens(themeV8.effects)
|
|
204
195
|
};
|
|
205
196
|
};
|
|
206
|
-
|
|
207
197
|
exports.createV9Theme = createV9Theme;
|
|
208
198
|
//# sourceMappingURL=v9ThemeShim.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Theme/v9ThemeShim.ts"],"names":[],"mappings":"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","sourcesContent":["import { Theme as ThemeV8 } from '@fluentui/react';\nimport type { IEffects, IPalette } from '@fluentui/react';\nimport { Theme as ThemeV9, webLightTheme } from '@fluentui/react-components';\nimport type { BorderRadiusTokens, ColorTokens, ShadowTokens } from '@fluentui/react-components';\nimport { blackAlpha, whiteAlpha, grey } from './themeDuplicates';\n\n/**\n * Creates v9 color tokens from a v8 palette.\n */\nconst mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {\n return {\n colorNeutralForeground1: palette.neutralPrimary,\n colorNeutralForeground1Hover: palette.neutralPrimary,\n colorNeutralForeground1Pressed: palette.neutralPrimary,\n colorNeutralForeground1Selected: palette.neutralPrimary,\n colorNeutralForeground2: palette.neutralSecondary,\n colorNeutralForeground2Hover: palette.neutralPrimary,\n colorNeutralForeground2Pressed: palette.neutralPrimary,\n colorNeutralForeground2Selected: palette.neutralPrimary,\n colorNeutralForeground2BrandHover: palette.themePrimary,\n colorNeutralForeground2BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground2BrandSelected: palette.themePrimary,\n colorNeutralForeground3: palette.neutralTertiary,\n colorNeutralForeground3Hover: palette.neutralSecondary,\n colorNeutralForeground3Pressed: palette.neutralSecondary,\n colorNeutralForeground3Selected: palette.neutralSecondary,\n colorNeutralForeground3BrandHover: palette.themePrimary,\n colorNeutralForeground3BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground3BrandSelected: palette.themePrimary,\n colorNeutralForeground4: palette.neutralQuaternary,\n colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n colorBrandForegroundLink: palette.themeDarkAlt,\n colorBrandForegroundLinkHover: palette.themeDark,\n colorBrandForegroundLinkPressed: palette.themeDarker,\n colorBrandForegroundLinkSelected: palette.themeDarkAlt,\n colorNeutralForeground2Link: palette.neutralSecondary,\n colorNeutralForeground2LinkHover: palette.neutralPrimary,\n colorNeutralForeground2LinkPressed: palette.neutralPrimary,\n colorNeutralForeground2LinkSelected: palette.neutralPrimary,\n colorCompoundBrandForeground1: palette.themePrimary,\n colorCompoundBrandForeground1Hover: palette.themeDarkAlt,\n colorCompoundBrandForeground1Pressed: palette.themeDark,\n colorBrandForeground1: palette.themePrimary,\n colorBrandForeground2: palette.themeDarkAlt,\n colorNeutralForeground1Static: palette.neutralPrimary,\n colorNeutralForegroundInverted: palette.white,\n colorNeutralForegroundInvertedHover: palette.white,\n colorNeutralForegroundInvertedPressed: palette.white,\n colorNeutralForegroundInvertedSelected: palette.white,\n colorNeutralForegroundOnBrand: palette.white,\n colorNeutralForegroundStaticInverted: palette.white,\n colorNeutralForegroundInvertedLink: palette.white,\n colorNeutralForegroundInvertedLinkHover: palette.white,\n colorNeutralForegroundInvertedLinkPressed: palette.white,\n colorNeutralForegroundInvertedLinkSelected: palette.white,\n colorNeutralForegroundInverted2: palette.white,\n colorBrandForegroundInverted: palette.themeSecondary,\n colorBrandForegroundInvertedHover: palette.themeTertiary,\n colorBrandForegroundInvertedPressed: palette.themeSecondary,\n colorBrandForegroundOnLight: palette.themePrimary,\n colorBrandForegroundOnLightHover: palette.themeDarkAlt,\n colorBrandForegroundOnLightPressed: palette.themeDark,\n colorBrandForegroundOnLightSelected: palette.themeDark,\n colorNeutralBackground1: palette.white,\n colorNeutralBackground1Hover: palette.neutralLighter,\n colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground1Selected: palette.neutralLight,\n colorNeutralBackground2: palette.neutralLighterAlt,\n colorNeutralBackground2Hover: palette.neutralLighter,\n colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground2Selected: palette.neutralLight,\n colorNeutralBackground3: palette.neutralLighter,\n colorNeutralBackground3Hover: palette.neutralLight,\n colorNeutralBackground3Pressed: palette.neutralQuaternary,\n colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,\n colorNeutralBackground4: palette.neutralLighter,\n colorNeutralBackground4Hover: palette.neutralLighterAlt,\n colorNeutralBackground4Pressed: palette.neutralLighter,\n colorNeutralBackground4Selected: palette.white,\n colorNeutralBackground5: palette.neutralLight,\n colorNeutralBackground5Hover: palette.neutralLighter,\n colorNeutralBackground5Pressed: palette.neutralLighter,\n colorNeutralBackground5Selected: palette.neutralLighterAlt,\n colorNeutralBackground6: palette.neutralLight,\n colorNeutralBackgroundStatic: grey[20],\n colorNeutralBackgroundInverted: palette.neutralSecondary,\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: palette.neutralLighter,\n colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,\n colorSubtleBackgroundSelected: palette.neutralLight,\n colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],\n colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],\n colorSubtleBackgroundLightAlphaSelected: 'transparent',\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: blackAlpha[10],\n colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: 'transparent',\n colorTransparentBackgroundPressed: 'transparent',\n colorTransparentBackgroundSelected: 'transparent',\n colorNeutralBackgroundDisabled: palette.neutralLighter,\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n colorNeutralStencil1: palette.neutralLight,\n colorNeutralStencil2: palette.neutralLighterAlt,\n colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],\n colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],\n colorBackgroundOverlay: blackAlpha[40],\n colorScrollbarOverlay: blackAlpha[50],\n colorBrandBackground: palette.themePrimary,\n colorBrandBackgroundHover: palette.themeDarkAlt,\n colorBrandBackgroundPressed: palette.themeDarker,\n colorBrandBackgroundSelected: palette.themeDark,\n colorCompoundBrandBackground: palette.themePrimary,\n colorCompoundBrandBackgroundHover: palette.themeDarkAlt,\n colorCompoundBrandBackgroundPressed: palette.themeDark,\n colorBrandBackgroundStatic: palette.themePrimary,\n colorBrandBackground2: palette.themeLighterAlt,\n colorBrandBackgroundInverted: palette.white,\n colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n colorBrandBackgroundInvertedPressed: palette.themeLight,\n colorBrandBackgroundInvertedSelected: palette.themeLighter,\n colorNeutralStrokeAccessible: palette.neutralSecondary,\n colorNeutralStrokeAccessibleHover: palette.neutralSecondary,\n colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,\n colorNeutralStrokeAccessibleSelected: palette.themePrimary,\n colorNeutralStroke1: palette.neutralQuaternary,\n colorNeutralStroke1Hover: palette.neutralTertiaryAlt,\n colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,\n colorNeutralStroke1Selected: palette.neutralTertiaryAlt,\n colorNeutralStroke2: palette.neutralQuaternaryAlt,\n colorNeutralStroke3: palette.neutralLighter,\n colorNeutralStrokeOnBrand: palette.white,\n colorNeutralStrokeOnBrand2: palette.white,\n colorNeutralStrokeOnBrand2Hover: palette.white,\n colorNeutralStrokeOnBrand2Pressed: palette.white,\n colorNeutralStrokeOnBrand2Selected: palette.white,\n colorBrandStroke1: palette.themePrimary,\n colorBrandStroke2: palette.themeLight,\n colorCompoundBrandStroke: palette.themePrimary,\n colorCompoundBrandStrokeHover: palette.themeDarkAlt,\n colorCompoundBrandStrokePressed: palette.themeDark,\n colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n colorTransparentStroke: 'transparent',\n colorTransparentStrokeInteractive: 'transparent',\n colorTransparentStrokeDisabled: 'transparent',\n colorStrokeFocus1: palette.white,\n colorStrokeFocus2: palette.black,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)',\n };\n};\n\n/**\n * Creates v9 shadow tokens from v8 effects.\n */\nconst mapShadowTokens = (effects: IEffects): Partial<ShadowTokens> => {\n return {\n shadow4: effects.elevation4,\n shadow8: effects.elevation8,\n shadow16: effects.elevation16,\n shadow64: effects.elevation64,\n };\n};\n\n/**\n * Creates v9 border radius tokens from v8 effects\n */\nconst mapBorderRadiusTokens = (effects: IEffects): Partial<BorderRadiusTokens> => {\n return {\n borderRadiusSmall: effects.roundedCorner2,\n borderRadiusMedium: effects.roundedCorner4,\n borderRadiusLarge: effects.roundedCorner6,\n };\n};\n\n/**\n * Creates a v9 theme from a v8 theme.\n * You can optional pass a base v9 theme; otherwise webLightTheme is used.\n */\nexport const createV9Theme = (themeV8: ThemeV8, baseThemeV9?: ThemeV9): ThemeV9 => {\n const baseTheme = baseThemeV9 ?? webLightTheme;\n\n return {\n ...baseTheme,\n ...mapAliasColors(themeV8.palette, themeV8.isInverted),\n ...mapShadowTokens(themeV8.effects),\n ...mapBorderRadiusTokens(themeV8.effects),\n };\n};\n"],"sourceRoot":"../src/"}
|
|
1
|
+
{"version":3,"mappings":"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","names":["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"]}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.whiteAlpha = exports.white = exports.sharedColors = exports.hcHyperlink = exports.hcHighlightText = exports.hcHighlight = exports.hcDisabled = exports.hcCanvasText = exports.hcCanvas = exports.hcButtonText = exports.hcButtonFace = exports.grey14Alpha = exports.grey = exports.createV9Theme = exports.createV8Theme = exports.createBrandVariants = exports.brandWeb = exports.blackAlpha = exports.black = exports.StackShim = exports.StackItemShim = exports.shimMenuProps = exports.MenuItemShim = exports.ToggleButtonShim = exports.shimButtonProps = exports.PrimaryButtonShim = exports.MenuButtonShim = exports.DefaultButtonShim = exports.CompoundButtonShim = exports.CommandButtonShim = exports.ButtonShim = exports.ActionButtonShim = void 0;
|
|
7
|
-
|
|
8
7
|
var index_1 = /*#__PURE__*/require("./components/Button/index");
|
|
9
|
-
|
|
10
8
|
Object.defineProperty(exports, "ActionButtonShim", {
|
|
11
9
|
enumerable: true,
|
|
12
10
|
get: function () {
|
|
@@ -61,9 +59,7 @@ Object.defineProperty(exports, "ToggleButtonShim", {
|
|
|
61
59
|
return index_1.ToggleButtonShim;
|
|
62
60
|
}
|
|
63
61
|
});
|
|
64
|
-
|
|
65
62
|
var index_2 = /*#__PURE__*/require("./components/Menu/index");
|
|
66
|
-
|
|
67
63
|
Object.defineProperty(exports, "MenuItemShim", {
|
|
68
64
|
enumerable: true,
|
|
69
65
|
get: function () {
|
|
@@ -76,9 +72,7 @@ Object.defineProperty(exports, "shimMenuProps", {
|
|
|
76
72
|
return index_2.shimMenuProps;
|
|
77
73
|
}
|
|
78
74
|
});
|
|
79
|
-
|
|
80
75
|
var index_3 = /*#__PURE__*/require("./components/Stack/index");
|
|
81
|
-
|
|
82
76
|
Object.defineProperty(exports, "StackItemShim", {
|
|
83
77
|
enumerable: true,
|
|
84
78
|
get: function () {
|
|
@@ -91,9 +85,7 @@ Object.defineProperty(exports, "StackShim", {
|
|
|
91
85
|
return index_3.StackShim;
|
|
92
86
|
}
|
|
93
87
|
});
|
|
94
|
-
|
|
95
88
|
var index_4 = /*#__PURE__*/require("./components/Theme/index");
|
|
96
|
-
|
|
97
89
|
Object.defineProperty(exports, "black", {
|
|
98
90
|
enumerable: true,
|
|
99
91
|
get: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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"]}
|