@fluentui-react-native/win32-theme 0.25.7 → 0.25.9
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 +37 -1
- package/CHANGELOG.md +19 -2
- package/lib-commonjs/NativeModule/hostThemeSetting.d.ts.map +1 -1
- package/lib-commonjs/NativeModule/hostThemeSetting.js +0 -3
- package/lib-commonjs/NativeModule/hostThemeSetting.js.map +1 -1
- package/lib-commonjs/__tests__/win32-theme.test.js +0 -1
- package/lib-commonjs/__tests__/win32-theme.test.js.map +1 -1
- package/package.json +3 -3
- package/src/NativeModule/hostThemeSetting.ts +0 -4
- package/src/__tests__/__snapshots__/win32-theme.test.ts.snap +12 -13
- package/src/__tests__/win32-theme.test.ts +0 -1
- package/lib/NativeModule/_mocks_/getThemingModule.native.d.ts +0 -6
- package/lib/NativeModule/_mocks_/getThemingModule.native.d.ts.map +0 -1
- package/lib/NativeModule/_mocks_/getThemingModule.native.js +0 -8
- package/lib/NativeModule/_mocks_/getThemingModule.native.js.map +0 -1
- package/lib/NativeModule/fallbackOfficeModule.d.ts +0 -5
- package/lib/NativeModule/fallbackOfficeModule.d.ts.map +0 -1
- package/lib/NativeModule/fallbackOfficeModule.js +0 -162
- package/lib/NativeModule/fallbackOfficeModule.js.map +0 -1
- package/lib/NativeModule/getThemingModule.d.ts +0 -7
- package/lib/NativeModule/getThemingModule.d.ts.map +0 -1
- package/lib/NativeModule/getThemingModule.js +0 -8
- package/lib/NativeModule/getThemingModule.js.map +0 -1
- package/lib/NativeModule/getThemingModule.native.d.ts +0 -4
- package/lib/NativeModule/getThemingModule.native.d.ts.map +0 -1
- package/lib/NativeModule/getThemingModule.native.js +0 -27
- package/lib/NativeModule/getThemingModule.native.js.map +0 -1
- package/lib/NativeModule/hostThemeSetting.d.ts +0 -3
- package/lib/NativeModule/hostThemeSetting.d.ts.map +0 -1
- package/lib/NativeModule/hostThemeSetting.js +0 -20
- package/lib/NativeModule/hostThemeSetting.js.map +0 -1
- package/lib/NativeModule/index.d.ts +0 -4
- package/lib/NativeModule/index.d.ts.map +0 -1
- package/lib/NativeModule/index.js +0 -4
- package/lib/NativeModule/index.js.map +0 -1
- package/lib/NativeModule/officeThemingModule.d.ts +0 -34
- package/lib/NativeModule/officeThemingModule.d.ts.map +0 -1
- package/lib/NativeModule/officeThemingModule.js +0 -2
- package/lib/NativeModule/officeThemingModule.js.map +0 -1
- package/lib/__tests__/win32-theme.test.d.ts +0 -2
- package/lib/__tests__/win32-theme.test.d.ts.map +0 -1
- package/lib/__tests__/win32-theme.test.js +0 -103
- package/lib/__tests__/win32-theme.test.js.map +0 -1
- package/lib/createAliasesFromPalette.d.ts +0 -3
- package/lib/createAliasesFromPalette.d.ts.map +0 -1
- package/lib/createAliasesFromPalette.js +0 -59
- package/lib/createAliasesFromPalette.js.map +0 -1
- package/lib/createBrandedThemeWithAlias.d.ts +0 -5
- package/lib/createBrandedThemeWithAlias.d.ts.map +0 -1
- package/lib/createBrandedThemeWithAlias.js +0 -69
- package/lib/createBrandedThemeWithAlias.js.map +0 -1
- package/lib/createFontAliasTokens.d.ts +0 -5
- package/lib/createFontAliasTokens.d.ts.map +0 -1
- package/lib/createFontAliasTokens.js +0 -9
- package/lib/createFontAliasTokens.js.map +0 -1
- package/lib/createOfficeAliasTokens.d.ts +0 -7
- package/lib/createOfficeAliasTokens.d.ts.map +0 -1
- package/lib/createOfficeAliasTokens.js +0 -14
- package/lib/createOfficeAliasTokens.js.map +0 -1
- package/lib/createOfficeTheme.d.ts +0 -13
- package/lib/createOfficeTheme.d.ts.map +0 -1
- package/lib/createOfficeTheme.js +0 -70
- package/lib/createOfficeTheme.js.map +0 -1
- package/lib/createPartialOfficeTheme.d.ts +0 -10
- package/lib/createPartialOfficeTheme.d.ts.map +0 -1
- package/lib/createPartialOfficeTheme.js +0 -25
- package/lib/createPartialOfficeTheme.js.map +0 -1
- package/lib/getOfficeTokens.d.ts +0 -377
- package/lib/getOfficeTokens.d.ts.map +0 -1
- package/lib/getOfficeTokens.js +0 -39
- package/lib/getOfficeTokens.js.map +0 -1
- package/lib/getThemeTypography.d.ts +0 -3
- package/lib/getThemeTypography.d.ts.map +0 -1
- package/lib/getThemeTypography.js +0 -22
- package/lib/getThemeTypography.js.map +0 -1
- package/lib/highContrast/tokens-alias.d.ts +0 -2
- package/lib/highContrast/tokens-alias.d.ts.map +0 -1
- package/lib/highContrast/tokens-alias.js +0 -16
- package/lib/highContrast/tokens-alias.js.map +0 -1
- package/lib/index.d.ts +0 -10
- package/lib/index.d.ts.map +0 -1
- package/lib/index.js +0 -9
- package/lib/index.js.map +0 -1
- package/lib/paletteFromOfficeColors.d.ts +0 -3
- package/lib/paletteFromOfficeColors.d.ts.map +0 -1
- package/lib/paletteFromOfficeColors.js +0 -160
- package/lib/paletteFromOfficeColors.js.map +0 -1
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { __awaiter, __generator } from "tslib";
|
|
2
|
-
import { createBrandedThemeWithAlias, getCurrentBrandAliasTokens } from '../createBrandedThemeWithAlias';
|
|
3
|
-
import { createFontAliasTokens } from '../createFontAliasTokens';
|
|
4
|
-
import { createOfficeColorAliasTokens, createOfficeShadowAliasTokens } from '../createOfficeAliasTokens';
|
|
5
|
-
import { createOfficeTheme } from '../createOfficeTheme';
|
|
6
|
-
import { createPartialOfficeTheme } from '../createPartialOfficeTheme';
|
|
7
|
-
import { win32Typography } from '../getThemeTypography';
|
|
8
|
-
import { setCurrentHostThemeSetting } from '../NativeModule/hostThemeSetting';
|
|
9
|
-
import { fallbackGetPalette, fallbackOfficeModule, getThemingModule } from '../NativeModule/index';
|
|
10
|
-
var officeThemes = ['White', 'Colorful', 'DarkGray', 'Black', 'HighContrast'];
|
|
11
|
-
var appPrimaries = ['#185abd', '#107c41', '#d83b01', '#80397b', '#0078d4', '#c43e1c'];
|
|
12
|
-
it('win32Typography test', function () {
|
|
13
|
-
expect(win32Typography).toMatchSnapshot();
|
|
14
|
-
});
|
|
15
|
-
it('fallbackOfficeModule test', function () {
|
|
16
|
-
expect(fallbackOfficeModule).toMatchSnapshot();
|
|
17
|
-
});
|
|
18
|
-
it('getThemingModule test', function () {
|
|
19
|
-
var themingModule = getThemingModule();
|
|
20
|
-
expect(themingModule).toMatchSnapshot();
|
|
21
|
-
});
|
|
22
|
-
it('createPartialOfficeTheme test', function () {
|
|
23
|
-
var themingModule = getThemingModule();
|
|
24
|
-
var partialOfficeTheme = createPartialOfficeTheme(themingModule[0]);
|
|
25
|
-
expect(partialOfficeTheme).toMatchSnapshot;
|
|
26
|
-
});
|
|
27
|
-
it('createFontAliasTokens test', function () {
|
|
28
|
-
var fontAliasToken = createFontAliasTokens();
|
|
29
|
-
expect(fontAliasToken).toMatchSnapshot();
|
|
30
|
-
});
|
|
31
|
-
it('createOfficeTheme test', function () {
|
|
32
|
-
setCurrentHostThemeSetting('White');
|
|
33
|
-
var officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
|
|
34
|
-
expect(officeTheme).toMatchSnapshot();
|
|
35
|
-
});
|
|
36
|
-
it.concurrent.each(officeThemes)('createBrandedThemeWithAlias test themeName: %s', function (themeName) { return __awaiter(void 0, void 0, void 0, function () {
|
|
37
|
-
var officeTheme, brandedTheme;
|
|
38
|
-
return __generator(this, function (_a) {
|
|
39
|
-
setCurrentHostThemeSetting('Colorful');
|
|
40
|
-
officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
|
|
41
|
-
brandedTheme = createBrandedThemeWithAlias(themeName, officeTheme);
|
|
42
|
-
expect(brandedTheme).toMatchSnapshot();
|
|
43
|
-
return [2 /*return*/];
|
|
44
|
-
});
|
|
45
|
-
}); });
|
|
46
|
-
it.concurrent.each(officeThemes)('createOfficeColorAliasTokens test officeTheme: %s', function (themeName) { return __awaiter(void 0, void 0, void 0, function () {
|
|
47
|
-
var colorAliasToken;
|
|
48
|
-
return __generator(this, function (_a) {
|
|
49
|
-
colorAliasToken = createOfficeColorAliasTokens(themeName);
|
|
50
|
-
expect(colorAliasToken).toMatchSnapshot();
|
|
51
|
-
return [2 /*return*/];
|
|
52
|
-
});
|
|
53
|
-
}); });
|
|
54
|
-
it.concurrent.each(officeThemes)('createOfficeShadowAliasTokens test officeTheme: %s', function (themeName) { return __awaiter(void 0, void 0, void 0, function () {
|
|
55
|
-
var shadowAliasToken;
|
|
56
|
-
return __generator(this, function (_a) {
|
|
57
|
-
shadowAliasToken = createOfficeShadowAliasTokens(themeName);
|
|
58
|
-
expect(shadowAliasToken).toMatchSnapshot();
|
|
59
|
-
return [2 /*return*/];
|
|
60
|
-
});
|
|
61
|
-
}); });
|
|
62
|
-
describe('fallbackGetPalette test', function () {
|
|
63
|
-
it('TaskPane palette', function () {
|
|
64
|
-
var fallbackPalette = fallbackGetPalette('TaskPane');
|
|
65
|
-
expect(fallbackPalette).toMatchSnapshot();
|
|
66
|
-
});
|
|
67
|
-
it('Random palette', function () {
|
|
68
|
-
/**
|
|
69
|
-
* RedColors is just a random pallette, we're just testing to see what happens
|
|
70
|
-
* if we use anything other than the TaskPane palette.
|
|
71
|
-
* */
|
|
72
|
-
var fallbackPalette = fallbackGetPalette('RedColors');
|
|
73
|
-
expect(fallbackPalette).toMatchSnapshot();
|
|
74
|
-
});
|
|
75
|
-
});
|
|
76
|
-
describe('getCurrentBrandAliasTokens test', function () {
|
|
77
|
-
it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s', function (appPrimary) { return __awaiter(void 0, void 0, void 0, function () {
|
|
78
|
-
var brandAliasTokens;
|
|
79
|
-
return __generator(this, function (_a) {
|
|
80
|
-
brandAliasTokens = getCurrentBrandAliasTokens('White', appPrimary);
|
|
81
|
-
expect(brandAliasTokens).toMatchSnapshot();
|
|
82
|
-
return [2 /*return*/];
|
|
83
|
-
});
|
|
84
|
-
}); });
|
|
85
|
-
it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', function (appPrimary) { return __awaiter(void 0, void 0, void 0, function () {
|
|
86
|
-
var brandAliasTokens;
|
|
87
|
-
return __generator(this, function (_a) {
|
|
88
|
-
brandAliasTokens = getCurrentBrandAliasTokens('Colorful', appPrimary);
|
|
89
|
-
expect(brandAliasTokens).toMatchSnapshot();
|
|
90
|
-
return [2 /*return*/];
|
|
91
|
-
});
|
|
92
|
-
}); });
|
|
93
|
-
// Tests the variation of the alias tokens for when isWhiteOrColorfulTheme is not true
|
|
94
|
-
it.concurrent.each(appPrimaries)('themeName: null, appPrimary: %s', function (appPrimary) { return __awaiter(void 0, void 0, void 0, function () {
|
|
95
|
-
var brandAliasTokens;
|
|
96
|
-
return __generator(this, function (_a) {
|
|
97
|
-
brandAliasTokens = getCurrentBrandAliasTokens(null, appPrimary);
|
|
98
|
-
expect(brandAliasTokens).toMatchSnapshot();
|
|
99
|
-
return [2 /*return*/];
|
|
100
|
-
});
|
|
101
|
-
}); });
|
|
102
|
-
});
|
|
103
|
-
//# sourceMappingURL=win32-theme.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"win32-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/win32-theme.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createAliasesFromPalette.d.ts","sourceRoot":"","sources":["../src/createAliasesFromPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAE1F,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAkEnH"}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
export function createAliasesFromPalette(palette, isHighContrast) {
|
|
2
|
-
// Workaround for getting checkmark to have correct color in HC
|
|
3
|
-
// while native code doesn't support PlatformColor
|
|
4
|
-
if (isHighContrast) {
|
|
5
|
-
return {};
|
|
6
|
-
}
|
|
7
|
-
return {
|
|
8
|
-
neutralForeground1: palette.Text,
|
|
9
|
-
neutralForeground1Hover: palette.TextHover,
|
|
10
|
-
neutralForeground1Pressed: palette.TextPressed,
|
|
11
|
-
neutralForeground1Selected: palette.TextSelected,
|
|
12
|
-
neutralForeground2: palette.TextSecondary,
|
|
13
|
-
neutralForeground2Hover: palette.TextSecondaryHover,
|
|
14
|
-
neutralForeground2Pressed: palette.TextSecondaryPressed,
|
|
15
|
-
neutralForeground2Selected: palette.TextSecondarySelected,
|
|
16
|
-
neutralForeground4: palette.TextCtlSubtlePlaceholder,
|
|
17
|
-
neutralForegroundDisabled: palette.TextDisabled,
|
|
18
|
-
compoundBrandForeground1: palette.TextEmphasis,
|
|
19
|
-
compoundBrandForeground1Hover: palette.TextEmphasisHover,
|
|
20
|
-
compoundBrandForeground1Pressed: palette.TextEmphasisPressed,
|
|
21
|
-
neutralForegroundInverted: palette.TextCtlSubtleSelectionHighlight,
|
|
22
|
-
neutralForegroundOnBrand: palette.TextCtlEmphasis,
|
|
23
|
-
neutralForegroundOnBrandHover: palette.TextCtlEmphasisHover,
|
|
24
|
-
neutralForegroundOnBrandPressed: palette.TextCtlEmphasisPressed,
|
|
25
|
-
neutralForegroundInvertedLink: palette.BkgToggleSwitchOff,
|
|
26
|
-
neutralForegroundInvertedLinkHover: palette.BkgToggleSwitchOffHover,
|
|
27
|
-
neutralForegroundInvertedLinkPressed: palette.BkgToggleSwitchOffPressed,
|
|
28
|
-
neutralBackground1: palette.Bkg,
|
|
29
|
-
neutralBackground1Hover: palette.BkgHover,
|
|
30
|
-
neutralBackground1Pressed: palette.BkgPressed,
|
|
31
|
-
neutralBackground1Selected: palette.BkgSelected,
|
|
32
|
-
neutralBackground2: palette.BkgHeader,
|
|
33
|
-
neutralBackground2Hover: palette.BkgSubtle,
|
|
34
|
-
neutralBackground3: palette.BkgSubtle,
|
|
35
|
-
neutralBackgroundInverted: palette.BkgSelectionHighlight,
|
|
36
|
-
neutralBackgroundDisabled: palette.BkgCtlDisabled,
|
|
37
|
-
neutralStencil1: palette.SliderBuffer,
|
|
38
|
-
brandBackground: palette.BkgCtlEmphasis,
|
|
39
|
-
brandBackgroundHover: palette.BkgCtlEmphasisHover,
|
|
40
|
-
brandBackgroundPressed: palette.BkgCtlEmphasisPressed,
|
|
41
|
-
compoundBrandBackground1: palette.BkgToggleSwitchOn,
|
|
42
|
-
compoundBrandBackground1Hover: palette.BkgToggleSwitchOnHover,
|
|
43
|
-
compoundBrandBackground1Pressed: palette.BkgToggleSwitchOnPressed,
|
|
44
|
-
neutralStrokeAccessible: palette.StrokeOnlySelected,
|
|
45
|
-
neutralStrokeAccessibleHover: palette.StrokeOnlyHover,
|
|
46
|
-
neutralStrokeAccessiblePressed: palette.StrokeOnlyPressed,
|
|
47
|
-
neutralStroke1: palette.StrokeCtl,
|
|
48
|
-
neutralStroke1Hover: palette.StrokeSelectedHover,
|
|
49
|
-
neutralStroke1Pressed: palette.StrokeOverPressed,
|
|
50
|
-
neutralStroke2: palette.SliderBuffer,
|
|
51
|
-
brandStroke1: palette.AccentEmphasis,
|
|
52
|
-
compoundBrandStroke1: palette.StrokeToggleSwitchOn,
|
|
53
|
-
compoundBrandStroke1Hover: palette.StrokeToggleSwitchOnHover,
|
|
54
|
-
compoundBrandStroke1Pressed: palette.StrokeToggleSwitchOnPressed,
|
|
55
|
-
neutralStrokeDisabled: palette.StrokeCtlDisabled,
|
|
56
|
-
strokeFocus2: palette.StrokeKeyboard,
|
|
57
|
-
};
|
|
58
|
-
}
|
|
59
|
-
//# sourceMappingURL=createAliasesFromPalette.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createAliasesFromPalette.js","sourceRoot":"","sources":["../src/createAliasesFromPalette.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,wBAAwB,CAAC,OAAsB,EAAE,cAAuB;IACtF,+DAA+D;IAC/D,kDAAkD;IAClD,IAAI,cAAc,EAAE;QAClB,OAAO,EAAE,CAAC;KACX;IAED,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,IAAI;QAChC,uBAAuB,EAAE,OAAO,CAAC,SAAS;QAC1C,yBAAyB,EAAE,OAAO,CAAC,WAAW;QAC9C,0BAA0B,EAAE,OAAO,CAAC,YAAY;QAChD,kBAAkB,EAAE,OAAO,CAAC,aAAa;QACzC,uBAAuB,EAAE,OAAO,CAAC,kBAAkB;QACnD,yBAAyB,EAAE,OAAO,CAAC,oBAAoB;QACvD,0BAA0B,EAAE,OAAO,CAAC,qBAAqB;QACzD,kBAAkB,EAAE,OAAO,CAAC,wBAAwB;QACpD,yBAAyB,EAAE,OAAO,CAAC,YAAY;QAE/C,wBAAwB,EAAE,OAAO,CAAC,YAAY;QAC9C,6BAA6B,EAAE,OAAO,CAAC,iBAAiB;QACxD,+BAA+B,EAAE,OAAO,CAAC,mBAAmB;QAE5D,yBAAyB,EAAE,OAAO,CAAC,+BAA+B;QAClE,wBAAwB,EAAE,OAAO,CAAC,eAAe;QACjD,6BAA6B,EAAE,OAAO,CAAC,oBAAoB;QAC3D,+BAA+B,EAAE,OAAO,CAAC,sBAAsB;QAC/D,6BAA6B,EAAE,OAAO,CAAC,kBAAkB;QACzD,kCAAkC,EAAE,OAAO,CAAC,uBAAuB;QACnE,oCAAoC,EAAE,OAAO,CAAC,yBAAyB;QAEvE,kBAAkB,EAAE,OAAO,CAAC,GAAG;QAC/B,uBAAuB,EAAE,OAAO,CAAC,QAAQ;QACzC,yBAAyB,EAAE,OAAO,CAAC,UAAU;QAC7C,0BAA0B,EAAE,OAAO,CAAC,WAAW;QAC/C,kBAAkB,EAAE,OAAO,CAAC,SAAS;QACrC,uBAAuB,EAAE,OAAO,CAAC,SAAS;QAC1C,kBAAkB,EAAE,OAAO,CAAC,SAAS;QACrC,yBAAyB,EAAE,OAAO,CAAC,qBAAqB;QACxD,yBAAyB,EAAE,OAAO,CAAC,cAAc;QAEjD,eAAe,EAAE,OAAO,CAAC,YAAY;QAErC,eAAe,EAAE,OAAO,CAAC,cAAc;QACvC,oBAAoB,EAAE,OAAO,CAAC,mBAAmB;QACjD,sBAAsB,EAAE,OAAO,CAAC,qBAAqB;QAErD,wBAAwB,EAAE,OAAO,CAAC,iBAAiB;QACnD,6BAA6B,EAAE,OAAO,CAAC,sBAAsB;QAC7D,+BAA+B,EAAE,OAAO,CAAC,wBAAwB;QAEjE,uBAAuB,EAAE,OAAO,CAAC,kBAAkB;QACnD,4BAA4B,EAAE,OAAO,CAAC,eAAe;QACrD,8BAA8B,EAAE,OAAO,CAAC,iBAAiB;QACzD,cAAc,EAAE,OAAO,CAAC,SAAS;QACjC,mBAAmB,EAAE,OAAO,CAAC,mBAAmB;QAChD,qBAAqB,EAAE,OAAO,CAAC,iBAAiB;QAChD,cAAc,EAAE,OAAO,CAAC,YAAY;QACpC,YAAY,EAAE,OAAO,CAAC,cAAc;QACpC,oBAAoB,EAAE,OAAO,CAAC,oBAAoB;QAClD,yBAAyB,EAAE,OAAO,CAAC,yBAAyB;QAC5D,2BAA2B,EAAE,OAAO,CAAC,2BAA2B;QAChE,qBAAqB,EAAE,OAAO,CAAC,iBAAiB;QAEhD,YAAY,EAAE,OAAO,CAAC,cAAc;KACrC,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { ColorValue } from 'react-native';
|
|
2
|
-
import type { Theme, PartialTheme, AliasColorTokens } from '@fluentui-react-native/theme-types';
|
|
3
|
-
export declare function createBrandedThemeWithAlias(themeName: string, theme: Theme): PartialTheme;
|
|
4
|
-
export declare function getCurrentBrandAliasTokens(themeName: string, appPrimary: ColorValue): Partial<AliasColorTokens>;
|
|
5
|
-
//# sourceMappingURL=createBrandedThemeWithAlias.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createBrandedThemeWithAlias.d.ts","sourceRoot":"","sources":["../src/createBrandedThemeWithAlias.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEhG,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,YAAY,CAQzF;AAED,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAoC/G"}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { globalTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
|
-
export function createBrandedThemeWithAlias(themeName, theme) {
|
|
3
|
-
if (themeName === 'HighContrast' || !theme.host.colors) {
|
|
4
|
-
return {};
|
|
5
|
-
}
|
|
6
|
-
return {
|
|
7
|
-
colors: getCurrentBrandAliasTokens(themeName, theme.host.colors.AppPrimary),
|
|
8
|
-
};
|
|
9
|
-
}
|
|
10
|
-
export function getCurrentBrandAliasTokens(themeName, appPrimary) {
|
|
11
|
-
var appColors = getAppColors(appPrimary);
|
|
12
|
-
var isWhiteOrColorfulTheme = themeName === 'White' || themeName === 'Colorful';
|
|
13
|
-
return {
|
|
14
|
-
neutralForeground2BrandHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
|
|
15
|
-
neutralForeground2BrandPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
|
|
16
|
-
neutralForeground2BrandSelected: isWhiteOrColorfulTheme ? appColors.shade20 : appColors.tint40,
|
|
17
|
-
neutralForeground3BrandHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
|
|
18
|
-
neutralForeground3BrandPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
|
|
19
|
-
neutralForeground3BrandSelected: isWhiteOrColorfulTheme ? appColors.shade20 : appColors.tint40,
|
|
20
|
-
brandForegroundLink: isWhiteOrColorfulTheme ? appColors.primary : appColors.tint30,
|
|
21
|
-
brandForegroundLinkHover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
|
|
22
|
-
brandForegroundLinkPressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
|
|
23
|
-
brandForegroundLinkSelected: isWhiteOrColorfulTheme ? appColors.shade20 : appColors.tint40,
|
|
24
|
-
compoundBrandForeground1: isWhiteOrColorfulTheme ? appColors.primary : appColors.tint30,
|
|
25
|
-
compoundBrandForeground1Hover: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
|
|
26
|
-
compoundBrandForeground1Pressed: isWhiteOrColorfulTheme ? appColors.shade30 : appColors.tint10,
|
|
27
|
-
brandForeground1: isWhiteOrColorfulTheme ? appColors.primary : appColors.tint30,
|
|
28
|
-
brandForeground2: isWhiteOrColorfulTheme ? appColors.shade10 : appColors.tint40,
|
|
29
|
-
brandBackground: appColors.primary,
|
|
30
|
-
brandBackgroundHover: appColors.shade10,
|
|
31
|
-
brandBackgroundPressed: appColors.shade30,
|
|
32
|
-
brandBackgroundSelected: appColors.shade20,
|
|
33
|
-
compoundBrandBackground1: appColors.primary,
|
|
34
|
-
compoundBrandBackground1Hover: appColors.shade10,
|
|
35
|
-
compoundBrandBackground1Pressed: appColors.shade20,
|
|
36
|
-
brandBackgroundStatic: appColors.primary,
|
|
37
|
-
brandBackground2: appColors.tint40,
|
|
38
|
-
neutralStrokeAccessibleSelected: appColors.primary,
|
|
39
|
-
brandStroke1: appColors.primary,
|
|
40
|
-
brandStroke2: appColors.tint40,
|
|
41
|
-
compoundBrandStroke1: appColors.primary,
|
|
42
|
-
compoundBrandStroke1Hover: appColors.shade10,
|
|
43
|
-
compoundBrandStroke1Pressed: appColors.shade20,
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
function getAppColors(primaryColor) {
|
|
47
|
-
if (typeof primaryColor === 'string') {
|
|
48
|
-
if (primaryColor.toLowerCase() === '#185abd') {
|
|
49
|
-
return globalTokens.color.word;
|
|
50
|
-
}
|
|
51
|
-
else if (primaryColor.toLowerCase() === '#107c41') {
|
|
52
|
-
return globalTokens.color.excel;
|
|
53
|
-
}
|
|
54
|
-
else if (primaryColor.toLowerCase() === '#d83b01') {
|
|
55
|
-
return globalTokens.color.office;
|
|
56
|
-
}
|
|
57
|
-
else if (primaryColor.toLowerCase() === '#80397b') {
|
|
58
|
-
return globalTokens.color.oneNote;
|
|
59
|
-
}
|
|
60
|
-
else if (primaryColor.toLowerCase() === '#0078d4') {
|
|
61
|
-
return globalTokens.color.outlook;
|
|
62
|
-
}
|
|
63
|
-
else if (primaryColor.toLowerCase() === '#c43e1c') {
|
|
64
|
-
return globalTokens.color.powerPoint;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
return globalTokens.color.brand;
|
|
68
|
-
}
|
|
69
|
-
//# sourceMappingURL=createBrandedThemeWithAlias.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createBrandedThemeWithAlias.js","sourceRoot":"","sources":["../src/createBrandedThemeWithAlias.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { Variants } from '@fluentui-react-native/theme-types';
|
|
2
|
-
declare function createFontAliasTokensWorker(): Partial<Variants>;
|
|
3
|
-
export declare const createFontAliasTokens: typeof createFontAliasTokensWorker;
|
|
4
|
-
export {};
|
|
5
|
-
//# sourceMappingURL=createFontAliasTokens.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createFontAliasTokens.d.ts","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAKnE,iBAAS,2BAA2B,IAAI,OAAO,CAAC,QAAQ,CAAC,CAGxD;AAED,eAAO,MAAM,qBAAqB,oCAAuC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { memoize } from '@fluentui-react-native/memo-cache';
|
|
2
|
-
import { mapFontPipelineToTheme } from '@fluentui-react-native/theming-utils';
|
|
3
|
-
import { getOfficeAliasTokens } from './getOfficeTokens';
|
|
4
|
-
function createFontAliasTokensWorker() {
|
|
5
|
-
var aliasTokens = getOfficeAliasTokens('Colorful');
|
|
6
|
-
return mapFontPipelineToTheme(aliasTokens);
|
|
7
|
-
}
|
|
8
|
-
export var createFontAliasTokens = memoize(createFontAliasTokensWorker);
|
|
9
|
-
//# sourceMappingURL=createFontAliasTokens.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createFontAliasTokens.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAEzD,SAAS,2BAA2B;IAClC,IAAM,WAAW,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IACrD,OAAO,sBAAsB,CAAC,WAAW,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { AliasColorTokens, ThemeShadowDefinition } from '@fluentui-react-native/theme-types';
|
|
2
|
-
declare function createOfficeColorAliasTokensWorker(officeTheme: string): AliasColorTokens;
|
|
3
|
-
export declare const createOfficeColorAliasTokens: typeof createOfficeColorAliasTokensWorker;
|
|
4
|
-
declare function createOfficeShadowAliasTokensWorker(officeTheme: string): ThemeShadowDefinition;
|
|
5
|
-
export declare const createOfficeShadowAliasTokens: typeof createOfficeShadowAliasTokensWorker;
|
|
6
|
-
export {};
|
|
7
|
-
//# sourceMappingURL=createOfficeAliasTokens.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createOfficeAliasTokens.d.ts","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAKlG,iBAAS,kCAAkC,CAAC,WAAW,EAAE,MAAM,GAAG,gBAAgB,CAGjF;AAED,eAAO,MAAM,4BAA4B,2CAA8C,CAAC;AAExF,iBAAS,mCAAmC,CAAC,WAAW,EAAE,MAAM,GAAG,qBAAqB,CAGvF;AAED,eAAO,MAAM,6BAA6B,4CAA+C,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { memoize } from '@fluentui-react-native/memo-cache';
|
|
2
|
-
import { mapPipelineToShadow, mapPipelineToTheme } from '@fluentui-react-native/theming-utils';
|
|
3
|
-
import { getOfficeAliasTokens, getOfficeShadowTokens } from './getOfficeTokens';
|
|
4
|
-
function createOfficeColorAliasTokensWorker(officeTheme) {
|
|
5
|
-
var aliasTokens = getOfficeAliasTokens(officeTheme);
|
|
6
|
-
return mapPipelineToTheme(aliasTokens);
|
|
7
|
-
}
|
|
8
|
-
export var createOfficeColorAliasTokens = memoize(createOfficeColorAliasTokensWorker);
|
|
9
|
-
function createOfficeShadowAliasTokensWorker(officeTheme) {
|
|
10
|
-
var aliasTokens = getOfficeShadowTokens(officeTheme);
|
|
11
|
-
return mapPipelineToShadow(aliasTokens);
|
|
12
|
-
}
|
|
13
|
-
export var createOfficeShadowAliasTokens = memoize(createOfficeShadowAliasTokensWorker);
|
|
14
|
-
//# sourceMappingURL=createOfficeAliasTokens.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createOfficeAliasTokens.js","sourceRoot":"","sources":["../src/createOfficeAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/F,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAEhF,SAAS,kCAAkC,CAAC,WAAmB;IAC7D,IAAM,WAAW,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACtD,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAExF,SAAS,mCAAmC,CAAC,WAAmB;IAC9D,IAAM,WAAW,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACvD,OAAO,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAC1C,CAAC;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ThemeReference } from '@fluentui-react-native/theme';
|
|
2
|
-
import type { ThemeOptions } from '@fluentui-react-native/theme-types';
|
|
3
|
-
/**
|
|
4
|
-
* create a theme reference for an Office win32 theme. This will be based upon the standard
|
|
5
|
-
* fluent defaults but will attempt to use the theming native module to get information about
|
|
6
|
-
* the office palette.
|
|
7
|
-
*
|
|
8
|
-
* This theme will also listen for native changes and reload itself when things change on the native side of things
|
|
9
|
-
*
|
|
10
|
-
* @param paletteName - optional specifier for the currently active office palette
|
|
11
|
-
*/
|
|
12
|
-
export declare function createOfficeTheme(options?: ThemeOptions): ThemeReference;
|
|
13
|
-
//# sourceMappingURL=createOfficeTheme.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createOfficeTheme.d.ts","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,KAAK,EAAwB,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAgB7F;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,YAAiB,GAAG,cAAc,CAyD5E"}
|
package/lib/createOfficeTheme.js
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import { createDefaultTheme } from '@fluentui-react-native/default-theme';
|
|
3
|
-
import { ThemeReference } from '@fluentui-react-native/theme';
|
|
4
|
-
import { createAliasesFromPalette } from './createAliasesFromPalette';
|
|
5
|
-
import { createBrandedThemeWithAlias } from './createBrandedThemeWithAlias';
|
|
6
|
-
import { createOfficeColorAliasTokens, createOfficeShadowAliasTokens } from './createOfficeAliasTokens';
|
|
7
|
-
import { createPartialOfficeTheme } from './createPartialOfficeTheme';
|
|
8
|
-
import { win32Typography } from './getThemeTypography';
|
|
9
|
-
import { getThemingModule } from './NativeModule/getThemingModule';
|
|
10
|
-
import { getCurrentHostThemeSetting, setCurrentHostThemeSetting } from './NativeModule/hostThemeSetting';
|
|
11
|
-
function handlePaletteCall(palette) {
|
|
12
|
-
var exception = palette;
|
|
13
|
-
return exception && exception.message !== undefined ? undefined : palette;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* create a theme reference for an Office win32 theme. This will be based upon the standard
|
|
17
|
-
* fluent defaults but will attempt to use the theming native module to get information about
|
|
18
|
-
* the office palette.
|
|
19
|
-
*
|
|
20
|
-
* This theme will also listen for native changes and reload itself when things change on the native side of things
|
|
21
|
-
*
|
|
22
|
-
* @param paletteName - optional specifier for the currently active office palette
|
|
23
|
-
*/
|
|
24
|
-
export function createOfficeTheme(options) {
|
|
25
|
-
if (options === void 0) { options = {}; }
|
|
26
|
-
var _a = getThemingModule(), module = _a[0], emitter = _a[1];
|
|
27
|
-
var ref = { module: module, emitter: emitter, themeName: getCurrentHostThemeSetting() || '' };
|
|
28
|
-
var paletteName = options.paletteName;
|
|
29
|
-
var themeRef = new ThemeReference(createDefaultTheme(options), function () {
|
|
30
|
-
var name = paletteName || 'WhiteColors';
|
|
31
|
-
var palette = handlePaletteCall(ref.module.getPalette(name));
|
|
32
|
-
return createPartialOfficeTheme(module, ref.themeName, palette);
|
|
33
|
-
}, function () {
|
|
34
|
-
if (!ref.themeName || ref.themeName === '') {
|
|
35
|
-
return {};
|
|
36
|
-
}
|
|
37
|
-
return {
|
|
38
|
-
shadows: __assign({}, createOfficeShadowAliasTokens(ref.themeName)),
|
|
39
|
-
typography: win32Typography(),
|
|
40
|
-
};
|
|
41
|
-
}, function () {
|
|
42
|
-
if (!ref.themeName || ref.themeName === '') {
|
|
43
|
-
return {};
|
|
44
|
-
}
|
|
45
|
-
return {
|
|
46
|
-
colors: __assign({}, createOfficeColorAliasTokens(ref.themeName)),
|
|
47
|
-
typography: win32Typography(),
|
|
48
|
-
};
|
|
49
|
-
}, function (theme) {
|
|
50
|
-
return createBrandedThemeWithAlias(ref.themeName, theme);
|
|
51
|
-
}, function (theme) {
|
|
52
|
-
if (!theme.host.palette) {
|
|
53
|
-
return {};
|
|
54
|
-
}
|
|
55
|
-
return {
|
|
56
|
-
colors: createAliasesFromPalette(theme.host.palette, ref.themeName === 'HighContrast'),
|
|
57
|
-
typography: win32Typography(),
|
|
58
|
-
};
|
|
59
|
-
});
|
|
60
|
-
// set up the callback for theme changes on the native side
|
|
61
|
-
var onPlatformDefaultsChanged = function (args) {
|
|
62
|
-
ref.themeName = (args && args.hostThemeSetting) || ref.themeName;
|
|
63
|
-
setCurrentHostThemeSetting(ref.themeName);
|
|
64
|
-
themeRef.invalidate();
|
|
65
|
-
};
|
|
66
|
-
emitter && emitter.addListener('onPlatformDefaultsChanged', onPlatformDefaultsChanged);
|
|
67
|
-
// now return the theme reference
|
|
68
|
-
return themeRef;
|
|
69
|
-
}
|
|
70
|
-
//# sourceMappingURL=createOfficeTheme.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createOfficeTheme.js","sourceRoot":"","sources":["../src/createOfficeTheme.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { OfficePalette, PartialTheme } from '@fluentui-react-native/theme-types';
|
|
2
|
-
import type { OfficeThemingModule } from './NativeModule/officeThemingModule';
|
|
3
|
-
/**
|
|
4
|
-
* create a partial theme with overrides from the office native module
|
|
5
|
-
*
|
|
6
|
-
* @param module - theming native module, either the real one or a mock implementation
|
|
7
|
-
* @param palette - Office palette colors, if they have been successfully retrieved
|
|
8
|
-
*/
|
|
9
|
-
export declare function createPartialOfficeTheme(module: OfficeThemingModule, themeName?: string, palette?: OfficePalette): PartialTheme;
|
|
10
|
-
//# sourceMappingURL=createPartialOfficeTheme.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createPartialOfficeTheme.d.ts","sourceRoot":"","sources":["../src/createPartialOfficeTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAgB9E;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,mBAAmB,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,YAAY,CAc/H"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { __assign, __spreadArray } from "tslib";
|
|
2
|
-
import { paletteFromOfficeColors } from './paletteFromOfficeColors';
|
|
3
|
-
var getRamps = function (module) {
|
|
4
|
-
return Object.keys(module.ramps).reduce(function (total, colorRamp) {
|
|
5
|
-
return Object.assign.apply(Object, __spreadArray([total], module.rampNames[colorRamp].map(function (rampValueName, index) {
|
|
6
|
-
var _a;
|
|
7
|
-
return _a = {}, _a[rampValueName] = module.ramps[colorRamp][index], _a;
|
|
8
|
-
}), false));
|
|
9
|
-
}, {});
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* create a partial theme with overrides from the office native module
|
|
13
|
-
*
|
|
14
|
-
* @param module - theming native module, either the real one or a mock implementation
|
|
15
|
-
* @param palette - Office palette colors, if they have been successfully retrieved
|
|
16
|
-
*/
|
|
17
|
-
export function createPartialOfficeTheme(module, themeName, palette) {
|
|
18
|
-
return __assign({ colors: __assign({}, (palette && paletteFromOfficeColors(palette))), typography: module.fluentTypography, host: {
|
|
19
|
-
// Office Semantic Colors
|
|
20
|
-
palette: palette || {},
|
|
21
|
-
// Office Branding Colors
|
|
22
|
-
colors: getRamps(module),
|
|
23
|
-
} }, (themeName ? { name: themeName } : undefined));
|
|
24
|
-
}
|
|
25
|
-
//# sourceMappingURL=createPartialOfficeTheme.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createPartialOfficeTheme.js","sourceRoot":"","sources":["../src/createPartialOfficeTheme.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAIpE,IAAM,QAAQ,GAAG,UAAC,MAA2B;IAC3C,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAS,UAAC,KAAa,EAAE,SAAiB;QAC/E,OAAO,MAAM,CAAC,MAAM,OAAb,MAAM,iBACX,KAAK,GACF,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,UAAC,aAAqB,EAAE,KAAa;;YACtE,gBAAS,GAAC,aAAa,IAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,KAAG;QAC7D,CAAC,CAAC,UACF;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAA2B,EAAE,SAAkB,EAAE,OAAuB;IAC/G,kBACE,MAAM,eACD,CAAC,OAAO,IAAI,uBAAuB,CAAC,OAAO,CAAC,CAAC,GAElD,UAAU,EAAE,MAAM,CAAC,gBAAgB,EACnC,IAAI,EAAE;YACJ,yBAAyB;YACzB,OAAO,EAAE,OAAO,IAAI,EAAE;YACtB,yBAAyB;YACzB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;SACzB,IACE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAChD;AACJ,CAAC"}
|