@cloud-ru/uikit-product-claudia 1.12.2 → 1.12.3-preview-23c44fe9.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 (40) hide show
  1. package/dist/cjs/components/ButtonClaudia/styles.module.css +29 -29
  2. package/dist/cjs/components/ButtonGiga/ButtonGigaFunction/styles.module.css +4 -2
  3. package/dist/cjs/components/ButtonGiga/ButtonGigaMama/styles.module.css +18 -18
  4. package/dist/cjs/components/ButtonGiga/ButtonGigaOutline/styles.module.css +32 -32
  5. package/dist/cjs/components/RateForm/RateForm.js +1 -1
  6. package/dist/cjs/components/RateForm/components/TextFieldWithAccordionMessage/TextFieldWithAccordionMessage.js +1 -1
  7. package/dist/cjs/components/SshField/SshField.d.ts +1 -1
  8. package/dist/cjs/components/SshField/components/MobileFieldAi/MobileFieldAi.d.ts +1 -1
  9. package/dist/esm/components/ButtonClaudia/styles.module.css +29 -29
  10. package/dist/esm/components/ButtonGiga/ButtonGigaFunction/styles.module.css +4 -2
  11. package/dist/esm/components/ButtonGiga/ButtonGigaMama/styles.module.css +18 -18
  12. package/dist/esm/components/ButtonGiga/ButtonGigaOutline/styles.module.css +32 -32
  13. package/dist/esm/components/RateForm/RateForm.js +1 -1
  14. package/dist/esm/components/RateForm/components/TextFieldWithAccordionMessage/TextFieldWithAccordionMessage.js +1 -1
  15. package/dist/esm/components/SshField/SshField.d.ts +1 -1
  16. package/dist/esm/components/SshField/components/MobileFieldAi/MobileFieldAi.d.ts +1 -1
  17. package/package.json +7 -7
  18. package/src/components/ButtonClaudia/helperComponents/ButtonPrivate/styles.module.scss +1 -1
  19. package/src/components/ButtonClaudia/styles.module.scss +3 -3
  20. package/src/components/ButtonGiga/ButtonGigaFunction/styles.module.scss +3 -3
  21. package/src/components/ButtonGiga/ButtonGigaMama/styles.module.scss +2 -2
  22. package/src/components/ButtonGiga/ButtonGigaOutline/styles.module.scss +3 -3
  23. package/src/components/ButtonGiga/helperComponents/ButtonPrivate/styles.module.scss +1 -1
  24. package/src/components/ChatStatusAnnouncement/helperComponents/AlertButton/styles.module.scss +1 -1
  25. package/src/components/ChatStatusAnnouncement/styled.module.scss +1 -1
  26. package/src/components/RateForm/RateForm.tsx +1 -1
  27. package/src/components/RateForm/components/TextFieldWithAccordionMessage/TextFieldWithAccordionMessage.tsx +1 -1
  28. package/src/components/RateForm/components/TextFieldWithAccordionMessage/styles.module.scss +1 -1
  29. package/src/components/RateForm/styles.module.scss +1 -1
  30. package/src/components/RecommendPannel/helperComponents/Chip/styles.module.scss +1 -1
  31. package/src/components/RecommendPannel/helperComponents/CloseChip/styles.module.scss +1 -1
  32. package/src/components/RecommendPannel/helperComponents/DropdownChip/styles.module.scss +1 -1
  33. package/src/components/SshField/components/MobileFieldAi/styles.module.scss +1 -1
  34. package/src/components/SshField/components/TextArea/styles.module.scss +1 -1
  35. package/src/components/SshField/helperComponents/CheckItem/styles.module.scss +1 -1
  36. package/src/components/SshField/helperComponents/DropZoneContent/styles.module.scss +1 -1
  37. package/src/components/SshField/helperComponents/SshValidation/styles.module.scss +1 -1
  38. package/src/components/SshField/helperComponents/TextAreaActionsFooter/styles.module.scss +1 -1
  39. package/src/components/SshField/helperComponents/WithSshValidation/styles.module.scss +1 -1
  40. package/src/components/SshField/styles.module.scss +1 -1
@@ -1,6 +1,3 @@
1
- .button.specificityX2{
2
- background-color:var(--sys-claudia-accent-default, #2a2a36);
3
- }
4
1
  .button.specificityX2[data-size=xs] .label{
5
2
  font-family:var(--sans-label-s-font-family, SB Sans Interface);
6
3
  font-weight:var(--sans-label-s-font-weight, Semibold);
@@ -21,19 +18,19 @@
21
18
  max-height:var(--size-icon-container-s, 24px);
22
19
  }
23
20
  .button.specificityX2[data-size=xs][data-variant=label-only]{
24
- border-radius:var(--radius-button-xs, 0px);
21
+ border-radius:var(--radius-button-xs, 2px);
25
22
  height:var(--size-button-xs, 24px);
26
23
  padding-right:var(--space-button-xs-from-label, 8px);
27
24
  padding-left:var(--space-button-xs-from-label, 8px);
28
25
  min-width:var(--size-button-mininal-width-xs, 0px);
29
26
  }
30
27
  .button.specificityX2[data-size=xs][data-variant=icon-only]{
31
- border-radius:var(--radius-button-xs, 0px);
28
+ border-radius:var(--radius-button-xs, 2px);
32
29
  height:var(--size-button-xs, 24px);
33
30
  width:var(--size-button-xs, 24px);
34
31
  }
35
32
  .button.specificityX2[data-size=xs][data-variant=icon-after]{
36
- border-radius:var(--radius-button-xs, 0px);
33
+ border-radius:var(--radius-button-xs, 2px);
37
34
  height:var(--size-button-xs, 24px);
38
35
  gap:var(--space-button-xs-gap, 2px);
39
36
  padding-right:var(--space-button-xs-from-icon, 4px);
@@ -60,19 +57,19 @@
60
57
  max-height:var(--size-icon-container-s, 24px);
61
58
  }
62
59
  .button.specificityX2[data-size=s][data-variant=label-only]{
63
- border-radius:var(--radius-button-s, 0px);
60
+ border-radius:var(--radius-button-s, 2px);
64
61
  height:var(--size-button-s, 32px);
65
62
  padding-right:var(--space-button-s-from-label, 16px);
66
63
  padding-left:var(--space-button-s-from-label, 16px);
67
64
  min-width:var(--size-button-mininal-width-s, 0px);
68
65
  }
69
66
  .button.specificityX2[data-size=s][data-variant=icon-only]{
70
- border-radius:var(--radius-button-s, 0px);
67
+ border-radius:var(--radius-button-s, 2px);
71
68
  height:var(--size-button-s, 32px);
72
69
  width:var(--size-button-s, 32px);
73
70
  }
74
71
  .button.specificityX2[data-size=s][data-variant=icon-after]{
75
- border-radius:var(--radius-button-s, 0px);
72
+ border-radius:var(--radius-button-s, 2px);
76
73
  height:var(--size-button-s, 32px);
77
74
  gap:var(--space-button-s-gap, 4px);
78
75
  padding-right:var(--space-button-s-from-icon, 8px);
@@ -99,19 +96,19 @@
99
96
  max-height:var(--size-icon-container-s, 24px);
100
97
  }
101
98
  .button.specificityX2[data-size=m][data-variant=label-only]{
102
- border-radius:var(--radius-button-m, 0px);
99
+ border-radius:var(--radius-button-m, 2px);
103
100
  height:var(--size-button-m, 40px);
104
101
  padding-right:var(--space-button-m-from-label, 24px);
105
102
  padding-left:var(--space-button-m-from-label, 24px);
106
103
  min-width:var(--size-button-mininal-width-m, 0px);
107
104
  }
108
105
  .button.specificityX2[data-size=m][data-variant=icon-only]{
109
- border-radius:var(--radius-button-m, 0px);
106
+ border-radius:var(--radius-button-m, 2px);
110
107
  height:var(--size-button-m, 40px);
111
108
  width:var(--size-button-m, 40px);
112
109
  }
113
110
  .button.specificityX2[data-size=m][data-variant=icon-after]{
114
- border-radius:var(--radius-button-m, 0px);
111
+ border-radius:var(--radius-button-m, 2px);
115
112
  height:var(--size-button-m, 40px);
116
113
  gap:var(--space-button-m-gap, 4px);
117
114
  padding-right:var(--space-button-m-from-icon, 16px);
@@ -138,19 +135,19 @@
138
135
  max-height:var(--size-icon-container-s, 24px);
139
136
  }
140
137
  .button.specificityX2[data-size=l][data-variant=label-only]{
141
- border-radius:var(--radius-button-l, 0px);
138
+ border-radius:var(--radius-button-l, 2px);
142
139
  height:var(--size-button-l, 48px);
143
140
  padding-right:var(--space-button-l-from-label, 32px);
144
141
  padding-left:var(--space-button-l-from-label, 32px);
145
142
  min-width:var(--size-button-mininal-width-l, 0px);
146
143
  }
147
144
  .button.specificityX2[data-size=l][data-variant=icon-only]{
148
- border-radius:var(--radius-button-l, 0px);
145
+ border-radius:var(--radius-button-l, 2px);
149
146
  height:var(--size-button-l, 48px);
150
147
  width:var(--size-button-l, 48px);
151
148
  }
152
149
  .button.specificityX2[data-size=l][data-variant=icon-after]{
153
- border-radius:var(--radius-button-l, 0px);
150
+ border-radius:var(--radius-button-l, 2px);
154
151
  height:var(--size-button-l, 48px);
155
152
  gap:var(--space-button-l-gap, 4px);
156
153
  padding-right:var(--space-button-l-from-icon, 24px);
@@ -172,29 +169,29 @@
172
169
  .button.specificityX2 .icon{
173
170
  color:var(--sys-claudia-on-accent, #ffffff);
174
171
  }
172
+ .button.specificityX2{
173
+ background-color:var(--sys-claudia-accent-default, #2a2a36);
174
+ }
175
175
  @media (hover: hover){
176
- .button.specificityX2:hover{
177
- background-color:var(--sys-claudia-accent-hovered, #393a46);
178
- }
179
176
  .button.specificityX2:hover .label{
180
177
  color:var(--sys-claudia-on-accent, #ffffff);
181
178
  }
182
179
  .button.specificityX2:hover .icon{
183
180
  color:var(--sys-claudia-on-accent, #ffffff);
184
181
  }
185
- }
186
- @media (hover: none) or (hover: hover){
187
- .button.specificityX2:focus-visible{
182
+ .button.specificityX2:hover{
188
183
  background-color:var(--sys-claudia-accent-hovered, #393a46);
189
184
  }
185
+ }
186
+ @media (hover: none) or (hover: hover){
190
187
  .button.specificityX2:focus-visible .label{
191
188
  color:var(--sys-claudia-on-accent, #ffffff);
192
189
  }
193
190
  .button.specificityX2:focus-visible .icon{
194
191
  color:var(--sys-claudia-on-accent, #ffffff);
195
192
  }
196
- .button.specificityX2:active{
197
- background-color:var(--sys-claudia-accent-pressed, #51525d);
193
+ .button.specificityX2:focus-visible{
194
+ background-color:var(--sys-claudia-accent-hovered, #393a46);
198
195
  }
199
196
  .button.specificityX2:active .label{
200
197
  color:var(--sys-claudia-on-accent, #ffffff);
@@ -202,7 +199,7 @@
202
199
  .button.specificityX2:active .icon{
203
200
  color:var(--sys-claudia-on-accent, #ffffff);
204
201
  }
205
- .button.specificityX2[data-loading]{
202
+ .button.specificityX2:active{
206
203
  background-color:var(--sys-claudia-accent-pressed, #51525d);
207
204
  }
208
205
  .button.specificityX2[data-loading] .label{
@@ -211,8 +208,8 @@
211
208
  .button.specificityX2[data-loading] .icon{
212
209
  color:var(--sys-claudia-on-accent, #ffffff);
213
210
  }
214
- .button.specificityX2:disabled, .button.specificityX2[data-disabled]{
215
- background-color:var(--sys-claudia-decor-disabled, #e6e8ef);
211
+ .button.specificityX2[data-loading]{
212
+ background-color:var(--sys-claudia-accent-pressed, #51525d);
216
213
  }
217
214
  .button.specificityX2:disabled .label, .button.specificityX2[data-disabled] .label{
218
215
  color:var(--sys-claudia-text-light, #8b8e9b);
@@ -220,13 +217,16 @@
220
217
  .button.specificityX2:disabled .icon, .button.specificityX2[data-disabled] .icon{
221
218
  color:var(--sys-claudia-text-light, #8b8e9b);
222
219
  }
223
- }
224
- .button.specificityX2:focus-visible{
225
- outline-color:var(--sys-available-complementary, #1c1c24) !important;
220
+ .button.specificityX2:disabled, .button.specificityX2[data-disabled]{
221
+ background-color:var(--sys-claudia-decor-disabled, #e6e8ef);
222
+ }
226
223
  }
227
224
  .button.specificityX2:focus-visible:focus-visible{
228
225
  outline-width:var(--border-state-focus-s-border-width, 2px);
229
226
  outline-style:var(--border-state-focus-s-border-style, solid);
230
227
  outline-color:var(--border-state-focus-s-border-color, );
231
228
  outline-offset:var(--spacing-state-focus-offset, 2px);
229
+ }
230
+ .button.specificityX2:focus-visible{
231
+ outline-color:var(--sys-available-complementary, #1c1c24) !important;
232
232
  }
@@ -1,7 +1,5 @@
1
1
  .button.specificityX2{
2
2
  display:inline-flex;
3
- background-color:transparent;
4
- border:none;
5
3
  }
6
4
  .button.specificityX2[data-size=xs] .label{
7
5
  font-family:var(--sans-label-s-font-family, SB Sans Interface);
@@ -174,6 +172,10 @@
174
172
  .button.specificityX2 .icon{
175
173
  color:var(--sys-neutral-text-light, #8b8e9b);
176
174
  }
175
+ .button.specificityX2{
176
+ background-color:transparent;
177
+ border:none;
178
+ }
177
179
  .button.specificityX2[data-appearance=primary] .label{
178
180
  color:var(--sys-primary-accent-default, #393a45);
179
181
  }
@@ -41,30 +41,30 @@
41
41
  mask-composite:exclude;
42
42
  pointer-events:none;
43
43
  }
44
- .button.specificity:disabled, .button.specificity[data-disabled]{
45
- background-color:transparent;
46
- }
47
44
  .button.specificity:disabled .label, .button.specificity[data-disabled] .label{
48
45
  color:var(--sys-neutral-text-disabled, #aaaebd);
49
46
  }
50
47
  .button.specificity:disabled .icon, .button.specificity[data-disabled] .icon{
51
48
  color:var(--sys-neutral-text-disabled, #aaaebd);
52
49
  }
50
+ .button.specificity:disabled, .button.specificity[data-disabled]{
51
+ background-color:transparent;
52
+ }
53
53
  .button.specificity:disabled::before, .button.specificity[data-disabled]::before{
54
54
  background:var(--sys-neutral-text-disabled, #aaaebd);
55
55
  }
56
56
  .button.specificity:disabled .icon svg path, .button.specificity[data-disabled] .icon svg path{
57
57
  fill:var(--sys-neutral-text-disabled, #aaaebd);
58
58
  }
59
- .button.specificity:hover:not(:disabled):not([data-disabled]){
60
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
61
- }
62
59
  .button.specificity:hover:not(:disabled):not([data-disabled]) .label{
63
60
  color:var(--sys-primary-text-support, #5b5d69);
64
61
  }
65
62
  .button.specificity:hover:not(:disabled):not([data-disabled]) .icon{
66
63
  color:var(--sys-primary-text-support, #5b5d69);
67
64
  }
65
+ .button.specificity:hover:not(:disabled):not([data-disabled]){
66
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
67
+ }
68
68
  .button.specificity:hover:not(:disabled):not([data-disabled])::before{
69
69
  filter:brightness(0.9);
70
70
  }
@@ -74,15 +74,15 @@
74
74
  .button.specificity:hover:not(:disabled):not([data-disabled]) .label{
75
75
  filter:brightness(0.9);
76
76
  }
77
- .button.specificity:active:not(:disabled):not([data-disabled]){
78
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
79
- }
80
77
  .button.specificity:active:not(:disabled):not([data-disabled]) .label{
81
78
  color:var(--sys-primary-text-support, #5b5d69);
82
79
  }
83
80
  .button.specificity:active:not(:disabled):not([data-disabled]) .icon{
84
81
  color:var(--sys-primary-text-support, #5b5d69);
85
82
  }
83
+ .button.specificity:active:not(:disabled):not([data-disabled]){
84
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
85
+ }
86
86
  .button.specificity:active:not(:disabled):not([data-disabled])::before{
87
87
  filter:brightness(0.7);
88
88
  }
@@ -92,13 +92,6 @@
92
92
  .button.specificity:active:not(:disabled):not([data-disabled]) .icon{
93
93
  filter:brightness(0.7);
94
94
  }
95
- .button.specificity:focus-visible:not(:disabled):not([data-disabled]){
96
- outline-width:var(--border-state-focus-s-border-width, 2px);
97
- outline-style:var(--border-state-focus-s-border-style, solid);
98
- outline-color:var(--border-state-focus-s-border-color, );
99
- outline-offset:var(--spacing-state-focus-offset, 2px);
100
- outline-color:var(--sys-available-complementary, #1c1c24);
101
- }
102
95
  .button.specificity:focus-visible:not(:disabled):not([data-disabled]) .label{
103
96
  color:var(--sys-primary-text-support, #5b5d69);
104
97
  }
@@ -111,8 +104,12 @@
111
104
  .button.specificity:focus-visible:not(:disabled):not([data-disabled]) .icon{
112
105
  filter:brightness(0.9);
113
106
  }
114
- .button.specificity[data-loading]:not(:disabled):not([data-disabled]){
115
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
107
+ .button.specificity:focus-visible:not(:disabled):not([data-disabled]){
108
+ outline-width:var(--border-state-focus-s-border-width, 2px);
109
+ outline-style:var(--border-state-focus-s-border-style, solid);
110
+ outline-color:var(--border-state-focus-s-border-color, );
111
+ outline-offset:var(--spacing-state-focus-offset, 2px);
112
+ outline-color:var(--sys-available-complementary, #1c1c24);
116
113
  }
117
114
  .button.specificity[data-loading]:not(:disabled):not([data-disabled]) .label{
118
115
  color:var(--sys-primary-text-support, #5b5d69);
@@ -120,6 +117,9 @@
120
117
  .button.specificity[data-loading]:not(:disabled):not([data-disabled]) .icon{
121
118
  color:var(--sys-primary-accent-pressed, #5b5d69);
122
119
  }
120
+ .button.specificity[data-loading]:not(:disabled):not([data-disabled]){
121
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
122
+ }
123
123
  .button.specificity[data-loading]:not(:disabled):not([data-disabled])::before{
124
124
  filter:brightness(0.7);
125
125
  }
@@ -222,16 +222,16 @@
222
222
  .button.specificityX2[data-loading][data-variant=label-only] .label{
223
223
  opacity:var(--opacity-a0, 0);
224
224
  }
225
- .button.specificityX2[data-appearance=primary]{
226
- background-color:transparent;
227
- border:none;
228
- }
229
225
  .button.specificityX2[data-appearance=primary] .label{
230
226
  color:var(--sys-primary-accent-default, #393a45);
231
227
  }
232
228
  .button.specificityX2[data-appearance=primary] .icon{
233
229
  color:var(--sys-primary-accent-default, #393a45);
234
230
  }
231
+ .button.specificityX2[data-appearance=primary]{
232
+ background-color:transparent;
233
+ border:none;
234
+ }
235
235
  .button.specificityX2[data-appearance=primary]::before{
236
236
  content:"";
237
237
  position:absolute;
@@ -246,15 +246,15 @@
246
246
  pointer-events:none;
247
247
  }
248
248
  @media (hover: hover){
249
- .button.specificityX2[data-appearance=primary]:hover{
250
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
251
- }
252
249
  .button.specificityX2[data-appearance=primary]:hover .label{
253
250
  color:var(--sys-primary-accent-hovered, #31323d);
254
251
  }
255
252
  .button.specificityX2[data-appearance=primary]:hover .icon{
256
253
  color:var(--sys-primary-accent-hovered, #31323d);
257
254
  }
255
+ .button.specificityX2[data-appearance=primary]:hover{
256
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
257
+ }
258
258
  .button.specificityX2[data-appearance=primary]:hover::before{
259
259
  filter:brightness(0.9);
260
260
  }
@@ -269,45 +269,45 @@
269
269
  .button.specificityX2[data-appearance=primary]:focus-visible .icon{
270
270
  color:var(--sys-primary-accent-hovered, #31323d);
271
271
  }
272
- .button.specificityX2[data-appearance=primary]:active{
273
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
274
- }
275
272
  .button.specificityX2[data-appearance=primary]:active .label{
276
273
  color:var(--sys-primary-accent-pressed, #5b5d69);
277
274
  }
278
275
  .button.specificityX2[data-appearance=primary]:active .icon{
279
276
  color:var(--sys-primary-accent-pressed, #5b5d69);
280
277
  }
278
+ .button.specificityX2[data-appearance=primary]:active{
279
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
280
+ }
281
281
  .button.specificityX2[data-appearance=primary]:active::before{
282
282
  filter:brightness(0.7);
283
283
  }
284
284
  .button.specificityX2[data-appearance=primary]:active .icon{
285
285
  filter:brightness(0.7);
286
286
  }
287
- .button.specificityX2[data-appearance=primary][data-loading]{
288
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
289
- }
290
287
  .button.specificityX2[data-appearance=primary][data-loading] .label{
291
288
  color:var(--sys-primary-accent-pressed, #5b5d69);
292
289
  }
293
290
  .button.specificityX2[data-appearance=primary][data-loading] .icon{
294
291
  color:var(--sys-primary-accent-pressed, #5b5d69);
295
292
  }
293
+ .button.specificityX2[data-appearance=primary][data-loading]{
294
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
295
+ }
296
296
  .button.specificityX2[data-appearance=primary][data-loading]::before{
297
297
  filter:brightness(0.7);
298
298
  }
299
299
  .button.specificityX2[data-appearance=primary][data-loading] .icon{
300
300
  filter:brightness(0.7);
301
301
  }
302
- .button.specificityX2[data-appearance=primary]:disabled, .button.specificityX2[data-appearance=primary][data-disabled]{
303
- background-color:transparent;
304
- }
305
302
  .button.specificityX2[data-appearance=primary]:disabled .label, .button.specificityX2[data-appearance=primary][data-disabled] .label{
306
303
  color:var(--sys-neutral-text-disabled, #aaaebd);
307
304
  }
308
305
  .button.specificityX2[data-appearance=primary]:disabled .icon, .button.specificityX2[data-appearance=primary][data-disabled] .icon{
309
306
  color:var(--sys-neutral-text-disabled, #aaaebd);
310
307
  }
308
+ .button.specificityX2[data-appearance=primary]:disabled, .button.specificityX2[data-appearance=primary][data-disabled]{
309
+ background-color:transparent;
310
+ }
311
311
  .button.specificityX2[data-appearance=primary]:disabled::before, .button.specificityX2[data-appearance=primary][data-disabled]::before{
312
312
  background:var(--sys-neutral-text-disabled, #aaaebd);
313
313
  }
@@ -315,16 +315,16 @@
315
315
  fill:currentColor;
316
316
  }
317
317
  }
318
- .button.specificityX2[data-appearance=neutral]{
319
- background-color:transparent;
320
- border:none;
321
- }
322
318
  .button.specificityX2[data-appearance=neutral] .label{
323
319
  color:var(--sys-neutral-accent-default, #787b8a);
324
320
  }
325
321
  .button.specificityX2[data-appearance=neutral] .icon{
326
322
  color:var(--sys-neutral-accent-default, #787b8a);
327
323
  }
324
+ .button.specificityX2[data-appearance=neutral]{
325
+ background-color:transparent;
326
+ border:none;
327
+ }
328
328
  .button.specificityX2[data-appearance=neutral]::before{
329
329
  content:"";
330
330
  position:absolute;
@@ -339,15 +339,15 @@
339
339
  pointer-events:none;
340
340
  }
341
341
  @media (hover: hover){
342
- .button.specificityX2[data-appearance=neutral]:hover{
343
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
344
- }
345
342
  .button.specificityX2[data-appearance=neutral]:hover .label{
346
343
  color:var(--sys-neutral-accent-hovered, #6d707f);
347
344
  }
348
345
  .button.specificityX2[data-appearance=neutral]:hover .icon{
349
346
  color:var(--sys-neutral-accent-hovered, #6d707f);
350
347
  }
348
+ .button.specificityX2[data-appearance=neutral]:hover{
349
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
350
+ }
351
351
  .button.specificityX2[data-appearance=neutral]:hover::before{
352
352
  filter:brightness(0.9);
353
353
  }
@@ -362,45 +362,45 @@
362
362
  .button.specificityX2[data-appearance=neutral]:focus-visible .icon{
363
363
  color:var(--sys-neutral-accent-hovered, #6d707f);
364
364
  }
365
- .button.specificityX2[data-appearance=neutral]:active{
366
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
367
- }
368
365
  .button.specificityX2[data-appearance=neutral]:active .label{
369
366
  color:var(--sys-neutral-accent-pressed, #656774);
370
367
  }
371
368
  .button.specificityX2[data-appearance=neutral]:active .icon{
372
369
  color:var(--sys-neutral-accent-pressed, #656774);
373
370
  }
371
+ .button.specificityX2[data-appearance=neutral]:active{
372
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
373
+ }
374
374
  .button.specificityX2[data-appearance=neutral]:active::before{
375
375
  filter:brightness(0.7);
376
376
  }
377
377
  .button.specificityX2[data-appearance=neutral]:active .icon{
378
378
  filter:brightness(0.7);
379
379
  }
380
- .button.specificityX2[data-appearance=neutral][data-loading]{
381
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
382
- }
383
380
  .button.specificityX2[data-appearance=neutral][data-loading] .label{
384
381
  color:var(--sys-neutral-accent-pressed, #656774);
385
382
  }
386
383
  .button.specificityX2[data-appearance=neutral][data-loading] .icon{
387
384
  color:var(--sys-neutral-accent-pressed, #656774);
388
385
  }
386
+ .button.specificityX2[data-appearance=neutral][data-loading]{
387
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
388
+ }
389
389
  .button.specificityX2[data-appearance=neutral][data-loading]::before{
390
390
  filter:brightness(0.7);
391
391
  }
392
392
  .button.specificityX2[data-appearance=neutral][data-loading] .icon{
393
393
  filter:brightness(0.7);
394
394
  }
395
- .button.specificityX2[data-appearance=neutral]:disabled, .button.specificityX2[data-appearance=neutral][data-disabled]{
396
- background-color:transparent;
397
- }
398
395
  .button.specificityX2[data-appearance=neutral]:disabled .label, .button.specificityX2[data-appearance=neutral][data-disabled] .label{
399
396
  color:var(--sys-neutral-text-disabled, #aaaebd);
400
397
  }
401
398
  .button.specificityX2[data-appearance=neutral]:disabled .icon, .button.specificityX2[data-appearance=neutral][data-disabled] .icon{
402
399
  color:var(--sys-neutral-text-disabled, #aaaebd);
403
400
  }
401
+ .button.specificityX2[data-appearance=neutral]:disabled, .button.specificityX2[data-appearance=neutral][data-disabled]{
402
+ background-color:transparent;
403
+ }
404
404
  .button.specificityX2[data-appearance=neutral]:disabled::before, .button.specificityX2[data-appearance=neutral][data-disabled]::before{
405
405
  background:var(--sys-neutral-text-disabled, #aaaebd);
406
406
  }
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.RateForm = RateForm;
7
7
  const jsx_runtime_1 = require("react/jsx-runtime");
8
8
  const classnames_1 = __importDefault(require("classnames"));
9
- const figma_tokens_cloud_platform_1 = require("@sbercloud/figma-tokens-cloud-platform");
9
+ const figma_tokens_cloud_platform_1 = require("@cloud-ru/figma-tokens-cloud-platform");
10
10
  const icons_1 = require("@snack-uikit/icons");
11
11
  const loaders_1 = require("@snack-uikit/loaders");
12
12
  const typography_1 = require("@snack-uikit/typography");
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.TextFieldWithAccordionMessage = TextFieldWithAccordionMessage;
7
7
  const jsx_runtime_1 = require("react/jsx-runtime");
8
8
  const react_1 = require("react");
9
- const figma_tokens_cloud_platform_1 = require("@sbercloud/figma-tokens-cloud-platform");
9
+ const figma_tokens_cloud_platform_1 = require("@cloud-ru/figma-tokens-cloud-platform");
10
10
  const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
11
11
  const divider_1 = require("@snack-uikit/divider");
12
12
  const fields_1 = require("@snack-uikit/fields");
@@ -12,5 +12,5 @@ export declare const SshField: import("react").ForwardRefExoticComponent<Omit<Fi
12
12
  /** Колбек отмены действия */
13
13
  onCancel(): void;
14
14
  } & {
15
- layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
15
+ layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
16
16
  } & import("react").RefAttributes<HTMLTextAreaElement>>;
@@ -1,6 +1,6 @@
1
1
  import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
2
2
  export declare const MobileFieldAi: import("react").ForwardRefExoticComponent<Omit<FieldTextAreaProps, "label" | "size" | "placeholder" | "spellCheck" | "labelTooltip" | "required" | "footer"> & {
3
- layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
3
+ layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
4
4
  } & {
5
5
  onSubmit(): void;
6
6
  submitEnabled: boolean;
@@ -1,6 +1,3 @@
1
- .button.specificityX2{
2
- background-color:var(--sys-claudia-accent-default, #2a2a36);
3
- }
4
1
  .button.specificityX2[data-size=xs] .label{
5
2
  font-family:var(--sans-label-s-font-family, SB Sans Interface);
6
3
  font-weight:var(--sans-label-s-font-weight, Semibold);
@@ -21,19 +18,19 @@
21
18
  max-height:var(--size-icon-container-s, 24px);
22
19
  }
23
20
  .button.specificityX2[data-size=xs][data-variant=label-only]{
24
- border-radius:var(--radius-button-xs, 0px);
21
+ border-radius:var(--radius-button-xs, 2px);
25
22
  height:var(--size-button-xs, 24px);
26
23
  padding-right:var(--space-button-xs-from-label, 8px);
27
24
  padding-left:var(--space-button-xs-from-label, 8px);
28
25
  min-width:var(--size-button-mininal-width-xs, 0px);
29
26
  }
30
27
  .button.specificityX2[data-size=xs][data-variant=icon-only]{
31
- border-radius:var(--radius-button-xs, 0px);
28
+ border-radius:var(--radius-button-xs, 2px);
32
29
  height:var(--size-button-xs, 24px);
33
30
  width:var(--size-button-xs, 24px);
34
31
  }
35
32
  .button.specificityX2[data-size=xs][data-variant=icon-after]{
36
- border-radius:var(--radius-button-xs, 0px);
33
+ border-radius:var(--radius-button-xs, 2px);
37
34
  height:var(--size-button-xs, 24px);
38
35
  gap:var(--space-button-xs-gap, 2px);
39
36
  padding-right:var(--space-button-xs-from-icon, 4px);
@@ -60,19 +57,19 @@
60
57
  max-height:var(--size-icon-container-s, 24px);
61
58
  }
62
59
  .button.specificityX2[data-size=s][data-variant=label-only]{
63
- border-radius:var(--radius-button-s, 0px);
60
+ border-radius:var(--radius-button-s, 2px);
64
61
  height:var(--size-button-s, 32px);
65
62
  padding-right:var(--space-button-s-from-label, 16px);
66
63
  padding-left:var(--space-button-s-from-label, 16px);
67
64
  min-width:var(--size-button-mininal-width-s, 0px);
68
65
  }
69
66
  .button.specificityX2[data-size=s][data-variant=icon-only]{
70
- border-radius:var(--radius-button-s, 0px);
67
+ border-radius:var(--radius-button-s, 2px);
71
68
  height:var(--size-button-s, 32px);
72
69
  width:var(--size-button-s, 32px);
73
70
  }
74
71
  .button.specificityX2[data-size=s][data-variant=icon-after]{
75
- border-radius:var(--radius-button-s, 0px);
72
+ border-radius:var(--radius-button-s, 2px);
76
73
  height:var(--size-button-s, 32px);
77
74
  gap:var(--space-button-s-gap, 4px);
78
75
  padding-right:var(--space-button-s-from-icon, 8px);
@@ -99,19 +96,19 @@
99
96
  max-height:var(--size-icon-container-s, 24px);
100
97
  }
101
98
  .button.specificityX2[data-size=m][data-variant=label-only]{
102
- border-radius:var(--radius-button-m, 0px);
99
+ border-radius:var(--radius-button-m, 2px);
103
100
  height:var(--size-button-m, 40px);
104
101
  padding-right:var(--space-button-m-from-label, 24px);
105
102
  padding-left:var(--space-button-m-from-label, 24px);
106
103
  min-width:var(--size-button-mininal-width-m, 0px);
107
104
  }
108
105
  .button.specificityX2[data-size=m][data-variant=icon-only]{
109
- border-radius:var(--radius-button-m, 0px);
106
+ border-radius:var(--radius-button-m, 2px);
110
107
  height:var(--size-button-m, 40px);
111
108
  width:var(--size-button-m, 40px);
112
109
  }
113
110
  .button.specificityX2[data-size=m][data-variant=icon-after]{
114
- border-radius:var(--radius-button-m, 0px);
111
+ border-radius:var(--radius-button-m, 2px);
115
112
  height:var(--size-button-m, 40px);
116
113
  gap:var(--space-button-m-gap, 4px);
117
114
  padding-right:var(--space-button-m-from-icon, 16px);
@@ -138,19 +135,19 @@
138
135
  max-height:var(--size-icon-container-s, 24px);
139
136
  }
140
137
  .button.specificityX2[data-size=l][data-variant=label-only]{
141
- border-radius:var(--radius-button-l, 0px);
138
+ border-radius:var(--radius-button-l, 2px);
142
139
  height:var(--size-button-l, 48px);
143
140
  padding-right:var(--space-button-l-from-label, 32px);
144
141
  padding-left:var(--space-button-l-from-label, 32px);
145
142
  min-width:var(--size-button-mininal-width-l, 0px);
146
143
  }
147
144
  .button.specificityX2[data-size=l][data-variant=icon-only]{
148
- border-radius:var(--radius-button-l, 0px);
145
+ border-radius:var(--radius-button-l, 2px);
149
146
  height:var(--size-button-l, 48px);
150
147
  width:var(--size-button-l, 48px);
151
148
  }
152
149
  .button.specificityX2[data-size=l][data-variant=icon-after]{
153
- border-radius:var(--radius-button-l, 0px);
150
+ border-radius:var(--radius-button-l, 2px);
154
151
  height:var(--size-button-l, 48px);
155
152
  gap:var(--space-button-l-gap, 4px);
156
153
  padding-right:var(--space-button-l-from-icon, 24px);
@@ -172,29 +169,29 @@
172
169
  .button.specificityX2 .icon{
173
170
  color:var(--sys-claudia-on-accent, #ffffff);
174
171
  }
172
+ .button.specificityX2{
173
+ background-color:var(--sys-claudia-accent-default, #2a2a36);
174
+ }
175
175
  @media (hover: hover){
176
- .button.specificityX2:hover{
177
- background-color:var(--sys-claudia-accent-hovered, #393a46);
178
- }
179
176
  .button.specificityX2:hover .label{
180
177
  color:var(--sys-claudia-on-accent, #ffffff);
181
178
  }
182
179
  .button.specificityX2:hover .icon{
183
180
  color:var(--sys-claudia-on-accent, #ffffff);
184
181
  }
185
- }
186
- @media (hover: none) or (hover: hover){
187
- .button.specificityX2:focus-visible{
182
+ .button.specificityX2:hover{
188
183
  background-color:var(--sys-claudia-accent-hovered, #393a46);
189
184
  }
185
+ }
186
+ @media (hover: none) or (hover: hover){
190
187
  .button.specificityX2:focus-visible .label{
191
188
  color:var(--sys-claudia-on-accent, #ffffff);
192
189
  }
193
190
  .button.specificityX2:focus-visible .icon{
194
191
  color:var(--sys-claudia-on-accent, #ffffff);
195
192
  }
196
- .button.specificityX2:active{
197
- background-color:var(--sys-claudia-accent-pressed, #51525d);
193
+ .button.specificityX2:focus-visible{
194
+ background-color:var(--sys-claudia-accent-hovered, #393a46);
198
195
  }
199
196
  .button.specificityX2:active .label{
200
197
  color:var(--sys-claudia-on-accent, #ffffff);
@@ -202,7 +199,7 @@
202
199
  .button.specificityX2:active .icon{
203
200
  color:var(--sys-claudia-on-accent, #ffffff);
204
201
  }
205
- .button.specificityX2[data-loading]{
202
+ .button.specificityX2:active{
206
203
  background-color:var(--sys-claudia-accent-pressed, #51525d);
207
204
  }
208
205
  .button.specificityX2[data-loading] .label{
@@ -211,8 +208,8 @@
211
208
  .button.specificityX2[data-loading] .icon{
212
209
  color:var(--sys-claudia-on-accent, #ffffff);
213
210
  }
214
- .button.specificityX2:disabled, .button.specificityX2[data-disabled]{
215
- background-color:var(--sys-claudia-decor-disabled, #e6e8ef);
211
+ .button.specificityX2[data-loading]{
212
+ background-color:var(--sys-claudia-accent-pressed, #51525d);
216
213
  }
217
214
  .button.specificityX2:disabled .label, .button.specificityX2[data-disabled] .label{
218
215
  color:var(--sys-claudia-text-light, #8b8e9b);
@@ -220,13 +217,16 @@
220
217
  .button.specificityX2:disabled .icon, .button.specificityX2[data-disabled] .icon{
221
218
  color:var(--sys-claudia-text-light, #8b8e9b);
222
219
  }
223
- }
224
- .button.specificityX2:focus-visible{
225
- outline-color:var(--sys-available-complementary, #1c1c24) !important;
220
+ .button.specificityX2:disabled, .button.specificityX2[data-disabled]{
221
+ background-color:var(--sys-claudia-decor-disabled, #e6e8ef);
222
+ }
226
223
  }
227
224
  .button.specificityX2:focus-visible:focus-visible{
228
225
  outline-width:var(--border-state-focus-s-border-width, 2px);
229
226
  outline-style:var(--border-state-focus-s-border-style, solid);
230
227
  outline-color:var(--border-state-focus-s-border-color, );
231
228
  outline-offset:var(--spacing-state-focus-offset, 2px);
229
+ }
230
+ .button.specificityX2:focus-visible{
231
+ outline-color:var(--sys-available-complementary, #1c1c24) !important;
232
232
  }
@@ -1,7 +1,5 @@
1
1
  .button.specificityX2{
2
2
  display:inline-flex;
3
- background-color:transparent;
4
- border:none;
5
3
  }
6
4
  .button.specificityX2[data-size=xs] .label{
7
5
  font-family:var(--sans-label-s-font-family, SB Sans Interface);
@@ -174,6 +172,10 @@
174
172
  .button.specificityX2 .icon{
175
173
  color:var(--sys-neutral-text-light, #8b8e9b);
176
174
  }
175
+ .button.specificityX2{
176
+ background-color:transparent;
177
+ border:none;
178
+ }
177
179
  .button.specificityX2[data-appearance=primary] .label{
178
180
  color:var(--sys-primary-accent-default, #393a45);
179
181
  }
@@ -41,30 +41,30 @@
41
41
  mask-composite:exclude;
42
42
  pointer-events:none;
43
43
  }
44
- .button.specificity:disabled, .button.specificity[data-disabled]{
45
- background-color:transparent;
46
- }
47
44
  .button.specificity:disabled .label, .button.specificity[data-disabled] .label{
48
45
  color:var(--sys-neutral-text-disabled, #aaaebd);
49
46
  }
50
47
  .button.specificity:disabled .icon, .button.specificity[data-disabled] .icon{
51
48
  color:var(--sys-neutral-text-disabled, #aaaebd);
52
49
  }
50
+ .button.specificity:disabled, .button.specificity[data-disabled]{
51
+ background-color:transparent;
52
+ }
53
53
  .button.specificity:disabled::before, .button.specificity[data-disabled]::before{
54
54
  background:var(--sys-neutral-text-disabled, #aaaebd);
55
55
  }
56
56
  .button.specificity:disabled .icon svg path, .button.specificity[data-disabled] .icon svg path{
57
57
  fill:var(--sys-neutral-text-disabled, #aaaebd);
58
58
  }
59
- .button.specificity:hover:not(:disabled):not([data-disabled]){
60
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
61
- }
62
59
  .button.specificity:hover:not(:disabled):not([data-disabled]) .label{
63
60
  color:var(--sys-primary-text-support, #5b5d69);
64
61
  }
65
62
  .button.specificity:hover:not(:disabled):not([data-disabled]) .icon{
66
63
  color:var(--sys-primary-text-support, #5b5d69);
67
64
  }
65
+ .button.specificity:hover:not(:disabled):not([data-disabled]){
66
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
67
+ }
68
68
  .button.specificity:hover:not(:disabled):not([data-disabled])::before{
69
69
  filter:brightness(0.9);
70
70
  }
@@ -74,15 +74,15 @@
74
74
  .button.specificity:hover:not(:disabled):not([data-disabled]) .label{
75
75
  filter:brightness(0.9);
76
76
  }
77
- .button.specificity:active:not(:disabled):not([data-disabled]){
78
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
79
- }
80
77
  .button.specificity:active:not(:disabled):not([data-disabled]) .label{
81
78
  color:var(--sys-primary-text-support, #5b5d69);
82
79
  }
83
80
  .button.specificity:active:not(:disabled):not([data-disabled]) .icon{
84
81
  color:var(--sys-primary-text-support, #5b5d69);
85
82
  }
83
+ .button.specificity:active:not(:disabled):not([data-disabled]){
84
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
85
+ }
86
86
  .button.specificity:active:not(:disabled):not([data-disabled])::before{
87
87
  filter:brightness(0.7);
88
88
  }
@@ -92,13 +92,6 @@
92
92
  .button.specificity:active:not(:disabled):not([data-disabled]) .icon{
93
93
  filter:brightness(0.7);
94
94
  }
95
- .button.specificity:focus-visible:not(:disabled):not([data-disabled]){
96
- outline-width:var(--border-state-focus-s-border-width, 2px);
97
- outline-style:var(--border-state-focus-s-border-style, solid);
98
- outline-color:var(--border-state-focus-s-border-color, );
99
- outline-offset:var(--spacing-state-focus-offset, 2px);
100
- outline-color:var(--sys-available-complementary, #1c1c24);
101
- }
102
95
  .button.specificity:focus-visible:not(:disabled):not([data-disabled]) .label{
103
96
  color:var(--sys-primary-text-support, #5b5d69);
104
97
  }
@@ -111,8 +104,12 @@
111
104
  .button.specificity:focus-visible:not(:disabled):not([data-disabled]) .icon{
112
105
  filter:brightness(0.9);
113
106
  }
114
- .button.specificity[data-loading]:not(:disabled):not([data-disabled]){
115
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
107
+ .button.specificity:focus-visible:not(:disabled):not([data-disabled]){
108
+ outline-width:var(--border-state-focus-s-border-width, 2px);
109
+ outline-style:var(--border-state-focus-s-border-style, solid);
110
+ outline-color:var(--border-state-focus-s-border-color, );
111
+ outline-offset:var(--spacing-state-focus-offset, 2px);
112
+ outline-color:var(--sys-available-complementary, #1c1c24);
116
113
  }
117
114
  .button.specificity[data-loading]:not(:disabled):not([data-disabled]) .label{
118
115
  color:var(--sys-primary-text-support, #5b5d69);
@@ -120,6 +117,9 @@
120
117
  .button.specificity[data-loading]:not(:disabled):not([data-disabled]) .icon{
121
118
  color:var(--sys-primary-accent-pressed, #5b5d69);
122
119
  }
120
+ .button.specificity[data-loading]:not(:disabled):not([data-disabled]){
121
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
122
+ }
123
123
  .button.specificity[data-loading]:not(:disabled):not([data-disabled])::before{
124
124
  filter:brightness(0.7);
125
125
  }
@@ -222,16 +222,16 @@
222
222
  .button.specificityX2[data-loading][data-variant=label-only] .label{
223
223
  opacity:var(--opacity-a0, 0);
224
224
  }
225
- .button.specificityX2[data-appearance=primary]{
226
- background-color:transparent;
227
- border:none;
228
- }
229
225
  .button.specificityX2[data-appearance=primary] .label{
230
226
  color:var(--sys-primary-accent-default, #393a45);
231
227
  }
232
228
  .button.specificityX2[data-appearance=primary] .icon{
233
229
  color:var(--sys-primary-accent-default, #393a45);
234
230
  }
231
+ .button.specificityX2[data-appearance=primary]{
232
+ background-color:transparent;
233
+ border:none;
234
+ }
235
235
  .button.specificityX2[data-appearance=primary]::before{
236
236
  content:"";
237
237
  position:absolute;
@@ -246,15 +246,15 @@
246
246
  pointer-events:none;
247
247
  }
248
248
  @media (hover: hover){
249
- .button.specificityX2[data-appearance=primary]:hover{
250
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
251
- }
252
249
  .button.specificityX2[data-appearance=primary]:hover .label{
253
250
  color:var(--sys-primary-accent-hovered, #31323d);
254
251
  }
255
252
  .button.specificityX2[data-appearance=primary]:hover .icon{
256
253
  color:var(--sys-primary-accent-hovered, #31323d);
257
254
  }
255
+ .button.specificityX2[data-appearance=primary]:hover{
256
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
257
+ }
258
258
  .button.specificityX2[data-appearance=primary]:hover::before{
259
259
  filter:brightness(0.9);
260
260
  }
@@ -269,45 +269,45 @@
269
269
  .button.specificityX2[data-appearance=primary]:focus-visible .icon{
270
270
  color:var(--sys-primary-accent-hovered, #31323d);
271
271
  }
272
- .button.specificityX2[data-appearance=primary]:active{
273
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
274
- }
275
272
  .button.specificityX2[data-appearance=primary]:active .label{
276
273
  color:var(--sys-primary-accent-pressed, #5b5d69);
277
274
  }
278
275
  .button.specificityX2[data-appearance=primary]:active .icon{
279
276
  color:var(--sys-primary-accent-pressed, #5b5d69);
280
277
  }
278
+ .button.specificityX2[data-appearance=primary]:active{
279
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
280
+ }
281
281
  .button.specificityX2[data-appearance=primary]:active::before{
282
282
  filter:brightness(0.7);
283
283
  }
284
284
  .button.specificityX2[data-appearance=primary]:active .icon{
285
285
  filter:brightness(0.7);
286
286
  }
287
- .button.specificityX2[data-appearance=primary][data-loading]{
288
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
289
- }
290
287
  .button.specificityX2[data-appearance=primary][data-loading] .label{
291
288
  color:var(--sys-primary-accent-pressed, #5b5d69);
292
289
  }
293
290
  .button.specificityX2[data-appearance=primary][data-loading] .icon{
294
291
  color:var(--sys-primary-accent-pressed, #5b5d69);
295
292
  }
293
+ .button.specificityX2[data-appearance=primary][data-loading]{
294
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
295
+ }
296
296
  .button.specificityX2[data-appearance=primary][data-loading]::before{
297
297
  filter:brightness(0.7);
298
298
  }
299
299
  .button.specificityX2[data-appearance=primary][data-loading] .icon{
300
300
  filter:brightness(0.7);
301
301
  }
302
- .button.specificityX2[data-appearance=primary]:disabled, .button.specificityX2[data-appearance=primary][data-disabled]{
303
- background-color:transparent;
304
- }
305
302
  .button.specificityX2[data-appearance=primary]:disabled .label, .button.specificityX2[data-appearance=primary][data-disabled] .label{
306
303
  color:var(--sys-neutral-text-disabled, #aaaebd);
307
304
  }
308
305
  .button.specificityX2[data-appearance=primary]:disabled .icon, .button.specificityX2[data-appearance=primary][data-disabled] .icon{
309
306
  color:var(--sys-neutral-text-disabled, #aaaebd);
310
307
  }
308
+ .button.specificityX2[data-appearance=primary]:disabled, .button.specificityX2[data-appearance=primary][data-disabled]{
309
+ background-color:transparent;
310
+ }
311
311
  .button.specificityX2[data-appearance=primary]:disabled::before, .button.specificityX2[data-appearance=primary][data-disabled]::before{
312
312
  background:var(--sys-neutral-text-disabled, #aaaebd);
313
313
  }
@@ -315,16 +315,16 @@
315
315
  fill:currentColor;
316
316
  }
317
317
  }
318
- .button.specificityX2[data-appearance=neutral]{
319
- background-color:transparent;
320
- border:none;
321
- }
322
318
  .button.specificityX2[data-appearance=neutral] .label{
323
319
  color:var(--sys-neutral-accent-default, #787b8a);
324
320
  }
325
321
  .button.specificityX2[data-appearance=neutral] .icon{
326
322
  color:var(--sys-neutral-accent-default, #787b8a);
327
323
  }
324
+ .button.specificityX2[data-appearance=neutral]{
325
+ background-color:transparent;
326
+ border:none;
327
+ }
328
328
  .button.specificityX2[data-appearance=neutral]::before{
329
329
  content:"";
330
330
  position:absolute;
@@ -339,15 +339,15 @@
339
339
  pointer-events:none;
340
340
  }
341
341
  @media (hover: hover){
342
- .button.specificityX2[data-appearance=neutral]:hover{
343
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
344
- }
345
342
  .button.specificityX2[data-appearance=neutral]:hover .label{
346
343
  color:var(--sys-neutral-accent-hovered, #6d707f);
347
344
  }
348
345
  .button.specificityX2[data-appearance=neutral]:hover .icon{
349
346
  color:var(--sys-neutral-accent-hovered, #6d707f);
350
347
  }
348
+ .button.specificityX2[data-appearance=neutral]:hover{
349
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.1490196078) inset;
350
+ }
351
351
  .button.specificityX2[data-appearance=neutral]:hover::before{
352
352
  filter:brightness(0.9);
353
353
  }
@@ -362,45 +362,45 @@
362
362
  .button.specificityX2[data-appearance=neutral]:focus-visible .icon{
363
363
  color:var(--sys-neutral-accent-hovered, #6d707f);
364
364
  }
365
- .button.specificityX2[data-appearance=neutral]:active{
366
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
367
- }
368
365
  .button.specificityX2[data-appearance=neutral]:active .label{
369
366
  color:var(--sys-neutral-accent-pressed, #656774);
370
367
  }
371
368
  .button.specificityX2[data-appearance=neutral]:active .icon{
372
369
  color:var(--sys-neutral-accent-pressed, #656774);
373
370
  }
371
+ .button.specificityX2[data-appearance=neutral]:active{
372
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
373
+ }
374
374
  .button.specificityX2[data-appearance=neutral]:active::before{
375
375
  filter:brightness(0.7);
376
376
  }
377
377
  .button.specificityX2[data-appearance=neutral]:active .icon{
378
378
  filter:brightness(0.7);
379
379
  }
380
- .button.specificityX2[data-appearance=neutral][data-loading]{
381
- box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
382
- }
383
380
  .button.specificityX2[data-appearance=neutral][data-loading] .label{
384
381
  color:var(--sys-neutral-accent-pressed, #656774);
385
382
  }
386
383
  .button.specificityX2[data-appearance=neutral][data-loading] .icon{
387
384
  color:var(--sys-neutral-accent-pressed, #656774);
388
385
  }
386
+ .button.specificityX2[data-appearance=neutral][data-loading]{
387
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
388
+ }
389
389
  .button.specificityX2[data-appearance=neutral][data-loading]::before{
390
390
  filter:brightness(0.7);
391
391
  }
392
392
  .button.specificityX2[data-appearance=neutral][data-loading] .icon{
393
393
  filter:brightness(0.7);
394
394
  }
395
- .button.specificityX2[data-appearance=neutral]:disabled, .button.specificityX2[data-appearance=neutral][data-disabled]{
396
- background-color:transparent;
397
- }
398
395
  .button.specificityX2[data-appearance=neutral]:disabled .label, .button.specificityX2[data-appearance=neutral][data-disabled] .label{
399
396
  color:var(--sys-neutral-text-disabled, #aaaebd);
400
397
  }
401
398
  .button.specificityX2[data-appearance=neutral]:disabled .icon, .button.specificityX2[data-appearance=neutral][data-disabled] .icon{
402
399
  color:var(--sys-neutral-text-disabled, #aaaebd);
403
400
  }
401
+ .button.specificityX2[data-appearance=neutral]:disabled, .button.specificityX2[data-appearance=neutral][data-disabled]{
402
+ background-color:transparent;
403
+ }
404
404
  .button.specificityX2[data-appearance=neutral]:disabled::before, .button.specificityX2[data-appearance=neutral][data-disabled]::before{
405
405
  background:var(--sys-neutral-text-disabled, #aaaebd);
406
406
  }
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import cn from 'classnames';
3
- import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
3
+ import { themeVars } from '@cloud-ru/figma-tokens-cloud-platform';
4
4
  import { CrossSVG } from '@snack-uikit/icons';
5
5
  import { Spinner } from '@snack-uikit/loaders';
6
6
  import { Typography } from '@snack-uikit/typography';
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
2
  import { useRef, useState } from 'react';
3
- import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
3
+ import { themeVars } from '@cloud-ru/figma-tokens-cloud-platform';
4
4
  import { ChevronUpInterfaceSVG } from '@cloud-ru/uikit-product-icons';
5
5
  import { Divider } from '@snack-uikit/divider';
6
6
  import { FieldTextArea } from '@snack-uikit/fields';
@@ -12,5 +12,5 @@ export declare const SshField: import("react").ForwardRefExoticComponent<Omit<Fi
12
12
  /** Колбек отмены действия */
13
13
  onCancel(): void;
14
14
  } & {
15
- layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
15
+ layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
16
16
  } & import("react").RefAttributes<HTMLTextAreaElement>>;
@@ -1,6 +1,6 @@
1
1
  import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
2
2
  export declare const MobileFieldAi: import("react").ForwardRefExoticComponent<Omit<FieldTextAreaProps, "label" | "size" | "placeholder" | "spellCheck" | "labelTooltip" | "required" | "footer"> & {
3
- layoutType: import("@cloud-ru/uikit-product-utils/.").LayoutType;
3
+ layoutType: import("@cloud-ru/uikit-product-utils").LayoutType;
4
4
  } & {
5
5
  onSubmit(): void;
6
6
  submitEnabled: boolean;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloud-ru/uikit-product-claudia",
3
3
  "title": "Claudia",
4
- "version": "1.12.2",
4
+ "version": "1.12.3-preview-23c44fe9.0",
5
5
  "sideEffects": [
6
6
  "*.css",
7
7
  "*.woff",
@@ -36,11 +36,11 @@
36
36
  },
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@cloud-ru/uikit-product-icons": "16.1.1",
40
- "@cloud-ru/uikit-product-mobile-dropdown": "0.9.31",
41
- "@cloud-ru/uikit-product-mobile-fields": "0.12.4",
42
- "@cloud-ru/uikit-product-mobile-tooltip": "0.5.4",
43
- "@cloud-ru/uikit-product-utils": "8.1.0",
39
+ "@cloud-ru/uikit-product-icons": "16.1.2-preview-23c44fe9.0",
40
+ "@cloud-ru/uikit-product-mobile-dropdown": "1.0.1-preview-23c44fe9.0",
41
+ "@cloud-ru/uikit-product-mobile-fields": "1.0.1-preview-23c44fe9.0",
42
+ "@cloud-ru/uikit-product-mobile-tooltip": "1.0.1-preview-23c44fe9.0",
43
+ "@cloud-ru/uikit-product-utils": "8.1.1-preview-23c44fe9.0",
44
44
  "@snack-uikit/button": "0.19.16",
45
45
  "@snack-uikit/divider": "3.2.3",
46
46
  "@snack-uikit/drop-zone": "0.9.6",
@@ -62,5 +62,5 @@
62
62
  "@cloud-ru/uikit-product-locale": "*",
63
63
  "@snack-uikit/figma-tokens": "*"
64
64
  },
65
- "gitHead": "629fe2bd96a28ea24b60a04c913fbbe453d104b7"
65
+ "gitHead": "eb43cd21d0a4d229011e2f7e87f87d862dcda635"
66
66
  }
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-web/build/scss/components/styles-tokens-element';
1
+ @use '@cloud-ru/figma-tokens-web/build/scss/components/styles-tokens-element';
2
2
 
3
3
  .button {
4
4
  cursor: pointer;
@@ -1,6 +1,6 @@
1
- @use '@sbercloud/figma-tokens-web/build/scss/components/styles-tokens-button-buttonFilled' as buttonFilled;
2
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
3
- @use '@sbercloud/figma-tokens-web/build/scss/components/styles-tokens-element';
1
+ @use '@cloud-ru/figma-tokens-web/build/scss/components/styles-tokens-button-buttonFilled' as buttonFilled;
2
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
3
+ @use '@cloud-ru/figma-tokens-web/build/scss/components/styles-tokens-element';
4
4
 
5
5
  $sizes: 'xs', 's', 'm', 'l';
6
6
  $variants: 'label-only', 'icon-only', 'icon-after';
@@ -1,6 +1,6 @@
1
- @use '@sbercloud/figma-tokens-giga-id/build/scss/components/styles-tokens-button-buttonFunction' as buttonFunction;
2
- @use '@sbercloud/figma-tokens-giga-id/build/scss/styles-theme-variables' as stv;
3
- @use '@sbercloud/figma-tokens-giga-id/build/scss/components/styles-tokens-element';
1
+ @use '@cloud-ru/figma-tokens-giga-id/build/scss/components/styles-tokens-button-buttonFunction' as buttonFunction;
2
+ @use '@cloud-ru/figma-tokens-giga-id/build/scss/styles-theme-variables' as stv;
3
+ @use '@cloud-ru/figma-tokens-giga-id/build/scss/components/styles-tokens-element';
4
4
 
5
5
  $sizes: 'xs', 's', 'm', 'l';
6
6
  $variants: 'label-only', 'icon-only', 'icon-after';
@@ -1,7 +1,7 @@
1
1
  /* stylelint-disable color-no-hex */
2
2
  // TODO: refactor styles to use tokens
3
- @use '@sbercloud/figma-tokens-giga-id/build/scss/styles-theme-variables' as stv;
4
- @use '@sbercloud/figma-tokens-giga-id/build/scss/components/styles-tokens-element';
3
+ @use '@cloud-ru/figma-tokens-giga-id/build/scss/styles-theme-variables' as stv;
4
+ @use '@cloud-ru/figma-tokens-giga-id/build/scss/components/styles-tokens-element';
5
5
 
6
6
  $mama-gap: 4px;
7
7
  $mama-width: 304px;
@@ -1,8 +1,8 @@
1
1
  /* stylelint-disable color-no-hex */
2
2
  // TODO: refactor styles to use tokens
3
- @use '@sbercloud/figma-tokens-giga-id/build/scss/components/styles-tokens-button-buttonOutline' as buttonOutline;
4
- @use '@sbercloud/figma-tokens-giga-id/build/scss/styles-theme-variables' as stv;
5
- @use '@sbercloud/figma-tokens-giga-id/build/scss/components/styles-tokens-element';
3
+ @use '@cloud-ru/figma-tokens-giga-id/build/scss/components/styles-tokens-button-buttonOutline' as buttonOutline;
4
+ @use '@cloud-ru/figma-tokens-giga-id/build/scss/styles-theme-variables' as stv;
5
+ @use '@cloud-ru/figma-tokens-giga-id/build/scss/components/styles-tokens-element';
6
6
 
7
7
  $sizes: 'xs', 's', 'm', 'l';
8
8
  $variants: 'label-only', 'icon-only', 'icon-after';
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-web/build/scss/components/styles-tokens-element';
1
+ @use '@cloud-ru/figma-tokens-web/build/scss/components/styles-tokens-element';
2
2
 
3
3
  .button {
4
4
  cursor: pointer;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
2
2
 
3
3
  .alertButton {
4
4
  cursor: pointer;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
2
2
 
3
3
  .fieldAdvice {
4
4
  display: flex;
@@ -1,7 +1,7 @@
1
1
  import cn from 'classnames';
2
2
  import { ReactNode } from 'react';
3
3
 
4
- import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
4
+ import { themeVars } from '@cloud-ru/figma-tokens-cloud-platform';
5
5
  import { CrossSVG } from '@snack-uikit/icons';
6
6
  import { Spinner } from '@snack-uikit/loaders';
7
7
  import { Typography } from '@snack-uikit/typography';
@@ -1,6 +1,6 @@
1
1
  import { KeyboardEventHandler, useRef, useState } from 'react';
2
2
 
3
- import { themeVars } from '@sbercloud/figma-tokens-cloud-platform';
3
+ import { themeVars } from '@cloud-ru/figma-tokens-cloud-platform';
4
4
  import { ChevronUpInterfaceSVG } from '@cloud-ru/uikit-product-icons';
5
5
  import { Divider } from '@snack-uikit/divider';
6
6
  import { FieldTextArea } from '@snack-uikit/fields';
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as var;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as var;
2
2
 
3
3
  .actionsFooter {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as var;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as var;
2
2
 
3
3
  .closeIcon {
4
4
  cursor: pointer;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
2
2
 
3
3
  .text {
4
4
  color: stv.$sys-neutral-text-support;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
2
2
 
3
3
  .closeChip {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
2
2
 
3
3
  .dropdown {
4
4
  width: 256px;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-fields' as ste;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-fields' as ste;
2
2
 
3
3
  $padding-right: (
4
4
  's': ste.$fields-buttons-s,
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element' as ste;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-element' as ste;
2
2
 
3
3
  .textarea {
4
4
  resize: none;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as ste;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as ste;
2
2
 
3
3
  .checkItem {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
2
2
 
3
3
  .container {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as ste;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as ste;
2
2
 
3
3
  .tooltipText {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as ste;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as ste;
2
2
 
3
3
  .actionsFooter {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as ste;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as ste;
2
2
 
3
3
  .validationContainer {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- @use '@sbercloud/figma-tokens-cloud-platform/build/scss/components/styles-tokens-fields' as ste;
1
+ @use '@cloud-ru/figma-tokens-cloud-platform/build/scss/components/styles-tokens-fields' as ste;
2
2
 
3
3
  .wrapper {
4
4
  display: flex;