@fluentui-react-native/apple-theme 0.29.0 → 0.29.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 (95) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/README.md +1 -1
  3. package/lib/__tests__/apple-theme.test.d.ts +1 -1
  4. package/lib/__tests__/apple-theme.test.js +41 -42
  5. package/lib/appleColors.ios.d.ts +1 -1
  6. package/lib/appleColors.ios.js +174 -174
  7. package/lib/appleColors.macos.d.ts +1 -1
  8. package/lib/appleColors.macos.d.ts.map +1 -1
  9. package/lib/appleColors.macos.js +367 -369
  10. package/lib/appleColors.macos.js.map +1 -1
  11. package/lib/appleColors.types.ios.d.ts +15 -15
  12. package/lib/appleColors.types.ios.js +1 -1
  13. package/lib/appleColors.types.macos.d.ts +146 -146
  14. package/lib/appleColors.types.macos.js +1 -1
  15. package/lib/appleHighContrast.macos.d.ts +1 -1
  16. package/lib/appleHighContrast.macos.js +3 -3
  17. package/lib/appleShadows.ios.d.ts +1 -1
  18. package/lib/appleShadows.ios.js +4 -4
  19. package/lib/appleShadows.macos.d.ts +1 -1
  20. package/lib/appleShadows.macos.js +2 -2
  21. package/lib/appleTheme.ios.d.ts +1 -1
  22. package/lib/appleTheme.ios.js +122 -122
  23. package/lib/appleTheme.macos.d.ts +53 -53
  24. package/lib/appleTheme.macos.js +68 -68
  25. package/lib/appleTypography.ios.d.ts +1 -1
  26. package/lib/appleTypography.ios.js +50 -50
  27. package/lib/appleTypography.macos.d.ts +2 -2
  28. package/lib/appleTypography.macos.js +63 -63
  29. package/lib/createAppleTheme.d.ts +1 -1
  30. package/lib/createAppleTheme.ios.d.ts +1 -1
  31. package/lib/createAppleTheme.ios.js +14 -14
  32. package/lib/createAppleTheme.js +3 -3
  33. package/lib/createAppleTheme.macos.d.ts +1 -1
  34. package/lib/createAppleTheme.macos.d.ts.map +1 -1
  35. package/lib/createAppleTheme.macos.js +19 -23
  36. package/lib/createAppleTheme.macos.js.map +1 -1
  37. package/lib/createFontAliasTokens.ios.d.ts +1 -1
  38. package/lib/createFontAliasTokens.ios.js +2 -2
  39. package/lib/createMacOSAliasTokens.d.ts +1 -1
  40. package/lib/createMacOSAliasTokens.js +5 -5
  41. package/lib/createiOSAliasTokens.d.ts +1 -1
  42. package/lib/createiOSAliasTokens.js +5 -5
  43. package/lib/getMacOSTokens.d.ts +435 -443
  44. package/lib/getMacOSTokens.js +45 -35
  45. package/lib/index.d.ts +1 -1
  46. package/lib/index.js +1 -1
  47. package/lib-commonjs/__tests__/apple-theme.test.d.ts +1 -1
  48. package/lib-commonjs/__tests__/apple-theme.test.js +46 -47
  49. package/lib-commonjs/appleColors.ios.d.ts +1 -1
  50. package/lib-commonjs/appleColors.ios.js +180 -180
  51. package/lib-commonjs/appleColors.macos.d.ts +1 -1
  52. package/lib-commonjs/appleColors.macos.d.ts.map +1 -1
  53. package/lib-commonjs/appleColors.macos.js +372 -380
  54. package/lib-commonjs/appleColors.macos.js.map +1 -1
  55. package/lib-commonjs/appleColors.types.ios.d.ts +15 -15
  56. package/lib-commonjs/appleColors.types.ios.js +3 -3
  57. package/lib-commonjs/appleColors.types.macos.d.ts +146 -146
  58. package/lib-commonjs/appleColors.types.macos.js +3 -3
  59. package/lib-commonjs/appleHighContrast.macos.d.ts +1 -1
  60. package/lib-commonjs/appleHighContrast.macos.js +6 -6
  61. package/lib-commonjs/appleShadows.ios.d.ts +1 -1
  62. package/lib-commonjs/appleShadows.ios.js +9 -9
  63. package/lib-commonjs/appleShadows.macos.d.ts +1 -1
  64. package/lib-commonjs/appleShadows.macos.js +6 -6
  65. package/lib-commonjs/appleTheme.ios.d.ts +1 -1
  66. package/lib-commonjs/appleTheme.ios.js +128 -128
  67. package/lib-commonjs/appleTheme.macos.d.ts +53 -53
  68. package/lib-commonjs/appleTheme.macos.js +74 -74
  69. package/lib-commonjs/appleTypography.ios.d.ts +1 -1
  70. package/lib-commonjs/appleTypography.ios.js +53 -53
  71. package/lib-commonjs/appleTypography.macos.d.ts +2 -2
  72. package/lib-commonjs/appleTypography.macos.js +65 -65
  73. package/lib-commonjs/createAppleTheme.d.ts +1 -1
  74. package/lib-commonjs/createAppleTheme.ios.d.ts +1 -1
  75. package/lib-commonjs/createAppleTheme.ios.js +20 -20
  76. package/lib-commonjs/createAppleTheme.js +7 -7
  77. package/lib-commonjs/createAppleTheme.macos.d.ts +1 -1
  78. package/lib-commonjs/createAppleTheme.macos.d.ts.map +1 -1
  79. package/lib-commonjs/createAppleTheme.macos.js +27 -31
  80. package/lib-commonjs/createAppleTheme.macos.js.map +1 -1
  81. package/lib-commonjs/createFontAliasTokens.ios.d.ts +1 -1
  82. package/lib-commonjs/createFontAliasTokens.ios.js +10 -12
  83. package/lib-commonjs/createMacOSAliasTokens.d.ts +1 -1
  84. package/lib-commonjs/createMacOSAliasTokens.js +10 -10
  85. package/lib-commonjs/createiOSAliasTokens.d.ts +1 -1
  86. package/lib-commonjs/createiOSAliasTokens.js +10 -10
  87. package/lib-commonjs/getMacOSTokens.d.ts +435 -443
  88. package/lib-commonjs/getMacOSTokens.js +59 -51
  89. package/lib-commonjs/index.d.ts +1 -1
  90. package/lib-commonjs/index.js +10 -30
  91. package/package.json +27 -26
  92. package/src/appleColors.macos.ts +0 -2
  93. package/src/appleTypography.macos.ts +1 -1
  94. package/src/createAppleTheme.macos.ts +0 -4
  95. package/eslint.config.js +0 -3
@@ -1,391 +1,383 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.fallbackApplePalette = fallbackApplePalette;
4
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
5
- // @ts-ignore
6
- const react_native_macos_1 = require('react-native-macos');
7
- const appleHighContrast_macos_1 = require('./appleHighContrast.macos');
8
- const createMacOSAliasTokens_1 = require('./createMacOSAliasTokens');
4
+ const react_native_macos_1 = require("react-native-macos");
5
+ const appleHighContrast_macos_1 = require("./appleHighContrast.macos");
6
+ const createMacOSAliasTokens_1 = require("./createMacOSAliasTokens");
9
7
  /** Creates a Palette of PlatformColors defined for macOS */
10
8
  function getAppleSemanticPalette() {
11
- return {
12
- labelColor: (0, react_native_macos_1.PlatformColor)('labelColor'),
13
- secondaryLabelColor: (0, react_native_macos_1.PlatformColor)('secondaryLabelColor'),
14
- tertiaryLabelColor: (0, react_native_macos_1.PlatformColor)('tertiaryLabelColor'),
15
- quaternaryLabelColor: (0, react_native_macos_1.PlatformColor)('quaternaryLabelColor'),
16
- textColor: (0, react_native_macos_1.PlatformColor)('textColor'),
17
- placeholderTextColor: (0, react_native_macos_1.PlatformColor)('placeholderTextColor'),
18
- textBackgroundColor: (0, react_native_macos_1.PlatformColor)('textBackgroundColor'),
19
- selectedTextColor: (0, react_native_macos_1.PlatformColor)('selectedTexColor'),
20
- selectedTextBackgroundColor: (0, react_native_macos_1.PlatformColor)('selectedTextBackgroundColor'),
21
- keyboardFocusIndicatorColor: (0, react_native_macos_1.PlatformColor)('keyboardFocusIndicatorColor'),
22
- unemphasizedSelectedTextColor: (0, react_native_macos_1.PlatformColor)('unemphasizedSelectedTextColor'),
23
- unemphasizedSelectedTextBackgroundColor: (0, react_native_macos_1.PlatformColor)('unemphasizedSelectedTextBackgroundColor'),
24
- linkColor: (0, react_native_macos_1.PlatformColor)('linkColor'),
25
- separatorColor: (0, react_native_macos_1.PlatformColor)('separatorColor'),
26
- selectedContentBackgroundColor: (0, react_native_macos_1.PlatformColor)('selectedContentBackgroundColor'),
27
- unemphasizedSelectedContentBackgroundColor: (0, react_native_macos_1.PlatformColor)('unemphasizedSelectedContentBackgroundColor'),
28
- selectedMenuItemTextColor: (0, react_native_macos_1.PlatformColor)('selectedMenuItemTextColor'),
29
- gridColor: (0, react_native_macos_1.PlatformColor)('gridColor'),
30
- headerTextColor: (0, react_native_macos_1.PlatformColor)('headerTextColor'),
31
- alternatingOddContentBackgroundColor: (0, react_native_macos_1.PlatformColor)('alternatingOddContentBackgroundColor'),
32
- alternatingEvenContentBackgroundColor: (0, react_native_macos_1.PlatformColor)('alternatingOddContentBackgroundColor'),
33
- controlAccentColor: (0, react_native_macos_1.PlatformColor)('controlAccentColor'),
34
- controlColor: (0, react_native_macos_1.PlatformColor)('controlColor'),
35
- controlBackgroundColor: (0, react_native_macos_1.PlatformColor)('controlBackgroundColor'),
36
- controlTextColor: (0, react_native_macos_1.PlatformColor)('controlTextColor'),
37
- disabledControlTextColor: (0, react_native_macos_1.PlatformColor)('disabledControlTextColor'),
38
- selectedControlColor: (0, react_native_macos_1.PlatformColor)('selectedControlColor'),
39
- selectedControlTextColor: (0, react_native_macos_1.PlatformColor)('selectedControlTextColor'),
40
- alternateSelectedControlTextColor: (0, react_native_macos_1.PlatformColor)('alternateSelectedControlTextColor'),
41
- scrubberTexturedBackground: (0, react_native_macos_1.PlatformColor)('scrubberTexturedBackground'),
42
- windowBackgroundColor: (0, react_native_macos_1.PlatformColor)('windowBackgroundColor'),
43
- windowFrameTextColor: (0, react_native_macos_1.PlatformColor)('windowFrameTextColor'),
44
- underPageBackgroundColor: (0, react_native_macos_1.PlatformColor)('underPageBackgroundColor'),
45
- findHighlightColor: (0, react_native_macos_1.PlatformColor)('findHighlightColor'),
46
- highlightColor: (0, react_native_macos_1.PlatformColor)('highlightColor'),
47
- shadowColor: (0, react_native_macos_1.PlatformColor)('shadowColor'),
48
- };
9
+ return {
10
+ labelColor: (0, react_native_macos_1.PlatformColor)('labelColor'),
11
+ secondaryLabelColor: (0, react_native_macos_1.PlatformColor)('secondaryLabelColor'),
12
+ tertiaryLabelColor: (0, react_native_macos_1.PlatformColor)('tertiaryLabelColor'),
13
+ quaternaryLabelColor: (0, react_native_macos_1.PlatformColor)('quaternaryLabelColor'),
14
+ textColor: (0, react_native_macos_1.PlatformColor)('textColor'),
15
+ placeholderTextColor: (0, react_native_macos_1.PlatformColor)('placeholderTextColor'),
16
+ textBackgroundColor: (0, react_native_macos_1.PlatformColor)('textBackgroundColor'),
17
+ selectedTextColor: (0, react_native_macos_1.PlatformColor)('selectedTexColor'),
18
+ selectedTextBackgroundColor: (0, react_native_macos_1.PlatformColor)('selectedTextBackgroundColor'),
19
+ keyboardFocusIndicatorColor: (0, react_native_macos_1.PlatformColor)('keyboardFocusIndicatorColor'),
20
+ unemphasizedSelectedTextColor: (0, react_native_macos_1.PlatformColor)('unemphasizedSelectedTextColor'),
21
+ unemphasizedSelectedTextBackgroundColor: (0, react_native_macos_1.PlatformColor)('unemphasizedSelectedTextBackgroundColor'),
22
+ linkColor: (0, react_native_macos_1.PlatformColor)('linkColor'),
23
+ separatorColor: (0, react_native_macos_1.PlatformColor)('separatorColor'),
24
+ selectedContentBackgroundColor: (0, react_native_macos_1.PlatformColor)('selectedContentBackgroundColor'),
25
+ unemphasizedSelectedContentBackgroundColor: (0, react_native_macos_1.PlatformColor)('unemphasizedSelectedContentBackgroundColor'),
26
+ selectedMenuItemTextColor: (0, react_native_macos_1.PlatformColor)('selectedMenuItemTextColor'),
27
+ gridColor: (0, react_native_macos_1.PlatformColor)('gridColor'),
28
+ headerTextColor: (0, react_native_macos_1.PlatformColor)('headerTextColor'),
29
+ alternatingOddContentBackgroundColor: (0, react_native_macos_1.PlatformColor)('alternatingOddContentBackgroundColor'),
30
+ alternatingEvenContentBackgroundColor: (0, react_native_macos_1.PlatformColor)('alternatingOddContentBackgroundColor'),
31
+ controlAccentColor: (0, react_native_macos_1.PlatformColor)('controlAccentColor'),
32
+ controlColor: (0, react_native_macos_1.PlatformColor)('controlColor'),
33
+ controlBackgroundColor: (0, react_native_macos_1.PlatformColor)('controlBackgroundColor'),
34
+ controlTextColor: (0, react_native_macos_1.PlatformColor)('controlTextColor'),
35
+ disabledControlTextColor: (0, react_native_macos_1.PlatformColor)('disabledControlTextColor'),
36
+ selectedControlColor: (0, react_native_macos_1.PlatformColor)('selectedControlColor'),
37
+ selectedControlTextColor: (0, react_native_macos_1.PlatformColor)('selectedControlTextColor'),
38
+ alternateSelectedControlTextColor: (0, react_native_macos_1.PlatformColor)('alternateSelectedControlTextColor'),
39
+ scrubberTexturedBackground: (0, react_native_macos_1.PlatformColor)('scrubberTexturedBackground'),
40
+ windowBackgroundColor: (0, react_native_macos_1.PlatformColor)('windowBackgroundColor'),
41
+ windowFrameTextColor: (0, react_native_macos_1.PlatformColor)('windowFrameTextColor'),
42
+ underPageBackgroundColor: (0, react_native_macos_1.PlatformColor)('underPageBackgroundColor'),
43
+ findHighlightColor: (0, react_native_macos_1.PlatformColor)('findHighlightColor'),
44
+ highlightColor: (0, react_native_macos_1.PlatformColor)('highlightColor'),
45
+ shadowColor: (0, react_native_macos_1.PlatformColor)('shadowColor'),
46
+ };
49
47
  }
50
48
  function getFluentUIApplePalette() {
51
- return {
52
- blue10: '#4F6BED',
53
- blueMagenta20: '#8764B8',
54
- blueMagenta30: '#5C2E91',
55
- communicationBlue: (0, react_native_macos_1.DynamicColorMacOS)({
56
- light: '#0078D4',
57
- dark: '#1890F1',
58
- }),
59
- communicationBlueShade10: (0, react_native_macos_1.DynamicColorMacOS)({
60
- light: '#106EBE',
61
- dark: '#1890F1',
62
- }),
63
- communicationBlueShade20: (0, react_native_macos_1.DynamicColorMacOS)({
64
- light: '#005A9E',
65
- dark: '#3AA0F3',
66
- }),
67
- communicationBlueShade30: (0, react_native_macos_1.DynamicColorMacOS)({
68
- light: '#004578',
69
- dark: '#6CB8F6',
70
- }),
71
- communicationBlueTint10: (0, react_native_macos_1.DynamicColorMacOS)({
72
- light: '#2B88D8',
73
- dark: '#0078D4',
74
- }),
75
- communicationBlueTint20: (0, react_native_macos_1.DynamicColorMacOS)({
76
- light: '#C7E0F4',
77
- dark: '#004C87',
78
- }),
79
- communicationBlueTint30: (0, react_native_macos_1.DynamicColorMacOS)({
80
- light: '#DEECF9',
81
- dark: '#043862',
82
- }),
83
- communicationBlueTint40: (0, react_native_macos_1.DynamicColorMacOS)({
84
- light: '#EFF6FC',
85
- dark: '#092C47',
86
- }),
87
- cyan20: '#038387',
88
- cyan30: '#005B70',
89
- cyanBlue10: '#0078D4',
90
- cyanBlue20: '#004E8C',
91
- dangerPrimary: (0, react_native_macos_1.DynamicColorMacOS)({
92
- light: '#D92C2C',
93
- dark: 'transparent',
94
- }),
95
- dangerShade10: (0, react_native_macos_1.DynamicColorMacOS)({
96
- light: '#C32727',
97
- dark: '#transparent',
98
- }),
99
- dangerShade20: (0, react_native_macos_1.DynamicColorMacOS)({
100
- light: '#A52121',
101
- dark: 'transparent',
102
- }),
103
- dangerShade30: (0, react_native_macos_1.DynamicColorMacOS)({
104
- light: '#791818',
105
- dark: 'transparent',
106
- }),
107
- dangerTint10: (0, react_native_macos_1.DynamicColorMacOS)({
108
- light: '#DD4242',
109
- dark: 'transparent',
110
- }),
111
- dangerTint20: (0, react_native_macos_1.DynamicColorMacOS)({
112
- light: '#E87979',
113
- dark: 'transparent',
114
- }),
115
- dangerTint30: (0, react_native_macos_1.DynamicColorMacOS)({
116
- light: '#F4B9B9',
117
- dark: 'transparent',
118
- }),
119
- dangerTint40: (0, react_native_macos_1.DynamicColorMacOS)({
120
- light: '#F9D9D9',
121
- dark: 'transparent',
122
- }),
123
- gray20: '#69797E',
124
- gray25: '#F8F8F8',
125
- gray30: '#7A7574',
126
- gray40: '#393939',
127
- gray50: '#F1F1F1',
128
- gray100: '#E1E1E1',
129
- gray200: '#C8C8C8',
130
- gray300: '#ACACAC',
131
- gray400: '#919191',
132
- gray500: '#6E6E6E',
133
- gray600: '#404040',
134
- gray700: '#303030',
135
- gray800: '#292929',
136
- gray900: '#212121',
137
- gray950: '#141414',
138
- green10: '#498205',
139
- green20: '#0B6A0B',
140
- magenta10: '#C239B3',
141
- magenta20: '#881798',
142
- magentaPink10: '#E3008C',
143
- orange20: '#CA5010',
144
- orange30: '#8E562E',
145
- orangeYellow20: '#986F0B',
146
- pinkRed10: '#750B1C',
147
- presenceAvailable: (0, react_native_macos_1.DynamicColorMacOS)({
148
- light: '#6BB700',
149
- dark: '#92C353',
150
- }),
151
- presenceAway: (0, react_native_macos_1.DynamicColorMacOS)({
152
- light: '#FFAA44',
153
- dark: '#F8D22A',
154
- }),
155
- presenceBlocked: (0, react_native_macos_1.DynamicColorMacOS)({
156
- light: '#C50F1F',
157
- dark: '#D74553',
158
- }),
159
- presenceBusy: (0, react_native_macos_1.DynamicColorMacOS)({
160
- light: '#C50F1F',
161
- dark: '#D74553',
162
- }),
163
- presenceDnd: (0, react_native_macos_1.DynamicColorMacOS)({
164
- light: '#C50F1F',
165
- dark: '#D74553',
166
- }),
167
- presenceOffline: (0, react_native_macos_1.DynamicColorMacOS)({
168
- light: '#8A8886',
169
- dark: '#979593',
170
- }),
171
- presenceOof: (0, react_native_macos_1.DynamicColorMacOS)({
172
- light: '#B4009E',
173
- dark: '#E959D9',
174
- }),
175
- presenceUnknown: (0, react_native_macos_1.DynamicColorMacOS)({
176
- light: '#8A8886',
177
- dark: '#979593',
178
- }),
179
- red10: '#D13438',
180
- red20: '#A4262C',
181
- successPrimary: (0, react_native_macos_1.DynamicColorMacOS)({
182
- light: '#13A10E',
183
- dark: '#979593',
184
- }),
185
- successShade10: (0, react_native_macos_1.DynamicColorMacOS)({
186
- light: '#11910D',
187
- dark: '#20BA53',
188
- }),
189
- successShade20: (0, react_native_macos_1.DynamicColorMacOS)({
190
- light: '#0F7A0B',
191
- dark: '#3BC569',
192
- }),
193
- successShade30: (0, react_native_macos_1.DynamicColorMacOS)({
194
- light: '#0B5A08',
195
- dark: '#67D48B',
196
- }),
197
- successTint10: (0, react_native_macos_1.DynamicColorMacOS)({
198
- light: '#27AC22',
199
- dark: '#0D9D3D',
200
- }),
201
- successTint20: (0, react_native_macos_1.DynamicColorMacOS)({
202
- light: '#5EC65A',
203
- dark: '#096B29',
204
- }),
205
- successTint30: (0, react_native_macos_1.DynamicColorMacOS)({
206
- light: '#A7E3A5',
207
- dark: '#043615',
208
- }),
209
- successTint40: (0, react_native_macos_1.DynamicColorMacOS)({
210
- light: '#CEF0CD',
211
- dark: '#021D0B',
212
- }),
213
- warningPrimary: (0, react_native_macos_1.DynamicColorMacOS)({
214
- light: '#FFD335',
215
- dark: '#FFC328',
216
- }),
217
- warningShade10: (0, react_native_macos_1.DynamicColorMacOS)({
218
- light: '#E6BE30',
219
- dark: '#FFC83E',
220
- }),
221
- warningShade20: (0, react_native_macos_1.DynamicColorMacOS)({
222
- light: '#C2A129',
223
- dark: '#FFDD15',
224
- }),
225
- warningShade30: (0, react_native_macos_1.DynamicColorMacOS)({
226
- light: '#8F761E',
227
- dark: '#FFDD87',
228
- }),
229
- warningTint10: (0, react_native_macos_1.DynamicColorMacOS)({
230
- light: '#FFD94E',
231
- dark: '#E0AB24',
232
- }),
233
- warningTint20: (0, react_native_macos_1.DynamicColorMacOS)({
234
- light: '#FFE586',
235
- dark: '#997518',
236
- }),
237
- warningTint30: (0, react_native_macos_1.DynamicColorMacOS)({
238
- light: '#FFF2C3',
239
- dark: '#4D3A0C',
240
- }),
241
- warningTint40: (0, react_native_macos_1.DynamicColorMacOS)({
242
- light: '#FFF8DF',
243
- dark: '#291F07',
244
- }),
245
- };
49
+ return {
50
+ blue10: '#4F6BED',
51
+ blueMagenta20: '#8764B8',
52
+ blueMagenta30: '#5C2E91',
53
+ communicationBlue: (0, react_native_macos_1.DynamicColorMacOS)({
54
+ light: '#0078D4',
55
+ dark: '#1890F1',
56
+ }),
57
+ communicationBlueShade10: (0, react_native_macos_1.DynamicColorMacOS)({
58
+ light: '#106EBE',
59
+ dark: '#1890F1',
60
+ }),
61
+ communicationBlueShade20: (0, react_native_macos_1.DynamicColorMacOS)({
62
+ light: '#005A9E',
63
+ dark: '#3AA0F3',
64
+ }),
65
+ communicationBlueShade30: (0, react_native_macos_1.DynamicColorMacOS)({
66
+ light: '#004578',
67
+ dark: '#6CB8F6',
68
+ }),
69
+ communicationBlueTint10: (0, react_native_macos_1.DynamicColorMacOS)({
70
+ light: '#2B88D8',
71
+ dark: '#0078D4',
72
+ }),
73
+ communicationBlueTint20: (0, react_native_macos_1.DynamicColorMacOS)({
74
+ light: '#C7E0F4',
75
+ dark: '#004C87',
76
+ }),
77
+ communicationBlueTint30: (0, react_native_macos_1.DynamicColorMacOS)({
78
+ light: '#DEECF9',
79
+ dark: '#043862',
80
+ }),
81
+ communicationBlueTint40: (0, react_native_macos_1.DynamicColorMacOS)({
82
+ light: '#EFF6FC',
83
+ dark: '#092C47',
84
+ }),
85
+ cyan20: '#038387',
86
+ cyan30: '#005B70',
87
+ cyanBlue10: '#0078D4',
88
+ cyanBlue20: '#004E8C',
89
+ dangerPrimary: (0, react_native_macos_1.DynamicColorMacOS)({
90
+ light: '#D92C2C',
91
+ dark: 'transparent',
92
+ }),
93
+ dangerShade10: (0, react_native_macos_1.DynamicColorMacOS)({
94
+ light: '#C32727',
95
+ dark: '#transparent',
96
+ }),
97
+ dangerShade20: (0, react_native_macos_1.DynamicColorMacOS)({
98
+ light: '#A52121',
99
+ dark: 'transparent',
100
+ }),
101
+ dangerShade30: (0, react_native_macos_1.DynamicColorMacOS)({
102
+ light: '#791818',
103
+ dark: 'transparent',
104
+ }),
105
+ dangerTint10: (0, react_native_macos_1.DynamicColorMacOS)({
106
+ light: '#DD4242',
107
+ dark: 'transparent',
108
+ }),
109
+ dangerTint20: (0, react_native_macos_1.DynamicColorMacOS)({
110
+ light: '#E87979',
111
+ dark: 'transparent',
112
+ }),
113
+ dangerTint30: (0, react_native_macos_1.DynamicColorMacOS)({
114
+ light: '#F4B9B9',
115
+ dark: 'transparent',
116
+ }),
117
+ dangerTint40: (0, react_native_macos_1.DynamicColorMacOS)({
118
+ light: '#F9D9D9',
119
+ dark: 'transparent',
120
+ }),
121
+ gray20: '#69797E',
122
+ gray25: '#F8F8F8',
123
+ gray30: '#7A7574',
124
+ gray40: '#393939',
125
+ gray50: '#F1F1F1',
126
+ gray100: '#E1E1E1',
127
+ gray200: '#C8C8C8',
128
+ gray300: '#ACACAC',
129
+ gray400: '#919191',
130
+ gray500: '#6E6E6E',
131
+ gray600: '#404040',
132
+ gray700: '#303030',
133
+ gray800: '#292929',
134
+ gray900: '#212121',
135
+ gray950: '#141414',
136
+ green10: '#498205',
137
+ green20: '#0B6A0B',
138
+ magenta10: '#C239B3',
139
+ magenta20: '#881798',
140
+ magentaPink10: '#E3008C',
141
+ orange20: '#CA5010',
142
+ orange30: '#8E562E',
143
+ orangeYellow20: '#986F0B',
144
+ pinkRed10: '#750B1C',
145
+ presenceAvailable: (0, react_native_macos_1.DynamicColorMacOS)({
146
+ light: '#6BB700',
147
+ dark: '#92C353',
148
+ }),
149
+ presenceAway: (0, react_native_macos_1.DynamicColorMacOS)({
150
+ light: '#FFAA44',
151
+ dark: '#F8D22A',
152
+ }),
153
+ presenceBlocked: (0, react_native_macos_1.DynamicColorMacOS)({
154
+ light: '#C50F1F',
155
+ dark: '#D74553',
156
+ }),
157
+ presenceBusy: (0, react_native_macos_1.DynamicColorMacOS)({
158
+ light: '#C50F1F',
159
+ dark: '#D74553',
160
+ }),
161
+ presenceDnd: (0, react_native_macos_1.DynamicColorMacOS)({
162
+ light: '#C50F1F',
163
+ dark: '#D74553',
164
+ }),
165
+ presenceOffline: (0, react_native_macos_1.DynamicColorMacOS)({
166
+ light: '#8A8886',
167
+ dark: '#979593',
168
+ }),
169
+ presenceOof: (0, react_native_macos_1.DynamicColorMacOS)({
170
+ light: '#B4009E',
171
+ dark: '#E959D9',
172
+ }),
173
+ presenceUnknown: (0, react_native_macos_1.DynamicColorMacOS)({
174
+ light: '#8A8886',
175
+ dark: '#979593',
176
+ }),
177
+ red10: '#D13438',
178
+ red20: '#A4262C',
179
+ successPrimary: (0, react_native_macos_1.DynamicColorMacOS)({
180
+ light: '#13A10E',
181
+ dark: '#979593',
182
+ }),
183
+ successShade10: (0, react_native_macos_1.DynamicColorMacOS)({
184
+ light: '#11910D',
185
+ dark: '#20BA53',
186
+ }),
187
+ successShade20: (0, react_native_macos_1.DynamicColorMacOS)({
188
+ light: '#0F7A0B',
189
+ dark: '#3BC569',
190
+ }),
191
+ successShade30: (0, react_native_macos_1.DynamicColorMacOS)({
192
+ light: '#0B5A08',
193
+ dark: '#67D48B',
194
+ }),
195
+ successTint10: (0, react_native_macos_1.DynamicColorMacOS)({
196
+ light: '#27AC22',
197
+ dark: '#0D9D3D',
198
+ }),
199
+ successTint20: (0, react_native_macos_1.DynamicColorMacOS)({
200
+ light: '#5EC65A',
201
+ dark: '#096B29',
202
+ }),
203
+ successTint30: (0, react_native_macos_1.DynamicColorMacOS)({
204
+ light: '#A7E3A5',
205
+ dark: '#043615',
206
+ }),
207
+ successTint40: (0, react_native_macos_1.DynamicColorMacOS)({
208
+ light: '#CEF0CD',
209
+ dark: '#021D0B',
210
+ }),
211
+ warningPrimary: (0, react_native_macos_1.DynamicColorMacOS)({
212
+ light: '#FFD335',
213
+ dark: '#FFC328',
214
+ }),
215
+ warningShade10: (0, react_native_macos_1.DynamicColorMacOS)({
216
+ light: '#E6BE30',
217
+ dark: '#FFC83E',
218
+ }),
219
+ warningShade20: (0, react_native_macos_1.DynamicColorMacOS)({
220
+ light: '#C2A129',
221
+ dark: '#FFDD15',
222
+ }),
223
+ warningShade30: (0, react_native_macos_1.DynamicColorMacOS)({
224
+ light: '#8F761E',
225
+ dark: '#FFDD87',
226
+ }),
227
+ warningTint10: (0, react_native_macos_1.DynamicColorMacOS)({
228
+ light: '#FFD94E',
229
+ dark: '#E0AB24',
230
+ }),
231
+ warningTint20: (0, react_native_macos_1.DynamicColorMacOS)({
232
+ light: '#FFE586',
233
+ dark: '#997518',
234
+ }),
235
+ warningTint30: (0, react_native_macos_1.DynamicColorMacOS)({
236
+ light: '#FFF2C3',
237
+ dark: '#4D3A0C',
238
+ }),
239
+ warningTint40: (0, react_native_macos_1.DynamicColorMacOS)({
240
+ light: '#FFF8DF',
241
+ dark: '#291F07',
242
+ }),
243
+ };
246
244
  }
247
245
  /** Creates a palette of colors for the apple theme, given the FluentUI Apple Palette and Apple Semantic Palette
248
246
  * The fallback palette is loaded while we wait for the native theming module to load, or if the module is not found
249
247
  */
250
248
  function fallbackApplePalette(mode) {
251
- const fluentUIApple = getFluentUIApplePalette();
252
- const applePlatform = getAppleSemanticPalette();
253
- const macOSAliasColorTokens = (0, createMacOSAliasTokens_1.createMacOSColorAliasTokens)(
254
- mode,
255
- (0, appleHighContrast_macos_1.getIsHighContrast)(),
256
- );
257
- return {
258
- ...macOSAliasColorTokens,
259
- /* PaletteBackgroundColors & PaletteTextColors */
260
- background: applePlatform.windowBackgroundColor,
261
- bodyStandoutBackground: applePlatform.underPageBackgroundColor,
262
- bodyFrameBackground: applePlatform.windowBackgroundColor,
263
- bodyFrameDivider: applePlatform.separatorColor,
264
- bodyText: applePlatform.labelColor,
265
- bodyTextChecked: applePlatform.labelColor,
266
- subText: applePlatform.secondaryLabelColor,
267
- bodyDivider: applePlatform.separatorColor,
268
- disabledBackground: fluentUIApple.gray100,
269
- disabledText: applePlatform.tertiaryLabelColor,
270
- disabledBodyText: applePlatform.tertiaryLabelColor,
271
- focusBorder: 'transparent',
272
- variantBorder: applePlatform.separatorColor,
273
- errorText: fluentUIApple.dangerPrimary,
274
- inputBorder: applePlatform.separatorColor,
275
- inputBackground: applePlatform.textBackgroundColor,
276
- inputFocusBorderAlt: applePlatform.keyboardFocusIndicatorColor,
277
- inputText: applePlatform.textColor,
278
- inputPlaceholderText: applePlatform.placeholderTextColor,
279
- // Set the default button tokens to match the Acrylic Button style
280
- buttonBackground: macOSAliasColorTokens.neutralBackground1,
281
- buttonBackgroundChecked: macOSAliasColorTokens.neutralBackground3,
282
- buttonBackgroundHovered: macOSAliasColorTokens.neutralBackground3,
283
- buttonBackgroundPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralBackground3, 'pressed'),
284
- buttonBackgroundDisabled: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralBackground3, 'disabled'),
285
- buttonBorder: macOSAliasColorTokens.transparentStroke,
286
- buttonText: macOSAliasColorTokens.neutralForeground3,
287
- buttonTextHovered: macOSAliasColorTokens.neutralForeground3,
288
- buttonTextChecked: macOSAliasColorTokens.neutralForeground3,
289
- buttonTextPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralForeground3, 'pressed'),
290
- buttonTextDisabled: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralForeground3, 'disabled'),
291
- buttonBorderDisabled: macOSAliasColorTokens.transparentBackground,
292
- buttonBorderFocused: macOSAliasColorTokens.transparentBackground,
293
- primaryButtonBackground: fluentUIApple.communicationBlue,
294
- primaryButtonBackgroundHovered: fluentUIApple.communicationBlue,
295
- primaryButtonBackgroundPressed: macOSAliasColorTokens.brandBackgroundPressed,
296
- primaryButtonBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
297
- primaryButtonBorder: 'transparent',
298
- primaryButtonBorderFocused: 'transparent',
299
- primaryButtonText: macOSAliasColorTokens.neutralForegroundInverted,
300
- primaryButtonTextHovered: macOSAliasColorTokens.neutralForegroundInverted,
301
- primaryButtonTextPressed: macOSAliasColorTokens.neutralForegroundInverted,
302
- primaryButtonTextDisabled: macOSAliasColorTokens.brandForeground1Disabled,
303
- accentButtonBackground: fluentUIApple.communicationBlue,
304
- menuBackground: 'transparent',
305
- menuDivider: applePlatform.separatorColor,
306
- menuIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
307
- menuItemBackgroundHovered: applePlatform.controlAccentColor,
308
- menuItemBackgroundPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(applePlatform.controlAccentColor, 'pressed'),
309
- menuItemText: applePlatform.labelColor,
310
- menuItemTextHovered: 'white',
311
- listHeaderBackgroundHovered: applePlatform.headerTextColor,
312
- listHeaderBackgroundPressed: applePlatform.headerTextColor,
313
- actionLink: applePlatform.linkColor,
314
- link: applePlatform.linkColor,
315
- linkHovered: applePlatform.linkColor,
316
- linkPressed: applePlatform.selectedControlColor,
317
- /* ControlColorTokens */
318
- // Set the default button tokens to match the Acrylic Button style
319
- defaultBackground: macOSAliasColorTokens.neutralBackground2,
320
- defaultBorder: macOSAliasColorTokens.neutralStroke2,
321
- defaultContent: macOSAliasColorTokens.neutralForeground2,
322
- defaultIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
323
- defaultHoveredBackground: macOSAliasColorTokens.neutralBackground3,
324
- defaultHoveredBorder: macOSAliasColorTokens.neutralStroke2,
325
- defaultHoveredContent: macOSAliasColorTokens.neutralForeground3,
326
- defaultHoveredIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
327
- defaultFocusedBackground: macOSAliasColorTokens.neutralBackground2,
328
- defaultFocusedBorder: macOSAliasColorTokens.neutralStroke2,
329
- defaultFocusedContent: macOSAliasColorTokens.neutralForeground2,
330
- defaultFocusedIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
331
- defaultPressedBackground: macOSAliasColorTokens.neutralBackground2Pressed,
332
- defaultPressedBorder: macOSAliasColorTokens.neutralStroke2,
333
- defaultPressedContent: macOSAliasColorTokens.neutralForeground2,
334
- defaultPressedIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
335
- defaultDisabledBackground: macOSAliasColorTokens.neutralBackground2,
336
- defaultDisabledBorder: macOSAliasColorTokens.neutralStroke2,
337
- defaultDisabledContent: macOSAliasColorTokens.neutralForegroundDisabled,
338
- defaultDisabledIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
339
- ghostBackground: 'transparent',
340
- ghostBorder: 'transparent',
341
- ghostContent: fluentUIApple.communicationBlue,
342
- ghostIcon: fluentUIApple.communicationBlue,
343
- ghostHoveredBackground: 'transparent',
344
- ghostHoveredBorder: 'transparent',
345
- ghostHoveredContent: fluentUIApple.communicationBlue,
346
- ghostHoveredIcon: fluentUIApple.communicationBlue,
347
- ghostFocusedBackground: 'transparent',
348
- ghostFocusedBorder: 'transparent',
349
- ghostFocusedContent: fluentUIApple.communicationBlue,
350
- ghostFocusedIcon: fluentUIApple.communicationBlue,
351
- ghostPressedBackground: 'transparent',
352
- ghostPressedBorder: 'transparent',
353
- ghostPressedContent: macOSAliasColorTokens.brandForeground1Pressed,
354
- ghostPressedIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
355
- ghostDisabledBackground: 'transparent',
356
- ghostDisabledBorder: 'transparent',
357
- ghostDisabledContent: macOSAliasColorTokens.brandForeground1Disabled,
358
- ghostDisabledIcon: macOSAliasColorTokens.brandForeground1Disabled,
359
- brandedBackground: macOSAliasColorTokens.brandBackground,
360
- brandedDisabledBorder: 'transparent',
361
- defaultCheckedBackground: fluentUIApple.communicationBlue,
362
- defaultCheckedContent: macOSAliasColorTokens.neutralForegroundInverted,
363
- defaultCheckedHoveredBackground: fluentUIApple.communicationBlue,
364
- defaultCheckedHoveredContent: macOSAliasColorTokens.neutralForegroundInverted,
365
- ghostCheckedBackground: 'transparent',
366
- ghostCheckedContent: fluentUIApple.communicationBlue,
367
- ghostCheckedHoveredBackground: 'transparent',
368
- ghostCheckedHoveredContent: fluentUIApple.communicationBlue,
369
- ghostCheckedHoveredBorder: 'transparent',
370
- ghostSecondaryContent: fluentUIApple.communicationBlue,
371
- ghostFocusedSecondaryContent: fluentUIApple.communicationBlue,
372
- ghostHoveredSecondaryContent: fluentUIApple.communicationBlue,
373
- ghostPressedSecondaryContent: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(fluentUIApple.communicationBlue, 'deepPressed'),
374
- brandedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
375
- brandedFocusedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
376
- brandedHoveredSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
377
- brandedPressedSecondaryContent: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(
378
- macOSAliasColorTokens.neutralForegroundInverted,
379
- 'pressed',
380
- ),
381
- defaultHoveredSecondaryContent: macOSAliasColorTokens.neutralForeground3,
382
- defaultPressedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
383
- checkboxBackground: fluentUIApple.communicationBlue,
384
- checkboxBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
385
- checkboxBorderColor: fluentUIApple.gray600,
386
- checkmarkColor: macOSAliasColorTokens.neutralForegroundInverted,
387
- personaActivityRing: macOSAliasColorTokens.neutralForegroundInverted,
388
- personaActivityGlow: fluentUIApple.red10,
389
- };
249
+ const fluentUIApple = getFluentUIApplePalette();
250
+ const applePlatform = getAppleSemanticPalette();
251
+ const macOSAliasColorTokens = (0, createMacOSAliasTokens_1.createMacOSColorAliasTokens)(mode, (0, appleHighContrast_macos_1.getIsHighContrast)());
252
+ return {
253
+ ...macOSAliasColorTokens,
254
+ /* PaletteBackgroundColors & PaletteTextColors */
255
+ background: applePlatform.windowBackgroundColor,
256
+ bodyStandoutBackground: applePlatform.underPageBackgroundColor,
257
+ bodyFrameBackground: applePlatform.windowBackgroundColor,
258
+ bodyFrameDivider: applePlatform.separatorColor,
259
+ bodyText: applePlatform.labelColor,
260
+ bodyTextChecked: applePlatform.labelColor,
261
+ subText: applePlatform.secondaryLabelColor,
262
+ bodyDivider: applePlatform.separatorColor,
263
+ disabledBackground: fluentUIApple.gray100,
264
+ disabledText: applePlatform.tertiaryLabelColor,
265
+ disabledBodyText: applePlatform.tertiaryLabelColor,
266
+ focusBorder: 'transparent',
267
+ variantBorder: applePlatform.separatorColor,
268
+ errorText: fluentUIApple.dangerPrimary,
269
+ inputBorder: applePlatform.separatorColor,
270
+ inputBackground: applePlatform.textBackgroundColor,
271
+ inputFocusBorderAlt: applePlatform.keyboardFocusIndicatorColor,
272
+ inputText: applePlatform.textColor,
273
+ inputPlaceholderText: applePlatform.placeholderTextColor,
274
+ // Set the default button tokens to match the Acrylic Button style
275
+ buttonBackground: macOSAliasColorTokens.neutralBackground1,
276
+ buttonBackgroundChecked: macOSAliasColorTokens.neutralBackground3,
277
+ buttonBackgroundHovered: macOSAliasColorTokens.neutralBackground3,
278
+ buttonBackgroundPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralBackground3, 'pressed'),
279
+ buttonBackgroundDisabled: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralBackground3, 'disabled'),
280
+ buttonBorder: macOSAliasColorTokens.transparentStroke,
281
+ buttonText: macOSAliasColorTokens.neutralForeground3,
282
+ buttonTextHovered: macOSAliasColorTokens.neutralForeground3,
283
+ buttonTextChecked: macOSAliasColorTokens.neutralForeground3,
284
+ buttonTextPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralForeground3, 'pressed'),
285
+ buttonTextDisabled: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralForeground3, 'disabled'),
286
+ buttonBorderDisabled: macOSAliasColorTokens.transparentBackground,
287
+ buttonBorderFocused: macOSAliasColorTokens.transparentBackground,
288
+ primaryButtonBackground: fluentUIApple.communicationBlue,
289
+ primaryButtonBackgroundHovered: fluentUIApple.communicationBlue,
290
+ primaryButtonBackgroundPressed: macOSAliasColorTokens.brandBackgroundPressed,
291
+ primaryButtonBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
292
+ primaryButtonBorder: 'transparent',
293
+ primaryButtonBorderFocused: 'transparent',
294
+ primaryButtonText: macOSAliasColorTokens.neutralForegroundInverted,
295
+ primaryButtonTextHovered: macOSAliasColorTokens.neutralForegroundInverted,
296
+ primaryButtonTextPressed: macOSAliasColorTokens.neutralForegroundInverted,
297
+ primaryButtonTextDisabled: macOSAliasColorTokens.brandForeground1Disabled,
298
+ accentButtonBackground: fluentUIApple.communicationBlue,
299
+ menuBackground: 'transparent',
300
+ menuDivider: applePlatform.separatorColor,
301
+ menuIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
302
+ menuItemBackgroundHovered: applePlatform.controlAccentColor,
303
+ menuItemBackgroundPressed: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(applePlatform.controlAccentColor, 'pressed'),
304
+ menuItemText: applePlatform.labelColor,
305
+ menuItemTextHovered: 'white',
306
+ listHeaderBackgroundHovered: applePlatform.headerTextColor,
307
+ listHeaderBackgroundPressed: applePlatform.headerTextColor,
308
+ actionLink: applePlatform.linkColor,
309
+ link: applePlatform.linkColor,
310
+ linkHovered: applePlatform.linkColor,
311
+ linkPressed: applePlatform.selectedControlColor,
312
+ /* ControlColorTokens */
313
+ // Set the default button tokens to match the Acrylic Button style
314
+ defaultBackground: macOSAliasColorTokens.neutralBackground2,
315
+ defaultBorder: macOSAliasColorTokens.neutralStroke2,
316
+ defaultContent: macOSAliasColorTokens.neutralForeground2,
317
+ defaultIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
318
+ defaultHoveredBackground: macOSAliasColorTokens.neutralBackground3,
319
+ defaultHoveredBorder: macOSAliasColorTokens.neutralStroke2,
320
+ defaultHoveredContent: macOSAliasColorTokens.neutralForeground3,
321
+ defaultHoveredIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
322
+ defaultFocusedBackground: macOSAliasColorTokens.neutralBackground2,
323
+ defaultFocusedBorder: macOSAliasColorTokens.neutralStroke2,
324
+ defaultFocusedContent: macOSAliasColorTokens.neutralForeground2,
325
+ defaultFocusedIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
326
+ defaultPressedBackground: macOSAliasColorTokens.neutralBackground2Pressed,
327
+ defaultPressedBorder: macOSAliasColorTokens.neutralStroke2,
328
+ defaultPressedContent: macOSAliasColorTokens.neutralForeground2,
329
+ defaultPressedIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
330
+ defaultDisabledBackground: macOSAliasColorTokens.neutralBackground2,
331
+ defaultDisabledBorder: macOSAliasColorTokens.neutralStroke2,
332
+ defaultDisabledContent: macOSAliasColorTokens.neutralForegroundDisabled,
333
+ defaultDisabledIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
334
+ ghostBackground: 'transparent',
335
+ ghostBorder: 'transparent',
336
+ ghostContent: fluentUIApple.communicationBlue,
337
+ ghostIcon: fluentUIApple.communicationBlue,
338
+ ghostHoveredBackground: 'transparent',
339
+ ghostHoveredBorder: 'transparent',
340
+ ghostHoveredContent: fluentUIApple.communicationBlue,
341
+ ghostHoveredIcon: fluentUIApple.communicationBlue,
342
+ ghostFocusedBackground: 'transparent',
343
+ ghostFocusedBorder: 'transparent',
344
+ ghostFocusedContent: fluentUIApple.communicationBlue,
345
+ ghostFocusedIcon: fluentUIApple.communicationBlue,
346
+ ghostPressedBackground: 'transparent',
347
+ ghostPressedBorder: 'transparent',
348
+ ghostPressedContent: macOSAliasColorTokens.brandForeground1Pressed,
349
+ ghostPressedIcon: macOSAliasColorTokens.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
350
+ ghostDisabledBackground: 'transparent',
351
+ ghostDisabledBorder: 'transparent',
352
+ ghostDisabledContent: macOSAliasColorTokens.brandForeground1Disabled,
353
+ ghostDisabledIcon: macOSAliasColorTokens.brandForeground1Disabled,
354
+ brandedBackground: macOSAliasColorTokens.brandBackground,
355
+ brandedDisabledBorder: 'transparent',
356
+ defaultCheckedBackground: fluentUIApple.communicationBlue,
357
+ defaultCheckedContent: macOSAliasColorTokens.neutralForegroundInverted,
358
+ defaultCheckedHoveredBackground: fluentUIApple.communicationBlue,
359
+ defaultCheckedHoveredContent: macOSAliasColorTokens.neutralForegroundInverted,
360
+ ghostCheckedBackground: 'transparent',
361
+ ghostCheckedContent: fluentUIApple.communicationBlue,
362
+ ghostCheckedHoveredBackground: 'transparent',
363
+ ghostCheckedHoveredContent: fluentUIApple.communicationBlue,
364
+ ghostCheckedHoveredBorder: 'transparent',
365
+ ghostSecondaryContent: fluentUIApple.communicationBlue,
366
+ ghostFocusedSecondaryContent: fluentUIApple.communicationBlue,
367
+ ghostHoveredSecondaryContent: fluentUIApple.communicationBlue,
368
+ ghostPressedSecondaryContent: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(fluentUIApple.communicationBlue, 'deepPressed'),
369
+ brandedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
370
+ brandedFocusedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
371
+ brandedHoveredSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
372
+ brandedPressedSecondaryContent: (0, react_native_macos_1.ColorWithSystemEffectMacOS)(macOSAliasColorTokens.neutralForegroundInverted, 'pressed'),
373
+ defaultHoveredSecondaryContent: macOSAliasColorTokens.neutralForeground3,
374
+ defaultPressedSecondaryContent: macOSAliasColorTokens.neutralForegroundInverted,
375
+ checkboxBackground: fluentUIApple.communicationBlue,
376
+ checkboxBackgroundDisabled: macOSAliasColorTokens.neutralBackgroundDisabled,
377
+ checkboxBorderColor: fluentUIApple.gray600,
378
+ checkmarkColor: macOSAliasColorTokens.neutralForegroundInverted,
379
+ personaActivityRing: macOSAliasColorTokens.neutralForegroundInverted,
380
+ personaActivityGlow: fluentUIApple.red10,
381
+ };
390
382
  }
391
- //# sourceMappingURL=appleColors.macos.js.map
383
+ //# sourceMappingURL=appleColors.macos.js.map