@alfalab/core-components-vars 9.11.1 → 9.12.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 (73) hide show
  1. package/bundle/click.css +1 -0
  2. package/bundle/corp.css +1 -0
  3. package/bundle/intranet.css +1 -0
  4. package/bundle/mobile.css +1 -0
  5. package/bundle/site.css +1 -0
  6. package/common.css +13 -0
  7. package/cssm/bundle/click.css +41 -28
  8. package/cssm/bundle/corp.css +41 -28
  9. package/cssm/bundle/intranet.css +41 -28
  10. package/cssm/bundle/mobile.css +41 -28
  11. package/cssm/bundle/site.css +41 -28
  12. package/cssm/common.css +13 -0
  13. package/cssm/gaps.css +28 -28
  14. package/cssm/index.css +40 -28
  15. package/cssm/index.d.ts +38 -28
  16. package/cssm/index.js +38 -28
  17. package/esm/index.d.ts +38 -28
  18. package/esm/index.js +38 -28
  19. package/gaps.css +28 -28
  20. package/index.css +1 -0
  21. package/index.d.ts +38 -28
  22. package/index.js +38 -28
  23. package/modern/index.d.ts +38 -28
  24. package/modern/index.js +38 -28
  25. package/moderncssm/border-radius.css +25 -0
  26. package/moderncssm/bundle/click.css +1479 -0
  27. package/moderncssm/bundle/corp.css +1479 -0
  28. package/moderncssm/bundle/intranet.css +1479 -0
  29. package/moderncssm/bundle/mobile.css +1479 -0
  30. package/moderncssm/bundle/site.css +1473 -0
  31. package/moderncssm/colors-addons.css +127 -0
  32. package/moderncssm/colors-bluetint.css +1199 -0
  33. package/moderncssm/colors-bluetint.d.ts +2 -0
  34. package/moderncssm/colors-bluetint.js +6 -0
  35. package/moderncssm/colors-decorative.css +614 -0
  36. package/moderncssm/colors-decorative.d.ts +2 -0
  37. package/moderncssm/colors-decorative.js +6 -0
  38. package/moderncssm/colors-indigo.css +1197 -0
  39. package/moderncssm/colors-indigo.d.ts +2 -0
  40. package/moderncssm/colors-indigo.js +6 -0
  41. package/moderncssm/colors-pfm.css +62 -0
  42. package/moderncssm/colors-pfm.d.ts +2 -0
  43. package/moderncssm/colors-pfm.js +6 -0
  44. package/moderncssm/colors-qualitative.css +130 -0
  45. package/moderncssm/colors-qualitative.d.ts +2 -0
  46. package/moderncssm/colors-qualitative.js +6 -0
  47. package/moderncssm/colors-sequential.css +194 -0
  48. package/moderncssm/colors-sequential.d.ts +2 -0
  49. package/moderncssm/colors-sequential.js +6 -0
  50. package/moderncssm/colors-students.css +4 -0
  51. package/moderncssm/colors-students.d.ts +2 -0
  52. package/moderncssm/colors-students.js +6 -0
  53. package/moderncssm/colors-transparent.css +28 -0
  54. package/moderncssm/colors-x5.css +4 -0
  55. package/moderncssm/colors.css +71 -0
  56. package/moderncssm/common.css +13 -0
  57. package/moderncssm/gaps.css +66 -0
  58. package/moderncssm/index.css +1570 -0
  59. package/moderncssm/index.d.ts +1532 -0
  60. package/moderncssm/index.js +1532 -0
  61. package/moderncssm/mixins.css +1 -0
  62. package/moderncssm/shadows-bluetint.css +43 -0
  63. package/moderncssm/shadows-indigo.css +38 -0
  64. package/moderncssm/typography.css +6 -0
  65. package/package.json +1 -1
  66. package/src/bundle/click.css +1 -0
  67. package/src/bundle/corp.css +1 -0
  68. package/src/bundle/intranet.css +1 -0
  69. package/src/bundle/mobile.css +1 -0
  70. package/src/bundle/site.css +1 -0
  71. package/src/common.css +13 -0
  72. package/src/gaps.css +28 -28
  73. package/src/index.css +1 -0
package/modern/index.js CHANGED
@@ -1486,37 +1486,47 @@ export const gap6xlNeg = "-72px";
1486
1486
  export const gap7xlNeg = "-96px";
1487
1487
  export const gap8xlNeg = "-128px";
1488
1488
  export const gap0 = "0";
1489
- export const gap2 = "2px";
1490
- export const gap4 = "4px";
1491
- export const gap8 = "8px";
1492
- export const gap12 = "12px";
1493
- export const gap16 = "16px";
1494
- export const gap20 = "20px";
1495
- export const gap24 = "24px";
1496
- export const gap32 = "32px";
1497
- export const gap40 = "40px";
1498
- export const gap48 = "48px";
1489
+ export const gap2 = "var(--gap-3xs)";
1490
+ export const gap4 = "var(--gap-2xs)";
1491
+ export const gap8 = "var(--gap-xs)";
1492
+ export const gap12 = "var(--gap-s)";
1493
+ export const gap16 = "var(--gap-m)";
1494
+ export const gap20 = "var(--gap-l)";
1495
+ export const gap24 = "var(--gap-xl)";
1496
+ export const gap32 = "var(--gap-2xl)";
1497
+ export const gap40 = "var(--gap-3xl)";
1498
+ export const gap48 = "var(--gap-4xl)";
1499
1499
  export const gap56 = "56px";
1500
- export const gap64 = "64px";
1501
- export const gap72 = "72px";
1500
+ export const gap64 = "var(--gap-5xl)";
1501
+ export const gap72 = "var(--gap-6xl)";
1502
1502
  export const gap80 = "80px";
1503
- export const gap96 = "96px";
1504
- export const gap128 = "128px";
1505
- export const gap2Neg = "-2px";
1506
- export const gap4Neg = "-4px";
1507
- export const gap8Neg = "-8px";
1508
- export const gap12Neg = "-12px";
1509
- export const gap16Neg = "-16px";
1510
- export const gap20Neg = "-20px";
1511
- export const gap24Neg = "-24px";
1512
- export const gap32Neg = "-32px";
1513
- export const gap40Neg = "-40px";
1514
- export const gap48Neg = "-48px";
1503
+ export const gap96 = "var(--gap-7xl)";
1504
+ export const gap128 = "var(--gap-8xl)";
1505
+ export const gap2Neg = "var(--gap-3xs-neg)";
1506
+ export const gap4Neg = "var(--gap-2xs-neg)";
1507
+ export const gap8Neg = "var(--gap-xs-neg)";
1508
+ export const gap12Neg = "var(--gap-s-neg)";
1509
+ export const gap16Neg = "var(--gap-m-neg)";
1510
+ export const gap20Neg = "var(--gap-l-neg)";
1511
+ export const gap24Neg = "var(--gap-xl-neg)";
1512
+ export const gap32Neg = "var(--gap-2xl-neg)";
1513
+ export const gap40Neg = "var(--gap-3xl-neg)";
1514
+ export const gap48Neg = "var(--gap-4xl-neg)";
1515
1515
  export const gap56Neg = "-56px";
1516
- export const gap64Neg = "-64px";
1517
- export const gap72Neg = "-72px";
1516
+ export const gap64Neg = "var(--gap-5xl-neg)";
1517
+ export const gap72Neg = "var(--gap-6xl-neg)";
1518
1518
  export const gap80Neg = "-80px";
1519
- export const gap96Neg = "-96px";
1520
- export const gap128Neg = "-128px";
1519
+ export const gap96Neg = "var(--gap-7xl-neg)";
1520
+ export const gap128Neg = "var(--gap-8xl-neg)";
1521
1521
  export const fontFamilySystem = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1522
1522
  export const fontFamilyStyrene = "'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,\n 'Helvetica Neue', Helvetica, sans-serif";
1523
+ export const focusColor = "var(--color-light-status-info)";
1524
+ export const fontFamily = "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,\n sans-serif";
1525
+ export const disabledCursor = "not-allowed";
1526
+ export const arrowTransform = "rotate(180deg)";
1527
+ export const sizeXxsHeight = "32px";
1528
+ export const sizeXsHeight = "40px";
1529
+ export const sizeSHeight = "48px";
1530
+ export const sizeMHeight = "56px";
1531
+ export const sizeLHeight = "64px";
1532
+ export const sizeXlHeight = "72px";
package/moderncssm/border-radius.css ADDED
@@ -0,0 +1,25 @@
1
+ :root {
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
+ --border-radius-circle: 50%;
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-32: 32px;
23
+ --border-radius-36: 36px;
24
+ --border-radius-64: 64px;
25
+ }