@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.
- package/CHANGELOG.md +44 -0
- package/README.md +1 -1
- package/lib/__tests__/apple-theme.test.d.ts +1 -1
- package/lib/__tests__/apple-theme.test.js +41 -42
- package/lib/appleColors.ios.d.ts +1 -1
- package/lib/appleColors.ios.js +174 -174
- package/lib/appleColors.macos.d.ts +1 -1
- package/lib/appleColors.macos.d.ts.map +1 -1
- package/lib/appleColors.macos.js +367 -369
- package/lib/appleColors.macos.js.map +1 -1
- package/lib/appleColors.types.ios.d.ts +15 -15
- package/lib/appleColors.types.ios.js +1 -1
- package/lib/appleColors.types.macos.d.ts +146 -146
- package/lib/appleColors.types.macos.js +1 -1
- package/lib/appleHighContrast.macos.d.ts +1 -1
- package/lib/appleHighContrast.macos.js +3 -3
- package/lib/appleShadows.ios.d.ts +1 -1
- package/lib/appleShadows.ios.js +4 -4
- package/lib/appleShadows.macos.d.ts +1 -1
- package/lib/appleShadows.macos.js +2 -2
- package/lib/appleTheme.ios.d.ts +1 -1
- package/lib/appleTheme.ios.js +122 -122
- package/lib/appleTheme.macos.d.ts +53 -53
- package/lib/appleTheme.macos.js +68 -68
- package/lib/appleTypography.ios.d.ts +1 -1
- package/lib/appleTypography.ios.js +50 -50
- package/lib/appleTypography.macos.d.ts +2 -2
- package/lib/appleTypography.macos.js +63 -63
- package/lib/createAppleTheme.d.ts +1 -1
- package/lib/createAppleTheme.ios.d.ts +1 -1
- package/lib/createAppleTheme.ios.js +14 -14
- package/lib/createAppleTheme.js +3 -3
- package/lib/createAppleTheme.macos.d.ts +1 -1
- package/lib/createAppleTheme.macos.d.ts.map +1 -1
- package/lib/createAppleTheme.macos.js +19 -23
- package/lib/createAppleTheme.macos.js.map +1 -1
- package/lib/createFontAliasTokens.ios.d.ts +1 -1
- package/lib/createFontAliasTokens.ios.js +2 -2
- package/lib/createMacOSAliasTokens.d.ts +1 -1
- package/lib/createMacOSAliasTokens.js +5 -5
- package/lib/createiOSAliasTokens.d.ts +1 -1
- package/lib/createiOSAliasTokens.js +5 -5
- package/lib/getMacOSTokens.d.ts +435 -443
- package/lib/getMacOSTokens.js +45 -35
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib-commonjs/__tests__/apple-theme.test.d.ts +1 -1
- package/lib-commonjs/__tests__/apple-theme.test.js +46 -47
- package/lib-commonjs/appleColors.ios.d.ts +1 -1
- package/lib-commonjs/appleColors.ios.js +180 -180
- 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 +372 -380
- package/lib-commonjs/appleColors.macos.js.map +1 -1
- package/lib-commonjs/appleColors.types.ios.d.ts +15 -15
- package/lib-commonjs/appleColors.types.ios.js +3 -3
- package/lib-commonjs/appleColors.types.macos.d.ts +146 -146
- package/lib-commonjs/appleColors.types.macos.js +3 -3
- package/lib-commonjs/appleHighContrast.macos.d.ts +1 -1
- package/lib-commonjs/appleHighContrast.macos.js +6 -6
- package/lib-commonjs/appleShadows.ios.d.ts +1 -1
- package/lib-commonjs/appleShadows.ios.js +9 -9
- package/lib-commonjs/appleShadows.macos.d.ts +1 -1
- package/lib-commonjs/appleShadows.macos.js +6 -6
- package/lib-commonjs/appleTheme.ios.d.ts +1 -1
- package/lib-commonjs/appleTheme.ios.js +128 -128
- package/lib-commonjs/appleTheme.macos.d.ts +53 -53
- package/lib-commonjs/appleTheme.macos.js +74 -74
- package/lib-commonjs/appleTypography.ios.d.ts +1 -1
- package/lib-commonjs/appleTypography.ios.js +53 -53
- package/lib-commonjs/appleTypography.macos.d.ts +2 -2
- package/lib-commonjs/appleTypography.macos.js +65 -65
- package/lib-commonjs/createAppleTheme.d.ts +1 -1
- package/lib-commonjs/createAppleTheme.ios.d.ts +1 -1
- package/lib-commonjs/createAppleTheme.ios.js +20 -20
- package/lib-commonjs/createAppleTheme.js +7 -7
- package/lib-commonjs/createAppleTheme.macos.d.ts +1 -1
- package/lib-commonjs/createAppleTheme.macos.d.ts.map +1 -1
- package/lib-commonjs/createAppleTheme.macos.js +27 -31
- package/lib-commonjs/createAppleTheme.macos.js.map +1 -1
- package/lib-commonjs/createFontAliasTokens.ios.d.ts +1 -1
- package/lib-commonjs/createFontAliasTokens.ios.js +10 -12
- package/lib-commonjs/createMacOSAliasTokens.d.ts +1 -1
- package/lib-commonjs/createMacOSAliasTokens.js +10 -10
- package/lib-commonjs/createiOSAliasTokens.d.ts +1 -1
- package/lib-commonjs/createiOSAliasTokens.js +10 -10
- package/lib-commonjs/getMacOSTokens.d.ts +435 -443
- package/lib-commonjs/getMacOSTokens.js +59 -51
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +10 -30
- package/package.json +27 -26
- package/src/appleColors.macos.ts +0 -2
- package/src/appleTypography.macos.ts +1 -1
- package/src/createAppleTheme.macos.ts +0 -4
- package/eslint.config.js +0 -3
|
@@ -1,73 +1,73 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.fallbackAppleTypography = fallbackAppleTypography;
|
|
4
4
|
/**
|
|
5
5
|
* The Typography is designed to match the styles defined in the Apple HIG:
|
|
6
|
-
* https://developer.apple.com/design/human-interface-guidelines/
|
|
6
|
+
* https://developer.apple.com/design/human-interface-guidelines/typography
|
|
7
7
|
* These mappings and variants are subject to change as we moved to a unified cross platform Fluent typography ramp
|
|
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
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
11
|
+
const appleDict = {
|
|
12
|
+
sizes: {
|
|
13
|
+
caption: 10, // Caption 1
|
|
14
|
+
secondary: 11, // Callout
|
|
15
|
+
body: 13, // Body
|
|
16
|
+
subheader: 16, // Subheadline
|
|
17
|
+
header: 20, // Headline
|
|
18
|
+
hero: 22, /// Title 1
|
|
19
|
+
heroLarge: 26, // Large Title,
|
|
20
|
+
},
|
|
21
|
+
weights: {
|
|
22
|
+
ultralight: '100',
|
|
23
|
+
thin: '200',
|
|
24
|
+
light: '300',
|
|
25
|
+
regular: '400',
|
|
26
|
+
medium: '500',
|
|
27
|
+
semiBold: '600',
|
|
28
|
+
bold: '700',
|
|
29
|
+
heavy: '800',
|
|
30
|
+
black: '900',
|
|
31
|
+
},
|
|
32
|
+
families: {
|
|
33
|
+
primary: 'System',
|
|
34
|
+
secondary: 'System',
|
|
35
|
+
cursive: 'System',
|
|
36
|
+
monospace: 'System',
|
|
37
|
+
numeric: 'System',
|
|
38
|
+
sansSerif: 'System',
|
|
39
|
+
serif: 'System',
|
|
40
|
+
},
|
|
41
|
+
variants: {
|
|
42
|
+
captionStandard: { face: 'primary', size: 'caption', weight: '500' },
|
|
43
|
+
secondaryStandard: { face: 'primary', size: 'secondary', weight: '400' },
|
|
44
|
+
secondarySemibold: { face: 'primary', size: 'secondary', weight: '600' },
|
|
45
|
+
bodyStandard: { face: 'primary', size: 'body', weight: '400' },
|
|
46
|
+
bodySemibold: { face: 'primary', size: 'body', weight: '600' },
|
|
47
|
+
subheaderStandard: { face: 'primary', size: 'subheader', weight: '400' },
|
|
48
|
+
subheaderSemibold: { face: 'primary', size: 'subheader', weight: '600' },
|
|
49
|
+
headerStandard: { face: 'primary', size: 'header', weight: '700' },
|
|
50
|
+
headerSemibold: { face: 'primary', size: 'header', weight: '800' },
|
|
51
|
+
heroStandard: { face: 'primary', size: 'hero', weight: '400' },
|
|
52
|
+
heroSemibold: { face: 'primary', size: 'hero', weight: '700' },
|
|
53
|
+
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
54
|
+
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '700' },
|
|
55
|
+
// mocked out
|
|
56
|
+
caption1: { face: 'primary', size: 'caption', weight: '500' },
|
|
57
|
+
body1: { face: 'primary', size: 'secondary', weight: '400' },
|
|
58
|
+
body1Strong: { face: 'primary', size: 'secondary', weight: '600' },
|
|
59
|
+
body2: { face: 'primary', size: 'body', weight: '400' },
|
|
60
|
+
body2Strong: { face: 'primary', size: 'body', weight: '600' },
|
|
61
|
+
subtitle1: { face: 'primary', size: 'header', weight: '700' },
|
|
62
|
+
subtitle1Strong: { face: 'primary', size: 'header', weight: '800' },
|
|
63
|
+
subtitle2: { face: 'primary', size: 'subheader', weight: '400' },
|
|
64
|
+
subtitle2Strong: { face: 'primary', size: 'subheader', weight: '600' },
|
|
65
|
+
title1: { face: 'primary', size: 'hero', weight: '400' },
|
|
66
|
+
title1Strong: { face: 'primary', size: 'hero', weight: '700' },
|
|
67
|
+
largeTitle: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
68
|
+
display: { face: 'primary', size: 'heroLarge', weight: '700' },
|
|
69
|
+
},
|
|
70
|
+
};
|
|
71
|
+
return appleDict;
|
|
72
72
|
}
|
|
73
|
-
//# sourceMappingURL=appleTypography.macos.js.map
|
|
73
|
+
//# sourceMappingURL=appleTypography.macos.js.map
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createAppleTheme = createAppleTheme;
|
|
4
|
-
const react_native_1 = require(
|
|
5
|
-
const experimental_appearance_additions_1 = require(
|
|
6
|
-
const theme_1 = require(
|
|
7
|
-
const appleTheme_ios_1 = require(
|
|
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
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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
|
+
return (0, appleTheme_ios_1.getBaseAppleThemeIOS)(isLightMode, isElevated);
|
|
13
|
+
});
|
|
14
|
+
react_native_1.Appearance.addChangeListener(() => {
|
|
15
|
+
appleThemeReference.invalidate();
|
|
16
|
+
});
|
|
17
|
+
const eventEmitter = new react_native_1.NativeEventEmitter(experimental_appearance_additions_1.NativeAppearanceAdditions);
|
|
18
|
+
eventEmitter.addListener('appearanceChanged', (_newTraits) => {
|
|
19
|
+
appleThemeReference.invalidate();
|
|
20
|
+
});
|
|
21
|
+
return appleThemeReference;
|
|
22
22
|
}
|
|
23
|
-
//# sourceMappingURL=createAppleTheme.ios.js.map
|
|
23
|
+
//# sourceMappingURL=createAppleTheme.ios.js.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createAppleTheme = createAppleTheme;
|
|
4
|
-
const default_theme_1 = require(
|
|
5
|
-
const theme_1 = require(
|
|
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
|
-
|
|
8
|
-
|
|
7
|
+
console.warn('Platform is not supported by apple theme, using default theme');
|
|
8
|
+
return new theme_1.ThemeReference((0, default_theme_1.createDefaultTheme)());
|
|
9
9
|
}
|
|
10
|
-
//# sourceMappingURL=createAppleTheme.js.map
|
|
10
|
+
//# sourceMappingURL=createAppleTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.macos.d.ts","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAU9D,wBAAgB,gBAAgB,IAAI,cAAc,
|
|
1
|
+
{"version":3,"file":"createAppleTheme.macos.d.ts","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAU9D,wBAAgB,gBAAgB,IAAI,cAAc,CAiBjD"}
|
|
@@ -1,38 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createAppleTheme = createAppleTheme;
|
|
4
|
-
const react_native_1 = require(
|
|
5
|
-
const theme_1 = require(
|
|
6
|
-
const theming_utils_1 = require(
|
|
7
|
-
const react_native_macos_1 = require(
|
|
8
|
-
const appleHighContrast_macos_1 = require(
|
|
9
|
-
const appleTheme_macos_1 = require(
|
|
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
10
|
let appleThemeReference;
|
|
11
11
|
function createAppleTheme() {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
highContrastHandler();
|
|
19
|
-
// Invalidate theme and set prop when high contrast setting changes
|
|
20
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
21
|
-
// @ts-ignore
|
|
22
|
-
react_native_macos_1.AccessibilityInfo.addEventListener('highContrastChanged', () => {
|
|
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
|
+
return (0, appleTheme_macos_1.getBaseAppleThemeMacOS)(mode);
|
|
16
|
+
});
|
|
17
|
+
// Fetch initial system settings for high contrast mode
|
|
23
18
|
highContrastHandler();
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
19
|
+
// Invalidate theme and set prop when high contrast setting changes
|
|
20
|
+
react_native_macos_1.AccessibilityInfo.addEventListener('highContrastChanged', () => {
|
|
21
|
+
highContrastHandler();
|
|
22
|
+
});
|
|
23
|
+
react_native_1.Appearance.addChangeListener(() => {
|
|
24
|
+
appleThemeReference.invalidate();
|
|
25
|
+
});
|
|
26
|
+
return appleThemeReference;
|
|
29
27
|
}
|
|
30
28
|
function highContrastHandler() {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
appleThemeReference.invalidate();
|
|
36
|
-
});
|
|
29
|
+
react_native_macos_1.AccessibilityInfo.isHighContrastEnabled().then((isEnabled) => {
|
|
30
|
+
(0, appleHighContrast_macos_1.setIsHighContrast)(isEnabled);
|
|
31
|
+
appleThemeReference.invalidate();
|
|
32
|
+
});
|
|
37
33
|
}
|
|
38
|
-
//# sourceMappingURL=createAppleTheme.macos.js.map
|
|
34
|
+
//# sourceMappingURL=createAppleTheme.macos.js.map
|
|
@@ -1 +1 @@
|
|
|
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,4BAAmD;IACjD,mBAAmB,GAAG,IAAI,sBAAc,CAAC,EAAW,EAAE,GAAG,EAAE,CAAC;QAC1D,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;IAAA,CACrC,CAAC,CAAC;IACH,uDAAuD;IACvD,mBAAmB,EAAE,CAAC;IACtB,mEAAmE;IACnE,
|
|
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,4BAAmD;IACjD,mBAAmB,GAAG,IAAI,sBAAc,CAAC,EAAW,EAAE,GAAG,EAAE,CAAC;QAC1D,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;IAAA,CACrC,CAAC,CAAC;IACH,uDAAuD;IACvD,mBAAmB,EAAE,CAAC;IACtB,mEAAmE;IACnE,sCAAiB,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE,CAAC;QAC9D,mBAAmB,EAAE,CAAC;IAAA,CACvB,CAAC,CAAC;IAEH,yBAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;QACjC,mBAAmB,CAAC,UAAU,EAAE,CAAC;IAAA,CAClC,CAAC,CAAC;IACH,OAAO,mBAAmB,CAAC;AAAA,CAC5B;AAED,SAAS,mBAAmB,GAAG;IAC7B,sCAAiB,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC;QAC5D,IAAA,2CAAiB,EAAC,SAAS,CAAC,CAAC;QAC7B,mBAAmB,CAAC,UAAU,EAAE,CAAC;IAAA,CAClC,CAAC,CAAC;AAAA,CACJ"}
|
|
@@ -2,4 +2,4 @@ import type { Variants } from '@fluentui-react-native/theme-types';
|
|
|
2
2
|
declare function createFontAliasTokensWorker(): Partial<Variants>;
|
|
3
3
|
export declare const createFontAliasTokens: typeof createFontAliasTokensWorker;
|
|
4
4
|
export {};
|
|
5
|
-
//# sourceMappingURL=createFontAliasTokens.ios.d.ts.map
|
|
5
|
+
//# sourceMappingURL=createFontAliasTokens.ios.d.ts.map
|
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
var __importDefault =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
7
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
6
|
exports.createFontAliasTokens = void 0;
|
|
9
|
-
const tokens_aliases_json_1 = __importDefault(require(
|
|
10
|
-
const framework_base_1 = require(
|
|
11
|
-
const theming_utils_1 = require(
|
|
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 framework_base_1 = require("@fluentui-react-native/framework-base");
|
|
9
|
+
const theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
12
10
|
function createFontAliasTokensWorker() {
|
|
13
|
-
|
|
11
|
+
return (0, theming_utils_1.mapFontPipelineToTheme)(tokens_aliases_json_1.default);
|
|
14
12
|
}
|
|
15
13
|
exports.createFontAliasTokens = (0, framework_base_1.memoize)(createFontAliasTokensWorker);
|
|
16
|
-
//# sourceMappingURL=createFontAliasTokens.ios.js.map
|
|
14
|
+
//# sourceMappingURL=createFontAliasTokens.ios.js.map
|
|
@@ -5,4 +5,4 @@ export declare const createMacOSColorAliasTokens: typeof createMacOSColorAliasTo
|
|
|
5
5
|
declare function createMacOSShadowAliasTokensWorker(mode: AppearanceOptions, isHighContrast: boolean): ThemeShadowDefinition;
|
|
6
6
|
export declare const createMacOSShadowAliasTokens: typeof createMacOSShadowAliasTokensWorker;
|
|
7
7
|
export {};
|
|
8
|
-
//# sourceMappingURL=createMacOSAliasTokens.d.ts.map
|
|
8
|
+
//# sourceMappingURL=createMacOSAliasTokens.d.ts.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createMacOSShadowAliasTokens = exports.createMacOSColorAliasTokens = void 0;
|
|
4
|
-
const framework_base_1 = require(
|
|
5
|
-
const theming_utils_1 = require(
|
|
6
|
-
const getMacOSTokens_1 = require(
|
|
4
|
+
const framework_base_1 = require("@fluentui-react-native/framework-base");
|
|
5
|
+
const theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
6
|
+
const getMacOSTokens_1 = require("./getMacOSTokens");
|
|
7
7
|
function createMacOSColorAliasTokensWorker(mode, isHighContrast) {
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const aliasTokens = (0, getMacOSTokens_1.getMacOSAliasTokens)(mode, isHighContrast);
|
|
9
|
+
return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
|
|
10
10
|
}
|
|
11
11
|
exports.createMacOSColorAliasTokens = (0, framework_base_1.memoize)(createMacOSColorAliasTokensWorker);
|
|
12
12
|
function createMacOSShadowAliasTokensWorker(mode, isHighContrast) {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
const aliasTokens = (0, getMacOSTokens_1.getMacOSShadowTokens)(mode, isHighContrast);
|
|
14
|
+
return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
|
|
15
15
|
}
|
|
16
16
|
exports.createMacOSShadowAliasTokens = (0, framework_base_1.memoize)(createMacOSShadowAliasTokensWorker);
|
|
17
|
-
//# sourceMappingURL=createMacOSAliasTokens.js.map
|
|
17
|
+
//# sourceMappingURL=createMacOSAliasTokens.js.map
|
|
@@ -5,4 +5,4 @@ export declare const createiOSColorAliasTokens: typeof createiOSColorAliasTokens
|
|
|
5
5
|
declare function createiOSShadowAliasTokensWorker(mode: AppearanceOptions): ThemeShadowDefinition;
|
|
6
6
|
export declare const createiOSShadowAliasTokens: typeof createiOSShadowAliasTokensWorker;
|
|
7
7
|
export {};
|
|
8
|
-
//# sourceMappingURL=createiOSAliasTokens.d.ts.map
|
|
8
|
+
//# sourceMappingURL=createiOSAliasTokens.d.ts.map
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createiOSShadowAliasTokens = exports.createiOSColorAliasTokens = void 0;
|
|
4
|
-
const framework_base_1 = require(
|
|
5
|
-
const theme_tokens_1 = require(
|
|
6
|
-
const theming_utils_1 = require(
|
|
4
|
+
const framework_base_1 = require("@fluentui-react-native/framework-base");
|
|
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
|
-
|
|
9
|
-
|
|
8
|
+
const aliasTokens = (0, theme_tokens_1.getAliasTokens)(mode);
|
|
9
|
+
return (0, theming_utils_1.mapPipelineToTheme)(aliasTokens);
|
|
10
10
|
}
|
|
11
11
|
exports.createiOSColorAliasTokens = (0, framework_base_1.memoize)(createiOSColorAliasTokensWorker);
|
|
12
12
|
function createiOSShadowAliasTokensWorker(mode) {
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
const aliasTokens = (0, theme_tokens_1.getShadowTokens)(mode);
|
|
14
|
+
return (0, theming_utils_1.mapPipelineToShadow)(aliasTokens);
|
|
15
15
|
}
|
|
16
16
|
exports.createiOSShadowAliasTokens = (0, framework_base_1.memoize)(createiOSShadowAliasTokensWorker);
|
|
17
|
-
//# sourceMappingURL=createiOSAliasTokens.js.map
|
|
17
|
+
//# sourceMappingURL=createiOSAliasTokens.js.map
|