@alfalab/core-components-vars 9.9.1 → 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.
Files changed (20) hide show
  1. package/cssm/bundle/click.css +64 -29
  2. package/cssm/bundle/corp.css +64 -29
  3. package/cssm/bundle/intranet.css +64 -29
  4. package/cssm/bundle/mobile.css +64 -29
  5. package/cssm/bundle/site.css +64 -29
  6. package/cssm/gaps.css +64 -29
  7. package/cssm/index.css +64 -29
  8. package/cssm/index.d.ts +33 -0
  9. package/cssm/index.js +33 -0
  10. package/esm/index.d.ts +33 -0
  11. package/esm/index.js +33 -0
  12. package/gaps.css +64 -29
  13. package/index.d.ts +33 -0
  14. package/index.js +33 -0
  15. package/modern/index.d.ts +33 -0
  16. package/modern/index.js +33 -0
  17. package/package.json +1 -1
  18. package/src/gaps.css +64 -29
  19. package/src/typography.css +24 -0
  20. package/typography.css +24 -0
package/cssm/bundle/click.css CHANGED
@@ -1379,35 +1379,70 @@
1379
1379
  --border-radius-pill: 99px;
1380
1380
  }
1381
1381
  :root {
1382
- --gap-3xs: 2px;
1383
- --gap-2xs: 4px;
1384
- --gap-xs: 8px;
1385
- --gap-s: 12px;
1386
- --gap-2s: 14px;
1387
- --gap-m: 16px;
1388
- --gap-l: 20px;
1389
- --gap-xl: 24px;
1390
- --gap-2xl: 32px;
1391
- --gap-3xl: 40px;
1392
- --gap-4xl: 48px;
1393
- --gap-5xl: 64px;
1394
- --gap-6xl: 72px;
1395
- --gap-7xl: 96px;
1396
- --gap-8xl: 128px;
1397
- --gap-3xs-neg: -2px;
1398
- --gap-2xs-neg: -4px;
1399
- --gap-xs-neg: -8px;
1400
- --gap-s-neg: -12px;
1401
- --gap-m-neg: -16px;
1402
- --gap-l-neg: -20px;
1403
- --gap-xl-neg: -24px;
1404
- --gap-2xl-neg: -32px;
1405
- --gap-3xl-neg: -40px;
1406
- --gap-4xl-neg: -48px;
1407
- --gap-5xl-neg: -64px;
1408
- --gap-6xl-neg: -72px;
1409
- --gap-7xl-neg: -96px;
1410
- --gap-8xl-neg: -128px;
1382
+ --gap-3xs: 2px; /* deprecated */
1383
+ --gap-2xs: 4px; /* deprecated */
1384
+ --gap-xs: 8px; /* deprecated */
1385
+ --gap-s: 12px; /* deprecated */
1386
+ --gap-2s: 14px; /* deprecated */
1387
+ --gap-m: 16px; /* deprecated */
1388
+ --gap-l: 20px; /* deprecated */
1389
+ --gap-xl: 24px; /* deprecated */
1390
+ --gap-2xl: 32px; /* deprecated */
1391
+ --gap-3xl: 40px; /* deprecated */
1392
+ --gap-4xl: 48px; /* deprecated */
1393
+ --gap-5xl: 64px; /* deprecated */
1394
+ --gap-6xl: 72px; /* deprecated */
1395
+ --gap-7xl: 96px; /* deprecated */
1396
+ --gap-8xl: 128px; /* deprecated */
1397
+ --gap-3xs-neg: -2px; /* deprecated */
1398
+ --gap-2xs-neg: -4px; /* deprecated */
1399
+ --gap-xs-neg: -8px; /* deprecated */
1400
+ --gap-s-neg: -12px; /* deprecated */
1401
+ --gap-m-neg: -16px; /* deprecated */
1402
+ --gap-l-neg: -20px; /* deprecated */
1403
+ --gap-xl-neg: -24px; /* deprecated */
1404
+ --gap-2xl-neg: -32px; /* deprecated */
1405
+ --gap-3xl-neg: -40px; /* deprecated */
1406
+ --gap-4xl-neg: -48px; /* deprecated */
1407
+ --gap-5xl-neg: -64px; /* deprecated */
1408
+ --gap-6xl-neg: -72px; /* deprecated */
1409
+ --gap-7xl-neg: -96px; /* deprecated */
1410
+ --gap-8xl-neg: -128px; /* deprecated */
1411
+
1412
+ /* новые значения, используйте их */
1413
+ --gap-0: 0;
1414
+ --gap-2: 2px;
1415
+ --gap-4: 4px;
1416
+ --gap-8: 8px;
1417
+ --gap-12: 12px;
1418
+ --gap-16: 16px;
1419
+ --gap-20: 20px;
1420
+ --gap-24: 24px;
1421
+ --gap-32: 32px;
1422
+ --gap-40: 40px;
1423
+ --gap-48: 48px;
1424
+ --gap-56: 56px;
1425
+ --gap-64: 64px;
1426
+ --gap-72: 72px;
1427
+ --gap-80: 80px;
1428
+ --gap-96: 96px;
1429
+ --gap-128: 128px;
1430
+ --gap-2-neg: -2px;
1431
+ --gap-4-neg: -4px;
1432
+ --gap-8-neg: -8px;
1433
+ --gap-12-neg: -12px;
1434
+ --gap-16-neg: -16px;
1435
+ --gap-20-neg: -20px;
1436
+ --gap-24-neg: -24px;
1437
+ --gap-32-neg: -32px;
1438
+ --gap-40-neg: -40px;
1439
+ --gap-48-neg: -48px;
1440
+ --gap-56-neg: -56px;
1441
+ --gap-64-neg: -64px;
1442
+ --gap-72-neg: -72px;
1443
+ --gap-80-neg: -80px;
1444
+ --gap-96-neg: -96px;
1445
+ --gap-128-neg: -128px;
1411
1446
  }
1412
1447
  :root {
1413
1448
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/cssm/bundle/corp.css CHANGED
@@ -1379,35 +1379,70 @@
1379
1379
  --border-radius-pill: 99px;
1380
1380
  }
1381
1381
  :root {
1382
- --gap-3xs: 2px;
1383
- --gap-2xs: 4px;
1384
- --gap-xs: 8px;
1385
- --gap-s: 12px;
1386
- --gap-2s: 14px;
1387
- --gap-m: 16px;
1388
- --gap-l: 20px;
1389
- --gap-xl: 24px;
1390
- --gap-2xl: 32px;
1391
- --gap-3xl: 40px;
1392
- --gap-4xl: 48px;
1393
- --gap-5xl: 64px;
1394
- --gap-6xl: 72px;
1395
- --gap-7xl: 96px;
1396
- --gap-8xl: 128px;
1397
- --gap-3xs-neg: -2px;
1398
- --gap-2xs-neg: -4px;
1399
- --gap-xs-neg: -8px;
1400
- --gap-s-neg: -12px;
1401
- --gap-m-neg: -16px;
1402
- --gap-l-neg: -20px;
1403
- --gap-xl-neg: -24px;
1404
- --gap-2xl-neg: -32px;
1405
- --gap-3xl-neg: -40px;
1406
- --gap-4xl-neg: -48px;
1407
- --gap-5xl-neg: -64px;
1408
- --gap-6xl-neg: -72px;
1409
- --gap-7xl-neg: -96px;
1410
- --gap-8xl-neg: -128px;
1382
+ --gap-3xs: 2px; /* deprecated */
1383
+ --gap-2xs: 4px; /* deprecated */
1384
+ --gap-xs: 8px; /* deprecated */
1385
+ --gap-s: 12px; /* deprecated */
1386
+ --gap-2s: 14px; /* deprecated */
1387
+ --gap-m: 16px; /* deprecated */
1388
+ --gap-l: 20px; /* deprecated */
1389
+ --gap-xl: 24px; /* deprecated */
1390
+ --gap-2xl: 32px; /* deprecated */
1391
+ --gap-3xl: 40px; /* deprecated */
1392
+ --gap-4xl: 48px; /* deprecated */
1393
+ --gap-5xl: 64px; /* deprecated */
1394
+ --gap-6xl: 72px; /* deprecated */
1395
+ --gap-7xl: 96px; /* deprecated */
1396
+ --gap-8xl: 128px; /* deprecated */
1397
+ --gap-3xs-neg: -2px; /* deprecated */
1398
+ --gap-2xs-neg: -4px; /* deprecated */
1399
+ --gap-xs-neg: -8px; /* deprecated */
1400
+ --gap-s-neg: -12px; /* deprecated */
1401
+ --gap-m-neg: -16px; /* deprecated */
1402
+ --gap-l-neg: -20px; /* deprecated */
1403
+ --gap-xl-neg: -24px; /* deprecated */
1404
+ --gap-2xl-neg: -32px; /* deprecated */
1405
+ --gap-3xl-neg: -40px; /* deprecated */
1406
+ --gap-4xl-neg: -48px; /* deprecated */
1407
+ --gap-5xl-neg: -64px; /* deprecated */
1408
+ --gap-6xl-neg: -72px; /* deprecated */
1409
+ --gap-7xl-neg: -96px; /* deprecated */
1410
+ --gap-8xl-neg: -128px; /* deprecated */
1411
+
1412
+ /* новые значения, используйте их */
1413
+ --gap-0: 0;
1414
+ --gap-2: 2px;
1415
+ --gap-4: 4px;
1416
+ --gap-8: 8px;
1417
+ --gap-12: 12px;
1418
+ --gap-16: 16px;
1419
+ --gap-20: 20px;
1420
+ --gap-24: 24px;
1421
+ --gap-32: 32px;
1422
+ --gap-40: 40px;
1423
+ --gap-48: 48px;
1424
+ --gap-56: 56px;
1425
+ --gap-64: 64px;
1426
+ --gap-72: 72px;
1427
+ --gap-80: 80px;
1428
+ --gap-96: 96px;
1429
+ --gap-128: 128px;
1430
+ --gap-2-neg: -2px;
1431
+ --gap-4-neg: -4px;
1432
+ --gap-8-neg: -8px;
1433
+ --gap-12-neg: -12px;
1434
+ --gap-16-neg: -16px;
1435
+ --gap-20-neg: -20px;
1436
+ --gap-24-neg: -24px;
1437
+ --gap-32-neg: -32px;
1438
+ --gap-40-neg: -40px;
1439
+ --gap-48-neg: -48px;
1440
+ --gap-56-neg: -56px;
1441
+ --gap-64-neg: -64px;
1442
+ --gap-72-neg: -72px;
1443
+ --gap-80-neg: -80px;
1444
+ --gap-96-neg: -96px;
1445
+ --gap-128-neg: -128px;
1411
1446
  }
1412
1447
  :root {
1413
1448
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/cssm/bundle/intranet.css CHANGED
@@ -1379,35 +1379,70 @@
1379
1379
  --border-radius-pill: 99px;
1380
1380
  }
1381
1381
  :root {
1382
- --gap-3xs: 2px;
1383
- --gap-2xs: 4px;
1384
- --gap-xs: 8px;
1385
- --gap-s: 12px;
1386
- --gap-2s: 14px;
1387
- --gap-m: 16px;
1388
- --gap-l: 20px;
1389
- --gap-xl: 24px;
1390
- --gap-2xl: 32px;
1391
- --gap-3xl: 40px;
1392
- --gap-4xl: 48px;
1393
- --gap-5xl: 64px;
1394
- --gap-6xl: 72px;
1395
- --gap-7xl: 96px;
1396
- --gap-8xl: 128px;
1397
- --gap-3xs-neg: -2px;
1398
- --gap-2xs-neg: -4px;
1399
- --gap-xs-neg: -8px;
1400
- --gap-s-neg: -12px;
1401
- --gap-m-neg: -16px;
1402
- --gap-l-neg: -20px;
1403
- --gap-xl-neg: -24px;
1404
- --gap-2xl-neg: -32px;
1405
- --gap-3xl-neg: -40px;
1406
- --gap-4xl-neg: -48px;
1407
- --gap-5xl-neg: -64px;
1408
- --gap-6xl-neg: -72px;
1409
- --gap-7xl-neg: -96px;
1410
- --gap-8xl-neg: -128px;
1382
+ --gap-3xs: 2px; /* deprecated */
1383
+ --gap-2xs: 4px; /* deprecated */
1384
+ --gap-xs: 8px; /* deprecated */
1385
+ --gap-s: 12px; /* deprecated */
1386
+ --gap-2s: 14px; /* deprecated */
1387
+ --gap-m: 16px; /* deprecated */
1388
+ --gap-l: 20px; /* deprecated */
1389
+ --gap-xl: 24px; /* deprecated */
1390
+ --gap-2xl: 32px; /* deprecated */
1391
+ --gap-3xl: 40px; /* deprecated */
1392
+ --gap-4xl: 48px; /* deprecated */
1393
+ --gap-5xl: 64px; /* deprecated */
1394
+ --gap-6xl: 72px; /* deprecated */
1395
+ --gap-7xl: 96px; /* deprecated */
1396
+ --gap-8xl: 128px; /* deprecated */
1397
+ --gap-3xs-neg: -2px; /* deprecated */
1398
+ --gap-2xs-neg: -4px; /* deprecated */
1399
+ --gap-xs-neg: -8px; /* deprecated */
1400
+ --gap-s-neg: -12px; /* deprecated */
1401
+ --gap-m-neg: -16px; /* deprecated */
1402
+ --gap-l-neg: -20px; /* deprecated */
1403
+ --gap-xl-neg: -24px; /* deprecated */
1404
+ --gap-2xl-neg: -32px; /* deprecated */
1405
+ --gap-3xl-neg: -40px; /* deprecated */
1406
+ --gap-4xl-neg: -48px; /* deprecated */
1407
+ --gap-5xl-neg: -64px; /* deprecated */
1408
+ --gap-6xl-neg: -72px; /* deprecated */
1409
+ --gap-7xl-neg: -96px; /* deprecated */
1410
+ --gap-8xl-neg: -128px; /* deprecated */
1411
+
1412
+ /* новые значения, используйте их */
1413
+ --gap-0: 0;
1414
+ --gap-2: 2px;
1415
+ --gap-4: 4px;
1416
+ --gap-8: 8px;
1417
+ --gap-12: 12px;
1418
+ --gap-16: 16px;
1419
+ --gap-20: 20px;
1420
+ --gap-24: 24px;
1421
+ --gap-32: 32px;
1422
+ --gap-40: 40px;
1423
+ --gap-48: 48px;
1424
+ --gap-56: 56px;
1425
+ --gap-64: 64px;
1426
+ --gap-72: 72px;
1427
+ --gap-80: 80px;
1428
+ --gap-96: 96px;
1429
+ --gap-128: 128px;
1430
+ --gap-2-neg: -2px;
1431
+ --gap-4-neg: -4px;
1432
+ --gap-8-neg: -8px;
1433
+ --gap-12-neg: -12px;
1434
+ --gap-16-neg: -16px;
1435
+ --gap-20-neg: -20px;
1436
+ --gap-24-neg: -24px;
1437
+ --gap-32-neg: -32px;
1438
+ --gap-40-neg: -40px;
1439
+ --gap-48-neg: -48px;
1440
+ --gap-56-neg: -56px;
1441
+ --gap-64-neg: -64px;
1442
+ --gap-72-neg: -72px;
1443
+ --gap-80-neg: -80px;
1444
+ --gap-96-neg: -96px;
1445
+ --gap-128-neg: -128px;
1411
1446
  }
1412
1447
  :root {
1413
1448
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/cssm/bundle/mobile.css CHANGED
@@ -1379,35 +1379,70 @@
1379
1379
  --border-radius-pill: 99px;
1380
1380
  }
1381
1381
  :root {
1382
- --gap-3xs: 2px;
1383
- --gap-2xs: 4px;
1384
- --gap-xs: 8px;
1385
- --gap-s: 12px;
1386
- --gap-2s: 14px;
1387
- --gap-m: 16px;
1388
- --gap-l: 20px;
1389
- --gap-xl: 24px;
1390
- --gap-2xl: 32px;
1391
- --gap-3xl: 40px;
1392
- --gap-4xl: 48px;
1393
- --gap-5xl: 64px;
1394
- --gap-6xl: 72px;
1395
- --gap-7xl: 96px;
1396
- --gap-8xl: 128px;
1397
- --gap-3xs-neg: -2px;
1398
- --gap-2xs-neg: -4px;
1399
- --gap-xs-neg: -8px;
1400
- --gap-s-neg: -12px;
1401
- --gap-m-neg: -16px;
1402
- --gap-l-neg: -20px;
1403
- --gap-xl-neg: -24px;
1404
- --gap-2xl-neg: -32px;
1405
- --gap-3xl-neg: -40px;
1406
- --gap-4xl-neg: -48px;
1407
- --gap-5xl-neg: -64px;
1408
- --gap-6xl-neg: -72px;
1409
- --gap-7xl-neg: -96px;
1410
- --gap-8xl-neg: -128px;
1382
+ --gap-3xs: 2px; /* deprecated */
1383
+ --gap-2xs: 4px; /* deprecated */
1384
+ --gap-xs: 8px; /* deprecated */
1385
+ --gap-s: 12px; /* deprecated */
1386
+ --gap-2s: 14px; /* deprecated */
1387
+ --gap-m: 16px; /* deprecated */
1388
+ --gap-l: 20px; /* deprecated */
1389
+ --gap-xl: 24px; /* deprecated */
1390
+ --gap-2xl: 32px; /* deprecated */
1391
+ --gap-3xl: 40px; /* deprecated */
1392
+ --gap-4xl: 48px; /* deprecated */
1393
+ --gap-5xl: 64px; /* deprecated */
1394
+ --gap-6xl: 72px; /* deprecated */
1395
+ --gap-7xl: 96px; /* deprecated */
1396
+ --gap-8xl: 128px; /* deprecated */
1397
+ --gap-3xs-neg: -2px; /* deprecated */
1398
+ --gap-2xs-neg: -4px; /* deprecated */
1399
+ --gap-xs-neg: -8px; /* deprecated */
1400
+ --gap-s-neg: -12px; /* deprecated */
1401
+ --gap-m-neg: -16px; /* deprecated */
1402
+ --gap-l-neg: -20px; /* deprecated */
1403
+ --gap-xl-neg: -24px; /* deprecated */
1404
+ --gap-2xl-neg: -32px; /* deprecated */
1405
+ --gap-3xl-neg: -40px; /* deprecated */
1406
+ --gap-4xl-neg: -48px; /* deprecated */
1407
+ --gap-5xl-neg: -64px; /* deprecated */
1408
+ --gap-6xl-neg: -72px; /* deprecated */
1409
+ --gap-7xl-neg: -96px; /* deprecated */
1410
+ --gap-8xl-neg: -128px; /* deprecated */
1411
+
1412
+ /* новые значения, используйте их */
1413
+ --gap-0: 0;
1414
+ --gap-2: 2px;
1415
+ --gap-4: 4px;
1416
+ --gap-8: 8px;
1417
+ --gap-12: 12px;
1418
+ --gap-16: 16px;
1419
+ --gap-20: 20px;
1420
+ --gap-24: 24px;
1421
+ --gap-32: 32px;
1422
+ --gap-40: 40px;
1423
+ --gap-48: 48px;
1424
+ --gap-56: 56px;
1425
+ --gap-64: 64px;
1426
+ --gap-72: 72px;
1427
+ --gap-80: 80px;
1428
+ --gap-96: 96px;
1429
+ --gap-128: 128px;
1430
+ --gap-2-neg: -2px;
1431
+ --gap-4-neg: -4px;
1432
+ --gap-8-neg: -8px;
1433
+ --gap-12-neg: -12px;
1434
+ --gap-16-neg: -16px;
1435
+ --gap-20-neg: -20px;
1436
+ --gap-24-neg: -24px;
1437
+ --gap-32-neg: -32px;
1438
+ --gap-40-neg: -40px;
1439
+ --gap-48-neg: -48px;
1440
+ --gap-56-neg: -56px;
1441
+ --gap-64-neg: -64px;
1442
+ --gap-72-neg: -72px;
1443
+ --gap-80-neg: -80px;
1444
+ --gap-96-neg: -96px;
1445
+ --gap-128-neg: -128px;
1411
1446
  }
1412
1447
  :root {
1413
1448
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/cssm/bundle/site.css CHANGED
@@ -1379,33 +1379,68 @@
1379
1379
  --border-radius-pill: 99px;
1380
1380
  }
1381
1381
  :root {
1382
- --gap-3xs: 2px;
1383
- --gap-2xs: 4px;
1384
- --gap-xs: 8px;
1385
- --gap-s: 12px;
1386
- --gap-2s: 14px;
1387
- --gap-m: 16px;
1388
- --gap-l: 20px;
1389
- --gap-xl: 24px;
1390
- --gap-2xl: 32px;
1391
- --gap-3xl: 40px;
1392
- --gap-4xl: 48px;
1393
- --gap-5xl: 64px;
1394
- --gap-6xl: 72px;
1395
- --gap-7xl: 96px;
1396
- --gap-8xl: 128px;
1397
- --gap-3xs-neg: -2px;
1398
- --gap-2xs-neg: -4px;
1399
- --gap-xs-neg: -8px;
1400
- --gap-s-neg: -12px;
1401
- --gap-m-neg: -16px;
1402
- --gap-l-neg: -20px;
1403
- --gap-xl-neg: -24px;
1404
- --gap-2xl-neg: -32px;
1405
- --gap-3xl-neg: -40px;
1406
- --gap-4xl-neg: -48px;
1407
- --gap-5xl-neg: -64px;
1408
- --gap-6xl-neg: -72px;
1409
- --gap-7xl-neg: -96px;
1410
- --gap-8xl-neg: -128px;
1382
+ --gap-3xs: 2px; /* deprecated */
1383
+ --gap-2xs: 4px; /* deprecated */
1384
+ --gap-xs: 8px; /* deprecated */
1385
+ --gap-s: 12px; /* deprecated */
1386
+ --gap-2s: 14px; /* deprecated */
1387
+ --gap-m: 16px; /* deprecated */
1388
+ --gap-l: 20px; /* deprecated */
1389
+ --gap-xl: 24px; /* deprecated */
1390
+ --gap-2xl: 32px; /* deprecated */
1391
+ --gap-3xl: 40px; /* deprecated */
1392
+ --gap-4xl: 48px; /* deprecated */
1393
+ --gap-5xl: 64px; /* deprecated */
1394
+ --gap-6xl: 72px; /* deprecated */
1395
+ --gap-7xl: 96px; /* deprecated */
1396
+ --gap-8xl: 128px; /* deprecated */
1397
+ --gap-3xs-neg: -2px; /* deprecated */
1398
+ --gap-2xs-neg: -4px; /* deprecated */
1399
+ --gap-xs-neg: -8px; /* deprecated */
1400
+ --gap-s-neg: -12px; /* deprecated */
1401
+ --gap-m-neg: -16px; /* deprecated */
1402
+ --gap-l-neg: -20px; /* deprecated */
1403
+ --gap-xl-neg: -24px; /* deprecated */
1404
+ --gap-2xl-neg: -32px; /* deprecated */
1405
+ --gap-3xl-neg: -40px; /* deprecated */
1406
+ --gap-4xl-neg: -48px; /* deprecated */
1407
+ --gap-5xl-neg: -64px; /* deprecated */
1408
+ --gap-6xl-neg: -72px; /* deprecated */
1409
+ --gap-7xl-neg: -96px; /* deprecated */
1410
+ --gap-8xl-neg: -128px; /* deprecated */
1411
+
1412
+ /* новые значения, используйте их */
1413
+ --gap-0: 0;
1414
+ --gap-2: 2px;
1415
+ --gap-4: 4px;
1416
+ --gap-8: 8px;
1417
+ --gap-12: 12px;
1418
+ --gap-16: 16px;
1419
+ --gap-20: 20px;
1420
+ --gap-24: 24px;
1421
+ --gap-32: 32px;
1422
+ --gap-40: 40px;
1423
+ --gap-48: 48px;
1424
+ --gap-56: 56px;
1425
+ --gap-64: 64px;
1426
+ --gap-72: 72px;
1427
+ --gap-80: 80px;
1428
+ --gap-96: 96px;
1429
+ --gap-128: 128px;
1430
+ --gap-2-neg: -2px;
1431
+ --gap-4-neg: -4px;
1432
+ --gap-8-neg: -8px;
1433
+ --gap-12-neg: -12px;
1434
+ --gap-16-neg: -16px;
1435
+ --gap-20-neg: -20px;
1436
+ --gap-24-neg: -24px;
1437
+ --gap-32-neg: -32px;
1438
+ --gap-40-neg: -40px;
1439
+ --gap-48-neg: -48px;
1440
+ --gap-56-neg: -56px;
1441
+ --gap-64-neg: -64px;
1442
+ --gap-72-neg: -72px;
1443
+ --gap-80-neg: -80px;
1444
+ --gap-96-neg: -96px;
1445
+ --gap-128-neg: -128px;
1411
1446
  }
package/cssm/gaps.css CHANGED
@@ -1,31 +1,66 @@
1
1
  :root {
2
- --gap-3xs: 2px;
3
- --gap-2xs: 4px;
4
- --gap-xs: 8px;
5
- --gap-s: 12px;
6
- --gap-2s: 14px;
7
- --gap-m: 16px;
8
- --gap-l: 20px;
9
- --gap-xl: 24px;
10
- --gap-2xl: 32px;
11
- --gap-3xl: 40px;
12
- --gap-4xl: 48px;
13
- --gap-5xl: 64px;
14
- --gap-6xl: 72px;
15
- --gap-7xl: 96px;
16
- --gap-8xl: 128px;
17
- --gap-3xs-neg: -2px;
18
- --gap-2xs-neg: -4px;
19
- --gap-xs-neg: -8px;
20
- --gap-s-neg: -12px;
21
- --gap-m-neg: -16px;
22
- --gap-l-neg: -20px;
23
- --gap-xl-neg: -24px;
24
- --gap-2xl-neg: -32px;
25
- --gap-3xl-neg: -40px;
26
- --gap-4xl-neg: -48px;
27
- --gap-5xl-neg: -64px;
28
- --gap-6xl-neg: -72px;
29
- --gap-7xl-neg: -96px;
30
- --gap-8xl-neg: -128px;
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;
31
66
  }
package/cssm/index.css CHANGED
@@ -1472,35 +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-2s: 14px;
1480
- --gap-m: 16px;
1481
- --gap-l: 20px;
1482
- --gap-xl: 24px;
1483
- --gap-2xl: 32px;
1484
- --gap-3xl: 40px;
1485
- --gap-4xl: 48px;
1486
- --gap-5xl: 64px;
1487
- --gap-6xl: 72px;
1488
- --gap-7xl: 96px;
1489
- --gap-8xl: 128px;
1490
- --gap-3xs-neg: -2px;
1491
- --gap-2xs-neg: -4px;
1492
- --gap-xs-neg: -8px;
1493
- --gap-s-neg: -12px;
1494
- --gap-m-neg: -16px;
1495
- --gap-l-neg: -20px;
1496
- --gap-xl-neg: -24px;
1497
- --gap-2xl-neg: -32px;
1498
- --gap-3xl-neg: -40px;
1499
- --gap-4xl-neg: -48px;
1500
- --gap-5xl-neg: -64px;
1501
- --gap-6xl-neg: -72px;
1502
- --gap-7xl-neg: -96px;
1503
- --gap-8xl-neg: -128px;
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;
1504
1539
  } :root {
1505
1540
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
1506
1541
  sans-serif;
package/cssm/index.d.ts CHANGED
@@ -1473,5 +1473,38 @@ export const gap5xlNeg: "-64px";
1473
1473
  export const gap6xlNeg: "-72px";
1474
1474
  export const gap7xlNeg: "-96px";
1475
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";
1476
1509
  export const fontFamilySystem: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1477
1510
  export const fontFamilyStyrene: "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
package/cssm/index.js CHANGED
@@ -1473,5 +1473,38 @@ module.exports.gap5xlNeg = "-64px";
1473
1473
  module.exports.gap6xlNeg = "-72px";
1474
1474
  module.exports.gap7xlNeg = "-96px";
1475
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";
1476
1509
  module.exports.fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1477
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
@@ -1473,5 +1473,38 @@ export const gap5xlNeg: "-64px";
1473
1473
  export const gap6xlNeg: "-72px";
1474
1474
  export const gap7xlNeg: "-96px";
1475
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";
1476
1509
  export const fontFamilySystem: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1477
1510
  export const fontFamilyStyrene: "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
package/esm/index.js CHANGED
@@ -1473,5 +1473,38 @@ export const gap5xlNeg = "-64px";
1473
1473
  export const gap6xlNeg = "-72px";
1474
1474
  export const gap7xlNeg = "-96px";
1475
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";
1476
1509
  export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1477
1510
  export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
package/gaps.css CHANGED
@@ -1,31 +1,66 @@
1
1
  :root {
2
- --gap-3xs: 2px;
3
- --gap-2xs: 4px;
4
- --gap-xs: 8px;
5
- --gap-s: 12px;
6
- --gap-2s: 14px;
7
- --gap-m: 16px;
8
- --gap-l: 20px;
9
- --gap-xl: 24px;
10
- --gap-2xl: 32px;
11
- --gap-3xl: 40px;
12
- --gap-4xl: 48px;
13
- --gap-5xl: 64px;
14
- --gap-6xl: 72px;
15
- --gap-7xl: 96px;
16
- --gap-8xl: 128px;
17
- --gap-3xs-neg: -2px;
18
- --gap-2xs-neg: -4px;
19
- --gap-xs-neg: -8px;
20
- --gap-s-neg: -12px;
21
- --gap-m-neg: -16px;
22
- --gap-l-neg: -20px;
23
- --gap-xl-neg: -24px;
24
- --gap-2xl-neg: -32px;
25
- --gap-3xl-neg: -40px;
26
- --gap-4xl-neg: -48px;
27
- --gap-5xl-neg: -64px;
28
- --gap-6xl-neg: -72px;
29
- --gap-7xl-neg: -96px;
30
- --gap-8xl-neg: -128px;
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;
31
66
  }
package/index.d.ts CHANGED
@@ -1473,5 +1473,38 @@ export const gap5xlNeg: "-64px";
1473
1473
  export const gap6xlNeg: "-72px";
1474
1474
  export const gap7xlNeg: "-96px";
1475
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";
1476
1509
  export const fontFamilySystem: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1477
1510
  export const fontFamilyStyrene: "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
package/index.js CHANGED
@@ -1473,5 +1473,38 @@ module.exports.gap5xlNeg = "-64px";
1473
1473
  module.exports.gap6xlNeg = "-72px";
1474
1474
  module.exports.gap7xlNeg = "-96px";
1475
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";
1476
1509
  module.exports.fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1477
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
@@ -1473,5 +1473,38 @@ export const gap5xlNeg: "-64px";
1473
1473
  export const gap6xlNeg: "-72px";
1474
1474
  export const gap7xlNeg: "-96px";
1475
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";
1476
1509
  export const fontFamilySystem: "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1477
1510
  export const fontFamilyStyrene: "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
package/modern/index.js CHANGED
@@ -1473,5 +1473,38 @@ export const gap5xlNeg = "-64px";
1473
1473
  export const gap6xlNeg = "-72px";
1474
1474
  export const gap7xlNeg = "-96px";
1475
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";
1476
1509
  export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1477
1510
  export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "9.9.1",
3
+ "version": "9.10.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
package/src/gaps.css CHANGED
@@ -1,31 +1,66 @@
1
1
  :root {
2
- --gap-3xs: 2px;
3
- --gap-2xs: 4px;
4
- --gap-xs: 8px;
5
- --gap-s: 12px;
6
- --gap-2s: 14px;
7
- --gap-m: 16px;
8
- --gap-l: 20px;
9
- --gap-xl: 24px;
10
- --gap-2xl: 32px;
11
- --gap-3xl: 40px;
12
- --gap-4xl: 48px;
13
- --gap-5xl: 64px;
14
- --gap-6xl: 72px;
15
- --gap-7xl: 96px;
16
- --gap-8xl: 128px;
17
- --gap-3xs-neg: -2px;
18
- --gap-2xs-neg: -4px;
19
- --gap-xs-neg: -8px;
20
- --gap-s-neg: -12px;
21
- --gap-m-neg: -16px;
22
- --gap-l-neg: -20px;
23
- --gap-xl-neg: -24px;
24
- --gap-2xl-neg: -32px;
25
- --gap-3xl-neg: -40px;
26
- --gap-4xl-neg: -48px;
27
- --gap-5xl-neg: -64px;
28
- --gap-6xl-neg: -72px;
29
- --gap-7xl-neg: -96px;
30
- --gap-8xl-neg: -128px;
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;
31
66
  }
package/src/typography.css CHANGED
@@ -61,6 +61,14 @@
61
61
  font-weight: 700;
62
62
  }
63
63
 
64
+ @define-mixin accent_tagline {
65
+ font-size: 12px;
66
+ line-height: 16px;
67
+ font-weight: 700;
68
+ letter-spacing: 1.25px;
69
+ text-transform: uppercase;
70
+ }
71
+
64
72
  @define-mixin action_caps {
65
73
  font-size: 12px;
66
74
  line-height: 16px;
@@ -117,6 +125,14 @@
117
125
  font-weight: 500;
118
126
  }
119
127
 
128
+ @define-mixin action_tagline {
129
+ font-size: 12px;
130
+ line-height: 16px;
131
+ font-weight: 700;
132
+ letter-spacing: 1.25px;
133
+ text-transform: uppercase;
134
+ }
135
+
120
136
  @define-mixin headline-mobile_large {
121
137
  font-size: 30px;
122
138
  line-height: 36px;
@@ -353,6 +369,14 @@
353
369
  font-weight: 400;
354
370
  }
355
371
 
372
+ @define-mixin paragraph_tagline {
373
+ font-size: 12px;
374
+ line-height: 16px;
375
+ font-weight: 500;
376
+ letter-spacing: 1.25px;
377
+ text-transform: uppercase;
378
+ }
379
+
356
380
  @define-mixin promo-mobile_large {
357
381
  font-size: 30px;
358
382
  line-height: 36px;
package/typography.css CHANGED
@@ -61,6 +61,14 @@
61
61
  font-weight: 700;
62
62
  }
63
63
 
64
+ @define-mixin accent_tagline {
65
+ font-size: 12px;
66
+ line-height: 16px;
67
+ font-weight: 700;
68
+ letter-spacing: 1.25px;
69
+ text-transform: uppercase;
70
+ }
71
+
64
72
  @define-mixin action_caps {
65
73
  font-size: 12px;
66
74
  line-height: 16px;
@@ -117,6 +125,14 @@
117
125
  font-weight: 500;
118
126
  }
119
127
 
128
+ @define-mixin action_tagline {
129
+ font-size: 12px;
130
+ line-height: 16px;
131
+ font-weight: 700;
132
+ letter-spacing: 1.25px;
133
+ text-transform: uppercase;
134
+ }
135
+
120
136
  @define-mixin headline-mobile_large {
121
137
  font-size: 30px;
122
138
  line-height: 36px;
@@ -353,6 +369,14 @@
353
369
  font-weight: 400;
354
370
  }
355
371
 
372
+ @define-mixin paragraph_tagline {
373
+ font-size: 12px;
374
+ line-height: 16px;
375
+ font-weight: 500;
376
+ letter-spacing: 1.25px;
377
+ text-transform: uppercase;
378
+ }
379
+
356
380
  @define-mixin promo-mobile_large {
357
381
  font-size: 30px;
358
382
  line-height: 36px;