@fluentui-react-native/apple-theme 0.14.1 → 0.15.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.json +40 -1
- package/CHANGELOG.md +14 -2
- package/lib/appleTypography.ios.d.ts.map +1 -1
- package/lib/appleTypography.ios.js +87 -14
- package/lib/appleTypography.ios.js.map +1 -1
- package/lib-commonjs/appleTypography.ios.d.ts.map +1 -1
- package/lib-commonjs/appleTypography.ios.js +90 -14
- package/lib-commonjs/appleTypography.ios.js.map +1 -1
- package/package.json +6 -5
- package/src/appleTypography.ios.ts +89 -14
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,46 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 21 Sep 2022 20:58:28 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/apple-theme_v0.15.0",
|
|
7
|
+
"version": "0.15.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "adam.gleitman@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
13
|
+
"commit": "6706e18d88a521539fdc717100516ec3ee4bb5e2",
|
|
14
|
+
"comment": "Add Apple typography"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/default-theme to v0.15.2",
|
|
20
|
+
"commit": "6706e18d88a521539fdc717100516ec3ee4bb5e2"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/theme to v0.7.2",
|
|
26
|
+
"commit": "6706e18d88a521539fdc717100516ec3ee4bb5e2"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/theme-types to v0.19.1",
|
|
32
|
+
"commit": "6706e18d88a521539fdc717100516ec3ee4bb5e2"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/apple-theme",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/theming-utils to v0.15.2",
|
|
38
|
+
"commit": "6706e18d88a521539fdc717100516ec3ee4bb5e2"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"date": "Fri, 16 Sep 2022 01:53:06 GMT",
|
|
6
45
|
"tag": "@fluentui-react-native/apple-theme_v0.14.1",
|
|
7
46
|
"version": "0.14.1",
|
|
8
47
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,24 @@
|
|
|
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 Wed, 21 Sep 2022 20:58:28 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.15.0
|
|
8
|
+
|
|
9
|
+
Wed, 21 Sep 2022 20:58:28 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Add Apple typography (adam.gleitman@gmail.com)
|
|
14
|
+
- Bump @fluentui-react-native/default-theme to v0.15.2
|
|
15
|
+
- Bump @fluentui-react-native/theme to v0.7.2
|
|
16
|
+
- Bump @fluentui-react-native/theme-types to v0.19.1
|
|
17
|
+
- Bump @fluentui-react-native/theming-utils to v0.15.2
|
|
18
|
+
|
|
7
19
|
## 0.14.1
|
|
8
20
|
|
|
9
|
-
Fri, 16 Sep 2022 01:
|
|
21
|
+
Fri, 16 Sep 2022 01:53:06 GMT
|
|
10
22
|
|
|
11
23
|
### Patches
|
|
12
24
|
|
|
@@ -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":"AAEA,OAAO,EAAwC,UAAU,EAAY,MAAM,oCAAoC,CAAC;AAKhH,wBAAgB,eAAe,IAAI,UAAU,CAqI5C"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import globalTokens from '@fluentui-react-native/design-tokens-ios/light/tokens-global.json';
|
|
2
|
+
var fontTokens = globalTokens.font;
|
|
1
3
|
// The sizes are taken for the Dynamic Type Size "Large", which is the system default
|
|
2
4
|
export function appleTypography() {
|
|
3
5
|
var appleDict = {
|
|
@@ -43,20 +45,91 @@ export function appleTypography() {
|
|
|
43
45
|
heroSemibold: { face: 'primary', size: 'hero', weight: '600' },
|
|
44
46
|
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
45
47
|
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' },
|
|
46
|
-
//
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
48
|
+
// iOS styles
|
|
49
|
+
caption2: {
|
|
50
|
+
face: fontTokens.family.base,
|
|
51
|
+
size: fontTokens.size[100],
|
|
52
|
+
weight: fontTokens.weight.regular,
|
|
53
|
+
lineHeight: fontTokens.lineHeight[100],
|
|
54
|
+
letterSpacing: 0,
|
|
55
|
+
},
|
|
56
|
+
caption1: {
|
|
57
|
+
face: fontTokens.family.base,
|
|
58
|
+
size: fontTokens.size[200],
|
|
59
|
+
weight: fontTokens.weight.regular,
|
|
60
|
+
lineHeight: fontTokens.lineHeight[200],
|
|
61
|
+
letterSpacing: -0.08,
|
|
62
|
+
},
|
|
63
|
+
caption1Strong: {
|
|
64
|
+
face: fontTokens.family.base,
|
|
65
|
+
size: fontTokens.size[200],
|
|
66
|
+
weight: fontTokens.weight.semibold,
|
|
67
|
+
lineHeight: fontTokens.lineHeight[200],
|
|
68
|
+
letterSpacing: -0.08,
|
|
69
|
+
},
|
|
70
|
+
body2: {
|
|
71
|
+
face: fontTokens.family.base,
|
|
72
|
+
size: fontTokens.size[300],
|
|
73
|
+
weight: fontTokens.weight.regular,
|
|
74
|
+
lineHeight: fontTokens.lineHeight[300],
|
|
75
|
+
letterSpacing: -0.23,
|
|
76
|
+
},
|
|
77
|
+
body2Strong: {
|
|
78
|
+
face: fontTokens.family.base,
|
|
79
|
+
size: fontTokens.size[300],
|
|
80
|
+
weight: fontTokens.weight.semibold,
|
|
81
|
+
lineHeight: fontTokens.lineHeight[300],
|
|
82
|
+
letterSpacing: -0.23,
|
|
83
|
+
},
|
|
84
|
+
body1: {
|
|
85
|
+
face: fontTokens.family.base,
|
|
86
|
+
size: fontTokens.size[400],
|
|
87
|
+
weight: fontTokens.weight.regular,
|
|
88
|
+
lineHeight: fontTokens.lineHeight[400],
|
|
89
|
+
letterSpacing: -0.43,
|
|
90
|
+
},
|
|
91
|
+
body1Strong: {
|
|
92
|
+
face: fontTokens.family.base,
|
|
93
|
+
size: fontTokens.size[400],
|
|
94
|
+
weight: fontTokens.weight.semibold,
|
|
95
|
+
lineHeight: fontTokens.lineHeight[400],
|
|
96
|
+
letterSpacing: -0.43,
|
|
97
|
+
},
|
|
98
|
+
title3: {
|
|
99
|
+
face: fontTokens.family.base,
|
|
100
|
+
size: fontTokens.size[500],
|
|
101
|
+
weight: fontTokens.weight.semibold,
|
|
102
|
+
lineHeight: fontTokens.lineHeight[500],
|
|
103
|
+
letterSpacing: -0.45,
|
|
104
|
+
},
|
|
105
|
+
title2: {
|
|
106
|
+
face: fontTokens.family.base,
|
|
107
|
+
size: fontTokens.size[600],
|
|
108
|
+
weight: fontTokens.weight.semibold,
|
|
109
|
+
lineHeight: fontTokens.lineHeight[600],
|
|
110
|
+
letterSpacing: -0.26,
|
|
111
|
+
},
|
|
112
|
+
title1: {
|
|
113
|
+
face: fontTokens.family.base,
|
|
114
|
+
size: fontTokens.size[700],
|
|
115
|
+
weight: fontTokens.weight.bold,
|
|
116
|
+
lineHeight: fontTokens.lineHeight[700],
|
|
117
|
+
letterSpacing: 0.38,
|
|
118
|
+
},
|
|
119
|
+
largeTitle: {
|
|
120
|
+
face: fontTokens.family.base,
|
|
121
|
+
size: fontTokens.size[800],
|
|
122
|
+
weight: fontTokens.weight.bold,
|
|
123
|
+
lineHeight: fontTokens.lineHeight[800],
|
|
124
|
+
letterSpacing: 0.4,
|
|
125
|
+
},
|
|
126
|
+
display: {
|
|
127
|
+
face: fontTokens.family.base,
|
|
128
|
+
size: fontTokens.size[900],
|
|
129
|
+
weight: fontTokens.weight.bold,
|
|
130
|
+
lineHeight: fontTokens.lineHeight[900],
|
|
131
|
+
letterSpacing: 0.26,
|
|
132
|
+
},
|
|
60
133
|
},
|
|
61
134
|
};
|
|
62
135
|
return appleDict;
|
|
@@ -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":"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"}
|
|
@@ -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":"AAEA,OAAO,EAAwC,UAAU,EAAY,MAAM,oCAAoC,CAAC;AAKhH,wBAAgB,eAAe,IAAI,UAAU,CAqI5C"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.appleTypography = void 0;
|
|
7
|
+
var tokens_global_json_1 = __importDefault(require("@fluentui-react-native/design-tokens-ios/light/tokens-global.json"));
|
|
8
|
+
var fontTokens = tokens_global_json_1.default.font;
|
|
4
9
|
// The sizes are taken for the Dynamic Type Size "Large", which is the system default
|
|
5
10
|
function appleTypography() {
|
|
6
11
|
var appleDict = {
|
|
@@ -46,20 +51,91 @@ function appleTypography() {
|
|
|
46
51
|
heroSemibold: { face: 'primary', size: 'hero', weight: '600' },
|
|
47
52
|
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
48
53
|
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' },
|
|
49
|
-
//
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
54
|
+
// iOS styles
|
|
55
|
+
caption2: {
|
|
56
|
+
face: fontTokens.family.base,
|
|
57
|
+
size: fontTokens.size[100],
|
|
58
|
+
weight: fontTokens.weight.regular,
|
|
59
|
+
lineHeight: fontTokens.lineHeight[100],
|
|
60
|
+
letterSpacing: 0,
|
|
61
|
+
},
|
|
62
|
+
caption1: {
|
|
63
|
+
face: fontTokens.family.base,
|
|
64
|
+
size: fontTokens.size[200],
|
|
65
|
+
weight: fontTokens.weight.regular,
|
|
66
|
+
lineHeight: fontTokens.lineHeight[200],
|
|
67
|
+
letterSpacing: -0.08,
|
|
68
|
+
},
|
|
69
|
+
caption1Strong: {
|
|
70
|
+
face: fontTokens.family.base,
|
|
71
|
+
size: fontTokens.size[200],
|
|
72
|
+
weight: fontTokens.weight.semibold,
|
|
73
|
+
lineHeight: fontTokens.lineHeight[200],
|
|
74
|
+
letterSpacing: -0.08,
|
|
75
|
+
},
|
|
76
|
+
body2: {
|
|
77
|
+
face: fontTokens.family.base,
|
|
78
|
+
size: fontTokens.size[300],
|
|
79
|
+
weight: fontTokens.weight.regular,
|
|
80
|
+
lineHeight: fontTokens.lineHeight[300],
|
|
81
|
+
letterSpacing: -0.23,
|
|
82
|
+
},
|
|
83
|
+
body2Strong: {
|
|
84
|
+
face: fontTokens.family.base,
|
|
85
|
+
size: fontTokens.size[300],
|
|
86
|
+
weight: fontTokens.weight.semibold,
|
|
87
|
+
lineHeight: fontTokens.lineHeight[300],
|
|
88
|
+
letterSpacing: -0.23,
|
|
89
|
+
},
|
|
90
|
+
body1: {
|
|
91
|
+
face: fontTokens.family.base,
|
|
92
|
+
size: fontTokens.size[400],
|
|
93
|
+
weight: fontTokens.weight.regular,
|
|
94
|
+
lineHeight: fontTokens.lineHeight[400],
|
|
95
|
+
letterSpacing: -0.43,
|
|
96
|
+
},
|
|
97
|
+
body1Strong: {
|
|
98
|
+
face: fontTokens.family.base,
|
|
99
|
+
size: fontTokens.size[400],
|
|
100
|
+
weight: fontTokens.weight.semibold,
|
|
101
|
+
lineHeight: fontTokens.lineHeight[400],
|
|
102
|
+
letterSpacing: -0.43,
|
|
103
|
+
},
|
|
104
|
+
title3: {
|
|
105
|
+
face: fontTokens.family.base,
|
|
106
|
+
size: fontTokens.size[500],
|
|
107
|
+
weight: fontTokens.weight.semibold,
|
|
108
|
+
lineHeight: fontTokens.lineHeight[500],
|
|
109
|
+
letterSpacing: -0.45,
|
|
110
|
+
},
|
|
111
|
+
title2: {
|
|
112
|
+
face: fontTokens.family.base,
|
|
113
|
+
size: fontTokens.size[600],
|
|
114
|
+
weight: fontTokens.weight.semibold,
|
|
115
|
+
lineHeight: fontTokens.lineHeight[600],
|
|
116
|
+
letterSpacing: -0.26,
|
|
117
|
+
},
|
|
118
|
+
title1: {
|
|
119
|
+
face: fontTokens.family.base,
|
|
120
|
+
size: fontTokens.size[700],
|
|
121
|
+
weight: fontTokens.weight.bold,
|
|
122
|
+
lineHeight: fontTokens.lineHeight[700],
|
|
123
|
+
letterSpacing: 0.38,
|
|
124
|
+
},
|
|
125
|
+
largeTitle: {
|
|
126
|
+
face: fontTokens.family.base,
|
|
127
|
+
size: fontTokens.size[800],
|
|
128
|
+
weight: fontTokens.weight.bold,
|
|
129
|
+
lineHeight: fontTokens.lineHeight[800],
|
|
130
|
+
letterSpacing: 0.4,
|
|
131
|
+
},
|
|
132
|
+
display: {
|
|
133
|
+
face: fontTokens.family.base,
|
|
134
|
+
size: fontTokens.size[900],
|
|
135
|
+
weight: fontTokens.weight.bold,
|
|
136
|
+
lineHeight: fontTokens.lineHeight[900],
|
|
137
|
+
letterSpacing: 0.26,
|
|
138
|
+
},
|
|
63
139
|
},
|
|
64
140
|
};
|
|
65
141
|
return appleDict;
|
|
@@ -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":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/apple-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.15.0",
|
|
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,12 +27,13 @@
|
|
|
27
27
|
"directory": "packages/theming/apple-theme"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@fluentui-react-native/default-theme": ">=0.15.
|
|
30
|
+
"@fluentui-react-native/default-theme": ">=0.15.2 <1.0.0",
|
|
31
|
+
"@fluentui-react-native/design-tokens-ios": "^0.19.0",
|
|
31
32
|
"@fluentui-react-native/design-tokens-macos": "^0.13.0",
|
|
32
33
|
"@fluentui-react-native/memo-cache": "^1.1.7",
|
|
33
|
-
"@fluentui-react-native/theme": ">=0.7.
|
|
34
|
-
"@fluentui-react-native/theme-types": ">=0.19.
|
|
35
|
-
"@fluentui-react-native/theming-utils": "^0.15.
|
|
34
|
+
"@fluentui-react-native/theme": ">=0.7.2 <1.0.0",
|
|
35
|
+
"@fluentui-react-native/theme-types": ">=0.19.1 <1.0.0",
|
|
36
|
+
"@fluentui-react-native/theming-utils": "^0.15.2",
|
|
36
37
|
"assert-never": "^1.2.1"
|
|
37
38
|
},
|
|
38
39
|
"devDependencies": {
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
import globalTokens from '@fluentui-react-native/design-tokens-ios/light/tokens-global.json';
|
|
2
|
+
|
|
1
3
|
import { FontSize, FontSizes, FontWeightValue, Typography, Variants } from '@fluentui-react-native/theme-types';
|
|
2
4
|
|
|
5
|
+
const fontTokens = globalTokens.font;
|
|
6
|
+
|
|
3
7
|
// The sizes are taken for the Dynamic Type Size "Large", which is the system default
|
|
4
8
|
export function appleTypography(): Typography {
|
|
5
9
|
const appleDict = {
|
|
@@ -45,20 +49,91 @@ export function appleTypography(): Typography {
|
|
|
45
49
|
heroSemibold: { face: 'primary', size: 'hero', weight: '600' },
|
|
46
50
|
heroLargeStandard: { face: 'primary', size: 'heroLarge', weight: '400' },
|
|
47
51
|
heroLargeSemibold: { face: 'primary', size: 'heroLarge', weight: '600' },
|
|
48
|
-
//
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
52
|
+
// iOS styles
|
|
53
|
+
caption2: {
|
|
54
|
+
face: fontTokens.family.base,
|
|
55
|
+
size: fontTokens.size[100],
|
|
56
|
+
weight: fontTokens.weight.regular,
|
|
57
|
+
lineHeight: fontTokens.lineHeight[100],
|
|
58
|
+
letterSpacing: 0,
|
|
59
|
+
},
|
|
60
|
+
caption1: {
|
|
61
|
+
face: fontTokens.family.base,
|
|
62
|
+
size: fontTokens.size[200],
|
|
63
|
+
weight: fontTokens.weight.regular,
|
|
64
|
+
lineHeight: fontTokens.lineHeight[200],
|
|
65
|
+
letterSpacing: -0.08,
|
|
66
|
+
},
|
|
67
|
+
caption1Strong: {
|
|
68
|
+
face: fontTokens.family.base,
|
|
69
|
+
size: fontTokens.size[200],
|
|
70
|
+
weight: fontTokens.weight.semibold,
|
|
71
|
+
lineHeight: fontTokens.lineHeight[200],
|
|
72
|
+
letterSpacing: -0.08,
|
|
73
|
+
},
|
|
74
|
+
body2: {
|
|
75
|
+
face: fontTokens.family.base,
|
|
76
|
+
size: fontTokens.size[300],
|
|
77
|
+
weight: fontTokens.weight.regular,
|
|
78
|
+
lineHeight: fontTokens.lineHeight[300],
|
|
79
|
+
letterSpacing: -0.23,
|
|
80
|
+
},
|
|
81
|
+
body2Strong: {
|
|
82
|
+
face: fontTokens.family.base,
|
|
83
|
+
size: fontTokens.size[300],
|
|
84
|
+
weight: fontTokens.weight.semibold,
|
|
85
|
+
lineHeight: fontTokens.lineHeight[300],
|
|
86
|
+
letterSpacing: -0.23,
|
|
87
|
+
},
|
|
88
|
+
body1: {
|
|
89
|
+
face: fontTokens.family.base,
|
|
90
|
+
size: fontTokens.size[400],
|
|
91
|
+
weight: fontTokens.weight.regular,
|
|
92
|
+
lineHeight: fontTokens.lineHeight[400],
|
|
93
|
+
letterSpacing: -0.43,
|
|
94
|
+
},
|
|
95
|
+
body1Strong: {
|
|
96
|
+
face: fontTokens.family.base,
|
|
97
|
+
size: fontTokens.size[400],
|
|
98
|
+
weight: fontTokens.weight.semibold,
|
|
99
|
+
lineHeight: fontTokens.lineHeight[400],
|
|
100
|
+
letterSpacing: -0.43,
|
|
101
|
+
},
|
|
102
|
+
title3: {
|
|
103
|
+
face: fontTokens.family.base,
|
|
104
|
+
size: fontTokens.size[500],
|
|
105
|
+
weight: fontTokens.weight.semibold,
|
|
106
|
+
lineHeight: fontTokens.lineHeight[500],
|
|
107
|
+
letterSpacing: -0.45,
|
|
108
|
+
},
|
|
109
|
+
title2: {
|
|
110
|
+
face: fontTokens.family.base,
|
|
111
|
+
size: fontTokens.size[600],
|
|
112
|
+
weight: fontTokens.weight.semibold,
|
|
113
|
+
lineHeight: fontTokens.lineHeight[600],
|
|
114
|
+
letterSpacing: -0.26,
|
|
115
|
+
},
|
|
116
|
+
title1: {
|
|
117
|
+
face: fontTokens.family.base,
|
|
118
|
+
size: fontTokens.size[700],
|
|
119
|
+
weight: fontTokens.weight.bold,
|
|
120
|
+
lineHeight: fontTokens.lineHeight[700],
|
|
121
|
+
letterSpacing: 0.38,
|
|
122
|
+
},
|
|
123
|
+
largeTitle: {
|
|
124
|
+
face: fontTokens.family.base,
|
|
125
|
+
size: fontTokens.size[800],
|
|
126
|
+
weight: fontTokens.weight.bold,
|
|
127
|
+
lineHeight: fontTokens.lineHeight[800],
|
|
128
|
+
letterSpacing: 0.4,
|
|
129
|
+
},
|
|
130
|
+
display: {
|
|
131
|
+
face: fontTokens.family.base,
|
|
132
|
+
size: fontTokens.size[900],
|
|
133
|
+
weight: fontTokens.weight.bold,
|
|
134
|
+
lineHeight: fontTokens.lineHeight[900],
|
|
135
|
+
letterSpacing: 0.26,
|
|
136
|
+
},
|
|
62
137
|
} as Variants,
|
|
63
138
|
};
|
|
64
139
|
|