@fluentui-react-native/win32-theme 0.25.9 → 0.25.10
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 +28 -1
- package/CHANGELOG.md +12 -2
- package/lib/NativeModule/_mocks_/getThemingModule.native.d.ts +6 -0
- package/lib/NativeModule/_mocks_/getThemingModule.native.d.ts.map +1 -0
- package/lib/NativeModule/_mocks_/getThemingModule.native.js +8 -0
- package/lib/NativeModule/_mocks_/getThemingModule.native.js.map +1 -0
- package/lib/NativeModule/fallbackOfficeModule.d.ts +5 -0
- package/lib/NativeModule/fallbackOfficeModule.d.ts.map +1 -0
- package/lib/NativeModule/fallbackOfficeModule.js +162 -0
- package/lib/NativeModule/fallbackOfficeModule.js.map +1 -0
- package/lib/NativeModule/getThemingModule.d.ts +7 -0
- package/lib/NativeModule/getThemingModule.d.ts.map +1 -0
- package/lib/NativeModule/getThemingModule.js +8 -0
- package/lib/NativeModule/getThemingModule.js.map +1 -0
- package/lib/NativeModule/getThemingModule.native.d.ts +4 -0
- package/lib/NativeModule/getThemingModule.native.d.ts.map +1 -0
- package/lib/NativeModule/getThemingModule.native.js +27 -0
- package/lib/NativeModule/getThemingModule.native.js.map +1 -0
- package/lib/NativeModule/hostThemeSetting.d.ts +3 -0
- package/lib/NativeModule/hostThemeSetting.d.ts.map +1 -0
- package/lib/NativeModule/hostThemeSetting.js +17 -0
- package/lib/NativeModule/hostThemeSetting.js.map +1 -0
- package/lib/NativeModule/index.d.ts +4 -0
- package/lib/NativeModule/index.d.ts.map +1 -0
- package/lib/NativeModule/index.js +4 -0
- package/lib/NativeModule/index.js.map +1 -0
- package/lib/NativeModule/officeThemingModule.d.ts +34 -0
- package/lib/NativeModule/officeThemingModule.d.ts.map +1 -0
- package/lib/NativeModule/officeThemingModule.js +2 -0
- package/lib/NativeModule/officeThemingModule.js.map +1 -0
- package/lib/__tests__/win32-theme.test.d.ts +2 -0
- package/lib/__tests__/win32-theme.test.d.ts.map +1 -0
- package/lib/__tests__/win32-theme.test.js +102 -0
- package/lib/__tests__/win32-theme.test.js.map +1 -0
- package/lib/createAliasesFromPalette.d.ts +3 -0
- package/lib/createAliasesFromPalette.d.ts.map +1 -0
- package/lib/createAliasesFromPalette.js +59 -0
- package/lib/createAliasesFromPalette.js.map +1 -0
- package/lib/createBrandedThemeWithAlias.d.ts +5 -0
- package/lib/createBrandedThemeWithAlias.d.ts.map +1 -0
- package/lib/createBrandedThemeWithAlias.js +69 -0
- package/lib/createBrandedThemeWithAlias.js.map +1 -0
- package/lib/createFontAliasTokens.d.ts +5 -0
- package/lib/createFontAliasTokens.d.ts.map +1 -0
- package/lib/createFontAliasTokens.js +9 -0
- package/lib/createFontAliasTokens.js.map +1 -0
- package/lib/createOfficeAliasTokens.d.ts +7 -0
- package/lib/createOfficeAliasTokens.d.ts.map +1 -0
- package/lib/createOfficeAliasTokens.js +14 -0
- package/lib/createOfficeAliasTokens.js.map +1 -0
- package/lib/createOfficeTheme.d.ts +13 -0
- package/lib/createOfficeTheme.d.ts.map +1 -0
- package/lib/createOfficeTheme.js +70 -0
- package/lib/createOfficeTheme.js.map +1 -0
- package/lib/createPartialOfficeTheme.d.ts +10 -0
- package/lib/createPartialOfficeTheme.d.ts.map +1 -0
- package/lib/createPartialOfficeTheme.js +25 -0
- package/lib/createPartialOfficeTheme.js.map +1 -0
- package/lib/getOfficeTokens.d.ts +377 -0
- package/lib/getOfficeTokens.d.ts.map +1 -0
- package/lib/getOfficeTokens.js +39 -0
- package/lib/getOfficeTokens.js.map +1 -0
- package/lib/getThemeTypography.d.ts +3 -0
- package/lib/getThemeTypography.d.ts.map +1 -0
- package/lib/getThemeTypography.js +22 -0
- package/lib/getThemeTypography.js.map +1 -0
- package/lib/highContrast/tokens-alias.d.ts +2 -0
- package/lib/highContrast/tokens-alias.d.ts.map +1 -0
- package/lib/highContrast/tokens-alias.js +16 -0
- package/lib/highContrast/tokens-alias.js.map +1 -0
- package/lib/index.d.ts +10 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +9 -0
- package/lib/index.js.map +1 -0
- package/lib/paletteFromOfficeColors.d.ts +3 -0
- package/lib/paletteFromOfficeColors.d.ts.map +1 -0
- package/lib/paletteFromOfficeColors.js +160 -0
- package/lib/paletteFromOfficeColors.js.map +1 -0
- package/package.json +3 -3
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,34 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/win32-theme",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 21 Mar 2023 21:51:12 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/win32-theme_v0.25.10",
|
|
7
|
+
"version": "0.25.10",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "krsiler@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/win32-theme",
|
|
13
|
+
"commit": "e706a7afbd63d528878eadd179d5a91210ed62f6",
|
|
14
|
+
"comment": "Trigger manual bump (no changes)"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/win32-theme",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/default-theme to v0.18.2",
|
|
20
|
+
"commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/win32-theme",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/theming-utils to v0.23.10",
|
|
26
|
+
"commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Sat, 18 Mar 2023 17:22:31 GMT",
|
|
6
33
|
"tag": "@fluentui-react-native/win32-theme_v0.25.9",
|
|
7
34
|
"version": "0.25.9",
|
|
8
35
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/win32-theme
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 21 Mar 2023 21:51:12 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.25.10
|
|
8
|
+
|
|
9
|
+
Tue, 21 Mar 2023 21:51:12 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Trigger manual bump (no changes) (krsiler@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/default-theme to v0.18.2
|
|
15
|
+
- Bump @fluentui-react-native/theming-utils to v0.23.10
|
|
16
|
+
|
|
7
17
|
## 0.25.9
|
|
8
18
|
|
|
9
|
-
Sat, 18 Mar 2023 17:
|
|
19
|
+
Sat, 18 Mar 2023 17:22:31 GMT
|
|
10
20
|
|
|
11
21
|
### Patches
|
|
12
22
|
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { OfficeThemingModule } from '../officeThemingModule';
|
|
2
|
+
/**
|
|
3
|
+
* implementations for react-native-web, where the native module will not exist. In this case just use the full fallback implementation
|
|
4
|
+
*/
|
|
5
|
+
export declare function getThemingModule(): [OfficeThemingModule, undefined];
|
|
6
|
+
//# sourceMappingURL=getThemingModule.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getThemingModule.native.d.ts","sourceRoot":"","sources":["../../../src/NativeModule/_mocks_/getThemingModule.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAEnE"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { fallbackOfficeModule } from '../fallbackOfficeModule';
|
|
2
|
+
/**
|
|
3
|
+
* implementations for react-native-web, where the native module will not exist. In this case just use the full fallback implementation
|
|
4
|
+
*/
|
|
5
|
+
export function getThemingModule() {
|
|
6
|
+
return [fallbackOfficeModule, undefined];
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=getThemingModule.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getThemingModule.native.js","sourceRoot":"","sources":["../../../src/NativeModule/_mocks_/getThemingModule.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG/D;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;AAC3C,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { OfficePalette } from '@fluentui-react-native/theme-types';
|
|
2
|
+
import type { OfficeThemingModule } from './officeThemingModule';
|
|
3
|
+
export declare function fallbackGetPalette(pal?: string): OfficePalette;
|
|
4
|
+
export declare const fallbackOfficeModule: OfficeThemingModule;
|
|
5
|
+
//# sourceMappingURL=fallbackOfficeModule.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fallbackOfficeModule.d.ts","sourceRoot":"","sources":["../../src/NativeModule/fallbackOfficeModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AA8IjE,wBAAgB,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,aAAa,CAO9D;AAED,eAAO,MAAM,oBAAoB,EAAE,mBAgBX,CAAC"}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
var whiteColorsPalette = {
|
|
3
|
+
Bkg: '#FFFFFF',
|
|
4
|
+
BkgHover: '#D2D2D2',
|
|
5
|
+
BkgPressed: '#B1B1B1',
|
|
6
|
+
BkgSelected: '#C6C6C6',
|
|
7
|
+
BkgSubtle: '#F3F3F3',
|
|
8
|
+
BkgSelectionHighlight: '#737373',
|
|
9
|
+
Text: '#262626',
|
|
10
|
+
TextRest: '#262626',
|
|
11
|
+
TextHover: '#262626',
|
|
12
|
+
TextPressed: '#262626',
|
|
13
|
+
TextSelected: '#262626',
|
|
14
|
+
TextDisabled: '#B1B1B1',
|
|
15
|
+
TextSelectionHighlight: '#FFFFFF',
|
|
16
|
+
TextSecondary: '#666666',
|
|
17
|
+
TextSecondaryRest: '#666666',
|
|
18
|
+
TextSecondaryHover: '#505050',
|
|
19
|
+
TextSecondaryPressed: '#666666',
|
|
20
|
+
TextSecondarySelected: '#666666',
|
|
21
|
+
TextEmphasis: '#D83B01',
|
|
22
|
+
TextEmphasisRest: '#D83B01',
|
|
23
|
+
TextEmphasisHover: '#EA6115',
|
|
24
|
+
TextEmphasisPressed: '#A22C01',
|
|
25
|
+
TextEmphasisSelected: '#D83B01',
|
|
26
|
+
StrokeSelectedHover: '#969696',
|
|
27
|
+
StrokeKeyboard: '#969696',
|
|
28
|
+
StrokeOverRest: '#00000000',
|
|
29
|
+
StrokeOverHover: '#00000000',
|
|
30
|
+
StrokeOverPressed: '#00000000',
|
|
31
|
+
StrokeOverSelectedRest: '#00000000',
|
|
32
|
+
StrokeOverSelectedHover: '#969696',
|
|
33
|
+
StrokeOverSelectedPressed: '#00000000',
|
|
34
|
+
BkgCtl: '#E6E6E6',
|
|
35
|
+
BkgCtlHover: '#FFF7F0',
|
|
36
|
+
BkgCtlPressed: '#FBDFD0',
|
|
37
|
+
BkgCtlSelected: '#E6E6E6',
|
|
38
|
+
BkgCtlDisabled: '#E6E6E6',
|
|
39
|
+
TextCtl: '#262626',
|
|
40
|
+
TextCtlHover: '#262626',
|
|
41
|
+
TextCtlPressed: '#262626',
|
|
42
|
+
TextCtlSelected: '#262626',
|
|
43
|
+
TextCtlDisabled: '#B1B1B1',
|
|
44
|
+
StrokeCtl: '#969696',
|
|
45
|
+
StrokeCtlHover: '#FBDFD0',
|
|
46
|
+
StrokeCtlPressed: '#EA6115',
|
|
47
|
+
StrokeCtlSelected: '#969696',
|
|
48
|
+
StrokeCtlDisabled: '#D2D2D2',
|
|
49
|
+
StrokeCtlKeyboard: '#FBDFD0',
|
|
50
|
+
BkgCtlEmphasis: '#D83B01',
|
|
51
|
+
BkgCtlEmphasisHover: '#F29F71',
|
|
52
|
+
BkgCtlEmphasisPressed: '#A22C01',
|
|
53
|
+
BkgCtlEmphasisDisabled: '#E6E6E6',
|
|
54
|
+
TextCtlEmphasis: '#FFFFFF',
|
|
55
|
+
TextCtlEmphasisHover: '#FFFFFF',
|
|
56
|
+
TextCtlEmphasisPressed: '#FFFFFF',
|
|
57
|
+
TextCtlEmphasisDisabled: '#B1B1B1',
|
|
58
|
+
StrokeCtlEmphasis: '#A22C01',
|
|
59
|
+
StrokeCtlEmphasisHover: '#D83B01',
|
|
60
|
+
StrokeCtlEmphasisPressed: '#A22C01',
|
|
61
|
+
StrokeCtlEmphasisDisabled: '#D2D2D2',
|
|
62
|
+
StrokeCtlEmphasisKeyboard: '#A22C01',
|
|
63
|
+
BkgCtlSubtle: '#FFFFFF',
|
|
64
|
+
BkgCtlSubtleHover: '#FFFFFF',
|
|
65
|
+
BkgCtlSubtlePressed: '#FFFFFF',
|
|
66
|
+
BkgCtlSubtleDisabled: '#F3F3F3',
|
|
67
|
+
BkgCtlSubtleSelectionHighlight: '#7DA3C6',
|
|
68
|
+
TextCtlSubtle: '#262626',
|
|
69
|
+
TextCtlSubtlePlaceholder: '#666666',
|
|
70
|
+
TextCtlSubtleHover: '#262626',
|
|
71
|
+
TextCtlSubtlePressed: '#262626',
|
|
72
|
+
TextCtlSubtleDisabled: '#B1B1B1',
|
|
73
|
+
TextCtlSubtleSelectionHighlight: '#262626',
|
|
74
|
+
StrokeCtlSubtle: '#C6C6C6',
|
|
75
|
+
StrokeCtlSubtleHover: '#969696',
|
|
76
|
+
StrokeCtlSubtlePressed: '#969696',
|
|
77
|
+
StrokeCtlSubtleDisabled: '#C6C6C6',
|
|
78
|
+
StrokeCtlSubtleKeyboard: '#969696',
|
|
79
|
+
TextHyperlink: '#D83B01',
|
|
80
|
+
TextHyperlinkHover: '#A22C01',
|
|
81
|
+
TextHyperlinkPressed: '#6C1E01',
|
|
82
|
+
TextActive: '#262626',
|
|
83
|
+
TextActiveHover: '#EA6115',
|
|
84
|
+
TextActivePressed: '#A22C01',
|
|
85
|
+
TextActiveSelected: '#D83B01',
|
|
86
|
+
StrokeOnlyHover: '#B1B1B1',
|
|
87
|
+
StrokeOnlyPressed: '#737373',
|
|
88
|
+
StrokeOnlySelected: '#969696',
|
|
89
|
+
TextError: '#A50000',
|
|
90
|
+
TextErrorHover: '#A50000',
|
|
91
|
+
TextErrorPressed: '#A50000',
|
|
92
|
+
TextErrorSelected: '#A50000',
|
|
93
|
+
ThumbToggleSwitchOff: '#505050',
|
|
94
|
+
ThumbToggleSwitchOffHover: '#505050',
|
|
95
|
+
ThumbToggleSwitchOffPressed: '#505050',
|
|
96
|
+
ThumbToggleSwitchOffDisabled: '#D2D2D2',
|
|
97
|
+
ThumbToggleSwitchOn: '#FFFFFF',
|
|
98
|
+
ThumbToggleSwitchOnHover: '#FFFFFF',
|
|
99
|
+
ThumbToggleSwitchOnPressed: '#FFFFFF',
|
|
100
|
+
ThumbToggleSwitchOnDisabled: '#FFFFFF',
|
|
101
|
+
BkgToggleSwitchOff: '#FFFFFF',
|
|
102
|
+
BkgToggleSwitchOffHover: '#D2D2D2',
|
|
103
|
+
BkgToggleSwitchOffPressed: '#B1B1B1',
|
|
104
|
+
BkgToggleSwitchOffDisabled: '#FFFFFF',
|
|
105
|
+
BkgToggleSwitchOn: '#D83B01',
|
|
106
|
+
BkgToggleSwitchOnHover: '#EA6115',
|
|
107
|
+
BkgToggleSwitchOnPressed: '#A22C01',
|
|
108
|
+
BkgToggleSwitchOnDisabled: '#D2D2D2',
|
|
109
|
+
StrokeToggleSwitchOff: '#505050',
|
|
110
|
+
StrokeToggleSwitchOffHover: '#505050',
|
|
111
|
+
StrokeToggleSwitchOffPressed: '#505050',
|
|
112
|
+
StrokeToggleSwitchOffDisabled: '#D2D2D2',
|
|
113
|
+
StrokeToggleSwitchOn: '#D83B01',
|
|
114
|
+
StrokeToggleSwitchOnHover: '#EA6115',
|
|
115
|
+
StrokeToggleSwitchOnPressed: '#A22C01',
|
|
116
|
+
StrokeToggleSwitchOnDisabled: '#D2D2D2',
|
|
117
|
+
SliderPrimary: '#444444',
|
|
118
|
+
SliderPrimaryHover: '#D2D2D2',
|
|
119
|
+
SliderPrimaryPressed: '#262626',
|
|
120
|
+
SliderPrimaryDisabled: '#969696',
|
|
121
|
+
SliderSecondary: '#D2D2D2',
|
|
122
|
+
SliderBuffer: '#262626',
|
|
123
|
+
SliderKeyboard: '#444444',
|
|
124
|
+
SliderToolTipBorder: '#C6C6C6',
|
|
125
|
+
SliderToolTipLabel: '#262626',
|
|
126
|
+
SliderToolTipBkg: '#FFFFFF',
|
|
127
|
+
AccentDark: '#C6C6C6',
|
|
128
|
+
AccentLight: '#E6E6E6',
|
|
129
|
+
AccentEmphasis: '#D83B01',
|
|
130
|
+
AccentOutline: '#000000',
|
|
131
|
+
TextEmphasis2: '#D83B01',
|
|
132
|
+
BkgCtlSubtleSelected: '#F3F3F3',
|
|
133
|
+
TextCtlSubtleSelected: '#262626',
|
|
134
|
+
BkgCtlEmphasisFocus: '#F3F3F3',
|
|
135
|
+
BkgCtlSubtleFocus: '#F3F3F3',
|
|
136
|
+
BkgCtlSubtleHoverDisabled: '#F3F3F3',
|
|
137
|
+
BkgCtlSubtleSelectedDisabled: '#F3F3F3',
|
|
138
|
+
BkgHeader: '#E6E6E6',
|
|
139
|
+
TextHeader: '#262626',
|
|
140
|
+
};
|
|
141
|
+
export function fallbackGetPalette(pal) {
|
|
142
|
+
return pal === 'TaskPane'
|
|
143
|
+
? __assign(__assign({}, whiteColorsPalette), { Bkg: 'antiquewhite' }) : whiteColorsPalette;
|
|
144
|
+
}
|
|
145
|
+
export var fallbackOfficeModule = {
|
|
146
|
+
ramps: {
|
|
147
|
+
App: ['#F8F8F8', '#EFF6FC', '#BBDAF3', '#55A4E2', '#359EDD', '#0078d7', '#283E4A', '#030C13'],
|
|
148
|
+
FluentGrays: ['#FAF9F8', '#797775', '#11100F'],
|
|
149
|
+
ClassicGrays: ['#FFFFFF', '#737373', '#000000'],
|
|
150
|
+
Sepias: ['#ECE6DE'],
|
|
151
|
+
},
|
|
152
|
+
getPalette: fallbackGetPalette,
|
|
153
|
+
typography: {},
|
|
154
|
+
fluentTypography: {},
|
|
155
|
+
rampNames: {
|
|
156
|
+
App: ['FakeApp1', 'App2', 'App3', 'App4', 'App5', 'App6', 'App7', 'App8'],
|
|
157
|
+
FluentGrays: ['FakeGray1', 'Gray2', 'Gray3'],
|
|
158
|
+
ClassicGrays: ['FakeGray4', 'Gray5', 'Gray6'],
|
|
159
|
+
Sepias: ['FakeSepia'],
|
|
160
|
+
},
|
|
161
|
+
};
|
|
162
|
+
//# sourceMappingURL=fallbackOfficeModule.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fallbackOfficeModule.js","sourceRoot":"","sources":["../../src/NativeModule/fallbackOfficeModule.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { NativeEventEmitter } from 'react-native';
|
|
2
|
+
import type { OfficeThemingModule } from './officeThemingModule';
|
|
3
|
+
/**
|
|
4
|
+
* implementations for react-native-web, where the native module will not exist. In this case just use the full fallback implementation
|
|
5
|
+
*/
|
|
6
|
+
export declare function getThemingModule(): [OfficeThemingModule, NativeEventEmitter | undefined];
|
|
7
|
+
//# sourceMappingURL=getThemingModule.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getThemingModule.d.ts","sourceRoot":"","sources":["../../src/NativeModule/getThemingModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,GAAG,SAAS,CAAC,CAExF"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { fallbackOfficeModule } from './fallbackOfficeModule';
|
|
2
|
+
/**
|
|
3
|
+
* implementations for react-native-web, where the native module will not exist. In this case just use the full fallback implementation
|
|
4
|
+
*/
|
|
5
|
+
export function getThemingModule() {
|
|
6
|
+
return [fallbackOfficeModule, undefined];
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=getThemingModule.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getThemingModule.js","sourceRoot":"","sources":["../../src/NativeModule/getThemingModule.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;AAC3C,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { NativeEventEmitter } from 'react-native';
|
|
2
|
+
import type { OfficeThemingModule } from './officeThemingModule';
|
|
3
|
+
export declare function getThemingModule(): [OfficeThemingModule, NativeEventEmitter | undefined];
|
|
4
|
+
//# sourceMappingURL=getThemingModule.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getThemingModule.native.d.ts","sourceRoot":"","sources":["../../src/NativeModule/getThemingModule.native.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAuB,MAAM,cAAc,CAAC;AAIvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAejE,wBAAgB,gBAAgB,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,GAAG,SAAS,CAAC,CAgBxF"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import { NativeEventEmitter, TurboModuleRegistry } from 'react-native';
|
|
3
|
+
import { fallbackGetPalette, fallbackOfficeModule } from './fallbackOfficeModule';
|
|
4
|
+
import { setCurrentHostThemeSetting } from './hostThemeSetting';
|
|
5
|
+
function disableGetPalette() {
|
|
6
|
+
var disabled = __DEV__ && navigator && navigator.userAgent !== undefined;
|
|
7
|
+
disabled && console.warn(console.warn('Web Debugging forces Theming Native Module to fallback to fake color values.'));
|
|
8
|
+
return disabled;
|
|
9
|
+
}
|
|
10
|
+
export function getThemingModule() {
|
|
11
|
+
var module = TurboModuleRegistry.get('Theming');
|
|
12
|
+
// if the native module exists return the module + an emitter for it
|
|
13
|
+
if (module) {
|
|
14
|
+
if (!isInstantiated) {
|
|
15
|
+
// We need to store the host theme so that when themes are created
|
|
16
|
+
// they can use this information.
|
|
17
|
+
setCurrentHostThemeSetting(module.initialHostThemeSetting);
|
|
18
|
+
isInstantiated = true;
|
|
19
|
+
}
|
|
20
|
+
// mock getPalette if it should be disabled, otherwise return the module directly
|
|
21
|
+
return [disableGetPalette() ? __assign(__assign({}, module), { getPalette: fallbackGetPalette }) : module, new NativeEventEmitter(module)];
|
|
22
|
+
}
|
|
23
|
+
// otherwise use the fallback module
|
|
24
|
+
return [fallbackOfficeModule, undefined];
|
|
25
|
+
}
|
|
26
|
+
var isInstantiated = false;
|
|
27
|
+
//# sourceMappingURL=getThemingModule.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getThemingModule.native.js","sourceRoot":"","sources":["../../src/NativeModule/getThemingModule.native.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAClF,OAAO,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAUhE,SAAS,iBAAiB;IACxB,IAAM,QAAQ,GAAG,OAAO,IAAI,SAAS,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS,CAAC;IAC3E,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,8EAA8E,CAAC,CAAC,CAAC;IACvH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,IAAM,MAAM,GAAG,mBAAmB,CAAC,GAAG,CAAuB,SAAS,CAAC,CAAC;IACxE,oEAAoE;IACpE,IAAI,MAAM,EAAE;QACV,IAAI,CAAC,cAAc,EAAE;YACnB,kEAAkE;YAClE,iCAAiC;YACjC,0BAA0B,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC;YAC3D,cAAc,GAAG,IAAI,CAAC;SACvB;QACD,iFAAiF;QACjF,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC,uBAAM,MAAM,KAAE,UAAU,EAAE,kBAAkB,IAAG,CAAC,CAAC,MAAM,EAAE,IAAI,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC;KACvH;IAED,oCAAoC;IACpC,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;AAC3C,CAAC;AAED,IAAI,cAAc,GAAG,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hostThemeSetting.d.ts","sourceRoot":"","sources":["../../src/NativeModule/hostThemeSetting.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,0BAA0B,cAEtC,CAAC;AAEF,eAAO,MAAM,0BAA0B,wBAAyB,MAAM,SAErE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// The ThemingModule currently only stores its initial host theme state
|
|
2
|
+
// This state is never updated (it's a constant on the native module)
|
|
3
|
+
// This can cause issues if the host theme has changed and you want to
|
|
4
|
+
// query for the current state of the host theme. (i.e. you're spinning up
|
|
5
|
+
// a new instance of a theme and don't have something already keeping track
|
|
6
|
+
// of changes to the theme).
|
|
7
|
+
// Unfortunately, native changes take a long time to roundtrip,
|
|
8
|
+
// so as a workaround we store a copy of that information instead to last the
|
|
9
|
+
// entire lifetime of the instance.
|
|
10
|
+
var currentHostThemeSetting = '';
|
|
11
|
+
export var getCurrentHostThemeSetting = function () {
|
|
12
|
+
return currentHostThemeSetting;
|
|
13
|
+
};
|
|
14
|
+
export var setCurrentHostThemeSetting = function (newHostThemeSetting) {
|
|
15
|
+
currentHostThemeSetting = newHostThemeSetting;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=hostThemeSetting.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hostThemeSetting.js","sourceRoot":"","sources":["../../src/NativeModule/hostThemeSetting.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,qEAAqE;AACrE,sEAAsE;AACtE,0EAA0E;AAC1E,2EAA2E;AAC3E,4BAA4B;AAC5B,+DAA+D;AAC/D,6EAA6E;AAC7E,mCAAmC;AACnC,IAAI,uBAAuB,GAAW,EAAE,CAAC;AAEzC,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACxC,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,mBAA2B;IACpE,uBAAuB,GAAG,mBAAmB,CAAC;AAChD,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/NativeModule/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NativeModule/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { NativeModule, ColorValue } from 'react-native';
|
|
2
|
+
import type { OfficePalette, Typography } from '@fluentui-react-native/theme-types';
|
|
3
|
+
export type PlatformDefaultsChangedArgs = {
|
|
4
|
+
hostThemeSetting: string;
|
|
5
|
+
};
|
|
6
|
+
export type PlatformDefaultsChangedCallback = (args?: PlatformDefaultsChangedArgs) => void;
|
|
7
|
+
export interface CxxException {
|
|
8
|
+
message: string;
|
|
9
|
+
}
|
|
10
|
+
export interface NativeColorRamps {
|
|
11
|
+
FluentGrays: ColorValue[];
|
|
12
|
+
ClassicGrays: ColorValue[];
|
|
13
|
+
App: ColorValue[];
|
|
14
|
+
Sepias: ColorValue[];
|
|
15
|
+
[key: string]: ColorValue[];
|
|
16
|
+
}
|
|
17
|
+
export interface NativeColorNames {
|
|
18
|
+
FluentGrays: string[];
|
|
19
|
+
ClassicGrays: string[];
|
|
20
|
+
App: string[];
|
|
21
|
+
Sepias: string[];
|
|
22
|
+
}
|
|
23
|
+
export interface OfficeThemingModule extends NativeModule {
|
|
24
|
+
getPalette(palette?: string): OfficePalette | CxxException;
|
|
25
|
+
typography: object;
|
|
26
|
+
fluentTypography: Typography;
|
|
27
|
+
ramps: NativeColorRamps;
|
|
28
|
+
rampNames: NativeColorNames;
|
|
29
|
+
initialHostThemeSetting?: string;
|
|
30
|
+
}
|
|
31
|
+
export interface IEventEmitter {
|
|
32
|
+
addListener: (event: string, PlatformDefaultsChangedCallback: any) => void;
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=officeThemingModule.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"officeThemingModule.d.ts","sourceRoot":"","sources":["../../src/NativeModule/officeThemingModule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEpF,MAAM,MAAM,2BAA2B,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAAE,CAAC;AACvE,MAAM,MAAM,+BAA+B,GAAG,CAAC,IAAI,CAAC,EAAE,2BAA2B,KAAK,IAAI,CAAC;AAE3F,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,YAAY,EAAE,UAAU,EAAE,CAAC;IAC3B,GAAG,EAAE,UAAU,EAAE,CAAC;IAClB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,GAAG,EAAE,MAAM,EAAE,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,YAAY,CAAC;IAC3D,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,UAAU,CAAC;IAC7B,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,+BAA+B,KAAA,KAAK,IAAI,CAAC;CACvE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"officeThemingModule.js","sourceRoot":"","sources":["../../src/NativeModule/officeThemingModule.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"win32-theme.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/win32-theme.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,102 @@
|
|
|
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
|
+
var officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
|
|
33
|
+
expect(officeTheme).toMatchSnapshot();
|
|
34
|
+
});
|
|
35
|
+
it.concurrent.each(officeThemes)('createBrandedThemeWithAlias test themeName: %s', function (themeName) { return __awaiter(void 0, void 0, void 0, function () {
|
|
36
|
+
var officeTheme, brandedTheme;
|
|
37
|
+
return __generator(this, function (_a) {
|
|
38
|
+
setCurrentHostThemeSetting('Colorful');
|
|
39
|
+
officeTheme = createOfficeTheme({ paletteName: 'TaskPane', appearance: 'light' }).theme;
|
|
40
|
+
brandedTheme = createBrandedThemeWithAlias(themeName, officeTheme);
|
|
41
|
+
expect(brandedTheme).toMatchSnapshot();
|
|
42
|
+
return [2 /*return*/];
|
|
43
|
+
});
|
|
44
|
+
}); });
|
|
45
|
+
it.concurrent.each(officeThemes)('createOfficeColorAliasTokens test officeTheme: %s', function (themeName) { return __awaiter(void 0, void 0, void 0, function () {
|
|
46
|
+
var colorAliasToken;
|
|
47
|
+
return __generator(this, function (_a) {
|
|
48
|
+
colorAliasToken = createOfficeColorAliasTokens(themeName);
|
|
49
|
+
expect(colorAliasToken).toMatchSnapshot();
|
|
50
|
+
return [2 /*return*/];
|
|
51
|
+
});
|
|
52
|
+
}); });
|
|
53
|
+
it.concurrent.each(officeThemes)('createOfficeShadowAliasTokens test officeTheme: %s', function (themeName) { return __awaiter(void 0, void 0, void 0, function () {
|
|
54
|
+
var shadowAliasToken;
|
|
55
|
+
return __generator(this, function (_a) {
|
|
56
|
+
shadowAliasToken = createOfficeShadowAliasTokens(themeName);
|
|
57
|
+
expect(shadowAliasToken).toMatchSnapshot();
|
|
58
|
+
return [2 /*return*/];
|
|
59
|
+
});
|
|
60
|
+
}); });
|
|
61
|
+
describe('fallbackGetPalette test', function () {
|
|
62
|
+
it('TaskPane palette', function () {
|
|
63
|
+
var fallbackPalette = fallbackGetPalette('TaskPane');
|
|
64
|
+
expect(fallbackPalette).toMatchSnapshot();
|
|
65
|
+
});
|
|
66
|
+
it('Random palette', function () {
|
|
67
|
+
/**
|
|
68
|
+
* RedColors is just a random pallette, we're just testing to see what happens
|
|
69
|
+
* if we use anything other than the TaskPane palette.
|
|
70
|
+
* */
|
|
71
|
+
var fallbackPalette = fallbackGetPalette('RedColors');
|
|
72
|
+
expect(fallbackPalette).toMatchSnapshot();
|
|
73
|
+
});
|
|
74
|
+
});
|
|
75
|
+
describe('getCurrentBrandAliasTokens test', function () {
|
|
76
|
+
it.concurrent.each(appPrimaries)('themeName: White, appPrimary: %s', function (appPrimary) { return __awaiter(void 0, void 0, void 0, function () {
|
|
77
|
+
var brandAliasTokens;
|
|
78
|
+
return __generator(this, function (_a) {
|
|
79
|
+
brandAliasTokens = getCurrentBrandAliasTokens('White', appPrimary);
|
|
80
|
+
expect(brandAliasTokens).toMatchSnapshot();
|
|
81
|
+
return [2 /*return*/];
|
|
82
|
+
});
|
|
83
|
+
}); });
|
|
84
|
+
it.concurrent.each(appPrimaries)('themeName: Colorful, appPrimary: %s', function (appPrimary) { return __awaiter(void 0, void 0, void 0, function () {
|
|
85
|
+
var brandAliasTokens;
|
|
86
|
+
return __generator(this, function (_a) {
|
|
87
|
+
brandAliasTokens = getCurrentBrandAliasTokens('Colorful', appPrimary);
|
|
88
|
+
expect(brandAliasTokens).toMatchSnapshot();
|
|
89
|
+
return [2 /*return*/];
|
|
90
|
+
});
|
|
91
|
+
}); });
|
|
92
|
+
// Tests the variation of the alias tokens for when isWhiteOrColorfulTheme is not true
|
|
93
|
+
it.concurrent.each(appPrimaries)('themeName: null, appPrimary: %s', function (appPrimary) { return __awaiter(void 0, void 0, void 0, function () {
|
|
94
|
+
var brandAliasTokens;
|
|
95
|
+
return __generator(this, function (_a) {
|
|
96
|
+
brandAliasTokens = getCurrentBrandAliasTokens(null, appPrimary);
|
|
97
|
+
expect(brandAliasTokens).toMatchSnapshot();
|
|
98
|
+
return [2 /*return*/];
|
|
99
|
+
});
|
|
100
|
+
}); });
|
|
101
|
+
});
|
|
102
|
+
//# sourceMappingURL=win32-theme.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"win32-theme.test.js","sourceRoot":"","sources":["../../src/__tests__/win32-theme.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,59 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|