@fluentui-react-native/apple-theme 0.9.1 → 0.9.5
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 +169 -4
- 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.map +1 -1
- package/lib/appleColors.macos.js +3 -2
- package/lib/appleColors.macos.js.map +1 -1
- package/lib/appleColors.types.ios.js +1 -0
- package/lib/appleColors.types.macos.d.ts +1 -0
- 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-commonjs/appleColors.ios.js +3 -2
- package/lib-commonjs/appleColors.ios.js.map +1 -1
- package/lib-commonjs/appleColors.macos.d.ts.map +1 -1
- package/lib-commonjs/appleColors.macos.js +97 -95
- package/lib-commonjs/appleColors.macos.js.map +1 -1
- package/lib-commonjs/appleColors.types.macos.d.ts +1 -0
- 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.js +4 -3
- package/lib-commonjs/createMacOSAliasTokens.js.map +1 -1
- package/lib-commonjs/index.js +12 -5
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +12 -7
- package/src/appleColors.macos.ts +3 -2
- package/src/appleColors.types.macos.ts +1 -0
|
@@ -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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createMacOSAliasTokens = void 0;
|
|
3
4
|
var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
4
5
|
var memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
5
6
|
var theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
6
7
|
function createMacOSAliasTokensWorker(mode) {
|
|
7
|
-
var aliasTokens = theme_tokens_1.getAliasTokens(mode);
|
|
8
|
-
return theming_utils_1.mapPipelineToTheme(aliasTokens);
|
|
8
|
+
var aliasTokens = (0, theme_tokens_1.getAliasTokens)(mode);
|
|
9
|
+
return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
|
|
9
10
|
}
|
|
10
|
-
exports.createMacOSAliasTokens = memo_cache_1.memoize(createMacOSAliasTokensWorker);
|
|
11
|
+
exports.createMacOSAliasTokens = (0, memo_cache_1.memoize)(createMacOSAliasTokensWorker);
|
|
11
12
|
//# sourceMappingURL=createMacOSAliasTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createMacOSAliasTokens.js","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":"
|
|
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.js
CHANGED
|
@@ -1,8 +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
|
-
|
|
7
|
-
|
|
13
|
+
__exportStar(require("./createAppleTheme"), exports);
|
|
14
|
+
__exportStar(require("./createMacOSAliasTokens"), exports);
|
|
8
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.9.
|
|
3
|
+
"version": "0.9.5",
|
|
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>",
|
|
@@ -23,13 +23,18 @@
|
|
|
23
23
|
"prettier": "fluentui-scripts prettier",
|
|
24
24
|
"prettier-fix": "fluentui-scripts prettier --fix true"
|
|
25
25
|
},
|
|
26
|
+
"repository": {
|
|
27
|
+
"type": "git",
|
|
28
|
+
"url": "https://github.com/microsoft/fluentui-react-native.git",
|
|
29
|
+
"directory": "packages/theming/apple-theme"
|
|
30
|
+
},
|
|
26
31
|
"dependencies": {
|
|
27
|
-
"@fluentui-react-native/default-theme": ">=0.9.
|
|
28
|
-
"@fluentui-react-native/memo-cache": "^1.1.
|
|
29
|
-
"@fluentui-react-native/theme": ">=0.6.
|
|
30
|
-
"@fluentui-react-native/theme-tokens": "^0.11.
|
|
31
|
-
"@fluentui-react-native/theme-types": ">=0.13.
|
|
32
|
-
"@fluentui-react-native/theming-utils": "^0.8.
|
|
32
|
+
"@fluentui-react-native/default-theme": ">=0.9.5 <1.0.0",
|
|
33
|
+
"@fluentui-react-native/memo-cache": "^1.1.7",
|
|
34
|
+
"@fluentui-react-native/theme": ">=0.6.2 <1.0.0",
|
|
35
|
+
"@fluentui-react-native/theme-tokens": "^0.11.3",
|
|
36
|
+
"@fluentui-react-native/theme-types": ">=0.13.1 <1.0.0",
|
|
37
|
+
"@fluentui-react-native/theming-utils": "^0.8.5"
|
|
33
38
|
},
|
|
34
39
|
"devDependencies": {
|
|
35
40
|
"@fluentui-react-native/eslint-config-rules": "^0.1.1",
|
package/src/appleColors.macos.ts
CHANGED
|
@@ -271,6 +271,7 @@ function getFluentUIApplePalette(): FluentUIApplePalette {
|
|
|
271
271
|
neutralBackgroundInverted: macOSAliasColorTokens.neutralBackgroundInverted,
|
|
272
272
|
neutralForegroundInverted: macOSAliasColorTokens.neutralForegroundInverted,
|
|
273
273
|
neutralForeground2: macOSAliasColorTokens.neutralForeground2,
|
|
274
|
+
neutralBackground1: macOSAliasColorTokens.neutralBackground1,
|
|
274
275
|
neutralBackground2: macOSAliasColorTokens.neutralBackground2,
|
|
275
276
|
neutralStroke2: macOSAliasColorTokens.neutralStroke2,
|
|
276
277
|
neutralForeground3: macOSAliasColorTokens.neutralForeground3,
|
|
@@ -330,7 +331,7 @@ export function fallbackApplePalette(): ThemeColorDefinition {
|
|
|
330
331
|
inputPlaceholderText: applePlatform.placeholderTextColor,
|
|
331
332
|
|
|
332
333
|
// Set the default button tokens to match the Acrylic Button style
|
|
333
|
-
buttonBackground: fluentUIApple.
|
|
334
|
+
buttonBackground: fluentUIApple.neutralBackground1,
|
|
334
335
|
buttonBackgroundChecked: fluentUIApple.neutralBackground3,
|
|
335
336
|
buttonBackgroundHovered: fluentUIApple.neutralBackground3,
|
|
336
337
|
buttonBackgroundCheckedHovered: fluentUIApple.neutralBackground3,
|
|
@@ -490,7 +491,7 @@ export function fallbackApplePalette(): ThemeColorDefinition {
|
|
|
490
491
|
brandedPressedSecondaryContent: ColorWithSystemEffectMacOS(fluentUIApple.neutralForegroundInverted, 'pressed'),
|
|
491
492
|
|
|
492
493
|
defaultDisabledSecondaryContent: fluentUIApple.brandForegroundDisabled,
|
|
493
|
-
defaultHoveredSecondaryContent: fluentUIApple.
|
|
494
|
+
defaultHoveredSecondaryContent: fluentUIApple.neutralForeground3,
|
|
494
495
|
defaultPressedSecondaryContent: fluentUIApple.neutralForegroundInverted,
|
|
495
496
|
|
|
496
497
|
checkboxBackground: fluentUIApple.communicationBlue,
|
|
@@ -215,6 +215,7 @@ interface FluentAppleButtonTokens {
|
|
|
215
215
|
neutralBackgroundInverted: ColorValue;
|
|
216
216
|
neutralForegroundInverted: ColorValue;
|
|
217
217
|
neutralForeground2: ColorValue;
|
|
218
|
+
neutralBackground1: ColorValue;
|
|
218
219
|
neutralBackground2: ColorValue;
|
|
219
220
|
neutralStroke2: ColorValue;
|
|
220
221
|
neutralForeground3: ColorValue;
|