@fluentui-react-native/apple-theme 0.28.3 → 0.28.4
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 +36 -1
- package/CHANGELOG.md +10 -2
- package/eslint.config.js +3 -0
- package/lib/__tests__/apple-theme.test.js +24 -66
- package/lib/__tests__/apple-theme.test.js.map +1 -1
- package/lib/appleColors.ios.js +131 -20
- package/lib/appleColors.ios.js.map +1 -1
- package/lib/appleColors.macos.js +129 -18
- package/lib/appleColors.macos.js.map +1 -1
- package/lib/appleShadows.ios.js +2 -2
- package/lib/appleShadows.ios.js.map +1 -1
- package/lib/appleTheme.ios.js +2 -2
- package/lib/appleTheme.ios.js.map +1 -1
- package/lib/appleTheme.macos.js +2 -2
- package/lib/appleTheme.macos.js.map +1 -1
- package/lib/appleTypography.ios.js +18 -13
- 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/createAppleTheme.ios.js +6 -6
- package/lib/createAppleTheme.ios.js.map +1 -1
- package/lib/createAppleTheme.macos.js +7 -7
- package/lib/createAppleTheme.macos.js.map +1 -1
- package/lib/createFontAliasTokens.ios.js +1 -1
- package/lib/createFontAliasTokens.ios.js.map +1 -1
- package/lib/createMacOSAliasTokens.d.ts +1 -1
- package/lib/createMacOSAliasTokens.d.ts.map +1 -1
- package/lib/createMacOSAliasTokens.js +4 -4
- package/lib/createMacOSAliasTokens.js.map +1 -1
- package/lib/createiOSAliasTokens.d.ts +1 -1
- package/lib/createiOSAliasTokens.d.ts.map +1 -1
- package/lib/createiOSAliasTokens.js +4 -4
- package/lib/createiOSAliasTokens.js.map +1 -1
- package/lib-commonjs/__tests__/apple-theme.test.js +27 -69
- package/lib-commonjs/__tests__/apple-theme.test.js.map +1 -1
- package/lib-commonjs/appleColors.ios.js +135 -24
- package/lib-commonjs/appleColors.ios.js.map +1 -1
- package/lib-commonjs/appleColors.macos.js +132 -21
- package/lib-commonjs/appleColors.macos.js.map +1 -1
- package/lib-commonjs/appleHighContrast.macos.js +1 -1
- package/lib-commonjs/appleHighContrast.macos.js.map +1 -1
- package/lib-commonjs/appleShadows.ios.js +5 -5
- package/lib-commonjs/appleShadows.ios.js.map +1 -1
- package/lib-commonjs/appleShadows.macos.js +2 -2
- package/lib-commonjs/appleShadows.macos.js.map +1 -1
- package/lib-commonjs/appleTheme.ios.js +5 -5
- package/lib-commonjs/appleTheme.ios.js.map +1 -1
- package/lib-commonjs/appleTheme.macos.js +4 -4
- package/lib-commonjs/appleTheme.macos.js.map +1 -1
- package/lib-commonjs/appleTypography.ios.js +19 -14
- package/lib-commonjs/appleTypography.ios.js.map +1 -1
- package/lib-commonjs/appleTypography.macos.js +1 -1
- package/lib-commonjs/appleTypography.macos.js.map +1 -1
- package/lib-commonjs/createAppleTheme.ios.js +10 -10
- package/lib-commonjs/createAppleTheme.ios.js.map +1 -1
- package/lib-commonjs/createAppleTheme.js +2 -2
- package/lib-commonjs/createAppleTheme.js.map +1 -1
- package/lib-commonjs/createAppleTheme.macos.js +13 -13
- package/lib-commonjs/createAppleTheme.macos.js.map +1 -1
- package/lib-commonjs/createFontAliasTokens.ios.js +3 -3
- package/lib-commonjs/createFontAliasTokens.ios.js.map +1 -1
- package/lib-commonjs/createMacOSAliasTokens.d.ts +1 -1
- package/lib-commonjs/createMacOSAliasTokens.d.ts.map +1 -1
- package/lib-commonjs/createMacOSAliasTokens.js +5 -5
- package/lib-commonjs/createMacOSAliasTokens.js.map +1 -1
- package/lib-commonjs/createiOSAliasTokens.d.ts +1 -1
- package/lib-commonjs/createiOSAliasTokens.d.ts.map +1 -1
- package/lib-commonjs/createiOSAliasTokens.js +5 -5
- package/lib-commonjs/createiOSAliasTokens.js.map +1 -1
- package/lib-commonjs/getMacOSTokens.js +9 -9
- package/lib-commonjs/getMacOSTokens.js.map +1 -1
- package/package.json +19 -9
- package/src/createMacOSAliasTokens.ts +1 -1
- package/src/createiOSAliasTokens.ts +1 -1
|
@@ -1,21 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
exports.appleTypography = void 0;
|
|
15
|
-
|
|
4
|
+
const createFontAliasTokens_ios_1 = require("./createFontAliasTokens.ios");
|
|
16
5
|
// The sizes are taken for the Dynamic Type Size "Large", which is the system default
|
|
17
6
|
function appleTypography() {
|
|
18
|
-
|
|
7
|
+
const appleDict = {
|
|
19
8
|
sizes: {
|
|
20
9
|
caption: 12,
|
|
21
10
|
secondary: 16,
|
|
@@ -45,7 +34,23 @@ function appleTypography() {
|
|
|
45
34
|
sansSerif: 'System',
|
|
46
35
|
serif: 'System',
|
|
47
36
|
},
|
|
48
|
-
variants:
|
|
37
|
+
variants: {
|
|
38
|
+
captionStandard: { face: 'primary', size: 'caption', weight: '400' },
|
|
39
|
+
secondaryStandard: { face: 'primary', size: 'secondary', weight: '400' },
|
|
40
|
+
secondarySemibold: { face: 'primary', size: 'secondary', weight: '600' },
|
|
41
|
+
bodyStandard: { face: 'primary', size: 'body', weight: '400' },
|
|
42
|
+
bodySemibold: { face: 'primary', size: 'body', weight: '600' },
|
|
43
|
+
subheaderStandard: { face: 'primary', size: 'subheader', weight: '400' },
|
|
44
|
+
subheaderSemibold: { face: 'primary', size: 'subheader', weight: '600' },
|
|
45
|
+
headerStandard: { face: 'primary', size: 'header', weight: '600' },
|
|
46
|
+
headerSemibold: { face: 'primary', size: 'header', weight: '800' },
|
|
47
|
+
heroStandard: { face: 'primary', size: 'hero', weight: '400' },
|
|
48
|
+
heroSemibold: { face: 'primary', size: 'hero', weight: '600' },
|
|
49
|
+
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
50
|
+
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' },
|
|
51
|
+
// iOS styles
|
|
52
|
+
...(0, createFontAliasTokens_ios_1.createFontAliasTokens)(),
|
|
53
|
+
},
|
|
49
54
|
};
|
|
50
55
|
return appleDict;
|
|
51
56
|
}
|
|
@@ -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,2EAAoE;AAEpE,qFAAqF;AACrF,SAAgB,eAAe;IAC7B,MAAM,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,OAAO,EAAE,QAAQ;YACjB,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;YACxE,aAAa;YACb,GAAG,IAAA,iDAAqB,GAAE;SACf;KACd,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC;AAnDD,0CAmDC"}
|
|
@@ -8,7 +8,7 @@ exports.fallbackAppleTypography = void 0;
|
|
|
8
8
|
* Github #598 also tracks pulling these values from a Native Module rather than hardcoding the numbers in JS.
|
|
9
9
|
*/
|
|
10
10
|
function fallbackAppleTypography() {
|
|
11
|
-
|
|
11
|
+
const appleDict = {
|
|
12
12
|
sizes: {
|
|
13
13
|
caption: 10,
|
|
14
14
|
secondary: 11,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTypography.macos.js","sourceRoot":"","sources":["../src/appleTypography.macos.ts"],"names":[],"mappings":";;;AAEA;;;;;GAKG;AAEH,SAAgB,uBAAuB;IACrC,
|
|
1
|
+
{"version":3,"file":"appleTypography.macos.js","sourceRoot":"","sources":["../src/appleTypography.macos.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createAppleTheme = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
const react_native_1 = require("react-native");
|
|
5
|
+
const experimental_appearance_additions_1 = require("@fluentui-react-native/experimental-appearance-additions");
|
|
6
|
+
const theme_1 = require("@fluentui-react-native/theme");
|
|
7
|
+
const appleTheme_ios_1 = require("./appleTheme.ios");
|
|
8
8
|
function createAppleTheme() {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
const appleThemeReference = new theme_1.ThemeReference({}, () => {
|
|
10
|
+
const isLightMode = react_native_1.Appearance.getColorScheme() === 'light';
|
|
11
|
+
const isElevated = experimental_appearance_additions_1.NativeAppearanceAdditions.userInterfaceLevel() === 'elevated';
|
|
12
12
|
return (0, appleTheme_ios_1.getBaseAppleThemeIOS)(isLightMode, isElevated);
|
|
13
13
|
});
|
|
14
|
-
react_native_1.Appearance.addChangeListener(
|
|
14
|
+
react_native_1.Appearance.addChangeListener(() => {
|
|
15
15
|
appleThemeReference.invalidate();
|
|
16
16
|
});
|
|
17
|
-
|
|
18
|
-
eventEmitter.addListener('appearanceChanged',
|
|
17
|
+
const eventEmitter = new react_native_1.NativeEventEmitter(experimental_appearance_additions_1.NativeAppearanceAdditions);
|
|
18
|
+
eventEmitter.addListener('appearanceChanged', (_newTraits) => {
|
|
19
19
|
appleThemeReference.invalidate();
|
|
20
20
|
});
|
|
21
21
|
return appleThemeReference;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.ios.js","sourceRoot":"","sources":["../src/createAppleTheme.ios.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"createAppleTheme.ios.js","sourceRoot":"","sources":["../src/createAppleTheme.ios.ts"],"names":[],"mappings":";;;AAAA,+CAA8D;AAE9D,gHAAqG;AACrG,wDAA8D;AAG9D,qDAAwD;AAExD,SAAgB,gBAAgB;IAC9B,MAAM,mBAAmB,GAAG,IAAI,sBAAc,CAAC,EAAW,EAAE,GAAG,EAAE;QAC/D,MAAM,WAAW,GAAG,yBAAU,CAAC,cAAc,EAAE,KAAK,OAAO,CAAC;QAC5D,MAAM,UAAU,GAAG,6DAAyB,CAAC,kBAAkB,EAAE,KAAK,UAAU,CAAC;QACjF,OAAO,IAAA,qCAAoB,EAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,yBAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE;QAChC,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAI,iCAAkB,CAAC,6DAAyB,CAAC,CAAC;IACvE,YAAY,CAAC,WAAW,CAAC,mBAAmB,EAAE,CAAC,UAAU,EAAE,EAAE;QAC3D,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAjBD,4CAiBC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createAppleTheme = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const default_theme_1 = require("@fluentui-react-native/default-theme");
|
|
5
|
+
const theme_1 = require("@fluentui-react-native/theme");
|
|
6
6
|
function createAppleTheme() {
|
|
7
7
|
console.warn('Platform is not supported by apple theme, using default theme');
|
|
8
8
|
return new theme_1.ThemeReference((0, default_theme_1.createDefaultTheme)());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.js","sourceRoot":"","sources":["../src/createAppleTheme.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"createAppleTheme.js","sourceRoot":"","sources":["../src/createAppleTheme.ts"],"names":[],"mappings":";;;AAAA,wEAA0E;AAC1E,wDAA8D;AAE9D,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,17 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createAppleTheme = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
const react_native_1 = require("react-native");
|
|
5
|
+
const theme_1 = require("@fluentui-react-native/theme");
|
|
6
|
+
const theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
7
|
+
const react_native_macos_1 = require("react-native-macos");
|
|
8
|
+
const appleHighContrast_macos_1 = require("./appleHighContrast.macos");
|
|
9
|
+
const appleTheme_macos_1 = require("./appleTheme.macos");
|
|
10
|
+
let appleThemeReference;
|
|
11
11
|
function createAppleTheme() {
|
|
12
|
-
appleThemeReference = new theme_1.ThemeReference({},
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
appleThemeReference = new theme_1.ThemeReference({}, () => {
|
|
13
|
+
const appearance = react_native_1.Appearance.getColorScheme();
|
|
14
|
+
const mode = (0, theming_utils_1.getCurrentAppearance)(appearance, 'light');
|
|
15
15
|
return (0, appleTheme_macos_1.getBaseAppleThemeMacOS)(mode);
|
|
16
16
|
});
|
|
17
17
|
// Fetch initial system settings for high contrast mode
|
|
@@ -19,10 +19,10 @@ function createAppleTheme() {
|
|
|
19
19
|
// Invalidate theme and set prop when high contrast setting changes
|
|
20
20
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
21
21
|
// @ts-ignore
|
|
22
|
-
react_native_macos_1.AccessibilityInfo.addEventListener('highContrastChanged',
|
|
22
|
+
react_native_macos_1.AccessibilityInfo.addEventListener('highContrastChanged', () => {
|
|
23
23
|
highContrastHandler();
|
|
24
24
|
});
|
|
25
|
-
react_native_1.Appearance.addChangeListener(
|
|
25
|
+
react_native_1.Appearance.addChangeListener(() => {
|
|
26
26
|
appleThemeReference.invalidate();
|
|
27
27
|
});
|
|
28
28
|
return appleThemeReference;
|
|
@@ -31,7 +31,7 @@ exports.createAppleTheme = createAppleTheme;
|
|
|
31
31
|
function highContrastHandler() {
|
|
32
32
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
33
33
|
// @ts-ignore
|
|
34
|
-
react_native_macos_1.AccessibilityInfo.isHighContrastEnabled().then(
|
|
34
|
+
react_native_macos_1.AccessibilityInfo.isHighContrastEnabled().then((isEnabled) => {
|
|
35
35
|
(0, appleHighContrast_macos_1.setIsHighContrast)(isEnabled);
|
|
36
36
|
appleThemeReference.invalidate();
|
|
37
37
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.macos.js","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"createAppleTheme.macos.js","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAE1C,wDAA8D;AAE9D,wEAA4E;AAC5E,2DAAuD;AAEvD,uEAA8D;AAC9D,yDAA4D;AAE5D,IAAI,mBAAmC,CAAC;AAExC,SAAgB,gBAAgB;IAC9B,mBAAmB,GAAG,IAAI,sBAAc,CAAC,EAAW,EAAE,GAAG,EAAE;QACzD,MAAM,UAAU,GAAG,yBAAU,CAAC,cAAc,EAAE,CAAC;QAC/C,MAAM,IAAI,GAAG,IAAA,oCAAoB,EAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QACvD,OAAO,IAAA,yCAAsB,EAAC,IAAI,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,uDAAuD;IACvD,mBAAmB,EAAE,CAAC;IACtB,mEAAmE;IACnE,6DAA6D;IAC7D,aAAa;IACb,sCAAiB,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC7D,mBAAmB,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,yBAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE;QAChC,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;IACH,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAnBD,4CAmBC;AAED,SAAS,mBAAmB;IAC1B,6DAA6D;IAC7D,aAAa;IACb,sCAAiB,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE;QAC3D,IAAA,2CAAiB,EAAC,SAAS,CAAC,CAAC;QAC7B,mBAAmB,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.createFontAliasTokens = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
const tokens_aliases_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-ios/light/tokens-aliases.json")); // Font alias tokens should be the same for all color styles
|
|
8
|
+
const memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
9
|
+
const theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
10
10
|
function createFontAliasTokensWorker() {
|
|
11
11
|
return (0, theming_utils_1.mapFontPipelineToTheme)(tokens_aliases_json_1.default);
|
|
12
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFontAliasTokens.ios.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ios.ts"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"createFontAliasTokens.ios.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ios.ts"],"names":[],"mappings":";;;;;;AAAA,6HAA6F,CAAC,4DAA4D;AAC1J,kEAA4D;AAE5D,wEAA8E;AAE9E,SAAS,2BAA2B;IAClC,OAAO,IAAA,sCAAsB,EAAC,6BAAW,CAAC,CAAC;AAC7C,CAAC;AAEY,QAAA,qBAAqB,GAAG,IAAA,oBAAO,EAAC,2BAA2B,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AliasColorTokens, AppearanceOptions } from '@fluentui-react-native/theme-types';
|
|
2
|
-
import type { ThemeShadowDefinition } from '@fluentui-react-native/theme-types
|
|
2
|
+
import type { ThemeShadowDefinition } from '@fluentui-react-native/theme-types';
|
|
3
3
|
declare function createMacOSColorAliasTokensWorker(mode: AppearanceOptions, isHighContrast: boolean): AliasColorTokens;
|
|
4
4
|
export declare const createMacOSColorAliasTokens: typeof createMacOSColorAliasTokensWorker;
|
|
5
5
|
declare function createMacOSShadowAliasTokensWorker(mode: AppearanceOptions, isHighContrast: boolean): ThemeShadowDefinition;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createMacOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAC9F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"createMacOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAC9F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAKhF,iBAAS,iCAAiC,CAAC,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO,GAAG,gBAAgB,CAG7G;AAED,eAAO,MAAM,2BAA2B,0CAA6C,CAAC;AAEtF,iBAAS,kCAAkC,CAAC,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO,GAAG,qBAAqB,CAGnH;AAED,eAAO,MAAM,4BAA4B,2CAA8C,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createMacOSShadowAliasTokens = exports.createMacOSColorAliasTokens = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
5
|
+
const theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
6
|
+
const getMacOSTokens_1 = require("./getMacOSTokens");
|
|
7
7
|
function createMacOSColorAliasTokensWorker(mode, isHighContrast) {
|
|
8
|
-
|
|
8
|
+
const aliasTokens = (0, getMacOSTokens_1.getMacOSAliasTokens)(mode, isHighContrast);
|
|
9
9
|
return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
|
|
10
10
|
}
|
|
11
11
|
exports.createMacOSColorAliasTokens = (0, memo_cache_1.memoize)(createMacOSColorAliasTokensWorker);
|
|
12
12
|
function createMacOSShadowAliasTokensWorker(mode, isHighContrast) {
|
|
13
|
-
|
|
13
|
+
const aliasTokens = (0, getMacOSTokens_1.getMacOSShadowTokens)(mode, isHighContrast);
|
|
14
14
|
return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
|
|
15
15
|
}
|
|
16
16
|
exports.createMacOSShadowAliasTokens = (0, memo_cache_1.memoize)(createMacOSShadowAliasTokensWorker);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createMacOSAliasTokens.js","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"createMacOSAliasTokens.js","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":";;;AAAA,kEAA4D;AAG5D,wEAA+F;AAE/F,qDAA6E;AAE7E,SAAS,iCAAiC,CAAC,IAAuB,EAAE,cAAuB;IACzF,MAAM,WAAW,GAAG,IAAA,oCAAmB,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IAC9D,OAAO,IAAA,kCAAkB,EAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAEY,QAAA,2BAA2B,GAAG,IAAA,oBAAO,EAAC,iCAAiC,CAAC,CAAC;AAEtF,SAAS,kCAAkC,CAAC,IAAuB,EAAE,cAAuB;IAC1F,MAAM,WAAW,GAAG,IAAA,qCAAoB,EAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IAC/D,OAAO,IAAA,mCAAmB,EAAC,WAAW,CAAC,CAAC;AAC1C,CAAC;AAEY,QAAA,4BAA4B,GAAG,IAAA,oBAAO,EAAC,kCAAkC,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AliasColorTokens, AppearanceOptions } from '@fluentui-react-native/theme-types';
|
|
2
|
-
import type { ThemeShadowDefinition } from '@fluentui-react-native/theme-types
|
|
2
|
+
import type { ThemeShadowDefinition } from '@fluentui-react-native/theme-types';
|
|
3
3
|
declare function createiOSColorAliasTokensWorker(mode: AppearanceOptions): AliasColorTokens;
|
|
4
4
|
export declare const createiOSColorAliasTokens: typeof createiOSColorAliasTokensWorker;
|
|
5
5
|
declare function createiOSShadowAliasTokensWorker(mode: AppearanceOptions): ThemeShadowDefinition;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createiOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/createiOSAliasTokens.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAC9F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"createiOSAliasTokens.d.ts","sourceRoot":"","sources":["../src/createiOSAliasTokens.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAC9F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAGhF,iBAAS,+BAA+B,CAAC,IAAI,EAAE,iBAAiB,GAAG,gBAAgB,CAGlF;AAED,eAAO,MAAM,yBAAyB,wCAA2C,CAAC;AAElF,iBAAS,gCAAgC,CAAC,IAAI,EAAE,iBAAiB,GAAG,qBAAqB,CAGxF;AAED,eAAO,MAAM,0BAA0B,yCAA4C,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createiOSShadowAliasTokens = exports.createiOSColorAliasTokens = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
5
|
+
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
6
|
+
const theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
7
7
|
function createiOSColorAliasTokensWorker(mode) {
|
|
8
|
-
|
|
8
|
+
const aliasTokens = (0, theme_tokens_1.getAliasTokens)(mode);
|
|
9
9
|
return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
|
|
10
10
|
}
|
|
11
11
|
exports.createiOSColorAliasTokens = (0, memo_cache_1.memoize)(createiOSColorAliasTokensWorker);
|
|
12
12
|
function createiOSShadowAliasTokensWorker(mode) {
|
|
13
|
-
|
|
13
|
+
const aliasTokens = (0, theme_tokens_1.getShadowTokens)(mode);
|
|
14
14
|
return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
|
|
15
15
|
}
|
|
16
16
|
exports.createiOSShadowAliasTokens = (0, memo_cache_1.memoize)(createiOSShadowAliasTokensWorker);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createiOSAliasTokens.js","sourceRoot":"","sources":["../src/createiOSAliasTokens.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"createiOSAliasTokens.js","sourceRoot":"","sources":["../src/createiOSAliasTokens.ts"],"names":[],"mappings":";;;AAAA,kEAA4D;AAC5D,sEAAsF;AAGtF,wEAA+F;AAE/F,SAAS,+BAA+B,CAAC,IAAuB;IAC9D,MAAM,WAAW,GAAG,IAAA,6BAAc,EAAC,IAAI,CAAC,CAAC;IACzC,OAAO,IAAA,kCAAkB,EAAC,WAAW,CAAC,CAAC;AACzC,CAAC;AAEY,QAAA,yBAAyB,GAAG,IAAA,oBAAO,EAAC,+BAA+B,CAAC,CAAC;AAElF,SAAS,gCAAgC,CAAC,IAAuB;IAC/D,MAAM,WAAW,GAAG,IAAA,8BAAe,EAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,IAAA,mCAAmB,EAAC,WAAW,CAAC,CAAC;AAC1C,CAAC;AAEY,QAAA,0BAA0B,GAAG,IAAA,oBAAO,EAAC,gCAAgC,CAAC,CAAC"}
|
|
@@ -4,15 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.getMacOSShadowTokens = exports.getMacOSAliasTokens = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
const tokens_aliases_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-macos/dark/tokens-aliases.json"));
|
|
8
|
+
const tokens_shadow_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-macos/dark/tokens-shadow.json"));
|
|
9
|
+
const tokens_aliases_json_2 = __importDefault(require("@fluentui-react-native/design-tokens-macos/hcdark/tokens-aliases.json"));
|
|
10
|
+
const tokens_shadow_json_2 = __importDefault(require("@fluentui-react-native/design-tokens-macos/hcdark/tokens-shadow.json"));
|
|
11
|
+
const tokens_aliases_json_3 = __importDefault(require("@fluentui-react-native/design-tokens-macos/hclight/tokens-aliases.json"));
|
|
12
|
+
const tokens_shadow_json_3 = __importDefault(require("@fluentui-react-native/design-tokens-macos/hclight/tokens-shadow.json"));
|
|
13
|
+
const tokens_aliases_json_4 = __importDefault(require("@fluentui-react-native/design-tokens-macos/light/tokens-aliases.json"));
|
|
14
|
+
const tokens_shadow_json_4 = __importDefault(require("@fluentui-react-native/design-tokens-macos/light/tokens-shadow.json"));
|
|
15
|
+
const assert_never_1 = require("assert-never");
|
|
16
16
|
function getMacOSAliasTokens(mode, isHighContrast) {
|
|
17
17
|
if (mode === 'light') {
|
|
18
18
|
if (isHighContrast) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getMacOSTokens.js","sourceRoot":"","sources":["../src/getMacOSTokens.ts"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"getMacOSTokens.js","sourceRoot":"","sources":["../src/getMacOSTokens.ts"],"names":[],"mappings":";;;;;;AAAA,8HAAuG;AACvG,4HAAuG;AACvG,gIAA2G;AAC3G,8HAA2G;AAC3G,iIAA6G;AAC7G,+HAA6G;AAC7G,+HAAyG;AACzG,6HAAyG;AAEzG,+CAA2C;AAE3C,SAAgB,mBAAmB,CAAC,IAAuB,EAAE,cAAuB;IAClF,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,IAAI,cAAc,EAAE;YAClB,OAAO,6BAAuB,CAAC;SAChC;aAAM;YACL,OAAO,6BAAqB,CAAC;SAC9B;KACF;SAAM,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QACrD,IAAI,cAAc,EAAE;YAClB,OAAO,6BAAsB,CAAC;SAC/B;aAAM;YACL,OAAO,6BAAoB,CAAC;SAC7B;KACF;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QAClC,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;SAAM;QACL,IAAA,0BAAW,EAAC,IAAI,CAAC,CAAC;KACnB;AACH,CAAC;AAlBD,kDAkBC;AAED,SAAgB,oBAAoB,CAAC,IAAuB,EAAE,cAAuB;IACnF,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,IAAI,cAAc,EAAE;YAClB,OAAO,4BAAwB,CAAC;SACjC;aAAM;YACL,OAAO,4BAAsB,CAAC;SAC/B;KACF;SAAM,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QACrD,IAAI,cAAc,EAAE;YAClB,OAAO,4BAAuB,CAAC;SAChC;aAAM;YACL,OAAO,4BAAqB,CAAC;SAC9B;KACF;SAAM,IAAI,IAAI,KAAK,cAAc,EAAE;QAClC,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;SAAM;QACL,IAAA,0BAAW,EAAC,IAAI,CAAC,CAAC;KACnB;AACH,CAAC;AAlBD,oDAkBC"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
|
-
"version": "0.28.
|
|
3
|
+
"version": "0.28.4",
|
|
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>",
|
|
7
7
|
"homepage": "https://github.com/microsoft/fluentui-react-native",
|
|
8
8
|
"main": "lib-commonjs/index.js",
|
|
9
9
|
"module": "lib/index.js",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"import": "./lib/index.js",
|
|
13
|
+
"require": "./lib-commonjs/index.js",
|
|
14
|
+
"types": "./lib/index.d.ts"
|
|
15
|
+
}
|
|
16
|
+
},
|
|
10
17
|
"typings": "lib/index.d.ts",
|
|
11
18
|
"scripts": {
|
|
12
19
|
"build": "fluentui-scripts build",
|
|
@@ -27,15 +34,15 @@
|
|
|
27
34
|
"directory": "packages/theming/apple-theme"
|
|
28
35
|
},
|
|
29
36
|
"dependencies": {
|
|
30
|
-
"@fluentui-react-native/default-theme": "0.26.
|
|
37
|
+
"@fluentui-react-native/default-theme": "0.26.4",
|
|
31
38
|
"@fluentui-react-native/design-tokens-ios": "^0.53.0",
|
|
32
39
|
"@fluentui-react-native/design-tokens-macos": "^0.53.0",
|
|
33
|
-
"@fluentui-react-native/experimental-appearance-additions": "0.7.
|
|
34
|
-
"@fluentui-react-native/memo-cache": "1.3.
|
|
35
|
-
"@fluentui-react-native/theme": "0.11.
|
|
36
|
-
"@fluentui-react-native/theme-tokens": "0.27.
|
|
37
|
-
"@fluentui-react-native/theme-types": "0.39.
|
|
38
|
-
"@fluentui-react-native/theming-utils": "0.26.
|
|
40
|
+
"@fluentui-react-native/experimental-appearance-additions": "0.7.4",
|
|
41
|
+
"@fluentui-react-native/memo-cache": "1.3.4",
|
|
42
|
+
"@fluentui-react-native/theme": "0.11.3",
|
|
43
|
+
"@fluentui-react-native/theme-tokens": "0.27.3",
|
|
44
|
+
"@fluentui-react-native/theme-types": "0.39.3",
|
|
45
|
+
"@fluentui-react-native/theming-utils": "0.26.3",
|
|
39
46
|
"assert-never": "^1.2.1"
|
|
40
47
|
},
|
|
41
48
|
"devDependencies": {
|
|
@@ -47,7 +54,8 @@
|
|
|
47
54
|
"@types/react": "^18.2.0",
|
|
48
55
|
"react": "18.2.0",
|
|
49
56
|
"react-native": "^0.74.0",
|
|
50
|
-
"react-native-macos": "^0.74.0"
|
|
57
|
+
"react-native-macos": "^0.74.0",
|
|
58
|
+
"react-native-windows": "^0.74.0"
|
|
51
59
|
},
|
|
52
60
|
"peerDependencies": {
|
|
53
61
|
"@office-iss/react-native-win32": "^0.74.0",
|
|
@@ -71,10 +79,12 @@
|
|
|
71
79
|
]
|
|
72
80
|
},
|
|
73
81
|
"capabilities": [
|
|
82
|
+
"babel-preset-react-native",
|
|
74
83
|
"core",
|
|
75
84
|
"core-android",
|
|
76
85
|
"core-ios",
|
|
77
86
|
"core-macos",
|
|
87
|
+
"core-windows",
|
|
78
88
|
"react"
|
|
79
89
|
]
|
|
80
90
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { memoize } from '@fluentui-react-native/memo-cache';
|
|
2
2
|
import type { AliasColorTokens, AppearanceOptions } from '@fluentui-react-native/theme-types';
|
|
3
|
-
import type { ThemeShadowDefinition } from '@fluentui-react-native/theme-types
|
|
3
|
+
import type { ThemeShadowDefinition } from '@fluentui-react-native/theme-types';
|
|
4
4
|
import { mapPipelineToTheme, mapPipelineToShadow } from '@fluentui-react-native/theming-utils';
|
|
5
5
|
|
|
6
6
|
import { getMacOSAliasTokens, getMacOSShadowTokens } from './getMacOSTokens';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { memoize } from '@fluentui-react-native/memo-cache';
|
|
2
2
|
import { getAliasTokens, getShadowTokens } from '@fluentui-react-native/theme-tokens';
|
|
3
3
|
import type { AliasColorTokens, AppearanceOptions } from '@fluentui-react-native/theme-types';
|
|
4
|
-
import type { ThemeShadowDefinition } from '@fluentui-react-native/theme-types
|
|
4
|
+
import type { ThemeShadowDefinition } from '@fluentui-react-native/theme-types';
|
|
5
5
|
import { mapPipelineToTheme, mapPipelineToShadow } from '@fluentui-react-native/theming-utils';
|
|
6
6
|
|
|
7
7
|
function createiOSColorAliasTokensWorker(mode: AppearanceOptions): AliasColorTokens {
|