@cloud-ru/uikit-product-fields-predefined 2.3.4-preview-fb05f6c6.0 → 2.3.4-preview-6a4d5a35.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.
|
@@ -21,66 +21,33 @@
|
|
|
21
21
|
min-height:calc(var(--min-rows) * var(--row-height) + var(--horizontal-scroll-bar-height));
|
|
22
22
|
max-height:calc(var(--max-rows) * var(--row-height) + var(--horizontal-scroll-bar-height));
|
|
23
23
|
}
|
|
24
|
-
.mobileInputWrapper
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
line-height:var(--sans-body-s-line-height, 16px);
|
|
32
|
-
font-size:var(--sans-body-s-font-size, 12px);
|
|
33
|
-
letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
|
|
34
|
-
paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
|
|
35
|
-
font-size:max(16px, var(--sans-body-s-font-size, 12px));
|
|
24
|
+
.mobileInputWrapper .textarea{
|
|
25
|
+
font-family:var(--sans-body-l-font-family, SB Sans Interface);
|
|
26
|
+
font-weight:var(--sans-body-l-font-weight, Regular);
|
|
27
|
+
line-height:var(--sans-body-l-line-height, 24px);
|
|
28
|
+
font-size:var(--sans-body-l-font-size, 16px);
|
|
29
|
+
letter-spacing:var(--sans-body-l-letter-spacing, 0.1px);
|
|
30
|
+
paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
|
|
36
31
|
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
37
32
|
}
|
|
38
|
-
.mobileInputWrapper
|
|
33
|
+
.mobileInputWrapper .textarea::-moz-placeholder{
|
|
39
34
|
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
40
35
|
}
|
|
41
|
-
.mobileInputWrapper
|
|
36
|
+
.mobileInputWrapper .textarea::placeholder{
|
|
42
37
|
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
43
38
|
}
|
|
39
|
+
.mobileInputWrapper[data-size=s]{
|
|
40
|
+
--row-height:var(--sans-body-s-line-height, 16px);
|
|
41
|
+
--horizontal-scroll-bar-height:var(--dimension-050m, 4px);
|
|
42
|
+
}
|
|
44
43
|
.mobileInputWrapper[data-size=m]{
|
|
45
44
|
--row-height:var(--sans-body-m-line-height, 20px);
|
|
46
45
|
--horizontal-scroll-bar-height:calc(var(--dimension-025m, 2px) + var(--dimension-050m, 4px));
|
|
47
46
|
}
|
|
48
|
-
.mobileInputWrapper[data-size=m] .textarea{
|
|
49
|
-
font-family:var(--sans-body-m-font-family, SB Sans Interface);
|
|
50
|
-
font-weight:var(--sans-body-m-font-weight, Regular);
|
|
51
|
-
line-height:var(--sans-body-m-line-height, 20px);
|
|
52
|
-
font-size:var(--sans-body-m-font-size, 14px);
|
|
53
|
-
letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
|
|
54
|
-
paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
|
|
55
|
-
font-size:max(16px, var(--sans-body-m-font-size, 14px));
|
|
56
|
-
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
57
|
-
}
|
|
58
|
-
.mobileInputWrapper[data-size=m] .textarea::-moz-placeholder{
|
|
59
|
-
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
60
|
-
}
|
|
61
|
-
.mobileInputWrapper[data-size=m] .textarea::placeholder{
|
|
62
|
-
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
63
|
-
}
|
|
64
47
|
.mobileInputWrapper[data-size=l]{
|
|
65
48
|
--row-height:var(--sans-body-l-line-height, 24px);
|
|
66
49
|
--horizontal-scroll-bar-height:var(--dimension-1m, 8px);
|
|
67
50
|
}
|
|
68
|
-
.mobileInputWrapper[data-size=l] .textarea{
|
|
69
|
-
font-family:var(--sans-body-l-font-family, SB Sans Interface);
|
|
70
|
-
font-weight:var(--sans-body-l-font-weight, Regular);
|
|
71
|
-
line-height:var(--sans-body-l-line-height, 24px);
|
|
72
|
-
font-size:var(--sans-body-l-font-size, 16px);
|
|
73
|
-
letter-spacing:var(--sans-body-l-letter-spacing, 0.1px);
|
|
74
|
-
paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
|
|
75
|
-
font-size:max(16px, var(--sans-body-l-font-size, 16px));
|
|
76
|
-
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
77
|
-
}
|
|
78
|
-
.mobileInputWrapper[data-size=l] .textarea::-moz-placeholder{
|
|
79
|
-
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
80
|
-
}
|
|
81
|
-
.mobileInputWrapper[data-size=l] .textarea::placeholder{
|
|
82
|
-
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
83
|
-
}
|
|
84
51
|
|
|
85
52
|
.mobileSubmitButtonWrapper{
|
|
86
53
|
width:32px;
|
|
@@ -21,66 +21,33 @@
|
|
|
21
21
|
min-height:calc(var(--min-rows) * var(--row-height) + var(--horizontal-scroll-bar-height));
|
|
22
22
|
max-height:calc(var(--max-rows) * var(--row-height) + var(--horizontal-scroll-bar-height));
|
|
23
23
|
}
|
|
24
|
-
.mobileInputWrapper
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
line-height:var(--sans-body-s-line-height, 16px);
|
|
32
|
-
font-size:var(--sans-body-s-font-size, 12px);
|
|
33
|
-
letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
|
|
34
|
-
paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
|
|
35
|
-
font-size:max(16px, var(--sans-body-s-font-size, 12px));
|
|
24
|
+
.mobileInputWrapper .textarea{
|
|
25
|
+
font-family:var(--sans-body-l-font-family, SB Sans Interface);
|
|
26
|
+
font-weight:var(--sans-body-l-font-weight, Regular);
|
|
27
|
+
line-height:var(--sans-body-l-line-height, 24px);
|
|
28
|
+
font-size:var(--sans-body-l-font-size, 16px);
|
|
29
|
+
letter-spacing:var(--sans-body-l-letter-spacing, 0.1px);
|
|
30
|
+
paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
|
|
36
31
|
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
37
32
|
}
|
|
38
|
-
.mobileInputWrapper
|
|
33
|
+
.mobileInputWrapper .textarea::-moz-placeholder{
|
|
39
34
|
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
40
35
|
}
|
|
41
|
-
.mobileInputWrapper
|
|
36
|
+
.mobileInputWrapper .textarea::placeholder{
|
|
42
37
|
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
43
38
|
}
|
|
39
|
+
.mobileInputWrapper[data-size=s]{
|
|
40
|
+
--row-height:var(--sans-body-s-line-height, 16px);
|
|
41
|
+
--horizontal-scroll-bar-height:var(--dimension-050m, 4px);
|
|
42
|
+
}
|
|
44
43
|
.mobileInputWrapper[data-size=m]{
|
|
45
44
|
--row-height:var(--sans-body-m-line-height, 20px);
|
|
46
45
|
--horizontal-scroll-bar-height:calc(var(--dimension-025m, 2px) + var(--dimension-050m, 4px));
|
|
47
46
|
}
|
|
48
|
-
.mobileInputWrapper[data-size=m] .textarea{
|
|
49
|
-
font-family:var(--sans-body-m-font-family, SB Sans Interface);
|
|
50
|
-
font-weight:var(--sans-body-m-font-weight, Regular);
|
|
51
|
-
line-height:var(--sans-body-m-line-height, 20px);
|
|
52
|
-
font-size:var(--sans-body-m-font-size, 14px);
|
|
53
|
-
letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
|
|
54
|
-
paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
|
|
55
|
-
font-size:max(16px, var(--sans-body-m-font-size, 14px));
|
|
56
|
-
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
57
|
-
}
|
|
58
|
-
.mobileInputWrapper[data-size=m] .textarea::-moz-placeholder{
|
|
59
|
-
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
60
|
-
}
|
|
61
|
-
.mobileInputWrapper[data-size=m] .textarea::placeholder{
|
|
62
|
-
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
63
|
-
}
|
|
64
47
|
.mobileInputWrapper[data-size=l]{
|
|
65
48
|
--row-height:var(--sans-body-l-line-height, 24px);
|
|
66
49
|
--horizontal-scroll-bar-height:var(--dimension-1m, 8px);
|
|
67
50
|
}
|
|
68
|
-
.mobileInputWrapper[data-size=l] .textarea{
|
|
69
|
-
font-family:var(--sans-body-l-font-family, SB Sans Interface);
|
|
70
|
-
font-weight:var(--sans-body-l-font-weight, Regular);
|
|
71
|
-
line-height:var(--sans-body-l-line-height, 24px);
|
|
72
|
-
font-size:var(--sans-body-l-font-size, 16px);
|
|
73
|
-
letter-spacing:var(--sans-body-l-letter-spacing, 0.1px);
|
|
74
|
-
paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
|
|
75
|
-
font-size:max(16px, var(--sans-body-l-font-size, 16px));
|
|
76
|
-
padding-right:calc(42px + var(--size-fields-scroll-bar-width, 8px));
|
|
77
|
-
}
|
|
78
|
-
.mobileInputWrapper[data-size=l] .textarea::-moz-placeholder{
|
|
79
|
-
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
80
|
-
}
|
|
81
|
-
.mobileInputWrapper[data-size=l] .textarea::placeholder{
|
|
82
|
-
color:var(--sys-neutral-text-disabled, #aaaebd);
|
|
83
|
-
}
|
|
84
51
|
|
|
85
52
|
.mobileSubmitButtonWrapper{
|
|
86
53
|
width:32px;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloud-ru/uikit-product-fields-predefined",
|
|
3
3
|
"title": "Fields Predefined",
|
|
4
|
-
"version": "2.3.4-preview-
|
|
4
|
+
"version": "2.3.4-preview-6a4d5a35.0",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css",
|
|
7
7
|
"*.woff",
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"react-hook-form": ">=7.51.0",
|
|
63
63
|
"yup": ">=0.32.0"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "493cc61857d922d2c780ea475c62332363c17bd0"
|
|
66
66
|
}
|
|
@@ -38,21 +38,20 @@ $sizes: 's', 'm', 'l';
|
|
|
38
38
|
max-height: calc(var(--max-rows) * var(--row-height) + var(--horizontal-scroll-bar-height));
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
+
.textarea {
|
|
42
|
+
@include ste.composite-var(ste.$sans-body-l);
|
|
43
|
+
|
|
44
|
+
padding-right: calc(42px + ste.simple-var(ste.$fields-scroll-bar-width, 'width'));
|
|
45
|
+
|
|
46
|
+
&::placeholder {
|
|
47
|
+
color: ste.simple-var(ste.$sys-neutral-text-disabled);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
41
51
|
@each $size in $sizes {
|
|
42
52
|
&[data-size='#{$size}'] {
|
|
43
53
|
--row-height: #{ste.simple-var(ste.$theme-variables, 'sans', 'body', $size, 'line-height')};
|
|
44
54
|
--horizontal-scroll-bar-height: #{ste.simple-var($scroll-bar-heights, $size)};
|
|
45
|
-
|
|
46
|
-
.textarea {
|
|
47
|
-
@include ste.composite-var(ste.$theme-variables, 'sans', 'body', $size);
|
|
48
|
-
|
|
49
|
-
font-size: max(16px, #{ste.simple-var(ste.$theme-variables, 'sans', 'body', $size, 'font-size')});
|
|
50
|
-
padding-right: calc(42px + ste.simple-var(ste.$fields-scroll-bar-width, 'width'));
|
|
51
|
-
|
|
52
|
-
&::placeholder {
|
|
53
|
-
color: ste.simple-var(ste.$sys-neutral-text-disabled);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
55
|
}
|
|
57
56
|
}
|
|
58
57
|
}
|