@fluentui-react-native/apple-theme 0.8.2 → 0.9.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.
- package/CHANGELOG.json +173 -1
- package/CHANGELOG.md +48 -2
- package/lib/appleColors.ios.js +2 -2
- package/lib/appleColors.ios.js.map +1 -1
- package/lib/appleColors.macos.d.ts +1 -1
- package/lib/appleColors.macos.d.ts.map +1 -1
- package/lib/appleColors.macos.js +56 -58
- package/lib/appleColors.macos.js.map +1 -1
- package/lib/appleColors.types.ios.js +1 -0
- package/lib/appleColors.types.macos.d.ts +7 -1
- package/lib/appleColors.types.macos.d.ts.map +1 -1
- package/lib/appleColors.types.macos.js +1 -0
- package/lib/appleTheme.ios.js +3 -3
- package/lib/appleTheme.ios.js.map +1 -1
- package/lib/appleTheme.macos.js +1 -1
- package/lib/appleTheme.macos.js.map +1 -1
- package/lib/appleTypography.ios.js +1 -1
- package/lib/appleTypography.ios.js.map +1 -1
- package/lib/appleTypography.macos.js +1 -1
- package/lib/appleTypography.macos.js.map +1 -1
- package/lib/createMacOSAliasTokens.d.ts +5 -0
- package/lib/createMacOSAliasTokens.d.ts.map +1 -0
- package/lib/createMacOSAliasTokens.js +9 -0
- package/lib/createMacOSAliasTokens.js.map +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib-commonjs/appleColors.ios.js +3 -2
- package/lib-commonjs/appleColors.ios.js.map +1 -1
- package/lib-commonjs/appleColors.macos.d.ts +1 -1
- package/lib-commonjs/appleColors.macos.d.ts.map +1 -1
- package/lib-commonjs/appleColors.macos.js +146 -147
- package/lib-commonjs/appleColors.macos.js.map +1 -1
- package/lib-commonjs/appleColors.types.macos.d.ts +7 -1
- package/lib-commonjs/appleColors.types.macos.d.ts.map +1 -1
- package/lib-commonjs/appleTheme.ios.js +8 -7
- package/lib-commonjs/appleTheme.ios.js.map +1 -1
- package/lib-commonjs/appleTheme.macos.js +4 -3
- package/lib-commonjs/appleTheme.macos.js.map +1 -1
- package/lib-commonjs/appleTypography.ios.js +2 -1
- package/lib-commonjs/appleTypography.ios.js.map +1 -1
- package/lib-commonjs/appleTypography.macos.js +2 -1
- package/lib-commonjs/appleTypography.macos.js.map +1 -1
- package/lib-commonjs/createAppleTheme.ios.js +1 -0
- package/lib-commonjs/createAppleTheme.ios.js.map +1 -1
- package/lib-commonjs/createAppleTheme.js +2 -1
- package/lib-commonjs/createAppleTheme.js.map +1 -1
- package/lib-commonjs/createAppleTheme.macos.js +2 -1
- package/lib-commonjs/createAppleTheme.macos.js.map +1 -1
- package/lib-commonjs/createMacOSAliasTokens.d.ts +5 -0
- package/lib-commonjs/createMacOSAliasTokens.d.ts.map +1 -0
- package/lib-commonjs/createMacOSAliasTokens.js +12 -0
- package/lib-commonjs/createMacOSAliasTokens.js.map +1 -0
- package/lib-commonjs/index.d.ts +1 -0
- package/lib-commonjs/index.d.ts.map +1 -1
- package/lib-commonjs/index.js +12 -4
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +14 -12
- package/src/appleColors.macos.ts +58 -60
- package/src/appleColors.types.macos.ts +7 -1
- package/src/createMacOSAliasTokens.ts +11 -0
- package/src/index.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleColors.types.macos.d.ts","sourceRoot":"","sources":["../src/appleColors.types.macos.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"appleColors.types.macos.d.ts","sourceRoot":"","sources":["../src/appleColors.types.macos.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BaseAppleDarkThemeIOS = exports.BaseAppleLightThemeIOS = void 0;
|
|
3
4
|
var appleColors_ios_1 = require("./appleColors.ios");
|
|
4
5
|
var appleTypography_ios_1 = require("./appleTypography.ios");
|
|
5
6
|
function appleSpacing() {
|
|
@@ -14,7 +15,7 @@ var appleComponents = {
|
|
|
14
15
|
},
|
|
15
16
|
root: {
|
|
16
17
|
style: {
|
|
17
|
-
margin: 8,
|
|
18
|
+
margin: 8, // Padding around the outside of the button
|
|
18
19
|
},
|
|
19
20
|
},
|
|
20
21
|
stack: {
|
|
@@ -40,7 +41,7 @@ var appleComponents = {
|
|
|
40
41
|
},
|
|
41
42
|
root: {
|
|
42
43
|
style: {
|
|
43
|
-
margin: 8,
|
|
44
|
+
margin: 8, // Padding around the outside of the button
|
|
44
45
|
},
|
|
45
46
|
},
|
|
46
47
|
stack: {
|
|
@@ -66,7 +67,7 @@ var appleComponents = {
|
|
|
66
67
|
},
|
|
67
68
|
root: {
|
|
68
69
|
style: {
|
|
69
|
-
margin: 8,
|
|
70
|
+
margin: 8, // Padding around the outside of the button
|
|
70
71
|
},
|
|
71
72
|
},
|
|
72
73
|
stack: {
|
|
@@ -116,15 +117,15 @@ var appleComponents = {
|
|
|
116
117
|
},
|
|
117
118
|
};
|
|
118
119
|
exports.BaseAppleLightThemeIOS = {
|
|
119
|
-
colors: appleColors_ios_1.paletteFromAppleColors(false),
|
|
120
|
-
typography: appleTypography_ios_1.appleTypography(),
|
|
120
|
+
colors: (0, appleColors_ios_1.paletteFromAppleColors)(false),
|
|
121
|
+
typography: (0, appleTypography_ios_1.appleTypography)(),
|
|
121
122
|
spacing: appleSpacing(),
|
|
122
123
|
components: appleComponents,
|
|
123
124
|
host: { appearance: 'light' },
|
|
124
125
|
};
|
|
125
126
|
exports.BaseAppleDarkThemeIOS = {
|
|
126
|
-
colors: appleColors_ios_1.paletteFromAppleColors(true),
|
|
127
|
-
typography: appleTypography_ios_1.appleTypography(),
|
|
127
|
+
colors: (0, appleColors_ios_1.paletteFromAppleColors)(true),
|
|
128
|
+
typography: (0, appleTypography_ios_1.appleTypography)(),
|
|
128
129
|
spacing: appleSpacing(),
|
|
129
130
|
components: appleComponents,
|
|
130
131
|
host: { appearance: 'dark' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTheme.ios.js","sourceRoot":"","sources":["../src/appleTheme.ios.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"appleTheme.ios.js","sourceRoot":"","sources":["../src/appleTheme.ios.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getBaseAppleThemeMacOS = exports.appleComponents = exports.appleSpacing = void 0;
|
|
3
4
|
var appleColors_macos_1 = require("./appleColors.macos");
|
|
4
5
|
var appleTypography_macos_1 = require("./appleTypography.macos");
|
|
5
6
|
function appleSpacing() {
|
|
@@ -23,7 +24,7 @@ exports.appleComponents = {
|
|
|
23
24
|
},
|
|
24
25
|
root: {
|
|
25
26
|
style: {
|
|
26
|
-
margin: 8,
|
|
27
|
+
margin: 8, // Padding around the outside of the button
|
|
27
28
|
},
|
|
28
29
|
},
|
|
29
30
|
stack: {
|
|
@@ -71,8 +72,8 @@ exports.appleComponents = {
|
|
|
71
72
|
};
|
|
72
73
|
function getBaseAppleThemeMacOS() {
|
|
73
74
|
return {
|
|
74
|
-
colors: appleColors_macos_1.fallbackApplePalette(),
|
|
75
|
-
typography: appleTypography_macos_1.fallbackAppleTypography(),
|
|
75
|
+
colors: (0, appleColors_macos_1.fallbackApplePalette)(),
|
|
76
|
+
typography: (0, appleTypography_macos_1.fallbackAppleTypography)(),
|
|
76
77
|
spacing: appleSpacing(),
|
|
77
78
|
components: exports.appleComponents,
|
|
78
79
|
host: { appearance: 'dynamic' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTheme.macos.js","sourceRoot":"","sources":["../src/appleTheme.macos.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"appleTheme.macos.js","sourceRoot":"","sources":["../src/appleTheme.macos.ts"],"names":[],"mappings":";;;AACA,yDAA2D;AAC3D,iEAAkE;AAElE,SAAgB,YAAY;IAC1B,OAAO;QACL,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,CAAC,EAAE,MAAM;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX,CAAC;AACJ,CAAC;AARD,oCAQC;AAEY,QAAA,eAAe,GAAG;IAC7B,0FAA0F;IAC1F,MAAM,EAAE;QACN,MAAM,EAAE;YACN,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;YACd,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;SACb;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,CAAC,EAAE,2CAA2C;aACvD;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,eAAe,EAAE,GAAG;gBACpB,SAAS,EAAE,EAAE;aACd;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,EAAE;aACd;SACF;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,EAAE;SACb;KACF;IACD,OAAO,EAAE;QACP,MAAM,EAAE;YACN,OAAO,EAAE,cAAc;SACxB;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,WAAW,EAAE,OAAO;gBACpB,WAAW,EAAE,GAAG;gBAChB,YAAY,EAAE,CAAC;gBACf,SAAS,EAAE,EAAE;gBACb,QAAQ,EAAE,EAAE;gBACZ,SAAS,EAAE,CAAC;aACb;SACF;QACD,aAAa,EAAE;YACb,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,KAAK,EAAE;gBACL,cAAc,EAAE,CAAC;gBACjB,gBAAgB,EAAE,CAAC;aACpB;SACF;QACD,wEAAwE;QACxE,WAAW,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC;KACjD;CACF,CAAC;AAEF,SAAgB,sBAAsB;IACpC,OAAO;QACL,MAAM,EAAE,IAAA,wCAAoB,GAAE;QAC9B,UAAU,EAAE,IAAA,+CAAuB,GAAE;QACrC,OAAO,EAAE,YAAY,EAAE;QACvB,UAAU,EAAE,uBAAe;QAC3B,IAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE;KAChC,CAAC;AACJ,CAAC;AARD,wDAQC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.appleTypography = void 0;
|
|
3
4
|
// The sizes are taken for the Dynamic Type Size "Large", which is the system default
|
|
4
5
|
function appleTypography() {
|
|
5
6
|
var appleDict = {
|
|
@@ -10,7 +11,7 @@ function appleTypography() {
|
|
|
10
11
|
subheader: 15,
|
|
11
12
|
header: 17,
|
|
12
13
|
hero: 26,
|
|
13
|
-
heroLarge: 30,
|
|
14
|
+
heroLarge: 30, // Large Title,
|
|
14
15
|
},
|
|
15
16
|
weights: {
|
|
16
17
|
ultralight: '100',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTypography.ios.js","sourceRoot":"","sources":["../src/appleTypography.ios.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"appleTypography.ios.js","sourceRoot":"","sources":["../src/appleTypography.ios.ts"],"names":[],"mappings":";;;AAEA,qFAAqF;AACrF,SAAgB,eAAe;IAC7B,IAAM,SAAS,GAAG;QAChB,KAAK,EAAE;YACL,OAAO,EAAE,EAAc;YACvB,SAAS,EAAE,EAAc;YACzB,IAAI,EAAE,EAAc;YACpB,SAAS,EAAE,EAAc;YACzB,MAAM,EAAE,EAAc;YACtB,IAAI,EAAE,EAAc;YACpB,SAAS,EAAE,EAAc,EAAE,eAAe;SAC9B;QACd,OAAO,EAAE;YACP,UAAU,EAAE,KAAwB;YACpC,IAAI,EAAE,KAAwB;YAC9B,KAAK,EAAE,KAAwB;YAC/B,OAAO,EAAE,KAAwB;YACjC,MAAM,EAAE,KAAwB;YAChC,QAAQ,EAAE,KAAwB;YAClC,IAAI,EAAE,KAAwB;YAC9B,KAAK,EAAE,KAAwB;YAC/B,KAAK,EAAE,KAAwB;SAChC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,QAAQ;SAChB;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;YACpE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;YACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;YACxE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;YAC9D,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;YAC9D,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;YACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;YACxE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE;YAClE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE;YAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;YAC9D,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;YAC9D,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;YACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;SAC7D;KACd,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC;AAhDD,0CAgDC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.fallbackAppleTypography = void 0;
|
|
3
4
|
/**
|
|
4
5
|
* The Typography is designed to match the styles defined in the Apple HIG:
|
|
5
6
|
* https://developer.apple.com/design/human-interface-guidelines/macos/visual-design/typography/
|
|
@@ -15,7 +16,7 @@ function fallbackAppleTypography() {
|
|
|
15
16
|
subheader: 16,
|
|
16
17
|
header: 20,
|
|
17
18
|
hero: 22,
|
|
18
|
-
heroLarge: 26,
|
|
19
|
+
heroLarge: 26, // Large Title,
|
|
19
20
|
},
|
|
20
21
|
weights: {
|
|
21
22
|
ultralight: '100',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTypography.macos.js","sourceRoot":"","sources":["../src/appleTypography.macos.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"appleTypography.macos.js","sourceRoot":"","sources":["../src/appleTypography.macos.ts"],"names":[],"mappings":";;;AAEA;;;;;GAKG;AAEH,SAAgB,uBAAuB;IACrC,IAAM,SAAS,GAAG;QAChB,KAAK,EAAE;YACL,OAAO,EAAE,EAAc;YACvB,SAAS,EAAE,EAAc;YACzB,IAAI,EAAE,EAAc;YACpB,SAAS,EAAE,EAAc;YACzB,MAAM,EAAE,EAAc;YACtB,IAAI,EAAE,EAAc;YACpB,SAAS,EAAE,EAAc,EAAE,eAAe;SAC9B;QACd,OAAO,EAAE;YACP,UAAU,EAAE,KAAwB;YACpC,IAAI,EAAE,KAAwB;YAC9B,KAAK,EAAE,KAAwB;YAC/B,OAAO,EAAE,KAAwB;YACjC,MAAM,EAAE,KAAwB;YAChC,QAAQ,EAAE,KAAwB;YAClC,IAAI,EAAE,KAAwB;YAC9B,KAAK,EAAE,KAAwB;YAC/B,KAAK,EAAE,KAAwB;SAChC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,QAAQ;YACnB,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,QAAQ;SAChB;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;YACpE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;YACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;YACxE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;YAC9D,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;YAC9D,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;YACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;YACxE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE;YAClE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE;YAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;YAC9D,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE;YAC9D,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;YACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE;SAC7D;KACd,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC;AAhDD,0DAgDC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createAppleTheme = void 0;
|
|
3
4
|
var theme_1 = require("@fluentui-react-native/theme");
|
|
4
5
|
var react_native_1 = require("react-native");
|
|
5
6
|
var appleTheme_ios_1 = require("./appleTheme.ios");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.ios.js","sourceRoot":"","sources":["../src/createAppleTheme.ios.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createAppleTheme.ios.js","sourceRoot":"","sources":["../src/createAppleTheme.ios.ts"],"names":[],"mappings":";;;AAAA,sDAA8D;AAE9D,6CAA0C;AAC1C,mDAAiF;AAEjF,SAAgB,gBAAgB;IAC9B,IAAM,cAAc,GAAG;QACrB,IAAM,OAAO,GAAG,yBAAU,CAAC,cAAc,EAAE,CAAC;QAC5C,OAAO,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,uCAAsB,CAAC,CAAC,CAAC,sCAAqB,CAAC;IAC9E,CAAC,CAAC;IAEF,IAAM,mBAAmB,GAAG,IAAI,sBAAc,CAAC,EAAW,EAAE,cAAc,CAAC,CAAC;IAE5E,yBAAU,CAAC,iBAAiB,CAAC;QAC3B,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAbD,4CAaC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createAppleTheme = void 0;
|
|
3
4
|
var theme_1 = require("@fluentui-react-native/theme");
|
|
4
5
|
var default_theme_1 = require("@fluentui-react-native/default-theme");
|
|
5
6
|
function createAppleTheme() {
|
|
6
7
|
console.warn('Platform is not supported by apple theme, using default theme');
|
|
7
|
-
return new theme_1.ThemeReference(default_theme_1.createDefaultTheme());
|
|
8
|
+
return new theme_1.ThemeReference((0, default_theme_1.createDefaultTheme)());
|
|
8
9
|
}
|
|
9
10
|
exports.createAppleTheme = createAppleTheme;
|
|
10
11
|
//# sourceMappingURL=createAppleTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.js","sourceRoot":"","sources":["../src/createAppleTheme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createAppleTheme.js","sourceRoot":"","sources":["../src/createAppleTheme.ts"],"names":[],"mappings":";;;AAAA,sDAA8D;AAC9D,sEAA0E;AAE1E,SAAgB,gBAAgB;IAC9B,OAAO,CAAC,IAAI,CAAC,+DAA+D,CAAC,CAAC;IAC9E,OAAO,IAAI,sBAAc,CAAC,IAAA,kCAAkB,GAAE,CAAC,CAAC;AAClD,CAAC;AAHD,4CAGC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createAppleTheme = void 0;
|
|
3
4
|
var theme_1 = require("@fluentui-react-native/theme");
|
|
4
5
|
var react_native_1 = require("react-native");
|
|
5
6
|
var appleTheme_macos_1 = require("./appleTheme.macos");
|
|
6
7
|
function createAppleTheme() {
|
|
7
8
|
var appleThemeReference = new theme_1.ThemeReference({}, function () {
|
|
8
|
-
return appleTheme_macos_1.getBaseAppleThemeMacOS();
|
|
9
|
+
return (0, appleTheme_macos_1.getBaseAppleThemeMacOS)();
|
|
9
10
|
});
|
|
10
11
|
react_native_1.Appearance.addChangeListener(function () {
|
|
11
12
|
appleThemeReference.invalidate();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.macos.js","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createAppleTheme.macos.js","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":";;;AAAA,sDAA8D;AAE9D,6CAA0C;AAC1C,uDAA4D;AAE5D,SAAgB,gBAAgB;IAC9B,IAAM,mBAAmB,GAAG,IAAI,sBAAc,CAAC,EAAW,EAAE;QAC1D,OAAO,IAAA,yCAAsB,GAAE,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,yBAAU,CAAC,iBAAiB,CAAC;QAC3B,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAVD,4CAUC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { AliasColorTokens, AppearanceOptions } from '@fluentui-react-native/theme-types';
|
|
2
|
+
declare function createMacOSAliasTokensWorker(mode: AppearanceOptions): AliasColorTokens;
|
|
3
|
+
export declare const createMacOSAliasTokens: typeof createMacOSAliasTokensWorker;
|
|
4
|
+
export {};
|
|
5
|
+
//# sourceMappingURL=createMacOSAliasTokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createMacOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAIzF,iBAAS,4BAA4B,CAAC,IAAI,EAAE,iBAAiB,GAAG,gBAAgB,CAG/E;AAED,eAAO,MAAM,sBAAsB,qCAAwC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createMacOSAliasTokens = void 0;
|
|
4
|
+
var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
5
|
+
var memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
6
|
+
var theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
7
|
+
function createMacOSAliasTokensWorker(mode) {
|
|
8
|
+
var aliasTokens = (0, theme_tokens_1.getAliasTokens)(mode);
|
|
9
|
+
return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
|
|
10
|
+
}
|
|
11
|
+
exports.createMacOSAliasTokens = (0, memo_cache_1.memoize)(createMacOSAliasTokensWorker);
|
|
12
|
+
//# sourceMappingURL=createMacOSAliasTokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createMacOSAliasTokens.js","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":";;;AAAA,oEAAqE;AAErE,gEAA4D;AAC5D,sEAA0E;AAE1E,SAAS,4BAA4B,CAAC,IAAuB;IAC3D,IAAM,WAAW,GAAG,IAAA,6BAAc,EAAC,IAAI,CAAC,CAAC;IACzC,OAAO,IAAA,kCAAkB,EAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAEY,QAAA,sBAAsB,GAAG,IAAA,oBAAO,EAAC,4BAA4B,CAAC,CAAC"}
|
package/lib-commonjs/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
function
|
|
3
|
-
|
|
4
|
-
}
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
5
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
13
|
+
__exportStar(require("./createAppleTheme"), exports);
|
|
14
|
+
__exportStar(require("./createMacOSAliasTokens"), exports);
|
|
7
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qDAAmC;AACnC,2DAAyC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.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>",
|
|
@@ -24,21 +24,23 @@
|
|
|
24
24
|
"prettier-fix": "fluentui-scripts prettier --fix true"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@fluentui-react-native/default-theme": ">=0.
|
|
28
|
-
"@fluentui-react-native/
|
|
29
|
-
"@fluentui-react-native/theme
|
|
30
|
-
"@fluentui-react-native/
|
|
27
|
+
"@fluentui-react-native/default-theme": ">=0.9.3 <1.0.0",
|
|
28
|
+
"@fluentui-react-native/memo-cache": "^1.1.6",
|
|
29
|
+
"@fluentui-react-native/theme": ">=0.6.1 <1.0.0",
|
|
30
|
+
"@fluentui-react-native/theme-tokens": "^0.11.1",
|
|
31
|
+
"@fluentui-react-native/theme-types": ">=0.13.0 <1.0.0",
|
|
32
|
+
"@fluentui-react-native/theming-utils": "^0.8.3"
|
|
31
33
|
},
|
|
32
34
|
"devDependencies": {
|
|
33
|
-
"@
|
|
34
|
-
"@types/react
|
|
35
|
+
"@fluentui-react-native/eslint-config-rules": "^0.1.1",
|
|
36
|
+
"@types/react": "^17.0.2",
|
|
37
|
+
"@types/react-native": "^0.64.0",
|
|
35
38
|
"@uifabricshared/build-native": "^0.1.1",
|
|
36
|
-
"
|
|
37
|
-
"react-native": "^0.63.4"
|
|
39
|
+
"react-native": "^0.64.3"
|
|
38
40
|
},
|
|
39
41
|
"peerDependencies": {
|
|
40
|
-
"react": ">=
|
|
41
|
-
"react-native": ">=0.
|
|
42
|
-
"react-native-macos": ">=0.
|
|
42
|
+
"react": ">=17.0.1",
|
|
43
|
+
"react-native": ">=0.64.3",
|
|
44
|
+
"react-native-macos": ">=0.64.6"
|
|
43
45
|
}
|
|
44
46
|
}
|
package/src/appleColors.macos.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
|
|
|
3
3
|
import { AppleSemanticPalette, FluentUIApplePalette } from './appleColors.types.macos';
|
|
4
4
|
import { PlatformColor, DynamicColorMacOS, ColorWithSystemEffectMacOS } from 'react-native-macos';
|
|
5
5
|
import { Appearance } from 'react-native';
|
|
6
|
+
import { createMacOSAliasTokens } from './createMacOSAliasTokens';
|
|
6
7
|
|
|
7
8
|
/** Creates a Palette of PlatformColors defined for macOS */
|
|
8
9
|
export function getAppleSemanticPalette(): AppleSemanticPalette {
|
|
@@ -55,6 +56,10 @@ export function getAppleSemanticPalette(): AppleSemanticPalette {
|
|
|
55
56
|
}
|
|
56
57
|
|
|
57
58
|
function getFluentUIApplePalette(): FluentUIApplePalette {
|
|
59
|
+
const appearance = Appearance.getColorScheme();
|
|
60
|
+
const mode = getCurrentAppearance(appearance, 'light');
|
|
61
|
+
const macOSAliasColorTokens = createMacOSAliasTokens(mode);
|
|
62
|
+
|
|
58
63
|
return {
|
|
59
64
|
blue10: '#4F6BED',
|
|
60
65
|
blueMagenta20: '#8764B8',
|
|
@@ -259,35 +264,28 @@ function getFluentUIApplePalette(): FluentUIApplePalette {
|
|
|
259
264
|
light: '#2525253F',
|
|
260
265
|
dark: '#5656567F',
|
|
261
266
|
}),
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
dark: '#555555',
|
|
276
|
-
}),
|
|
267
|
+
|
|
268
|
+
brandedBackground: macOSAliasColorTokens.brandBackground,
|
|
269
|
+
brandBackgroundPressed: macOSAliasColorTokens.brandBackgroundPressed,
|
|
270
|
+
brandBackgroundHovered: macOSAliasColorTokens.brandBackgroundHover,
|
|
271
|
+
neutralBackgroundInverted: macOSAliasColorTokens.neutralBackgroundInverted,
|
|
272
|
+
neutralForegroundInverted: macOSAliasColorTokens.neutralForegroundInverted,
|
|
273
|
+
neutralForeground2: macOSAliasColorTokens.neutralForeground2,
|
|
274
|
+
neutralBackground2: macOSAliasColorTokens.neutralBackground2,
|
|
275
|
+
neutralStroke2: macOSAliasColorTokens.neutralStroke2,
|
|
276
|
+
neutralForeground3: macOSAliasColorTokens.neutralForeground3,
|
|
277
|
+
neutralBackground3: macOSAliasColorTokens.neutralBackground3,
|
|
278
|
+
neutralStrokeDisabled: macOSAliasColorTokens.neutralStrokeDisabled,
|
|
279
|
+
transparentBackground: macOSAliasColorTokens.transparentBackground,
|
|
277
280
|
};
|
|
278
281
|
}
|
|
279
282
|
|
|
280
283
|
/** Creates a palette of colors for the apple theme, given the FluentUI Apple Palette and Apple Semantic Palette
|
|
281
|
-
* The fallback palette is loaded while we wait for
|
|
284
|
+
* The fallback palette is loaded while we wait for the native theming module to load, or if the module is not found
|
|
282
285
|
*/
|
|
283
286
|
export function fallbackApplePalette(): ThemeColorDefinition {
|
|
284
287
|
const fluentUIApple = getFluentUIApplePalette();
|
|
285
288
|
const applePlatform = getAppleSemanticPalette();
|
|
286
|
-
|
|
287
|
-
// GH:728 Until RN-SVG Supports PlatformColor, we need this workaround
|
|
288
|
-
const appearance = Appearance.getColorScheme();
|
|
289
|
-
const neutralForeground3 = getCurrentAppearance(appearance, 'light') === 'light' ? '#272727' : '#FFFFFF';
|
|
290
|
-
|
|
291
289
|
return {
|
|
292
290
|
/* PaletteBackgroundColors & PaletteTextColors */
|
|
293
291
|
|
|
@@ -338,7 +336,7 @@ export function fallbackApplePalette(): ThemeColorDefinition {
|
|
|
338
336
|
buttonBackgroundCheckedHovered: fluentUIApple.neutralBackground3,
|
|
339
337
|
buttonBackgroundPressed: ColorWithSystemEffectMacOS(fluentUIApple.neutralBackground3, 'pressed'),
|
|
340
338
|
buttonBackgroundDisabled: ColorWithSystemEffectMacOS(fluentUIApple.neutralBackground3, 'disabled'),
|
|
341
|
-
buttonBorder:
|
|
339
|
+
buttonBorder: fluentUIApple.transparentBackground,
|
|
342
340
|
buttonText: fluentUIApple.neutralForeground3,
|
|
343
341
|
buttonTextHovered: fluentUIApple.neutralForeground3,
|
|
344
342
|
buttonTextChecked: fluentUIApple.neutralForeground3,
|
|
@@ -346,8 +344,8 @@ export function fallbackApplePalette(): ThemeColorDefinition {
|
|
|
346
344
|
buttonTextPressed: ColorWithSystemEffectMacOS(fluentUIApple.neutralForeground3, 'pressed'),
|
|
347
345
|
buttonTextDisabled: ColorWithSystemEffectMacOS(fluentUIApple.neutralForeground3, 'disabled'),
|
|
348
346
|
|
|
349
|
-
buttonBorderDisabled:
|
|
350
|
-
buttonBorderFocused:
|
|
347
|
+
buttonBorderDisabled: fluentUIApple.transparentBackground,
|
|
348
|
+
buttonBorderFocused: fluentUIApple.transparentBackground,
|
|
351
349
|
|
|
352
350
|
primaryButtonBackground: fluentUIApple.communicationBlue,
|
|
353
351
|
primaryButtonBackgroundHovered: fluentUIApple.communicationBlue,
|
|
@@ -355,17 +353,17 @@ export function fallbackApplePalette(): ThemeColorDefinition {
|
|
|
355
353
|
primaryButtonBackgroundDisabled: fluentUIApple.brandBackgroundDisabled,
|
|
356
354
|
primaryButtonBorder: 'transparent',
|
|
357
355
|
primaryButtonBorderFocused: 'transparent',
|
|
358
|
-
primaryButtonText: fluentUIApple.
|
|
359
|
-
primaryButtonTextHovered: fluentUIApple.
|
|
360
|
-
primaryButtonTextPressed: ColorWithSystemEffectMacOS(fluentUIApple.
|
|
356
|
+
primaryButtonText: fluentUIApple.neutralForegroundInverted,
|
|
357
|
+
primaryButtonTextHovered: fluentUIApple.neutralForegroundInverted,
|
|
358
|
+
primaryButtonTextPressed: ColorWithSystemEffectMacOS(fluentUIApple.neutralForegroundInverted, 'pressed'),
|
|
361
359
|
primaryButtonTextDisabled: fluentUIApple.brandForegroundDisabled,
|
|
362
360
|
|
|
363
361
|
accentButtonBackground: fluentUIApple.communicationBlue,
|
|
364
|
-
accentButtonText: fluentUIApple.
|
|
362
|
+
accentButtonText: fluentUIApple.neutralForegroundInverted,
|
|
365
363
|
|
|
366
364
|
menuBackground: 'transparent',
|
|
367
365
|
menuDivider: applePlatform.separatorColor,
|
|
368
|
-
menuIcon: neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
366
|
+
menuIcon: fluentUIApple.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
369
367
|
menuHeader: applePlatform.headerTextColor,
|
|
370
368
|
menuItemBackgroundHovered: applePlatform.controlAccentColor,
|
|
371
369
|
menuItemBackgroundPressed: ColorWithSystemEffectMacOS(applePlatform.controlAccentColor, 'pressed'),
|
|
@@ -393,27 +391,27 @@ export function fallbackApplePalette(): ThemeColorDefinition {
|
|
|
393
391
|
defaultBackground: fluentUIApple.neutralBackground3,
|
|
394
392
|
defaultBorder: 'transparent',
|
|
395
393
|
defaultContent: fluentUIApple.neutralForeground3,
|
|
396
|
-
defaultIcon: neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
394
|
+
defaultIcon: fluentUIApple.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
397
395
|
|
|
398
396
|
defaultHoveredBackground: fluentUIApple.neutralBackground3,
|
|
399
397
|
defaultHoveredBorder: 'transparent',
|
|
400
398
|
defaultHoveredContent: fluentUIApple.neutralForeground3,
|
|
401
|
-
defaultHoveredIcon: neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
399
|
+
defaultHoveredIcon: fluentUIApple.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
402
400
|
|
|
403
401
|
defaultFocusedBackground: fluentUIApple.neutralBackground3,
|
|
404
402
|
defaultFocusedBorder: 'transparent',
|
|
405
403
|
defaultFocusedContent: fluentUIApple.neutralForeground3,
|
|
406
|
-
defaultFocusedIcon: neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
404
|
+
defaultFocusedIcon: fluentUIApple.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
407
405
|
|
|
408
406
|
defaultPressedBackground: ColorWithSystemEffectMacOS(fluentUIApple.neutralBackground3, 'pressed'),
|
|
409
407
|
defaultPressedBorder: 'transparent',
|
|
410
408
|
defaultPressedContent: ColorWithSystemEffectMacOS(fluentUIApple.neutralForeground3, 'pressed'),
|
|
411
|
-
defaultPressedIcon: neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
409
|
+
defaultPressedIcon: fluentUIApple.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
412
410
|
|
|
413
|
-
defaultDisabledBackground:
|
|
411
|
+
defaultDisabledBackground: fluentUIApple.neutralStrokeDisabled,
|
|
414
412
|
defaultDisabledBorder: 'transparent',
|
|
415
413
|
defaultDisabledContent: ColorWithSystemEffectMacOS(fluentUIApple.neutralForeground3, 'pressed'),
|
|
416
|
-
defaultDisabledIcon: neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
414
|
+
defaultDisabledIcon: fluentUIApple.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
417
415
|
|
|
418
416
|
ghostBackground: 'transparent',
|
|
419
417
|
ghostBorder: 'transparent',
|
|
@@ -433,47 +431,47 @@ export function fallbackApplePalette(): ThemeColorDefinition {
|
|
|
433
431
|
ghostPressedBackground: 'transparent',
|
|
434
432
|
ghostPressedBorder: 'transparent',
|
|
435
433
|
ghostPressedContent: ColorWithSystemEffectMacOS(fluentUIApple.communicationBlue, 'deepPressed'),
|
|
436
|
-
ghostPressedIcon: neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
434
|
+
ghostPressedIcon: fluentUIApple.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
437
435
|
|
|
438
436
|
ghostDisabledBackground: 'transparent',
|
|
439
437
|
ghostDisabledBorder: 'transparent',
|
|
440
438
|
ghostDisabledContent: fluentUIApple.brandForegroundDisabled,
|
|
441
439
|
ghostDisabledIcon: fluentUIApple.brandForegroundDisabled,
|
|
442
440
|
|
|
443
|
-
brandedBackground: fluentUIApple.
|
|
441
|
+
brandedBackground: fluentUIApple.brandedBackground,
|
|
444
442
|
brandedBorder: 'transparent',
|
|
445
|
-
brandedContent: fluentUIApple.
|
|
446
|
-
brandedIcon: fluentUIApple.
|
|
443
|
+
brandedContent: fluentUIApple.neutralForegroundInverted,
|
|
444
|
+
brandedIcon: fluentUIApple.neutralForegroundInverted,
|
|
447
445
|
|
|
448
|
-
brandedHoveredBackground: fluentUIApple.
|
|
446
|
+
brandedHoveredBackground: fluentUIApple.brandBackgroundHovered,
|
|
449
447
|
brandedHoveredBorder: 'transparent',
|
|
450
|
-
brandedHoveredContent: fluentUIApple.
|
|
451
|
-
brandedHoveredIcon: fluentUIApple.
|
|
448
|
+
brandedHoveredContent: fluentUIApple.neutralForegroundInverted,
|
|
449
|
+
brandedHoveredIcon: fluentUIApple.neutralForegroundInverted,
|
|
452
450
|
|
|
453
451
|
brandedFocusedBackground: fluentUIApple.communicationBlue,
|
|
454
452
|
brandedFocusedBorder: 'transparent',
|
|
455
|
-
brandedFocusedContent: fluentUIApple.
|
|
456
|
-
brandedFocusedIcon: fluentUIApple.
|
|
453
|
+
brandedFocusedContent: fluentUIApple.neutralForegroundInverted,
|
|
454
|
+
brandedFocusedIcon: fluentUIApple.neutralForegroundInverted,
|
|
457
455
|
|
|
458
|
-
brandedPressedBackground: ColorWithSystemEffectMacOS(fluentUIApple.communicationBlue, 'pressed'),
|
|
456
|
+
brandedPressedBackground: fluentUIApple.brandBackgroundPressed, //ColorWithSystemEffectMacOS(fluentUIApple.communicationBlue, 'pressed'),
|
|
459
457
|
brandedPressedBorder: 'transparent',
|
|
460
|
-
brandedPressedContent: fluentUIApple.
|
|
461
|
-
brandedPressedIcon: fluentUIApple.
|
|
458
|
+
brandedPressedContent: fluentUIApple.neutralForegroundInverted,
|
|
459
|
+
brandedPressedIcon: fluentUIApple.neutralForegroundInverted,
|
|
462
460
|
|
|
463
461
|
brandedDisabledBackground: fluentUIApple.brandBackgroundDisabled,
|
|
464
462
|
brandedDisabledBorder: 'transparent',
|
|
465
463
|
brandedDisabledContent: fluentUIApple.brandForegroundDisabled,
|
|
466
|
-
brandedDisabledIcon: neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
464
|
+
brandedDisabledIcon: fluentUIApple.neutralForeground3, //GH:728 Icon doesn't support PlatformColor
|
|
467
465
|
|
|
468
466
|
defaultCheckedBackground: fluentUIApple.communicationBlue,
|
|
469
|
-
defaultCheckedContent: fluentUIApple.
|
|
467
|
+
defaultCheckedContent: fluentUIApple.neutralForegroundInverted,
|
|
470
468
|
defaultCheckedHoveredBackground: fluentUIApple.communicationBlue,
|
|
471
|
-
defaultCheckedHoveredContent: fluentUIApple.
|
|
469
|
+
defaultCheckedHoveredContent: fluentUIApple.neutralForegroundInverted,
|
|
472
470
|
|
|
473
471
|
brandedCheckedBackground: fluentUIApple.communicationBlue,
|
|
474
|
-
brandedCheckedContent: fluentUIApple.
|
|
472
|
+
brandedCheckedContent: fluentUIApple.neutralForegroundInverted,
|
|
475
473
|
brandedCheckedHoveredBackground: fluentUIApple.communicationBlue,
|
|
476
|
-
brandedCheckedHoveredContent: fluentUIApple.
|
|
474
|
+
brandedCheckedHoveredContent: fluentUIApple.neutralForegroundInverted,
|
|
477
475
|
|
|
478
476
|
ghostCheckedBackground: 'transparent',
|
|
479
477
|
ghostCheckedContent: fluentUIApple.communicationBlue,
|
|
@@ -486,21 +484,21 @@ export function fallbackApplePalette(): ThemeColorDefinition {
|
|
|
486
484
|
ghostHoveredSecondaryContent: fluentUIApple.communicationBlue,
|
|
487
485
|
ghostPressedSecondaryContent: ColorWithSystemEffectMacOS(fluentUIApple.communicationBlue, 'deepPressed'),
|
|
488
486
|
|
|
489
|
-
brandedSecondaryContent: fluentUIApple.
|
|
490
|
-
brandedFocusedSecondaryContent: fluentUIApple.
|
|
491
|
-
brandedHoveredSecondaryContent: fluentUIApple.
|
|
492
|
-
brandedPressedSecondaryContent: ColorWithSystemEffectMacOS(fluentUIApple.
|
|
487
|
+
brandedSecondaryContent: fluentUIApple.neutralForegroundInverted,
|
|
488
|
+
brandedFocusedSecondaryContent: fluentUIApple.neutralForegroundInverted,
|
|
489
|
+
brandedHoveredSecondaryContent: fluentUIApple.neutralForegroundInverted,
|
|
490
|
+
brandedPressedSecondaryContent: ColorWithSystemEffectMacOS(fluentUIApple.neutralForegroundInverted, 'pressed'),
|
|
493
491
|
|
|
494
492
|
defaultDisabledSecondaryContent: fluentUIApple.brandForegroundDisabled,
|
|
495
|
-
defaultHoveredSecondaryContent: fluentUIApple.
|
|
496
|
-
defaultPressedSecondaryContent: fluentUIApple.
|
|
493
|
+
defaultHoveredSecondaryContent: fluentUIApple.neutralForeground3,
|
|
494
|
+
defaultPressedSecondaryContent: fluentUIApple.neutralForegroundInverted,
|
|
497
495
|
|
|
498
496
|
checkboxBackground: fluentUIApple.communicationBlue,
|
|
499
497
|
checkboxBackgroundDisabled: fluentUIApple.brandBackgroundDisabled,
|
|
500
498
|
checkboxBorderColor: fluentUIApple.gray600,
|
|
501
|
-
checkmarkColor: fluentUIApple.
|
|
499
|
+
checkmarkColor: fluentUIApple.neutralForegroundInverted,
|
|
502
500
|
|
|
503
|
-
personaActivityRing: fluentUIApple.
|
|
501
|
+
personaActivityRing: fluentUIApple.neutralForegroundInverted,
|
|
504
502
|
personaActivityGlow: fluentUIApple.red10,
|
|
505
503
|
};
|
|
506
504
|
}
|
|
@@ -206,14 +206,20 @@ interface FluentUIAppleBasePalette {
|
|
|
206
206
|
|
|
207
207
|
/** A set of control tokens used on the FluentUI Apple macOS button */
|
|
208
208
|
interface FluentAppleButtonTokens {
|
|
209
|
+
brandedBackground: ColorValue;
|
|
210
|
+
brandBackgroundHovered: ColorValue;
|
|
211
|
+
brandBackgroundPressed: ColorValue;
|
|
209
212
|
brandForegroundDisabled: ColorValue;
|
|
210
213
|
brandBackgroundDisabled: ColorValue;
|
|
211
|
-
|
|
214
|
+
neutralStrokeDisabled: ColorValue;
|
|
215
|
+
neutralBackgroundInverted: ColorValue;
|
|
216
|
+
neutralForegroundInverted: ColorValue;
|
|
212
217
|
neutralForeground2: ColorValue;
|
|
213
218
|
neutralBackground2: ColorValue;
|
|
214
219
|
neutralStroke2: ColorValue;
|
|
215
220
|
neutralForeground3: ColorValue;
|
|
216
221
|
neutralBackground3: ColorValue;
|
|
222
|
+
transparentBackground: ColorValue;
|
|
217
223
|
}
|
|
218
224
|
|
|
219
225
|
export type FluentUIApplePalette = FluentUIAppleBasePalette & FluentAppleButtonTokens;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { getAliasTokens } from '@fluentui-react-native/theme-tokens';
|
|
2
|
+
import { AliasColorTokens, AppearanceOptions } from '@fluentui-react-native/theme-types';
|
|
3
|
+
import { memoize } from '@fluentui-react-native/memo-cache';
|
|
4
|
+
import { mapPipelineToTheme } from '@fluentui-react-native/theming-utils';
|
|
5
|
+
|
|
6
|
+
function createMacOSAliasTokensWorker(mode: AppearanceOptions): AliasColorTokens {
|
|
7
|
+
const aliasTokens = getAliasTokens(mode);
|
|
8
|
+
return mapPipelineToTheme(aliasTokens);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export const createMacOSAliasTokens = memoize(createMacOSAliasTokensWorker);
|