@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/src/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
  }
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;