@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.
Files changed (20) hide show
  1. package/cssm/bundle/click.css +64 -28
  2. package/cssm/bundle/corp.css +64 -28
  3. package/cssm/bundle/intranet.css +64 -28
  4. package/cssm/bundle/mobile.css +64 -28
  5. package/cssm/bundle/site.css +64 -28
  6. package/cssm/gaps.css +64 -28
  7. package/cssm/index.css +64 -28
  8. package/cssm/index.d.ts +34 -0
  9. package/cssm/index.js +34 -0
  10. package/esm/index.d.ts +34 -0
  11. package/esm/index.js +34 -0
  12. package/gaps.css +64 -28
  13. package/index.d.ts +34 -0
  14. package/index.js +34 -0
  15. package/modern/index.d.ts +34 -0
  16. package/modern/index.js +34 -0
  17. package/package.json +1 -1
  18. package/src/gaps.css +64 -28
  19. package/src/typography.css +24 -0
  20. package/typography.css +24 -0
package/cssm/bundle/click.css CHANGED
@@ -1379,34 +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-m: 16px;
1387
- --gap-l: 20px;
1388
- --gap-xl: 24px;
1389
- --gap-2xl: 32px;
1390
- --gap-3xl: 40px;
1391
- --gap-4xl: 48px;
1392
- --gap-5xl: 64px;
1393
- --gap-6xl: 72px;
1394
- --gap-7xl: 96px;
1395
- --gap-8xl: 128px;
1396
- --gap-3xs-neg: -2px;
1397
- --gap-2xs-neg: -4px;
1398
- --gap-xs-neg: -8px;
1399
- --gap-s-neg: -12px;
1400
- --gap-m-neg: -16px;
1401
- --gap-l-neg: -20px;
1402
- --gap-xl-neg: -24px;
1403
- --gap-2xl-neg: -32px;
1404
- --gap-3xl-neg: -40px;
1405
- --gap-4xl-neg: -48px;
1406
- --gap-5xl-neg: -64px;
1407
- --gap-6xl-neg: -72px;
1408
- --gap-7xl-neg: -96px;
1409
- --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;
1410
1446
  }
1411
1447
  :root {
1412
1448
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/cssm/bundle/corp.css CHANGED
@@ -1379,34 +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-m: 16px;
1387
- --gap-l: 20px;
1388
- --gap-xl: 24px;
1389
- --gap-2xl: 32px;
1390
- --gap-3xl: 40px;
1391
- --gap-4xl: 48px;
1392
- --gap-5xl: 64px;
1393
- --gap-6xl: 72px;
1394
- --gap-7xl: 96px;
1395
- --gap-8xl: 128px;
1396
- --gap-3xs-neg: -2px;
1397
- --gap-2xs-neg: -4px;
1398
- --gap-xs-neg: -8px;
1399
- --gap-s-neg: -12px;
1400
- --gap-m-neg: -16px;
1401
- --gap-l-neg: -20px;
1402
- --gap-xl-neg: -24px;
1403
- --gap-2xl-neg: -32px;
1404
- --gap-3xl-neg: -40px;
1405
- --gap-4xl-neg: -48px;
1406
- --gap-5xl-neg: -64px;
1407
- --gap-6xl-neg: -72px;
1408
- --gap-7xl-neg: -96px;
1409
- --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;
1410
1446
  }
1411
1447
  :root {
1412
1448
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/cssm/bundle/intranet.css CHANGED
@@ -1379,34 +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-m: 16px;
1387
- --gap-l: 20px;
1388
- --gap-xl: 24px;
1389
- --gap-2xl: 32px;
1390
- --gap-3xl: 40px;
1391
- --gap-4xl: 48px;
1392
- --gap-5xl: 64px;
1393
- --gap-6xl: 72px;
1394
- --gap-7xl: 96px;
1395
- --gap-8xl: 128px;
1396
- --gap-3xs-neg: -2px;
1397
- --gap-2xs-neg: -4px;
1398
- --gap-xs-neg: -8px;
1399
- --gap-s-neg: -12px;
1400
- --gap-m-neg: -16px;
1401
- --gap-l-neg: -20px;
1402
- --gap-xl-neg: -24px;
1403
- --gap-2xl-neg: -32px;
1404
- --gap-3xl-neg: -40px;
1405
- --gap-4xl-neg: -48px;
1406
- --gap-5xl-neg: -64px;
1407
- --gap-6xl-neg: -72px;
1408
- --gap-7xl-neg: -96px;
1409
- --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;
1410
1446
  }
1411
1447
  :root {
1412
1448
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/cssm/bundle/mobile.css CHANGED
@@ -1379,34 +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-m: 16px;
1387
- --gap-l: 20px;
1388
- --gap-xl: 24px;
1389
- --gap-2xl: 32px;
1390
- --gap-3xl: 40px;
1391
- --gap-4xl: 48px;
1392
- --gap-5xl: 64px;
1393
- --gap-6xl: 72px;
1394
- --gap-7xl: 96px;
1395
- --gap-8xl: 128px;
1396
- --gap-3xs-neg: -2px;
1397
- --gap-2xs-neg: -4px;
1398
- --gap-xs-neg: -8px;
1399
- --gap-s-neg: -12px;
1400
- --gap-m-neg: -16px;
1401
- --gap-l-neg: -20px;
1402
- --gap-xl-neg: -24px;
1403
- --gap-2xl-neg: -32px;
1404
- --gap-3xl-neg: -40px;
1405
- --gap-4xl-neg: -48px;
1406
- --gap-5xl-neg: -64px;
1407
- --gap-6xl-neg: -72px;
1408
- --gap-7xl-neg: -96px;
1409
- --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;
1410
1446
  }
1411
1447
  :root {
1412
1448
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
package/cssm/bundle/site.css CHANGED
@@ -1379,32 +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-m: 16px;
1387
- --gap-l: 20px;
1388
- --gap-xl: 24px;
1389
- --gap-2xl: 32px;
1390
- --gap-3xl: 40px;
1391
- --gap-4xl: 48px;
1392
- --gap-5xl: 64px;
1393
- --gap-6xl: 72px;
1394
- --gap-7xl: 96px;
1395
- --gap-8xl: 128px;
1396
- --gap-3xs-neg: -2px;
1397
- --gap-2xs-neg: -4px;
1398
- --gap-xs-neg: -8px;
1399
- --gap-s-neg: -12px;
1400
- --gap-m-neg: -16px;
1401
- --gap-l-neg: -20px;
1402
- --gap-xl-neg: -24px;
1403
- --gap-2xl-neg: -32px;
1404
- --gap-3xl-neg: -40px;
1405
- --gap-4xl-neg: -48px;
1406
- --gap-5xl-neg: -64px;
1407
- --gap-6xl-neg: -72px;
1408
- --gap-7xl-neg: -96px;
1409
- --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;
1410
1446
  }
package/cssm/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-m: 16px;
7
- --gap-l: 20px;
8
- --gap-xl: 24px;
9
- --gap-2xl: 32px;
10
- --gap-3xl: 40px;
11
- --gap-4xl: 48px;
12
- --gap-5xl: 64px;
13
- --gap-6xl: 72px;
14
- --gap-7xl: 96px;
15
- --gap-8xl: 128px;
16
- --gap-3xs-neg: -2px;
17
- --gap-2xs-neg: -4px;
18
- --gap-xs-neg: -8px;
19
- --gap-s-neg: -12px;
20
- --gap-m-neg: -16px;
21
- --gap-l-neg: -20px;
22
- --gap-xl-neg: -24px;
23
- --gap-2xl-neg: -32px;
24
- --gap-3xl-neg: -40px;
25
- --gap-4xl-neg: -48px;
26
- --gap-5xl-neg: -64px;
27
- --gap-6xl-neg: -72px;
28
- --gap-7xl-neg: -96px;
29
- --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;
30
66
  }