@fluentui-react-native/apple-theme 0.17.4 → 0.17.6
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 +73 -1
- package/CHANGELOG.md +25 -2
- package/lib/appleTypography.ios.d.ts.map +1 -1
- package/lib/appleTypography.ios.js +13 -114
- package/lib/appleTypography.ios.js.map +1 -1
- package/lib/createFontAliasTokens.ios.d.ts +5 -0
- package/lib/createFontAliasTokens.ios.d.ts.map +1 -0
- package/lib/createFontAliasTokens.ios.js +8 -0
- package/lib/createFontAliasTokens.ios.js.map +1 -0
- package/lib-commonjs/appleTypography.ios.d.ts.map +1 -1
- package/lib-commonjs/appleTypography.ios.js +12 -116
- package/lib-commonjs/appleTypography.ios.js.map +1 -1
- package/lib-commonjs/createFontAliasTokens.ios.d.ts +5 -0
- package/lib-commonjs/createFontAliasTokens.ios.d.ts.map +1 -0
- package/lib-commonjs/createFontAliasTokens.ios.js +14 -0
- package/lib-commonjs/createFontAliasTokens.ios.js.map +1 -0
- package/package.json +5 -5
- package/src/appleTypography.ios.ts +2 -100
- package/src/createFontAliasTokens.ios.ts +10 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,79 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 29 Dec 2022 03:44:56 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/apple-theme_v0.17.6",
|
|
7
|
+
"version": "0.17.6",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "adam.gleitman@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
13
|
+
"commit": "6d8afaea8495b16c2acd8aa4d1de62036110968c",
|
|
14
|
+
"comment": "Use alias token definitions for iOS typography"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/default-theme to v0.16.20",
|
|
20
|
+
"commit": "6d8afaea8495b16c2acd8aa4d1de62036110968c"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/theme to v0.7.14",
|
|
26
|
+
"commit": "6d8afaea8495b16c2acd8aa4d1de62036110968c"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/theme-types to v0.28.0",
|
|
32
|
+
"commit": "6d8afaea8495b16c2acd8aa4d1de62036110968c"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/theming-utils to v0.21.0",
|
|
38
|
+
"commit": "6d8afaea8495b16c2acd8aa4d1de62036110968c"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"date": "Tue, 27 Dec 2022 22:21:15 GMT",
|
|
45
|
+
"tag": "@fluentui-react-native/apple-theme_v0.17.5",
|
|
46
|
+
"version": "0.17.5",
|
|
47
|
+
"comments": {
|
|
48
|
+
"patch": [
|
|
49
|
+
{
|
|
50
|
+
"author": "beachball",
|
|
51
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
52
|
+
"comment": "Bump @fluentui-react-native/default-theme to v0.16.19",
|
|
53
|
+
"commit": "9877f2f456807b697afd5aefce756a493a607746"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"author": "beachball",
|
|
57
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
58
|
+
"comment": "Bump @fluentui-react-native/theme to v0.7.13",
|
|
59
|
+
"commit": "9877f2f456807b697afd5aefce756a493a607746"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "beachball",
|
|
63
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
64
|
+
"comment": "Bump @fluentui-react-native/theme-types to v0.27.1",
|
|
65
|
+
"commit": "9877f2f456807b697afd5aefce756a493a607746"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "beachball",
|
|
69
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
70
|
+
"comment": "Bump @fluentui-react-native/theming-utils to v0.20.2",
|
|
71
|
+
"commit": "9877f2f456807b697afd5aefce756a493a607746"
|
|
72
|
+
}
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"date": "Tue, 27 Dec 2022 10:18:14 GMT",
|
|
6
78
|
"tag": "@fluentui-react-native/apple-theme_v0.17.4",
|
|
7
79
|
"version": "0.17.4",
|
|
8
80
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,35 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/apple-theme
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 29 Dec 2022 03:44:56 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.17.6
|
|
8
|
+
|
|
9
|
+
Thu, 29 Dec 2022 03:44:56 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Use alias token definitions for iOS typography (adam.gleitman@gmail.com)
|
|
14
|
+
- Bump @fluentui-react-native/default-theme to v0.16.20
|
|
15
|
+
- Bump @fluentui-react-native/theme to v0.7.14
|
|
16
|
+
- Bump @fluentui-react-native/theme-types to v0.28.0
|
|
17
|
+
- Bump @fluentui-react-native/theming-utils to v0.21.0
|
|
18
|
+
|
|
19
|
+
## 0.17.5
|
|
20
|
+
|
|
21
|
+
Tue, 27 Dec 2022 22:21:15 GMT
|
|
22
|
+
|
|
23
|
+
### Patches
|
|
24
|
+
|
|
25
|
+
- Bump @fluentui-react-native/default-theme to v0.16.19
|
|
26
|
+
- Bump @fluentui-react-native/theme to v0.7.13
|
|
27
|
+
- Bump @fluentui-react-native/theme-types to v0.27.1
|
|
28
|
+
- Bump @fluentui-react-native/theming-utils to v0.20.2
|
|
29
|
+
|
|
7
30
|
## 0.17.4
|
|
8
31
|
|
|
9
|
-
Tue, 27 Dec 2022 10:
|
|
32
|
+
Tue, 27 Dec 2022 10:18:14 GMT
|
|
10
33
|
|
|
11
34
|
### Patches
|
|
12
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTypography.ios.d.ts","sourceRoot":"","sources":["../src/appleTypography.ios.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"appleTypography.ios.d.ts","sourceRoot":"","sources":["../src/appleTypography.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,UAAU,EAAY,MAAM,oCAAoC,CAAC;AAIhH,wBAAgB,eAAe,IAAI,UAAU,CAkD5C"}
|
|
@@ -1,5 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { createFontAliasTokens } from './createFontAliasTokens.ios';
|
|
3
13
|
// The sizes are taken for the Dynamic Type Size "Large", which is the system default
|
|
4
14
|
export function appleTypography() {
|
|
5
15
|
var appleDict = {
|
|
@@ -31,118 +41,7 @@ export function appleTypography() {
|
|
|
31
41
|
sansSerif: 'System',
|
|
32
42
|
serif: 'System',
|
|
33
43
|
},
|
|
34
|
-
variants: {
|
|
35
|
-
captionStandard: { face: 'primary', size: 'caption', weight: '400' },
|
|
36
|
-
secondaryStandard: { face: 'primary', size: 'secondary', weight: '400' },
|
|
37
|
-
secondarySemibold: { face: 'primary', size: 'secondary', weight: '600' },
|
|
38
|
-
bodyStandard: { face: 'primary', size: 'body', weight: '400' },
|
|
39
|
-
bodySemibold: { face: 'primary', size: 'body', weight: '600' },
|
|
40
|
-
subheaderStandard: { face: 'primary', size: 'subheader', weight: '400' },
|
|
41
|
-
subheaderSemibold: { face: 'primary', size: 'subheader', weight: '600' },
|
|
42
|
-
headerStandard: { face: 'primary', size: 'header', weight: '600' },
|
|
43
|
-
headerSemibold: { face: 'primary', size: 'header', weight: '800' },
|
|
44
|
-
heroStandard: { face: 'primary', size: 'hero', weight: '400' },
|
|
45
|
-
heroSemibold: { face: 'primary', size: 'hero', weight: '600' },
|
|
46
|
-
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
47
|
-
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' },
|
|
48
|
-
// iOS styles
|
|
49
|
-
caption2: {
|
|
50
|
-
face: fontTokens.family.base,
|
|
51
|
-
size: fontTokens.size100,
|
|
52
|
-
weight: fontTokens.weight.regular,
|
|
53
|
-
lineHeight: fontTokens.lineHeight100,
|
|
54
|
-
letterSpacing: 0,
|
|
55
|
-
dynamicTypeRamp: 'caption1', // Not a typo, this corresponds to UIFontTextStypeCaption1
|
|
56
|
-
},
|
|
57
|
-
caption1: {
|
|
58
|
-
face: fontTokens.family.base,
|
|
59
|
-
size: fontTokens.size200,
|
|
60
|
-
weight: fontTokens.weight.regular,
|
|
61
|
-
lineHeight: fontTokens.lineHeight200,
|
|
62
|
-
letterSpacing: -0.08,
|
|
63
|
-
dynamicTypeRamp: 'footnote',
|
|
64
|
-
},
|
|
65
|
-
caption1Strong: {
|
|
66
|
-
face: fontTokens.family.base,
|
|
67
|
-
size: fontTokens.size200,
|
|
68
|
-
weight: fontTokens.weight.semibold,
|
|
69
|
-
lineHeight: fontTokens.lineHeight200,
|
|
70
|
-
letterSpacing: -0.08,
|
|
71
|
-
dynamicTypeRamp: 'footnote',
|
|
72
|
-
},
|
|
73
|
-
body2: {
|
|
74
|
-
face: fontTokens.family.base,
|
|
75
|
-
size: fontTokens.size300,
|
|
76
|
-
weight: fontTokens.weight.regular,
|
|
77
|
-
lineHeight: fontTokens.lineHeight300,
|
|
78
|
-
letterSpacing: -0.23,
|
|
79
|
-
dynamicTypeRamp: 'subheadline',
|
|
80
|
-
},
|
|
81
|
-
body2Strong: {
|
|
82
|
-
face: fontTokens.family.base,
|
|
83
|
-
size: fontTokens.size300,
|
|
84
|
-
weight: fontTokens.weight.semibold,
|
|
85
|
-
lineHeight: fontTokens.lineHeight300,
|
|
86
|
-
letterSpacing: -0.23,
|
|
87
|
-
dynamicTypeRamp: 'subheadline',
|
|
88
|
-
},
|
|
89
|
-
body1: {
|
|
90
|
-
face: fontTokens.family.base,
|
|
91
|
-
size: fontTokens.size400,
|
|
92
|
-
weight: fontTokens.weight.regular,
|
|
93
|
-
lineHeight: fontTokens.lineHeight400,
|
|
94
|
-
letterSpacing: -0.43,
|
|
95
|
-
dynamicTypeRamp: 'body',
|
|
96
|
-
},
|
|
97
|
-
body1Strong: {
|
|
98
|
-
face: fontTokens.family.base,
|
|
99
|
-
size: fontTokens.size400,
|
|
100
|
-
weight: fontTokens.weight.semibold,
|
|
101
|
-
lineHeight: fontTokens.lineHeight400,
|
|
102
|
-
letterSpacing: -0.43,
|
|
103
|
-
dynamicTypeRamp: 'body',
|
|
104
|
-
},
|
|
105
|
-
title3: {
|
|
106
|
-
face: fontTokens.family.base,
|
|
107
|
-
size: fontTokens.size500,
|
|
108
|
-
weight: fontTokens.weight.semibold,
|
|
109
|
-
lineHeight: fontTokens.lineHeight500,
|
|
110
|
-
letterSpacing: -0.45,
|
|
111
|
-
dynamicTypeRamp: 'title3',
|
|
112
|
-
},
|
|
113
|
-
title2: {
|
|
114
|
-
face: fontTokens.family.base,
|
|
115
|
-
size: fontTokens.size600,
|
|
116
|
-
weight: fontTokens.weight.semibold,
|
|
117
|
-
lineHeight: fontTokens.lineHeight600,
|
|
118
|
-
letterSpacing: -0.26,
|
|
119
|
-
dynamicTypeRamp: 'title2',
|
|
120
|
-
},
|
|
121
|
-
title1: {
|
|
122
|
-
face: fontTokens.family.base,
|
|
123
|
-
size: fontTokens.size700,
|
|
124
|
-
weight: fontTokens.weight.bold,
|
|
125
|
-
lineHeight: fontTokens.lineHeight700,
|
|
126
|
-
letterSpacing: 0.38,
|
|
127
|
-
dynamicTypeRamp: 'title1',
|
|
128
|
-
},
|
|
129
|
-
largeTitle: {
|
|
130
|
-
face: fontTokens.family.base,
|
|
131
|
-
size: fontTokens.size800,
|
|
132
|
-
weight: fontTokens.weight.bold,
|
|
133
|
-
lineHeight: fontTokens.lineHeight800,
|
|
134
|
-
letterSpacing: 0.4,
|
|
135
|
-
dynamicTypeRamp: 'largeTitle',
|
|
136
|
-
},
|
|
137
|
-
display: {
|
|
138
|
-
face: fontTokens.family.base,
|
|
139
|
-
size: fontTokens.size900,
|
|
140
|
-
weight: fontTokens.weight.bold,
|
|
141
|
-
lineHeight: fontTokens.lineHeight900,
|
|
142
|
-
letterSpacing: 0.26,
|
|
143
|
-
dynamicTypeRamp: 'largeTitle',
|
|
144
|
-
},
|
|
145
|
-
},
|
|
44
|
+
variants: __assign({ captionStandard: { face: 'primary', size: 'caption', weight: '400' }, secondaryStandard: { face: 'primary', size: 'secondary', weight: '400' }, secondarySemibold: { face: 'primary', size: 'secondary', weight: '600' }, bodyStandard: { face: 'primary', size: 'body', weight: '400' }, bodySemibold: { face: 'primary', size: 'body', weight: '600' }, subheaderStandard: { face: 'primary', size: 'subheader', weight: '400' }, subheaderSemibold: { face: 'primary', size: 'subheader', weight: '600' }, headerStandard: { face: 'primary', size: 'header', weight: '600' }, headerSemibold: { face: 'primary', size: 'header', weight: '800' }, heroStandard: { face: 'primary', size: 'hero', weight: '400' }, heroSemibold: { face: 'primary', size: 'hero', weight: '600' }, heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' }, heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' } }, createFontAliasTokens()),
|
|
146
45
|
};
|
|
147
46
|
return appleDict;
|
|
148
47
|
}
|
|
@@ -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":";;;;;;;;;;;AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEpE,qFAAqF;AACrF,MAAM,UAAU,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,WACR,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,EACpE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAClE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,IAErE,qBAAqB,EAAE,CACf;KACd,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Variants } from '@fluentui-react-native/theme-types';
|
|
2
|
+
declare function createFontAliasTokensWorker(): Partial<Variants>;
|
|
3
|
+
export declare const createFontAliasTokens: typeof createFontAliasTokensWorker;
|
|
4
|
+
export {};
|
|
5
|
+
//# sourceMappingURL=createFontAliasTokens.ios.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createFontAliasTokens.ios.d.ts","sourceRoot":"","sources":["../src/createFontAliasTokens.ios.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAI9D,iBAAS,2BAA2B,IAAI,OAAO,CAAC,QAAQ,CAAC,CAExD;AAED,eAAO,MAAM,qBAAqB,oCAAuC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import aliasTokens from '@fluentui-react-native/design-tokens-ios/light/tokens-aliases.json'; // Font alias tokens should be the same for all color styles
|
|
2
|
+
import { memoize } from '@fluentui-react-native/memo-cache';
|
|
3
|
+
import { mapFontPipelineToTheme } from '@fluentui-react-native/theming-utils';
|
|
4
|
+
function createFontAliasTokensWorker() {
|
|
5
|
+
return mapFontPipelineToTheme(aliasTokens);
|
|
6
|
+
}
|
|
7
|
+
export var createFontAliasTokens = memoize(createFontAliasTokensWorker);
|
|
8
|
+
//# sourceMappingURL=createFontAliasTokens.ios.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createFontAliasTokens.ios.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ios.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,oEAAoE,CAAC,CAAC,4DAA4D;AAE1J,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAE9E,SAAS,2BAA2B;IAClC,OAAO,sBAAsB,CAAC,WAAW,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,OAAO,CAAC,2BAA2B,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appleTypography.ios.d.ts","sourceRoot":"","sources":["../src/appleTypography.ios.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"appleTypography.ios.d.ts","sourceRoot":"","sources":["../src/appleTypography.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,UAAU,EAAY,MAAM,oCAAoC,CAAC;AAIhH,wBAAgB,eAAe,IAAI,UAAU,CAkD5C"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
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);
|
|
4
12
|
};
|
|
5
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
14
|
exports.appleTypography = void 0;
|
|
7
|
-
var
|
|
8
|
-
var fontTokens = tokens_global_json_1.default.font;
|
|
15
|
+
var createFontAliasTokens_ios_1 = require("./createFontAliasTokens.ios");
|
|
9
16
|
// The sizes are taken for the Dynamic Type Size "Large", which is the system default
|
|
10
17
|
function appleTypography() {
|
|
11
18
|
var appleDict = {
|
|
@@ -37,118 +44,7 @@ function appleTypography() {
|
|
|
37
44
|
sansSerif: 'System',
|
|
38
45
|
serif: 'System',
|
|
39
46
|
},
|
|
40
|
-
variants: {
|
|
41
|
-
captionStandard: { face: 'primary', size: 'caption', weight: '400' },
|
|
42
|
-
secondaryStandard: { face: 'primary', size: 'secondary', weight: '400' },
|
|
43
|
-
secondarySemibold: { face: 'primary', size: 'secondary', weight: '600' },
|
|
44
|
-
bodyStandard: { face: 'primary', size: 'body', weight: '400' },
|
|
45
|
-
bodySemibold: { face: 'primary', size: 'body', weight: '600' },
|
|
46
|
-
subheaderStandard: { face: 'primary', size: 'subheader', weight: '400' },
|
|
47
|
-
subheaderSemibold: { face: 'primary', size: 'subheader', weight: '600' },
|
|
48
|
-
headerStandard: { face: 'primary', size: 'header', weight: '600' },
|
|
49
|
-
headerSemibold: { face: 'primary', size: 'header', weight: '800' },
|
|
50
|
-
heroStandard: { face: 'primary', size: 'hero', weight: '400' },
|
|
51
|
-
heroSemibold: { face: 'primary', size: 'hero', weight: '600' },
|
|
52
|
-
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
53
|
-
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' },
|
|
54
|
-
// iOS styles
|
|
55
|
-
caption2: {
|
|
56
|
-
face: fontTokens.family.base,
|
|
57
|
-
size: fontTokens.size100,
|
|
58
|
-
weight: fontTokens.weight.regular,
|
|
59
|
-
lineHeight: fontTokens.lineHeight100,
|
|
60
|
-
letterSpacing: 0,
|
|
61
|
-
dynamicTypeRamp: 'caption1', // Not a typo, this corresponds to UIFontTextStypeCaption1
|
|
62
|
-
},
|
|
63
|
-
caption1: {
|
|
64
|
-
face: fontTokens.family.base,
|
|
65
|
-
size: fontTokens.size200,
|
|
66
|
-
weight: fontTokens.weight.regular,
|
|
67
|
-
lineHeight: fontTokens.lineHeight200,
|
|
68
|
-
letterSpacing: -0.08,
|
|
69
|
-
dynamicTypeRamp: 'footnote',
|
|
70
|
-
},
|
|
71
|
-
caption1Strong: {
|
|
72
|
-
face: fontTokens.family.base,
|
|
73
|
-
size: fontTokens.size200,
|
|
74
|
-
weight: fontTokens.weight.semibold,
|
|
75
|
-
lineHeight: fontTokens.lineHeight200,
|
|
76
|
-
letterSpacing: -0.08,
|
|
77
|
-
dynamicTypeRamp: 'footnote',
|
|
78
|
-
},
|
|
79
|
-
body2: {
|
|
80
|
-
face: fontTokens.family.base,
|
|
81
|
-
size: fontTokens.size300,
|
|
82
|
-
weight: fontTokens.weight.regular,
|
|
83
|
-
lineHeight: fontTokens.lineHeight300,
|
|
84
|
-
letterSpacing: -0.23,
|
|
85
|
-
dynamicTypeRamp: 'subheadline',
|
|
86
|
-
},
|
|
87
|
-
body2Strong: {
|
|
88
|
-
face: fontTokens.family.base,
|
|
89
|
-
size: fontTokens.size300,
|
|
90
|
-
weight: fontTokens.weight.semibold,
|
|
91
|
-
lineHeight: fontTokens.lineHeight300,
|
|
92
|
-
letterSpacing: -0.23,
|
|
93
|
-
dynamicTypeRamp: 'subheadline',
|
|
94
|
-
},
|
|
95
|
-
body1: {
|
|
96
|
-
face: fontTokens.family.base,
|
|
97
|
-
size: fontTokens.size400,
|
|
98
|
-
weight: fontTokens.weight.regular,
|
|
99
|
-
lineHeight: fontTokens.lineHeight400,
|
|
100
|
-
letterSpacing: -0.43,
|
|
101
|
-
dynamicTypeRamp: 'body',
|
|
102
|
-
},
|
|
103
|
-
body1Strong: {
|
|
104
|
-
face: fontTokens.family.base,
|
|
105
|
-
size: fontTokens.size400,
|
|
106
|
-
weight: fontTokens.weight.semibold,
|
|
107
|
-
lineHeight: fontTokens.lineHeight400,
|
|
108
|
-
letterSpacing: -0.43,
|
|
109
|
-
dynamicTypeRamp: 'body',
|
|
110
|
-
},
|
|
111
|
-
title3: {
|
|
112
|
-
face: fontTokens.family.base,
|
|
113
|
-
size: fontTokens.size500,
|
|
114
|
-
weight: fontTokens.weight.semibold,
|
|
115
|
-
lineHeight: fontTokens.lineHeight500,
|
|
116
|
-
letterSpacing: -0.45,
|
|
117
|
-
dynamicTypeRamp: 'title3',
|
|
118
|
-
},
|
|
119
|
-
title2: {
|
|
120
|
-
face: fontTokens.family.base,
|
|
121
|
-
size: fontTokens.size600,
|
|
122
|
-
weight: fontTokens.weight.semibold,
|
|
123
|
-
lineHeight: fontTokens.lineHeight600,
|
|
124
|
-
letterSpacing: -0.26,
|
|
125
|
-
dynamicTypeRamp: 'title2',
|
|
126
|
-
},
|
|
127
|
-
title1: {
|
|
128
|
-
face: fontTokens.family.base,
|
|
129
|
-
size: fontTokens.size700,
|
|
130
|
-
weight: fontTokens.weight.bold,
|
|
131
|
-
lineHeight: fontTokens.lineHeight700,
|
|
132
|
-
letterSpacing: 0.38,
|
|
133
|
-
dynamicTypeRamp: 'title1',
|
|
134
|
-
},
|
|
135
|
-
largeTitle: {
|
|
136
|
-
face: fontTokens.family.base,
|
|
137
|
-
size: fontTokens.size800,
|
|
138
|
-
weight: fontTokens.weight.bold,
|
|
139
|
-
lineHeight: fontTokens.lineHeight800,
|
|
140
|
-
letterSpacing: 0.4,
|
|
141
|
-
dynamicTypeRamp: 'largeTitle',
|
|
142
|
-
},
|
|
143
|
-
display: {
|
|
144
|
-
face: fontTokens.family.base,
|
|
145
|
-
size: fontTokens.size900,
|
|
146
|
-
weight: fontTokens.weight.bold,
|
|
147
|
-
lineHeight: fontTokens.lineHeight900,
|
|
148
|
-
letterSpacing: 0.26,
|
|
149
|
-
dynamicTypeRamp: 'largeTitle',
|
|
150
|
-
},
|
|
151
|
-
},
|
|
47
|
+
variants: __assign({ captionStandard: { face: 'primary', size: 'caption', weight: '400' }, secondaryStandard: { face: 'primary', size: 'secondary', weight: '400' }, secondarySemibold: { face: 'primary', size: 'secondary', weight: '600' }, bodyStandard: { face: 'primary', size: 'body', weight: '400' }, bodySemibold: { face: 'primary', size: 'body', weight: '600' }, subheaderStandard: { face: 'primary', size: 'subheader', weight: '400' }, subheaderSemibold: { face: 'primary', size: 'subheader', weight: '600' }, headerStandard: { face: 'primary', size: 'header', weight: '600' }, headerSemibold: { face: 'primary', size: 'header', weight: '800' }, heroStandard: { face: 'primary', size: 'hero', weight: '400' }, heroSemibold: { face: 'primary', size: 'hero', weight: '600' }, heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' }, heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' } }, (0, createFontAliasTokens_ios_1.createFontAliasTokens)()),
|
|
152
48
|
};
|
|
153
49
|
return appleDict;
|
|
154
50
|
}
|
|
@@ -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":";;;;;;;;;;;;;;AACA,yEAAoE;AAEpE,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,WACR,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,EACpE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAClE,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAClE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAC9D,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EACxE,iBAAiB,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,IAErE,IAAA,iDAAqB,GAAE,CACf;KACd,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC;AAlDD,0CAkDC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Variants } from '@fluentui-react-native/theme-types';
|
|
2
|
+
declare function createFontAliasTokensWorker(): Partial<Variants>;
|
|
3
|
+
export declare const createFontAliasTokens: typeof createFontAliasTokensWorker;
|
|
4
|
+
export {};
|
|
5
|
+
//# sourceMappingURL=createFontAliasTokens.ios.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createFontAliasTokens.ios.d.ts","sourceRoot":"","sources":["../src/createFontAliasTokens.ios.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAI9D,iBAAS,2BAA2B,IAAI,OAAO,CAAC,QAAQ,CAAC,CAExD;AAED,eAAO,MAAM,qBAAqB,oCAAuC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
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 });
|
|
6
|
+
exports.createFontAliasTokens = void 0;
|
|
7
|
+
var 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
|
+
var memo_cache_1 = require("@fluentui-react-native/memo-cache");
|
|
9
|
+
var theming_utils_1 = require("@fluentui-react-native/theming-utils");
|
|
10
|
+
function createFontAliasTokensWorker() {
|
|
11
|
+
return (0, theming_utils_1.mapFontPipelineToTheme)(tokens_aliases_json_1.default);
|
|
12
|
+
}
|
|
13
|
+
exports.createFontAliasTokens = (0, memo_cache_1.memoize)(createFontAliasTokensWorker);
|
|
14
|
+
//# sourceMappingURL=createFontAliasTokens.ios.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createFontAliasTokens.ios.js","sourceRoot":"","sources":["../src/createFontAliasTokens.ios.ts"],"names":[],"mappings":";;;;;;AAAA,2HAA6F,CAAC,4DAA4D;AAE1J,gEAA4D;AAC5D,sEAA8E;AAE9E,SAAS,2BAA2B;IAClC,OAAO,IAAA,sCAAsB,EAAC,6BAAW,CAAC,CAAC;AAC7C,CAAC;AAEY,QAAA,qBAAqB,GAAG,IAAA,oBAAO,EAAC,2BAA2B,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
|
-
"version": "0.17.
|
|
3
|
+
"version": "0.17.6",
|
|
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>",
|
|
@@ -27,13 +27,13 @@
|
|
|
27
27
|
"directory": "packages/theming/apple-theme"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@fluentui-react-native/default-theme": ">=0.16.
|
|
30
|
+
"@fluentui-react-native/default-theme": ">=0.16.20 <1.0.0",
|
|
31
31
|
"@fluentui-react-native/design-tokens-ios": "^0.36.0",
|
|
32
32
|
"@fluentui-react-native/design-tokens-macos": "^0.36.0",
|
|
33
33
|
"@fluentui-react-native/memo-cache": "^1.1.7",
|
|
34
|
-
"@fluentui-react-native/theme": ">=0.7.
|
|
35
|
-
"@fluentui-react-native/theme-types": ">=0.
|
|
36
|
-
"@fluentui-react-native/theming-utils": "^0.
|
|
34
|
+
"@fluentui-react-native/theme": ">=0.7.14 <1.0.0",
|
|
35
|
+
"@fluentui-react-native/theme-types": ">=0.28.0 <1.0.0",
|
|
36
|
+
"@fluentui-react-native/theming-utils": "^0.21.0",
|
|
37
37
|
"assert-never": "^1.2.1"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import globalTokens from '@fluentui-react-native/design-tokens-ios/light/tokens-global.json';
|
|
2
|
-
|
|
3
1
|
import { FontSize, FontSizes, FontWeightValue, Typography, Variants } from '@fluentui-react-native/theme-types';
|
|
4
|
-
|
|
5
|
-
const fontTokens = globalTokens.font;
|
|
2
|
+
import { createFontAliasTokens } from './createFontAliasTokens.ios';
|
|
6
3
|
|
|
7
4
|
// The sizes are taken for the Dynamic Type Size "Large", which is the system default
|
|
8
5
|
export function appleTypography(): Typography {
|
|
@@ -50,102 +47,7 @@ export function appleTypography(): Typography {
|
|
|
50
47
|
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
51
48
|
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' },
|
|
52
49
|
// iOS styles
|
|
53
|
-
|
|
54
|
-
face: fontTokens.family.base,
|
|
55
|
-
size: fontTokens.size100,
|
|
56
|
-
weight: fontTokens.weight.regular,
|
|
57
|
-
lineHeight: fontTokens.lineHeight100,
|
|
58
|
-
letterSpacing: 0,
|
|
59
|
-
dynamicTypeRamp: 'caption1', // Not a typo, this corresponds to UIFontTextStypeCaption1
|
|
60
|
-
},
|
|
61
|
-
caption1: {
|
|
62
|
-
face: fontTokens.family.base,
|
|
63
|
-
size: fontTokens.size200,
|
|
64
|
-
weight: fontTokens.weight.regular,
|
|
65
|
-
lineHeight: fontTokens.lineHeight200,
|
|
66
|
-
letterSpacing: -0.08,
|
|
67
|
-
dynamicTypeRamp: 'footnote',
|
|
68
|
-
},
|
|
69
|
-
caption1Strong: {
|
|
70
|
-
face: fontTokens.family.base,
|
|
71
|
-
size: fontTokens.size200,
|
|
72
|
-
weight: fontTokens.weight.semibold,
|
|
73
|
-
lineHeight: fontTokens.lineHeight200,
|
|
74
|
-
letterSpacing: -0.08,
|
|
75
|
-
dynamicTypeRamp: 'footnote',
|
|
76
|
-
},
|
|
77
|
-
body2: {
|
|
78
|
-
face: fontTokens.family.base,
|
|
79
|
-
size: fontTokens.size300,
|
|
80
|
-
weight: fontTokens.weight.regular,
|
|
81
|
-
lineHeight: fontTokens.lineHeight300,
|
|
82
|
-
letterSpacing: -0.23,
|
|
83
|
-
dynamicTypeRamp: 'subheadline',
|
|
84
|
-
},
|
|
85
|
-
body2Strong: {
|
|
86
|
-
face: fontTokens.family.base,
|
|
87
|
-
size: fontTokens.size300,
|
|
88
|
-
weight: fontTokens.weight.semibold,
|
|
89
|
-
lineHeight: fontTokens.lineHeight300,
|
|
90
|
-
letterSpacing: -0.23,
|
|
91
|
-
dynamicTypeRamp: 'subheadline',
|
|
92
|
-
},
|
|
93
|
-
body1: {
|
|
94
|
-
face: fontTokens.family.base,
|
|
95
|
-
size: fontTokens.size400,
|
|
96
|
-
weight: fontTokens.weight.regular,
|
|
97
|
-
lineHeight: fontTokens.lineHeight400,
|
|
98
|
-
letterSpacing: -0.43,
|
|
99
|
-
dynamicTypeRamp: 'body',
|
|
100
|
-
},
|
|
101
|
-
body1Strong: {
|
|
102
|
-
face: fontTokens.family.base,
|
|
103
|
-
size: fontTokens.size400,
|
|
104
|
-
weight: fontTokens.weight.semibold,
|
|
105
|
-
lineHeight: fontTokens.lineHeight400,
|
|
106
|
-
letterSpacing: -0.43,
|
|
107
|
-
dynamicTypeRamp: 'body',
|
|
108
|
-
},
|
|
109
|
-
title3: {
|
|
110
|
-
face: fontTokens.family.base,
|
|
111
|
-
size: fontTokens.size500,
|
|
112
|
-
weight: fontTokens.weight.semibold,
|
|
113
|
-
lineHeight: fontTokens.lineHeight500,
|
|
114
|
-
letterSpacing: -0.45,
|
|
115
|
-
dynamicTypeRamp: 'title3',
|
|
116
|
-
},
|
|
117
|
-
title2: {
|
|
118
|
-
face: fontTokens.family.base,
|
|
119
|
-
size: fontTokens.size600,
|
|
120
|
-
weight: fontTokens.weight.semibold,
|
|
121
|
-
lineHeight: fontTokens.lineHeight600,
|
|
122
|
-
letterSpacing: -0.26,
|
|
123
|
-
dynamicTypeRamp: 'title2',
|
|
124
|
-
},
|
|
125
|
-
title1: {
|
|
126
|
-
face: fontTokens.family.base,
|
|
127
|
-
size: fontTokens.size700,
|
|
128
|
-
weight: fontTokens.weight.bold,
|
|
129
|
-
lineHeight: fontTokens.lineHeight700,
|
|
130
|
-
letterSpacing: 0.38,
|
|
131
|
-
dynamicTypeRamp: 'title1',
|
|
132
|
-
},
|
|
133
|
-
largeTitle: {
|
|
134
|
-
face: fontTokens.family.base,
|
|
135
|
-
size: fontTokens.size800,
|
|
136
|
-
weight: fontTokens.weight.bold,
|
|
137
|
-
lineHeight: fontTokens.lineHeight800,
|
|
138
|
-
letterSpacing: 0.4,
|
|
139
|
-
dynamicTypeRamp: 'largeTitle',
|
|
140
|
-
},
|
|
141
|
-
display: {
|
|
142
|
-
face: fontTokens.family.base,
|
|
143
|
-
size: fontTokens.size900,
|
|
144
|
-
weight: fontTokens.weight.bold,
|
|
145
|
-
lineHeight: fontTokens.lineHeight900,
|
|
146
|
-
letterSpacing: 0.26,
|
|
147
|
-
dynamicTypeRamp: 'largeTitle',
|
|
148
|
-
},
|
|
50
|
+
...createFontAliasTokens(),
|
|
149
51
|
} as Variants,
|
|
150
52
|
};
|
|
151
53
|
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import aliasTokens from '@fluentui-react-native/design-tokens-ios/light/tokens-aliases.json'; // Font alias tokens should be the same for all color styles
|
|
2
|
+
import { Variants } from '@fluentui-react-native/theme-types';
|
|
3
|
+
import { memoize } from '@fluentui-react-native/memo-cache';
|
|
4
|
+
import { mapFontPipelineToTheme } from '@fluentui-react-native/theming-utils';
|
|
5
|
+
|
|
6
|
+
function createFontAliasTokensWorker(): Partial<Variants> {
|
|
7
|
+
return mapFontPipelineToTheme(aliasTokens);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export const createFontAliasTokens = memoize(createFontAliasTokensWorker);
|