@xsolla/xui-core 0.129.0 → 0.131.0-pr227.1776224701
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 +3 -14
- package/index.d.ts +3 -14
- package/index.js +33 -5
- package/index.js.map +1 -1
- package/index.mjs +33 -5
- 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>;
|
|
@@ -4384,13 +4385,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4384
4385
|
gap: number;
|
|
4385
4386
|
borderRadius: number;
|
|
4386
4387
|
};
|
|
4387
|
-
badge: (size: "xl" | "lg" | "md" | "sm" | "xs"
|
|
4388
|
-
size: number;
|
|
4389
|
-
fontSize: number;
|
|
4390
|
-
lineHeight: number;
|
|
4391
|
-
iconSize: number;
|
|
4392
|
-
padding: number;
|
|
4393
|
-
} | {
|
|
4388
|
+
badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
|
|
4394
4389
|
size: number;
|
|
4395
4390
|
fontSize: number;
|
|
4396
4391
|
lineHeight: number;
|
|
@@ -6603,13 +6598,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
|
|
|
6603
6598
|
gap: number;
|
|
6604
6599
|
borderRadius: number;
|
|
6605
6600
|
};
|
|
6606
|
-
badge: (size: "xl" | "lg" | "md" | "sm" | "xs"
|
|
6607
|
-
size: number;
|
|
6608
|
-
fontSize: number;
|
|
6609
|
-
lineHeight: number;
|
|
6610
|
-
iconSize: number;
|
|
6611
|
-
padding: number;
|
|
6612
|
-
} | {
|
|
6601
|
+
badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
|
|
6613
6602
|
size: number;
|
|
6614
6603
|
fontSize: number;
|
|
6615
6604
|
lineHeight: number;
|
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>;
|
|
@@ -4384,13 +4385,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
|
|
|
4384
4385
|
gap: number;
|
|
4385
4386
|
borderRadius: number;
|
|
4386
4387
|
};
|
|
4387
|
-
badge: (size: "xl" | "lg" | "md" | "sm" | "xs"
|
|
4388
|
-
size: number;
|
|
4389
|
-
fontSize: number;
|
|
4390
|
-
lineHeight: number;
|
|
4391
|
-
iconSize: number;
|
|
4392
|
-
padding: number;
|
|
4393
|
-
} | {
|
|
4388
|
+
badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
|
|
4394
4389
|
size: number;
|
|
4395
4390
|
fontSize: number;
|
|
4396
4391
|
lineHeight: number;
|
|
@@ -6603,13 +6598,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
|
|
|
6603
6598
|
gap: number;
|
|
6604
6599
|
borderRadius: number;
|
|
6605
6600
|
};
|
|
6606
|
-
badge: (size: "xl" | "lg" | "md" | "sm" | "xs"
|
|
6607
|
-
size: number;
|
|
6608
|
-
fontSize: number;
|
|
6609
|
-
lineHeight: number;
|
|
6610
|
-
iconSize: number;
|
|
6611
|
-
padding: number;
|
|
6612
|
-
} | {
|
|
6601
|
+
badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
|
|
6613
6602
|
size: number;
|
|
6614
6603
|
fontSize: number;
|
|
6615
6604
|
lineHeight: number;
|
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) {
|
|
@@ -2424,7 +2453,7 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
|
|
|
2424
2453
|
fontSize: 12,
|
|
2425
2454
|
lineHeight: 14,
|
|
2426
2455
|
iconSize: 12,
|
|
2427
|
-
padding:
|
|
2456
|
+
padding: 6
|
|
2428
2457
|
},
|
|
2429
2458
|
lg: {
|
|
2430
2459
|
size: 16,
|
|
@@ -2438,11 +2467,10 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
|
|
|
2438
2467
|
fontSize: 10,
|
|
2439
2468
|
lineHeight: 10,
|
|
2440
2469
|
iconSize: 8,
|
|
2441
|
-
padding:
|
|
2470
|
+
padding: 3
|
|
2442
2471
|
},
|
|
2443
2472
|
sm: { size: 8, fontSize: 8, lineHeight: 8, iconSize: 6, padding: 0 },
|
|
2444
|
-
xs: { size:
|
|
2445
|
-
xxs: { size: 4, fontSize: 4, lineHeight: 4, iconSize: 4, padding: 0 }
|
|
2473
|
+
xs: { size: 4, fontSize: 4, lineHeight: 4, iconSize: 4, padding: 0 }
|
|
2446
2474
|
};
|
|
2447
2475
|
return configs[size];
|
|
2448
2476
|
},
|