@snabcentr/client-ui 1.4.0 → 1.4.2

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.

Potentially problematic release.


This version of @snabcentr/client-ui might be problematic. Click here for more details.

package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@snabcentr/client-ui",
3
- "version": "1.4.0",
3
+ "version": "1.4.2",
4
4
  "author": "Snabcentr Ltd.",
5
5
  "repository": "https://gitlab.snabcentr.met/web/angular/snabcentr-client-ui-lib",
6
6
  "license": "Commercial",
@@ -7,6 +7,120 @@ module.exports = {
7
7
  'tui-heading': 'var(--tui-font-heading)',
8
8
  'tui-text': 'var(--tui-font-text)',
9
9
  },
10
+ fontSize: {
11
+ h1: [
12
+ '3.125rem',
13
+ {
14
+ lineHeight: '3.5rem',
15
+ fontWeight: '800',
16
+ },
17
+ ],
18
+ h2: [
19
+ '2.75rem',
20
+ {
21
+ lineHeight: '3rem',
22
+ fontWeight: '800',
23
+ },
24
+ ],
25
+ h3: [
26
+ '2.25rem',
27
+ {
28
+ lineHeight: '2.5rem',
29
+ fontWeight: '800',
30
+ },
31
+ ],
32
+ h4: [
33
+ '1.75rem',
34
+ {
35
+ lineHeight: '2rem',
36
+ fontWeight: '800',
37
+ },
38
+ ],
39
+ h5: [
40
+ '1.5rem',
41
+ {
42
+ lineHeight: '1.75rem',
43
+ fontWeight: '800',
44
+ },
45
+ ],
46
+ h6: [
47
+ '1.25rem',
48
+ {
49
+ lineHeight: '1.5rem',
50
+ fontWeight: '800',
51
+ },
52
+ ],
53
+ 'body-xl-bold': [
54
+ '1.1875rem',
55
+ {
56
+ lineHeight: '1.75rem',
57
+ fontWeight: ' 800',
58
+ },
59
+ ],
60
+ 'body-xl': [
61
+ '1.1875rem',
62
+ {
63
+ lineHeight: '1.75rem',
64
+ fontWeight: '500',
65
+ },
66
+ ],
67
+ 'body-l-bold': [
68
+ '1.0625rem',
69
+ {
70
+ lineHeight: '1.75rem',
71
+ fontWeight: ' 800',
72
+ },
73
+ ],
74
+ 'body-l': [
75
+ '1.0625rem',
76
+ {
77
+ lineHeight: '1.75rem',
78
+ fontWeight: '500',
79
+ },
80
+ ],
81
+ 'body-m-bold': [
82
+ '0.9375rem',
83
+ {
84
+ lineHeight: '1.5rem',
85
+ fontWeight: ' 800',
86
+ },
87
+ ],
88
+ 'body-m': [
89
+ '0.9375rem',
90
+ {
91
+ lineHeight: '1.5rem',
92
+ fontWeight: '500',
93
+ },
94
+ ],
95
+ 'body-s-bold': [
96
+ '0.8125rem',
97
+ {
98
+ lineHeight: '1.25rem',
99
+ fontWeight: ' 800',
100
+ },
101
+ ],
102
+ 'body-s': [
103
+ '0.8125rem',
104
+ {
105
+ lineHeight: '1.25rem',
106
+ fontWeight: '500',
107
+ },
108
+ ],
109
+ 'body-xs-bold': [
110
+ '0.6875rem',
111
+ {
112
+ lineHeight: '1rem',
113
+ fontWeight: ' 800',
114
+ },
115
+ ],
116
+ 'body-xs': [
117
+ '0.6875rem',
118
+ {
119
+ lineHeight: '1rem',
120
+ fontWeight: '500',
121
+ },
122
+ ],
123
+ },
10
124
  boxShadow: {
11
125
  'sc-1': '0px 5px 20px 0px rgba(0, 0, 0, 0.10)',
12
126
  'sc-2': '0px 2px 3px 0px rgba(0, 0, 0, 0.10)',
@@ -802,11 +802,6 @@ video {
802
802
  height: 1.5rem !important;
803
803
  }
804
804
 
805
- .size-12 {
806
- width: 3rem;
807
- height: 3rem;
808
- }
809
-
810
805
  .size-20 {
811
806
  width: 5rem;
812
807
  height: 5rem;
@@ -891,6 +886,10 @@ video {
891
886
  width: 2rem !important;
892
887
  }
893
888
 
889
+ .w-12 {
890
+ width: 3rem;
891
+ }
892
+
894
893
  .w-28 {
895
894
  width: 7rem;
896
895
  }
@@ -1341,6 +1340,96 @@ video {
1341
1340
  line-height: 1.5rem;
1342
1341
  }
1343
1342
 
1343
+ .text-body-l {
1344
+ font-size: 1.0625rem;
1345
+ line-height: 1.75rem;
1346
+ font-weight: 500;
1347
+ }
1348
+
1349
+ .text-body-l-bold {
1350
+ font-size: 1.0625rem;
1351
+ line-height: 1.75rem;
1352
+ font-weight: 800;
1353
+ }
1354
+
1355
+ .text-body-m {
1356
+ font-size: 0.9375rem;
1357
+ line-height: 1.5rem;
1358
+ font-weight: 500;
1359
+ }
1360
+
1361
+ .text-body-m-bold {
1362
+ font-size: 0.9375rem;
1363
+ line-height: 1.5rem;
1364
+ font-weight: 800;
1365
+ }
1366
+
1367
+ .text-body-s {
1368
+ font-size: 0.8125rem;
1369
+ line-height: 1.25rem;
1370
+ font-weight: 500;
1371
+ }
1372
+
1373
+ .text-body-s-bold {
1374
+ font-size: 0.8125rem;
1375
+ line-height: 1.25rem;
1376
+ font-weight: 800;
1377
+ }
1378
+
1379
+ .text-body-xl {
1380
+ font-size: 1.1875rem;
1381
+ line-height: 1.75rem;
1382
+ font-weight: 500;
1383
+ }
1384
+
1385
+ .text-body-xl-bold {
1386
+ font-size: 1.1875rem;
1387
+ line-height: 1.75rem;
1388
+ font-weight: 800;
1389
+ }
1390
+
1391
+ .text-body-xs {
1392
+ font-size: 0.6875rem;
1393
+ line-height: 1rem;
1394
+ font-weight: 500;
1395
+ }
1396
+
1397
+ .text-h1 {
1398
+ font-size: 3.125rem;
1399
+ line-height: 3.5rem;
1400
+ font-weight: 800;
1401
+ }
1402
+
1403
+ .text-h2 {
1404
+ font-size: 2.75rem;
1405
+ line-height: 3rem;
1406
+ font-weight: 800;
1407
+ }
1408
+
1409
+ .text-h3 {
1410
+ font-size: 2.25rem;
1411
+ line-height: 2.5rem;
1412
+ font-weight: 800;
1413
+ }
1414
+
1415
+ .text-h4 {
1416
+ font-size: 1.75rem;
1417
+ line-height: 2rem;
1418
+ font-weight: 800;
1419
+ }
1420
+
1421
+ .text-h5 {
1422
+ font-size: 1.5rem;
1423
+ line-height: 1.75rem;
1424
+ font-weight: 800;
1425
+ }
1426
+
1427
+ .text-h6 {
1428
+ font-size: 1.25rem;
1429
+ line-height: 1.5rem;
1430
+ font-weight: 800;
1431
+ }
1432
+
1344
1433
  .text-lg {
1345
1434
  font-size: 1.125rem;
1346
1435
  line-height: 1.75rem;