@snack-uikit/fields 0.23.0 → 0.23.2-preview-efdf107f.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/components/FieldDate/styles.module.css +3 -3
  3. package/dist/components/FieldDecorator/styles.module.css +16 -16
  4. package/dist/components/FieldSelect/styles.module.css +5 -5
  5. package/dist/components/FieldSlider/styles.module.css +1 -1
  6. package/dist/helperComponents/ButtonCopyValue/styles.module.css +6 -6
  7. package/dist/helperComponents/ButtonHideValue/styles.module.css +6 -6
  8. package/dist/helperComponents/FieldContainerPrivate/styles.module.css +11 -11
  9. package/dist/helperComponents/TextArea/styles.module.css +6 -6
  10. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,15 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 0.23.1 (2024-07-09)
7
+
8
+ ### Only dependencies have been changed
9
+ * [@snack-uikit/tag@0.9.6](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/tag/CHANGELOG.md)
10
+
11
+
12
+
13
+
14
+
6
15
  # 0.23.0 (2024-07-02)
7
16
 
8
17
 
package/dist/components/FieldDate/styles.module.css CHANGED
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  .container .calendarIcon{
25
- color:var(--sys-neutral-text-light, #868892);
25
+ color:var(--sys-neutral-text-light, #8b8e9b);
26
26
  }
27
27
  .container .calendarIcon[data-size=s]{
28
28
  width:var(--size-icon-container-xs, 16px) !important;
@@ -37,8 +37,8 @@
37
37
  height:var(--size-icon-container-s, 24px) !important;
38
38
  }
39
39
  .container:hover .calendarIcon, .container:focus-within .calendarIcon, .container[data-focused] .calendarIcon{
40
- color:var(--sys-neutral-text-support, #656771);
40
+ color:var(--sys-neutral-text-support, #6d707f);
41
41
  }
42
42
  .container[data-disabled] .calendarIcon, .container[data-readonly] .calendarIcon{
43
- color:var(--sys-neutral-text-disabled, #b3b6bf);
43
+ color:var(--sys-neutral-text-disabled, #aaaebd);
44
44
  }
package/dist/components/FieldDecorator/styles.module.css CHANGED
@@ -19,14 +19,14 @@
19
19
  display:flex;
20
20
  gap:var(--dimension-050m, 4px);
21
21
  box-sizing:border-box;
22
- color:var(--sys-neutral-text-support, #656771);
22
+ color:var(--sys-neutral-text-support, #6d707f);
23
23
  }
24
24
  .header[data-size=s]{
25
25
  font-family:var(--sans-label-m-font-family, SB Sans Interface);
26
26
  font-weight:var(--sans-label-m-font-weight, Semibold);
27
27
  line-height:var(--sans-label-m-line-height, 16px);
28
28
  font-size:var(--sans-label-m-font-size, 12px);
29
- letter-spacing:var(--sans-label-m-letter-spacing, -0.1px);
29
+ letter-spacing:var(--sans-label-m-letter-spacing, 0px);
30
30
  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
31
31
  }
32
32
  .header[data-size=s] .caption{
@@ -37,14 +37,14 @@
37
37
  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
38
38
  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
39
39
  margin-left:auto;
40
- color:var(--sys-neutral-text-light, #868892);
40
+ color:var(--sys-neutral-text-light, #8b8e9b);
41
41
  }
42
42
  .header[data-size=m]{
43
43
  font-family:var(--sans-label-l-font-family, SB Sans Interface);
44
44
  font-weight:var(--sans-label-l-font-weight, Semibold);
45
45
  line-height:var(--sans-label-l-line-height, 20px);
46
46
  font-size:var(--sans-label-l-font-size, 14px);
47
- letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
47
+ letter-spacing:var(--sans-label-l-letter-spacing, 0px);
48
48
  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
49
49
  }
50
50
  .header[data-size=m] .caption{
@@ -55,14 +55,14 @@
55
55
  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
56
56
  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
57
57
  margin-left:auto;
58
- color:var(--sys-neutral-text-light, #868892);
58
+ color:var(--sys-neutral-text-light, #8b8e9b);
59
59
  }
60
60
  .header[data-size=l]{
61
61
  font-family:var(--sans-label-l-font-family, SB Sans Interface);
62
62
  font-weight:var(--sans-label-l-font-weight, Semibold);
63
63
  line-height:var(--sans-label-l-line-height, 20px);
64
64
  font-size:var(--sans-label-l-font-size, 14px);
65
- letter-spacing:var(--sans-label-l-letter-spacing, -0.1px);
65
+ letter-spacing:var(--sans-label-l-letter-spacing, 0px);
66
66
  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
67
67
  }
68
68
  .header[data-size=l] .caption{
@@ -73,23 +73,23 @@
73
73
  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
74
74
  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
75
75
  margin-left:auto;
76
- color:var(--sys-neutral-text-light, #868892);
76
+ color:var(--sys-neutral-text-light, #8b8e9b);
77
77
  }
78
78
 
79
79
  .labelLayout{
80
80
  gap:var(--space-fields-label-gap, 2px);
81
81
  display:inline-flex;
82
82
  align-items:center;
83
- color:var(--sys-neutral-text-light, #868892);
83
+ color:var(--sys-neutral-text-light, #8b8e9b);
84
84
  }
85
85
 
86
86
  .label{
87
87
  display:grid;
88
- color:var(--sys-neutral-text-support, #656771);
88
+ color:var(--sys-neutral-text-support, #6d707f);
89
89
  }
90
90
 
91
91
  .required{
92
- color:var(--sys-neutral-text-support, #656771);
92
+ color:var(--sys-neutral-text-support, #6d707f);
93
93
  }
94
94
 
95
95
  .footer{
@@ -157,7 +157,7 @@
157
157
  word-break:break-word;
158
158
  }
159
159
  .hint[data-validation=default]{
160
- color:var(--sys-neutral-text-light, #868892);
160
+ color:var(--sys-neutral-text-light, #8b8e9b);
161
161
  }
162
162
  .hint[data-validation=error]{
163
163
  color:var(--sys-red-text-main, #621c1b);
@@ -172,7 +172,7 @@
172
172
  .icon{
173
173
  flex-shrink:0;
174
174
  box-sizing:content-box;
175
- color:var(--sys-neutral-text-light, #868892);
175
+ color:var(--sys-neutral-text-light, #8b8e9b);
176
176
  }
177
177
 
178
178
  .hintIcon{
@@ -180,20 +180,20 @@
180
180
  box-sizing:content-box;
181
181
  }
182
182
  .hintIcon[data-validation=default]{
183
- color:var(--sys-neutral-accent-default, #6f717c);
183
+ color:var(--sys-neutral-accent-default, #787b8a);
184
184
  }
185
185
  .hintIcon[data-validation=error]{
186
186
  color:var(--sys-red-accent-default, #cd3c3c);
187
187
  }
188
188
  .hintIcon[data-validation=warning]{
189
- color:var(--sys-yellow-accent-default, #fdca46);
189
+ color:var(--sys-yellow-accent-default, #ffc443);
190
190
  }
191
191
  .hintIcon[data-validation=success]{
192
192
  color:var(--sys-green-accent-default, #57b762);
193
193
  }
194
194
 
195
195
  .counterLimit > span[data-validation=default]{
196
- color:var(--sys-neutral-text-light, #868892);
196
+ color:var(--sys-neutral-text-light, #8b8e9b);
197
197
  }
198
198
  .counterLimit > span[data-limit-exceeded], .counterLimit > span[data-validation=error]{
199
199
  color:var(--sys-red-text-light, #ea6658);
@@ -206,7 +206,7 @@
206
206
  }
207
207
 
208
208
  .counterCurrentValue[data-limit-exceeded][data-validation=default]{
209
- color:var(--sys-neutral-text-main, #33333b);
209
+ color:var(--sys-neutral-text-main, #33343f);
210
210
  }
211
211
  .counterCurrentValue[data-limit-exceeded][data-validation=error]{
212
212
  color:var(--sys-red-text-main, #621c1b);
package/dist/components/FieldSelect/styles.module.css CHANGED
@@ -69,7 +69,7 @@
69
69
  .container[data-size=s] .arrowIcon{
70
70
  width:var(--size-icon-container-xs, 16px) !important;
71
71
  height:var(--size-icon-container-xs, 16px) !important;
72
- color:var(--sys-neutral-text-light, #868892);
72
+ color:var(--sys-neutral-text-light, #8b8e9b);
73
73
  }
74
74
  .container[data-size=s][data-variant=single-line-container] .displayValue{
75
75
  width:calc(100% - (
@@ -92,7 +92,7 @@
92
92
  .container[data-size=m] .arrowIcon{
93
93
  width:var(--size-icon-container-s, 24px) !important;
94
94
  height:var(--size-icon-container-s, 24px) !important;
95
- color:var(--sys-neutral-text-light, #868892);
95
+ color:var(--sys-neutral-text-light, #8b8e9b);
96
96
  }
97
97
  .container[data-size=m][data-variant=single-line-container] .displayValue{
98
98
  width:calc(100% - (
@@ -115,7 +115,7 @@
115
115
  .container[data-size=l] .arrowIcon{
116
116
  width:var(--size-icon-container-s, 24px) !important;
117
117
  height:var(--size-icon-container-s, 24px) !important;
118
- color:var(--sys-neutral-text-light, #868892);
118
+ color:var(--sys-neutral-text-light, #8b8e9b);
119
119
  }
120
120
  .container[data-size=l][data-variant=single-line-container] .displayValue{
121
121
  width:calc(100% - (
@@ -128,10 +128,10 @@
128
128
  border-radius:var(--radius-fields-l, 16px);
129
129
  }
130
130
  .container:hover .arrowIcon, .container:focus-within .arrowIcon, .container[data-focused] .arrowIcon{
131
- color:var(--sys-neutral-text-support, #656771);
131
+ color:var(--sys-neutral-text-support, #6d707f);
132
132
  }
133
133
  .container[data-disabled] .arrowIcon, .container[data-readonly] .arrowIcon{
134
- color:var(--sys-neutral-text-disabled, #b3b6bf);
134
+ color:var(--sys-neutral-text-disabled, #aaaebd);
135
135
  }
136
136
 
137
137
  .inputPlug{
package/dist/components/FieldSlider/styles.module.css CHANGED
@@ -27,5 +27,5 @@
27
27
  }
28
28
 
29
29
  .fieldContainer svg{
30
- color:var(--sys-neutral-text-disabled, #b3b6bf);
30
+ color:var(--sys-neutral-text-disabled, #aaaebd);
31
31
  }
package/dist/helperComponents/ButtonCopyValue/styles.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  justify-content:center;
5
5
  margin:0;
6
6
  padding:0;
7
- color:var(--sys-neutral-text-light, #868892);
7
+ color:var(--sys-neutral-text-light, #8b8e9b);
8
8
  background-color:transparent;
9
9
  border:none;
10
10
  }
@@ -28,20 +28,20 @@
28
28
  }
29
29
  .buttonCopyValue:hover{
30
30
  cursor:pointer;
31
- color:var(--sys-neutral-text-support, #656771);
31
+ color:var(--sys-neutral-text-support, #6d707f);
32
32
  }
33
33
  .buttonCopyValue:focus-visible{
34
34
  outline-width:var(--border-state-focus-s-border-width, 2px);
35
35
  outline-style:var(--border-state-focus-s-border-style, solid);
36
36
  outline-color:var(--border-state-focus-s-border-color, );
37
- color:var(--sys-neutral-text-support, #656771);
38
- outline-color:var(--sys-available-complementary, #141415);
37
+ color:var(--sys-neutral-text-support, #6d707f);
38
+ outline-color:var(--sys-available-complementary, #15151b);
39
39
  outline-offset:var(--spacing-state-focus-offset, 2px);
40
40
  }
41
41
  .buttonCopyValue:active{
42
- color:var(--sys-neutral-text-main, #33333b);
42
+ color:var(--sys-neutral-text-main, #33343f);
43
43
  }
44
44
  .buttonCopyValue[data-disabled]{
45
45
  cursor:not-allowed;
46
- color:var(--sys-neutral-text-disabled, #b3b6bf);
46
+ color:var(--sys-neutral-text-disabled, #aaaebd);
47
47
  }
package/dist/helperComponents/ButtonHideValue/styles.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  justify-content:center;
5
5
  margin:0;
6
6
  padding:0;
7
- color:var(--sys-neutral-text-light, #868892);
7
+ color:var(--sys-neutral-text-light, #8b8e9b);
8
8
  background-color:transparent;
9
9
  border:none;
10
10
  }
@@ -28,20 +28,20 @@
28
28
  }
29
29
  .buttonHideValue:hover{
30
30
  cursor:pointer;
31
- color:var(--sys-neutral-text-support, #656771);
31
+ color:var(--sys-neutral-text-support, #6d707f);
32
32
  }
33
33
  .buttonHideValue:focus-visible{
34
34
  outline-width:var(--border-state-focus-s-border-width, 2px);
35
35
  outline-style:var(--border-state-focus-s-border-style, solid);
36
36
  outline-color:var(--border-state-focus-s-border-color, );
37
- color:var(--sys-neutral-text-support, #656771);
38
- outline-color:var(--sys-available-complementary, #141415);
37
+ color:var(--sys-neutral-text-support, #6d707f);
38
+ outline-color:var(--sys-available-complementary, #15151b);
39
39
  outline-offset:var(--spacing-state-focus-offset, 2px);
40
40
  }
41
41
  .buttonHideValue:active{
42
- color:var(--sys-neutral-text-main, #33333b);
42
+ color:var(--sys-neutral-text-main, #33343f);
43
43
  }
44
44
  .buttonHideValue[data-disabled]{
45
45
  cursor:not-allowed;
46
- color:var(--sys-neutral-text-disabled, #b3b6bf);
46
+ color:var(--sys-neutral-text-disabled, #aaaebd);
47
47
  }
package/dist/helperComponents/FieldContainerPrivate/styles.module.css CHANGED
@@ -7,8 +7,8 @@
7
7
  border-style:solid;
8
8
  }
9
9
  .container[data-validation=default]{
10
- background-color:var(--sys-neutral-background1-level, #fdfdff);
11
- border-color:var(--sys-neutral-decor-default, #dfe2ec);
10
+ background-color:var(--sys-neutral-background1-level, #fdfdfd);
11
+ border-color:var(--sys-neutral-decor-default, #dde0ea);
12
12
  }
13
13
  .container[data-validation=default]:hover{
14
14
  background-color:var(--sys-neutral-background2-level, #ffffff);
@@ -51,7 +51,7 @@
51
51
  outline-style:var(--border-state-focus-m-border-style, solid);
52
52
  outline-color:var(--border-state-focus-m-border-color, );
53
53
  background-color:var(--sys-neutral-background2-level, #ffffff);
54
- border-color:var(--sys-yellow-accent-default, #fdca46);
54
+ border-color:var(--sys-yellow-accent-default, #ffc443);
55
55
  outline-color:var(--sys-yellow-decor-activated, #e5c878);
56
56
  }
57
57
  .container[data-validation=success]{
@@ -181,15 +181,15 @@
181
181
  cursor:default;
182
182
  }
183
183
  .container[data-readonly], .container[data-readonly]:hover{
184
- background-color:var(--sys-neutral-decor-disabled, #e8eaf1);
185
- border-color:var(--sys-neutral-decor-disabled, #e8eaf1);
184
+ background-color:var(--sys-neutral-decor-disabled, #e6e8ef);
185
+ border-color:var(--sys-neutral-decor-disabled, #e6e8ef);
186
186
  }
187
187
  .container[data-readonly]:focus-within, .container[data-readonly][data-focused]{
188
188
  outline-width:var(--border-state-focus-m-border-width, 3px);
189
189
  outline-style:var(--border-state-focus-m-border-style, solid);
190
190
  outline-color:var(--border-state-focus-m-border-color, );
191
- background-color:var(--sys-neutral-decor-disabled, #e8eaf1);
192
- border-color:var(--sys-neutral-decor-disabled, #e8eaf1);
191
+ background-color:var(--sys-neutral-decor-disabled, #e6e8ef);
192
+ border-color:var(--sys-neutral-decor-disabled, #e6e8ef);
193
193
  outline:none;
194
194
  }
195
195
  .container[data-disabled],
@@ -198,18 +198,18 @@
198
198
  .container[data-disabled] textarea,
199
199
  .container[data-disabled] span{
200
200
  cursor:not-allowed;
201
- background-color:var(--sys-neutral-background, #f1f2f6);
201
+ background-color:var(--sys-neutral-background, #eeeff3);
202
202
  }
203
203
  .container[data-disabled], .container[data-disabled]:focus-within, .container[data-disabled][data-focused], .container[data-disabled]:hover{
204
- background-color:var(--sys-neutral-background, #f1f2f6);
205
- border-color:var(--sys-neutral-decor-disabled, #e8eaf1);
204
+ background-color:var(--sys-neutral-background, #eeeff3);
205
+ border-color:var(--sys-neutral-decor-disabled, #e6e8ef);
206
206
  outline:none;
207
207
  }
208
208
 
209
209
  .prefix{
210
210
  display:inline-flex;
211
211
  flex-shrink:0;
212
- color:var(--sys-neutral-text-disabled, #b3b6bf);
212
+ color:var(--sys-neutral-text-disabled, #aaaebd);
213
213
  }
214
214
 
215
215
  .postfix{
package/dist/helperComponents/TextArea/styles.module.css CHANGED
@@ -5,28 +5,28 @@
5
5
  max-width:100%;
6
6
  margin:0;
7
7
  padding:0;
8
- color:var(--sys-neutral-text-main, #33333b);
8
+ color:var(--sys-neutral-text-main, #33343f);
9
9
  background-color:transparent;
10
10
  border:none;
11
11
  border-radius:0;
12
12
  outline:0;
13
13
  }
14
14
  .textarea::-moz-placeholder{
15
- color:var(--sys-neutral-text-disabled, #b3b6bf);
15
+ color:var(--sys-neutral-text-disabled, #aaaebd);
16
16
  }
17
17
  .textarea::placeholder{
18
- color:var(--sys-neutral-text-disabled, #b3b6bf);
18
+ color:var(--sys-neutral-text-disabled, #aaaebd);
19
19
  }
20
20
  .textarea::-webkit-scrollbar{
21
21
  width:0;
22
22
  max-width:0;
23
23
  }
24
24
  .textarea:-moz-read-only{
25
- color:var(--sys-neutral-text-support, #656771);
25
+ color:var(--sys-neutral-text-support, #6d707f);
26
26
  }
27
27
  .textarea:read-only{
28
- color:var(--sys-neutral-text-support, #656771);
28
+ color:var(--sys-neutral-text-support, #6d707f);
29
29
  }
30
30
  .textarea[disabled]{
31
- color:var(--sys-neutral-text-disabled, #b3b6bf);
31
+ color:var(--sys-neutral-text-disabled, #aaaebd);
32
32
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Fields",
7
- "version": "0.23.0",
7
+ "version": "0.23.2-preview-efdf107f.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -37,11 +37,11 @@
37
37
  "@snack-uikit/dropdown": "0.2.4",
38
38
  "@snack-uikit/icons": "0.21.0",
39
39
  "@snack-uikit/input-private": "3.1.3",
40
- "@snack-uikit/list": "0.13.10",
40
+ "@snack-uikit/list": "0.13.11-preview-efdf107f.0",
41
41
  "@snack-uikit/scroll": "0.6.0",
42
42
  "@snack-uikit/skeleton": "0.3.4",
43
43
  "@snack-uikit/slider": "0.1.14",
44
- "@snack-uikit/tag": "0.9.5",
44
+ "@snack-uikit/tag": "0.9.6",
45
45
  "@snack-uikit/tooltip": "0.13.6",
46
46
  "@snack-uikit/truncate-string": "0.4.19",
47
47
  "@snack-uikit/utils": "3.3.0",
@@ -59,5 +59,5 @@
59
59
  "peerDependencies": {
60
60
  "@snack-uikit/locale": "*"
61
61
  },
62
- "gitHead": "d3b4cf017a5d6d34f1fb21b71b4e438e38c758c3"
62
+ "gitHead": "4192642547dd9d7a68194264c1db4a0f6bacc6c5"
63
63
  }