@fluentui-react-native/apple-theme 0.16.2 → 0.16.3

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.
Files changed (4) hide show
  1. package/CHANGELOG.json +22 -1
  2. package/CHANGELOG.md +11 -2
  3. package/package.json +2 -2
  4. package/src/__tests__/__snapshots__/apple-theme.test.ts.snap +621 -295
package/CHANGELOG.json CHANGED
@@ -2,7 +2,28 @@
2
2
  "name": "@fluentui-react-native/apple-theme",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 14 Oct 2022 18:04:12 GMT",
5
+ "date": "Mon, 17 Oct 2022 17:50:03 GMT",
6
+ "tag": "@fluentui-react-native/apple-theme_v0.16.3",
7
+ "version": "0.16.3",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "email not defined",
12
+ "package": "@fluentui-react-native/apple-theme",
13
+ "commit": "14bd4084276efd59f022ab5074441eca421c96d0",
14
+ "comment": "test updates"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/apple-theme",
19
+ "comment": "Bump @fluentui-react-native/default-theme to v0.16.5",
20
+ "commit": "14bd4084276efd59f022ab5074441eca421c96d0"
21
+ }
22
+ ]
23
+ }
24
+ },
25
+ {
26
+ "date": "Fri, 14 Oct 2022 18:04:42 GMT",
6
27
  "tag": "@fluentui-react-native/apple-theme_v0.16.2",
7
28
  "version": "0.16.2",
8
29
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # Change Log - @fluentui-react-native/apple-theme
2
2
 
3
- This log was last generated on Fri, 14 Oct 2022 18:04:12 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 17 Oct 2022 17:50:03 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.16.3
8
+
9
+ Mon, 17 Oct 2022 17:50:03 GMT
10
+
11
+ ### Patches
12
+
13
+ - test updates (email not defined)
14
+ - Bump @fluentui-react-native/default-theme to v0.16.5
15
+
7
16
  ## 0.16.2
8
17
 
9
- Fri, 14 Oct 2022 18:04:12 GMT
18
+ Fri, 14 Oct 2022 18:04:42 GMT
10
19
 
11
20
  ### Patches
12
21
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/apple-theme",
3
- "version": "0.16.2",
3
+ "version": "0.16.3",
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,7 +27,7 @@
27
27
  "directory": "packages/theming/apple-theme"
28
28
  },
29
29
  "dependencies": {
30
- "@fluentui-react-native/default-theme": ">=0.16.4 <1.0.0",
30
+ "@fluentui-react-native/default-theme": ">=0.16.5 <1.0.0",
31
31
  "@fluentui-react-native/design-tokens-ios": "^0.23.0",
32
32
  "@fluentui-react-native/design-tokens-macos": "^0.13.0",
33
33
  "@fluentui-react-native/memo-cache": "^1.1.7",
package/src/__tests__/__snapshots__/apple-theme.test.ts.snap CHANGED
@@ -3,234 +3,288 @@
3
3
  exports[`createAppleTheme test 1`] = `
4
4
  Object {
5
5
  "colors": Object {
6
- "accentButtonBackground": "#0078d4",
7
- "accentButtonText": "#ffffff",
8
- "actionLink": "#323130",
9
- "actionLinkHovered": "#201f1e",
10
- "background": "#ffffff",
11
- "blockingBackground": "rgba(250, 65, 0, .2)",
12
- "bodyDivider": "#edebe9",
13
- "bodyFrameBackground": "#ffffff",
14
- "bodyFrameDivider": "#edebe9",
15
- "bodyStandoutBackground": "#faf9f8",
16
- "bodyText": "#323130",
17
- "bodyTextChecked": "#000000",
18
- "brandedBackground": "#0078d4",
19
- "brandedBorder": "#005a9e",
20
- "brandedCheckedBackground": "#c8c6c4",
21
- "brandedCheckedContent": "#201f1e",
22
- "brandedCheckedHoveredBackground": "#edebe9",
23
- "brandedCheckedHoveredContent": "#201f1e",
24
- "brandedContent": "#ffffff",
25
- "brandedDisabledBackground": "#f3f2f1",
26
- "brandedDisabledBorder": "#f3f2f1",
27
- "brandedDisabledContent": "#d2d0ce",
28
- "brandedDisabledIcon": "#d2d0ce",
29
- "brandedFocusedBackground": "#106ebe",
30
- "brandedFocusedBorder": undefined,
31
- "brandedFocusedContent": "#ffffff",
32
- "brandedFocusedIcon": "#ffffff",
33
- "brandedFocusedSecondaryContent": "#faf9f8",
34
- "brandedHoveredBackground": "#106ebe",
35
- "brandedHoveredBorder": undefined,
36
- "brandedHoveredContent": "#ffffff",
37
- "brandedHoveredIcon": "#ffffff",
38
- "brandedHoveredSecondaryContent": "#faf9f8",
39
- "brandedIcon": "#ffffff",
40
- "brandedPressedBackground": "#005a9e",
41
- "brandedPressedBorder": undefined,
42
- "brandedPressedContent": "#ffffff",
43
- "brandedPressedIcon": "#ffffff",
44
- "brandedPressedSecondaryContent": "#faf9f8",
45
- "brandedSecondaryContent": "#faf9f8",
46
- "buttonBackground": "#f3f2f1",
47
- "buttonBackgroundChecked": "#c8c6c4",
48
- "buttonBackgroundCheckedHovered": "#edebe9",
49
- "buttonBackgroundDisabled": "#f3f2f1",
50
- "buttonBackgroundHovered": "#edebe9",
51
- "buttonBackgroundPressed": "#edebe9",
52
- "buttonBorder": "#8a8886",
53
- "buttonBorderDisabled": "#f3f2f1",
54
- "buttonBorderFocused": "#8a8886",
55
- "buttonText": "#323130",
56
- "buttonTextChecked": "#201f1e",
57
- "buttonTextCheckedHovered": "#000000",
58
- "buttonTextDisabled": "#a19f9d",
59
- "buttonTextHovered": "#201f1e",
60
- "buttonTextPressed": "#201f1e",
61
- "checkboxBackground": "#0078d4",
62
- "checkboxBackgroundDisabled": "#f3f2f1",
63
- "checkboxBorderColor": "#8a8886",
64
- "checkmarkColor": "#ffffff",
65
- "defaultBackground": "#f3f2f1",
66
- "defaultBorder": "#8a8886",
67
- "defaultCheckedBackground": "#c8c6c4",
68
- "defaultCheckedContent": "#201f1e",
69
- "defaultCheckedHoveredBackground": "#edebe9",
70
- "defaultCheckedHoveredContent": "#201f1e",
71
- "defaultContent": "#323130",
72
- "defaultDisabledBackground": "#f3f2f1",
73
- "defaultDisabledBorder": "#f3f2f1",
74
- "defaultDisabledContent": "#a19f9d",
75
- "defaultDisabledIcon": "#a19f9d",
76
- "defaultDisabledSecondaryContent": "#a19f9d",
77
- "defaultFocusedBackground": "#edebe9",
78
- "defaultFocusedBorder": "#8a8886",
79
- "defaultFocusedContent": "#201f1e",
80
- "defaultFocusedIcon": "#201f1e",
81
- "defaultHoveredBackground": "#edebe9",
82
- "defaultHoveredBorder": "#8a8886",
83
- "defaultHoveredContent": "#201f1e",
84
- "defaultHoveredIcon": "#201f1e",
85
- "defaultHoveredSecondaryContent": "#a19f9d",
86
- "defaultIcon": "#323130",
87
- "defaultPressedBackground": "#edebe9",
88
- "defaultPressedBorder": "#8a8886",
89
- "defaultPressedContent": "#201f1e",
90
- "defaultPressedIcon": "#201f1e",
91
- "defaultPressedSecondaryContent": "#a19f9d",
92
- "defaultStateBackground": "#faf9f8",
93
- "disabledBackground": "#f3f2f1",
94
- "disabledBodySubtext": "#c8c6c4",
95
- "disabledBodyText": "#a19f9d",
96
- "disabledSubtext": "#d2d0ce",
97
- "disabledText": "#a19f9d",
98
- "errorBackground": "rgba(245, 135, 145, .2)",
99
- "errorText": "#a4262c",
100
- "focusBorder": "#605e5c",
101
- "ghostBackground": "#ffffff",
102
- "ghostBorder": "#ffffff",
103
- "ghostCheckedBackground": "#edebe9",
104
- "ghostCheckedContent": "#000000",
105
- "ghostCheckedHoveredBackground": "#f3f2f1",
106
- "ghostCheckedHoveredBorder": "#201f1e",
107
- "ghostCheckedHoveredContent": "#201f1e",
108
- "ghostContent": "#323130",
109
- "ghostDisabledBackground": "#ffffff",
110
- "ghostDisabledBorder": "#ffffff",
111
- "ghostDisabledContent": "#a19f9d",
112
- "ghostDisabledIcon": "#a19f9d",
113
- "ghostFocusedBackground": "#f3f2f1",
114
- "ghostFocusedBorder": "#8a8886",
115
- "ghostFocusedContent": "#201f1e",
116
- "ghostFocusedIcon": "#201f1e",
117
- "ghostFocusedSecondaryContent": "#605e5c",
118
- "ghostHoveredBackground": "#f3f2f1",
119
- "ghostHoveredBorder": "#f3f2f1",
120
- "ghostHoveredContent": "#201f1e",
121
- "ghostHoveredIcon": "#201f1e",
122
- "ghostHoveredSecondaryContent": "#605e5c",
123
- "ghostIcon": "#323130",
124
- "ghostPressedBackground": "#edebe9",
125
- "ghostPressedBorder": "#edebe9",
126
- "ghostPressedContent": "#201f1e",
127
- "ghostPressedIcon": "#201f1e",
128
- "ghostPressedSecondaryContent": "#605e5c",
129
- "ghostSecondaryContent": "#605e5c",
130
- "inputBackground": "#ffffff",
131
- "inputBackgroundChecked": "#0078d4",
132
- "inputBackgroundCheckedHovered": "#106ebe",
133
- "inputBorder": "#a19f9d",
134
- "inputBorderHovered": "#323130",
135
- "inputFocusBorderAlt": "#0078d4",
136
- "inputForegroundChecked": "#ffffff",
137
- "inputPlaceholderText": "#605e5c",
138
- "inputText": "#323130",
139
- "inputTextHovered": "#201f1e",
140
- "link": "#0078d4",
141
- "linkHovered": undefined,
142
- "linkPressed": "#005a9e",
143
- "listBackground": "#ffffff",
144
- "listHeaderBackgroundHovered": "#f3f2f1",
145
- "listHeaderBackgroundPressed": "#edebe9",
146
- "listItemBackgroundChecked": "#edebe9",
147
- "listItemBackgroundCheckedHovered": "#e1dfdd",
148
- "listItemBackgroundHovered": "#f3f2f1",
149
- "listText": "#323130",
150
- "menuBackground": "#ffffff",
151
- "menuDivider": "#c8c6c4",
152
- "menuHeader": "#0078d4",
153
- "menuIcon": "#0078d4",
154
- "menuItemBackgroundHovered": "#f3f2f1",
155
- "menuItemBackgroundPressed": "#edebe9",
156
- "menuItemText": "#323130",
157
- "menuItemTextHovered": "#201f1e",
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",
181
- "neutralForeground1": "#242424",
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,
199
- "neutralForegroundInverted": "#ffffff",
200
- "neutralStencil1": "#575757",
201
- "neutralStencil2": "#333333",
202
- "neutralStroke1": "#d1d1d1",
203
- "neutralStroke1Hover": undefined,
204
- "neutralStroke1Pressed": undefined,
205
- "neutralStroke1Selected": undefined,
206
- "neutralStroke2": "#e0e0e0",
207
- "neutralStrokeAccessible": "#616161",
208
- "neutralStrokeAccessibleHover": undefined,
209
- "neutralStrokeAccessiblePressed": undefined,
210
- "neutralStrokeAccessibleSelected": undefined,
211
- "neutralStrokeDisabled": "#e0e0e0",
212
- "personaActivityGlow": "#0078d4",
213
- "personaActivityRing": "#ffffff",
214
- "primaryButtonBackground": "#0078d4",
215
- "primaryButtonBackgroundDisabled": "#f3f2f1",
216
- "primaryButtonBackgroundHovered": "#106ebe",
217
- "primaryButtonBackgroundPressed": "#005a9e",
6
+ "accentButtonBackground": "#0078D4",
7
+ "accentButtonText": "white",
8
+ "actionLink": "#0078D4",
9
+ "actionLinkHovered": "#0078D4",
10
+ "background": "white",
11
+ "blockingBackground": "#DD4242",
12
+ "bodyDivider": "#C8C8C8",
13
+ "bodyFrameBackground": "white",
14
+ "bodyFrameDivider": "#E1E1E1",
15
+ "bodyStandoutBackground": "#F8F8F8",
16
+ "bodyText": "#212121",
17
+ "bodyTextChecked": "#212121",
18
+ "brandedBackground": "#0078D4",
19
+ "brandedBorder": "transparent",
20
+ "brandedCheckedBackground": "#0078D4",
21
+ "brandedCheckedContent": "white",
22
+ "brandedCheckedHoveredBackground": "white",
23
+ "brandedCheckedHoveredContent": "white",
24
+ "brandedContent": "white",
25
+ "brandedDisabledBackground": "#E1E1E1",
26
+ "brandedDisabledBorder": "transparent",
27
+ "brandedDisabledContent": "white",
28
+ "brandedDisabledIcon": "white",
29
+ "brandedFocusedBackground": "#0078D4",
30
+ "brandedFocusedBorder": "transparent",
31
+ "brandedFocusedContent": "white",
32
+ "brandedFocusedIcon": "white",
33
+ "brandedFocusedSecondaryContent": "white",
34
+ "brandedHoveredBackground": "#0078D4",
35
+ "brandedHoveredBorder": "transparent",
36
+ "brandedHoveredContent": "white",
37
+ "brandedHoveredIcon": "white",
38
+ "brandedHoveredSecondaryContent": "white",
39
+ "brandedIcon": "white",
40
+ "brandedPressedBackground": "#2B88D8",
41
+ "brandedPressedBorder": "transparent",
42
+ "brandedPressedContent": "white",
43
+ "brandedPressedIcon": "white",
44
+ "brandedPressedSecondaryContent": "white",
45
+ "brandedSecondaryContent": "white",
46
+ "buttonBackground": "transparent",
47
+ "buttonBackgroundChecked": "transparent",
48
+ "buttonBackgroundCheckedHovered": "transparent",
49
+ "buttonBackgroundDisabled": "transparent",
50
+ "buttonBackgroundHovered": "transparent",
51
+ "buttonBackgroundPressed": "transparent",
52
+ "buttonBorder": "#2B88D8",
53
+ "buttonBorderDisabled": "#E1E1E1",
54
+ "buttonBorderFocused": "#2B88D8",
55
+ "buttonText": "#0078D4",
56
+ "buttonTextChecked": "#0078D4",
57
+ "buttonTextCheckedHovered": "#0078D4",
58
+ "buttonTextDisabled": "#ACACAC",
59
+ "buttonTextHovered": "#0078D4",
60
+ "buttonTextPressed": "#C7E0F4",
61
+ "checkboxBackground": "#0078D4",
62
+ "checkboxBackgroundDisabled": "white",
63
+ "checkboxBorderColor": "#404040",
64
+ "checkmarkColor": "white",
65
+ "defaultBackground": "transparent",
66
+ "defaultBorder": "#2B88D8",
67
+ "defaultCheckedBackground": "transparent",
68
+ "defaultCheckedContent": "#0078D4",
69
+ "defaultCheckedHoveredBackground": "transparent",
70
+ "defaultCheckedHoveredContent": "#0078D4",
71
+ "defaultContent": "#0078D4",
72
+ "defaultDisabledBackground": "transparent",
73
+ "defaultDisabledBorder": "#E1E1E1",
74
+ "defaultDisabledContent": "#ACACAC",
75
+ "defaultDisabledIcon": "#ACACAC",
76
+ "defaultDisabledSecondaryContent": "#ACACAC",
77
+ "defaultFocusedBackground": "transparent",
78
+ "defaultFocusedBorder": "#2B88D8",
79
+ "defaultFocusedContent": "#0078D4",
80
+ "defaultFocusedIcon": "#0078D4",
81
+ "defaultHoveredBackground": "transparent",
82
+ "defaultHoveredBorder": "#2B88D8",
83
+ "defaultHoveredContent": "#0078D4",
84
+ "defaultHoveredIcon": "#0078D4",
85
+ "defaultHoveredSecondaryContent": "#0078D4",
86
+ "defaultIcon": "#0078D4",
87
+ "defaultPressedBackground": "transparent",
88
+ "defaultPressedBorder": "#DEECF9",
89
+ "defaultPressedContent": "#C7E0F4",
90
+ "defaultPressedIcon": "#C7E0F4",
91
+ "defaultPressedSecondaryContent": "#C7E0F4",
92
+ "defaultStateBackground": "white",
93
+ "disabledBackground": "#E1E1E1",
94
+ "disabledBodySubtext": "#ACACAC",
95
+ "disabledBodyText": "#ACACAC",
96
+ "disabledSubtext": "#ACACAC",
97
+ "disabledText": "#ACACAC",
98
+ "errorBackground": "#DD4242",
99
+ "errorText": "#D92C2C",
100
+ "focusBorder": "transparent",
101
+ "ghostBackground": "transparent",
102
+ "ghostBorder": "transparent",
103
+ "ghostCheckedBackground": "transparent",
104
+ "ghostCheckedContent": "#0078D4",
105
+ "ghostCheckedHoveredBackground": "transparent",
106
+ "ghostCheckedHoveredBorder": "transparent",
107
+ "ghostCheckedHoveredContent": "#0078D4",
108
+ "ghostContent": "#0078D4",
109
+ "ghostDisabledBackground": "transparent",
110
+ "ghostDisabledBorder": "transparent",
111
+ "ghostDisabledContent": "#ACACAC",
112
+ "ghostDisabledIcon": "#ACACAC",
113
+ "ghostFocusedBackground": "transparent",
114
+ "ghostFocusedBorder": "transparent",
115
+ "ghostFocusedContent": "#0078D4",
116
+ "ghostFocusedIcon": "#0078D4",
117
+ "ghostFocusedSecondaryContent": "#0078D4",
118
+ "ghostHoveredBackground": "transparent",
119
+ "ghostHoveredBorder": "transparent",
120
+ "ghostHoveredContent": "#0078D4",
121
+ "ghostHoveredIcon": "#0078D4",
122
+ "ghostHoveredSecondaryContent": "#0078D4",
123
+ "ghostIcon": "#0078D4",
124
+ "ghostPressedBackground": "transparent",
125
+ "ghostPressedBorder": "transparent",
126
+ "ghostPressedContent": "#C7E0F4",
127
+ "ghostPressedIcon": "#C7E0F4",
128
+ "ghostPressedSecondaryContent": "#C7E0F4",
129
+ "ghostSecondaryContent": "#0078D4",
130
+ "inputBackground": "white",
131
+ "inputBackgroundChecked": "white",
132
+ "inputBackgroundCheckedHovered": "white",
133
+ "inputBorder": "#E1E1E1",
134
+ "inputBorderHovered": "#E1E1E1",
135
+ "inputFocusBorderAlt": "#C8C8C8",
136
+ "inputForegroundChecked": "#0078D4",
137
+ "inputPlaceholderText": "#6E6E6E",
138
+ "inputText": "#212121",
139
+ "inputTextHovered": "#212121",
140
+ "link": "#0078D4",
141
+ "linkHovered": "#0078D4",
142
+ "linkPressed": "#2B88D8",
143
+ "listBackground": "white",
144
+ "listHeaderBackgroundHovered": "#212121",
145
+ "listHeaderBackgroundPressed": "#212121",
146
+ "listItemBackgroundChecked": "white",
147
+ "listItemBackgroundCheckedHovered": "white",
148
+ "listItemBackgroundHovered": "white",
149
+ "listText": "#212121",
150
+ "menuBackground": "white",
151
+ "menuDivider": "#E1E1E1",
152
+ "menuHeader": "#212121",
153
+ "menuIcon": "#6E6E6E",
154
+ "menuItemBackgroundHovered": "white",
155
+ "menuItemBackgroundPressed": "white",
156
+ "menuItemText": "#212121",
157
+ "menuItemTextHovered": "#212121",
158
+ "personaActivityGlow": "transparent",
159
+ "personaActivityRing": "white",
160
+ "primaryButtonBackground": "#0078D4",
161
+ "primaryButtonBackgroundDisabled": "#E1E1E1",
162
+ "primaryButtonBackgroundHovered": "#0078D4",
163
+ "primaryButtonBackgroundPressed": "#2B88D8",
218
164
  "primaryButtonBorder": "transparent",
219
165
  "primaryButtonBorderFocused": "transparent",
220
- "primaryButtonText": "#ffffff",
221
- "primaryButtonTextDisabled": "#d2d0ce",
222
- "primaryButtonTextHovered": "#ffffff",
223
- "primaryButtonTextPressed": "#ffffff",
224
- "smallInputBorder": "#605e5c",
225
- "subText": "#605e5c",
226
- "successBackground": "rgba(95, 210, 85, .2)",
227
- "variantBorder": "#edebe9",
228
- "variantBorderHovered": "#a19f9d",
229
- "warningBackground": "rgba(255, 200, 10, .2)",
230
- "warningHighlight": "#ffb900",
231
- "warningText": "#333333",
166
+ "primaryButtonText": "white",
167
+ "primaryButtonTextDisabled": "white",
168
+ "primaryButtonTextHovered": "white",
169
+ "primaryButtonTextPressed": "white",
170
+ "smallInputBorder": "#C8C8C8",
171
+ "subText": "#6E6E6E",
172
+ "successBackground": "#27AC22",
173
+ "variantBorder": "#E1E1E1",
174
+ "variantBorderHovered": "#E1E1E1",
175
+ "warningBackground": "#FFD335",
176
+ "warningHighlight": "#FFD94E",
177
+ "warningText": "#FFD335",
178
+ },
179
+ "components": Object {
180
+ "Button": Object {
181
+ "content": Object {
182
+ "fontSize": 12,
183
+ "height": 18,
184
+ },
185
+ "icon": Object {
186
+ "style": Object {
187
+ "marginEnd": 8,
188
+ },
189
+ },
190
+ "root": Object {
191
+ "style": Object {
192
+ "margin": 8,
193
+ },
194
+ },
195
+ "stack": Object {
196
+ "style": Object {
197
+ "paddingHorizontal": 14,
198
+ "paddingVertical": 10,
199
+ },
200
+ },
201
+ "tokens": Object {
202
+ "borderRadius": 8,
203
+ "borderWidth": 1,
204
+ },
205
+ },
206
+ "Checkbox": Object {
207
+ "checkbox": Object {
208
+ "style": Object {
209
+ "borderRadius": 100,
210
+ "minHeight": 24,
211
+ "minWidth": 24,
212
+ },
213
+ },
214
+ "checkmarkIcon": Object {
215
+ "height": 7,
216
+ "style": Object {
217
+ "marginLeft": 8,
218
+ "marginRight": 7,
219
+ "marginVertical": 8.5,
220
+ },
221
+ "width": 8.5,
222
+ },
223
+ "root": Object {
224
+ "style": Object {
225
+ "marginVertical": 2,
226
+ "minHeight": 20,
227
+ },
228
+ },
229
+ },
230
+ "PrimaryButton": Object {
231
+ "content": Object {
232
+ "fontSize": 15,
233
+ "height": 20,
234
+ },
235
+ "icon": Object {
236
+ "style": Object {
237
+ "marginEnd": 10,
238
+ },
239
+ },
240
+ "root": Object {
241
+ "style": Object {
242
+ "margin": 8,
243
+ },
244
+ },
245
+ "stack": Object {
246
+ "style": Object {
247
+ "paddingHorizontal": 20,
248
+ "paddingVertical": 16,
249
+ },
250
+ },
251
+ "tokens": Object {
252
+ "borderRadius": 8,
253
+ "borderWidth": 1,
254
+ },
255
+ },
256
+ "RNFText": Object {
257
+ "tokens": Object {
258
+ "variant": "bodyStandard",
259
+ },
260
+ },
261
+ "StealthButton": Object {
262
+ "content": Object {
263
+ "fontSize": 15,
264
+ "height": 20,
265
+ },
266
+ "icon": Object {
267
+ "style": Object {
268
+ "display": "none",
269
+ },
270
+ },
271
+ "root": Object {
272
+ "style": Object {
273
+ "margin": 8,
274
+ },
275
+ },
276
+ "stack": Object {
277
+ "style": Object {
278
+ "paddingHorizontal": 12,
279
+ "paddingVertical": 7,
280
+ },
281
+ },
282
+ "tokens": Object {
283
+ "borderRadius": 8,
284
+ "borderWidth": 1,
285
+ },
286
+ },
232
287
  },
233
- "components": Object {},
234
288
  "host": Object {
235
289
  "appearance": "light",
236
290
  },
@@ -405,165 +459,201 @@ Object {
405
459
  },
406
460
  },
407
461
  "spacing": Object {
462
+ "l": 20,
408
463
  "l1": "20px",
409
464
  "l2": "32px",
410
- "m": "16px",
465
+ "m": 16,
466
+ "none": 0,
467
+ "s": 12,
411
468
  "s1": "8px",
412
469
  "s2": "4px",
470
+ "xl": 24,
471
+ "xs": 8,
472
+ "xxl": 36,
473
+ "xxs": 4,
474
+ "xxxl": 48,
475
+ "xxxs": 2,
476
+ "xxxxl": 72,
413
477
  },
414
478
  "typography": Object {
415
479
  "families": Object {
416
480
  "cursive": "System",
417
481
  "monospace": "System",
418
- "primary": "Segoe UI",
482
+ "primary": "System",
419
483
  "sansSerif": "System",
420
- "secondary": "Segoe UI",
484
+ "secondary": "System",
421
485
  "serif": "System",
422
486
  },
423
487
  "sizes": Object {
424
- "body": 14,
488
+ "body": 17,
425
489
  "caption": 12,
426
- "header": 18,
427
- "hero": 24,
428
- "heroLarge": 60,
429
- "secondary": 13,
430
- "subheader": 16,
490
+ "header": 17,
491
+ "hero": 26,
492
+ "heroLarge": 30,
493
+ "secondary": 16,
494
+ "subheader": 15,
431
495
  },
432
496
  "variants": Object {
433
497
  "body1": Object {
434
- "face": "primary",
435
- "size": "secondary",
436
- "weight": "regular",
498
+ "face": "System",
499
+ "letterSpacing": -0.43,
500
+ "lineHeight": 22,
501
+ "size": 17,
502
+ "weight": "400",
437
503
  },
438
504
  "body1Strong": Object {
439
- "face": "primary",
440
- "size": "secondary",
441
- "weight": "semiBold",
505
+ "face": "System",
506
+ "letterSpacing": -0.43,
507
+ "lineHeight": 22,
508
+ "size": 17,
509
+ "weight": "600",
442
510
  },
443
511
  "body2": Object {
444
- "face": "primary",
445
- "size": "body",
446
- "weight": "regular",
512
+ "face": "System",
513
+ "letterSpacing": -0.23,
514
+ "lineHeight": 20,
515
+ "size": 15,
516
+ "weight": "400",
447
517
  },
448
518
  "body2Strong": Object {
449
- "face": "primary",
450
- "size": "body",
451
- "weight": "semiBold",
519
+ "face": "System",
520
+ "letterSpacing": -0.23,
521
+ "lineHeight": 20,
522
+ "size": 15,
523
+ "weight": "600",
452
524
  },
453
525
  "bodySemibold": Object {
454
526
  "face": "primary",
455
527
  "size": "body",
456
- "weight": "semiBold",
528
+ "weight": "600",
457
529
  },
458
530
  "bodyStandard": Object {
459
531
  "face": "primary",
460
532
  "size": "body",
461
- "weight": "regular",
533
+ "weight": "400",
462
534
  },
463
535
  "caption1": Object {
464
- "face": "primary",
465
- "size": "caption",
466
- "weight": "regular",
536
+ "face": "System",
537
+ "letterSpacing": -0.08,
538
+ "lineHeight": 18,
539
+ "size": 13,
540
+ "weight": "400",
541
+ },
542
+ "caption1Strong": Object {
543
+ "face": "System",
544
+ "letterSpacing": -0.08,
545
+ "lineHeight": 18,
546
+ "size": 13,
547
+ "weight": "600",
548
+ },
549
+ "caption2": Object {
550
+ "face": "System",
551
+ "letterSpacing": 0,
552
+ "lineHeight": 16,
553
+ "size": 12,
554
+ "weight": "400",
467
555
  },
468
556
  "captionStandard": Object {
469
557
  "face": "primary",
470
558
  "size": "caption",
471
- "weight": "regular",
559
+ "weight": "400",
472
560
  },
473
561
  "display": Object {
474
- "face": "primary",
475
- "size": "heroLarge",
476
- "weight": "semiBold",
562
+ "face": "System",
563
+ "letterSpacing": 0.26,
564
+ "lineHeight": 70,
565
+ "size": 60,
566
+ "weight": "700",
477
567
  },
478
568
  "headerSemibold": Object {
479
569
  "face": "primary",
480
570
  "size": "header",
481
- "weight": "semiBold",
571
+ "weight": "800",
482
572
  },
483
573
  "headerStandard": Object {
484
574
  "face": "primary",
485
575
  "size": "header",
486
- "weight": "regular",
576
+ "weight": "600",
487
577
  },
488
578
  "heroLargeSemibold": Object {
489
579
  "face": "primary",
490
580
  "size": "heroLarge",
491
- "weight": "semiBold",
581
+ "weight": "600",
492
582
  },
493
583
  "heroLargeStandard": Object {
494
584
  "face": "primary",
495
585
  "size": "heroLarge",
496
- "weight": "regular",
586
+ "weight": "400",
497
587
  },
498
588
  "heroSemibold": Object {
499
589
  "face": "primary",
500
590
  "size": "hero",
501
- "weight": "semiBold",
591
+ "weight": "600",
502
592
  },
503
593
  "heroStandard": Object {
504
594
  "face": "primary",
505
595
  "size": "hero",
506
- "weight": "regular",
596
+ "weight": "400",
507
597
  },
508
598
  "largeTitle": Object {
509
- "face": "primary",
510
- "size": "heroLarge",
511
- "weight": "regular",
599
+ "face": "System",
600
+ "letterSpacing": 0.4,
601
+ "lineHeight": 41,
602
+ "size": 34,
603
+ "weight": "700",
512
604
  },
513
605
  "secondarySemibold": Object {
514
606
  "face": "primary",
515
607
  "size": "secondary",
516
- "weight": "semiBold",
608
+ "weight": "600",
517
609
  },
518
610
  "secondaryStandard": Object {
519
611
  "face": "primary",
520
612
  "size": "secondary",
521
- "weight": "regular",
613
+ "weight": "400",
522
614
  },
523
615
  "subheaderSemibold": Object {
524
616
  "face": "primary",
525
617
  "size": "subheader",
526
- "weight": "semiBold",
618
+ "weight": "600",
527
619
  },
528
620
  "subheaderStandard": Object {
529
621
  "face": "primary",
530
622
  "size": "subheader",
531
- "weight": "regular",
532
- },
533
- "subtitle1": Object {
534
- "face": "primary",
535
- "size": "header",
536
- "weight": "regular",
537
- },
538
- "subtitle1Strong": Object {
539
- "face": "primary",
540
- "size": "header",
541
- "weight": "semiBold",
542
- },
543
- "subtitle2": Object {
544
- "face": "primary",
545
- "size": "subheader",
546
- "weight": "regular",
547
- },
548
- "subtitle2Strong": Object {
549
- "face": "primary",
550
- "size": "subheader",
551
- "weight": "semiBold",
623
+ "weight": "400",
552
624
  },
553
625
  "title1": Object {
554
- "face": "primary",
555
- "size": "hero",
556
- "weight": "regular",
626
+ "face": "System",
627
+ "letterSpacing": 0.38,
628
+ "lineHeight": 34,
629
+ "size": 28,
630
+ "weight": "700",
557
631
  },
558
- "title1Strong": Object {
559
- "face": "primary",
560
- "size": "hero",
561
- "weight": "semiBold",
632
+ "title2": Object {
633
+ "face": "System",
634
+ "letterSpacing": -0.26,
635
+ "lineHeight": 28,
636
+ "size": 22,
637
+ "weight": "600",
638
+ },
639
+ "title3": Object {
640
+ "face": "System",
641
+ "letterSpacing": -0.45,
642
+ "lineHeight": 25,
643
+ "size": 20,
644
+ "weight": "600",
562
645
  },
563
646
  },
564
647
  "weights": Object {
648
+ "black": "900",
649
+ "bold": "700",
650
+ "heavy": "800",
651
+ "light": "300",
652
+ "medium": "500",
565
653
  "regular": "400",
566
654
  "semiBold": "600",
655
+ "thin": "200",
656
+ "ultralight": "100",
567
657
  },
568
658
  },
569
659
  }
@@ -571,6 +661,32 @@ Object {
571
661
 
572
662
  exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: false 1`] = `
573
663
  Object {
664
+ "brandBackground": "#0086f0",
665
+ "brandBackground2": "#092c47",
666
+ "brandBackgroundDisabled": "#575757",
667
+ "brandBackgroundHover": "#1890f1",
668
+ "brandBackgroundPressed": "#1890f1",
669
+ "brandBackgroundSelected": "#3aa0f3",
670
+ "brandBackgroundStatic": "#0086f0",
671
+ "brandForeground1": "#0086f0",
672
+ "brandForeground1Disabled": "#c2c2c2",
673
+ "brandForeground1Pressed": "#6cb8f6",
674
+ "brandForeground2": "#092c47",
675
+ "brandForegroundLink": "#043862",
676
+ "brandForegroundLinkHover": "#092c47",
677
+ "brandForegroundLinkPressed": "#0078d4",
678
+ "brandForegroundLinkSelected": "#092c47",
679
+ "brandStroke1": "#0086f0",
680
+ "brandStroke2": "#004c87",
681
+ "compoundBrandBackground1": "#0086f0",
682
+ "compoundBrandBackground1Hover": "#1890f1",
683
+ "compoundBrandBackground1Pressed": "#6cb8f6",
684
+ "compoundBrandForeground1": "#043862",
685
+ "compoundBrandForeground1Hover": "#092c47",
686
+ "compoundBrandForeground1Pressed": "#0078d4",
687
+ "compoundBrandStroke1": "#0086f0",
688
+ "compoundBrandStroke1Hover": "#1890f1",
689
+ "compoundBrandStroke1Pressed": "#6cb8f6",
574
690
  "neutralBackground1": "#000000",
575
691
  "neutralBackground1Hover": "#3d3d3d",
576
692
  "neutralBackground1Pressed": "#5c5c5c",
@@ -612,7 +728,17 @@ Object {
612
728
  "neutralForeground3Hover": "#d6d6d6",
613
729
  "neutralForeground3Pressed": "#d6d6d6",
614
730
  "neutralForeground3Selected": "#d6d6d6",
731
+ "neutralForeground4": "#858585",
732
+ "neutralForegroundDisabled": "#b8b8b8",
615
733
  "neutralForegroundInverted": "#ffffff",
734
+ "neutralForegroundInvertedLink": "#292929",
735
+ "neutralForegroundInvertedLinkHover": "#292929",
736
+ "neutralForegroundInvertedLinkPressed": "#292929",
737
+ "neutralForegroundInvertedLinkSelected": "#292929",
738
+ "neutralForegroundOnBrand": "#ffffff",
739
+ "neutralForegroundOnBrandHover": "#ffffff",
740
+ "neutralForegroundOnBrandPressed": "#ffffff",
741
+ "neutralForegroundOnBrandSelected": "#ffffff",
616
742
  "neutralStencil1": "#333333",
617
743
  "neutralStencil2": "#575757",
618
744
  "neutralStroke1": "#3d3d3d",
@@ -620,16 +746,65 @@ Object {
620
746
  "neutralStroke1Pressed": "#6b6b6b",
621
747
  "neutralStroke1Selected": "#707070",
622
748
  "neutralStroke2": "#575757",
749
+ "neutralStroke3": "#666666",
623
750
  "neutralStrokeAccessible": "#adadad",
624
751
  "neutralStrokeAccessibleHover": "#bdbdbd",
625
752
  "neutralStrokeAccessiblePressed": "#b3b3b3",
626
753
  "neutralStrokeAccessibleSelected": "#0086f0",
627
754
  "neutralStrokeDisabled": "#525252",
755
+ "redBackground1": "#230308",
756
+ "redBackground2": "#420610",
757
+ "redBackground3": "#750b1c",
758
+ "redBorder1": "#750b1c",
759
+ "redBorder2": "#962f3f",
760
+ "redBorderActive": "#ac4f5e",
761
+ "redForeground1": "#ac4f5e",
762
+ "redForeground2": "#420610",
763
+ "redForeground3": "#750b1c",
764
+ "strokeFocus1": "#000000",
765
+ "strokeFocus2": "#ffffff",
766
+ "subtleBackground": "transparent",
767
+ "subtleBackgroundHover": "#3d3d3d",
768
+ "subtleBackgroundPressed": "#1f1f1f",
769
+ "subtleBackgroundSelected": "#383838",
770
+ "transparentBackground": "transparent",
771
+ "transparentBackgroundHover": "transparent",
772
+ "transparentBackgroundPressed": "transparent",
773
+ "transparentBackgroundSelected": "transparent",
774
+ "transparentStroke": "transparent",
775
+ "transparentStrokeDisabled": "transparent",
776
+ "transparentStrokeInteractive": "transparent",
628
777
  }
629
778
  `;
630
779
 
631
780
  exports[`createMacOSColorAliasTokens test mode: dark, isHighContrast: true 1`] = `
632
781
  Object {
782
+ "brandBackground": "#0086f0",
783
+ "brandBackground2": "#092c47",
784
+ "brandBackgroundDisabled": "#575757",
785
+ "brandBackgroundHover": "#1890f1",
786
+ "brandBackgroundPressed": "#1890f1",
787
+ "brandBackgroundSelected": "#3aa0f3",
788
+ "brandBackgroundStatic": "#0086f0",
789
+ "brandForeground1": "#0086f0",
790
+ "brandForeground1Disabled": "#c2c2c2",
791
+ "brandForeground1Pressed": "#6cb8f6",
792
+ "brandForeground2": "#092c47",
793
+ "brandForegroundLink": "#043862",
794
+ "brandForegroundLinkHover": "#092c47",
795
+ "brandForegroundLinkPressed": "#0078d4",
796
+ "brandForegroundLinkSelected": "#092c47",
797
+ "brandStroke1": "#0086f0",
798
+ "brandStroke2": "#004c87",
799
+ "compoundBrandBackground1": "#0086f0",
800
+ "compoundBrandBackground1Hover": "#1890f1",
801
+ "compoundBrandBackground1Pressed": "#6cb8f6",
802
+ "compoundBrandForeground1": "#043862",
803
+ "compoundBrandForeground1Hover": "#092c47",
804
+ "compoundBrandForeground1Pressed": "#0078d4",
805
+ "compoundBrandStroke1": "#0086f0",
806
+ "compoundBrandStroke1Hover": "#1890f1",
807
+ "compoundBrandStroke1Pressed": "#6cb8f6",
633
808
  "neutralBackground1": "#000000",
634
809
  "neutralBackground1Hover": "#3d3d3d",
635
810
  "neutralBackground1Pressed": "#5c5c5c",
@@ -671,7 +846,17 @@ Object {
671
846
  "neutralForeground3Hover": "#d6d6d6",
672
847
  "neutralForeground3Pressed": "#d6d6d6",
673
848
  "neutralForeground3Selected": "#d6d6d6",
849
+ "neutralForeground4": "#d6d6d6",
850
+ "neutralForegroundDisabled": "#b8b8b8",
674
851
  "neutralForegroundInverted": "#ffffff",
852
+ "neutralForegroundInvertedLink": "#292929",
853
+ "neutralForegroundInvertedLinkHover": "#292929",
854
+ "neutralForegroundInvertedLinkPressed": "#292929",
855
+ "neutralForegroundInvertedLinkSelected": "#292929",
856
+ "neutralForegroundOnBrand": "#ffffff",
857
+ "neutralForegroundOnBrandHover": "#ffffff",
858
+ "neutralForegroundOnBrandPressed": "#ffffff",
859
+ "neutralForegroundOnBrandSelected": "#ffffff",
675
860
  "neutralStencil1": "#333333",
676
861
  "neutralStencil2": "#575757",
677
862
  "neutralStroke1": "#adadad",
@@ -679,16 +864,65 @@ Object {
679
864
  "neutralStroke1Pressed": "#6b6b6b",
680
865
  "neutralStroke1Selected": "#707070",
681
866
  "neutralStroke2": "#a8a8a8",
867
+ "neutralStroke3": "#adadad",
682
868
  "neutralStrokeAccessible": "#d6d6d6",
683
869
  "neutralStrokeAccessibleHover": "#bdbdbd",
684
870
  "neutralStrokeAccessiblePressed": "#b3b3b3",
685
871
  "neutralStrokeAccessibleSelected": "#0086f0",
686
872
  "neutralStrokeDisabled": "#525252",
873
+ "redBackground1": "#230308",
874
+ "redBackground2": "#420610",
875
+ "redBackground3": "#750b1c",
876
+ "redBorder1": "#750b1c",
877
+ "redBorder2": "#962f3f",
878
+ "redBorderActive": "#ac4f5e",
879
+ "redForeground1": "#ac4f5e",
880
+ "redForeground2": "#420610",
881
+ "redForeground3": "#750b1c",
882
+ "strokeFocus1": "#000000",
883
+ "strokeFocus2": "#ffffff",
884
+ "subtleBackground": "transparent",
885
+ "subtleBackgroundHover": "#3d3d3d",
886
+ "subtleBackgroundPressed": "#1f1f1f",
887
+ "subtleBackgroundSelected": "#383838",
888
+ "transparentBackground": "transparent",
889
+ "transparentBackgroundHover": "transparent",
890
+ "transparentBackgroundPressed": "transparent",
891
+ "transparentBackgroundSelected": "transparent",
892
+ "transparentStroke": "#3aa0f3",
893
+ "transparentStrokeDisabled": "#d6d6d6",
894
+ "transparentStrokeInteractive": "#a8a8a8",
687
895
  }
688
896
  `;
689
897
 
690
898
  exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: false 1`] = `
691
899
  Object {
900
+ "brandBackground": "#0078d4",
901
+ "brandBackground2": "#eff6fc",
902
+ "brandBackgroundDisabled": "#d1d1d1",
903
+ "brandBackgroundHover": "#106ebe",
904
+ "brandBackgroundPressed": "#106ebe",
905
+ "brandBackgroundSelected": "#005a9e",
906
+ "brandBackgroundStatic": "#0078d4",
907
+ "brandForeground1": "#0078d4",
908
+ "brandForeground1Disabled": "#757575",
909
+ "brandForeground1Pressed": "#004578",
910
+ "brandForeground2": "#106ebe",
911
+ "brandForegroundLink": "#0078d4",
912
+ "brandForegroundLinkHover": "#106ebe",
913
+ "brandForegroundLinkPressed": "#004578",
914
+ "brandForegroundLinkSelected": "#005a9e",
915
+ "brandStroke1": "#0078d4",
916
+ "brandStroke2": "#c7e0f4",
917
+ "compoundBrandBackground1": "#0078d4",
918
+ "compoundBrandBackground1Hover": "#106ebe",
919
+ "compoundBrandBackground1Pressed": "#004578",
920
+ "compoundBrandForeground1": "#0078d4",
921
+ "compoundBrandForeground1Hover": "#106ebe",
922
+ "compoundBrandForeground1Pressed": "#004578",
923
+ "compoundBrandStroke1": "#0078d4",
924
+ "compoundBrandStroke1Hover": "#106ebe",
925
+ "compoundBrandStroke1Pressed": "#004578",
692
926
  "neutralBackground1": "#ffffff",
693
927
  "neutralBackground1Hover": "#f5f5f5",
694
928
  "neutralBackground1Pressed": "#ebebeb",
@@ -730,7 +964,17 @@ Object {
730
964
  "neutralForeground3Hover": "#424242",
731
965
  "neutralForeground3Pressed": "#424242",
732
966
  "neutralForeground3Selected": "#424242",
967
+ "neutralForeground4": "#808080",
968
+ "neutralForegroundDisabled": "#757575",
733
969
  "neutralForegroundInverted": "#ffffff",
970
+ "neutralForegroundInvertedLink": "#ffffff",
971
+ "neutralForegroundInvertedLinkHover": "#ffffff",
972
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
973
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
974
+ "neutralForegroundOnBrand": "#ffffff",
975
+ "neutralForegroundOnBrandHover": "#ffffff",
976
+ "neutralForegroundOnBrandPressed": "#ffffff",
977
+ "neutralForegroundOnBrandSelected": "#ffffff",
734
978
  "neutralStencil1": "#e6e6e6",
735
979
  "neutralStencil2": "#fafafa",
736
980
  "neutralStroke1": "#f0f0f0",
@@ -738,16 +982,65 @@ Object {
738
982
  "neutralStroke1Pressed": "#b3b3b3",
739
983
  "neutralStroke1Selected": "#bdbdbd",
740
984
  "neutralStroke2": "#d6d6d6",
985
+ "neutralStroke3": "#f0f0f0",
741
986
  "neutralStrokeAccessible": "#616161",
742
987
  "neutralStrokeAccessibleHover": "#575757",
743
988
  "neutralStrokeAccessiblePressed": "#4d4d4d",
744
989
  "neutralStrokeAccessibleSelected": "#0078d4",
745
990
  "neutralStrokeDisabled": "#e0e0e0",
991
+ "redBackground1": "#f9f0f2",
992
+ "redBackground2": "#d69ca5",
993
+ "redBackground3": "#750b1c",
994
+ "redBorder1": "#d69ca5",
995
+ "redBorder2": "#750b1c",
996
+ "redBorderActive": "#750b1c",
997
+ "redForeground1": "#690a19",
998
+ "redForeground2": "#d69ca5",
999
+ "redForeground3": "#750b1c",
1000
+ "strokeFocus1": "#ffffff",
1001
+ "strokeFocus2": "#000000",
1002
+ "subtleBackground": "transparent",
1003
+ "subtleBackgroundHover": "#f5f5f5",
1004
+ "subtleBackgroundPressed": "#e0e0e0",
1005
+ "subtleBackgroundSelected": "#ebebeb",
1006
+ "transparentBackground": "transparent",
1007
+ "transparentBackgroundHover": "transparent",
1008
+ "transparentBackgroundPressed": "transparent",
1009
+ "transparentBackgroundSelected": "transparent",
1010
+ "transparentStroke": "transparent",
1011
+ "transparentStrokeDisabled": "transparent",
1012
+ "transparentStrokeInteractive": "transparent",
746
1013
  }
747
1014
  `;
748
1015
 
749
1016
  exports[`createMacOSColorAliasTokens test mode: light, isHighContrast: true 1`] = `
750
1017
  Object {
1018
+ "brandBackground": "#0078d4",
1019
+ "brandBackground2": "#eff6fc",
1020
+ "brandBackgroundDisabled": "#d1d1d1",
1021
+ "brandBackgroundHover": "#106ebe",
1022
+ "brandBackgroundPressed": "#106ebe",
1023
+ "brandBackgroundSelected": "#005a9e",
1024
+ "brandBackgroundStatic": "#0078d4",
1025
+ "brandForeground1": "#0078d4",
1026
+ "brandForeground1Disabled": "#757575",
1027
+ "brandForeground1Pressed": "#004578",
1028
+ "brandForeground2": "#106ebe",
1029
+ "brandForegroundLink": "#0078d4",
1030
+ "brandForegroundLinkHover": "#106ebe",
1031
+ "brandForegroundLinkPressed": "#004578",
1032
+ "brandForegroundLinkSelected": "#005a9e",
1033
+ "brandStroke1": "#0078d4",
1034
+ "brandStroke2": "#c7e0f4",
1035
+ "compoundBrandBackground1": "#0078d4",
1036
+ "compoundBrandBackground1Hover": "#106ebe",
1037
+ "compoundBrandBackground1Pressed": "#004578",
1038
+ "compoundBrandForeground1": "#0078d4",
1039
+ "compoundBrandForeground1Hover": "#106ebe",
1040
+ "compoundBrandForeground1Pressed": "#004578",
1041
+ "compoundBrandStroke1": "#0078d4",
1042
+ "compoundBrandStroke1Hover": "#106ebe",
1043
+ "compoundBrandStroke1Pressed": "#004578",
751
1044
  "neutralBackground1": "#ffffff",
752
1045
  "neutralBackground1Hover": "#f5f5f5",
753
1046
  "neutralBackground1Pressed": "#ebebeb",
@@ -789,7 +1082,17 @@ Object {
789
1082
  "neutralForeground3Hover": "#424242",
790
1083
  "neutralForeground3Pressed": "#424242",
791
1084
  "neutralForeground3Selected": "#424242",
1085
+ "neutralForeground4": "#424242",
1086
+ "neutralForegroundDisabled": "#757575",
792
1087
  "neutralForegroundInverted": "#ffffff",
1088
+ "neutralForegroundInvertedLink": "#ffffff",
1089
+ "neutralForegroundInvertedLinkHover": "#ffffff",
1090
+ "neutralForegroundInvertedLinkPressed": "#ffffff",
1091
+ "neutralForegroundInvertedLinkSelected": "#ffffff",
1092
+ "neutralForegroundOnBrand": "#ffffff",
1093
+ "neutralForegroundOnBrandHover": "#ffffff",
1094
+ "neutralForegroundOnBrandPressed": "#ffffff",
1095
+ "neutralForegroundOnBrandSelected": "#ffffff",
793
1096
  "neutralStencil1": "#e6e6e6",
794
1097
  "neutralStencil2": "#fafafa",
795
1098
  "neutralStroke1": "#616161",
@@ -797,11 +1100,34 @@ Object {
797
1100
  "neutralStroke1Pressed": "#b3b3b3",
798
1101
  "neutralStroke1Selected": "#bdbdbd",
799
1102
  "neutralStroke2": "#000000",
1103
+ "neutralStroke3": "#616161",
800
1104
  "neutralStrokeAccessible": "#242424",
801
1105
  "neutralStrokeAccessibleHover": "#575757",
802
1106
  "neutralStrokeAccessiblePressed": "#4d4d4d",
803
1107
  "neutralStrokeAccessibleSelected": "#0078d4",
804
1108
  "neutralStrokeDisabled": "#e0e0e0",
1109
+ "redBackground1": "#f9f0f2",
1110
+ "redBackground2": "#d69ca5",
1111
+ "redBackground3": "#750b1c",
1112
+ "redBorder1": "#d69ca5",
1113
+ "redBorder2": "#750b1c",
1114
+ "redBorderActive": "#750b1c",
1115
+ "redForeground1": "#690a19",
1116
+ "redForeground2": "#d69ca5",
1117
+ "redForeground3": "#750b1c",
1118
+ "strokeFocus1": "#ffffff",
1119
+ "strokeFocus2": "#000000",
1120
+ "subtleBackground": "transparent",
1121
+ "subtleBackgroundHover": "#f5f5f5",
1122
+ "subtleBackgroundPressed": "#e0e0e0",
1123
+ "subtleBackgroundSelected": "#ebebeb",
1124
+ "transparentBackground": "transparent",
1125
+ "transparentBackgroundHover": "transparent",
1126
+ "transparentBackgroundPressed": "transparent",
1127
+ "transparentBackgroundSelected": "transparent",
1128
+ "transparentStroke": "#000000",
1129
+ "transparentStrokeDisabled": "#bdbdbd",
1130
+ "transparentStrokeInteractive": "#666666",
805
1131
  }
806
1132
  `;
807
1133