@fluentui-react-native/apple-theme 0.15.1 → 0.15.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 +42 -1
- package/CHANGELOG.md +13 -2
- package/package.json +5 -5
- package/src/__tests__/__snapshots__/apple-theme.test.ts.snap +53 -348
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,48 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Fri, 30 Sep 2022
|
|
5
|
+
"date": "Fri, 30 Sep 2022 08:02:25 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/apple-theme_v0.15.2",
|
|
7
|
+
"version": "0.15.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"none": [
|
|
10
|
+
{
|
|
11
|
+
"author": "email not defined",
|
|
12
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
13
|
+
"commit": "609f7988754b77b86f2ed51d0ce4714fb2152293",
|
|
14
|
+
"comment": "snapshots udpate"
|
|
15
|
+
}
|
|
16
|
+
],
|
|
17
|
+
"patch": [
|
|
18
|
+
{
|
|
19
|
+
"author": "beachball",
|
|
20
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
21
|
+
"comment": "Bump @fluentui-react-native/default-theme to v0.16.0",
|
|
22
|
+
"commit": "609f7988754b77b86f2ed51d0ce4714fb2152293"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"author": "beachball",
|
|
26
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
27
|
+
"comment": "Bump @fluentui-react-native/theme to v0.7.4",
|
|
28
|
+
"commit": "609f7988754b77b86f2ed51d0ce4714fb2152293"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"author": "beachball",
|
|
32
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
33
|
+
"comment": "Bump @fluentui-react-native/theme-types to v0.20.0",
|
|
34
|
+
"commit": "609f7988754b77b86f2ed51d0ce4714fb2152293"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"author": "beachball",
|
|
38
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
39
|
+
"comment": "Bump @fluentui-react-native/theming-utils to v0.16.0",
|
|
40
|
+
"commit": "609f7988754b77b86f2ed51d0ce4714fb2152293"
|
|
41
|
+
}
|
|
42
|
+
]
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"date": "Fri, 30 Sep 2022 00:54:34 GMT",
|
|
6
47
|
"tag": "@fluentui-react-native/apple-theme_v0.15.1",
|
|
7
48
|
"version": "0.15.1",
|
|
8
49
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,23 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/apple-theme
|
|
2
2
|
|
|
3
|
-
This log was last generated on Fri, 30 Sep 2022
|
|
3
|
+
This log was last generated on Fri, 30 Sep 2022 08:02:25 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.15.2
|
|
8
|
+
|
|
9
|
+
Fri, 30 Sep 2022 08:02:25 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Bump @fluentui-react-native/default-theme to v0.16.0
|
|
14
|
+
- Bump @fluentui-react-native/theme to v0.7.4
|
|
15
|
+
- Bump @fluentui-react-native/theme-types to v0.20.0
|
|
16
|
+
- Bump @fluentui-react-native/theming-utils to v0.16.0
|
|
17
|
+
|
|
7
18
|
## 0.15.1
|
|
8
19
|
|
|
9
|
-
Fri, 30 Sep 2022 00:
|
|
20
|
+
Fri, 30 Sep 2022 00:54:34 GMT
|
|
10
21
|
|
|
11
22
|
### Patches
|
|
12
23
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.2",
|
|
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,13 +27,13 @@
|
|
|
27
27
|
"directory": "packages/theming/apple-theme"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@fluentui-react-native/default-theme": ">=0.
|
|
30
|
+
"@fluentui-react-native/default-theme": ">=0.16.0 <1.0.0",
|
|
31
31
|
"@fluentui-react-native/design-tokens-ios": "^0.19.0",
|
|
32
32
|
"@fluentui-react-native/design-tokens-macos": "^0.13.0",
|
|
33
33
|
"@fluentui-react-native/memo-cache": "^1.1.7",
|
|
34
|
-
"@fluentui-react-native/theme": ">=0.7.
|
|
35
|
-
"@fluentui-react-native/theme-types": ">=0.
|
|
36
|
-
"@fluentui-react-native/theming-utils": "^0.
|
|
34
|
+
"@fluentui-react-native/theme": ">=0.7.4 <1.0.0",
|
|
35
|
+
"@fluentui-react-native/theme-types": ">=0.20.0 <1.0.0",
|
|
36
|
+
"@fluentui-react-native/theming-utils": "^0.16.0",
|
|
37
37
|
"assert-never": "^1.2.1"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
@@ -15,23 +15,6 @@ Object {
|
|
|
15
15
|
"bodyStandoutBackground": "#faf9f8",
|
|
16
16
|
"bodyText": "#323130",
|
|
17
17
|
"bodyTextChecked": "#000000",
|
|
18
|
-
"brandBackground": "#0078d4",
|
|
19
|
-
"brandBackground2": "#eff6fc",
|
|
20
|
-
"brandBackgroundDisabled": undefined,
|
|
21
|
-
"brandBackgroundHover": "#106ebe",
|
|
22
|
-
"brandBackgroundPressed": "#004578",
|
|
23
|
-
"brandBackgroundSelected": "#005a9e",
|
|
24
|
-
"brandBackgroundStatic": "#0078d4",
|
|
25
|
-
"brandForeground1": "#0078d4",
|
|
26
|
-
"brandForeground1Disabled": undefined,
|
|
27
|
-
"brandForeground1Pressed": undefined,
|
|
28
|
-
"brandForeground2": "#106ebe",
|
|
29
|
-
"brandForegroundLink": "#106ebe",
|
|
30
|
-
"brandForegroundLinkHover": "#005a9e",
|
|
31
|
-
"brandForegroundLinkPressed": "#004578",
|
|
32
|
-
"brandForegroundLinkSelected": "#106ebe",
|
|
33
|
-
"brandStroke1": "#0078d4",
|
|
34
|
-
"brandStroke2": "#c7e0f4",
|
|
35
18
|
"brandedBackground": "#0078d4",
|
|
36
19
|
"brandedBorder": "#005a9e",
|
|
37
20
|
"brandedCheckedBackground": "#c8c6c4",
|
|
@@ -79,15 +62,6 @@ Object {
|
|
|
79
62
|
"checkboxBackgroundDisabled": "#f3f2f1",
|
|
80
63
|
"checkboxBorderColor": "#8a8886",
|
|
81
64
|
"checkmarkColor": "#ffffff",
|
|
82
|
-
"compoundBrandBackground1": "#0078d4",
|
|
83
|
-
"compoundBrandBackground1Hover": "#106ebe",
|
|
84
|
-
"compoundBrandBackground1Pressed": "#005a9e",
|
|
85
|
-
"compoundBrandForeground1": "#0078d4",
|
|
86
|
-
"compoundBrandForeground1Hover": "#106ebe",
|
|
87
|
-
"compoundBrandForeground1Pressed": "#005a9e",
|
|
88
|
-
"compoundBrandStroke1": "#0078d4",
|
|
89
|
-
"compoundBrandStroke1Hover": "#106ebe",
|
|
90
|
-
"compoundBrandStroke1Pressed": "#005a9e",
|
|
91
65
|
"defaultBackground": "#f3f2f1",
|
|
92
66
|
"defaultBorder": "#8a8886",
|
|
93
67
|
"defaultCheckedBackground": "#c8c6c4",
|
|
@@ -181,70 +155,59 @@ Object {
|
|
|
181
155
|
"menuItemBackgroundPressed": "#edebe9",
|
|
182
156
|
"menuItemText": "#323130",
|
|
183
157
|
"menuItemTextHovered": "#201f1e",
|
|
184
|
-
"neutralBackground1": "#
|
|
185
|
-
"neutralBackground1Hover":
|
|
186
|
-
"neutralBackground1Pressed": "#
|
|
187
|
-
"neutralBackground1Selected": "#
|
|
188
|
-
"neutralBackground2": "#
|
|
189
|
-
"neutralBackground2Hover":
|
|
190
|
-
"neutralBackground2Pressed": "#
|
|
191
|
-
"neutralBackground2Selected": "#
|
|
192
|
-
"neutralBackground3": "#
|
|
193
|
-
"neutralBackground3Hover":
|
|
194
|
-
"neutralBackground3Pressed": "#
|
|
195
|
-
"neutralBackground3Selected": "#
|
|
196
|
-
"neutralBackground4": "#
|
|
197
|
-
"neutralBackground4Hover":
|
|
198
|
-
"neutralBackground4Pressed": "#
|
|
199
|
-
"neutralBackground4Selected": "#
|
|
200
|
-
"neutralBackground5": "#
|
|
201
|
-
"neutralBackground5Hover":
|
|
202
|
-
"neutralBackground5Pressed": "#
|
|
203
|
-
"neutralBackground5Selected": "#
|
|
204
|
-
"neutralBackground6": "#
|
|
205
|
-
"neutralBackgroundDisabled": "#
|
|
206
|
-
"neutralBackgroundInverted": "#
|
|
158
|
+
"neutralBackground1": "#000000",
|
|
159
|
+
"neutralBackground1Hover": undefined,
|
|
160
|
+
"neutralBackground1Pressed": "#2e2e2e",
|
|
161
|
+
"neutralBackground1Selected": "#242424",
|
|
162
|
+
"neutralBackground2": "#1f1f1f",
|
|
163
|
+
"neutralBackground2Hover": undefined,
|
|
164
|
+
"neutralBackground2Pressed": "#4d4d4d",
|
|
165
|
+
"neutralBackground2Selected": "#424242",
|
|
166
|
+
"neutralBackground3": "#ffffff",
|
|
167
|
+
"neutralBackground3Hover": undefined,
|
|
168
|
+
"neutralBackground3Pressed": "#e0e0e0",
|
|
169
|
+
"neutralBackground3Selected": "#ebebeb",
|
|
170
|
+
"neutralBackground4": "#333333",
|
|
171
|
+
"neutralBackground4Hover": undefined,
|
|
172
|
+
"neutralBackground4Pressed": "#616161",
|
|
173
|
+
"neutralBackground4Selected": "#575757",
|
|
174
|
+
"neutralBackground5": "#3d3d3d",
|
|
175
|
+
"neutralBackground5Hover": undefined,
|
|
176
|
+
"neutralBackground5Pressed": "#6b6b6b",
|
|
177
|
+
"neutralBackground5Selected": "#616161",
|
|
178
|
+
"neutralBackground6": "#5c5c5c",
|
|
179
|
+
"neutralBackgroundDisabled": "#e0e0e0",
|
|
180
|
+
"neutralBackgroundInverted": "#575757",
|
|
207
181
|
"neutralForeground1": "#242424",
|
|
208
|
-
"neutralForeground1Hover":
|
|
209
|
-
"neutralForeground1Pressed":
|
|
210
|
-
"neutralForeground1Selected":
|
|
211
|
-
"neutralForeground2": "#
|
|
212
|
-
"neutralForeground2BrandHover":
|
|
213
|
-
"neutralForeground2BrandPressed":
|
|
214
|
-
"neutralForeground2BrandSelected":
|
|
215
|
-
"neutralForeground2Hover":
|
|
216
|
-
"neutralForeground2Pressed":
|
|
217
|
-
"neutralForeground2Selected":
|
|
218
|
-
"neutralForeground3": "#
|
|
219
|
-
"neutralForeground3BrandHover":
|
|
220
|
-
"neutralForeground3BrandPressed":
|
|
221
|
-
"neutralForeground3BrandSelected":
|
|
222
|
-
"neutralForeground3Hover":
|
|
223
|
-
"neutralForeground3Pressed":
|
|
224
|
-
"neutralForeground3Selected":
|
|
225
|
-
"neutralForeground4": "#707070",
|
|
226
|
-
"neutralForegroundDisabled": "#bdbdbd",
|
|
182
|
+
"neutralForeground1Hover": undefined,
|
|
183
|
+
"neutralForeground1Pressed": undefined,
|
|
184
|
+
"neutralForeground1Selected": undefined,
|
|
185
|
+
"neutralForeground2": "#616161",
|
|
186
|
+
"neutralForeground2BrandHover": undefined,
|
|
187
|
+
"neutralForeground2BrandPressed": undefined,
|
|
188
|
+
"neutralForeground2BrandSelected": undefined,
|
|
189
|
+
"neutralForeground2Hover": undefined,
|
|
190
|
+
"neutralForeground2Pressed": undefined,
|
|
191
|
+
"neutralForeground2Selected": undefined,
|
|
192
|
+
"neutralForeground3": "#808080",
|
|
193
|
+
"neutralForeground3BrandHover": undefined,
|
|
194
|
+
"neutralForeground3BrandPressed": undefined,
|
|
195
|
+
"neutralForeground3BrandSelected": undefined,
|
|
196
|
+
"neutralForeground3Hover": undefined,
|
|
197
|
+
"neutralForeground3Pressed": undefined,
|
|
198
|
+
"neutralForeground3Selected": undefined,
|
|
227
199
|
"neutralForegroundInverted": "#ffffff",
|
|
228
|
-
"
|
|
229
|
-
"
|
|
230
|
-
"neutralForegroundInvertedLinkPressed": "#ffffff",
|
|
231
|
-
"neutralForegroundInvertedLinkSelected": "#ffffff",
|
|
232
|
-
"neutralForegroundOnBrand": "#ffffff",
|
|
233
|
-
"neutralForegroundOnBrandHover": "#ffffff",
|
|
234
|
-
"neutralForegroundOnBrandPressed": "#ffffff",
|
|
235
|
-
"neutralForegroundOnBrandSelected": "#ffffff",
|
|
236
|
-
"neutralStencil1": "#e6e6e6",
|
|
237
|
-
"neutralStencil2": "#fafafa",
|
|
200
|
+
"neutralStencil1": "#575757",
|
|
201
|
+
"neutralStencil2": "#333333",
|
|
238
202
|
"neutralStroke1": "#d1d1d1",
|
|
239
|
-
"neutralStroke1Hover":
|
|
240
|
-
"neutralStroke1Pressed":
|
|
241
|
-
"neutralStroke1Selected":
|
|
203
|
+
"neutralStroke1Hover": undefined,
|
|
204
|
+
"neutralStroke1Pressed": undefined,
|
|
205
|
+
"neutralStroke1Selected": undefined,
|
|
242
206
|
"neutralStroke2": "#e0e0e0",
|
|
243
|
-
"neutralStroke3": "#f0f0f0",
|
|
244
207
|
"neutralStrokeAccessible": "#616161",
|
|
245
|
-
"neutralStrokeAccessibleHover":
|
|
246
|
-
"neutralStrokeAccessiblePressed":
|
|
247
|
-
"neutralStrokeAccessibleSelected":
|
|
208
|
+
"neutralStrokeAccessibleHover": undefined,
|
|
209
|
+
"neutralStrokeAccessiblePressed": undefined,
|
|
210
|
+
"neutralStrokeAccessibleSelected": undefined,
|
|
248
211
|
"neutralStrokeDisabled": "#e0e0e0",
|
|
249
212
|
"personaActivityGlow": "#0078d4",
|
|
250
213
|
"personaActivityRing": "#ffffff",
|
|
@@ -258,31 +221,9 @@ Object {
|
|
|
258
221
|
"primaryButtonTextDisabled": "#d2d0ce",
|
|
259
222
|
"primaryButtonTextHovered": "#ffffff",
|
|
260
223
|
"primaryButtonTextPressed": "#ffffff",
|
|
261
|
-
"redBackground1": "#f9f0f2",
|
|
262
|
-
"redBackground2": "#d69ca5",
|
|
263
|
-
"redBackground3": "#750b1c",
|
|
264
|
-
"redBorder1": "#d69ca5",
|
|
265
|
-
"redBorder2": "#750b1c",
|
|
266
|
-
"redBorderActive": "#750b1c",
|
|
267
|
-
"redForeground1": "#690a19",
|
|
268
|
-
"redForeground2": "#d69ca5",
|
|
269
|
-
"redForeground3": "#750b1c",
|
|
270
224
|
"smallInputBorder": "#605e5c",
|
|
271
|
-
"strokeFocus1": "#ffffff",
|
|
272
|
-
"strokeFocus2": "#000000",
|
|
273
225
|
"subText": "#605e5c",
|
|
274
|
-
"subtleBackground": "transparent",
|
|
275
|
-
"subtleBackgroundHover": "#f5f5f5",
|
|
276
|
-
"subtleBackgroundPressed": "#e0e0e0",
|
|
277
|
-
"subtleBackgroundSelected": "#ebebeb",
|
|
278
226
|
"successBackground": "rgba(95, 210, 85, .2)",
|
|
279
|
-
"transparentBackground": "transparent",
|
|
280
|
-
"transparentBackgroundHover": "transparent",
|
|
281
|
-
"transparentBackgroundPressed": "transparent",
|
|
282
|
-
"transparentBackgroundSelected": "transparent",
|
|
283
|
-
"transparentStroke": "transparent",
|
|
284
|
-
"transparentStrokeDisabled": "transparent",
|
|
285
|
-
"transparentStrokeInteractive": "transparent",
|
|
286
227
|
"variantBorder": "#edebe9",
|
|
287
228
|
"variantBorderHovered": "#a19f9d",
|
|
288
229
|
"warningBackground": "rgba(255, 200, 10, .2)",
|
|
@@ -481,11 +422,11 @@ Object {
|
|
|
481
422
|
},
|
|
482
423
|
"sizes": Object {
|
|
483
424
|
"body": 14,
|
|
484
|
-
"caption":
|
|
485
|
-
"header":
|
|
486
|
-
"hero":
|
|
487
|
-
"heroLarge":
|
|
488
|
-
"secondary":
|
|
425
|
+
"caption": 12,
|
|
426
|
+
"header": 18,
|
|
427
|
+
"hero": 24,
|
|
428
|
+
"heroLarge": 60,
|
|
429
|
+
"secondary": 13,
|
|
489
430
|
"subheader": 16,
|
|
490
431
|
},
|
|
491
432
|
"variants": Object {
|
|
@@ -630,32 +571,6 @@ Object {
|
|
|
630
571
|
|
|
631
572
|
exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: false 1`] = `
|
|
632
573
|
Object {
|
|
633
|
-
"brandBackground": "#0086f0",
|
|
634
|
-
"brandBackground2": "#092c47",
|
|
635
|
-
"brandBackgroundDisabled": "#575757",
|
|
636
|
-
"brandBackgroundHover": "#1890f1",
|
|
637
|
-
"brandBackgroundPressed": "#1890f1",
|
|
638
|
-
"brandBackgroundSelected": "#3aa0f3",
|
|
639
|
-
"brandBackgroundStatic": "#0086f0",
|
|
640
|
-
"brandForeground1": "#0086f0",
|
|
641
|
-
"brandForeground1Disabled": "#c2c2c2",
|
|
642
|
-
"brandForeground1Pressed": "#6cb8f6",
|
|
643
|
-
"brandForeground2": "#092c47",
|
|
644
|
-
"brandForegroundLink": "#043862",
|
|
645
|
-
"brandForegroundLinkHover": "#092c47",
|
|
646
|
-
"brandForegroundLinkPressed": "#0078d4",
|
|
647
|
-
"brandForegroundLinkSelected": "#092c47",
|
|
648
|
-
"brandStroke1": "#0086f0",
|
|
649
|
-
"brandStroke2": "#004c87",
|
|
650
|
-
"compoundBrandBackground1": "#0086f0",
|
|
651
|
-
"compoundBrandBackground1Hover": "#1890f1",
|
|
652
|
-
"compoundBrandBackground1Pressed": "#6cb8f6",
|
|
653
|
-
"compoundBrandForeground1": "#043862",
|
|
654
|
-
"compoundBrandForeground1Hover": "#092c47",
|
|
655
|
-
"compoundBrandForeground1Pressed": "#0078d4",
|
|
656
|
-
"compoundBrandStroke1": "#0086f0",
|
|
657
|
-
"compoundBrandStroke1Hover": "#1890f1",
|
|
658
|
-
"compoundBrandStroke1Pressed": "#6cb8f6",
|
|
659
574
|
"neutralBackground1": "#000000",
|
|
660
575
|
"neutralBackground1Hover": "#3d3d3d",
|
|
661
576
|
"neutralBackground1Pressed": "#5c5c5c",
|
|
@@ -697,17 +612,7 @@ Object {
|
|
|
697
612
|
"neutralForeground3Hover": "#d6d6d6",
|
|
698
613
|
"neutralForeground3Pressed": "#d6d6d6",
|
|
699
614
|
"neutralForeground3Selected": "#d6d6d6",
|
|
700
|
-
"neutralForeground4": "#858585",
|
|
701
|
-
"neutralForegroundDisabled": "#b8b8b8",
|
|
702
615
|
"neutralForegroundInverted": "#ffffff",
|
|
703
|
-
"neutralForegroundInvertedLink": "#292929",
|
|
704
|
-
"neutralForegroundInvertedLinkHover": "#292929",
|
|
705
|
-
"neutralForegroundInvertedLinkPressed": "#292929",
|
|
706
|
-
"neutralForegroundInvertedLinkSelected": "#292929",
|
|
707
|
-
"neutralForegroundOnBrand": "#ffffff",
|
|
708
|
-
"neutralForegroundOnBrandHover": "#ffffff",
|
|
709
|
-
"neutralForegroundOnBrandPressed": "#ffffff",
|
|
710
|
-
"neutralForegroundOnBrandSelected": "#ffffff",
|
|
711
616
|
"neutralStencil1": "#333333",
|
|
712
617
|
"neutralStencil2": "#575757",
|
|
713
618
|
"neutralStroke1": "#3d3d3d",
|
|
@@ -715,65 +620,16 @@ Object {
|
|
|
715
620
|
"neutralStroke1Pressed": "#6b6b6b",
|
|
716
621
|
"neutralStroke1Selected": "#707070",
|
|
717
622
|
"neutralStroke2": "#575757",
|
|
718
|
-
"neutralStroke3": "#666666",
|
|
719
623
|
"neutralStrokeAccessible": "#adadad",
|
|
720
624
|
"neutralStrokeAccessibleHover": "#bdbdbd",
|
|
721
625
|
"neutralStrokeAccessiblePressed": "#b3b3b3",
|
|
722
626
|
"neutralStrokeAccessibleSelected": "#0086f0",
|
|
723
627
|
"neutralStrokeDisabled": "#525252",
|
|
724
|
-
"redBackground1": "#230308",
|
|
725
|
-
"redBackground2": "#420610",
|
|
726
|
-
"redBackground3": "#750b1c",
|
|
727
|
-
"redBorder1": "#750b1c",
|
|
728
|
-
"redBorder2": "#962f3f",
|
|
729
|
-
"redBorderActive": "#ac4f5e",
|
|
730
|
-
"redForeground1": "#ac4f5e",
|
|
731
|
-
"redForeground2": "#420610",
|
|
732
|
-
"redForeground3": "#750b1c",
|
|
733
|
-
"strokeFocus1": "#000000",
|
|
734
|
-
"strokeFocus2": "#ffffff",
|
|
735
|
-
"subtleBackground": "transparent",
|
|
736
|
-
"subtleBackgroundHover": "#3d3d3d",
|
|
737
|
-
"subtleBackgroundPressed": "#1f1f1f",
|
|
738
|
-
"subtleBackgroundSelected": "#383838",
|
|
739
|
-
"transparentBackground": "transparent",
|
|
740
|
-
"transparentBackgroundHover": "transparent",
|
|
741
|
-
"transparentBackgroundPressed": "transparent",
|
|
742
|
-
"transparentBackgroundSelected": "transparent",
|
|
743
|
-
"transparentStroke": "transparent",
|
|
744
|
-
"transparentStrokeDisabled": "transparent",
|
|
745
|
-
"transparentStrokeInteractive": "transparent",
|
|
746
628
|
}
|
|
747
629
|
`;
|
|
748
630
|
|
|
749
631
|
exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 1`] = `
|
|
750
632
|
Object {
|
|
751
|
-
"brandBackground": "#0086f0",
|
|
752
|
-
"brandBackground2": "#092c47",
|
|
753
|
-
"brandBackgroundDisabled": "#575757",
|
|
754
|
-
"brandBackgroundHover": "#1890f1",
|
|
755
|
-
"brandBackgroundPressed": "#1890f1",
|
|
756
|
-
"brandBackgroundSelected": "#3aa0f3",
|
|
757
|
-
"brandBackgroundStatic": "#0086f0",
|
|
758
|
-
"brandForeground1": "#0086f0",
|
|
759
|
-
"brandForeground1Disabled": "#c2c2c2",
|
|
760
|
-
"brandForeground1Pressed": "#6cb8f6",
|
|
761
|
-
"brandForeground2": "#092c47",
|
|
762
|
-
"brandForegroundLink": "#043862",
|
|
763
|
-
"brandForegroundLinkHover": "#092c47",
|
|
764
|
-
"brandForegroundLinkPressed": "#0078d4",
|
|
765
|
-
"brandForegroundLinkSelected": "#092c47",
|
|
766
|
-
"brandStroke1": "#0086f0",
|
|
767
|
-
"brandStroke2": "#004c87",
|
|
768
|
-
"compoundBrandBackground1": "#0086f0",
|
|
769
|
-
"compoundBrandBackground1Hover": "#1890f1",
|
|
770
|
-
"compoundBrandBackground1Pressed": "#6cb8f6",
|
|
771
|
-
"compoundBrandForeground1": "#043862",
|
|
772
|
-
"compoundBrandForeground1Hover": "#092c47",
|
|
773
|
-
"compoundBrandForeground1Pressed": "#0078d4",
|
|
774
|
-
"compoundBrandStroke1": "#0086f0",
|
|
775
|
-
"compoundBrandStroke1Hover": "#1890f1",
|
|
776
|
-
"compoundBrandStroke1Pressed": "#6cb8f6",
|
|
777
633
|
"neutralBackground1": "#000000",
|
|
778
634
|
"neutralBackground1Hover": "#3d3d3d",
|
|
779
635
|
"neutralBackground1Pressed": "#5c5c5c",
|
|
@@ -815,17 +671,7 @@ Object {
|
|
|
815
671
|
"neutralForeground3Hover": "#d6d6d6",
|
|
816
672
|
"neutralForeground3Pressed": "#d6d6d6",
|
|
817
673
|
"neutralForeground3Selected": "#d6d6d6",
|
|
818
|
-
"neutralForeground4": "#d6d6d6",
|
|
819
|
-
"neutralForegroundDisabled": "#b8b8b8",
|
|
820
674
|
"neutralForegroundInverted": "#ffffff",
|
|
821
|
-
"neutralForegroundInvertedLink": "#292929",
|
|
822
|
-
"neutralForegroundInvertedLinkHover": "#292929",
|
|
823
|
-
"neutralForegroundInvertedLinkPressed": "#292929",
|
|
824
|
-
"neutralForegroundInvertedLinkSelected": "#292929",
|
|
825
|
-
"neutralForegroundOnBrand": "#ffffff",
|
|
826
|
-
"neutralForegroundOnBrandHover": "#ffffff",
|
|
827
|
-
"neutralForegroundOnBrandPressed": "#ffffff",
|
|
828
|
-
"neutralForegroundOnBrandSelected": "#ffffff",
|
|
829
675
|
"neutralStencil1": "#333333",
|
|
830
676
|
"neutralStencil2": "#575757",
|
|
831
677
|
"neutralStroke1": "#adadad",
|
|
@@ -833,65 +679,16 @@ Object {
|
|
|
833
679
|
"neutralStroke1Pressed": "#6b6b6b",
|
|
834
680
|
"neutralStroke1Selected": "#707070",
|
|
835
681
|
"neutralStroke2": "#a8a8a8",
|
|
836
|
-
"neutralStroke3": "#adadad",
|
|
837
682
|
"neutralStrokeAccessible": "#d6d6d6",
|
|
838
683
|
"neutralStrokeAccessibleHover": "#bdbdbd",
|
|
839
684
|
"neutralStrokeAccessiblePressed": "#b3b3b3",
|
|
840
685
|
"neutralStrokeAccessibleSelected": "#0086f0",
|
|
841
686
|
"neutralStrokeDisabled": "#525252",
|
|
842
|
-
"redBackground1": "#230308",
|
|
843
|
-
"redBackground2": "#420610",
|
|
844
|
-
"redBackground3": "#750b1c",
|
|
845
|
-
"redBorder1": "#750b1c",
|
|
846
|
-
"redBorder2": "#962f3f",
|
|
847
|
-
"redBorderActive": "#ac4f5e",
|
|
848
|
-
"redForeground1": "#ac4f5e",
|
|
849
|
-
"redForeground2": "#420610",
|
|
850
|
-
"redForeground3": "#750b1c",
|
|
851
|
-
"strokeFocus1": "#000000",
|
|
852
|
-
"strokeFocus2": "#ffffff",
|
|
853
|
-
"subtleBackground": "transparent",
|
|
854
|
-
"subtleBackgroundHover": "#3d3d3d",
|
|
855
|
-
"subtleBackgroundPressed": "#1f1f1f",
|
|
856
|
-
"subtleBackgroundSelected": "#383838",
|
|
857
|
-
"transparentBackground": "transparent",
|
|
858
|
-
"transparentBackgroundHover": "transparent",
|
|
859
|
-
"transparentBackgroundPressed": "transparent",
|
|
860
|
-
"transparentBackgroundSelected": "transparent",
|
|
861
|
-
"transparentStroke": "#3aa0f3",
|
|
862
|
-
"transparentStrokeDisabled": "#d6d6d6",
|
|
863
|
-
"transparentStrokeInteractive": "#a8a8a8",
|
|
864
687
|
}
|
|
865
688
|
`;
|
|
866
689
|
|
|
867
690
|
exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 1`] = `
|
|
868
691
|
Object {
|
|
869
|
-
"brandBackground": "#0078d4",
|
|
870
|
-
"brandBackground2": "#eff6fc",
|
|
871
|
-
"brandBackgroundDisabled": "#d1d1d1",
|
|
872
|
-
"brandBackgroundHover": "#106ebe",
|
|
873
|
-
"brandBackgroundPressed": "#106ebe",
|
|
874
|
-
"brandBackgroundSelected": "#005a9e",
|
|
875
|
-
"brandBackgroundStatic": "#0078d4",
|
|
876
|
-
"brandForeground1": "#0078d4",
|
|
877
|
-
"brandForeground1Disabled": "#757575",
|
|
878
|
-
"brandForeground1Pressed": "#004578",
|
|
879
|
-
"brandForeground2": "#106ebe",
|
|
880
|
-
"brandForegroundLink": "#0078d4",
|
|
881
|
-
"brandForegroundLinkHover": "#106ebe",
|
|
882
|
-
"brandForegroundLinkPressed": "#004578",
|
|
883
|
-
"brandForegroundLinkSelected": "#005a9e",
|
|
884
|
-
"brandStroke1": "#0078d4",
|
|
885
|
-
"brandStroke2": "#c7e0f4",
|
|
886
|
-
"compoundBrandBackground1": "#0078d4",
|
|
887
|
-
"compoundBrandBackground1Hover": "#106ebe",
|
|
888
|
-
"compoundBrandBackground1Pressed": "#004578",
|
|
889
|
-
"compoundBrandForeground1": "#0078d4",
|
|
890
|
-
"compoundBrandForeground1Hover": "#106ebe",
|
|
891
|
-
"compoundBrandForeground1Pressed": "#004578",
|
|
892
|
-
"compoundBrandStroke1": "#0078d4",
|
|
893
|
-
"compoundBrandStroke1Hover": "#106ebe",
|
|
894
|
-
"compoundBrandStroke1Pressed": "#004578",
|
|
895
692
|
"neutralBackground1": "#ffffff",
|
|
896
693
|
"neutralBackground1Hover": "#f5f5f5",
|
|
897
694
|
"neutralBackground1Pressed": "#ebebeb",
|
|
@@ -933,17 +730,7 @@ Object {
|
|
|
933
730
|
"neutralForeground3Hover": "#424242",
|
|
934
731
|
"neutralForeground3Pressed": "#424242",
|
|
935
732
|
"neutralForeground3Selected": "#424242",
|
|
936
|
-
"neutralForeground4": "#808080",
|
|
937
|
-
"neutralForegroundDisabled": "#757575",
|
|
938
733
|
"neutralForegroundInverted": "#ffffff",
|
|
939
|
-
"neutralForegroundInvertedLink": "#ffffff",
|
|
940
|
-
"neutralForegroundInvertedLinkHover": "#ffffff",
|
|
941
|
-
"neutralForegroundInvertedLinkPressed": "#ffffff",
|
|
942
|
-
"neutralForegroundInvertedLinkSelected": "#ffffff",
|
|
943
|
-
"neutralForegroundOnBrand": "#ffffff",
|
|
944
|
-
"neutralForegroundOnBrandHover": "#ffffff",
|
|
945
|
-
"neutralForegroundOnBrandPressed": "#ffffff",
|
|
946
|
-
"neutralForegroundOnBrandSelected": "#ffffff",
|
|
947
734
|
"neutralStencil1": "#e6e6e6",
|
|
948
735
|
"neutralStencil2": "#fafafa",
|
|
949
736
|
"neutralStroke1": "#f0f0f0",
|
|
@@ -951,65 +738,16 @@ Object {
|
|
|
951
738
|
"neutralStroke1Pressed": "#b3b3b3",
|
|
952
739
|
"neutralStroke1Selected": "#bdbdbd",
|
|
953
740
|
"neutralStroke2": "#d6d6d6",
|
|
954
|
-
"neutralStroke3": "#f0f0f0",
|
|
955
741
|
"neutralStrokeAccessible": "#616161",
|
|
956
742
|
"neutralStrokeAccessibleHover": "#575757",
|
|
957
743
|
"neutralStrokeAccessiblePressed": "#4d4d4d",
|
|
958
744
|
"neutralStrokeAccessibleSelected": "#0078d4",
|
|
959
745
|
"neutralStrokeDisabled": "#e0e0e0",
|
|
960
|
-
"redBackground1": "#f9f0f2",
|
|
961
|
-
"redBackground2": "#d69ca5",
|
|
962
|
-
"redBackground3": "#750b1c",
|
|
963
|
-
"redBorder1": "#d69ca5",
|
|
964
|
-
"redBorder2": "#750b1c",
|
|
965
|
-
"redBorderActive": "#750b1c",
|
|
966
|
-
"redForeground1": "#690a19",
|
|
967
|
-
"redForeground2": "#d69ca5",
|
|
968
|
-
"redForeground3": "#750b1c",
|
|
969
|
-
"strokeFocus1": "#ffffff",
|
|
970
|
-
"strokeFocus2": "#000000",
|
|
971
|
-
"subtleBackground": "transparent",
|
|
972
|
-
"subtleBackgroundHover": "#f5f5f5",
|
|
973
|
-
"subtleBackgroundPressed": "#e0e0e0",
|
|
974
|
-
"subtleBackgroundSelected": "#ebebeb",
|
|
975
|
-
"transparentBackground": "transparent",
|
|
976
|
-
"transparentBackgroundHover": "transparent",
|
|
977
|
-
"transparentBackgroundPressed": "transparent",
|
|
978
|
-
"transparentBackgroundSelected": "transparent",
|
|
979
|
-
"transparentStroke": "transparent",
|
|
980
|
-
"transparentStrokeDisabled": "transparent",
|
|
981
|
-
"transparentStrokeInteractive": "transparent",
|
|
982
746
|
}
|
|
983
747
|
`;
|
|
984
748
|
|
|
985
749
|
exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: true 1`] = `
|
|
986
750
|
Object {
|
|
987
|
-
"brandBackground": "#0078d4",
|
|
988
|
-
"brandBackground2": "#eff6fc",
|
|
989
|
-
"brandBackgroundDisabled": "#d1d1d1",
|
|
990
|
-
"brandBackgroundHover": "#106ebe",
|
|
991
|
-
"brandBackgroundPressed": "#106ebe",
|
|
992
|
-
"brandBackgroundSelected": "#005a9e",
|
|
993
|
-
"brandBackgroundStatic": "#0078d4",
|
|
994
|
-
"brandForeground1": "#0078d4",
|
|
995
|
-
"brandForeground1Disabled": "#757575",
|
|
996
|
-
"brandForeground1Pressed": "#004578",
|
|
997
|
-
"brandForeground2": "#106ebe",
|
|
998
|
-
"brandForegroundLink": "#0078d4",
|
|
999
|
-
"brandForegroundLinkHover": "#106ebe",
|
|
1000
|
-
"brandForegroundLinkPressed": "#004578",
|
|
1001
|
-
"brandForegroundLinkSelected": "#005a9e",
|
|
1002
|
-
"brandStroke1": "#0078d4",
|
|
1003
|
-
"brandStroke2": "#c7e0f4",
|
|
1004
|
-
"compoundBrandBackground1": "#0078d4",
|
|
1005
|
-
"compoundBrandBackground1Hover": "#106ebe",
|
|
1006
|
-
"compoundBrandBackground1Pressed": "#004578",
|
|
1007
|
-
"compoundBrandForeground1": "#0078d4",
|
|
1008
|
-
"compoundBrandForeground1Hover": "#106ebe",
|
|
1009
|
-
"compoundBrandForeground1Pressed": "#004578",
|
|
1010
|
-
"compoundBrandStroke1": "#0078d4",
|
|
1011
|
-
"compoundBrandStroke1Hover": "#106ebe",
|
|
1012
|
-
"compoundBrandStroke1Pressed": "#004578",
|
|
1013
751
|
"neutralBackground1": "#ffffff",
|
|
1014
752
|
"neutralBackground1Hover": "#f5f5f5",
|
|
1015
753
|
"neutralBackground1Pressed": "#ebebeb",
|
|
@@ -1051,17 +789,7 @@ Object {
|
|
|
1051
789
|
"neutralForeground3Hover": "#424242",
|
|
1052
790
|
"neutralForeground3Pressed": "#424242",
|
|
1053
791
|
"neutralForeground3Selected": "#424242",
|
|
1054
|
-
"neutralForeground4": "#424242",
|
|
1055
|
-
"neutralForegroundDisabled": "#757575",
|
|
1056
792
|
"neutralForegroundInverted": "#ffffff",
|
|
1057
|
-
"neutralForegroundInvertedLink": "#ffffff",
|
|
1058
|
-
"neutralForegroundInvertedLinkHover": "#ffffff",
|
|
1059
|
-
"neutralForegroundInvertedLinkPressed": "#ffffff",
|
|
1060
|
-
"neutralForegroundInvertedLinkSelected": "#ffffff",
|
|
1061
|
-
"neutralForegroundOnBrand": "#ffffff",
|
|
1062
|
-
"neutralForegroundOnBrandHover": "#ffffff",
|
|
1063
|
-
"neutralForegroundOnBrandPressed": "#ffffff",
|
|
1064
|
-
"neutralForegroundOnBrandSelected": "#ffffff",
|
|
1065
793
|
"neutralStencil1": "#e6e6e6",
|
|
1066
794
|
"neutralStencil2": "#fafafa",
|
|
1067
795
|
"neutralStroke1": "#616161",
|
|
@@ -1069,34 +797,11 @@ Object {
|
|
|
1069
797
|
"neutralStroke1Pressed": "#b3b3b3",
|
|
1070
798
|
"neutralStroke1Selected": "#bdbdbd",
|
|
1071
799
|
"neutralStroke2": "#000000",
|
|
1072
|
-
"neutralStroke3": "#616161",
|
|
1073
800
|
"neutralStrokeAccessible": "#242424",
|
|
1074
801
|
"neutralStrokeAccessibleHover": "#575757",
|
|
1075
802
|
"neutralStrokeAccessiblePressed": "#4d4d4d",
|
|
1076
803
|
"neutralStrokeAccessibleSelected": "#0078d4",
|
|
1077
804
|
"neutralStrokeDisabled": "#e0e0e0",
|
|
1078
|
-
"redBackground1": "#f9f0f2",
|
|
1079
|
-
"redBackground2": "#d69ca5",
|
|
1080
|
-
"redBackground3": "#750b1c",
|
|
1081
|
-
"redBorder1": "#d69ca5",
|
|
1082
|
-
"redBorder2": "#750b1c",
|
|
1083
|
-
"redBorderActive": "#750b1c",
|
|
1084
|
-
"redForeground1": "#690a19",
|
|
1085
|
-
"redForeground2": "#d69ca5",
|
|
1086
|
-
"redForeground3": "#750b1c",
|
|
1087
|
-
"strokeFocus1": "#ffffff",
|
|
1088
|
-
"strokeFocus2": "#000000",
|
|
1089
|
-
"subtleBackground": "transparent",
|
|
1090
|
-
"subtleBackgroundHover": "#f5f5f5",
|
|
1091
|
-
"subtleBackgroundPressed": "#e0e0e0",
|
|
1092
|
-
"subtleBackgroundSelected": "#ebebeb",
|
|
1093
|
-
"transparentBackground": "transparent",
|
|
1094
|
-
"transparentBackgroundHover": "transparent",
|
|
1095
|
-
"transparentBackgroundPressed": "transparent",
|
|
1096
|
-
"transparentBackgroundSelected": "transparent",
|
|
1097
|
-
"transparentStroke": "#000000",
|
|
1098
|
-
"transparentStrokeDisabled": "#bdbdbd",
|
|
1099
|
-
"transparentStrokeInteractive": "#666666",
|
|
1100
805
|
}
|
|
1101
806
|
`;
|
|
1102
807
|
|