@alfalab/core-components-vars 9.10.0 → 9.11.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.
Files changed (18) hide show
  1. package/border-radius.css +20 -7
  2. package/cssm/border-radius.css +20 -7
  3. package/cssm/bundle/click.css +20 -7
  4. package/cssm/bundle/corp.css +20 -7
  5. package/cssm/bundle/intranet.css +20 -7
  6. package/cssm/bundle/mobile.css +20 -7
  7. package/cssm/bundle/site.css +20 -7
  8. package/cssm/index.css +20 -7
  9. package/cssm/index.d.ts +11 -0
  10. package/cssm/index.js +11 -0
  11. package/esm/index.d.ts +11 -0
  12. package/esm/index.js +11 -0
  13. package/index.d.ts +11 -0
  14. package/index.js +11 -0
  15. package/modern/index.d.ts +11 -0
  16. package/modern/index.js +11 -0
  17. package/package.json +1 -1
  18. package/src/border-radius.css +20 -7
package/border-radius.css CHANGED
@@ -1,11 +1,24 @@
1
1
  :root {
2
- --border-radius-xs: 2px;
3
- --border-radius-s: 4px;
4
- --border-radius-m: 8px;
5
- --border-radius-l: 12px;
6
- --border-radius-xl: 16px;
7
- --border-radius-xxl: 20px;
8
- --border-radius-3xl: 24px;
2
+ --border-radius-xs: 2px; /* deprecated */
3
+ --border-radius-s: 4px; /* deprecated */
4
+ --border-radius-m: 8px; /* deprecated */
5
+ --border-radius-l: 12px; /* deprecated */
6
+ --border-radius-xl: 16px; /* deprecated */
7
+ --border-radius-xxl: 20px; /* deprecated */
8
+ --border-radius-3xl: 24px; /* deprecated */
9
9
  --border-radius-circle: 50%;
10
10
  --border-radius-pill: 99px;
11
+
12
+ /* новые значения, используйте их */
13
+ --border-radius-0: 0;
14
+ --border-radius-4: 4px;
15
+ --border-radius-6: 6px;
16
+ --border-radius-8: 8px;
17
+ --border-radius-10: 10px;
18
+ --border-radius-12: 12px;
19
+ --border-radius-16: 16px;
20
+ --border-radius-20: 20px;
21
+ --border-radius-24: 24px;
22
+ --border-radius-36: 36px;
23
+ --border-radius-64: 64px;
11
24
  }
package/cssm/border-radius.css CHANGED
@@ -1,11 +1,24 @@
1
1
  :root {
2
- --border-radius-xs: 2px;
3
- --border-radius-s: 4px;
4
- --border-radius-m: 8px;
5
- --border-radius-l: 12px;
6
- --border-radius-xl: 16px;
7
- --border-radius-xxl: 20px;
8
- --border-radius-3xl: 24px;
2
+ --border-radius-xs: 2px; /* deprecated */
3
+ --border-radius-s: 4px; /* deprecated */
4
+ --border-radius-m: 8px; /* deprecated */
5
+ --border-radius-l: 12px; /* deprecated */
6
+ --border-radius-xl: 16px; /* deprecated */
7
+ --border-radius-xxl: 20px; /* deprecated */
8
+ --border-radius-3xl: 24px; /* deprecated */
9
9
  --border-radius-circle: 50%;
10
10
  --border-radius-pill: 99px;
11
+
12
+ /* новые значения, используйте их */
13
+ --border-radius-0: 0;
14
+ --border-radius-4: 4px;
15
+ --border-radius-6: 6px;
16
+ --border-radius-8: 8px;
17
+ --border-radius-10: 10px;
18
+ --border-radius-12: 12px;
19
+ --border-radius-16: 16px;
20
+ --border-radius-20: 20px;
21
+ --border-radius-24: 24px;
22
+ --border-radius-36: 36px;
23
+ --border-radius-64: 64px;
11
24
  }
package/cssm/bundle/click.css CHANGED
@@ -1368,15 +1368,28 @@
1368
1368
  0 -16px 32px rgba(0, 0, 0, 0.16);
1369
1369
  }
1370
1370
  :root {
1371
- --border-radius-xs: 2px;
1372
- --border-radius-s: 4px;
1373
- --border-radius-m: 8px;
1374
- --border-radius-l: 12px;
1375
- --border-radius-xl: 16px;
1376
- --border-radius-xxl: 20px;
1377
- --border-radius-3xl: 24px;
1371
+ --border-radius-xs: 2px; /* deprecated */
1372
+ --border-radius-s: 4px; /* deprecated */
1373
+ --border-radius-m: 8px; /* deprecated */
1374
+ --border-radius-l: 12px; /* deprecated */
1375
+ --border-radius-xl: 16px; /* deprecated */
1376
+ --border-radius-xxl: 20px; /* deprecated */
1377
+ --border-radius-3xl: 24px; /* deprecated */
1378
1378
  --border-radius-circle: 50%;
1379
1379
  --border-radius-pill: 99px;
1380
+
1381
+ /* новые значения, используйте их */
1382
+ --border-radius-0: 0;
1383
+ --border-radius-4: 4px;
1384
+ --border-radius-6: 6px;
1385
+ --border-radius-8: 8px;
1386
+ --border-radius-10: 10px;
1387
+ --border-radius-12: 12px;
1388
+ --border-radius-16: 16px;
1389
+ --border-radius-20: 20px;
1390
+ --border-radius-24: 24px;
1391
+ --border-radius-36: 36px;
1392
+ --border-radius-64: 64px;
1380
1393
  }
1381
1394
  :root {
1382
1395
  --gap-3xs: 2px; /* deprecated */
package/cssm/bundle/corp.css CHANGED
@@ -1368,15 +1368,28 @@
1368
1368
  0 -16px 32px rgba(0, 0, 0, 0.16);
1369
1369
  }
1370
1370
  :root {
1371
- --border-radius-xs: 2px;
1372
- --border-radius-s: 4px;
1373
- --border-radius-m: 8px;
1374
- --border-radius-l: 12px;
1375
- --border-radius-xl: 16px;
1376
- --border-radius-xxl: 20px;
1377
- --border-radius-3xl: 24px;
1371
+ --border-radius-xs: 2px; /* deprecated */
1372
+ --border-radius-s: 4px; /* deprecated */
1373
+ --border-radius-m: 8px; /* deprecated */
1374
+ --border-radius-l: 12px; /* deprecated */
1375
+ --border-radius-xl: 16px; /* deprecated */
1376
+ --border-radius-xxl: 20px; /* deprecated */
1377
+ --border-radius-3xl: 24px; /* deprecated */
1378
1378
  --border-radius-circle: 50%;
1379
1379
  --border-radius-pill: 99px;
1380
+
1381
+ /* новые значения, используйте их */
1382
+ --border-radius-0: 0;
1383
+ --border-radius-4: 4px;
1384
+ --border-radius-6: 6px;
1385
+ --border-radius-8: 8px;
1386
+ --border-radius-10: 10px;
1387
+ --border-radius-12: 12px;
1388
+ --border-radius-16: 16px;
1389
+ --border-radius-20: 20px;
1390
+ --border-radius-24: 24px;
1391
+ --border-radius-36: 36px;
1392
+ --border-radius-64: 64px;
1380
1393
  }
1381
1394
  :root {
1382
1395
  --gap-3xs: 2px; /* deprecated */
package/cssm/bundle/intranet.css CHANGED
@@ -1368,15 +1368,28 @@
1368
1368
  0 -16px 32px rgba(0, 0, 0, 0.16);
1369
1369
  }
1370
1370
  :root {
1371
- --border-radius-xs: 2px;
1372
- --border-radius-s: 4px;
1373
- --border-radius-m: 8px;
1374
- --border-radius-l: 12px;
1375
- --border-radius-xl: 16px;
1376
- --border-radius-xxl: 20px;
1377
- --border-radius-3xl: 24px;
1371
+ --border-radius-xs: 2px; /* deprecated */
1372
+ --border-radius-s: 4px; /* deprecated */
1373
+ --border-radius-m: 8px; /* deprecated */
1374
+ --border-radius-l: 12px; /* deprecated */
1375
+ --border-radius-xl: 16px; /* deprecated */
1376
+ --border-radius-xxl: 20px; /* deprecated */
1377
+ --border-radius-3xl: 24px; /* deprecated */
1378
1378
  --border-radius-circle: 50%;
1379
1379
  --border-radius-pill: 99px;
1380
+
1381
+ /* новые значения, используйте их */
1382
+ --border-radius-0: 0;
1383
+ --border-radius-4: 4px;
1384
+ --border-radius-6: 6px;
1385
+ --border-radius-8: 8px;
1386
+ --border-radius-10: 10px;
1387
+ --border-radius-12: 12px;
1388
+ --border-radius-16: 16px;
1389
+ --border-radius-20: 20px;
1390
+ --border-radius-24: 24px;
1391
+ --border-radius-36: 36px;
1392
+ --border-radius-64: 64px;
1380
1393
  }
1381
1394
  :root {
1382
1395
  --gap-3xs: 2px; /* deprecated */
package/cssm/bundle/mobile.css CHANGED
@@ -1368,15 +1368,28 @@
1368
1368
  0 -16px 32px rgba(0, 0, 0, 0.16);
1369
1369
  }
1370
1370
  :root {
1371
- --border-radius-xs: 2px;
1372
- --border-radius-s: 4px;
1373
- --border-radius-m: 8px;
1374
- --border-radius-l: 12px;
1375
- --border-radius-xl: 16px;
1376
- --border-radius-xxl: 20px;
1377
- --border-radius-3xl: 24px;
1371
+ --border-radius-xs: 2px; /* deprecated */
1372
+ --border-radius-s: 4px; /* deprecated */
1373
+ --border-radius-m: 8px; /* deprecated */
1374
+ --border-radius-l: 12px; /* deprecated */
1375
+ --border-radius-xl: 16px; /* deprecated */
1376
+ --border-radius-xxl: 20px; /* deprecated */
1377
+ --border-radius-3xl: 24px; /* deprecated */
1378
1378
  --border-radius-circle: 50%;
1379
1379
  --border-radius-pill: 99px;
1380
+
1381
+ /* новые значения, используйте их */
1382
+ --border-radius-0: 0;
1383
+ --border-radius-4: 4px;
1384
+ --border-radius-6: 6px;
1385
+ --border-radius-8: 8px;
1386
+ --border-radius-10: 10px;
1387
+ --border-radius-12: 12px;
1388
+ --border-radius-16: 16px;
1389
+ --border-radius-20: 20px;
1390
+ --border-radius-24: 24px;
1391
+ --border-radius-36: 36px;
1392
+ --border-radius-64: 64px;
1380
1393
  }
1381
1394
  :root {
1382
1395
  --gap-3xs: 2px; /* deprecated */
package/cssm/bundle/site.css CHANGED
@@ -1368,15 +1368,28 @@
1368
1368
  0 -16px 32px rgba(0, 0, 0, 0.16);
1369
1369
  }
1370
1370
  :root {
1371
- --border-radius-xs: 2px;
1372
- --border-radius-s: 4px;
1373
- --border-radius-m: 8px;
1374
- --border-radius-l: 12px;
1375
- --border-radius-xl: 16px;
1376
- --border-radius-xxl: 20px;
1377
- --border-radius-3xl: 24px;
1371
+ --border-radius-xs: 2px; /* deprecated */
1372
+ --border-radius-s: 4px; /* deprecated */
1373
+ --border-radius-m: 8px; /* deprecated */
1374
+ --border-radius-l: 12px; /* deprecated */
1375
+ --border-radius-xl: 16px; /* deprecated */
1376
+ --border-radius-xxl: 20px; /* deprecated */
1377
+ --border-radius-3xl: 24px; /* deprecated */
1378
1378
  --border-radius-circle: 50%;
1379
1379
  --border-radius-pill: 99px;
1380
+
1381
+ /* новые значения, используйте их */
1382
+ --border-radius-0: 0;
1383
+ --border-radius-4: 4px;
1384
+ --border-radius-6: 6px;
1385
+ --border-radius-8: 8px;
1386
+ --border-radius-10: 10px;
1387
+ --border-radius-12: 12px;
1388
+ --border-radius-16: 16px;
1389
+ --border-radius-20: 20px;
1390
+ --border-radius-24: 24px;
1391
+ --border-radius-36: 36px;
1392
+ --border-radius-64: 64px;
1380
1393
  }
1381
1394
  :root {
1382
1395
  --gap-3xs: 2px; /* deprecated */
package/cssm/index.css CHANGED
@@ -1462,15 +1462,28 @@
1462
1462
  --shadow-xl-hard-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
1463
1463
  0 -16px 32px rgba(0, 0, 0, 0.16);
1464
1464
  } :root {
1465
- --border-radius-xs: 2px;
1466
- --border-radius-s: 4px;
1467
- --border-radius-m: 8px;
1468
- --border-radius-l: 12px;
1469
- --border-radius-xl: 16px;
1470
- --border-radius-xxl: 20px;
1471
- --border-radius-3xl: 24px;
1465
+ --border-radius-xs: 2px; /* deprecated */
1466
+ --border-radius-s: 4px; /* deprecated */
1467
+ --border-radius-m: 8px; /* deprecated */
1468
+ --border-radius-l: 12px; /* deprecated */
1469
+ --border-radius-xl: 16px; /* deprecated */
1470
+ --border-radius-xxl: 20px; /* deprecated */
1471
+ --border-radius-3xl: 24px; /* deprecated */
1472
1472
  --border-radius-circle: 50%;
1473
1473
  --border-radius-pill: 99px;
1474
+
1475
+ /* новые значения, используйте их */
1476
+ --border-radius-0: 0;
1477
+ --border-radius-4: 4px;
1478
+ --border-radius-6: 6px;
1479
+ --border-radius-8: 8px;
1480
+ --border-radius-10: 10px;
1481
+ --border-radius-12: 12px;
1482
+ --border-radius-16: 16px;
1483
+ --border-radius-20: 20px;
1484
+ --border-radius-24: 24px;
1485
+ --border-radius-36: 36px;
1486
+ --border-radius-64: 64px;
1474
1487
  } :root {
1475
1488
  --gap-3xs: 2px; /* deprecated */
1476
1489
  --gap-2xs: 4px; /* deprecated */
package/cssm/index.d.ts CHANGED
@@ -1444,6 +1444,17 @@ export const borderRadiusXxl: "20px";
1444
1444
  export const borderRadius3xl: "24px";
1445
1445
  export const borderRadiusCircle: "50%";
1446
1446
  export const borderRadiusPill: "99px";
1447
+ export const borderRadius0: "0";
1448
+ export const borderRadius4: "4px";
1449
+ export const borderRadius6: "6px";
1450
+ export const borderRadius8: "8px";
1451
+ export const borderRadius10: "10px";
1452
+ export const borderRadius12: "12px";
1453
+ export const borderRadius16: "16px";
1454
+ export const borderRadius20: "20px";
1455
+ export const borderRadius24: "24px";
1456
+ export const borderRadius36: "36px";
1457
+ export const borderRadius64: "64px";
1447
1458
  export const gap3xs: "2px";
1448
1459
  export const gap2xs: "4px";
1449
1460
  export const gapXs: "8px";
package/cssm/index.js CHANGED
@@ -1444,6 +1444,17 @@ module.exports.borderRadiusXxl = "20px";
1444
1444
  module.exports.borderRadius3xl = "24px";
1445
1445
  module.exports.borderRadiusCircle = "50%";
1446
1446
  module.exports.borderRadiusPill = "99px";
1447
+ module.exports.borderRadius0 = "0";
1448
+ module.exports.borderRadius4 = "4px";
1449
+ module.exports.borderRadius6 = "6px";
1450
+ module.exports.borderRadius8 = "8px";
1451
+ module.exports.borderRadius10 = "10px";
1452
+ module.exports.borderRadius12 = "12px";
1453
+ module.exports.borderRadius16 = "16px";
1454
+ module.exports.borderRadius20 = "20px";
1455
+ module.exports.borderRadius24 = "24px";
1456
+ module.exports.borderRadius36 = "36px";
1457
+ module.exports.borderRadius64 = "64px";
1447
1458
  module.exports.gap3xs = "2px";
1448
1459
  module.exports.gap2xs = "4px";
1449
1460
  module.exports.gapXs = "8px";
package/esm/index.d.ts CHANGED
@@ -1444,6 +1444,17 @@ export const borderRadiusXxl: "20px";
1444
1444
  export const borderRadius3xl: "24px";
1445
1445
  export const borderRadiusCircle: "50%";
1446
1446
  export const borderRadiusPill: "99px";
1447
+ export const borderRadius0: "0";
1448
+ export const borderRadius4: "4px";
1449
+ export const borderRadius6: "6px";
1450
+ export const borderRadius8: "8px";
1451
+ export const borderRadius10: "10px";
1452
+ export const borderRadius12: "12px";
1453
+ export const borderRadius16: "16px";
1454
+ export const borderRadius20: "20px";
1455
+ export const borderRadius24: "24px";
1456
+ export const borderRadius36: "36px";
1457
+ export const borderRadius64: "64px";
1447
1458
  export const gap3xs: "2px";
1448
1459
  export const gap2xs: "4px";
1449
1460
  export const gapXs: "8px";
package/esm/index.js CHANGED
@@ -1444,6 +1444,17 @@ export const borderRadiusXxl = "20px";
1444
1444
  export const borderRadius3xl = "24px";
1445
1445
  export const borderRadiusCircle = "50%";
1446
1446
  export const borderRadiusPill = "99px";
1447
+ export const borderRadius0 = "0";
1448
+ export const borderRadius4 = "4px";
1449
+ export const borderRadius6 = "6px";
1450
+ export const borderRadius8 = "8px";
1451
+ export const borderRadius10 = "10px";
1452
+ export const borderRadius12 = "12px";
1453
+ export const borderRadius16 = "16px";
1454
+ export const borderRadius20 = "20px";
1455
+ export const borderRadius24 = "24px";
1456
+ export const borderRadius36 = "36px";
1457
+ export const borderRadius64 = "64px";
1447
1458
  export const gap3xs = "2px";
1448
1459
  export const gap2xs = "4px";
1449
1460
  export const gapXs = "8px";
package/index.d.ts CHANGED
@@ -1444,6 +1444,17 @@ export const borderRadiusXxl: "20px";
1444
1444
  export const borderRadius3xl: "24px";
1445
1445
  export const borderRadiusCircle: "50%";
1446
1446
  export const borderRadiusPill: "99px";
1447
+ export const borderRadius0: "0";
1448
+ export const borderRadius4: "4px";
1449
+ export const borderRadius6: "6px";
1450
+ export const borderRadius8: "8px";
1451
+ export const borderRadius10: "10px";
1452
+ export const borderRadius12: "12px";
1453
+ export const borderRadius16: "16px";
1454
+ export const borderRadius20: "20px";
1455
+ export const borderRadius24: "24px";
1456
+ export const borderRadius36: "36px";
1457
+ export const borderRadius64: "64px";
1447
1458
  export const gap3xs: "2px";
1448
1459
  export const gap2xs: "4px";
1449
1460
  export const gapXs: "8px";
package/index.js CHANGED
@@ -1444,6 +1444,17 @@ module.exports.borderRadiusXxl = "20px";
1444
1444
  module.exports.borderRadius3xl = "24px";
1445
1445
  module.exports.borderRadiusCircle = "50%";
1446
1446
  module.exports.borderRadiusPill = "99px";
1447
+ module.exports.borderRadius0 = "0";
1448
+ module.exports.borderRadius4 = "4px";
1449
+ module.exports.borderRadius6 = "6px";
1450
+ module.exports.borderRadius8 = "8px";
1451
+ module.exports.borderRadius10 = "10px";
1452
+ module.exports.borderRadius12 = "12px";
1453
+ module.exports.borderRadius16 = "16px";
1454
+ module.exports.borderRadius20 = "20px";
1455
+ module.exports.borderRadius24 = "24px";
1456
+ module.exports.borderRadius36 = "36px";
1457
+ module.exports.borderRadius64 = "64px";
1447
1458
  module.exports.gap3xs = "2px";
1448
1459
  module.exports.gap2xs = "4px";
1449
1460
  module.exports.gapXs = "8px";
package/modern/index.d.ts CHANGED
@@ -1444,6 +1444,17 @@ export const borderRadiusXxl: "20px";
1444
1444
  export const borderRadius3xl: "24px";
1445
1445
  export const borderRadiusCircle: "50%";
1446
1446
  export const borderRadiusPill: "99px";
1447
+ export const borderRadius0: "0";
1448
+ export const borderRadius4: "4px";
1449
+ export const borderRadius6: "6px";
1450
+ export const borderRadius8: "8px";
1451
+ export const borderRadius10: "10px";
1452
+ export const borderRadius12: "12px";
1453
+ export const borderRadius16: "16px";
1454
+ export const borderRadius20: "20px";
1455
+ export const borderRadius24: "24px";
1456
+ export const borderRadius36: "36px";
1457
+ export const borderRadius64: "64px";
1447
1458
  export const gap3xs: "2px";
1448
1459
  export const gap2xs: "4px";
1449
1460
  export const gapXs: "8px";
package/modern/index.js CHANGED
@@ -1444,6 +1444,17 @@ export const borderRadiusXxl = "20px";
1444
1444
  export const borderRadius3xl = "24px";
1445
1445
  export const borderRadiusCircle = "50%";
1446
1446
  export const borderRadiusPill = "99px";
1447
+ export const borderRadius0 = "0";
1448
+ export const borderRadius4 = "4px";
1449
+ export const borderRadius6 = "6px";
1450
+ export const borderRadius8 = "8px";
1451
+ export const borderRadius10 = "10px";
1452
+ export const borderRadius12 = "12px";
1453
+ export const borderRadius16 = "16px";
1454
+ export const borderRadius20 = "20px";
1455
+ export const borderRadius24 = "24px";
1456
+ export const borderRadius36 = "36px";
1457
+ export const borderRadius64 = "64px";
1447
1458
  export const gap3xs = "2px";
1448
1459
  export const gap2xs = "4px";
1449
1460
  export const gapXs = "8px";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "9.10.0",
3
+ "version": "9.11.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
package/src/border-radius.css CHANGED
@@ -1,11 +1,24 @@
1
1
  :root {
2
- --border-radius-xs: 2px;
3
- --border-radius-s: 4px;
4
- --border-radius-m: 8px;
5
- --border-radius-l: 12px;
6
- --border-radius-xl: 16px;
7
- --border-radius-xxl: 20px;
8
- --border-radius-3xl: 24px;
2
+ --border-radius-xs: 2px; /* deprecated */
3
+ --border-radius-s: 4px; /* deprecated */
4
+ --border-radius-m: 8px; /* deprecated */
5
+ --border-radius-l: 12px; /* deprecated */
6
+ --border-radius-xl: 16px; /* deprecated */
7
+ --border-radius-xxl: 20px; /* deprecated */
8
+ --border-radius-3xl: 24px; /* deprecated */
9
9
  --border-radius-circle: 50%;
10
10
  --border-radius-pill: 99px;
11
+
12
+ /* новые значения, используйте их */
13
+ --border-radius-0: 0;
14
+ --border-radius-4: 4px;
15
+ --border-radius-6: 6px;
16
+ --border-radius-8: 8px;
17
+ --border-radius-10: 10px;
18
+ --border-radius-12: 12px;
19
+ --border-radius-16: 16px;
20
+ --border-radius-20: 20px;
21
+ --border-radius-24: 24px;
22
+ --border-radius-36: 36px;
23
+ --border-radius-64: 64px;
11
24
  }