@cloud-ru/uikit-product-claudia 1.12.3-preview-5a4e40be.0 → 1.12.3

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 (41) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/ButtonClaudia/styles.module.css +29 -29
  3. package/dist/cjs/components/ButtonGiga/ButtonGigaFunction/styles.module.css +2 -4
  4. package/dist/cjs/components/ButtonGiga/ButtonGigaMama/styles.module.css +18 -18
  5. package/dist/cjs/components/ButtonGiga/ButtonGigaOutline/styles.module.css +32 -32
  6. package/dist/cjs/components/RateForm/RateForm.js +1 -1
  7. package/dist/cjs/components/RateForm/components/TextFieldWithAccordionMessage/TextFieldWithAccordionMessage.js +1 -1
  8. package/dist/cjs/components/SshField/SshField.d.ts +1 -1
  9. package/dist/cjs/components/SshField/components/MobileFieldAi/MobileFieldAi.d.ts +1 -1
  10. package/dist/esm/components/ButtonClaudia/styles.module.css +29 -29
  11. package/dist/esm/components/ButtonGiga/ButtonGigaFunction/styles.module.css +2 -4
  12. package/dist/esm/components/ButtonGiga/ButtonGigaMama/styles.module.css +18 -18
  13. package/dist/esm/components/ButtonGiga/ButtonGigaOutline/styles.module.css +32 -32
  14. package/dist/esm/components/RateForm/RateForm.js +1 -1
  15. package/dist/esm/components/RateForm/components/TextFieldWithAccordionMessage/TextFieldWithAccordionMessage.js +1 -1
  16. package/dist/esm/components/SshField/SshField.d.ts +1 -1
  17. package/dist/esm/components/SshField/components/MobileFieldAi/MobileFieldAi.d.ts +1 -1
  18. package/package.json +7 -7
  19. package/src/components/ButtonClaudia/helperComponents/ButtonPrivate/styles.module.scss +1 -1
  20. package/src/components/ButtonClaudia/styles.module.scss +3 -3
  21. package/src/components/ButtonGiga/ButtonGigaFunction/styles.module.scss +3 -3
  22. package/src/components/ButtonGiga/ButtonGigaMama/styles.module.scss +2 -2
  23. package/src/components/ButtonGiga/ButtonGigaOutline/styles.module.scss +3 -3
  24. package/src/components/ButtonGiga/helperComponents/ButtonPrivate/styles.module.scss +1 -1
  25. package/src/components/ChatStatusAnnouncement/helperComponents/AlertButton/styles.module.scss +1 -1
  26. package/src/components/ChatStatusAnnouncement/styled.module.scss +1 -1
  27. package/src/components/RateForm/RateForm.tsx +1 -1
  28. package/src/components/RateForm/components/TextFieldWithAccordionMessage/TextFieldWithAccordionMessage.tsx +1 -1
  29. package/src/components/RateForm/components/TextFieldWithAccordionMessage/styles.module.scss +1 -1
  30. package/src/components/RateForm/styles.module.scss +1 -1
  31. package/src/components/RecommendPannel/helperComponents/Chip/styles.module.scss +1 -1
  32. package/src/components/RecommendPannel/helperComponents/CloseChip/styles.module.scss +1 -1
  33. package/src/components/RecommendPannel/helperComponents/DropdownChip/styles.module.scss +1 -1
  34. package/src/components/SshField/components/MobileFieldAi/styles.module.scss +1 -1
  35. package/src/components/SshField/components/TextArea/styles.module.scss +1 -1
  36. package/src/components/SshField/helperComponents/CheckItem/styles.module.scss +1 -1
  37. package/src/components/SshField/helperComponents/DropZoneContent/styles.module.scss +1 -1
  38. package/src/components/SshField/helperComponents/SshValidation/styles.module.scss +1 -1
  39. package/src/components/SshField/helperComponents/TextAreaActionsFooter/styles.module.scss +1 -1
  40. package/src/components/SshField/helperComponents/WithSshValidation/styles.module.scss +1 -1
  41. package/src/components/SshField/styles.module.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
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
+ ## 1.12.3 (2026-01-29)
7
+
8
+ ### Only dependencies have been changed
9
+ * [@cloud-ru/uikit-product-icons@16.2.0](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/icons/CHANGELOG.md)
10
+ * [@cloud-ru/uikit-product-mobile-dropdown@0.9.32](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-dropdown/CHANGELOG.md)
11
+ * [@cloud-ru/uikit-product-mobile-fields@0.12.5](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-fields/CHANGELOG.md)
12
+ * [@cloud-ru/uikit-product-mobile-tooltip@0.5.5](https://gitverse.ru/cloud-ru-tech/uikit-product/-/blob/master/packages/mobile-tooltip/CHANGELOG.md)
13
+
14
+
15
+
16
+
17
+
6
18
  ## 1.12.2 (2025-12-24)
7
19
 
8
20
  ### Only dependencies have been changed
@@ -1,3 +1,6 @@
1
+ .button.specificityX2{
2
+ background-color:var(--sys-claudia-accent-default, #2a2a36);
3
+ }
1
4
  .button.specificityX2[data-size=xs] .label{
2
5
  font-family:var(--sans-label-s-font-family, SB Sans Interface);
3
6
  font-weight:var(--sans-label-s-font-weight, Semibold);
@@ -18,19 +21,19 @@
18
21
  max-height:var(--size-icon-container-s, 24px);
19
22
  }
20
23
  .button.specificityX2[data-size=xs][data-variant=label-only]{
21
- border-radius:var(--radius-button-xs, 2px);
24
+ border-radius:var(--radius-button-xs, 0px);
22
25
  height:var(--size-button-xs, 24px);
23
26
  padding-right:var(--space-button-xs-from-label, 8px);
24
27
  padding-left:var(--space-button-xs-from-label, 8px);
25
28
  min-width:var(--size-button-mininal-width-xs, 0px);
26
29
  }
27
30
  .button.specificityX2[data-size=xs][data-variant=icon-only]{
28
- border-radius:var(--radius-button-xs, 2px);
31
+ border-radius:var(--radius-button-xs, 0px);
29
32
  height:var(--size-button-xs, 24px);
30
33
  width:var(--size-button-xs, 24px);
31
34
  }
32
35
  .button.specificityX2[data-size=xs][data-variant=icon-after]{
33
- border-radius:var(--radius-button-xs, 2px);
36
+ border-radius:var(--radius-button-xs, 0px);
34
37
  height:var(--size-button-xs, 24px);
35
38
  gap:var(--space-button-xs-gap, 2px);
36
39
  padding-right:var(--space-button-xs-from-icon, 4px);
@@ -57,19 +60,19 @@
57
60
  max-height:var(--size-icon-container-s, 24px);
58
61
  }
59
62
  .button.specificityX2[data-size=s][data-variant=label-only]{
60
- border-radius:var(--radius-button-s, 2px);
63
+ border-radius:var(--radius-button-s, 0px);
61
64
  height:var(--size-button-s, 32px);
62
65
  padding-right:var(--space-button-s-from-label, 16px);
63
66
  padding-left:var(--space-button-s-from-label, 16px);
64
67
  min-width:var(--size-button-mininal-width-s, 0px);
65
68
  }
66
69
  .button.specificityX2[data-size=s][data-variant=icon-only]{
67
- border-radius:var(--radius-button-s, 2px);
70
+ border-radius:var(--radius-button-s, 0px);
68
71
  height:var(--size-button-s, 32px);
69
72
  width:var(--size-button-s, 32px);
70
73
  }
71
74
  .button.specificityX2[data-size=s][data-variant=icon-after]{
72
- border-radius:var(--radius-button-s, 2px);
75
+ border-radius:var(--radius-button-s, 0px);
73
76
  height:var(--size-button-s, 32px);
74
77
  gap:var(--space-button-s-gap, 4px);
75
78
  padding-right:var(--space-button-s-from-icon, 8px);
@@ -96,19 +99,19 @@
96
99
  max-height:var(--size-icon-container-s, 24px);
97
100
  }
98
101
  .button.specificityX2[data-size=m][data-variant=label-only]{
99
- border-radius:var(--radius-button-m, 2px);
102
+ border-radius:var(--radius-button-m, 0px);
100
103
  height:var(--size-button-m, 40px);
101
104
  padding-right:var(--space-button-m-from-label, 24px);
102
105
  padding-left:var(--space-button-m-from-label, 24px);
103
106
  min-width:var(--size-button-mininal-width-m, 0px);
104
107
  }
105
108
  .button.specificityX2[data-size=m][data-variant=icon-only]{
106
- border-radius:var(--radius-button-m, 2px);
109
+ border-radius:var(--radius-button-m, 0px);
107
110
  height:var(--size-button-m, 40px);
108
111
  width:var(--size-button-m, 40px);
109
112
  }
110
113
  .button.specificityX2[data-size=m][data-variant=icon-after]{
111
- border-radius:var(--radius-button-m, 2px);
114
+ border-radius:var(--radius-button-m, 0px);
112
115
  height:var(--size-button-m, 40px);
113
116
  gap:var(--space-button-m-gap, 4px);
114
117
  padding-right:var(--space-button-m-from-icon, 16px);
@@ -135,19 +138,19 @@
135
138
  max-height:var(--size-icon-container-s, 24px);
136
139
  }
137
140
  .button.specificityX2[data-size=l][data-variant=label-only]{
138
- border-radius:var(--radius-button-l, 2px);
141
+ border-radius:var(--radius-button-l, 0px);
139
142
  height:var(--size-button-l, 48px);
140
143
  padding-right:var(--space-button-l-from-label, 32px);
141
144
  padding-left:var(--space-button-l-from-label, 32px);
142
145
  min-width:var(--size-button-mininal-width-l, 0px);
143
146
  }
144
147
  .button.specificityX2[data-size=l][data-variant=icon-only]{
145
- border-radius:var(--radius-button-l, 2px);
148
+ border-radius:var(--radius-button-l, 0px);
146
149
  height:var(--size-button-l, 48px);
147
150
  width:var(--size-button-l, 48px);
148
151
  }
149
152
  .button.specificityX2[data-size=l][data-variant=icon-after]{
150
- border-radius:var(--radius-button-l, 2px);
153
+ border-radius:var(--radius-button-l, 0px);
151
154
  height:var(--size-button-l, 48px);
152
155
  gap:var(--space-button-l-gap, 4px);
153
156
  padding-right:var(--space-button-l-from-icon, 24px);
@@ -169,29 +172,29 @@
169
172
  .button.specificityX2 .icon{
170
173
  color:var(--sys-claudia-on-accent, #ffffff);
171
174
  }
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
+ }
176
179
  .button.specificityX2:hover .label{
177
180
  color:var(--sys-claudia-on-accent, #ffffff);
178
181
  }
179
182
  .button.specificityX2:hover .icon{
180
183
  color:var(--sys-claudia-on-accent, #ffffff);
181
184
  }
182
- .button.specificityX2:hover{
183
- background-color:var(--sys-claudia-accent-hovered, #393a46);
184
- }
185
185
  }
186
186
  @media (hover: none) or (hover: hover){
187
+ .button.specificityX2:focus-visible{
188
+ background-color:var(--sys-claudia-accent-hovered, #393a46);
189
+ }
187
190
  .button.specificityX2:focus-visible .label{
188
191
  color:var(--sys-claudia-on-accent, #ffffff);
189
192
  }
190
193
  .button.specificityX2:focus-visible .icon{
191
194
  color:var(--sys-claudia-on-accent, #ffffff);
192
195
  }
193
- .button.specificityX2:focus-visible{
194
- background-color:var(--sys-claudia-accent-hovered, #393a46);
196
+ .button.specificityX2:active{
197
+ background-color:var(--sys-claudia-accent-pressed, #51525d);
195
198
  }
196
199
  .button.specificityX2:active .label{
197
200
  color:var(--sys-claudia-on-accent, #ffffff);
@@ -199,7 +202,7 @@
199
202
  .button.specificityX2:active .icon{
200
203
  color:var(--sys-claudia-on-accent, #ffffff);
201
204
  }
202
- .button.specificityX2:active{
205
+ .button.specificityX2[data-loading]{
203
206
  background-color:var(--sys-claudia-accent-pressed, #51525d);
204
207
  }
205
208
  .button.specificityX2[data-loading] .label{
@@ -208,8 +211,8 @@
208
211
  .button.specificityX2[data-loading] .icon{
209
212
  color:var(--sys-claudia-on-accent, #ffffff);
210
213
  }
211
- .button.specificityX2[data-loading]{
212
- background-color:var(--sys-claudia-accent-pressed, #51525d);
214
+ .button.specificityX2:disabled, .button.specificityX2[data-disabled]{
215
+ background-color:var(--sys-claudia-decor-disabled, #e6e8ef);
213
216
  }
214
217
  .button.specificityX2:disabled .label, .button.specificityX2[data-disabled] .label{
215
218
  color:var(--sys-claudia-text-light, #8b8e9b);
@@ -217,16 +220,13 @@
217
220
  .button.specificityX2:disabled .icon, .button.specificityX2[data-disabled] .icon{
218
221
  color:var(--sys-claudia-text-light, #8b8e9b);
219
222
  }
220
- .button.specificityX2:disabled, .button.specificityX2[data-disabled]{
221
- background-color:var(--sys-claudia-decor-disabled, #e6e8ef);
222
- }
223
+ }
224
+ .button.specificityX2:focus-visible{
225
+ outline-color:var(--sys-available-complementary, #1c1c24) !important;
223
226
  }
224
227
  .button.specificityX2:focus-visible:focus-visible{
225
228
  outline-width:var(--border-state-focus-s-border-width, 2px);
226
229
  outline-style:var(--border-state-focus-s-border-style, solid);
227
230
  outline-color:var(--border-state-focus-s-border-color, );
228
231
  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,5 +1,7 @@
1
1
  .button.specificityX2{
2
2
  display:inline-flex;
3
+ background-color:transparent;
4
+ border:none;
3
5
  }
4
6
  .button.specificityX2[data-size=xs] .label{
5
7
  font-family:var(--sans-label-s-font-family, SB Sans Interface);
@@ -172,10 +174,6 @@
172
174
  .button.specificityX2 .icon{
173
175
  color:var(--sys-neutral-text-light, #8b8e9b);
174
176
  }
175
- .button.specificityX2{
176
- background-color:transparent;
177
- border:none;
178
- }
179
177
  .button.specificityX2[data-appearance=primary] .label{
180
178
  color:var(--sys-primary-accent-default, #393a45);
181
179
  }
@@ -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
+ }
44
47
  .button.specificity:disabled .label, .button.specificity[data-disabled] .label{
45
48
  color:var(--sys-neutral-text-disabled, #aaaebd);
46
49
  }
47
50
  .button.specificity:disabled .icon, .button.specificity[data-disabled] .icon{
48
51
  color:var(--sys-neutral-text-disabled, #aaaebd);
49
52
  }
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
+ }
59
62
  .button.specificity:hover:not(:disabled):not([data-disabled]) .label{
60
63
  color:var(--sys-primary-text-support, #5b5d69);
61
64
  }
62
65
  .button.specificity:hover:not(:disabled):not([data-disabled]) .icon{
63
66
  color:var(--sys-primary-text-support, #5b5d69);
64
67
  }
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
+ }
77
80
  .button.specificity:active:not(:disabled):not([data-disabled]) .label{
78
81
  color:var(--sys-primary-text-support, #5b5d69);
79
82
  }
80
83
  .button.specificity:active:not(:disabled):not([data-disabled]) .icon{
81
84
  color:var(--sys-primary-text-support, #5b5d69);
82
85
  }
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,6 +92,13 @@
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
+ }
95
102
  .button.specificity:focus-visible:not(:disabled):not([data-disabled]) .label{
96
103
  color:var(--sys-primary-text-support, #5b5d69);
97
104
  }
@@ -104,12 +111,8 @@
104
111
  .button.specificity:focus-visible:not(:disabled):not([data-disabled]) .icon{
105
112
  filter:brightness(0.9);
106
113
  }
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);
114
+ .button.specificity[data-loading]:not(:disabled):not([data-disabled]){
115
+ box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.3019607843) inset;
113
116
  }
114
117
  .button.specificity[data-loading]:not(:disabled):not([data-disabled]) .label{
115
118
  color:var(--sys-primary-text-support, #5b5d69);
@@ -117,9 +120,6 @@
117
120
  .button.specificity[data-loading]:not(:disabled):not([data-disabled]) .icon{
118
121
  color:var(--sys-primary-accent-pressed, #5b5d69);
119
122
  }
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
+ }
225
229
  .button.specificityX2[data-appearance=primary] .label{
226
230
  color:var(--sys-primary-accent-default, #393a45);
227
231
  }
228
232
  .button.specificityX2[data-appearance=primary] .icon{
229
233
  color:var(--sys-primary-accent-default, #393a45);
230
234
  }
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
+ }
249
252
  .button.specificityX2[data-appearance=primary]:hover .label{
250
253
  color:var(--sys-primary-accent-hovered, #31323d);
251
254
  }
252
255
  .button.specificityX2[data-appearance=primary]:hover .icon{
253
256
  color:var(--sys-primary-accent-hovered, #31323d);
254
257
  }
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
+ }
272
275
  .button.specificityX2[data-appearance=primary]:active .label{
273
276
  color:var(--sys-primary-accent-pressed, #5b5d69);
274
277
  }
275
278
  .button.specificityX2[data-appearance=primary]:active .icon{
276
279
  color:var(--sys-primary-accent-pressed, #5b5d69);
277
280
  }
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
+ }
287
290
  .button.specificityX2[data-appearance=primary][data-loading] .label{
288
291
  color:var(--sys-primary-accent-pressed, #5b5d69);
289
292
  }
290
293
  .button.specificityX2[data-appearance=primary][data-loading] .icon{
291
294
  color:var(--sys-primary-accent-pressed, #5b5d69);
292
295
  }
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
+ }
302
305
  .button.specificityX2[data-appearance=primary]:disabled .label, .button.specificityX2[data-appearance=primary][data-disabled] .label{
303
306
  color:var(--sys-neutral-text-disabled, #aaaebd);
304
307
  }
305
308
  .button.specificityX2[data-appearance=primary]:disabled .icon, .button.specificityX2[data-appearance=primary][data-disabled] .icon{
306
309
  color:var(--sys-neutral-text-disabled, #aaaebd);
307
310
  }
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
+ }
318
322
  .button.specificityX2[data-appearance=neutral] .label{
319
323
  color:var(--sys-neutral-accent-default, #787b8a);
320
324
  }
321
325
  .button.specificityX2[data-appearance=neutral] .icon{
322
326
  color:var(--sys-neutral-accent-default, #787b8a);
323
327
  }
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
+ }
342
345
  .button.specificityX2[data-appearance=neutral]:hover .label{
343
346
  color:var(--sys-neutral-accent-hovered, #6d707f);
344
347
  }
345
348
  .button.specificityX2[data-appearance=neutral]:hover .icon{
346
349
  color:var(--sys-neutral-accent-hovered, #6d707f);
347
350
  }
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
+ }
365
368
  .button.specificityX2[data-appearance=neutral]:active .label{
366
369
  color:var(--sys-neutral-accent-pressed, #656774);
367
370
  }
368
371
  .button.specificityX2[data-appearance=neutral]:active .icon{
369
372
  color:var(--sys-neutral-accent-pressed, #656774);
370
373
  }
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
+ }
380
383
  .button.specificityX2[data-appearance=neutral][data-loading] .label{
381
384
  color:var(--sys-neutral-accent-pressed, #656774);
382
385
  }
383
386
  .button.specificityX2[data-appearance=neutral][data-loading] .icon{
384
387
  color:var(--sys-neutral-accent-pressed, #656774);
385
388
  }
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
+ }
395
398
  .button.specificityX2[data-appearance=neutral]:disabled .label, .button.specificityX2[data-appearance=neutral][data-disabled] .label{
396
399
  color:var(--sys-neutral-text-disabled, #aaaebd);
397
400
  }
398
401
  .button.specificityX2[data-appearance=neutral]:disabled .icon, .button.specificityX2[data-appearance=neutral][data-disabled] .icon{
399
402
  color:var(--sys-neutral-text-disabled, #aaaebd);
400
403
  }
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("@cloud-ru/figma-tokens-cloud-platform");
9
+ const figma_tokens_cloud_platform_1 = require("@sbercloud/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("@cloud-ru/figma-tokens-cloud-platform");
9
+ const figma_tokens_cloud_platform_1 = require("@sbercloud/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;