@fluentui-react-native/apple-theme 0.28.16 → 0.29.0
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 +43 -1
- package/lib/__tests__/apple-theme.test.d.ts +1 -1
- package/lib/__tests__/apple-theme.test.js +42 -41
- package/lib/__tests__/apple-theme.test.js.map +1 -1
- package/lib/appleColors.ios.d.ts +1 -1
- package/lib/appleColors.ios.js +174 -174
- package/lib/appleColors.ios.js.map +1 -1
- package/lib/appleColors.macos.d.ts +1 -1
- package/lib/appleColors.macos.js +367 -367
- 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.d.ts.map +1 -1
- 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/appleHighContrast.macos.js.map +1 -1
- package/lib/appleShadows.ios.d.ts +1 -1
- package/lib/appleShadows.ios.js +4 -4
- package/lib/appleShadows.ios.js.map +1 -1
- package/lib/appleShadows.macos.d.ts +1 -1
- package/lib/appleShadows.macos.js +2 -2
- package/lib/appleShadows.macos.js.map +1 -1
- package/lib/appleTheme.ios.d.ts +1 -1
- package/lib/appleTheme.ios.js +122 -122
- package/lib/appleTheme.ios.js.map +1 -1
- package/lib/appleTheme.macos.d.ts +53 -53
- package/lib/appleTheme.macos.js +68 -68
- package/lib/appleTheme.macos.js.map +1 -1
- package/lib/appleTypography.ios.d.ts +1 -1
- package/lib/appleTypography.ios.js +50 -50
- package/lib/appleTypography.ios.js.map +1 -1
- package/lib/appleTypography.macos.d.ts +1 -1
- package/lib/appleTypography.macos.js +62 -62
- package/lib/appleTypography.macos.js.map +1 -1
- 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.ios.js.map +1 -1
- package/lib/createAppleTheme.js +3 -3
- package/lib/createAppleTheme.js.map +1 -1
- package/lib/createAppleTheme.macos.d.ts +1 -1
- package/lib/createAppleTheme.macos.js +23 -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/createFontAliasTokens.ios.js.map +1 -1
- package/lib/createMacOSAliasTokens.d.ts +1 -1
- package/lib/createMacOSAliasTokens.js +5 -5
- package/lib/createMacOSAliasTokens.js.map +1 -1
- package/lib/createiOSAliasTokens.d.ts +1 -1
- package/lib/createiOSAliasTokens.js +5 -5
- package/lib/createiOSAliasTokens.js.map +1 -1
- package/lib/getMacOSTokens.d.ts +443 -435
- package/lib/getMacOSTokens.js +35 -45
- package/lib/getMacOSTokens.js.map +1 -1
- 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 +47 -46
- package/lib-commonjs/__tests__/apple-theme.test.js.map +1 -1
- package/lib-commonjs/appleColors.ios.d.ts +1 -1
- package/lib-commonjs/appleColors.ios.js +181 -182
- package/lib-commonjs/appleColors.ios.js.map +1 -1
- package/lib-commonjs/appleColors.macos.d.ts +1 -1
- package/lib-commonjs/appleColors.macos.js +379 -374
- 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.d.ts.map +1 -1
- package/lib-commonjs/appleColors.types.macos.js +3 -3
- package/lib-commonjs/appleHighContrast.macos.d.ts +1 -1
- package/lib-commonjs/appleHighContrast.macos.js +8 -9
- package/lib-commonjs/appleHighContrast.macos.js.map +1 -1
- package/lib-commonjs/appleShadows.ios.d.ts +1 -1
- package/lib-commonjs/appleShadows.ios.js +10 -11
- package/lib-commonjs/appleShadows.ios.js.map +1 -1
- package/lib-commonjs/appleShadows.macos.d.ts +1 -1
- package/lib-commonjs/appleShadows.macos.js +7 -8
- package/lib-commonjs/appleShadows.macos.js.map +1 -1
- package/lib-commonjs/appleTheme.ios.d.ts +1 -1
- package/lib-commonjs/appleTheme.ios.js +128 -128
- package/lib-commonjs/appleTheme.ios.js.map +1 -1
- package/lib-commonjs/appleTheme.macos.d.ts +53 -53
- package/lib-commonjs/appleTheme.macos.js +76 -76
- package/lib-commonjs/appleTheme.macos.js.map +1 -1
- package/lib-commonjs/appleTypography.ios.d.ts +1 -1
- package/lib-commonjs/appleTypography.ios.js +54 -55
- package/lib-commonjs/appleTypography.ios.js.map +1 -1
- package/lib-commonjs/appleTypography.macos.d.ts +1 -1
- package/lib-commonjs/appleTypography.macos.js +65 -66
- package/lib-commonjs/appleTypography.macos.js.map +1 -1
- package/lib-commonjs/createAppleTheme.d.ts +1 -1
- package/lib-commonjs/createAppleTheme.ios.d.ts +1 -1
- package/lib-commonjs/createAppleTheme.ios.js +21 -22
- package/lib-commonjs/createAppleTheme.ios.js.map +1 -1
- package/lib-commonjs/createAppleTheme.js +8 -9
- package/lib-commonjs/createAppleTheme.js.map +1 -1
- package/lib-commonjs/createAppleTheme.macos.d.ts +1 -1
- package/lib-commonjs/createAppleTheme.macos.js +32 -33
- package/lib-commonjs/createAppleTheme.macos.js.map +1 -1
- package/lib-commonjs/createFontAliasTokens.ios.d.ts +1 -1
- package/lib-commonjs/createFontAliasTokens.ios.js +12 -10
- package/lib-commonjs/createFontAliasTokens.ios.js.map +1 -1
- package/lib-commonjs/createMacOSAliasTokens.d.ts +1 -1
- package/lib-commonjs/createMacOSAliasTokens.js +10 -10
- package/lib-commonjs/createMacOSAliasTokens.js.map +1 -1
- package/lib-commonjs/createiOSAliasTokens.d.ts +1 -1
- package/lib-commonjs/createiOSAliasTokens.js +10 -10
- package/lib-commonjs/createiOSAliasTokens.js.map +1 -1
- package/lib-commonjs/getMacOSTokens.d.ts +443 -435
- package/lib-commonjs/getMacOSTokens.js +53 -62
- package/lib-commonjs/getMacOSTokens.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +30 -10
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +60 -60
|
@@ -5,66 +5,66 @@
|
|
|
5
5
|
* Github #598 also tracks pulling these values from a Native Module rather than hardcoding the numbers in JS.
|
|
6
6
|
*/
|
|
7
7
|
export function fallbackAppleTypography() {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
8
|
+
const appleDict = {
|
|
9
|
+
sizes: {
|
|
10
|
+
caption: 10, // Caption 1
|
|
11
|
+
secondary: 11, // Callout
|
|
12
|
+
body: 13, // Body
|
|
13
|
+
subheader: 16, // Subheadline
|
|
14
|
+
header: 20, // Headline
|
|
15
|
+
hero: 22, /// Title 1
|
|
16
|
+
heroLarge: 26, // Large Title,
|
|
17
|
+
},
|
|
18
|
+
weights: {
|
|
19
|
+
ultralight: '100',
|
|
20
|
+
thin: '200',
|
|
21
|
+
light: '300',
|
|
22
|
+
regular: '400',
|
|
23
|
+
medium: '500',
|
|
24
|
+
semiBold: '600',
|
|
25
|
+
bold: '700',
|
|
26
|
+
heavy: '800',
|
|
27
|
+
black: '900',
|
|
28
|
+
},
|
|
29
|
+
families: {
|
|
30
|
+
primary: 'System',
|
|
31
|
+
secondary: 'System',
|
|
32
|
+
cursive: 'System',
|
|
33
|
+
monospace: 'System',
|
|
34
|
+
numeric: 'System',
|
|
35
|
+
sansSerif: 'System',
|
|
36
|
+
serif: 'System',
|
|
37
|
+
},
|
|
38
|
+
variants: {
|
|
39
|
+
captionStandard: { face: 'primary', size: 'caption', weight: '500' },
|
|
40
|
+
secondaryStandard: { face: 'primary', size: 'secondary', weight: '400' },
|
|
41
|
+
secondarySemibold: { face: 'primary', size: 'secondary', weight: '600' },
|
|
42
|
+
bodyStandard: { face: 'primary', size: 'body', weight: '400' },
|
|
43
|
+
bodySemibold: { face: 'primary', size: 'body', weight: '600' },
|
|
44
|
+
subheaderStandard: { face: 'primary', size: 'subheader', weight: '400' },
|
|
45
|
+
subheaderSemibold: { face: 'primary', size: 'subheader', weight: '600' },
|
|
46
|
+
headerStandard: { face: 'primary', size: 'header', weight: '700' },
|
|
47
|
+
headerSemibold: { face: 'primary', size: 'header', weight: '800' },
|
|
48
|
+
heroStandard: { face: 'primary', size: 'hero', weight: '400' },
|
|
49
|
+
heroSemibold: { face: 'primary', size: 'hero', weight: '700' },
|
|
50
|
+
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
51
|
+
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '700' },
|
|
52
|
+
// mocked out
|
|
53
|
+
caption1: { face: 'primary', size: 'caption', weight: '500' },
|
|
54
|
+
body1: { face: 'primary', size: 'secondary', weight: '400' },
|
|
55
|
+
body1Strong: { face: 'primary', size: 'secondary', weight: '600' },
|
|
56
|
+
body2: { face: 'primary', size: 'body', weight: '400' },
|
|
57
|
+
body2Strong: { face: 'primary', size: 'body', weight: '600' },
|
|
58
|
+
subtitle1: { face: 'primary', size: 'header', weight: '700' },
|
|
59
|
+
subtitle1Strong: { face: 'primary', size: 'header', weight: '800' },
|
|
60
|
+
subtitle2: { face: 'primary', size: 'subheader', weight: '400' },
|
|
61
|
+
subtitle2Strong: { face: 'primary', size: 'subheader', weight: '600' },
|
|
62
|
+
title1: { face: 'primary', size: 'hero', weight: '400' },
|
|
63
|
+
title1Strong: { face: 'primary', size: 'hero', weight: '700' },
|
|
64
|
+
largeTitle: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
65
|
+
display: { face: 'primary', size: 'heroLarge', weight: '700' },
|
|
66
|
+
},
|
|
67
|
+
};
|
|
68
|
+
return appleDict;
|
|
69
69
|
}
|
|
70
|
-
//# sourceMappingURL=appleTypography.macos.js.map
|
|
70
|
+
//# sourceMappingURL=appleTypography.macos.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTypography.macos.js","sourceRoot":"","sources":["../src/appleTypography.macos.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,MAAM,UAAU,uBAAuB;
|
|
1
|
+
{"version":3,"file":"appleTypography.macos.js","sourceRoot":"","sources":["../src/appleTypography.macos.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,18 +3,18 @@ import { NativeAppearanceAdditions } from '@fluentui-react-native/experimental-a
|
|
|
3
3
|
import { ThemeReference } from '@fluentui-react-native/theme';
|
|
4
4
|
import { getBaseAppleThemeIOS } from './appleTheme.ios';
|
|
5
5
|
export function createAppleTheme() {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
const appleThemeReference = new ThemeReference({}, () => {
|
|
7
|
+
const isLightMode = Appearance.getColorScheme() === 'light';
|
|
8
|
+
const isElevated = NativeAppearanceAdditions.userInterfaceLevel() === 'elevated';
|
|
9
|
+
return getBaseAppleThemeIOS(isLightMode, isElevated);
|
|
10
|
+
});
|
|
11
|
+
Appearance.addChangeListener(() => {
|
|
12
|
+
appleThemeReference.invalidate();
|
|
13
|
+
});
|
|
14
|
+
const eventEmitter = new NativeEventEmitter(NativeAppearanceAdditions);
|
|
15
|
+
eventEmitter.addListener('appearanceChanged', (_newTraits) => {
|
|
16
|
+
appleThemeReference.invalidate();
|
|
17
|
+
});
|
|
18
|
+
return appleThemeReference;
|
|
19
19
|
}
|
|
20
|
-
//# sourceMappingURL=createAppleTheme.ios.js.map
|
|
20
|
+
//# sourceMappingURL=createAppleTheme.ios.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.ios.js","sourceRoot":"","sources":["../src/createAppleTheme.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,0DAA0D,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,UAAU,gBAAgB;
|
|
1
|
+
{"version":3,"file":"createAppleTheme.ios.js","sourceRoot":"","sources":["../src/createAppleTheme.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,0DAA0D,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,UAAU,gBAAgB,GAAmB;IACjD,MAAM,mBAAmB,GAAG,IAAI,cAAc,CAAC,EAAW,EAAE,GAAG,EAAE,CAAC;QAChE,MAAM,WAAW,GAAG,UAAU,CAAC,cAAc,EAAE,KAAK,OAAO,CAAC;QAC5D,MAAM,UAAU,GAAG,yBAAyB,CAAC,kBAAkB,EAAE,KAAK,UAAU,CAAC;QACjF,OAAO,oBAAoB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAAA,CACtD,CAAC,CAAC;IAEH,UAAU,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC;QACjC,mBAAmB,CAAC,UAAU,EAAE,CAAC;IAAA,CAClC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAI,kBAAkB,CAAC,yBAAyB,CAAC,CAAC;IACvE,YAAY,CAAC,WAAW,CAAC,mBAAmB,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC;QAC5D,mBAAmB,CAAC,UAAU,EAAE,CAAC;IAAA,CAClC,CAAC,CAAC;IAEH,OAAO,mBAAmB,CAAC;AAAA,CAC5B"}
|
package/lib/createAppleTheme.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createDefaultTheme } from '@fluentui-react-native/default-theme';
|
|
2
2
|
import { ThemeReference } from '@fluentui-react-native/theme';
|
|
3
3
|
export function createAppleTheme() {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
console.warn('Platform is not supported by apple theme, using default theme');
|
|
5
|
+
return new ThemeReference(createDefaultTheme());
|
|
6
6
|
}
|
|
7
|
-
//# sourceMappingURL=createAppleTheme.js.map
|
|
7
|
+
//# sourceMappingURL=createAppleTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.js","sourceRoot":"","sources":["../src/createAppleTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,UAAU,gBAAgB;
|
|
1
|
+
{"version":3,"file":"createAppleTheme.js","sourceRoot":"","sources":["../src/createAppleTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,UAAU,gBAAgB,GAAmB;IACjD,OAAO,CAAC,IAAI,CAAC,+DAA+D,CAAC,CAAC;IAC9E,OAAO,IAAI,cAAc,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAAA,CACjD"}
|
|
@@ -6,30 +6,30 @@ import { setIsHighContrast } from './appleHighContrast.macos';
|
|
|
6
6
|
import { getBaseAppleThemeMacOS } from './appleTheme.macos';
|
|
7
7
|
let appleThemeReference;
|
|
8
8
|
export function createAppleTheme() {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
appleThemeReference = new ThemeReference({}, () => {
|
|
10
|
+
const appearance = Appearance.getColorScheme();
|
|
11
|
+
const mode = getCurrentAppearance(appearance, 'light');
|
|
12
|
+
return getBaseAppleThemeMacOS(mode);
|
|
13
|
+
});
|
|
14
|
+
// Fetch initial system settings for high contrast mode
|
|
15
|
+
highContrastHandler();
|
|
16
|
+
// Invalidate theme and set prop when high contrast setting changes
|
|
17
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
18
|
+
// @ts-ignore
|
|
19
|
+
AccessibilityInfo.addEventListener('highContrastChanged', () => {
|
|
15
20
|
highContrastHandler();
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
});
|
|
22
|
-
Appearance.addChangeListener(() => {
|
|
23
|
-
appleThemeReference.invalidate();
|
|
24
|
-
});
|
|
25
|
-
return appleThemeReference;
|
|
21
|
+
});
|
|
22
|
+
Appearance.addChangeListener(() => {
|
|
23
|
+
appleThemeReference.invalidate();
|
|
24
|
+
});
|
|
25
|
+
return appleThemeReference;
|
|
26
26
|
}
|
|
27
27
|
function highContrastHandler() {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
29
|
+
// @ts-ignore
|
|
30
|
+
AccessibilityInfo.isHighContrastEnabled().then((isEnabled) => {
|
|
31
|
+
setIsHighContrast(isEnabled);
|
|
32
|
+
appleThemeReference.invalidate();
|
|
33
|
+
});
|
|
34
34
|
}
|
|
35
|
-
//# sourceMappingURL=createAppleTheme.macos.js.map
|
|
35
|
+
//# sourceMappingURL=createAppleTheme.macos.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createAppleTheme.macos.js","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,IAAI,mBAAmC,CAAC;AAExC,MAAM,UAAU,gBAAgB;
|
|
1
|
+
{"version":3,"file":"createAppleTheme.macos.js","sourceRoot":"","sources":["../src/createAppleTheme.macos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,IAAI,mBAAmC,CAAC;AAExC,MAAM,UAAU,gBAAgB,GAAmB;IACjD,mBAAmB,GAAG,IAAI,cAAc,CAAC,EAAW,EAAE,GAAG,EAAE,CAAC;QAC1D,MAAM,UAAU,GAAG,UAAU,CAAC,cAAc,EAAE,CAAC;QAC/C,MAAM,IAAI,GAAG,oBAAoB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QACvD,OAAO,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAAA,CACrC,CAAC,CAAC;IACH,uDAAuD;IACvD,mBAAmB,EAAE,CAAC;IACtB,mEAAmE;IACnE,6DAA6D;IAC7D,aAAa;IACb,iBAAiB,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE,CAAC;QAC9D,mBAAmB,EAAE,CAAC;IAAA,CACvB,CAAC,CAAC;IAEH,UAAU,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,6DAA6D;IAC7D,aAAa;IACb,iBAAiB,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC;QAC5D,iBAAiB,CAAC,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
|
|
@@ -2,7 +2,7 @@ import aliasTokens from '@fluentui-react-native/design-tokens-ios/light/tokens-a
|
|
|
2
2
|
import { memoize } from '@fluentui-react-native/framework-base';
|
|
3
3
|
import { mapFontPipelineToTheme } from '@fluentui-react-native/theming-utils';
|
|
4
4
|
function createFontAliasTokensWorker() {
|
|
5
|
-
|
|
5
|
+
return mapFontPipelineToTheme(aliasTokens);
|
|
6
6
|
}
|
|
7
7
|
export const createFontAliasTokens = memoize(createFontAliasTokensWorker);
|
|
8
|
-
//# sourceMappingURL=createFontAliasTokens.ios.js.map
|
|
8
|
+
//# sourceMappingURL=createFontAliasTokens.ios.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFontAliasTokens.ios.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ios.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,oEAAoE,CAAC,CAAC,4DAA4D;AAC1J,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAEhE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,SAAS,2BAA2B;
|
|
1
|
+
{"version":3,"file":"createFontAliasTokens.ios.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ios.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,oEAAoE,CAAC,CAAC,4DAA4D;AAC1J,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAEhE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,SAAS,2BAA2B,GAAsB;IACxD,OAAO,sBAAsB,CAAC,WAAW,CAAC,CAAC;AAAA,CAC5C;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAAC"}
|
|
@@ -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
|
|
@@ -2,13 +2,13 @@ import { memoize } from '@fluentui-react-native/framework-base';
|
|
|
2
2
|
import { mapPipelineToTheme, mapPipelineToShadow } from '@fluentui-react-native/theming-utils';
|
|
3
3
|
import { getMacOSAliasTokens, getMacOSShadowTokens } from './getMacOSTokens';
|
|
4
4
|
function createMacOSColorAliasTokensWorker(mode, isHighContrast) {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
const aliasTokens = getMacOSAliasTokens(mode, isHighContrast);
|
|
6
|
+
return mapPipelineToTheme(aliasTokens);
|
|
7
7
|
}
|
|
8
8
|
export const createMacOSColorAliasTokens = memoize(createMacOSColorAliasTokensWorker);
|
|
9
9
|
function createMacOSShadowAliasTokensWorker(mode, isHighContrast) {
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
const aliasTokens = getMacOSShadowTokens(mode, isHighContrast);
|
|
11
|
+
return mapPipelineToShadow(aliasTokens);
|
|
12
12
|
}
|
|
13
13
|
export const createMacOSShadowAliasTokens = memoize(createMacOSShadowAliasTokensWorker);
|
|
14
|
-
//# sourceMappingURL=createMacOSAliasTokens.js.map
|
|
14
|
+
//# sourceMappingURL=createMacOSAliasTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createMacOSAliasTokens.js","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGhE,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE/F,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,SAAS,iCAAiC,CAAC,IAAuB,EAAE,cAAuB;
|
|
1
|
+
{"version":3,"file":"createMacOSAliasTokens.js","sourceRoot":"","sources":["../src/createMacOSAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGhE,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE/F,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,SAAS,iCAAiC,CAAC,IAAuB,EAAE,cAAuB,EAAoB;IAC7G,MAAM,WAAW,GAAG,mBAAmB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IAC9D,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAAA,CACxC;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,OAAO,CAAC,iCAAiC,CAAC,CAAC;AAEtF,SAAS,kCAAkC,CAAC,IAAuB,EAAE,cAAuB,EAAyB;IACnH,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IAC/D,OAAO,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAAA,CACzC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC"}
|
|
@@ -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
|
|
@@ -2,13 +2,13 @@ import { memoize } from '@fluentui-react-native/framework-base';
|
|
|
2
2
|
import { getAliasTokens, getShadowTokens } from '@fluentui-react-native/theme-tokens';
|
|
3
3
|
import { mapPipelineToTheme, mapPipelineToShadow } from '@fluentui-react-native/theming-utils';
|
|
4
4
|
function createiOSColorAliasTokensWorker(mode) {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
const aliasTokens = getAliasTokens(mode);
|
|
6
|
+
return mapPipelineToTheme(aliasTokens);
|
|
7
7
|
}
|
|
8
8
|
export const createiOSColorAliasTokens = memoize(createiOSColorAliasTokensWorker);
|
|
9
9
|
function createiOSShadowAliasTokensWorker(mode) {
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
const aliasTokens = getShadowTokens(mode);
|
|
11
|
+
return mapPipelineToShadow(aliasTokens);
|
|
12
12
|
}
|
|
13
13
|
export const createiOSShadowAliasTokens = memoize(createiOSShadowAliasTokensWorker);
|
|
14
|
-
//# sourceMappingURL=createiOSAliasTokens.js.map
|
|
14
|
+
//# sourceMappingURL=createiOSAliasTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createiOSAliasTokens.js","sourceRoot":"","sources":["../src/createiOSAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGtF,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE/F,SAAS,+BAA+B,CAAC,IAAuB;
|
|
1
|
+
{"version":3,"file":"createiOSAliasTokens.js","sourceRoot":"","sources":["../src/createiOSAliasTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAGtF,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE/F,SAAS,+BAA+B,CAAC,IAAuB,EAAoB;IAClF,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACzC,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;AAAA,CACxC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,OAAO,CAAC,+BAA+B,CAAC,CAAC;AAElF,SAAS,gCAAgC,CAAC,IAAuB,EAAyB;IACxF,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAAA,CACzC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,OAAO,CAAC,gCAAgC,CAAC,CAAC"}
|