@fluentui-react-native/apple-theme 0.10.0 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +28 -1
- package/CHANGELOG.md +12 -2
- 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/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/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
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,34 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 06 Apr 2022 22:56:55 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/apple-theme_v0.11.0",
|
|
7
|
+
"version": "0.11.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ruaraki@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
13
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff",
|
|
14
|
+
"comment": "Hook up design tokens"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/default-theme to v0.9.15",
|
|
20
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/theming-utils to v0.9.4",
|
|
26
|
+
"commit": "bcd4ac6dc74295095a0564905024ef32d6450cff"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Tue, 05 Apr 2022 20:05:50 GMT",
|
|
6
33
|
"tag": "@fluentui-react-native/apple-theme_v0.10.0",
|
|
7
34
|
"version": "0.10.0",
|
|
8
35
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/apple-theme
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 06 Apr 2022 22:56:55 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.11.0
|
|
8
|
+
|
|
9
|
+
Wed, 06 Apr 2022 22:56:55 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Hook up design tokens (ruaraki@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/default-theme to v0.9.15
|
|
15
|
+
- Bump @fluentui-react-native/theming-utils to v0.9.4
|
|
16
|
+
|
|
7
17
|
## 0.10.0
|
|
8
18
|
|
|
9
|
-
Tue, 05 Apr 2022 20:
|
|
19
|
+
Tue, 05 Apr 2022 20:05:50 GMT
|
|
10
20
|
|
|
11
21
|
### Minor changes
|
|
12
22
|
|
|
@@ -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,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"}
|
|
@@ -4,26 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.getMacOSAliasTokens = void 0;
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
7
|
+
var tokens_aliases_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-macos/light/tokens-aliases.json"));
|
|
8
|
+
var tokens_aliases_json_2 = __importDefault(require("@fluentui-react-native/design-tokens-macos/dark/tokens-aliases.json"));
|
|
9
|
+
var tokens_aliases_json_3 = __importDefault(require("@fluentui-react-native/design-tokens-macos/hclight/tokens-aliases.json"));
|
|
10
|
+
var tokens_aliases_json_4 = __importDefault(require("@fluentui-react-native/design-tokens-macos/hcdark/tokens-aliases.json"));
|
|
11
11
|
var assert_never_1 = require("assert-never");
|
|
12
12
|
function getMacOSAliasTokens(mode, isHighContrast) {
|
|
13
13
|
if (mode === 'light') {
|
|
14
14
|
if (isHighContrast) {
|
|
15
|
-
return
|
|
15
|
+
return tokens_aliases_json_3.default;
|
|
16
16
|
}
|
|
17
17
|
else {
|
|
18
|
-
return
|
|
18
|
+
return tokens_aliases_json_1.default;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
else if (mode === 'dark') {
|
|
22
22
|
if (isHighContrast) {
|
|
23
|
-
return
|
|
23
|
+
return tokens_aliases_json_4.default;
|
|
24
24
|
}
|
|
25
25
|
else {
|
|
26
|
-
return
|
|
26
|
+
return tokens_aliases_json_2.default;
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
else if (mode === 'highContrast') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getMacOSAliasTokens.js","sourceRoot":"","sources":["../src/getMacOSAliasTokens.ts"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"getMacOSAliasTokens.js","sourceRoot":"","sources":["../src/getMacOSAliasTokens.ts"],"names":[],"mappings":";;;;;;AAAA,6HAAyG;AACzG,4HAAuG;AACvG,+HAA6G;AAC7G,8HAA2G;AAE3G,6CAA2C;AAE3C,SAAgB,mBAAmB,CAAC,IAAuB,EAAE,cAAuB;IAClF,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,IAAI,cAAc,EAAE;YAClB,OAAO,6BAAuB,CAAC;SAChC;aAAM;YACL,OAAO,6BAAqB,CAAC;SAC9B;KACF;SAAM,IAAI,IAAI,KAAK,MAAM,EAAE;QAC1B,IAAI,cAAc,EAAE;YAClB,OAAO,6BAAsB,CAAC;SAC/B;aAAM;YACL,OAAO,6BAAoB,CAAC;SAC7B;KACF;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QAClC,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;SAAM;QACL,IAAA,0BAAW,EAAC,IAAI,CAAC,CAAC;KACnB;AACH,CAAC;AAlBD,kDAkBC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.0",
|
|
4
4
|
"description": "A FluentUI React Native theme that pulls constants from FluentUI Apple",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -27,11 +27,12 @@
|
|
|
27
27
|
"directory": "packages/theming/apple-theme"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@fluentui-react-native/default-theme": ">=0.9.
|
|
30
|
+
"@fluentui-react-native/default-theme": ">=0.9.15 <1.0.0",
|
|
31
|
+
"@fluentui-react-native/design-tokens-macos": "^0.5.0-test",
|
|
31
32
|
"@fluentui-react-native/memo-cache": "^1.1.7",
|
|
32
33
|
"@fluentui-react-native/theme": ">=0.6.6 <1.0.0",
|
|
33
34
|
"@fluentui-react-native/theme-types": ">=0.14.1 <1.0.0",
|
|
34
|
-
"@fluentui-react-native/theming-utils": "^0.9.
|
|
35
|
+
"@fluentui-react-native/theming-utils": "^0.9.4",
|
|
35
36
|
"assert-never": "^1.2.1"
|
|
36
37
|
},
|
|
37
38
|
"devDependencies": {
|
|
@@ -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 { AppearanceOptions } from '@fluentui-react-native/theme-types';
|
|
6
6
|
import { assertNever } from 'assert-never';
|
|
7
7
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tokens-alias.d.ts","sourceRoot":"","sources":["../../src/dark-high-contrast-macos/tokens-alias.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,2DAA2D,CAAC;AAEpF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tokens-alias.js","sourceRoot":"","sources":["../../src/dark-high-contrast-macos/tokens-alias.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,2DAA2D,CAAC;AAEpF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tokens-alias.d.ts","sourceRoot":"","sources":["../../src/dark-macos/tokens-alias.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,6CAA6C,CAAC;AAEtE,eAAe,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tokens-alias.js","sourceRoot":"","sources":["../../src/dark-macos/tokens-alias.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,6CAA6C,CAAC;AAEtE,eAAe,WAAW,CAAC"}
|