@taiga-ui/styles 4.52.0-canary.ece97e9 → 4.52.0-canary.efbd0d4
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.
- package/markup/tui-form.less +3 -3
- package/markup/tui-island.less +6 -6
- package/markup/tui-list.less +4 -4
- package/markup/tui-table.less +6 -6
- package/markup/tui-text.less +13 -17
- package/package.json +2 -1
package/markup/tui-form.less
CHANGED
|
@@ -6,12 +6,12 @@
|
|
|
6
6
|
.tui-form {
|
|
7
7
|
/* stylelint-disable */
|
|
8
8
|
&__header {
|
|
9
|
-
font: var(--tui-font-heading-
|
|
9
|
+
font: var(--tui-font-heading-h5);
|
|
10
10
|
margin-block-start: @fields-space-large;
|
|
11
11
|
margin-block-end: @fields-space;
|
|
12
12
|
|
|
13
13
|
@media @tui-mobile {
|
|
14
|
-
font: var(--tui-font-
|
|
14
|
+
font: var(--tui-font-body-l);
|
|
15
15
|
font-weight: bold;
|
|
16
16
|
margin-block-end: @fields-space-mobile;
|
|
17
17
|
}
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
&__field-note {
|
|
94
|
-
font: var(--tui-font-
|
|
94
|
+
font: var(--tui-font-body-s);
|
|
95
95
|
margin-block-start: 0.25rem;
|
|
96
96
|
color: var(--tui-text-secondary);
|
|
97
97
|
}
|
package/markup/tui-island.less
CHANGED
|
@@ -51,19 +51,19 @@
|
|
|
51
51
|
&_size_s {
|
|
52
52
|
--tui-radius-xl: calc(4 * var(--tui-radius-l) / 3);
|
|
53
53
|
|
|
54
|
-
font: var(--tui-font-
|
|
54
|
+
font: var(--tui-font-body-s);
|
|
55
55
|
padding: @padding;
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
&_size_m {
|
|
59
59
|
--tui-radius-xl: calc(5 * var(--tui-radius-l) / 3);
|
|
60
60
|
|
|
61
|
-
font: var(--tui-font-
|
|
61
|
+
font: var(--tui-font-body-m);
|
|
62
62
|
padding: @padding;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
&_size_l {
|
|
66
|
-
font: var(--tui-font-
|
|
66
|
+
font: var(--tui-font-body-m);
|
|
67
67
|
padding: @padding-large;
|
|
68
68
|
}
|
|
69
69
|
|
|
@@ -106,16 +106,16 @@
|
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
&__title {
|
|
109
|
-
font: var(--tui-font-
|
|
109
|
+
font: var(--tui-font-body-m);
|
|
110
110
|
margin: 0 0 0.5rem;
|
|
111
111
|
|
|
112
112
|
.tui-island_size_m & {
|
|
113
|
-
font: var(--tui-font-heading-
|
|
113
|
+
font: var(--tui-font-heading-h6);
|
|
114
114
|
margin: 0 0 0.75rem;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
.tui-island_size_l & {
|
|
118
|
-
font: var(--tui-font-heading-
|
|
118
|
+
font: var(--tui-font-heading-h6);
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
|
package/markup/tui-list.less
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
.tui-list {
|
|
2
|
-
font: var(--tui-font-
|
|
2
|
+
font: var(--tui-font-body-m);
|
|
3
3
|
line-height: 1.5rem;
|
|
4
4
|
list-style-type: none;
|
|
5
5
|
color: var(--tui-text-primary);
|
|
6
6
|
|
|
7
7
|
&_large {
|
|
8
|
-
font: var(--tui-font-
|
|
8
|
+
font: var(--tui-font-body-l);
|
|
9
9
|
line-height: 1.75rem;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
&_small,
|
|
13
13
|
&_extra-small {
|
|
14
|
-
font: var(--tui-font-
|
|
14
|
+
font: var(--tui-font-body-s);
|
|
15
15
|
line-height: 1.25rem;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
&__item-title {
|
|
114
|
-
font: var(--tui-font-heading-
|
|
114
|
+
font: var(--tui-font-heading-h5);
|
|
115
115
|
margin: 0;
|
|
116
116
|
|
|
117
117
|
.tui-list_small & {
|
package/markup/tui-table.less
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
&__th {
|
|
33
33
|
.text-overflow();
|
|
34
34
|
|
|
35
|
-
font: var(--tui-font-
|
|
35
|
+
font: var(--tui-font-body-s);
|
|
36
36
|
padding: 0.5rem 1rem;
|
|
37
37
|
vertical-align: middle;
|
|
38
38
|
block-size: 2.5rem;
|
|
@@ -41,12 +41,12 @@
|
|
|
41
41
|
|
|
42
42
|
&_font-size_l,
|
|
43
43
|
.tui-table_font-size_l & {
|
|
44
|
-
font: var(--tui-font-
|
|
44
|
+
font: var(--tui-font-body-m);
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
&__td {
|
|
49
|
-
font: var(--tui-font-
|
|
49
|
+
font: var(--tui-font-body-m);
|
|
50
50
|
padding: 1rem 1rem 0.875rem;
|
|
51
51
|
vertical-align: top;
|
|
52
52
|
overflow-wrap: break-word;
|
|
@@ -61,12 +61,12 @@
|
|
|
61
61
|
|
|
62
62
|
&_font-size_l,
|
|
63
63
|
.tui-table_font-size_l & {
|
|
64
|
-
font: var(--tui-font-
|
|
64
|
+
font: var(--tui-font-body-l);
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
&_font-size_s,
|
|
68
68
|
.tui-table_font-size_s & {
|
|
69
|
-
font: var(--tui-font-
|
|
69
|
+
font: var(--tui-font-body-s);
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
&_align_center {
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
&__subtext {
|
|
135
|
-
font: var(--tui-font-
|
|
135
|
+
font: var(--tui-font-body-s);
|
|
136
136
|
margin: 0.25rem 0 0;
|
|
137
137
|
color: var(--tui-text-tertiary);
|
|
138
138
|
}
|
package/markup/tui-text.less
CHANGED
|
@@ -1,58 +1,54 @@
|
|
|
1
1
|
.tui-text {
|
|
2
2
|
&_h1 {
|
|
3
|
-
font: var(--tui-font-heading-
|
|
3
|
+
font: var(--tui-font-heading-h1);
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
&_h2 {
|
|
7
|
-
font: var(--tui-font-heading-
|
|
7
|
+
font: var(--tui-font-heading-h2);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
&_h3 {
|
|
11
|
-
font: var(--tui-font-heading-
|
|
11
|
+
font: var(--tui-font-heading-h3);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
&_h4 {
|
|
15
|
-
font: var(--tui-font-heading-
|
|
15
|
+
font: var(--tui-font-heading-h4);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
&_h5 {
|
|
19
|
-
font: var(--tui-font-heading-
|
|
19
|
+
font: var(--tui-font-heading-h5);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
&_h6 {
|
|
23
|
-
font: var(--tui-font-heading-
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&_body-xl {
|
|
27
|
-
font: var(--tui-font-text-xl);
|
|
23
|
+
font: var(--tui-font-heading-h6);
|
|
28
24
|
}
|
|
29
25
|
|
|
30
26
|
&_body-l {
|
|
31
|
-
font: var(--tui-font-
|
|
27
|
+
font: var(--tui-font-body-l);
|
|
32
28
|
}
|
|
33
29
|
|
|
34
30
|
&_body-l-2 {
|
|
35
|
-
font: var(--tui-font-
|
|
31
|
+
font: var(--tui-font-ui-l);
|
|
36
32
|
}
|
|
37
33
|
|
|
38
34
|
&_body-m {
|
|
39
|
-
font: var(--tui-font-
|
|
35
|
+
font: var(--tui-font-body-m);
|
|
40
36
|
}
|
|
41
37
|
|
|
42
38
|
&_body-m-2 {
|
|
43
|
-
font: var(--tui-font-
|
|
39
|
+
font: var(--tui-font-ui-m);
|
|
44
40
|
}
|
|
45
41
|
|
|
46
42
|
&_body-s {
|
|
47
|
-
font: var(--tui-font-
|
|
43
|
+
font: var(--tui-font-body-s);
|
|
48
44
|
}
|
|
49
45
|
|
|
50
46
|
&_body-s-2 {
|
|
51
|
-
font: var(--tui-font-
|
|
47
|
+
font: var(--tui-font-ui-s);
|
|
52
48
|
}
|
|
53
49
|
|
|
54
50
|
&_body-xs {
|
|
55
|
-
font: var(--tui-font-
|
|
51
|
+
font: var(--tui-font-body-xs);
|
|
56
52
|
}
|
|
57
53
|
|
|
58
54
|
&_bold {
|
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/styles",
|
|
3
|
-
"version": "4.52.0-canary.
|
|
3
|
+
"version": "4.52.0-canary.efbd0d4",
|
|
4
4
|
"description": "Global Styles for Taiga UI",
|
|
5
|
+
"license": "Apache-2.0",
|
|
5
6
|
"peerDependencies": {
|
|
6
7
|
"@taiga-ui/cdk": "^4.52.0",
|
|
7
8
|
"@taiga-ui/core": "^4.52.0",
|