@cloud-ru/uikit-product-claudia 1.12.3 → 1.13.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +45 -0
- package/dist/cjs/components/ButtonClaudia/styles.module.css +29 -29
- package/dist/cjs/components/ButtonGiga/ButtonGigaFunction/styles.module.css +4 -2
- package/dist/cjs/components/ButtonGiga/ButtonGigaMama/styles.module.css +18 -18
- package/dist/cjs/components/ButtonGiga/ButtonGigaOutline/styles.module.css +32 -32
- package/dist/cjs/components/RateForm/RateForm.js +1 -1
- package/dist/cjs/components/RateForm/components/TextFieldWithAccordionMessage/TextFieldWithAccordionMessage.js +1 -1
- package/dist/esm/components/ButtonClaudia/styles.module.css +29 -29
- package/dist/esm/components/ButtonGiga/ButtonGigaFunction/styles.module.css +4 -2
- package/dist/esm/components/ButtonGiga/ButtonGigaMama/styles.module.css +18 -18
- package/dist/esm/components/ButtonGiga/ButtonGigaOutline/styles.module.css +32 -32
- package/dist/esm/components/RateForm/RateForm.js +1 -1
- package/dist/esm/components/RateForm/components/TextFieldWithAccordionMessage/TextFieldWithAccordionMessage.js +1 -1
- package/package.json +7 -7
- package/src/components/ButtonClaudia/helperComponents/ButtonPrivate/styles.module.scss +1 -1
- package/src/components/ButtonClaudia/styles.module.scss +3 -3
- package/src/components/ButtonGiga/ButtonGigaFunction/styles.module.scss +3 -3
- package/src/components/ButtonGiga/ButtonGigaMama/styles.module.scss +2 -2
- package/src/components/ButtonGiga/ButtonGigaOutline/styles.module.scss +3 -3
- package/src/components/ButtonGiga/helperComponents/ButtonPrivate/styles.module.scss +1 -1
- package/src/components/ChatStatusAnnouncement/helperComponents/AlertButton/styles.module.scss +1 -1
- package/src/components/ChatStatusAnnouncement/styled.module.scss +1 -1
- package/src/components/RateForm/RateForm.tsx +1 -1
- package/src/components/RateForm/components/TextFieldWithAccordionMessage/TextFieldWithAccordionMessage.tsx +1 -1
- package/src/components/RateForm/components/TextFieldWithAccordionMessage/styles.module.scss +1 -1
- package/src/components/RateForm/styles.module.scss +1 -1
- package/src/components/RecommendPannel/helperComponents/Chip/styles.module.scss +1 -1
- package/src/components/RecommendPannel/helperComponents/CloseChip/styles.module.scss +1 -1
- package/src/components/RecommendPannel/helperComponents/DropdownChip/styles.module.scss +1 -1
- package/src/components/SshField/components/MobileFieldAi/styles.module.scss +1 -1
- package/src/components/SshField/components/TextArea/styles.module.scss +1 -1
- package/src/components/SshField/helperComponents/CheckItem/styles.module.scss +1 -1
- package/src/components/SshField/helperComponents/DropZoneContent/styles.module.scss +1 -1
- package/src/components/SshField/helperComponents/SshValidation/styles.module.scss +1 -1
- package/src/components/SshField/helperComponents/TextAreaActionsFooter/styles.module.scss +1 -1
- package/src/components/SshField/helperComponents/WithSshValidation/styles.module.scss +1 -1
- package/src/components/SshField/styles.module.scss +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,51 @@
|
|
|
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.13.1 (2026-02-02)
|
|
7
|
+
|
|
8
|
+
### Only dependencies have been changed
|
|
9
|
+
* [@cloud-ru/uikit-product-mobile-dropdown@2.0.1]($PUBLIC_PROJECT_URL/blob/master/packages/mobile-dropdown/CHANGELOG.md)
|
|
10
|
+
* [@cloud-ru/uikit-product-mobile-fields@2.0.1]($PUBLIC_PROJECT_URL/blob/master/packages/mobile-fields/CHANGELOG.md)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
# 1.13.0 (2026-02-02)
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
### Bug Fixes
|
|
20
|
+
|
|
21
|
+
* **AINFR-4525:** returned rebased data ([7768586](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/776858629fc7a3a0f774a5b2825d1a727b7266e4))
|
|
22
|
+
* **FF-7846:** replace tokens usage ([b690050](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/b6900500e2f2c73e184f8b67f689f4a42571a154))
|
|
23
|
+
* **FF-7861:** massive scope update ([b93fa9f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/b93fa9fed13a579f5f02efc16ea43d8bedbd5aca))
|
|
24
|
+
* **FF-7861:** update all 0 versions to 1 ([737c2b4](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/737c2b494d48be5132554ae9f03c960a8cbe3a34))
|
|
25
|
+
* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
|
|
26
|
+
* **PD-3377:** removed contributors ([121640f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/121640f7b88b20a728a6ad2c39de8841532bb308))
|
|
27
|
+
* **PD-3377:** replaced tokens import to snack-uikit scoped package ([dd13d3b](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/dd13d3b7134a4b0d4696830dcd78c0e790700d09))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
### Features
|
|
31
|
+
|
|
32
|
+
* **AINFR-0000:** fix types ([a5510f2](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/a5510f2700b08a73ff2e69bdbd1e2084f9886052))
|
|
33
|
+
* **AINFR-0000:** fix types ([a451034](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/a451034aeaa0e43362a4f24283012001d5c848d3))
|
|
34
|
+
* **AINFR-4454:** new component rate block for claudia ([234e89a](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/234e89accd3018b17979ccd3bab1944ccb30806e))
|
|
35
|
+
* **AINFR-4472:** add recommend-pannel component ([adbe198](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/adbe198934b2f53be1706bf48e2b09f0844b34d4))
|
|
36
|
+
* **AINFR-4472:** fix mobile dropdown size and text ([fd8c297](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/fd8c2975f895ba9efaad8b98f0bd770457095295))
|
|
37
|
+
* **AINFR-4472:** fix mobile dropdown size and text ([6b1e1ae](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/6b1e1aedbfdb0476f21c4714732ffe7da77cd032))
|
|
38
|
+
* **AINFR-4479:** add new ssh field ([f78a07e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/f78a07ebc576bcceb51851109c371d5ebe08e737))
|
|
39
|
+
* **AINFR-4479:** add onCancel ([e3dbed9](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/e3dbed92b1435c7d53b51d2da1cbf64c86674b5a))
|
|
40
|
+
* **AINFR-4499:** move packages to claudia section ([2f741e4](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/2f741e45b4212d070392cab231e537b7a666ea90))
|
|
41
|
+
* **AINFR-4525:** new button giga ([2661a39](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/2661a39f95aa2384b251cf6faf75f867a5099be9))
|
|
42
|
+
* **AINFR-4587:** add new ssh validation rules ([cf6ad31](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/cf6ad31b9549c73de2346a63fcd489fa2f39068f))
|
|
43
|
+
* **AINFR-4628:** vibe ops scenario ([65bdd10](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/65bdd107b6d0cbd4b6162c5bae5d0a4b6ccc0b88))
|
|
44
|
+
* **LK-6854:** add giga-chat icons ([e263f6a](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/e263f6af80876b53450082b20ec01f3a05503221))
|
|
45
|
+
* **RM-3714:** replace claudia button by giga for recommend panel ([9114db7](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/9114db7e67cc17a4e134b3d3b7a12055b6d5edae))
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
6
51
|
## 1.12.3 (2026-01-29)
|
|
7
52
|
|
|
8
53
|
### Only dependencies have been changed
|
|
@@ -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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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:
|
|
197
|
-
background-color:var(--sys-claudia-accent-
|
|
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
|
|
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
|
|
215
|
-
background-color:var(--sys-claudia-
|
|
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
|
-
|
|
225
|
-
|
|
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
|
|
115
|
-
|
|
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("@
|
|
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("@
|
|
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");
|