@xsolla/xui-core 0.131.0 → 0.133.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/index.d.mts +1 -0
- package/index.d.ts +1 -0
- package/index.js +30 -1
- package/index.js.map +1 -1
- package/index.mjs +30 -1
- package/index.mjs.map +1 -1
- package/package.json +1 -1
package/index.d.mts
CHANGED
|
@@ -29,6 +29,7 @@ interface TypographyTokens {
|
|
|
29
29
|
"body-md": TypographyBodyVariant;
|
|
30
30
|
"body-sm": TypographyBodyVariant;
|
|
31
31
|
"body-xs": TypographyBodyVariant;
|
|
32
|
+
"body-xxs": TypographyBodyVariant;
|
|
32
33
|
};
|
|
33
34
|
}
|
|
34
35
|
declare const typographyTokens: Record<ProductContext, TypographyTokens>;
|
package/index.d.ts
CHANGED
|
@@ -29,6 +29,7 @@ interface TypographyTokens {
|
|
|
29
29
|
"body-md": TypographyBodyVariant;
|
|
30
30
|
"body-sm": TypographyBodyVariant;
|
|
31
31
|
"body-xs": TypographyBodyVariant;
|
|
32
|
+
"body-xxs": TypographyBodyVariant;
|
|
32
33
|
};
|
|
33
34
|
}
|
|
34
35
|
declare const typographyTokens: Record<ProductContext, TypographyTokens>;
|
package/index.js
CHANGED
|
@@ -1357,6 +1357,13 @@ var typographyTokens = {
|
|
|
1357
1357
|
fontWeight: 400,
|
|
1358
1358
|
accent: { fontWeight: 500 },
|
|
1359
1359
|
paragraph: { lineHeight: "18px", spacing: 8 }
|
|
1360
|
+
},
|
|
1361
|
+
"body-xxs": {
|
|
1362
|
+
fontSize: 10,
|
|
1363
|
+
lineHeight: "14px",
|
|
1364
|
+
fontWeight: 400,
|
|
1365
|
+
accent: { fontWeight: 500 },
|
|
1366
|
+
paragraph: { lineHeight: "14px", spacing: 6 }
|
|
1360
1367
|
}
|
|
1361
1368
|
}
|
|
1362
1369
|
},
|
|
@@ -1397,6 +1404,13 @@ var typographyTokens = {
|
|
|
1397
1404
|
fontWeight: 400,
|
|
1398
1405
|
accent: { fontWeight: 500 },
|
|
1399
1406
|
paragraph: { lineHeight: "18px", spacing: 8 }
|
|
1407
|
+
},
|
|
1408
|
+
"body-xxs": {
|
|
1409
|
+
fontSize: 10,
|
|
1410
|
+
lineHeight: "14px",
|
|
1411
|
+
fontWeight: 400,
|
|
1412
|
+
accent: { fontWeight: 500 },
|
|
1413
|
+
paragraph: { lineHeight: "14px", spacing: 6 }
|
|
1400
1414
|
}
|
|
1401
1415
|
}
|
|
1402
1416
|
},
|
|
@@ -1437,6 +1451,13 @@ var typographyTokens = {
|
|
|
1437
1451
|
fontWeight: 400,
|
|
1438
1452
|
accent: { fontWeight: 500 },
|
|
1439
1453
|
paragraph: { lineHeight: "14px", spacing: 6 }
|
|
1454
|
+
},
|
|
1455
|
+
"body-xxs": {
|
|
1456
|
+
fontSize: 10,
|
|
1457
|
+
lineHeight: "14px",
|
|
1458
|
+
fontWeight: 400,
|
|
1459
|
+
accent: { fontWeight: 500 },
|
|
1460
|
+
paragraph: { lineHeight: "14px", spacing: 6 }
|
|
1440
1461
|
}
|
|
1441
1462
|
}
|
|
1442
1463
|
},
|
|
@@ -1477,6 +1498,13 @@ var typographyTokens = {
|
|
|
1477
1498
|
fontWeight: 400,
|
|
1478
1499
|
accent: { fontWeight: 500 },
|
|
1479
1500
|
paragraph: { lineHeight: "22px", spacing: 12 }
|
|
1501
|
+
},
|
|
1502
|
+
"body-xxs": {
|
|
1503
|
+
fontSize: 16,
|
|
1504
|
+
lineHeight: "20px",
|
|
1505
|
+
fontWeight: 400,
|
|
1506
|
+
accent: { fontWeight: 500 },
|
|
1507
|
+
paragraph: { lineHeight: "22px", spacing: 12 }
|
|
1480
1508
|
}
|
|
1481
1509
|
}
|
|
1482
1510
|
}
|
|
@@ -1497,7 +1525,8 @@ var getTypographyVariant = (productContext, variant) => {
|
|
|
1497
1525
|
bodyLg: "body-lg",
|
|
1498
1526
|
bodyMd: "body-md",
|
|
1499
1527
|
bodySm: "body-sm",
|
|
1500
|
-
bodyXs: "body-xs"
|
|
1528
|
+
bodyXs: "body-xs",
|
|
1529
|
+
bodyXxs: "body-xxs"
|
|
1501
1530
|
};
|
|
1502
1531
|
const bodyKey = bodyVariantMap[variant.replace("Accent", "").replace("Paragraph", "")];
|
|
1503
1532
|
if (bodyKey && bodyKey in tokens.basic) {
|