@ledgerhq/lumen-design-core 0.0.35 → 0.0.37

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.
Files changed (70) hide show
  1. package/dist/presets/allBrands.js +2 -2
  2. package/dist/presets/enterprise.js +2 -2
  3. package/dist/presets/ledger-live.js +2 -2
  4. package/dist/presets/websites.js +2 -2
  5. package/dist/themes/js/enterprise/theme.d.ts +264 -0
  6. package/dist/themes/js/enterprise/theme.d.ts.map +1 -1
  7. package/dist/themes/js/ledger-live/theme.d.ts +264 -0
  8. package/dist/themes/js/ledger-live/theme.d.ts.map +1 -1
  9. package/dist/themes/js/types.d.ts +1 -0
  10. package/dist/themes/js/types.d.ts.map +1 -1
  11. package/dist/themes/js/typographies/index.d.ts +88 -0
  12. package/dist/themes/js/typographies/index.d.ts.map +1 -1
  13. package/dist/themes/js/typographies/typography.lg.d.ts +22 -0
  14. package/dist/themes/js/typographies/typography.lg.d.ts.map +1 -1
  15. package/dist/themes/js/typographies/typography.md.d.ts +22 -0
  16. package/dist/themes/js/typographies/typography.md.d.ts.map +1 -1
  17. package/dist/themes/js/typographies/typography.md.js +22 -0
  18. package/dist/themes/js/typographies/typography.sm.d.ts +22 -0
  19. package/dist/themes/js/typographies/typography.sm.d.ts.map +1 -1
  20. package/dist/themes/js/typographies/typography.sm.js +22 -0
  21. package/dist/themes/js/typographies/typography.xl.d.ts +22 -0
  22. package/dist/themes/js/typographies/typography.xl.d.ts.map +1 -1
  23. package/dist/themes/js/websites/theme.d.ts +264 -0
  24. package/dist/themes/js/websites/theme.d.ts.map +1 -1
  25. package/dist/utils/{create-animations-plugin.d.ts → createAnimationsPlugin.d.ts} +1 -1
  26. package/dist/utils/createAnimationsPlugin.d.ts.map +1 -0
  27. package/dist/utils/{create-custom-plugin.d.ts → createCustomPlugin.d.ts} +1 -1
  28. package/dist/utils/createCustomPlugin.d.ts.map +1 -0
  29. package/dist/utils/{create-custom-plugin.js → createCustomPlugin.js} +1 -1
  30. package/dist/utils/{create-icon-utilities.d.ts → createIconUtilities.d.ts} +1 -1
  31. package/dist/utils/createIconUtilities.d.ts.map +1 -0
  32. package/dist/utils/{create-primitives-plugin.d.ts → createPrimitivesPlugin.d.ts} +1 -1
  33. package/dist/utils/createPrimitivesPlugin.d.ts.map +1 -0
  34. package/dist/utils/{create-primitives-plugin.js → createPrimitivesPlugin.js} +3 -3
  35. package/dist/utils/{create-spot-utilities.d.ts → createSpotUtilities.d.ts} +1 -1
  36. package/dist/utils/createSpotUtilities.d.ts.map +1 -0
  37. package/dist/utils/{fs-utils.d.ts → fsUtils.d.ts} +1 -1
  38. package/dist/utils/fsUtils.d.ts.map +1 -0
  39. package/dist/utils/{get-theme-utils-by-prefix.d.ts → getThemeUtilsByPrefix.d.ts} +1 -1
  40. package/dist/utils/getThemeUtilsByPrefix.d.ts.map +1 -0
  41. package/dist/utils/getThemeUtilsByPrefix.test.d.ts +2 -0
  42. package/dist/utils/getThemeUtilsByPrefix.test.d.ts.map +1 -0
  43. package/dist/utils/{get-theme-utils-by-prefix.test.js → getThemeUtilsByPrefix.test.js} +1 -1
  44. package/dist/utils/index.d.ts +1 -1
  45. package/dist/utils/index.d.ts.map +1 -1
  46. package/dist/utils/index.js +1 -1
  47. package/dist/utils/{parse-cli-args.d.ts → parseCliArgs.d.ts} +1 -1
  48. package/dist/utils/parseCliArgs.d.ts.map +1 -0
  49. package/dist/utils/parseCliArgs.test.d.ts +2 -0
  50. package/dist/utils/parseCliArgs.test.d.ts.map +1 -0
  51. package/dist/utils/{parse-cli-args.test.js → parseCliArgs.test.js} +1 -1
  52. package/package.json +1 -1
  53. package/dist/utils/create-animations-plugin.d.ts.map +0 -1
  54. package/dist/utils/create-custom-plugin.d.ts.map +0 -1
  55. package/dist/utils/create-icon-utilities.d.ts.map +0 -1
  56. package/dist/utils/create-primitives-plugin.d.ts.map +0 -1
  57. package/dist/utils/create-spot-utilities.d.ts.map +0 -1
  58. package/dist/utils/fs-utils.d.ts.map +0 -1
  59. package/dist/utils/get-theme-utils-by-prefix.d.ts.map +0 -1
  60. package/dist/utils/get-theme-utils-by-prefix.test.d.ts +0 -2
  61. package/dist/utils/get-theme-utils-by-prefix.test.d.ts.map +0 -1
  62. package/dist/utils/parse-cli-args.d.ts.map +0 -1
  63. package/dist/utils/parse-cli-args.test.d.ts +0 -2
  64. package/dist/utils/parse-cli-args.test.d.ts.map +0 -1
  65. /package/dist/utils/{create-animations-plugin.js → createAnimationsPlugin.js} +0 -0
  66. /package/dist/utils/{create-icon-utilities.js → createIconUtilities.js} +0 -0
  67. /package/dist/utils/{create-spot-utilities.js → createSpotUtilities.js} +0 -0
  68. /package/dist/utils/{fs-utils.js → fsUtils.js} +0 -0
  69. /package/dist/utils/{get-theme-utils-by-prefix.js → getThemeUtilsByPrefix.js} +0 -0
  70. /package/dist/utils/{parse-cli-args.js → parseCliArgs.js} +0 -0
package/dist/themes/js/typographies/typography.lg.d.ts CHANGED
@@ -1,131 +1,153 @@
1
1
  export declare const typographyLgTokens: {
2
2
  readonly responsiveDisplay1: {
3
+ readonly fontFamily: "Inter";
3
4
  readonly fontSize: 112;
4
5
  readonly fontWeight: "700";
5
6
  readonly lineHeight: 120;
6
7
  readonly letterSpacing: -4;
7
8
  };
8
9
  readonly responsiveDisplay2: {
10
+ readonly fontFamily: "Inter";
9
11
  readonly fontSize: 80;
10
12
  readonly fontWeight: "600";
11
13
  readonly lineHeight: 88;
12
14
  readonly letterSpacing: -3;
13
15
  };
14
16
  readonly responsiveDisplay3: {
17
+ readonly fontFamily: "Inter";
15
18
  readonly fontSize: 64;
16
19
  readonly fontWeight: "600";
17
20
  readonly lineHeight: 72;
18
21
  readonly letterSpacing: -2.5;
19
22
  };
20
23
  readonly responsiveDisplay4: {
24
+ readonly fontFamily: "Inter";
21
25
  readonly fontSize: 52;
22
26
  readonly fontWeight: "600";
23
27
  readonly lineHeight: 60;
24
28
  readonly letterSpacing: -2.5;
25
29
  };
26
30
  readonly heading0: {
31
+ readonly fontFamily: "Inter";
27
32
  readonly fontSize: 48;
28
33
  readonly fontWeight: "500";
29
34
  readonly lineHeight: 56;
30
35
  readonly letterSpacing: -2.5;
31
36
  };
32
37
  readonly heading0SemiBold: {
38
+ readonly fontFamily: "Inter";
33
39
  readonly fontSize: 48;
34
40
  readonly fontWeight: "600";
35
41
  readonly lineHeight: 56;
36
42
  readonly letterSpacing: -2.5;
37
43
  };
38
44
  readonly heading1: {
45
+ readonly fontFamily: "Inter";
39
46
  readonly fontSize: 28;
40
47
  readonly fontWeight: "500";
41
48
  readonly lineHeight: 36;
42
49
  readonly letterSpacing: -1.5;
43
50
  };
44
51
  readonly heading1SemiBold: {
52
+ readonly fontFamily: "Inter";
45
53
  readonly fontSize: 28;
46
54
  readonly fontWeight: "600";
47
55
  readonly lineHeight: 36;
48
56
  readonly letterSpacing: -1.5;
49
57
  };
50
58
  readonly heading2: {
59
+ readonly fontFamily: "Inter";
51
60
  readonly fontSize: 24;
52
61
  readonly fontWeight: "500";
53
62
  readonly lineHeight: 32;
54
63
  readonly letterSpacing: -1;
55
64
  };
56
65
  readonly heading2SemiBold: {
66
+ readonly fontFamily: "Inter";
57
67
  readonly fontSize: 24;
58
68
  readonly fontWeight: "600";
59
69
  readonly lineHeight: 32;
60
70
  readonly letterSpacing: -1;
61
71
  };
62
72
  readonly heading3: {
73
+ readonly fontFamily: "Inter";
63
74
  readonly fontSize: 20;
64
75
  readonly fontWeight: "500";
65
76
  readonly lineHeight: 28;
66
77
  readonly letterSpacing: -1;
67
78
  };
68
79
  readonly heading3SemiBold: {
80
+ readonly fontFamily: "Inter";
69
81
  readonly fontSize: 20;
70
82
  readonly fontWeight: "600";
71
83
  readonly lineHeight: 28;
72
84
  readonly letterSpacing: -1;
73
85
  };
74
86
  readonly heading4: {
87
+ readonly fontFamily: "Inter";
75
88
  readonly fontSize: 18;
76
89
  readonly fontWeight: "500";
77
90
  readonly lineHeight: 26;
78
91
  readonly letterSpacing: -0.5;
79
92
  };
80
93
  readonly heading4SemiBold: {
94
+ readonly fontFamily: "Inter";
81
95
  readonly fontSize: 18;
82
96
  readonly fontWeight: "600";
83
97
  readonly lineHeight: 26;
84
98
  readonly letterSpacing: -0.5;
85
99
  };
86
100
  readonly body1: {
101
+ readonly fontFamily: "Inter";
87
102
  readonly fontSize: 16;
88
103
  readonly fontWeight: "500";
89
104
  readonly lineHeight: 24;
90
105
  readonly letterSpacing: 0;
91
106
  };
92
107
  readonly body1SemiBold: {
108
+ readonly fontFamily: "Inter";
93
109
  readonly fontSize: 16;
94
110
  readonly fontWeight: "600";
95
111
  readonly lineHeight: 24;
96
112
  readonly letterSpacing: 0;
97
113
  };
98
114
  readonly body2: {
115
+ readonly fontFamily: "Inter";
99
116
  readonly fontSize: 14;
100
117
  readonly fontWeight: "500";
101
118
  readonly lineHeight: 20;
102
119
  readonly letterSpacing: 0;
103
120
  };
104
121
  readonly body2SemiBold: {
122
+ readonly fontFamily: "Inter";
105
123
  readonly fontSize: 14;
106
124
  readonly fontWeight: "600";
107
125
  readonly lineHeight: 20;
108
126
  readonly letterSpacing: 0;
109
127
  };
110
128
  readonly body3: {
129
+ readonly fontFamily: "Inter";
111
130
  readonly fontSize: 12;
112
131
  readonly fontWeight: "500";
113
132
  readonly lineHeight: 16;
114
133
  readonly letterSpacing: 0;
115
134
  };
116
135
  readonly body3SemiBold: {
136
+ readonly fontFamily: "Inter";
117
137
  readonly fontSize: 12;
118
138
  readonly fontWeight: "600";
119
139
  readonly lineHeight: 16;
120
140
  readonly letterSpacing: 0;
121
141
  };
122
142
  readonly body4: {
143
+ readonly fontFamily: "Inter";
123
144
  readonly fontSize: 10;
124
145
  readonly fontWeight: "500";
125
146
  readonly lineHeight: 16;
126
147
  readonly letterSpacing: 0;
127
148
  };
128
149
  readonly body4SemiBold: {
150
+ readonly fontFamily: "Inter";
129
151
  readonly fontSize: 10;
130
152
  readonly fontWeight: "600";
131
153
  readonly lineHeight: 16;
package/dist/themes/js/typographies/typography.lg.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typography.lg.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/typographies/typography.lg.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEM,CAAC"}
1
+ {"version":3,"file":"typography.lg.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/typographies/typography.lg.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEM,CAAC"}
package/dist/themes/js/typographies/typography.md.d.ts CHANGED
@@ -3,24 +3,28 @@ export declare const typographyMdTokens: {
3
3
  * Responsive
4
4
  */
5
5
  readonly responsiveDisplay1: {
6
+ readonly fontFamily: "Inter";
6
7
  readonly fontSize: 112;
7
8
  readonly fontWeight: "700";
8
9
  readonly lineHeight: 120;
9
10
  readonly letterSpacing: -4;
10
11
  };
11
12
  readonly responsiveDisplay2: {
13
+ readonly fontFamily: "Inter";
12
14
  readonly fontSize: 80;
13
15
  readonly fontWeight: "600";
14
16
  readonly lineHeight: 88;
15
17
  readonly letterSpacing: -3;
16
18
  };
17
19
  readonly responsiveDisplay3: {
20
+ readonly fontFamily: "Inter";
18
21
  readonly fontSize: 64;
19
22
  readonly fontWeight: "600";
20
23
  readonly lineHeight: 72;
21
24
  readonly letterSpacing: -2.5;
22
25
  };
23
26
  readonly responsiveDisplay4: {
27
+ readonly fontFamily: "Inter";
24
28
  readonly fontSize: 52;
25
29
  readonly fontWeight: "600";
26
30
  readonly lineHeight: 60;
@@ -30,60 +34,70 @@ export declare const typographyMdTokens: {
30
34
  * Headings
31
35
  */
32
36
  readonly heading0: {
37
+ readonly fontFamily: "Inter";
33
38
  readonly fontSize: 48;
34
39
  readonly fontWeight: "500";
35
40
  readonly lineHeight: 56;
36
41
  readonly letterSpacing: -2.5;
37
42
  };
38
43
  readonly heading0SemiBold: {
44
+ readonly fontFamily: "Inter";
39
45
  readonly fontSize: 48;
40
46
  readonly fontWeight: "600";
41
47
  readonly lineHeight: 56;
42
48
  readonly letterSpacing: -2.5;
43
49
  };
44
50
  readonly heading1: {
51
+ readonly fontFamily: "Inter";
45
52
  readonly fontSize: 28;
46
53
  readonly fontWeight: "500";
47
54
  readonly lineHeight: 36;
48
55
  readonly letterSpacing: -1.5;
49
56
  };
50
57
  readonly heading1SemiBold: {
58
+ readonly fontFamily: "Inter";
51
59
  readonly fontSize: 28;
52
60
  readonly fontWeight: "600";
53
61
  readonly lineHeight: 36;
54
62
  readonly letterSpacing: -1.5;
55
63
  };
56
64
  readonly heading2: {
65
+ readonly fontFamily: "Inter";
57
66
  readonly fontSize: 24;
58
67
  readonly fontWeight: "500";
59
68
  readonly lineHeight: 32;
60
69
  readonly letterSpacing: -1;
61
70
  };
62
71
  readonly heading2SemiBold: {
72
+ readonly fontFamily: "Inter";
63
73
  readonly fontSize: 24;
64
74
  readonly fontWeight: "600";
65
75
  readonly lineHeight: 32;
66
76
  readonly letterSpacing: -1;
67
77
  };
68
78
  readonly heading3: {
79
+ readonly fontFamily: "Inter";
69
80
  readonly fontSize: 20;
70
81
  readonly fontWeight: "500";
71
82
  readonly lineHeight: 28;
72
83
  readonly letterSpacing: -1;
73
84
  };
74
85
  readonly heading3SemiBold: {
86
+ readonly fontFamily: "Inter";
75
87
  readonly fontSize: 20;
76
88
  readonly fontWeight: "600";
77
89
  readonly lineHeight: 28;
78
90
  readonly letterSpacing: -1;
79
91
  };
80
92
  readonly heading4: {
93
+ readonly fontFamily: "Inter";
81
94
  readonly fontSize: 18;
82
95
  readonly fontWeight: "500";
83
96
  readonly lineHeight: 26;
84
97
  readonly letterSpacing: -0.5;
85
98
  };
86
99
  readonly heading4SemiBold: {
100
+ readonly fontFamily: "Inter";
87
101
  readonly fontSize: 18;
88
102
  readonly fontWeight: "600";
89
103
  readonly lineHeight: 26;
@@ -93,48 +107,56 @@ export declare const typographyMdTokens: {
93
107
  * Body
94
108
  */
95
109
  readonly body1: {
110
+ readonly fontFamily: "Inter";
96
111
  readonly fontSize: 16;
97
112
  readonly fontWeight: "500";
98
113
  readonly lineHeight: 24;
99
114
  readonly letterSpacing: 0;
100
115
  };
101
116
  readonly body1SemiBold: {
117
+ readonly fontFamily: "Inter";
102
118
  readonly fontSize: 16;
103
119
  readonly fontWeight: "600";
104
120
  readonly lineHeight: 24;
105
121
  readonly letterSpacing: 0;
106
122
  };
107
123
  readonly body2: {
124
+ readonly fontFamily: "Inter";
108
125
  readonly fontSize: 14;
109
126
  readonly fontWeight: "500";
110
127
  readonly lineHeight: 20;
111
128
  readonly letterSpacing: 0;
112
129
  };
113
130
  readonly body2SemiBold: {
131
+ readonly fontFamily: "Inter";
114
132
  readonly fontSize: 14;
115
133
  readonly fontWeight: "600";
116
134
  readonly lineHeight: 20;
117
135
  readonly letterSpacing: 0;
118
136
  };
119
137
  readonly body3: {
138
+ readonly fontFamily: "Inter";
120
139
  readonly fontSize: 12;
121
140
  readonly fontWeight: "500";
122
141
  readonly lineHeight: 16;
123
142
  readonly letterSpacing: 0;
124
143
  };
125
144
  readonly body3SemiBold: {
145
+ readonly fontFamily: "Inter";
126
146
  readonly fontSize: 12;
127
147
  readonly fontWeight: "600";
128
148
  readonly lineHeight: 16;
129
149
  readonly letterSpacing: 0;
130
150
  };
131
151
  readonly body4: {
152
+ readonly fontFamily: "Inter";
132
153
  readonly fontSize: 10;
133
154
  readonly fontWeight: "500";
134
155
  readonly lineHeight: 16;
135
156
  readonly letterSpacing: 0;
136
157
  };
137
158
  readonly body4SemiBold: {
159
+ readonly fontFamily: "Inter";
138
160
  readonly fontSize: 10;
139
161
  readonly fontWeight: "600";
140
162
  readonly lineHeight: 16;
package/dist/themes/js/typographies/typography.md.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typography.md.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/typographies/typography.md.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;IAC7B;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;IAyBH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8DH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDgC,CAAC"}
1
+ {"version":3,"file":"typography.md.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/typographies/typography.md.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;IAC7B;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6BH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwEH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDgC,CAAC"}
package/dist/themes/js/typographies/typography.md.js CHANGED
@@ -4,24 +4,28 @@ export const typographyMdTokens = {
4
4
  * Responsive
5
5
  */
6
6
  responsiveDisplay1: {
7
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
7
8
  fontSize: primitiveTypographyTokens.fontSize['112'],
8
9
  fontWeight: primitiveTypographyTokens.fontWeight.bold,
9
10
  lineHeight: primitiveTypographyTokens.lineHeight['112'],
10
11
  letterSpacing: primitiveTypographyTokens.letterSpacing['112'],
11
12
  },
12
13
  responsiveDisplay2: {
14
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
13
15
  fontSize: primitiveTypographyTokens.fontSize['80'],
14
16
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
15
17
  lineHeight: primitiveTypographyTokens.lineHeight['80'],
16
18
  letterSpacing: primitiveTypographyTokens.letterSpacing['80'],
17
19
  },
18
20
  responsiveDisplay3: {
21
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
19
22
  fontSize: primitiveTypographyTokens.fontSize['64'],
20
23
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
21
24
  lineHeight: primitiveTypographyTokens.lineHeight['64'],
22
25
  letterSpacing: primitiveTypographyTokens.letterSpacing['64'],
23
26
  },
24
27
  responsiveDisplay4: {
28
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
25
29
  fontSize: primitiveTypographyTokens.fontSize['52'],
26
30
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
27
31
  lineHeight: primitiveTypographyTokens.lineHeight['52'],
@@ -31,60 +35,70 @@ export const typographyMdTokens = {
31
35
  * Headings
32
36
  */
33
37
  heading0: {
38
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
34
39
  fontSize: primitiveTypographyTokens.fontSize['48'],
35
40
  fontWeight: primitiveTypographyTokens.fontWeight.medium,
36
41
  lineHeight: primitiveTypographyTokens.lineHeight['48'],
37
42
  letterSpacing: primitiveTypographyTokens.letterSpacing['48'],
38
43
  },
39
44
  heading0SemiBold: {
45
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
40
46
  fontSize: primitiveTypographyTokens.fontSize['48'],
41
47
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
42
48
  lineHeight: primitiveTypographyTokens.lineHeight['48'],
43
49
  letterSpacing: primitiveTypographyTokens.letterSpacing['48'],
44
50
  },
45
51
  heading1: {
52
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
46
53
  fontSize: primitiveTypographyTokens.fontSize['28'],
47
54
  fontWeight: primitiveTypographyTokens.fontWeight.medium,
48
55
  lineHeight: primitiveTypographyTokens.lineHeight['28'],
49
56
  letterSpacing: primitiveTypographyTokens.letterSpacing['28'],
50
57
  },
51
58
  heading1SemiBold: {
59
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
52
60
  fontSize: primitiveTypographyTokens.fontSize['28'],
53
61
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
54
62
  lineHeight: primitiveTypographyTokens.lineHeight['28'],
55
63
  letterSpacing: primitiveTypographyTokens.letterSpacing['28'],
56
64
  },
57
65
  heading2: {
66
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
58
67
  fontSize: primitiveTypographyTokens.fontSize['24'],
59
68
  fontWeight: primitiveTypographyTokens.fontWeight.medium,
60
69
  lineHeight: primitiveTypographyTokens.lineHeight['24'],
61
70
  letterSpacing: primitiveTypographyTokens.letterSpacing['24'],
62
71
  },
63
72
  heading2SemiBold: {
73
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
64
74
  fontSize: primitiveTypographyTokens.fontSize['24'],
65
75
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
66
76
  lineHeight: primitiveTypographyTokens.lineHeight['24'],
67
77
  letterSpacing: primitiveTypographyTokens.letterSpacing['24'],
68
78
  },
69
79
  heading3: {
80
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
70
81
  fontSize: primitiveTypographyTokens.fontSize['20'],
71
82
  fontWeight: primitiveTypographyTokens.fontWeight.medium,
72
83
  lineHeight: primitiveTypographyTokens.lineHeight['20'],
73
84
  letterSpacing: primitiveTypographyTokens.letterSpacing['20'],
74
85
  },
75
86
  heading3SemiBold: {
87
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
76
88
  fontSize: primitiveTypographyTokens.fontSize['20'],
77
89
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
78
90
  lineHeight: primitiveTypographyTokens.lineHeight['20'],
79
91
  letterSpacing: primitiveTypographyTokens.letterSpacing['20'],
80
92
  },
81
93
  heading4: {
94
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
82
95
  fontSize: primitiveTypographyTokens.fontSize['18'],
83
96
  fontWeight: primitiveTypographyTokens.fontWeight.medium,
84
97
  lineHeight: primitiveTypographyTokens.lineHeight['18'],
85
98
  letterSpacing: primitiveTypographyTokens.letterSpacing['18'],
86
99
  },
87
100
  heading4SemiBold: {
101
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
88
102
  fontSize: primitiveTypographyTokens.fontSize['18'],
89
103
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
90
104
  lineHeight: primitiveTypographyTokens.lineHeight['18'],
@@ -94,48 +108,56 @@ export const typographyMdTokens = {
94
108
  * Body
95
109
  */
96
110
  body1: {
111
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
97
112
  fontSize: primitiveTypographyTokens.fontSize['16'],
98
113
  fontWeight: primitiveTypographyTokens.fontWeight.medium,
99
114
  lineHeight: primitiveTypographyTokens.lineHeight['16'],
100
115
  letterSpacing: primitiveTypographyTokens.letterSpacing['16'],
101
116
  },
102
117
  body1SemiBold: {
118
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
103
119
  fontSize: primitiveTypographyTokens.fontSize['16'],
104
120
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
105
121
  lineHeight: primitiveTypographyTokens.lineHeight['16'],
106
122
  letterSpacing: primitiveTypographyTokens.letterSpacing['16'],
107
123
  },
108
124
  body2: {
125
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
109
126
  fontSize: primitiveTypographyTokens.fontSize['14'],
110
127
  fontWeight: primitiveTypographyTokens.fontWeight.medium,
111
128
  lineHeight: primitiveTypographyTokens.lineHeight['14'],
112
129
  letterSpacing: primitiveTypographyTokens.letterSpacing['14'],
113
130
  },
114
131
  body2SemiBold: {
132
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
115
133
  fontSize: primitiveTypographyTokens.fontSize['14'],
116
134
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
117
135
  lineHeight: primitiveTypographyTokens.lineHeight['14'],
118
136
  letterSpacing: primitiveTypographyTokens.letterSpacing['14'],
119
137
  },
120
138
  body3: {
139
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
121
140
  fontSize: primitiveTypographyTokens.fontSize['12'],
122
141
  fontWeight: primitiveTypographyTokens.fontWeight.medium,
123
142
  lineHeight: primitiveTypographyTokens.lineHeight['12'],
124
143
  letterSpacing: primitiveTypographyTokens.letterSpacing['12'],
125
144
  },
126
145
  body3SemiBold: {
146
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
127
147
  fontSize: primitiveTypographyTokens.fontSize['12'],
128
148
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
129
149
  lineHeight: primitiveTypographyTokens.lineHeight['12'],
130
150
  letterSpacing: primitiveTypographyTokens.letterSpacing['12'],
131
151
  },
132
152
  body4: {
153
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
133
154
  fontSize: primitiveTypographyTokens.fontSize['10'],
134
155
  fontWeight: primitiveTypographyTokens.fontWeight.medium,
135
156
  lineHeight: primitiveTypographyTokens.lineHeight['10'],
136
157
  letterSpacing: primitiveTypographyTokens.letterSpacing['10'],
137
158
  },
138
159
  body4SemiBold: {
160
+ fontFamily: primitiveTypographyTokens.fontFamily.sans,
139
161
  fontSize: primitiveTypographyTokens.fontSize['10'],
140
162
  fontWeight: primitiveTypographyTokens.fontWeight.semiBold,
141
163
  lineHeight: primitiveTypographyTokens.lineHeight['10'],
package/dist/themes/js/typographies/typography.sm.d.ts CHANGED
@@ -3,36 +3,42 @@ export declare const typographySmTokens: {
3
3
  * Responsive
4
4
  */
5
5
  readonly responsiveDisplay1: {
6
+ readonly fontFamily: "Inter";
6
7
  readonly fontSize: 80;
7
8
  readonly fontWeight: "700";
8
9
  readonly lineHeight: 88;
9
10
  readonly letterSpacing: -3;
10
11
  };
11
12
  readonly responsiveDisplay2: {
13
+ readonly fontFamily: "Inter";
12
14
  readonly fontSize: 64;
13
15
  readonly fontWeight: "600";
14
16
  readonly lineHeight: 72;
15
17
  readonly letterSpacing: -2.5;
16
18
  };
17
19
  readonly responsiveDisplay3: {
20
+ readonly fontFamily: "Inter";
18
21
  readonly fontSize: 52;
19
22
  readonly fontWeight: "600";
20
23
  readonly lineHeight: 60;
21
24
  readonly letterSpacing: -2.5;
22
25
  };
23
26
  readonly responsiveDisplay4: {
27
+ readonly fontFamily: "Inter";
24
28
  readonly fontSize: 40;
25
29
  readonly fontWeight: "600";
26
30
  readonly lineHeight: 48;
27
31
  readonly letterSpacing: -2;
28
32
  };
29
33
  readonly heading0: {
34
+ readonly fontFamily: "Inter";
30
35
  readonly fontSize: 48;
31
36
  readonly fontWeight: "500";
32
37
  readonly lineHeight: 56;
33
38
  readonly letterSpacing: -2.5;
34
39
  };
35
40
  readonly heading0SemiBold: {
41
+ readonly fontFamily: "Inter";
36
42
  readonly fontSize: 48;
37
43
  readonly fontWeight: "600";
38
44
  readonly lineHeight: 56;
@@ -42,48 +48,56 @@ export declare const typographySmTokens: {
42
48
  * Headings
43
49
  */
44
50
  readonly heading1: {
51
+ readonly fontFamily: "Inter";
45
52
  readonly fontSize: 28;
46
53
  readonly fontWeight: "500";
47
54
  readonly lineHeight: 36;
48
55
  readonly letterSpacing: -1.5;
49
56
  };
50
57
  readonly heading1SemiBold: {
58
+ readonly fontFamily: "Inter";
51
59
  readonly fontSize: 28;
52
60
  readonly fontWeight: "600";
53
61
  readonly lineHeight: 36;
54
62
  readonly letterSpacing: -1.5;
55
63
  };
56
64
  readonly heading2: {
65
+ readonly fontFamily: "Inter";
57
66
  readonly fontSize: 24;
58
67
  readonly fontWeight: "500";
59
68
  readonly lineHeight: 32;
60
69
  readonly letterSpacing: -1;
61
70
  };
62
71
  readonly heading2SemiBold: {
72
+ readonly fontFamily: "Inter";
63
73
  readonly fontSize: 24;
64
74
  readonly fontWeight: "600";
65
75
  readonly lineHeight: 32;
66
76
  readonly letterSpacing: -1;
67
77
  };
68
78
  readonly heading3: {
79
+ readonly fontFamily: "Inter";
69
80
  readonly fontSize: 20;
70
81
  readonly fontWeight: "500";
71
82
  readonly lineHeight: 28;
72
83
  readonly letterSpacing: -1;
73
84
  };
74
85
  readonly heading3SemiBold: {
86
+ readonly fontFamily: "Inter";
75
87
  readonly fontSize: 20;
76
88
  readonly fontWeight: "600";
77
89
  readonly lineHeight: 28;
78
90
  readonly letterSpacing: -1;
79
91
  };
80
92
  readonly heading4: {
93
+ readonly fontFamily: "Inter";
81
94
  readonly fontSize: 18;
82
95
  readonly fontWeight: "500";
83
96
  readonly lineHeight: 26;
84
97
  readonly letterSpacing: -0.5;
85
98
  };
86
99
  readonly heading4SemiBold: {
100
+ readonly fontFamily: "Inter";
87
101
  readonly fontSize: 18;
88
102
  readonly fontWeight: "600";
89
103
  readonly lineHeight: 26;
@@ -93,48 +107,56 @@ export declare const typographySmTokens: {
93
107
  * Body
94
108
  */
95
109
  readonly body1: {
110
+ readonly fontFamily: "Inter";
96
111
  readonly fontSize: 16;
97
112
  readonly fontWeight: "500";
98
113
  readonly lineHeight: 24;
99
114
  readonly letterSpacing: 0;
100
115
  };
101
116
  readonly body1SemiBold: {
117
+ readonly fontFamily: "Inter";
102
118
  readonly fontSize: 16;
103
119
  readonly fontWeight: "600";
104
120
  readonly lineHeight: 24;
105
121
  readonly letterSpacing: 0;
106
122
  };
107
123
  readonly body2: {
124
+ readonly fontFamily: "Inter";
108
125
  readonly fontSize: 14;
109
126
  readonly fontWeight: "500";
110
127
  readonly lineHeight: 20;
111
128
  readonly letterSpacing: 0;
112
129
  };
113
130
  readonly body2SemiBold: {
131
+ readonly fontFamily: "Inter";
114
132
  readonly fontSize: 14;
115
133
  readonly fontWeight: "600";
116
134
  readonly lineHeight: 20;
117
135
  readonly letterSpacing: 0;
118
136
  };
119
137
  readonly body3: {
138
+ readonly fontFamily: "Inter";
120
139
  readonly fontSize: 12;
121
140
  readonly fontWeight: "500";
122
141
  readonly lineHeight: 16;
123
142
  readonly letterSpacing: 0;
124
143
  };
125
144
  readonly body3SemiBold: {
145
+ readonly fontFamily: "Inter";
126
146
  readonly fontSize: 12;
127
147
  readonly fontWeight: "600";
128
148
  readonly lineHeight: 16;
129
149
  readonly letterSpacing: 0;
130
150
  };
131
151
  readonly body4: {
152
+ readonly fontFamily: "Inter";
132
153
  readonly fontSize: 10;
133
154
  readonly fontWeight: "500";
134
155
  readonly lineHeight: 16;
135
156
  readonly letterSpacing: 0;
136
157
  };
137
158
  readonly body4SemiBold: {
159
+ readonly fontFamily: "Inter";
138
160
  readonly fontSize: 10;
139
161
  readonly fontWeight: "600";
140
162
  readonly lineHeight: 16;
package/dist/themes/js/typographies/typography.sm.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typography.sm.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/typographies/typography.sm.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;IAC7B;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkDH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDgC,CAAC"}
1
+ {"version":3,"file":"typography.sm.d.ts","sourceRoot":"","sources":["../../../../src/themes/js/typographies/typography.sm.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;IAC7B;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4CH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0DH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDgC,CAAC"}