@sima-land/ui-nucleons 42.2.0 → 43.0.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.
- 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 +1 -1
- 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/draggable.d.ts +2 -4
- package/carousel/draggable.js +3 -3
- package/carousel/index.js +2 -1
- 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/center-of.d.ts +1 -1
- package/hint/hint.module.scss +5 -5
- package/link/index.d.ts +1 -1
- package/link/index.js +2 -2
- package/link/link.module.scss +10 -10
- 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.js +1 -1
- package/phone-input/phone-input.module.scss +3 -3
- package/plate/index.js +1 -1
- package/price/price.module.scss +1 -1
- package/range/index.d.ts +1 -1
- package/range/index.js +2 -2
- package/rating/rating.module.scss +1 -1
- package/select/index.js +1 -1
- 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/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
|
@@ -12,13 +12,13 @@
|
|
|
12
12
|
.input {
|
|
13
13
|
display: none;
|
|
14
14
|
&:checked + .switch {
|
|
15
|
-
background: colors.$
|
|
15
|
+
background: colors.$basic-blue;
|
|
16
16
|
&::after {
|
|
17
17
|
left: calc(100% - 22px);
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
&:disabled + .switch {
|
|
21
|
-
background: colors.$gray4;
|
|
21
|
+
background: colors.$basic-gray4;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
width: 44px;
|
|
29
29
|
height: 24px;
|
|
30
30
|
border-radius: 12px;
|
|
31
|
-
background: colors.$gray12;
|
|
31
|
+
background: colors.$basic-gray12;
|
|
32
32
|
transition: background 0.16s ease-in-out;
|
|
33
33
|
&::after {
|
|
34
34
|
content: '';
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
.subtitle {
|
|
26
26
|
font-size: 12px;
|
|
27
27
|
line-height: 16px;
|
|
28
|
-
color: colors.$gray38;
|
|
28
|
+
color: colors.$basic-gray38;
|
|
29
29
|
}
|
|
30
30
|
.icon-button {
|
|
31
31
|
+ .icon-button {
|
|
@@ -84,10 +84,10 @@
|
|
|
84
84
|
flex-shrink: 0;
|
|
85
85
|
overflow: hidden;
|
|
86
86
|
background: transparent;
|
|
87
|
-
color: colors.$gray87;
|
|
87
|
+
color: colors.$basic-gray87;
|
|
88
88
|
&:not(.stub):hover {
|
|
89
89
|
cursor: pointer;
|
|
90
|
-
color: colors.$gray54;
|
|
90
|
+
color: colors.$basic-gray54;
|
|
91
91
|
}
|
|
92
92
|
> svg {
|
|
93
93
|
fill: currentColor;
|
|
@@ -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
|
}
|