@sima-land/ui-nucleons 42.0.0 → 43.0.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.
- package/_internal/custom-scrollbar/custom-scrollbar.module.scss +2 -2
- package/alert/alert.module.scss +1 -1
- package/arrow-button/arrow-button.module.scss +2 -2
- package/autocomplete/index.js +10 -12
- package/avatar/index.js +1 -1
- package/avatar/user.js +2 -3
- package/box/index.d.ts +0 -24
- package/box/index.js +0 -28
- package/button/button.module.scss +6 -6
- package/carousel/index.d.ts +9 -12
- package/carousel/index.js +66 -47
- package/checkbox-field/checkbox-field.module.scss +3 -3
- package/chips/chips.module.scss +10 -10
- package/clean-buttons/clean-buttons.module.scss +1 -1
- package/colors.d.ts +29 -34
- package/colors.js +28 -35
- package/colors.scss +28 -37
- package/dot-nav/dot-nav.module.scss +2 -2
- package/dropdown-item/dropdown-item.module.scss +2 -2
- package/file-icon/index.js +2 -2
- package/helpers/find-child-element.d.ts +1 -1
- package/hint/hint.module.scss +5 -5
- package/hooks/index.js +3 -6
- package/link/index.d.ts +1 -1
- package/link/index.js +1 -1
- package/link/link.module.scss +7 -7
- package/nav-bar/index.js +1 -1
- package/nav-bar/nav-bar.module.scss +3 -3
- package/package.json +3 -1
- package/pagination/pagination.module.scss +4 -4
- package/panel/index.js +1 -1
- package/phone-input/index.d.ts +1 -1
- package/phone-input/index.js +24 -17
- package/phone-input/phone-input.module.scss +11 -4
- package/plate/index.js +1 -1
- package/price/price.module.scss +1 -1
- package/rating/rating.module.scss +1 -1
- package/select/index.d.ts +9 -2
- package/select/index.js +16 -8
- package/spinner/index.d.ts +3 -2
- package/spinner/index.js +2 -2
- package/spinner/spinner.module.scss +1 -0
- package/stepper/stepper.module.scss +8 -8
- package/stroked-svg/index.d.ts +2 -2
- package/stroked-svg/index.js +1 -1
- package/styling/borders.module.scss +3 -3
- package/styling/colors.d.ts +5 -5
- package/tabs/tabs.module.scss +12 -12
- package/text-field/index.d.ts +1 -1
- package/text-field/index.js +13 -7
- package/text-field/text-field.module.scss +18 -18
- package/toggle/toggle.module.scss +3 -3
- package/tooltip/tooltip.module.scss +1 -1
- package/top-bar/top-bar.module.scss +3 -3
- package/unknown-content/unknown-content.module.scss +14 -14
- package/upload/area.js +1 -1
- package/upload/area.module.scss +4 -4
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@use '../breakpoints';
|
|
3
3
|
|
|
4
4
|
.root {
|
|
5
|
-
color: colors.$gray87;
|
|
5
|
+
color: colors.$basic-gray87;
|
|
6
6
|
font-size: 16px;
|
|
7
7
|
line-height: 24px;
|
|
8
8
|
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
|
|
16
16
|
// ссылки
|
|
17
17
|
a {
|
|
18
|
-
color: colors.$
|
|
18
|
+
color: colors.$basic-blue;
|
|
19
19
|
text-decoration: none;
|
|
20
20
|
&:hover {
|
|
21
|
-
color: colors.$
|
|
21
|
+
color: colors.$additional-deep-blue;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -56,14 +56,14 @@
|
|
|
56
56
|
font-weight: 600;
|
|
57
57
|
font-size: 16px;
|
|
58
58
|
line-height: 24px;
|
|
59
|
-
color: colors.$gray38;
|
|
59
|
+
color: colors.$basic-gray38;
|
|
60
60
|
margin-bottom: 16px;
|
|
61
61
|
}
|
|
62
62
|
h5 {
|
|
63
63
|
font-weight: normal;
|
|
64
64
|
font-size: 14px;
|
|
65
65
|
line-height: 20px;
|
|
66
|
-
color: colors.$gray38;
|
|
66
|
+
color: colors.$basic-gray38;
|
|
67
67
|
margin-bottom: 24px;
|
|
68
68
|
}
|
|
69
69
|
h6 {
|
|
@@ -96,13 +96,13 @@
|
|
|
96
96
|
font-weight: 600;
|
|
97
97
|
font-size: 16px;
|
|
98
98
|
line-height: 24px;
|
|
99
|
-
color: colors.$gray38;
|
|
99
|
+
color: colors.$basic-gray38;
|
|
100
100
|
margin-bottom: 16px;
|
|
101
101
|
}
|
|
102
102
|
h5 {
|
|
103
103
|
font-size: 14px;
|
|
104
104
|
line-height: 20px;
|
|
105
|
-
color: colors.$gray38;
|
|
105
|
+
color: colors.$basic-gray38;
|
|
106
106
|
margin-bottom: 24px;
|
|
107
107
|
}
|
|
108
108
|
h6 {
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
@include breakpoints.up('xs') {
|
|
161
161
|
table {
|
|
162
162
|
thead {
|
|
163
|
-
color: colors.$gray38;
|
|
163
|
+
color: colors.$basic-gray38;
|
|
164
164
|
font-size: 14px;
|
|
165
165
|
line-height: 20px;
|
|
166
166
|
td,
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
padding: 24px 0;
|
|
174
174
|
|
|
175
175
|
// накидываем именно сюда чтобы работало в Safari
|
|
176
|
-
box-shadow: inset 0 -1px 0 colors.$gray12;
|
|
176
|
+
box-shadow: inset 0 -1px 0 colors.$basic-gray12;
|
|
177
177
|
&:not(:last-child) {
|
|
178
178
|
padding-right: 32px;
|
|
179
179
|
}
|
|
@@ -190,7 +190,7 @@
|
|
|
190
190
|
display: block;
|
|
191
191
|
}
|
|
192
192
|
table {
|
|
193
|
-
box-shadow: inset 0 1px 0 colors.$gray12;
|
|
193
|
+
box-shadow: inset 0 1px 0 colors.$basic-gray12;
|
|
194
194
|
}
|
|
195
195
|
thead {
|
|
196
196
|
position: absolute;
|
|
@@ -199,7 +199,7 @@
|
|
|
199
199
|
}
|
|
200
200
|
tr {
|
|
201
201
|
padding: 32px 0;
|
|
202
|
-
box-shadow: inset 0 -1px 0 colors.$gray12;
|
|
202
|
+
box-shadow: inset 0 -1px 0 colors.$basic-gray12;
|
|
203
203
|
}
|
|
204
204
|
td + td {
|
|
205
205
|
margin-top: 24px;
|
|
@@ -209,7 +209,7 @@
|
|
|
209
209
|
display: block;
|
|
210
210
|
font-size: 14px;
|
|
211
211
|
line-height: 20px;
|
|
212
|
-
color: colors.$gray38;
|
|
212
|
+
color: colors.$basic-gray38;
|
|
213
213
|
margin-bottom: 8px;
|
|
214
214
|
}
|
|
215
215
|
}
|
|
@@ -264,7 +264,7 @@
|
|
|
264
264
|
font-weight: normal;
|
|
265
265
|
font-size: 16px;
|
|
266
266
|
line-height: 24px;
|
|
267
|
-
color: colors.$gray38;
|
|
267
|
+
color: colors.$basic-gray38;
|
|
268
268
|
}
|
|
269
269
|
}
|
|
270
270
|
|
|
@@ -273,7 +273,7 @@
|
|
|
273
273
|
display: block;
|
|
274
274
|
width: 100%;
|
|
275
275
|
height: 1px;
|
|
276
|
-
background: colors.$gray12;
|
|
276
|
+
background: colors.$basic-gray12;
|
|
277
277
|
margin-bottom: 32px;
|
|
278
278
|
@include breakpoints.up('xs') {
|
|
279
279
|
margin-bottom: 40px;
|
package/upload/area.js
CHANGED
|
@@ -46,7 +46,7 @@ const UploadArea = (_a) => {
|
|
|
46
46
|
onDrop: e => onSelect === null || onSelect === void 0 ? void 0 : onSelect(prepareFiles(e.dataTransfer.files), e),
|
|
47
47
|
});
|
|
48
48
|
return (react_1.default.createElement("div", Object.assign({}, restProps, bind, { className: cx('root', { active }, className), "data-testid": testId }),
|
|
49
|
-
react_1.default.createElement(upload_svg_1.default, { fill: colors_1.COLORS.get('gray24') }),
|
|
49
|
+
react_1.default.createElement(upload_svg_1.default, { fill: colors_1.COLORS.get('basic-gray24') }),
|
|
50
50
|
react_1.default.createElement("div", { className: cx('info-column') },
|
|
51
51
|
react_1.default.createElement("div", { className: cx('info', 'primary') },
|
|
52
52
|
"\u041F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435 \u0438\u043B\u0438",
|
package/upload/area.module.scss
CHANGED
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
display: flex;
|
|
5
5
|
align-items: center;
|
|
6
6
|
border-radius: 8px;
|
|
7
|
-
border: 1px dashed colors.$gray24;
|
|
7
|
+
border: 1px dashed colors.$basic-gray24;
|
|
8
8
|
height: 104px;
|
|
9
9
|
max-width: 100%;
|
|
10
10
|
overflow: hidden;
|
|
11
11
|
padding: 0 40px;
|
|
12
12
|
&.active {
|
|
13
|
-
border: 2px solid colors.$
|
|
13
|
+
border: 2px solid colors.$basic-blue;
|
|
14
14
|
padding: 0 39px;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
&.primary {
|
|
30
30
|
font-size: 16px;
|
|
31
31
|
line-height: 24px;
|
|
32
|
-
color: colors.$gray87;
|
|
32
|
+
color: colors.$basic-gray87;
|
|
33
33
|
}
|
|
34
34
|
&.secondary {
|
|
35
35
|
margin-top: 4px;
|
|
36
36
|
font-size: 14px;
|
|
37
37
|
line-height: 20px;
|
|
38
|
-
color: colors.$gray38;
|
|
38
|
+
color: colors.$basic-gray38;
|
|
39
39
|
&.failed {
|
|
40
40
|
color: colors.$additional-deep-red;
|
|
41
41
|
}
|