@fluentui-react-native/apple-theme 0.10.0 → 0.11.2
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 +70 -1
- package/CHANGELOG.md +30 -2
- package/lib/appleColors.macos.d.ts +0 -3
- package/lib/appleColors.macos.d.ts.map +1 -1
- package/lib/appleColors.macos.js +197 -100
- package/lib/appleColors.macos.js.map +1 -1
- package/lib/appleColors.types.macos.d.ts +1 -24
- package/lib/appleColors.types.macos.d.ts.map +1 -1
- package/lib/getMacOSAliasTokens.d.ts +0 -136
- package/lib/getMacOSAliasTokens.d.ts.map +1 -1
- package/lib/getMacOSAliasTokens.js +4 -4
- package/lib/getMacOSAliasTokens.js.map +1 -1
- package/lib-commonjs/appleColors.macos.d.ts +0 -3
- package/lib-commonjs/appleColors.macos.d.ts.map +1 -1
- package/lib-commonjs/appleColors.macos.js +197 -101
- package/lib-commonjs/appleColors.macos.js.map +1 -1
- package/lib-commonjs/appleColors.types.macos.d.ts +1 -24
- package/lib-commonjs/appleColors.types.macos.d.ts.map +1 -1
- package/lib-commonjs/getMacOSAliasTokens.d.ts +0 -136
- package/lib-commonjs/getMacOSAliasTokens.d.ts.map +1 -1
- package/lib-commonjs/getMacOSAliasTokens.js +8 -8
- package/lib-commonjs/getMacOSAliasTokens.js.map +1 -1
- package/package.json +4 -3
- package/src/appleColors.macos.ts +218 -108
- package/src/appleColors.types.macos.ts +1 -25
- package/src/getMacOSAliasTokens.ts +4 -4
- package/lib/dark-high-contrast-macos/tokens-alias.d.ts +0 -3
- package/lib/dark-high-contrast-macos/tokens-alias.d.ts.map +0 -1
- package/lib/dark-high-contrast-macos/tokens-alias.js +0 -3
- package/lib/dark-high-contrast-macos/tokens-alias.js.map +0 -1
- package/lib/dark-macos/tokens-alias.d.ts +0 -3
- package/lib/dark-macos/tokens-alias.d.ts.map +0 -1
- package/lib/dark-macos/tokens-alias.js +0 -3
- package/lib/dark-macos/tokens-alias.js.map +0 -1
- package/lib/generated/dark-high-contrast-macos/tokens-aliases.json +0 -306
- package/lib/generated/dark-macos/tokens-aliases.json +0 -303
- package/lib/generated/light-high-contrast-macos/tokens-aliases.json +0 -306
- package/lib/generated/light-macos/tokens-aliases.json +0 -303
- package/lib/light-high-contrast-macos/tokens-alias.d.ts +0 -3
- package/lib/light-high-contrast-macos/tokens-alias.d.ts.map +0 -1
- package/lib/light-high-contrast-macos/tokens-alias.js +0 -3
- package/lib/light-high-contrast-macos/tokens-alias.js.map +0 -1
- package/lib/light-macos/tokens-alias.d.ts +0 -3
- package/lib/light-macos/tokens-alias.d.ts.map +0 -1
- package/lib/light-macos/tokens-alias.js +0 -3
- package/lib/light-macos/tokens-alias.js.map +0 -1
- package/lib-commonjs/dark-high-contrast-macos/tokens-alias.d.ts +0 -3
- package/lib-commonjs/dark-high-contrast-macos/tokens-alias.d.ts.map +0 -1
- package/lib-commonjs/dark-high-contrast-macos/tokens-alias.js +0 -8
- package/lib-commonjs/dark-high-contrast-macos/tokens-alias.js.map +0 -1
- package/lib-commonjs/dark-macos/tokens-alias.d.ts +0 -3
- package/lib-commonjs/dark-macos/tokens-alias.d.ts.map +0 -1
- package/lib-commonjs/dark-macos/tokens-alias.js +0 -8
- package/lib-commonjs/dark-macos/tokens-alias.js.map +0 -1
- package/lib-commonjs/generated/dark-high-contrast-macos/tokens-aliases.json +0 -306
- package/lib-commonjs/generated/dark-macos/tokens-aliases.json +0 -303
- package/lib-commonjs/generated/light-high-contrast-macos/tokens-aliases.json +0 -306
- package/lib-commonjs/generated/light-macos/tokens-aliases.json +0 -303
- package/lib-commonjs/light-high-contrast-macos/tokens-alias.d.ts +0 -3
- package/lib-commonjs/light-high-contrast-macos/tokens-alias.d.ts.map +0 -1
- package/lib-commonjs/light-high-contrast-macos/tokens-alias.js +0 -8
- package/lib-commonjs/light-high-contrast-macos/tokens-alias.js.map +0 -1
- package/lib-commonjs/light-macos/tokens-alias.d.ts +0 -3
- package/lib-commonjs/light-macos/tokens-alias.d.ts.map +0 -1
- package/lib-commonjs/light-macos/tokens-alias.js +0 -8
- package/lib-commonjs/light-macos/tokens-alias.js.map +0 -1
- package/src/dark-high-contrast-macos/tokens-alias.ts +0 -3
- package/src/dark-macos/tokens-alias.ts +0 -3
- package/src/generated/dark-high-contrast-macos/tokens-aliases.json +0 -306
- package/src/generated/dark-high-contrast-macos/tokens-global.json +0 -1104
- package/src/generated/dark-macos/tokens-aliases.json +0 -303
- package/src/generated/dark-macos/tokens-global.json +0 -1104
- package/src/generated/light-high-contrast-macos/tokens-aliases.json +0 -306
- package/src/generated/light-high-contrast-macos/tokens-global.json +0 -1104
- package/src/generated/light-macos/tokens-aliases.json +0 -303
- package/src/generated/light-macos/tokens-global.json +0 -1104
- package/src/light-high-contrast-macos/tokens-alias.ts +0 -3
- package/src/light-macos/tokens-alias.ts +0 -3
|
@@ -1,25 +1,5 @@
|
|
|
1
1
|
import { AppearanceOptions } from '@fluentui-react-native/theme-types';
|
|
2
2
|
export declare function getMacOSAliasTokens(mode: AppearanceOptions, isHighContrast: boolean): {
|
|
3
|
-
body: {
|
|
4
|
-
fontFamily: string;
|
|
5
|
-
fontLineHeight: number;
|
|
6
|
-
fontSize: number;
|
|
7
|
-
fontWeight: string;
|
|
8
|
-
};
|
|
9
|
-
bodyStrong: {
|
|
10
|
-
fontFamily: string;
|
|
11
|
-
fontLineHeight: number;
|
|
12
|
-
fontSize: number;
|
|
13
|
-
fontWeight: string;
|
|
14
|
-
};
|
|
15
|
-
borderless: {
|
|
16
|
-
strokeAlignment: string;
|
|
17
|
-
strokeColorRest: string;
|
|
18
|
-
strokeColorHover: string;
|
|
19
|
-
strokeColorPressed: string;
|
|
20
|
-
strokeColorDisabled: string;
|
|
21
|
-
strokeWidth: number;
|
|
22
|
-
};
|
|
23
3
|
brandBackground: {
|
|
24
4
|
fillColorRest: string;
|
|
25
5
|
fillColorHover: string;
|
|
@@ -61,12 +41,6 @@ export declare function getMacOSAliasTokens(mode: AppearanceOptions, isHighContr
|
|
|
61
41
|
strokeColorRest: string;
|
|
62
42
|
strokeWidth: number;
|
|
63
43
|
};
|
|
64
|
-
caption: {
|
|
65
|
-
fontFamily: string;
|
|
66
|
-
fontLineHeight: number;
|
|
67
|
-
fontSize: number;
|
|
68
|
-
fontWeight: string;
|
|
69
|
-
};
|
|
70
44
|
compoundBrandBackground1: {
|
|
71
45
|
fillColorRest: string;
|
|
72
46
|
fillColorHover: string;
|
|
@@ -83,24 +57,6 @@ export declare function getMacOSAliasTokens(mode: AppearanceOptions, isHighContr
|
|
|
83
57
|
strokeColorPressed: string;
|
|
84
58
|
strokeWidth: number;
|
|
85
59
|
};
|
|
86
|
-
display: {
|
|
87
|
-
fontFamily: string;
|
|
88
|
-
fontLineHeight: number;
|
|
89
|
-
fontSize: number;
|
|
90
|
-
fontWeight: string;
|
|
91
|
-
};
|
|
92
|
-
headline: {
|
|
93
|
-
fontFamily: string;
|
|
94
|
-
fontLineHeight: number;
|
|
95
|
-
fontSize: number;
|
|
96
|
-
fontWeight: string;
|
|
97
|
-
};
|
|
98
|
-
largeTitle: {
|
|
99
|
-
fontFamily: string;
|
|
100
|
-
fontLineHeight: number;
|
|
101
|
-
fontSize: number;
|
|
102
|
-
fontWeight: string;
|
|
103
|
-
};
|
|
104
60
|
neutralBackground1: {
|
|
105
61
|
fillColorRest: string;
|
|
106
62
|
fillColorHover: string;
|
|
@@ -257,36 +213,12 @@ export declare function getMacOSAliasTokens(mode: AppearanceOptions, isHighContr
|
|
|
257
213
|
strokeColorRest: string;
|
|
258
214
|
strokeWidth: number;
|
|
259
215
|
};
|
|
260
|
-
subheadline: {
|
|
261
|
-
fontFamily: string;
|
|
262
|
-
fontLineHeight: number;
|
|
263
|
-
fontSize: number;
|
|
264
|
-
fontWeight: string;
|
|
265
|
-
};
|
|
266
216
|
subtleBackground: {
|
|
267
217
|
fillColorRest: string;
|
|
268
218
|
fillColorHover: string;
|
|
269
219
|
fillColorPressed: string;
|
|
270
220
|
fillColorSelected: string;
|
|
271
221
|
};
|
|
272
|
-
title1: {
|
|
273
|
-
fontFamily: string;
|
|
274
|
-
fontLineHeight: number;
|
|
275
|
-
fontSize: number;
|
|
276
|
-
fontWeight: string;
|
|
277
|
-
};
|
|
278
|
-
title2: {
|
|
279
|
-
fontFamily: string;
|
|
280
|
-
fontLineHeight: number;
|
|
281
|
-
fontSize: number;
|
|
282
|
-
fontWeight: string;
|
|
283
|
-
};
|
|
284
|
-
title3: {
|
|
285
|
-
fontFamily: string;
|
|
286
|
-
fontLineHeight: number;
|
|
287
|
-
fontSize: number;
|
|
288
|
-
fontWeight: string;
|
|
289
|
-
};
|
|
290
222
|
transparentBackground: {
|
|
291
223
|
fillColorRest: string;
|
|
292
224
|
fillColorHover: string;
|
|
@@ -302,26 +234,6 @@ export declare function getMacOSAliasTokens(mode: AppearanceOptions, isHighContr
|
|
|
302
234
|
strokeWidth: number;
|
|
303
235
|
};
|
|
304
236
|
} | {
|
|
305
|
-
body: {
|
|
306
|
-
fontFamily: string;
|
|
307
|
-
fontLineHeight: number;
|
|
308
|
-
fontSize: number;
|
|
309
|
-
fontWeight: string;
|
|
310
|
-
};
|
|
311
|
-
bodyStrong: {
|
|
312
|
-
fontFamily: string;
|
|
313
|
-
fontLineHeight: number;
|
|
314
|
-
fontSize: number;
|
|
315
|
-
fontWeight: string;
|
|
316
|
-
};
|
|
317
|
-
borderless: {
|
|
318
|
-
strokeAlignment: string;
|
|
319
|
-
strokeColorRest: string;
|
|
320
|
-
strokeColorHover: string;
|
|
321
|
-
strokeColorPressed: string;
|
|
322
|
-
strokeColorDisabled: string;
|
|
323
|
-
strokeWidth: number;
|
|
324
|
-
};
|
|
325
237
|
brandBackground: {
|
|
326
238
|
fillColorRest: string;
|
|
327
239
|
fillColorHover: string;
|
|
@@ -363,12 +275,6 @@ export declare function getMacOSAliasTokens(mode: AppearanceOptions, isHighContr
|
|
|
363
275
|
strokeColorRest: string;
|
|
364
276
|
strokeWidth: number;
|
|
365
277
|
};
|
|
366
|
-
caption: {
|
|
367
|
-
fontFamily: string;
|
|
368
|
-
fontLineHeight: number;
|
|
369
|
-
fontSize: number;
|
|
370
|
-
fontWeight: string;
|
|
371
|
-
};
|
|
372
278
|
compoundBrandBackground1: {
|
|
373
279
|
fillColorRest: string;
|
|
374
280
|
fillColorHover: string;
|
|
@@ -385,24 +291,6 @@ export declare function getMacOSAliasTokens(mode: AppearanceOptions, isHighContr
|
|
|
385
291
|
strokeColorPressed: string;
|
|
386
292
|
strokeWidth: number;
|
|
387
293
|
};
|
|
388
|
-
display: {
|
|
389
|
-
fontFamily: string;
|
|
390
|
-
fontLineHeight: number;
|
|
391
|
-
fontSize: number;
|
|
392
|
-
fontWeight: string;
|
|
393
|
-
};
|
|
394
|
-
headline: {
|
|
395
|
-
fontFamily: string;
|
|
396
|
-
fontLineHeight: number;
|
|
397
|
-
fontSize: number;
|
|
398
|
-
fontWeight: string;
|
|
399
|
-
};
|
|
400
|
-
largeTitle: {
|
|
401
|
-
fontFamily: string;
|
|
402
|
-
fontLineHeight: number;
|
|
403
|
-
fontSize: number;
|
|
404
|
-
fontWeight: string;
|
|
405
|
-
};
|
|
406
294
|
neutralBackground1: {
|
|
407
295
|
fillColorRest: string;
|
|
408
296
|
fillColorHover: string;
|
|
@@ -559,36 +447,12 @@ export declare function getMacOSAliasTokens(mode: AppearanceOptions, isHighContr
|
|
|
559
447
|
strokeColorRest: string;
|
|
560
448
|
strokeWidth: number;
|
|
561
449
|
};
|
|
562
|
-
subheadline: {
|
|
563
|
-
fontFamily: string;
|
|
564
|
-
fontLineHeight: number;
|
|
565
|
-
fontSize: number;
|
|
566
|
-
fontWeight: string;
|
|
567
|
-
};
|
|
568
450
|
subtleBackground: {
|
|
569
451
|
fillColorRest: string;
|
|
570
452
|
fillColorHover: string;
|
|
571
453
|
fillColorPressed: string;
|
|
572
454
|
fillColorSelected: string;
|
|
573
455
|
};
|
|
574
|
-
title1: {
|
|
575
|
-
fontFamily: string;
|
|
576
|
-
fontLineHeight: number;
|
|
577
|
-
fontSize: number;
|
|
578
|
-
fontWeight: string;
|
|
579
|
-
};
|
|
580
|
-
title2: {
|
|
581
|
-
fontFamily: string;
|
|
582
|
-
fontLineHeight: number;
|
|
583
|
-
fontSize: number;
|
|
584
|
-
fontWeight: string;
|
|
585
|
-
};
|
|
586
|
-
title3: {
|
|
587
|
-
fontFamily: string;
|
|
588
|
-
fontLineHeight: number;
|
|
589
|
-
fontSize: number;
|
|
590
|
-
fontWeight: string;
|
|
591
|
-
};
|
|
592
456
|
transparentBackground: {
|
|
593
457
|
fillColorRest: string;
|
|
594
458
|
fillColorHover: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getMacOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/getMacOSAliasTokens.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAGvE,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO
|
|
1
|
+
{"version":3,"file":"getMacOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/getMacOSAliasTokens.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAGvE,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBnF"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import macOSLightAliasTokens from '
|
|
2
|
-
import macOSDarkAliasTokens from '
|
|
3
|
-
import macOSLightHCAliasTokens from '
|
|
4
|
-
import macOSDarkHCAliasTokens from '
|
|
1
|
+
import macOSLightAliasTokens from '@fluentui-react-native/design-tokens-macos/light/tokens-aliases.json';
|
|
2
|
+
import macOSDarkAliasTokens from '@fluentui-react-native/design-tokens-macos/dark/tokens-aliases.json';
|
|
3
|
+
import macOSLightHCAliasTokens from '@fluentui-react-native/design-tokens-macos/hclight/tokens-aliases.json';
|
|
4
|
+
import macOSDarkHCAliasTokens from '@fluentui-react-native/design-tokens-macos/hcdark/tokens-aliases.json';
|
|
5
5
|
import { assertNever } from 'assert-never';
|
|
6
6
|
export function getMacOSAliasTokens(mode, isHighContrast) {
|
|
7
7
|
if (mode === 'light') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getMacOSAliasTokens.js","sourceRoot":"","sources":["../src/getMacOSAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,
|
|
1
|
+
{"version":3,"file":"getMacOSAliasTokens.js","sourceRoot":"","sources":["../src/getMacOSAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,sEAAsE,CAAC;AACzG,OAAO,oBAAoB,MAAM,qEAAqE,CAAC;AACvG,OAAO,uBAAuB,MAAM,wEAAwE,CAAC;AAC7G,OAAO,sBAAsB,MAAM,uEAAuE,CAAC;AAE3G,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,UAAU,mBAAmB,CAAC,IAAuB,EAAE,cAAuB;IAClF,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,IAAI,cAAc,EAAE;YAClB,OAAO,uBAAuB,CAAC;SAChC;aAAM;YACL,OAAO,qBAAqB,CAAC;SAC9B;KACF;SAAM,IAAI,IAAI,KAAK,MAAM,EAAE;QAC1B,IAAI,cAAc,EAAE;YAClB,OAAO,sBAAsB,CAAC;SAC/B;aAAM;YACL,OAAO,oBAAoB,CAAC;SAC7B;KACF;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QAClC,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;SAAM;QACL,WAAW,CAAC,IAAI,CAAC,CAAC;KACnB;AACH,CAAC"}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import { ThemeColorDefinition } from '@fluentui-react-native/theme-types';
|
|
2
|
-
import { AppleSemanticPalette } from './appleColors.types.macos';
|
|
3
|
-
/** Creates a Palette of PlatformColors defined for macOS */
|
|
4
|
-
export declare function getAppleSemanticPalette(): AppleSemanticPalette;
|
|
5
2
|
/** Creates a palette of colors for the apple theme, given the FluentUI Apple Palette and Apple Semantic Palette
|
|
6
3
|
* The fallback palette is loaded while we wait for the native theming module to load, or if the module is not found
|
|
7
4
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleColors.macos.d.ts","sourceRoot":"","sources":["../src/appleColors.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,
|
|
1
|
+
{"version":3,"file":"appleColors.macos.d.ts","sourceRoot":"","sources":["../src/appleColors.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,oCAAoC,CAAC;AAsQ5F;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,oBAAoB,CA0V3D"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.fallbackApplePalette =
|
|
3
|
+
exports.fallbackApplePalette = void 0;
|
|
4
4
|
var theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
5
5
|
var react_native_macos_1 = require("react-native-macos");
|
|
6
6
|
var react_native_1 = require("react-native");
|
|
@@ -47,11 +47,7 @@ function getAppleSemanticPalette() {
|
|
|
47
47
|
shadowColor: (0, react_native_macos_1.PlatformColor)('shadowColor'),
|
|
48
48
|
};
|
|
49
49
|
}
|
|
50
|
-
exports.getAppleSemanticPalette = getAppleSemanticPalette;
|
|
51
50
|
function getFluentUIApplePalette() {
|
|
52
|
-
var appearance = react_native_1.Appearance.getColorScheme();
|
|
53
|
-
var mode = (0, theming_utils_1.getCurrentAppearance)(appearance, 'light');
|
|
54
|
-
var macOSAliasColorTokens = (0, createMacOSAliasTokens_1.createMacOSAliasTokens)(mode, (0, appleHighContrast_macos_1.getIsHighContrast)());
|
|
55
51
|
return {
|
|
56
52
|
blue10: '#4F6BED',
|
|
57
53
|
blueMagenta20: '#8764B8',
|
|
@@ -246,34 +242,20 @@ function getFluentUIApplePalette() {
|
|
|
246
242
|
light: '#FFF8DF',
|
|
247
243
|
dark: '#291F07',
|
|
248
244
|
}),
|
|
249
|
-
brandedBackground: macOSAliasColorTokens.brandBackground,
|
|
250
|
-
neutralBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
|
|
251
|
-
brandForegroundDisabled: macOSAliasColorTokens.brandForeground1Disabled,
|
|
252
|
-
brandForegroundPressed: macOSAliasColorTokens.brandForeground1Pressed,
|
|
253
|
-
brandBackgroundPressed: macOSAliasColorTokens.brandBackgroundPressed,
|
|
254
|
-
brandBackgroundHovered: macOSAliasColorTokens.brandBackgroundHover,
|
|
255
|
-
neutralBackgroundInverted: macOSAliasColorTokens.neutralBackgroundInverted,
|
|
256
|
-
neutralForegroundInverted: macOSAliasColorTokens.neutralForegroundInverted,
|
|
257
|
-
neutralForeground2: macOSAliasColorTokens.neutralForeground2,
|
|
258
|
-
neutralBackground1: macOSAliasColorTokens.neutralBackground1,
|
|
259
|
-
neutralBackground2: macOSAliasColorTokens.neutralBackground2,
|
|
260
|
-
neutralStroke2: macOSAliasColorTokens.neutralStroke2,
|
|
261
|
-
neutralForeground3: macOSAliasColorTokens.neutralForeground3,
|
|
262
|
-
neutralBackground3: macOSAliasColorTokens.neutralBackground3,
|
|
263
|
-
neutralStrokeDisabled: macOSAliasColorTokens.neutralStrokeDisabled,
|
|
264
|
-
transparentBackground: macOSAliasColorTokens.transparentBackground,
|
|
265
|
-
transparentStroke: macOSAliasColorTokens.transparentStroke,
|
|
266
|
-
neutralForegroundDisabled: macOSAliasColorTokens.neutralForegroundDisabled,
|
|
267
|
-
neutralForeground2Pressed: macOSAliasColorTokens.neutralBackground2Pressed,
|
|
268
|
-
neutralBackground2Pressed: macOSAliasColorTokens.neutralBackground2Pressed,
|
|
269
245
|
};
|
|
270
246
|
}
|
|
247
|
+
function getMacOSAliasTokens() {
|
|
248
|
+
var appearance = react_native_1.Appearance.getColorScheme();
|
|
249
|
+
var mode = (0, theming_utils_1.getCurrentAppearance)(appearance, 'light');
|
|
250
|
+
return (0, createMacOSAliasTokens_1.createMacOSAliasTokens)(mode, (0, appleHighContrast_macos_1.getIsHighContrast)());
|
|
251
|
+
}
|
|
271
252
|
/** Creates a palette of colors for the apple theme, given the FluentUI Apple Palette and Apple Semantic Palette
|
|
272
253
|
* The fallback palette is loaded while we wait for the native theming module to load, or if the module is not found
|
|
273
254
|
*/
|
|
274
255
|
function fallbackApplePalette() {
|
|
275
256
|
var fluentUIApple = getFluentUIApplePalette();
|
|
276
257
|
var applePlatform = getAppleSemanticPalette();
|
|
258
|
+
var macOSAliasColorTokens = getMacOSAliasTokens();
|
|
277
259
|
return {
|
|
278
260
|
/* PaletteBackgroundColors & PaletteTextColors */
|
|
279
261
|
background: applePlatform.windowBackgroundColor,
|
|
@@ -312,36 +294,36 @@ function fallbackApplePalette() {
|
|
|
312
294
|
inputTextHovered: applePlatform.textColor,
|
|
313
295
|
inputPlaceholderText: applePlatform.placeholderTextColor,
|
|
314
296
|
// Set the default button tokens to match the Acrylic Button style
|
|
315
|
-
buttonBackground:
|
|
316
|
-
buttonBackgroundChecked:
|
|
317
|
-
buttonBackgroundHovered:
|
|
318
|
-
buttonBackgroundCheckedHovered:
|
|
319
|
-
buttonBackgroundPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(
|
|
320
|
-
buttonBackgroundDisabled: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(
|
|
321
|
-
buttonBorder:
|
|
322
|
-
buttonText:
|
|
323
|
-
buttonTextHovered:
|
|
324
|
-
buttonTextChecked:
|
|
325
|
-
buttonTextCheckedHovered:
|
|
326
|
-
buttonTextPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(
|
|
327
|
-
buttonTextDisabled: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(
|
|
328
|
-
buttonBorderDisabled:
|
|
329
|
-
buttonBorderFocused:
|
|
297
|
+
buttonBackground: macOSAliasColorTokens.neutralBackground1,
|
|
298
|
+
buttonBackgroundChecked: macOSAliasColorTokens.neutralBackground3,
|
|
299
|
+
buttonBackgroundHovered: macOSAliasColorTokens.neutralBackground3,
|
|
300
|
+
buttonBackgroundCheckedHovered: macOSAliasColorTokens.neutralBackground3,
|
|
301
|
+
buttonBackgroundPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralBackground3, 'pressed'),
|
|
302
|
+
buttonBackgroundDisabled: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralBackground3, 'disabled'),
|
|
303
|
+
buttonBorder: macOSAliasColorTokens.transparentStroke,
|
|
304
|
+
buttonText: macOSAliasColorTokens.neutralForeground3,
|
|
305
|
+
buttonTextHovered: macOSAliasColorTokens.neutralForeground3,
|
|
306
|
+
buttonTextChecked: macOSAliasColorTokens.neutralForeground3,
|
|
307
|
+
buttonTextCheckedHovered: macOSAliasColorTokens.neutralForeground3,
|
|
308
|
+
buttonTextPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralForeground3, 'pressed'),
|
|
309
|
+
buttonTextDisabled: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralForeground3, 'disabled'),
|
|
310
|
+
buttonBorderDisabled: macOSAliasColorTokens.transparentBackground,
|
|
311
|
+
buttonBorderFocused: macOSAliasColorTokens.transparentBackground,
|
|
330
312
|
primaryButtonBackground: fluentUIApple.communicationBlue,
|
|
331
313
|
primaryButtonBackgroundHovered: fluentUIApple.communicationBlue,
|
|
332
|
-
primaryButtonBackgroundPressed:
|
|
333
|
-
primaryButtonBackgroundDisabled:
|
|
314
|
+
primaryButtonBackgroundPressed: macOSAliasColorTokens.brandBackgroundPressed,
|
|
315
|
+
primaryButtonBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
|
|
334
316
|
primaryButtonBorder: 'transparent',
|
|
335
317
|
primaryButtonBorderFocused: 'transparent',
|
|
336
|
-
primaryButtonText:
|
|
337
|
-
primaryButtonTextHovered:
|
|
338
|
-
primaryButtonTextPressed:
|
|
339
|
-
primaryButtonTextDisabled:
|
|
318
|
+
primaryButtonText: macOSAliasColorTokens.neutralForegroundInverted,
|
|
319
|
+
primaryButtonTextHovered: macOSAliasColorTokens.neutralForegroundInverted,
|
|
320
|
+
primaryButtonTextPressed: macOSAliasColorTokens.neutralForegroundInverted,
|
|
321
|
+
primaryButtonTextDisabled: macOSAliasColorTokens.brandForeground1Disabled,
|
|
340
322
|
accentButtonBackground: fluentUIApple.communicationBlue,
|
|
341
|
-
accentButtonText:
|
|
323
|
+
accentButtonText: macOSAliasColorTokens.neutralForegroundInverted,
|
|
342
324
|
menuBackground: 'transparent',
|
|
343
325
|
menuDivider: applePlatform.separatorColor,
|
|
344
|
-
menuIcon:
|
|
326
|
+
menuIcon: macOSAliasColorTokens.neutralForeground3,
|
|
345
327
|
menuHeader: applePlatform.headerTextColor,
|
|
346
328
|
menuItemBackgroundHovered: applePlatform.controlAccentColor,
|
|
347
329
|
menuItemBackgroundPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(applePlatform.controlAccentColor, 'pressed'),
|
|
@@ -361,26 +343,26 @@ function fallbackApplePalette() {
|
|
|
361
343
|
linkPressed: applePlatform.selectedControlColor,
|
|
362
344
|
/* ControlColorTokens */
|
|
363
345
|
// Set the default button tokens to match the Acrylic Button style
|
|
364
|
-
defaultBackground:
|
|
365
|
-
defaultBorder:
|
|
366
|
-
defaultContent:
|
|
367
|
-
defaultIcon:
|
|
368
|
-
defaultHoveredBackground:
|
|
369
|
-
defaultHoveredBorder:
|
|
370
|
-
defaultHoveredContent:
|
|
371
|
-
defaultHoveredIcon:
|
|
372
|
-
defaultFocusedBackground:
|
|
373
|
-
defaultFocusedBorder:
|
|
374
|
-
defaultFocusedContent:
|
|
375
|
-
defaultFocusedIcon:
|
|
376
|
-
defaultPressedBackground:
|
|
377
|
-
defaultPressedBorder:
|
|
378
|
-
defaultPressedContent:
|
|
379
|
-
defaultPressedIcon:
|
|
380
|
-
defaultDisabledBackground:
|
|
381
|
-
defaultDisabledBorder:
|
|
382
|
-
defaultDisabledContent:
|
|
383
|
-
defaultDisabledIcon:
|
|
346
|
+
defaultBackground: macOSAliasColorTokens.neutralBackground2,
|
|
347
|
+
defaultBorder: macOSAliasColorTokens.neutralStroke2,
|
|
348
|
+
defaultContent: macOSAliasColorTokens.neutralForeground2,
|
|
349
|
+
defaultIcon: macOSAliasColorTokens.neutralForeground3,
|
|
350
|
+
defaultHoveredBackground: macOSAliasColorTokens.neutralBackground3,
|
|
351
|
+
defaultHoveredBorder: macOSAliasColorTokens.neutralStroke2,
|
|
352
|
+
defaultHoveredContent: macOSAliasColorTokens.neutralForeground3,
|
|
353
|
+
defaultHoveredIcon: macOSAliasColorTokens.neutralForeground3,
|
|
354
|
+
defaultFocusedBackground: macOSAliasColorTokens.neutralBackground2,
|
|
355
|
+
defaultFocusedBorder: macOSAliasColorTokens.neutralStroke2,
|
|
356
|
+
defaultFocusedContent: macOSAliasColorTokens.neutralForeground2,
|
|
357
|
+
defaultFocusedIcon: macOSAliasColorTokens.neutralForeground3,
|
|
358
|
+
defaultPressedBackground: macOSAliasColorTokens.neutralBackground2Pressed,
|
|
359
|
+
defaultPressedBorder: macOSAliasColorTokens.neutralStroke2,
|
|
360
|
+
defaultPressedContent: macOSAliasColorTokens.neutralForeground2,
|
|
361
|
+
defaultPressedIcon: macOSAliasColorTokens.neutralForeground3,
|
|
362
|
+
defaultDisabledBackground: macOSAliasColorTokens.neutralBackground2,
|
|
363
|
+
defaultDisabledBorder: macOSAliasColorTokens.neutralStroke2,
|
|
364
|
+
defaultDisabledContent: macOSAliasColorTokens.neutralForegroundDisabled,
|
|
365
|
+
defaultDisabledIcon: macOSAliasColorTokens.neutralForeground3,
|
|
384
366
|
ghostBackground: 'transparent',
|
|
385
367
|
ghostBorder: 'transparent',
|
|
386
368
|
ghostContent: fluentUIApple.communicationBlue,
|
|
@@ -395,40 +377,40 @@ function fallbackApplePalette() {
|
|
|
395
377
|
ghostFocusedIcon: fluentUIApple.communicationBlue,
|
|
396
378
|
ghostPressedBackground: 'transparent',
|
|
397
379
|
ghostPressedBorder: 'transparent',
|
|
398
|
-
ghostPressedContent:
|
|
399
|
-
ghostPressedIcon:
|
|
380
|
+
ghostPressedContent: macOSAliasColorTokens.brandForeground1Pressed,
|
|
381
|
+
ghostPressedIcon: macOSAliasColorTokens.neutralForeground3,
|
|
400
382
|
ghostDisabledBackground: 'transparent',
|
|
401
383
|
ghostDisabledBorder: 'transparent',
|
|
402
|
-
ghostDisabledContent:
|
|
403
|
-
ghostDisabledIcon:
|
|
404
|
-
brandedBackground:
|
|
405
|
-
brandedBorder:
|
|
406
|
-
brandedContent:
|
|
407
|
-
brandedIcon:
|
|
408
|
-
brandedHoveredBackground:
|
|
384
|
+
ghostDisabledContent: macOSAliasColorTokens.brandForeground1Disabled,
|
|
385
|
+
ghostDisabledIcon: macOSAliasColorTokens.brandForeground1Disabled,
|
|
386
|
+
brandedBackground: macOSAliasColorTokens.brandBackground,
|
|
387
|
+
brandedBorder: macOSAliasColorTokens.transparentStroke,
|
|
388
|
+
brandedContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
389
|
+
brandedIcon: macOSAliasColorTokens.neutralForegroundInverted,
|
|
390
|
+
brandedHoveredBackground: macOSAliasColorTokens.brandBackgroundHover,
|
|
409
391
|
brandedHoveredBorder: 'transparent',
|
|
410
|
-
brandedHoveredContent:
|
|
411
|
-
brandedHoveredIcon:
|
|
392
|
+
brandedHoveredContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
393
|
+
brandedHoveredIcon: macOSAliasColorTokens.neutralForegroundInverted,
|
|
412
394
|
brandedFocusedBackground: fluentUIApple.communicationBlue,
|
|
413
395
|
brandedFocusedBorder: 'transparent',
|
|
414
|
-
brandedFocusedContent:
|
|
415
|
-
brandedFocusedIcon:
|
|
416
|
-
brandedPressedBackground:
|
|
396
|
+
brandedFocusedContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
397
|
+
brandedFocusedIcon: macOSAliasColorTokens.neutralForegroundInverted,
|
|
398
|
+
brandedPressedBackground: macOSAliasColorTokens.brandBackgroundPressed,
|
|
417
399
|
brandedPressedBorder: 'transparent',
|
|
418
|
-
brandedPressedContent:
|
|
419
|
-
brandedPressedIcon:
|
|
420
|
-
brandedDisabledBackground:
|
|
400
|
+
brandedPressedContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
401
|
+
brandedPressedIcon: macOSAliasColorTokens.neutralForegroundInverted,
|
|
402
|
+
brandedDisabledBackground: macOSAliasColorTokens.neutralBackgroundDisabled,
|
|
421
403
|
brandedDisabledBorder: 'transparent',
|
|
422
|
-
brandedDisabledContent:
|
|
423
|
-
brandedDisabledIcon:
|
|
404
|
+
brandedDisabledContent: macOSAliasColorTokens.brandForeground1Disabled,
|
|
405
|
+
brandedDisabledIcon: macOSAliasColorTokens.neutralForeground3,
|
|
424
406
|
defaultCheckedBackground: fluentUIApple.communicationBlue,
|
|
425
|
-
defaultCheckedContent:
|
|
407
|
+
defaultCheckedContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
426
408
|
defaultCheckedHoveredBackground: fluentUIApple.communicationBlue,
|
|
427
|
-
defaultCheckedHoveredContent:
|
|
409
|
+
defaultCheckedHoveredContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
428
410
|
brandedCheckedBackground: fluentUIApple.communicationBlue,
|
|
429
|
-
brandedCheckedContent:
|
|
411
|
+
brandedCheckedContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
430
412
|
brandedCheckedHoveredBackground: fluentUIApple.communicationBlue,
|
|
431
|
-
brandedCheckedHoveredContent:
|
|
413
|
+
brandedCheckedHoveredContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
432
414
|
ghostCheckedBackground: 'transparent',
|
|
433
415
|
ghostCheckedContent: fluentUIApple.communicationBlue,
|
|
434
416
|
ghostCheckedHoveredBackground: 'transparent',
|
|
@@ -438,19 +420,133 @@ function fallbackApplePalette() {
|
|
|
438
420
|
ghostFocusedSecondaryContent: fluentUIApple.communicationBlue,
|
|
439
421
|
ghostHoveredSecondaryContent: fluentUIApple.communicationBlue,
|
|
440
422
|
ghostPressedSecondaryContent: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(fluentUIApple.communicationBlue, 'deepPressed'),
|
|
441
|
-
brandedSecondaryContent:
|
|
442
|
-
brandedFocusedSecondaryContent:
|
|
443
|
-
brandedHoveredSecondaryContent:
|
|
444
|
-
brandedPressedSecondaryContent: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(
|
|
445
|
-
defaultDisabledSecondaryContent:
|
|
446
|
-
defaultHoveredSecondaryContent:
|
|
447
|
-
defaultPressedSecondaryContent:
|
|
423
|
+
brandedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
424
|
+
brandedFocusedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
425
|
+
brandedHoveredSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
426
|
+
brandedPressedSecondaryContent: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralForegroundInverted, 'pressed'),
|
|
427
|
+
defaultDisabledSecondaryContent: macOSAliasColorTokens.brandForeground1Disabled,
|
|
428
|
+
defaultHoveredSecondaryContent: macOSAliasColorTokens.neutralForeground3,
|
|
429
|
+
defaultPressedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
|
|
448
430
|
checkboxBackground: fluentUIApple.communicationBlue,
|
|
449
|
-
checkboxBackgroundDisabled:
|
|
431
|
+
checkboxBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
|
|
450
432
|
checkboxBorderColor: fluentUIApple.gray600,
|
|
451
|
-
checkmarkColor:
|
|
452
|
-
personaActivityRing:
|
|
433
|
+
checkmarkColor: macOSAliasColorTokens.neutralForegroundInverted,
|
|
434
|
+
personaActivityRing: macOSAliasColorTokens.neutralForegroundInverted,
|
|
453
435
|
personaActivityGlow: fluentUIApple.red10,
|
|
436
|
+
/* AliasColorTokens */
|
|
437
|
+
neutralForeground1: macOSAliasColorTokens.neutralForeground1,
|
|
438
|
+
neutralForeground1Hover: macOSAliasColorTokens.neutralForeground1Hover,
|
|
439
|
+
neutralForeground1Pressed: macOSAliasColorTokens.neutralForeground1Pressed,
|
|
440
|
+
neutralForeground1Selected: macOSAliasColorTokens.neutralForeground1Selected,
|
|
441
|
+
neutralForeground2: macOSAliasColorTokens.neutralForeground2,
|
|
442
|
+
neutralForeground2Hover: macOSAliasColorTokens.neutralForeground2Hover,
|
|
443
|
+
neutralForeground2Pressed: macOSAliasColorTokens.neutralForeground2Pressed,
|
|
444
|
+
neutralForeground2Selected: macOSAliasColorTokens.neutralForeground2Selected,
|
|
445
|
+
neutralForeground2BrandHover: macOSAliasColorTokens.neutralForeground2BrandHover,
|
|
446
|
+
neutralForeground2BrandPressed: macOSAliasColorTokens.neutralForeground2BrandPressed,
|
|
447
|
+
neutralForeground2BrandSelected: macOSAliasColorTokens.neutralForeground2BrandSelected,
|
|
448
|
+
neutralForeground3: macOSAliasColorTokens.neutralForeground3,
|
|
449
|
+
neutralForeground3Hover: macOSAliasColorTokens.neutralForeground3Hover,
|
|
450
|
+
neutralForeground3Pressed: macOSAliasColorTokens.neutralForeground3Pressed,
|
|
451
|
+
neutralForeground3Selected: macOSAliasColorTokens.neutralForeground3Selected,
|
|
452
|
+
neutralForeground3BrandHover: macOSAliasColorTokens.neutralForeground3BrandHover,
|
|
453
|
+
neutralForeground3BrandPressed: macOSAliasColorTokens.neutralForeground3BrandPressed,
|
|
454
|
+
neutralForeground3BrandSelected: macOSAliasColorTokens.neutralForeground3BrandSelected,
|
|
455
|
+
neutralForeground4: macOSAliasColorTokens.neutralForeground4,
|
|
456
|
+
neutralForegroundDisabled: macOSAliasColorTokens.neutralForegroundDisabled,
|
|
457
|
+
brandForegroundLink: macOSAliasColorTokens.brandForegroundLink,
|
|
458
|
+
brandForegroundLinkHover: macOSAliasColorTokens.brandForegroundLinkHover,
|
|
459
|
+
brandForegroundLinkPressed: macOSAliasColorTokens.brandForegroundLinkPressed,
|
|
460
|
+
brandForegroundLinkSelected: macOSAliasColorTokens.brandForegroundLinkSelected,
|
|
461
|
+
compoundBrandForeground1: macOSAliasColorTokens.compoundBrandForeground1,
|
|
462
|
+
compoundBrandForeground1Hover: macOSAliasColorTokens.compoundBrandForeground1Hover,
|
|
463
|
+
compoundBrandForeground1Pressed: macOSAliasColorTokens.compoundBrandForeground1Pressed,
|
|
464
|
+
brandForeground1: macOSAliasColorTokens.brandForeground1,
|
|
465
|
+
brandForeground1Disabled: macOSAliasColorTokens.brandForeground1Disabled,
|
|
466
|
+
brandForeground1Pressed: macOSAliasColorTokens.brandForeground1Pressed,
|
|
467
|
+
brandForeground2: macOSAliasColorTokens.brandForeground2,
|
|
468
|
+
neutralForegroundInverted: macOSAliasColorTokens.neutralForegroundInverted,
|
|
469
|
+
neutralForegroundOnBrand: macOSAliasColorTokens.neutralForegroundOnBrand,
|
|
470
|
+
neutralForegroundOnBrandHover: macOSAliasColorTokens.neutralForegroundOnBrandHover,
|
|
471
|
+
neutralForegroundOnBrandPressed: macOSAliasColorTokens.neutralForegroundOnBrandPressed,
|
|
472
|
+
neutralForegroundOnBrandSelected: macOSAliasColorTokens.neutralForegroundOnBrandSelected,
|
|
473
|
+
neutralForegroundInvertedLink: macOSAliasColorTokens.neutralForegroundInvertedLink,
|
|
474
|
+
neutralForegroundInvertedLinkHover: macOSAliasColorTokens.neutralForegroundInvertedLinkHover,
|
|
475
|
+
neutralForegroundInvertedLinkPressed: macOSAliasColorTokens.neutralForegroundInvertedLinkPressed,
|
|
476
|
+
neutralForegroundInvertedLinkSelected: macOSAliasColorTokens.neutralForegroundInvertedLinkSelected,
|
|
477
|
+
neutralBackground1: macOSAliasColorTokens.neutralBackground1,
|
|
478
|
+
neutralBackground1Hover: macOSAliasColorTokens.neutralBackground1Hover,
|
|
479
|
+
neutralBackground1Pressed: macOSAliasColorTokens.neutralBackground1Pressed,
|
|
480
|
+
neutralBackground1Selected: macOSAliasColorTokens.neutralBackground1Selected,
|
|
481
|
+
neutralBackground2: macOSAliasColorTokens.neutralBackground2,
|
|
482
|
+
neutralBackground2Hover: macOSAliasColorTokens.neutralBackground2Hover,
|
|
483
|
+
neutralBackground2Pressed: macOSAliasColorTokens.neutralBackground2Pressed,
|
|
484
|
+
neutralBackground2Selected: macOSAliasColorTokens.neutralBackground2Selected,
|
|
485
|
+
neutralBackground3: macOSAliasColorTokens.neutralBackground3,
|
|
486
|
+
neutralBackground3Hover: macOSAliasColorTokens.neutralBackground3Hover,
|
|
487
|
+
neutralBackground3Pressed: macOSAliasColorTokens.neutralBackground3Pressed,
|
|
488
|
+
neutralBackground3Selected: macOSAliasColorTokens.neutralBackground3Selected,
|
|
489
|
+
neutralBackground4: macOSAliasColorTokens.neutralBackground4,
|
|
490
|
+
neutralBackground4Hover: macOSAliasColorTokens.neutralBackground4Hover,
|
|
491
|
+
neutralBackground4Pressed: macOSAliasColorTokens.neutralBackground4Pressed,
|
|
492
|
+
neutralBackground4Selected: macOSAliasColorTokens.neutralBackground4Selected,
|
|
493
|
+
neutralBackground5: macOSAliasColorTokens.neutralBackground5,
|
|
494
|
+
neutralBackground5Hover: macOSAliasColorTokens.neutralBackground5Hover,
|
|
495
|
+
neutralBackground5Pressed: macOSAliasColorTokens.neutralBackground5Pressed,
|
|
496
|
+
neutralBackground5Selected: macOSAliasColorTokens.neutralBackground5Selected,
|
|
497
|
+
neutralBackground6: macOSAliasColorTokens.neutralBackground6,
|
|
498
|
+
neutralBackgroundInverted: macOSAliasColorTokens.neutralBackgroundInverted,
|
|
499
|
+
subtleBackground: macOSAliasColorTokens.subtleBackground,
|
|
500
|
+
subtleBackgroundHover: macOSAliasColorTokens.subtleBackgroundHover,
|
|
501
|
+
subtleBackgroundPressed: macOSAliasColorTokens.subtleBackgroundPressed,
|
|
502
|
+
subtleBackgroundSelected: macOSAliasColorTokens.subtleBackgroundSelected,
|
|
503
|
+
transparentBackground: macOSAliasColorTokens.transparentBackground,
|
|
504
|
+
transparentBackgroundHover: macOSAliasColorTokens.transparentBackgroundHover,
|
|
505
|
+
transparentBackgroundPressed: macOSAliasColorTokens.transparentBackgroundPressed,
|
|
506
|
+
transparentBackgroundSelected: macOSAliasColorTokens.transparentBackgroundSelected,
|
|
507
|
+
neutralBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
|
|
508
|
+
neutralStencil1: macOSAliasColorTokens.neutralStencil1,
|
|
509
|
+
neutralStencil2: macOSAliasColorTokens.neutralStencil2,
|
|
510
|
+
brandBackground: macOSAliasColorTokens.brandBackground,
|
|
511
|
+
brandBackgroundHover: macOSAliasColorTokens.brandBackgroundHover,
|
|
512
|
+
brandBackgroundPressed: macOSAliasColorTokens.brandBackgroundPressed,
|
|
513
|
+
brandBackgroundDisabled: macOSAliasColorTokens.brandBackgroundDisabled,
|
|
514
|
+
brandBackgroundSelected: macOSAliasColorTokens.brandBackgroundSelected,
|
|
515
|
+
compoundBrandBackground1: macOSAliasColorTokens.compoundBrandBackground1,
|
|
516
|
+
compoundBrandBackground1Hover: macOSAliasColorTokens.compoundBrandBackground1Hover,
|
|
517
|
+
compoundBrandBackground1Pressed: macOSAliasColorTokens.compoundBrandBackground1Pressed,
|
|
518
|
+
brandBackgroundStatic: macOSAliasColorTokens.brandBackgroundStatic,
|
|
519
|
+
brandBackground2: macOSAliasColorTokens.brandBackground2,
|
|
520
|
+
neutralStrokeAccessible: macOSAliasColorTokens.neutralStrokeAccessible,
|
|
521
|
+
neutralStrokeAccessibleHover: macOSAliasColorTokens.neutralStrokeAccessibleHover,
|
|
522
|
+
neutralStrokeAccessiblePressed: macOSAliasColorTokens.neutralStrokeAccessiblePressed,
|
|
523
|
+
neutralStrokeAccessibleSelected: macOSAliasColorTokens.neutralStrokeAccessibleSelected,
|
|
524
|
+
neutralStroke1: macOSAliasColorTokens.neutralStroke1,
|
|
525
|
+
neutralStroke1Hover: macOSAliasColorTokens.neutralStroke1Hover,
|
|
526
|
+
neutralStroke1Pressed: macOSAliasColorTokens.neutralStroke1Pressed,
|
|
527
|
+
neutralStroke1Selected: macOSAliasColorTokens.neutralStroke1Selected,
|
|
528
|
+
neutralStroke2: macOSAliasColorTokens.neutralStroke2,
|
|
529
|
+
neutralStroke3: macOSAliasColorTokens.neutralStroke3,
|
|
530
|
+
brandStroke1: macOSAliasColorTokens.brandStroke1,
|
|
531
|
+
brandStroke2: macOSAliasColorTokens.brandStroke2,
|
|
532
|
+
compoundBrandStroke1: macOSAliasColorTokens.compoundBrandStroke1,
|
|
533
|
+
compoundBrandStroke1Hover: macOSAliasColorTokens.compoundBrandStroke1Hover,
|
|
534
|
+
compoundBrandStroke1Pressed: macOSAliasColorTokens.compoundBrandStroke1Pressed,
|
|
535
|
+
neutralStrokeDisabled: macOSAliasColorTokens.neutralStrokeDisabled,
|
|
536
|
+
transparentStroke: macOSAliasColorTokens.transparentStroke,
|
|
537
|
+
transparentStrokeInteractive: macOSAliasColorTokens.transparentStrokeInteractive,
|
|
538
|
+
transparentStrokeDisabled: macOSAliasColorTokens.transparentStrokeDisabled,
|
|
539
|
+
strokeFocus1: macOSAliasColorTokens.strokeFocus1,
|
|
540
|
+
strokeFocus2: macOSAliasColorTokens.strokeFocus2,
|
|
541
|
+
redBackground1: macOSAliasColorTokens.redBackground1,
|
|
542
|
+
redBackground2: macOSAliasColorTokens.redBackground2,
|
|
543
|
+
redBackground3: macOSAliasColorTokens.redBackground3,
|
|
544
|
+
redForeground1: macOSAliasColorTokens.redForeground1,
|
|
545
|
+
redForeground2: macOSAliasColorTokens.redForeground2,
|
|
546
|
+
redForeground3: macOSAliasColorTokens.redForeground3,
|
|
547
|
+
redBorderActive: macOSAliasColorTokens.redBorderActive,
|
|
548
|
+
redBorder1: macOSAliasColorTokens.redBorder1,
|
|
549
|
+
redBorder2: macOSAliasColorTokens.redBorder2,
|
|
454
550
|
};
|
|
455
551
|
}
|
|
456
552
|
exports.fallbackApplePalette = fallbackApplePalette;
|