@sofya-ds/tokens 1.1.1 → 1.1.2
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/dist/index.cjs +15 -2
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +15 -2
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -44,6 +44,7 @@ var sofyaTextStyleNames = [
|
|
|
44
44
|
"h2",
|
|
45
45
|
"h3",
|
|
46
46
|
"h4",
|
|
47
|
+
"h5",
|
|
47
48
|
"body",
|
|
48
49
|
"tiny"
|
|
49
50
|
];
|
|
@@ -243,20 +244,27 @@ function createTextStyleScale(typography) {
|
|
|
243
244
|
letterSpacing: "0"
|
|
244
245
|
},
|
|
245
246
|
h2: {
|
|
247
|
+
fontFamily: typography.display,
|
|
248
|
+
fontSize: "42px",
|
|
249
|
+
fontWeight: "500",
|
|
250
|
+
lineHeight: "48px",
|
|
251
|
+
letterSpacing: "0"
|
|
252
|
+
},
|
|
253
|
+
h3: {
|
|
246
254
|
fontFamily: typography.display,
|
|
247
255
|
fontSize: "30px",
|
|
248
256
|
fontWeight: "500",
|
|
249
257
|
lineHeight: "1",
|
|
250
258
|
letterSpacing: "0"
|
|
251
259
|
},
|
|
252
|
-
|
|
260
|
+
h4: {
|
|
253
261
|
fontFamily: typography.display,
|
|
254
262
|
fontSize: "24px",
|
|
255
263
|
fontWeight: "600",
|
|
256
264
|
lineHeight: "30px",
|
|
257
265
|
letterSpacing: "0"
|
|
258
266
|
},
|
|
259
|
-
|
|
267
|
+
h5: {
|
|
260
268
|
fontFamily: typography.display,
|
|
261
269
|
fontSize: "16px",
|
|
262
270
|
fontWeight: "500",
|
|
@@ -608,6 +616,11 @@ function themeToCssVariables(theme) {
|
|
|
608
616
|
"--sofya-text-h4-font-weight": textStyles.h4.fontWeight,
|
|
609
617
|
"--sofya-text-h4-line-height": textStyles.h4.lineHeight,
|
|
610
618
|
"--sofya-text-h4-letter-spacing": textStyles.h4.letterSpacing,
|
|
619
|
+
"--sofya-text-h5-font-family": textStyles.h5.fontFamily,
|
|
620
|
+
"--sofya-text-h5-font-size": textStyles.h5.fontSize,
|
|
621
|
+
"--sofya-text-h5-font-weight": textStyles.h5.fontWeight,
|
|
622
|
+
"--sofya-text-h5-line-height": textStyles.h5.lineHeight,
|
|
623
|
+
"--sofya-text-h5-letter-spacing": textStyles.h5.letterSpacing,
|
|
611
624
|
"--sofya-text-body-font-family": textStyles.body.fontFamily,
|
|
612
625
|
"--sofya-text-body-font-size": textStyles.body.fontSize,
|
|
613
626
|
"--sofya-text-body-font-weight": textStyles.body.fontWeight,
|
package/dist/index.d.cts
CHANGED
|
@@ -50,7 +50,7 @@ interface SofyaTypographyScale {
|
|
|
50
50
|
display: string;
|
|
51
51
|
mono: string;
|
|
52
52
|
}
|
|
53
|
-
declare const sofyaTextStyleNames: readonly ["h1", "h2", "h3", "h4", "body", "tiny"];
|
|
53
|
+
declare const sofyaTextStyleNames: readonly ["h1", "h2", "h3", "h4", "h5", "body", "tiny"];
|
|
54
54
|
type SofyaTextStyleName = (typeof sofyaTextStyleNames)[number];
|
|
55
55
|
interface SofyaTextStyle {
|
|
56
56
|
fontFamily: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -50,7 +50,7 @@ interface SofyaTypographyScale {
|
|
|
50
50
|
display: string;
|
|
51
51
|
mono: string;
|
|
52
52
|
}
|
|
53
|
-
declare const sofyaTextStyleNames: readonly ["h1", "h2", "h3", "h4", "body", "tiny"];
|
|
53
|
+
declare const sofyaTextStyleNames: readonly ["h1", "h2", "h3", "h4", "h5", "body", "tiny"];
|
|
54
54
|
type SofyaTextStyleName = (typeof sofyaTextStyleNames)[number];
|
|
55
55
|
interface SofyaTextStyle {
|
|
56
56
|
fontFamily: string;
|
package/dist/index.js
CHANGED
|
@@ -4,6 +4,7 @@ var sofyaTextStyleNames = [
|
|
|
4
4
|
"h2",
|
|
5
5
|
"h3",
|
|
6
6
|
"h4",
|
|
7
|
+
"h5",
|
|
7
8
|
"body",
|
|
8
9
|
"tiny"
|
|
9
10
|
];
|
|
@@ -203,20 +204,27 @@ function createTextStyleScale(typography) {
|
|
|
203
204
|
letterSpacing: "0"
|
|
204
205
|
},
|
|
205
206
|
h2: {
|
|
207
|
+
fontFamily: typography.display,
|
|
208
|
+
fontSize: "42px",
|
|
209
|
+
fontWeight: "500",
|
|
210
|
+
lineHeight: "48px",
|
|
211
|
+
letterSpacing: "0"
|
|
212
|
+
},
|
|
213
|
+
h3: {
|
|
206
214
|
fontFamily: typography.display,
|
|
207
215
|
fontSize: "30px",
|
|
208
216
|
fontWeight: "500",
|
|
209
217
|
lineHeight: "1",
|
|
210
218
|
letterSpacing: "0"
|
|
211
219
|
},
|
|
212
|
-
|
|
220
|
+
h4: {
|
|
213
221
|
fontFamily: typography.display,
|
|
214
222
|
fontSize: "24px",
|
|
215
223
|
fontWeight: "600",
|
|
216
224
|
lineHeight: "30px",
|
|
217
225
|
letterSpacing: "0"
|
|
218
226
|
},
|
|
219
|
-
|
|
227
|
+
h5: {
|
|
220
228
|
fontFamily: typography.display,
|
|
221
229
|
fontSize: "16px",
|
|
222
230
|
fontWeight: "500",
|
|
@@ -568,6 +576,11 @@ function themeToCssVariables(theme) {
|
|
|
568
576
|
"--sofya-text-h4-font-weight": textStyles.h4.fontWeight,
|
|
569
577
|
"--sofya-text-h4-line-height": textStyles.h4.lineHeight,
|
|
570
578
|
"--sofya-text-h4-letter-spacing": textStyles.h4.letterSpacing,
|
|
579
|
+
"--sofya-text-h5-font-family": textStyles.h5.fontFamily,
|
|
580
|
+
"--sofya-text-h5-font-size": textStyles.h5.fontSize,
|
|
581
|
+
"--sofya-text-h5-font-weight": textStyles.h5.fontWeight,
|
|
582
|
+
"--sofya-text-h5-line-height": textStyles.h5.lineHeight,
|
|
583
|
+
"--sofya-text-h5-letter-spacing": textStyles.h5.letterSpacing,
|
|
571
584
|
"--sofya-text-body-font-family": textStyles.body.fontFamily,
|
|
572
585
|
"--sofya-text-body-font-size": textStyles.body.fontSize,
|
|
573
586
|
"--sofya-text-body-font-weight": textStyles.body.fontWeight,
|