@alfalab/core-components-vars 9.9.0 → 9.10.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/cssm/bundle/click.css +64 -28
- package/cssm/bundle/corp.css +64 -28
- package/cssm/bundle/intranet.css +64 -28
- package/cssm/bundle/mobile.css +64 -28
- package/cssm/bundle/site.css +64 -28
- package/cssm/gaps.css +64 -28
- package/cssm/index.css +64 -28
- package/cssm/index.d.ts +34 -0
- package/cssm/index.js +34 -0
- package/esm/index.d.ts +34 -0
- package/esm/index.js +34 -0
- package/gaps.css +64 -28
- package/index.d.ts +34 -0
- package/index.js +34 -0
- package/modern/index.d.ts +34 -0
- package/modern/index.js +34 -0
- package/package.json +1 -1
- package/src/gaps.css +64 -28
- package/src/typography.css +24 -0
- package/typography.css +24 -0
package/cssm/index.css
CHANGED
|
@@ -1472,34 +1472,70 @@
|
|
|
1472
1472
|
--border-radius-circle: 50%;
|
|
1473
1473
|
--border-radius-pill: 99px;
|
|
1474
1474
|
} :root {
|
|
1475
|
-
--gap-3xs: 2px;
|
|
1476
|
-
--gap-2xs: 4px;
|
|
1477
|
-
--gap-xs: 8px;
|
|
1478
|
-
--gap-s: 12px;
|
|
1479
|
-
--gap-
|
|
1480
|
-
--gap-
|
|
1481
|
-
--gap-
|
|
1482
|
-
--gap-
|
|
1483
|
-
--gap-
|
|
1484
|
-
--gap-
|
|
1485
|
-
--gap-
|
|
1486
|
-
--gap-
|
|
1487
|
-
--gap-
|
|
1488
|
-
--gap-
|
|
1489
|
-
--gap-
|
|
1490
|
-
--gap-
|
|
1491
|
-
--gap-
|
|
1492
|
-
--gap-
|
|
1493
|
-
--gap-
|
|
1494
|
-
--gap-
|
|
1495
|
-
--gap-
|
|
1496
|
-
--gap-
|
|
1497
|
-
--gap-
|
|
1498
|
-
--gap-
|
|
1499
|
-
--gap-
|
|
1500
|
-
--gap-
|
|
1501
|
-
--gap-
|
|
1502
|
-
--gap-
|
|
1475
|
+
--gap-3xs: 2px; /* deprecated */
|
|
1476
|
+
--gap-2xs: 4px; /* deprecated */
|
|
1477
|
+
--gap-xs: 8px; /* deprecated */
|
|
1478
|
+
--gap-s: 12px; /* deprecated */
|
|
1479
|
+
--gap-2s: 14px; /* deprecated */
|
|
1480
|
+
--gap-m: 16px; /* deprecated */
|
|
1481
|
+
--gap-l: 20px; /* deprecated */
|
|
1482
|
+
--gap-xl: 24px; /* deprecated */
|
|
1483
|
+
--gap-2xl: 32px; /* deprecated */
|
|
1484
|
+
--gap-3xl: 40px; /* deprecated */
|
|
1485
|
+
--gap-4xl: 48px; /* deprecated */
|
|
1486
|
+
--gap-5xl: 64px; /* deprecated */
|
|
1487
|
+
--gap-6xl: 72px; /* deprecated */
|
|
1488
|
+
--gap-7xl: 96px; /* deprecated */
|
|
1489
|
+
--gap-8xl: 128px; /* deprecated */
|
|
1490
|
+
--gap-3xs-neg: -2px; /* deprecated */
|
|
1491
|
+
--gap-2xs-neg: -4px; /* deprecated */
|
|
1492
|
+
--gap-xs-neg: -8px; /* deprecated */
|
|
1493
|
+
--gap-s-neg: -12px; /* deprecated */
|
|
1494
|
+
--gap-m-neg: -16px; /* deprecated */
|
|
1495
|
+
--gap-l-neg: -20px; /* deprecated */
|
|
1496
|
+
--gap-xl-neg: -24px; /* deprecated */
|
|
1497
|
+
--gap-2xl-neg: -32px; /* deprecated */
|
|
1498
|
+
--gap-3xl-neg: -40px; /* deprecated */
|
|
1499
|
+
--gap-4xl-neg: -48px; /* deprecated */
|
|
1500
|
+
--gap-5xl-neg: -64px; /* deprecated */
|
|
1501
|
+
--gap-6xl-neg: -72px; /* deprecated */
|
|
1502
|
+
--gap-7xl-neg: -96px; /* deprecated */
|
|
1503
|
+
--gap-8xl-neg: -128px; /* deprecated */
|
|
1504
|
+
|
|
1505
|
+
/* новые значения, используйте их */
|
|
1506
|
+
--gap-0: 0;
|
|
1507
|
+
--gap-2: 2px;
|
|
1508
|
+
--gap-4: 4px;
|
|
1509
|
+
--gap-8: 8px;
|
|
1510
|
+
--gap-12: 12px;
|
|
1511
|
+
--gap-16: 16px;
|
|
1512
|
+
--gap-20: 20px;
|
|
1513
|
+
--gap-24: 24px;
|
|
1514
|
+
--gap-32: 32px;
|
|
1515
|
+
--gap-40: 40px;
|
|
1516
|
+
--gap-48: 48px;
|
|
1517
|
+
--gap-56: 56px;
|
|
1518
|
+
--gap-64: 64px;
|
|
1519
|
+
--gap-72: 72px;
|
|
1520
|
+
--gap-80: 80px;
|
|
1521
|
+
--gap-96: 96px;
|
|
1522
|
+
--gap-128: 128px;
|
|
1523
|
+
--gap-2-neg: -2px;
|
|
1524
|
+
--gap-4-neg: -4px;
|
|
1525
|
+
--gap-8-neg: -8px;
|
|
1526
|
+
--gap-12-neg: -12px;
|
|
1527
|
+
--gap-16-neg: -16px;
|
|
1528
|
+
--gap-20-neg: -20px;
|
|
1529
|
+
--gap-24-neg: -24px;
|
|
1530
|
+
--gap-32-neg: -32px;
|
|
1531
|
+
--gap-40-neg: -40px;
|
|
1532
|
+
--gap-48-neg: -48px;
|
|
1533
|
+
--gap-56-neg: -56px;
|
|
1534
|
+
--gap-64-neg: -64px;
|
|
1535
|
+
--gap-72-neg: -72px;
|
|
1536
|
+
--gap-80-neg: -80px;
|
|
1537
|
+
--gap-96-neg: -96px;
|
|
1538
|
+
--gap-128-neg: -128px;
|
|
1503
1539
|
} :root {
|
|
1504
1540
|
--font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
|
|
1505
1541
|
sans-serif;
|
package/cssm/index.d.ts
CHANGED
|
@@ -1448,6 +1448,7 @@ export const gap3xs: "2px";
|
|
|
1448
1448
|
export const gap2xs: "4px";
|
|
1449
1449
|
export const gapXs: "8px";
|
|
1450
1450
|
export const gapS: "12px";
|
|
1451
|
+
export const gap2s: "14px";
|
|
1451
1452
|
export const gapM: "16px";
|
|
1452
1453
|
export const gapL: "20px";
|
|
1453
1454
|
export const gapXl: "24px";
|
|
@@ -1472,5 +1473,38 @@ export const gap5xlNeg: "-64px";
|
|
|
1472
1473
|
export const gap6xlNeg: "-72px";
|
|
1473
1474
|
export const gap7xlNeg: "-96px";
|
|
1474
1475
|
export const gap8xlNeg: "-128px";
|
|
1476
|
+
export const gap0: "0";
|
|
1477
|
+
export const gap2: "2px";
|
|
1478
|
+
export const gap4: "4px";
|
|
1479
|
+
export const gap8: "8px";
|
|
1480
|
+
export const gap12: "12px";
|
|
1481
|
+
export const gap16: "16px";
|
|
1482
|
+
export const gap20: "20px";
|
|
1483
|
+
export const gap24: "24px";
|
|
1484
|
+
export const gap32: "32px";
|
|
1485
|
+
export const gap40: "40px";
|
|
1486
|
+
export const gap48: "48px";
|
|
1487
|
+
export const gap56: "56px";
|
|
1488
|
+
export const gap64: "64px";
|
|
1489
|
+
export const gap72: "72px";
|
|
1490
|
+
export const gap80: "80px";
|
|
1491
|
+
export const gap96: "96px";
|
|
1492
|
+
export const gap128: "128px";
|
|
1493
|
+
export const gap2Neg: "-2px";
|
|
1494
|
+
export const gap4Neg: "-4px";
|
|
1495
|
+
export const gap8Neg: "-8px";
|
|
1496
|
+
export const gap12Neg: "-12px";
|
|
1497
|
+
export const gap16Neg: "-16px";
|
|
1498
|
+
export const gap20Neg: "-20px";
|
|
1499
|
+
export const gap24Neg: "-24px";
|
|
1500
|
+
export const gap32Neg: "-32px";
|
|
1501
|
+
export const gap40Neg: "-40px";
|
|
1502
|
+
export const gap48Neg: "-48px";
|
|
1503
|
+
export const gap56Neg: "-56px";
|
|
1504
|
+
export const gap64Neg: "-64px";
|
|
1505
|
+
export const gap72Neg: "-72px";
|
|
1506
|
+
export const gap80Neg: "-80px";
|
|
1507
|
+
export const gap96Neg: "-96px";
|
|
1508
|
+
export const gap128Neg: "-128px";
|
|
1475
1509
|
export const fontFamilySystem: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
|
|
1476
1510
|
export const fontFamilyStyrene: "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
|
package/cssm/index.js
CHANGED
|
@@ -1448,6 +1448,7 @@ module.exports.gap3xs = "2px";
|
|
|
1448
1448
|
module.exports.gap2xs = "4px";
|
|
1449
1449
|
module.exports.gapXs = "8px";
|
|
1450
1450
|
module.exports.gapS = "12px";
|
|
1451
|
+
module.exports.gap2s = "14px";
|
|
1451
1452
|
module.exports.gapM = "16px";
|
|
1452
1453
|
module.exports.gapL = "20px";
|
|
1453
1454
|
module.exports.gapXl = "24px";
|
|
@@ -1472,5 +1473,38 @@ module.exports.gap5xlNeg = "-64px";
|
|
|
1472
1473
|
module.exports.gap6xlNeg = "-72px";
|
|
1473
1474
|
module.exports.gap7xlNeg = "-96px";
|
|
1474
1475
|
module.exports.gap8xlNeg = "-128px";
|
|
1476
|
+
module.exports.gap0 = "0";
|
|
1477
|
+
module.exports.gap2 = "2px";
|
|
1478
|
+
module.exports.gap4 = "4px";
|
|
1479
|
+
module.exports.gap8 = "8px";
|
|
1480
|
+
module.exports.gap12 = "12px";
|
|
1481
|
+
module.exports.gap16 = "16px";
|
|
1482
|
+
module.exports.gap20 = "20px";
|
|
1483
|
+
module.exports.gap24 = "24px";
|
|
1484
|
+
module.exports.gap32 = "32px";
|
|
1485
|
+
module.exports.gap40 = "40px";
|
|
1486
|
+
module.exports.gap48 = "48px";
|
|
1487
|
+
module.exports.gap56 = "56px";
|
|
1488
|
+
module.exports.gap64 = "64px";
|
|
1489
|
+
module.exports.gap72 = "72px";
|
|
1490
|
+
module.exports.gap80 = "80px";
|
|
1491
|
+
module.exports.gap96 = "96px";
|
|
1492
|
+
module.exports.gap128 = "128px";
|
|
1493
|
+
module.exports.gap2Neg = "-2px";
|
|
1494
|
+
module.exports.gap4Neg = "-4px";
|
|
1495
|
+
module.exports.gap8Neg = "-8px";
|
|
1496
|
+
module.exports.gap12Neg = "-12px";
|
|
1497
|
+
module.exports.gap16Neg = "-16px";
|
|
1498
|
+
module.exports.gap20Neg = "-20px";
|
|
1499
|
+
module.exports.gap24Neg = "-24px";
|
|
1500
|
+
module.exports.gap32Neg = "-32px";
|
|
1501
|
+
module.exports.gap40Neg = "-40px";
|
|
1502
|
+
module.exports.gap48Neg = "-48px";
|
|
1503
|
+
module.exports.gap56Neg = "-56px";
|
|
1504
|
+
module.exports.gap64Neg = "-64px";
|
|
1505
|
+
module.exports.gap72Neg = "-72px";
|
|
1506
|
+
module.exports.gap80Neg = "-80px";
|
|
1507
|
+
module.exports.gap96Neg = "-96px";
|
|
1508
|
+
module.exports.gap128Neg = "-128px";
|
|
1475
1509
|
module.exports.fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
|
|
1476
1510
|
module.exports.fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
|
package/esm/index.d.ts
CHANGED
|
@@ -1448,6 +1448,7 @@ export const gap3xs: "2px";
|
|
|
1448
1448
|
export const gap2xs: "4px";
|
|
1449
1449
|
export const gapXs: "8px";
|
|
1450
1450
|
export const gapS: "12px";
|
|
1451
|
+
export const gap2s: "14px";
|
|
1451
1452
|
export const gapM: "16px";
|
|
1452
1453
|
export const gapL: "20px";
|
|
1453
1454
|
export const gapXl: "24px";
|
|
@@ -1472,5 +1473,38 @@ export const gap5xlNeg: "-64px";
|
|
|
1472
1473
|
export const gap6xlNeg: "-72px";
|
|
1473
1474
|
export const gap7xlNeg: "-96px";
|
|
1474
1475
|
export const gap8xlNeg: "-128px";
|
|
1476
|
+
export const gap0: "0";
|
|
1477
|
+
export const gap2: "2px";
|
|
1478
|
+
export const gap4: "4px";
|
|
1479
|
+
export const gap8: "8px";
|
|
1480
|
+
export const gap12: "12px";
|
|
1481
|
+
export const gap16: "16px";
|
|
1482
|
+
export const gap20: "20px";
|
|
1483
|
+
export const gap24: "24px";
|
|
1484
|
+
export const gap32: "32px";
|
|
1485
|
+
export const gap40: "40px";
|
|
1486
|
+
export const gap48: "48px";
|
|
1487
|
+
export const gap56: "56px";
|
|
1488
|
+
export const gap64: "64px";
|
|
1489
|
+
export const gap72: "72px";
|
|
1490
|
+
export const gap80: "80px";
|
|
1491
|
+
export const gap96: "96px";
|
|
1492
|
+
export const gap128: "128px";
|
|
1493
|
+
export const gap2Neg: "-2px";
|
|
1494
|
+
export const gap4Neg: "-4px";
|
|
1495
|
+
export const gap8Neg: "-8px";
|
|
1496
|
+
export const gap12Neg: "-12px";
|
|
1497
|
+
export const gap16Neg: "-16px";
|
|
1498
|
+
export const gap20Neg: "-20px";
|
|
1499
|
+
export const gap24Neg: "-24px";
|
|
1500
|
+
export const gap32Neg: "-32px";
|
|
1501
|
+
export const gap40Neg: "-40px";
|
|
1502
|
+
export const gap48Neg: "-48px";
|
|
1503
|
+
export const gap56Neg: "-56px";
|
|
1504
|
+
export const gap64Neg: "-64px";
|
|
1505
|
+
export const gap72Neg: "-72px";
|
|
1506
|
+
export const gap80Neg: "-80px";
|
|
1507
|
+
export const gap96Neg: "-96px";
|
|
1508
|
+
export const gap128Neg: "-128px";
|
|
1475
1509
|
export const fontFamilySystem: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
|
|
1476
1510
|
export const fontFamilyStyrene: "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
|
package/esm/index.js
CHANGED
|
@@ -1448,6 +1448,7 @@ export const gap3xs = "2px";
|
|
|
1448
1448
|
export const gap2xs = "4px";
|
|
1449
1449
|
export const gapXs = "8px";
|
|
1450
1450
|
export const gapS = "12px";
|
|
1451
|
+
export const gap2s = "14px";
|
|
1451
1452
|
export const gapM = "16px";
|
|
1452
1453
|
export const gapL = "20px";
|
|
1453
1454
|
export const gapXl = "24px";
|
|
@@ -1472,5 +1473,38 @@ export const gap5xlNeg = "-64px";
|
|
|
1472
1473
|
export const gap6xlNeg = "-72px";
|
|
1473
1474
|
export const gap7xlNeg = "-96px";
|
|
1474
1475
|
export const gap8xlNeg = "-128px";
|
|
1476
|
+
export const gap0 = "0";
|
|
1477
|
+
export const gap2 = "2px";
|
|
1478
|
+
export const gap4 = "4px";
|
|
1479
|
+
export const gap8 = "8px";
|
|
1480
|
+
export const gap12 = "12px";
|
|
1481
|
+
export const gap16 = "16px";
|
|
1482
|
+
export const gap20 = "20px";
|
|
1483
|
+
export const gap24 = "24px";
|
|
1484
|
+
export const gap32 = "32px";
|
|
1485
|
+
export const gap40 = "40px";
|
|
1486
|
+
export const gap48 = "48px";
|
|
1487
|
+
export const gap56 = "56px";
|
|
1488
|
+
export const gap64 = "64px";
|
|
1489
|
+
export const gap72 = "72px";
|
|
1490
|
+
export const gap80 = "80px";
|
|
1491
|
+
export const gap96 = "96px";
|
|
1492
|
+
export const gap128 = "128px";
|
|
1493
|
+
export const gap2Neg = "-2px";
|
|
1494
|
+
export const gap4Neg = "-4px";
|
|
1495
|
+
export const gap8Neg = "-8px";
|
|
1496
|
+
export const gap12Neg = "-12px";
|
|
1497
|
+
export const gap16Neg = "-16px";
|
|
1498
|
+
export const gap20Neg = "-20px";
|
|
1499
|
+
export const gap24Neg = "-24px";
|
|
1500
|
+
export const gap32Neg = "-32px";
|
|
1501
|
+
export const gap40Neg = "-40px";
|
|
1502
|
+
export const gap48Neg = "-48px";
|
|
1503
|
+
export const gap56Neg = "-56px";
|
|
1504
|
+
export const gap64Neg = "-64px";
|
|
1505
|
+
export const gap72Neg = "-72px";
|
|
1506
|
+
export const gap80Neg = "-80px";
|
|
1507
|
+
export const gap96Neg = "-96px";
|
|
1508
|
+
export const gap128Neg = "-128px";
|
|
1475
1509
|
export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
|
|
1476
1510
|
export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
|
package/gaps.css
CHANGED
|
@@ -1,30 +1,66 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--gap-3xs: 2px;
|
|
3
|
-
--gap-2xs: 4px;
|
|
4
|
-
--gap-xs: 8px;
|
|
5
|
-
--gap-s: 12px;
|
|
6
|
-
--gap-
|
|
7
|
-
--gap-
|
|
8
|
-
--gap-
|
|
9
|
-
--gap-
|
|
10
|
-
--gap-
|
|
11
|
-
--gap-
|
|
12
|
-
--gap-
|
|
13
|
-
--gap-
|
|
14
|
-
--gap-
|
|
15
|
-
--gap-
|
|
16
|
-
--gap-
|
|
17
|
-
--gap-
|
|
18
|
-
--gap-
|
|
19
|
-
--gap-
|
|
20
|
-
--gap-
|
|
21
|
-
--gap-
|
|
22
|
-
--gap-
|
|
23
|
-
--gap-
|
|
24
|
-
--gap-
|
|
25
|
-
--gap-
|
|
26
|
-
--gap-
|
|
27
|
-
--gap-
|
|
28
|
-
--gap-
|
|
29
|
-
--gap-
|
|
2
|
+
--gap-3xs: 2px; /* deprecated */
|
|
3
|
+
--gap-2xs: 4px; /* deprecated */
|
|
4
|
+
--gap-xs: 8px; /* deprecated */
|
|
5
|
+
--gap-s: 12px; /* deprecated */
|
|
6
|
+
--gap-2s: 14px; /* deprecated */
|
|
7
|
+
--gap-m: 16px; /* deprecated */
|
|
8
|
+
--gap-l: 20px; /* deprecated */
|
|
9
|
+
--gap-xl: 24px; /* deprecated */
|
|
10
|
+
--gap-2xl: 32px; /* deprecated */
|
|
11
|
+
--gap-3xl: 40px; /* deprecated */
|
|
12
|
+
--gap-4xl: 48px; /* deprecated */
|
|
13
|
+
--gap-5xl: 64px; /* deprecated */
|
|
14
|
+
--gap-6xl: 72px; /* deprecated */
|
|
15
|
+
--gap-7xl: 96px; /* deprecated */
|
|
16
|
+
--gap-8xl: 128px; /* deprecated */
|
|
17
|
+
--gap-3xs-neg: -2px; /* deprecated */
|
|
18
|
+
--gap-2xs-neg: -4px; /* deprecated */
|
|
19
|
+
--gap-xs-neg: -8px; /* deprecated */
|
|
20
|
+
--gap-s-neg: -12px; /* deprecated */
|
|
21
|
+
--gap-m-neg: -16px; /* deprecated */
|
|
22
|
+
--gap-l-neg: -20px; /* deprecated */
|
|
23
|
+
--gap-xl-neg: -24px; /* deprecated */
|
|
24
|
+
--gap-2xl-neg: -32px; /* deprecated */
|
|
25
|
+
--gap-3xl-neg: -40px; /* deprecated */
|
|
26
|
+
--gap-4xl-neg: -48px; /* deprecated */
|
|
27
|
+
--gap-5xl-neg: -64px; /* deprecated */
|
|
28
|
+
--gap-6xl-neg: -72px; /* deprecated */
|
|
29
|
+
--gap-7xl-neg: -96px; /* deprecated */
|
|
30
|
+
--gap-8xl-neg: -128px; /* deprecated */
|
|
31
|
+
|
|
32
|
+
/* новые значения, используйте их */
|
|
33
|
+
--gap-0: 0;
|
|
34
|
+
--gap-2: 2px;
|
|
35
|
+
--gap-4: 4px;
|
|
36
|
+
--gap-8: 8px;
|
|
37
|
+
--gap-12: 12px;
|
|
38
|
+
--gap-16: 16px;
|
|
39
|
+
--gap-20: 20px;
|
|
40
|
+
--gap-24: 24px;
|
|
41
|
+
--gap-32: 32px;
|
|
42
|
+
--gap-40: 40px;
|
|
43
|
+
--gap-48: 48px;
|
|
44
|
+
--gap-56: 56px;
|
|
45
|
+
--gap-64: 64px;
|
|
46
|
+
--gap-72: 72px;
|
|
47
|
+
--gap-80: 80px;
|
|
48
|
+
--gap-96: 96px;
|
|
49
|
+
--gap-128: 128px;
|
|
50
|
+
--gap-2-neg: -2px;
|
|
51
|
+
--gap-4-neg: -4px;
|
|
52
|
+
--gap-8-neg: -8px;
|
|
53
|
+
--gap-12-neg: -12px;
|
|
54
|
+
--gap-16-neg: -16px;
|
|
55
|
+
--gap-20-neg: -20px;
|
|
56
|
+
--gap-24-neg: -24px;
|
|
57
|
+
--gap-32-neg: -32px;
|
|
58
|
+
--gap-40-neg: -40px;
|
|
59
|
+
--gap-48-neg: -48px;
|
|
60
|
+
--gap-56-neg: -56px;
|
|
61
|
+
--gap-64-neg: -64px;
|
|
62
|
+
--gap-72-neg: -72px;
|
|
63
|
+
--gap-80-neg: -80px;
|
|
64
|
+
--gap-96-neg: -96px;
|
|
65
|
+
--gap-128-neg: -128px;
|
|
30
66
|
}
|
package/index.d.ts
CHANGED
|
@@ -1448,6 +1448,7 @@ export const gap3xs: "2px";
|
|
|
1448
1448
|
export const gap2xs: "4px";
|
|
1449
1449
|
export const gapXs: "8px";
|
|
1450
1450
|
export const gapS: "12px";
|
|
1451
|
+
export const gap2s: "14px";
|
|
1451
1452
|
export const gapM: "16px";
|
|
1452
1453
|
export const gapL: "20px";
|
|
1453
1454
|
export const gapXl: "24px";
|
|
@@ -1472,5 +1473,38 @@ export const gap5xlNeg: "-64px";
|
|
|
1472
1473
|
export const gap6xlNeg: "-72px";
|
|
1473
1474
|
export const gap7xlNeg: "-96px";
|
|
1474
1475
|
export const gap8xlNeg: "-128px";
|
|
1476
|
+
export const gap0: "0";
|
|
1477
|
+
export const gap2: "2px";
|
|
1478
|
+
export const gap4: "4px";
|
|
1479
|
+
export const gap8: "8px";
|
|
1480
|
+
export const gap12: "12px";
|
|
1481
|
+
export const gap16: "16px";
|
|
1482
|
+
export const gap20: "20px";
|
|
1483
|
+
export const gap24: "24px";
|
|
1484
|
+
export const gap32: "32px";
|
|
1485
|
+
export const gap40: "40px";
|
|
1486
|
+
export const gap48: "48px";
|
|
1487
|
+
export const gap56: "56px";
|
|
1488
|
+
export const gap64: "64px";
|
|
1489
|
+
export const gap72: "72px";
|
|
1490
|
+
export const gap80: "80px";
|
|
1491
|
+
export const gap96: "96px";
|
|
1492
|
+
export const gap128: "128px";
|
|
1493
|
+
export const gap2Neg: "-2px";
|
|
1494
|
+
export const gap4Neg: "-4px";
|
|
1495
|
+
export const gap8Neg: "-8px";
|
|
1496
|
+
export const gap12Neg: "-12px";
|
|
1497
|
+
export const gap16Neg: "-16px";
|
|
1498
|
+
export const gap20Neg: "-20px";
|
|
1499
|
+
export const gap24Neg: "-24px";
|
|
1500
|
+
export const gap32Neg: "-32px";
|
|
1501
|
+
export const gap40Neg: "-40px";
|
|
1502
|
+
export const gap48Neg: "-48px";
|
|
1503
|
+
export const gap56Neg: "-56px";
|
|
1504
|
+
export const gap64Neg: "-64px";
|
|
1505
|
+
export const gap72Neg: "-72px";
|
|
1506
|
+
export const gap80Neg: "-80px";
|
|
1507
|
+
export const gap96Neg: "-96px";
|
|
1508
|
+
export const gap128Neg: "-128px";
|
|
1475
1509
|
export const fontFamilySystem: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
|
|
1476
1510
|
export const fontFamilyStyrene: "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
|
package/index.js
CHANGED
|
@@ -1448,6 +1448,7 @@ module.exports.gap3xs = "2px";
|
|
|
1448
1448
|
module.exports.gap2xs = "4px";
|
|
1449
1449
|
module.exports.gapXs = "8px";
|
|
1450
1450
|
module.exports.gapS = "12px";
|
|
1451
|
+
module.exports.gap2s = "14px";
|
|
1451
1452
|
module.exports.gapM = "16px";
|
|
1452
1453
|
module.exports.gapL = "20px";
|
|
1453
1454
|
module.exports.gapXl = "24px";
|
|
@@ -1472,5 +1473,38 @@ module.exports.gap5xlNeg = "-64px";
|
|
|
1472
1473
|
module.exports.gap6xlNeg = "-72px";
|
|
1473
1474
|
module.exports.gap7xlNeg = "-96px";
|
|
1474
1475
|
module.exports.gap8xlNeg = "-128px";
|
|
1476
|
+
module.exports.gap0 = "0";
|
|
1477
|
+
module.exports.gap2 = "2px";
|
|
1478
|
+
module.exports.gap4 = "4px";
|
|
1479
|
+
module.exports.gap8 = "8px";
|
|
1480
|
+
module.exports.gap12 = "12px";
|
|
1481
|
+
module.exports.gap16 = "16px";
|
|
1482
|
+
module.exports.gap20 = "20px";
|
|
1483
|
+
module.exports.gap24 = "24px";
|
|
1484
|
+
module.exports.gap32 = "32px";
|
|
1485
|
+
module.exports.gap40 = "40px";
|
|
1486
|
+
module.exports.gap48 = "48px";
|
|
1487
|
+
module.exports.gap56 = "56px";
|
|
1488
|
+
module.exports.gap64 = "64px";
|
|
1489
|
+
module.exports.gap72 = "72px";
|
|
1490
|
+
module.exports.gap80 = "80px";
|
|
1491
|
+
module.exports.gap96 = "96px";
|
|
1492
|
+
module.exports.gap128 = "128px";
|
|
1493
|
+
module.exports.gap2Neg = "-2px";
|
|
1494
|
+
module.exports.gap4Neg = "-4px";
|
|
1495
|
+
module.exports.gap8Neg = "-8px";
|
|
1496
|
+
module.exports.gap12Neg = "-12px";
|
|
1497
|
+
module.exports.gap16Neg = "-16px";
|
|
1498
|
+
module.exports.gap20Neg = "-20px";
|
|
1499
|
+
module.exports.gap24Neg = "-24px";
|
|
1500
|
+
module.exports.gap32Neg = "-32px";
|
|
1501
|
+
module.exports.gap40Neg = "-40px";
|
|
1502
|
+
module.exports.gap48Neg = "-48px";
|
|
1503
|
+
module.exports.gap56Neg = "-56px";
|
|
1504
|
+
module.exports.gap64Neg = "-64px";
|
|
1505
|
+
module.exports.gap72Neg = "-72px";
|
|
1506
|
+
module.exports.gap80Neg = "-80px";
|
|
1507
|
+
module.exports.gap96Neg = "-96px";
|
|
1508
|
+
module.exports.gap128Neg = "-128px";
|
|
1475
1509
|
module.exports.fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
|
|
1476
1510
|
module.exports.fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
|
package/modern/index.d.ts
CHANGED
|
@@ -1448,6 +1448,7 @@ export const gap3xs: "2px";
|
|
|
1448
1448
|
export const gap2xs: "4px";
|
|
1449
1449
|
export const gapXs: "8px";
|
|
1450
1450
|
export const gapS: "12px";
|
|
1451
|
+
export const gap2s: "14px";
|
|
1451
1452
|
export const gapM: "16px";
|
|
1452
1453
|
export const gapL: "20px";
|
|
1453
1454
|
export const gapXl: "24px";
|
|
@@ -1472,5 +1473,38 @@ export const gap5xlNeg: "-64px";
|
|
|
1472
1473
|
export const gap6xlNeg: "-72px";
|
|
1473
1474
|
export const gap7xlNeg: "-96px";
|
|
1474
1475
|
export const gap8xlNeg: "-128px";
|
|
1476
|
+
export const gap0: "0";
|
|
1477
|
+
export const gap2: "2px";
|
|
1478
|
+
export const gap4: "4px";
|
|
1479
|
+
export const gap8: "8px";
|
|
1480
|
+
export const gap12: "12px";
|
|
1481
|
+
export const gap16: "16px";
|
|
1482
|
+
export const gap20: "20px";
|
|
1483
|
+
export const gap24: "24px";
|
|
1484
|
+
export const gap32: "32px";
|
|
1485
|
+
export const gap40: "40px";
|
|
1486
|
+
export const gap48: "48px";
|
|
1487
|
+
export const gap56: "56px";
|
|
1488
|
+
export const gap64: "64px";
|
|
1489
|
+
export const gap72: "72px";
|
|
1490
|
+
export const gap80: "80px";
|
|
1491
|
+
export const gap96: "96px";
|
|
1492
|
+
export const gap128: "128px";
|
|
1493
|
+
export const gap2Neg: "-2px";
|
|
1494
|
+
export const gap4Neg: "-4px";
|
|
1495
|
+
export const gap8Neg: "-8px";
|
|
1496
|
+
export const gap12Neg: "-12px";
|
|
1497
|
+
export const gap16Neg: "-16px";
|
|
1498
|
+
export const gap20Neg: "-20px";
|
|
1499
|
+
export const gap24Neg: "-24px";
|
|
1500
|
+
export const gap32Neg: "-32px";
|
|
1501
|
+
export const gap40Neg: "-40px";
|
|
1502
|
+
export const gap48Neg: "-48px";
|
|
1503
|
+
export const gap56Neg: "-56px";
|
|
1504
|
+
export const gap64Neg: "-64px";
|
|
1505
|
+
export const gap72Neg: "-72px";
|
|
1506
|
+
export const gap80Neg: "-80px";
|
|
1507
|
+
export const gap96Neg: "-96px";
|
|
1508
|
+
export const gap128Neg: "-128px";
|
|
1475
1509
|
export const fontFamilySystem: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
|
|
1476
1510
|
export const fontFamilyStyrene: "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
|
package/modern/index.js
CHANGED
|
@@ -1448,6 +1448,7 @@ export const gap3xs = "2px";
|
|
|
1448
1448
|
export const gap2xs = "4px";
|
|
1449
1449
|
export const gapXs = "8px";
|
|
1450
1450
|
export const gapS = "12px";
|
|
1451
|
+
export const gap2s = "14px";
|
|
1451
1452
|
export const gapM = "16px";
|
|
1452
1453
|
export const gapL = "20px";
|
|
1453
1454
|
export const gapXl = "24px";
|
|
@@ -1472,5 +1473,38 @@ export const gap5xlNeg = "-64px";
|
|
|
1472
1473
|
export const gap6xlNeg = "-72px";
|
|
1473
1474
|
export const gap7xlNeg = "-96px";
|
|
1474
1475
|
export const gap8xlNeg = "-128px";
|
|
1476
|
+
export const gap0 = "0";
|
|
1477
|
+
export const gap2 = "2px";
|
|
1478
|
+
export const gap4 = "4px";
|
|
1479
|
+
export const gap8 = "8px";
|
|
1480
|
+
export const gap12 = "12px";
|
|
1481
|
+
export const gap16 = "16px";
|
|
1482
|
+
export const gap20 = "20px";
|
|
1483
|
+
export const gap24 = "24px";
|
|
1484
|
+
export const gap32 = "32px";
|
|
1485
|
+
export const gap40 = "40px";
|
|
1486
|
+
export const gap48 = "48px";
|
|
1487
|
+
export const gap56 = "56px";
|
|
1488
|
+
export const gap64 = "64px";
|
|
1489
|
+
export const gap72 = "72px";
|
|
1490
|
+
export const gap80 = "80px";
|
|
1491
|
+
export const gap96 = "96px";
|
|
1492
|
+
export const gap128 = "128px";
|
|
1493
|
+
export const gap2Neg = "-2px";
|
|
1494
|
+
export const gap4Neg = "-4px";
|
|
1495
|
+
export const gap8Neg = "-8px";
|
|
1496
|
+
export const gap12Neg = "-12px";
|
|
1497
|
+
export const gap16Neg = "-16px";
|
|
1498
|
+
export const gap20Neg = "-20px";
|
|
1499
|
+
export const gap24Neg = "-24px";
|
|
1500
|
+
export const gap32Neg = "-32px";
|
|
1501
|
+
export const gap40Neg = "-40px";
|
|
1502
|
+
export const gap48Neg = "-48px";
|
|
1503
|
+
export const gap56Neg = "-56px";
|
|
1504
|
+
export const gap64Neg = "-64px";
|
|
1505
|
+
export const gap72Neg = "-72px";
|
|
1506
|
+
export const gap80Neg = "-80px";
|
|
1507
|
+
export const gap96Neg = "-96px";
|
|
1508
|
+
export const gap128Neg = "-128px";
|
|
1475
1509
|
export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
|
|
1476
1510
|
export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
|