@fluentui-react-native/win32-theme 0.14.15 → 0.15.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.
Files changed (65) hide show
  1. package/CHANGELOG.json +34 -1
  2. package/CHANGELOG.md +13 -2
  3. package/lib/black/tokens-alias.d.ts +3 -0
  4. package/lib/black/tokens-alias.d.ts.map +1 -0
  5. package/lib/black/tokens-alias.js +3 -0
  6. package/lib/black/tokens-alias.js.map +1 -0
  7. package/lib/colorful/tokens-alias.d.ts +3 -0
  8. package/lib/colorful/tokens-alias.d.ts.map +1 -0
  9. package/lib/colorful/tokens-alias.js +3 -0
  10. package/lib/colorful/tokens-alias.js.map +1 -0
  11. package/lib/createOfficeAliasTokens.js +1 -1
  12. package/lib/createOfficeAliasTokens.js.map +1 -1
  13. package/lib/darkGray/tokens-alias.d.ts +3 -0
  14. package/lib/darkGray/tokens-alias.d.ts.map +1 -0
  15. package/lib/darkGray/tokens-alias.js +3 -0
  16. package/lib/darkGray/tokens-alias.js.map +1 -0
  17. package/lib/generated/black/tokens-aliases.json +292 -0
  18. package/lib/generated/colorful/tokens-aliases.json +292 -0
  19. package/lib/generated/darkGray/tokens-aliases.json +292 -0
  20. package/lib/generated/highContrast/tokens-aliases.json +292 -0
  21. package/lib/getOfficeAliasTokens.d.ts +2 -0
  22. package/lib/getOfficeAliasTokens.d.ts.map +1 -0
  23. package/lib/getOfficeAliasTokens.js +20 -0
  24. package/lib/getOfficeAliasTokens.js.map +1 -0
  25. package/lib/highContrast/tokens-alias.d.ts +3 -0
  26. package/lib/highContrast/tokens-alias.d.ts.map +1 -0
  27. package/lib/highContrast/tokens-alias.js +17 -0
  28. package/lib/highContrast/tokens-alias.js.map +1 -0
  29. package/lib-commonjs/black/tokens-alias.d.ts +3 -0
  30. package/lib-commonjs/black/tokens-alias.d.ts.map +1 -0
  31. package/lib-commonjs/black/tokens-alias.js +6 -0
  32. package/lib-commonjs/black/tokens-alias.js.map +1 -0
  33. package/lib-commonjs/colorful/tokens-alias.d.ts +3 -0
  34. package/lib-commonjs/colorful/tokens-alias.d.ts.map +1 -0
  35. package/lib-commonjs/colorful/tokens-alias.js +6 -0
  36. package/lib-commonjs/colorful/tokens-alias.js.map +1 -0
  37. package/lib-commonjs/createOfficeAliasTokens.js +2 -2
  38. package/lib-commonjs/createOfficeAliasTokens.js.map +1 -1
  39. package/lib-commonjs/darkGray/tokens-alias.d.ts +3 -0
  40. package/lib-commonjs/darkGray/tokens-alias.d.ts.map +1 -0
  41. package/lib-commonjs/darkGray/tokens-alias.js +6 -0
  42. package/lib-commonjs/darkGray/tokens-alias.js.map +1 -0
  43. package/lib-commonjs/generated/black/tokens-aliases.json +292 -0
  44. package/lib-commonjs/generated/colorful/tokens-aliases.json +292 -0
  45. package/lib-commonjs/generated/darkGray/tokens-aliases.json +292 -0
  46. package/lib-commonjs/generated/highContrast/tokens-aliases.json +292 -0
  47. package/lib-commonjs/getOfficeAliasTokens.d.ts +2 -0
  48. package/lib-commonjs/getOfficeAliasTokens.d.ts.map +1 -0
  49. package/lib-commonjs/getOfficeAliasTokens.js +25 -0
  50. package/lib-commonjs/getOfficeAliasTokens.js.map +1 -0
  51. package/lib-commonjs/highContrast/tokens-alias.d.ts +3 -0
  52. package/lib-commonjs/highContrast/tokens-alias.d.ts.map +1 -0
  53. package/lib-commonjs/highContrast/tokens-alias.js +20 -0
  54. package/lib-commonjs/highContrast/tokens-alias.js.map +1 -0
  55. package/package.json +4 -4
  56. package/src/black/tokens-alias.ts +3 -0
  57. package/src/colorful/tokens-alias.ts +3 -0
  58. package/src/createOfficeAliasTokens.ts +1 -1
  59. package/src/darkGray/tokens-alias.ts +3 -0
  60. package/src/generated/black/tokens-aliases.json +292 -0
  61. package/src/generated/colorful/tokens-aliases.json +292 -0
  62. package/src/generated/darkGray/tokens-aliases.json +292 -0
  63. package/src/generated/highContrast/tokens-aliases.json +292 -0
  64. package/src/getOfficeAliasTokens.ts +18 -0
  65. package/src/highContrast/tokens-alias.ts +19 -0
@@ -0,0 +1,292 @@
1
+ {
2
+ "body": {
3
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
4
+ "fontLineHeight": 20,
5
+ "fontSize": 14,
6
+ "fontWeight": "400"
7
+ },
8
+ "bodyStrong": {
9
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
10
+ "fontLineHeight": 20,
11
+ "fontSize": 14,
12
+ "fontWeight": "600"
13
+ },
14
+ "borderless": {
15
+ "strokeAlignment": "inner",
16
+ "strokeColorRest": "transparent",
17
+ "strokeColorHover": "transparent",
18
+ "strokeColorPressed": "transparent",
19
+ "strokeColorDisabled": "transparent",
20
+ "strokeWidth": 1
21
+ },
22
+ "brandBackground": {
23
+ "fillColorRest": "#185abd",
24
+ "fillColorHover": "#1651aa",
25
+ "fillColorPressed": "#0e336a",
26
+ "fillColorSelected": "#13458f"
27
+ },
28
+ "brandBackground2": {
29
+ "fillColorRest": "#d2e0f4"
30
+ },
31
+ "brandBackgroundStatic": {
32
+ "fillColorRest": "#185abd"
33
+ },
34
+ "brandForeground1": {
35
+ "fillColorRest": "#aec6eb"
36
+ },
37
+ "brandForeground2": {
38
+ "fillColorRest": "#d2e0f4"
39
+ },
40
+ "brandForegroundLink": {
41
+ "fillColorRest": "#aec6eb",
42
+ "fillColorHover": "#d2e0f4",
43
+ "fillColorPressed": "#2e6ac5",
44
+ "fillColorSelected": "#d2e0f4"
45
+ },
46
+ "brandStroke1": {
47
+ "strokeColorRest": "#185abd",
48
+ "strokeWidth": 1
49
+ },
50
+ "brandStroke2": {
51
+ "strokeColorRest": "#6794d7",
52
+ "strokeWidth": 1
53
+ },
54
+ "caption": {
55
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
56
+ "fontLineHeight": 16,
57
+ "fontSize": 12,
58
+ "fontWeight": "400"
59
+ },
60
+ "compoundBrandBackground1": {
61
+ "fillColorRest": "#185abd",
62
+ "fillColorHover": "#1651aa",
63
+ "fillColorPressed": "#0e336a"
64
+ },
65
+ "compoundBrandForeground1": {
66
+ "fillColorRest": "#aec6eb",
67
+ "fillColorHover": "#d2e0f4",
68
+ "fillColorPressed": "#2e6ac5"
69
+ },
70
+ "compoundBrandStroke1": {
71
+ "strokeColorRest": "#185abd",
72
+ "strokeColorHover": "#1651aa",
73
+ "strokeColorPressed": "#0e336a",
74
+ "strokeWidth": 1
75
+ },
76
+ "display": {
77
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
78
+ "fontLineHeight": 92,
79
+ "fontSize": 68,
80
+ "fontWeight": "600"
81
+ },
82
+ "headline": {
83
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
84
+ "fontLineHeight": 28,
85
+ "fontSize": 20,
86
+ "fontWeight": "600"
87
+ },
88
+ "largeTitle": {
89
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
90
+ "fontLineHeight": 52,
91
+ "fontSize": 40,
92
+ "fontWeight": "600"
93
+ },
94
+ "neutralBackground1": {
95
+ "fillColorRest": "#4d4d4d",
96
+ "fillColorHover": "#5c5c5c",
97
+ "fillColorPressed": "#424242",
98
+ "fillColorSelected": "#575757"
99
+ },
100
+ "neutralBackground2": {
101
+ "fillColorRest": "#424242",
102
+ "fillColorHover": "#525252",
103
+ "fillColorPressed": "#383838",
104
+ "fillColorSelected": "#4d4d4d"
105
+ },
106
+ "neutralBackground3": {
107
+ "fillColorRest": "#383838",
108
+ "fillColorHover": "#474747",
109
+ "fillColorPressed": "#2e2e2e",
110
+ "fillColorSelected": "#424242"
111
+ },
112
+ "neutralBackground4": {
113
+ "fillColorRest": "#2e2e2e",
114
+ "fillColorHover": "#3d3d3d",
115
+ "fillColorPressed": "#242424",
116
+ "fillColorSelected": "#383838"
117
+ },
118
+ "neutralBackground5": {
119
+ "fillColorRest": "#242424",
120
+ "fillColorHover": "#333333",
121
+ "fillColorPressed": "#1a1a1a",
122
+ "fillColorSelected": "#2e2e2e"
123
+ },
124
+ "neutralBackground6": {
125
+ "fillColorRest": "#1a1a1a"
126
+ },
127
+ "neutralBackgroundDisabled": {
128
+ "fillColorRest": "#383838"
129
+ },
130
+ "neutralBackgroundInverted": {
131
+ "fillColorRest": "#ffffff"
132
+ },
133
+ "neutralForeground1": {
134
+ "fillColorRest": "#ffffff",
135
+ "fillColorHover": "#ffffff",
136
+ "fillColorPressed": "#ffffff",
137
+ "fillColorSelected": "#ffffff"
138
+ },
139
+ "neutralForeground2": {
140
+ "fillColorRest": "#e6e6e6",
141
+ "fillColorHover": "#ffffff",
142
+ "fillColorPressed": "#ffffff",
143
+ "fillColorBrandHover": "#d2e0f4",
144
+ "fillColorBrandPressed": "#2e6ac5",
145
+ "fillColorBrandSelected": "#d2e0f4",
146
+ "fillColorSelected": "#ffffff"
147
+ },
148
+ "neutralForeground3": {
149
+ "fillColorRest": "#cccccc",
150
+ "fillColorHover": "#e6e6e6",
151
+ "fillColorPressed": "#e6e6e6",
152
+ "fillColorBrandHover": "#d2e0f4",
153
+ "fillColorBrandPressed": "#2e6ac5",
154
+ "fillColorBrandSelected": "#d2e0f4",
155
+ "fillColorSelected": "#e6e6e6"
156
+ },
157
+ "neutralForeground4": {
158
+ "fillColorRest": "#c2c2c2"
159
+ },
160
+ "neutralForegroundDisabled": {
161
+ "fillColorRest": "#666666"
162
+ },
163
+ "neutralForegroundInverted": {
164
+ "fillColorRest": "#000000"
165
+ },
166
+ "neutralForegroundInvertedLink": {
167
+ "fillColorRest": "#4d4d4d",
168
+ "fillColorHover": "#4d4d4d",
169
+ "fillColorPressed": "#4d4d4d",
170
+ "fillColorSelected": "#4d4d4d"
171
+ },
172
+ "neutralForegroundOnBrand": {
173
+ "fillColorRest": "#ffffff",
174
+ "fillColorHover": "#ffffff",
175
+ "fillColorPressed": "#ffffff",
176
+ "fillColorSelected": "#ffffff"
177
+ },
178
+ "neutralStencil1": {
179
+ "fillColorRest": "#1a1a1a"
180
+ },
181
+ "neutralStencil2": {
182
+ "fillColorRest": "#424242"
183
+ },
184
+ "neutralStroke1": {
185
+ "strokeColorRest": "#8a8a8a",
186
+ "strokeColorHover": "#999999",
187
+ "strokeColorPressed": "#8f8f8f",
188
+ "strokeColorSelected": "#949494",
189
+ "strokeWidth": 1
190
+ },
191
+ "neutralStroke2": {
192
+ "strokeColorRest": "#757575",
193
+ "strokeWidth": 1
194
+ },
195
+ "neutralStroke3": {
196
+ "strokeColorRest": "#616161",
197
+ "strokeWidth": 1
198
+ },
199
+ "neutralStrokeAccessible": {
200
+ "strokeColorRest": "#a8a8a8",
201
+ "strokeColorHover": "#b8b8b8",
202
+ "strokeColorPressed": "#adadad",
203
+ "strokeColorSelected": "#185abd",
204
+ "strokeWidth": 1
205
+ },
206
+ "neutralStrokeDisabled": {
207
+ "strokeColorRest": "#474747",
208
+ "strokeWidth": 1
209
+ },
210
+ "redBackground1": {
211
+ "fillColorRest": "#230308"
212
+ },
213
+ "redBackground2": {
214
+ "fillColorRest": "#420610"
215
+ },
216
+ "redBackground3": {
217
+ "fillColorRest": "#750b1c"
218
+ },
219
+ "redBorder1": {
220
+ "strokeColorRest": "#750b1c",
221
+ "strokeWidth": 1
222
+ },
223
+ "redBorder2": {
224
+ "strokeColorRest": "#962f3f",
225
+ "strokeWidth": 1
226
+ },
227
+ "redBorderActive": {
228
+ "strokeColorRest": "#ac4f5e",
229
+ "strokeWidth": 1
230
+ },
231
+ "redForeground1": {
232
+ "fillColorRest": "#ac4f5e"
233
+ },
234
+ "redForeground2": {
235
+ "fillColorRest": "#d69ca5"
236
+ },
237
+ "redForeground3": {
238
+ "fillColorRest": "#962f3f"
239
+ },
240
+ "strokeFocus1": {
241
+ "strokeColorRest": "#000000",
242
+ "strokeWidth": 1
243
+ },
244
+ "strokeFocus2": {
245
+ "strokeColorRest": "#ffffff",
246
+ "strokeWidth": 1
247
+ },
248
+ "subheadline": {
249
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
250
+ "fontLineHeight": 22,
251
+ "fontSize": 16,
252
+ "fontWeight": "600"
253
+ },
254
+ "subtleBackground": {
255
+ "fillColorRest": "transparent",
256
+ "fillColorHover": "#5c5c5c",
257
+ "fillColorPressed": "#424242",
258
+ "fillColorSelected": "#575757"
259
+ },
260
+ "title1": {
261
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
262
+ "fontLineHeight": 40,
263
+ "fontSize": 32,
264
+ "fontWeight": "600"
265
+ },
266
+ "title2": {
267
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
268
+ "fontLineHeight": 36,
269
+ "fontSize": 28,
270
+ "fontWeight": "600"
271
+ },
272
+ "title3": {
273
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
274
+ "fontLineHeight": 32,
275
+ "fontSize": 24,
276
+ "fontWeight": "600"
277
+ },
278
+ "transparentBackground": {
279
+ "fillColorRest": "transparent",
280
+ "fillColorHover": "transparent",
281
+ "fillColorPressed": "transparent",
282
+ "fillColorSelected": "transparent"
283
+ },
284
+ "transparentStroke": {
285
+ "strokeAlignment": "inner",
286
+ "strokeColorRest": "transparent",
287
+ "strokeColorHover": "transparent",
288
+ "strokeColorPressed": "transparent",
289
+ "strokeColorDisabled": "transparent",
290
+ "strokeWidth": 1
291
+ }
292
+ }
@@ -0,0 +1,292 @@
1
+ {
2
+ "body": {
3
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
4
+ "fontLineHeight": 20,
5
+ "fontSize": 14,
6
+ "fontWeight": "400"
7
+ },
8
+ "bodyStrong": {
9
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
10
+ "fontLineHeight": 20,
11
+ "fontSize": 14,
12
+ "fontWeight": "600"
13
+ },
14
+ "borderless": {
15
+ "strokeAlignment": "inner",
16
+ "strokeColorRest": "transparent",
17
+ "strokeColorHover": "transparent",
18
+ "strokeColorPressed": "transparent",
19
+ "strokeColorDisabled": "transparent",
20
+ "strokeWidth": 1
21
+ },
22
+ "brandBackground": {
23
+ "fillColorRest": "PlatformColor(ButtonFace)",
24
+ "fillColorHover": "PlatformColor(Highlight)",
25
+ "fillColorPressed": "PlatformColor(Highlight)",
26
+ "fillColorSelected": "PlatformColor(Highlight)"
27
+ },
28
+ "brandBackground2": {
29
+ "fillColorRest": "PlatformColor(ButtonFace)"
30
+ },
31
+ "brandBackgroundStatic": {
32
+ "fillColorRest": "PlatformColor(Window)"
33
+ },
34
+ "brandForeground1": {
35
+ "fillColorRest": "PlatformColor(WindowText)"
36
+ },
37
+ "brandForeground2": {
38
+ "fillColorRest": "PlatformColor(ButtonText)"
39
+ },
40
+ "brandForegroundLink": {
41
+ "fillColorRest": "PlatformColor(Hotlight)",
42
+ "fillColorHover": "PlatformColor(Hotlight)",
43
+ "fillColorPressed": "PlatformColor(Hotlight)",
44
+ "fillColorSelected": "PlatformColor(Hotlight)"
45
+ },
46
+ "brandStroke1": {
47
+ "strokeColorRest": "PlatformColor(WindowText)",
48
+ "strokeWidth": 1
49
+ },
50
+ "brandStroke2": {
51
+ "strokeColorRest": "PlatformColor(Window)",
52
+ "strokeWidth": 1
53
+ },
54
+ "caption": {
55
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
56
+ "fontLineHeight": 16,
57
+ "fontSize": 12,
58
+ "fontWeight": "400"
59
+ },
60
+ "compoundBrandBackground1": {
61
+ "fillColorRest": "PlatformColor(Highlight)",
62
+ "fillColorHover": "PlatformColor(Highlight)",
63
+ "fillColorPressed": "PlatformColor(Highlight)"
64
+ },
65
+ "compoundBrandForeground1": {
66
+ "fillColorRest": "PlatformColor(Highlight)",
67
+ "fillColorHover": "PlatformColor(Highlight)",
68
+ "fillColorPressed": "PlatformColor(Highlight)"
69
+ },
70
+ "compoundBrandStroke1": {
71
+ "strokeColorRest": "PlatformColor(Window)",
72
+ "strokeColorHover": "PlatformColor(Highlight)",
73
+ "strokeColorPressed": "PlatformColor(Highlight)",
74
+ "strokeWidth": 1
75
+ },
76
+ "display": {
77
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
78
+ "fontLineHeight": 92,
79
+ "fontSize": 68,
80
+ "fontWeight": "600"
81
+ },
82
+ "headline": {
83
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
84
+ "fontLineHeight": 28,
85
+ "fontSize": 20,
86
+ "fontWeight": "600"
87
+ },
88
+ "largeTitle": {
89
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
90
+ "fontLineHeight": 52,
91
+ "fontSize": 40,
92
+ "fontWeight": "600"
93
+ },
94
+ "neutralBackground1": {
95
+ "fillColorRest": "PlatformColor(Window)",
96
+ "fillColorHover": "PlatformColor(Highlight)",
97
+ "fillColorPressed": "PlatformColor(Highlight)",
98
+ "fillColorSelected": "PlatformColor(Highlight)"
99
+ },
100
+ "neutralBackground2": {
101
+ "fillColorRest": "PlatformColor(Window)",
102
+ "fillColorHover": "PlatformColor(Highlight)",
103
+ "fillColorPressed": "PlatformColor(Highlight)",
104
+ "fillColorSelected": "PlatformColor(Highlight)"
105
+ },
106
+ "neutralBackground3": {
107
+ "fillColorRest": "PlatformColor(Window)",
108
+ "fillColorHover": "PlatformColor(Highlight)",
109
+ "fillColorPressed": "PlatformColor(Highlight)",
110
+ "fillColorSelected": "PlatformColor(Highlight)"
111
+ },
112
+ "neutralBackground4": {
113
+ "fillColorRest": "PlatformColor(Window)",
114
+ "fillColorHover": "PlatformColor(Highlight)",
115
+ "fillColorPressed": "PlatformColor(Highlight)",
116
+ "fillColorSelected": "PlatformColor(Highlight)"
117
+ },
118
+ "neutralBackground5": {
119
+ "fillColorRest": "PlatformColor(Window)",
120
+ "fillColorHover": "PlatformColor(Highlight)",
121
+ "fillColorPressed": "PlatformColor(Highlight)",
122
+ "fillColorSelected": "PlatformColor(Highlight)"
123
+ },
124
+ "neutralBackground6": {
125
+ "fillColorRest": "PlatformColor(Window)"
126
+ },
127
+ "neutralBackgroundDisabled": {
128
+ "fillColorRest": "PlatformColor(Window)"
129
+ },
130
+ "neutralBackgroundInverted": {
131
+ "fillColorRest": "PlatformColor(WindowText)"
132
+ },
133
+ "neutralForeground1": {
134
+ "fillColorRest": "PlatformColor(WindowText)",
135
+ "fillColorHover": "PlatformColor(HighlightText)",
136
+ "fillColorPressed": "PlatformColor(HighlightText)",
137
+ "fillColorSelected": "PlatformColor(HighlightText)"
138
+ },
139
+ "neutralForeground2": {
140
+ "fillColorRest": "PlatformColor(WindowText)",
141
+ "fillColorHover": "PlatformColor(HighlightText)",
142
+ "fillColorPressed": "PlatformColor(HighlightText)",
143
+ "fillColorBrandHover": "PlatformColor(HighlightText)",
144
+ "fillColorBrandPressed": "PlatformColor(HighlightText)",
145
+ "fillColorBrandSelected": "PlatformColor(HighlightText)",
146
+ "fillColorSelected": "PlatformColor(HighlightText)"
147
+ },
148
+ "neutralForeground3": {
149
+ "fillColorRest": "PlatformColor(WindowText)",
150
+ "fillColorHover": "PlatformColor(HighlightText)",
151
+ "fillColorPressed": "PlatformColor(HighlightText)",
152
+ "fillColorBrandHover": "PlatformColor(HighlightText)",
153
+ "fillColorBrandPressed": "PlatformColor(HighlightText)",
154
+ "fillColorBrandSelected": "PlatformColor(HighlightText)",
155
+ "fillColorSelected": "PlatformColor(HighlightText)"
156
+ },
157
+ "neutralForeground4": {
158
+ "fillColorRest": "PlatformColor(WindowText)"
159
+ },
160
+ "neutralForegroundDisabled": {
161
+ "fillColorRest": "PlatformColor(GrayText)"
162
+ },
163
+ "neutralForegroundInverted": {
164
+ "fillColorRest": "PlatformColor(Window)"
165
+ },
166
+ "neutralForegroundInvertedLink": {
167
+ "fillColorRest": "PlatformColor(Hotlight)",
168
+ "fillColorHover": "PlatformColor(Hotlight)",
169
+ "fillColorPressed": "PlatformColor(Hotlight)",
170
+ "fillColorSelected": "PlatformColor(Hotlight)"
171
+ },
172
+ "neutralForegroundOnBrand": {
173
+ "fillColorRest": "PlatformColor(ButtonText)",
174
+ "fillColorHover": "PlatformColor(HighlightText)",
175
+ "fillColorPressed": "PlatformColor(HighlightText)",
176
+ "fillColorSelected": "PlatformColor(HighlightText)"
177
+ },
178
+ "neutralStencil1": {
179
+ "fillColorRest": "#141414"
180
+ },
181
+ "neutralStencil2": {
182
+ "fillColorRest": "#858585"
183
+ },
184
+ "neutralStroke1": {
185
+ "strokeColorRest": "PlatformColor(WindowText)",
186
+ "strokeColorHover": "PlatformColor(Highlight)",
187
+ "strokeColorPressed": "PlatformColor(Highlight)",
188
+ "strokeColorSelected": "PlatformColor(Highlight)",
189
+ "strokeWidth": 1
190
+ },
191
+ "neutralStroke2": {
192
+ "strokeColorRest": "PlatformColor(WindowText)",
193
+ "strokeWidth": 1
194
+ },
195
+ "neutralStroke3": {
196
+ "strokeColorRest": "PlatformColor(WindowText)",
197
+ "strokeWidth": 1
198
+ },
199
+ "neutralStrokeAccessible": {
200
+ "strokeColorRest": "PlatformColor(WindowText)",
201
+ "strokeColorHover": "PlatformColor(Highlight)",
202
+ "strokeColorPressed": "PlatformColor(Highlight)",
203
+ "strokeColorSelected": "PlatformColor(Highlight)",
204
+ "strokeWidth": 1
205
+ },
206
+ "neutralStrokeDisabled": {
207
+ "strokeColorRest": "PlatformColor(GrayText)",
208
+ "strokeWidth": 1
209
+ },
210
+ "redBackground1": {
211
+ "fillColorRest": "PlatformColor(ButtonFace)"
212
+ },
213
+ "redBackground2": {
214
+ "fillColorRest": "PlatformColor(Window)"
215
+ },
216
+ "redBackground3": {
217
+ "fillColorRest": "PlatformColor(ButtonFace)"
218
+ },
219
+ "redBorder1": {
220
+ "strokeColorRest": "PlatformColor(WindowText)",
221
+ "strokeWidth": 1
222
+ },
223
+ "redBorder2": {
224
+ "strokeColorRest": "PlatformColor(WindowText)",
225
+ "strokeWidth": 1
226
+ },
227
+ "redBorderActive": {
228
+ "strokeColorRest": "PlatformColor(Highlight)",
229
+ "strokeWidth": 1
230
+ },
231
+ "redForeground1": {
232
+ "fillColorRest": "PlatformColor(ButtonText)"
233
+ },
234
+ "redForeground2": {
235
+ "fillColorRest": "PlatformColor(WindowText)"
236
+ },
237
+ "redForeground3": {
238
+ "fillColorRest": "PlatformColor(WindowText)"
239
+ },
240
+ "strokeFocus1": {
241
+ "strokeColorRest": "PlatformColor(Window)",
242
+ "strokeWidth": 1
243
+ },
244
+ "strokeFocus2": {
245
+ "strokeColorRest": "PlatformColor(Highlight)",
246
+ "strokeWidth": 1
247
+ },
248
+ "subheadline": {
249
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
250
+ "fontLineHeight": 22,
251
+ "fontSize": 16,
252
+ "fontWeight": "600"
253
+ },
254
+ "subtleBackground": {
255
+ "fillColorRest": "transparent",
256
+ "fillColorHover": "PlatformColor(Highlight)",
257
+ "fillColorPressed": "PlatformColor(Highlight)",
258
+ "fillColorSelected": "PlatformColor(Highlight)"
259
+ },
260
+ "title1": {
261
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
262
+ "fontLineHeight": 40,
263
+ "fontSize": 32,
264
+ "fontWeight": "600"
265
+ },
266
+ "title2": {
267
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
268
+ "fontLineHeight": 36,
269
+ "fontSize": 28,
270
+ "fontWeight": "600"
271
+ },
272
+ "title3": {
273
+ "fontFamily": "\"Segoe UI\", Roboto, \"SF Pro Text\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
274
+ "fontLineHeight": 32,
275
+ "fontSize": 24,
276
+ "fontWeight": "600"
277
+ },
278
+ "transparentBackground": {
279
+ "fillColorRest": "transparent",
280
+ "fillColorHover": "transparent",
281
+ "fillColorPressed": "transparent",
282
+ "fillColorSelected": "transparent"
283
+ },
284
+ "transparentStroke": {
285
+ "strokeAlignment": "inner",
286
+ "strokeColorRest": "PlatformColor(WindowText)",
287
+ "strokeColorHover": "PlatformColor(Highlight)",
288
+ "strokeColorPressed": "PlatformColor(Highlight)",
289
+ "strokeColorDisabled": "PlatformColor(GrayText)",
290
+ "strokeWidth": 1
291
+ }
292
+ }
@@ -0,0 +1,18 @@
1
+ import * as colorfulAliasTokens from './colorful/tokens-alias';
2
+ import * as darkGrayAliasTokens from './darkGray/tokens-alias';
3
+ import * as blackAliasTokens from './black/tokens-alias';
4
+ import * as hcAliasTokens from './highContrast/tokens-alias';
5
+
6
+ export function getOfficeAliasTokens(officeTheme: string) {
7
+ if (officeTheme === 'White' || officeTheme === 'Colorful') {
8
+ return colorfulAliasTokens.default;
9
+ } else if (officeTheme === 'DarkGray') {
10
+ return darkGrayAliasTokens.default;
11
+ } else if (officeTheme === 'Black') {
12
+ return blackAliasTokens.default;
13
+ } else if (officeTheme === 'HighContrast') {
14
+ return hcAliasTokens.default;
15
+ }
16
+
17
+ return colorfulAliasTokens.default;
18
+ }
@@ -0,0 +1,19 @@
1
+ import { PlatformColor } from 'react-native';
2
+ import aliasTokens from '../generated/highContrast/tokens-aliases.json';
3
+
4
+ const generatedAliasTokens = processAliasTokens(aliasTokens);
5
+ export default generatedAliasTokens;
6
+
7
+ function processAliasTokens(aliasTokens: any) {
8
+ for (const key in aliasTokens) {
9
+ for (const innerKey in aliasTokens[key]) {
10
+ const entry = aliasTokens[key][innerKey];
11
+ if (typeof entry === 'string' && entry.includes('PlatformColor')) {
12
+ const color = entry.substring(14, entry.length - 1);
13
+ aliasTokens[key][innerKey] = PlatformColor(color);
14
+ }
15
+ }
16
+ }
17
+
18
+ return aliasTokens;
19
+ }