@rescui/chip-list 0.2.3 → 0.2.4
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/lib/index.css +92 -92
- package/lib/parts/chip-list.module.pcss.js +18 -18
- package/package.json +8 -8
package/lib/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._chipsContainer_1f3no8t_9{
|
|
2
2
|
position:relative;
|
|
3
3
|
|
|
4
4
|
display:-webkit-box;
|
|
@@ -10,76 +10,76 @@
|
|
|
10
10
|
flex-wrap:wrap;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.
|
|
13
|
+
._sizeXs_1f3no8t_15 ._chipsContainer_1f3no8t_9{
|
|
14
14
|
margin-top:-12px;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
@media screen and (max-width: 640px){
|
|
18
18
|
|
|
19
|
-
.
|
|
19
|
+
._sizeXs_1f3no8t_15 ._chipsContainer_1f3no8t_9{
|
|
20
20
|
margin-top:-8px
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.
|
|
25
|
-
.
|
|
24
|
+
._sizeS_1f3no8t_23 ._chipsContainer_1f3no8t_9,
|
|
25
|
+
._sizeM_1f3no8t_24 ._chipsContainer_1f3no8t_9{
|
|
26
26
|
margin-top:-12px;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.
|
|
29
|
+
._sizeL_1f3no8t_28 ._chipsContainer_1f3no8t_9{
|
|
30
30
|
margin-top:-16px;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
@media screen and (max-width: 640px){
|
|
34
34
|
|
|
35
|
-
.
|
|
35
|
+
._sizeL_1f3no8t_28 ._chipsContainer_1f3no8t_9{
|
|
36
36
|
margin-top:-12px
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
.
|
|
41
|
-
.
|
|
40
|
+
._innerOffsetL_1f3no8t_36._sizeL_1f3no8t_28 ._chipsContainer_1f3no8t_9,
|
|
41
|
+
._innerOffsetL_1f3no8t_36._sizeM_1f3no8t_24 ._chipsContainer_1f3no8t_9{
|
|
42
42
|
margin-right:-8px;
|
|
43
43
|
margin-left:-8px;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
@media screen and (max-width: 640px){
|
|
47
47
|
|
|
48
|
-
.
|
|
49
|
-
.
|
|
48
|
+
._innerOffsetL_1f3no8t_36._sizeL_1f3no8t_28 ._chipsContainer_1f3no8t_9,
|
|
49
|
+
._innerOffsetL_1f3no8t_36._sizeM_1f3no8t_24 ._chipsContainer_1f3no8t_9{
|
|
50
50
|
margin-right:-4px;
|
|
51
51
|
margin-left:-4px
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
.
|
|
56
|
-
.
|
|
55
|
+
._innerOffsetL_1f3no8t_36._sizeS_1f3no8t_23 ._chipsContainer_1f3no8t_9,
|
|
56
|
+
._innerOffsetL_1f3no8t_36._sizeXs_1f3no8t_15 ._chipsContainer_1f3no8t_9{
|
|
57
57
|
margin-right:-6px;
|
|
58
58
|
margin-left:-6px;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
@media screen and (max-width: 640px){
|
|
62
62
|
|
|
63
|
-
.
|
|
64
|
-
.
|
|
63
|
+
._innerOffsetL_1f3no8t_36._sizeS_1f3no8t_23 ._chipsContainer_1f3no8t_9,
|
|
64
|
+
._innerOffsetL_1f3no8t_36._sizeXs_1f3no8t_15 ._chipsContainer_1f3no8t_9{
|
|
65
65
|
margin-right:-4px;
|
|
66
66
|
margin-left:-4px
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.
|
|
70
|
+
._innerOffsetM_1f3no8t_58 ._chipsContainer_1f3no8t_9{
|
|
71
71
|
margin-right:-4px;
|
|
72
72
|
margin-left:-4px;
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
@media screen and (max-width: 640px){
|
|
76
76
|
|
|
77
|
-
.
|
|
77
|
+
._innerOffsetM_1f3no8t_58 ._chipsContainer_1f3no8t_9{
|
|
78
78
|
margin-right:-4px;
|
|
79
79
|
margin-left:-4px
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
|
-
.
|
|
82
|
+
._chip_1f3no8t_9{
|
|
83
83
|
position:relative;
|
|
84
84
|
z-index:1;
|
|
85
85
|
|
|
@@ -119,90 +119,90 @@
|
|
|
119
119
|
|
|
120
120
|
transition:color 100ms, background-color 100ms, border-color 100ms;
|
|
121
121
|
}
|
|
122
|
-
.
|
|
123
|
-
.
|
|
124
|
-
.
|
|
122
|
+
._chip_1f3no8t_9:hover,
|
|
123
|
+
._chip_1f3no8t_9:focus,
|
|
124
|
+
._chip_1f3no8t_9:active{
|
|
125
125
|
outline:none;
|
|
126
126
|
|
|
127
127
|
text-decoration:none;
|
|
128
128
|
}
|
|
129
|
-
.
|
|
129
|
+
._light_1f3no8t_103 ._chip_1f3no8t_9:focus[data-focus-method='key']{
|
|
130
130
|
-webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
|
|
131
131
|
-webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
|
|
132
132
|
box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
|
|
133
133
|
box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
|
|
134
134
|
}
|
|
135
|
-
.
|
|
135
|
+
._dark_1f3no8t_108 ._chip_1f3no8t_9:focus[data-focus-method='key']{
|
|
136
136
|
-webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
|
|
137
137
|
-webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
|
|
138
138
|
box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
|
|
139
139
|
box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
|
|
140
140
|
}
|
|
141
|
-
.
|
|
141
|
+
._sizeXs_1f3no8t_15 ._chip_1f3no8t_9 {
|
|
142
142
|
padding: 1px 15px;
|
|
143
143
|
border-width: 1px;
|
|
144
144
|
}
|
|
145
|
-
.
|
|
145
|
+
._sizeS_1f3no8t_23 ._chip_1f3no8t_9 {
|
|
146
146
|
padding: 5px 15px;
|
|
147
147
|
border-width: 1px;
|
|
148
148
|
}
|
|
149
|
-
.
|
|
149
|
+
._sizeM_1f3no8t_24 ._chip_1f3no8t_9 {
|
|
150
150
|
padding: 7px 23px;
|
|
151
151
|
border-width: 1px;
|
|
152
152
|
}
|
|
153
|
-
.
|
|
153
|
+
._sizeL_1f3no8t_28 ._chip_1f3no8t_9 {
|
|
154
154
|
padding: 11px 31px;
|
|
155
155
|
border-width: 1px;
|
|
156
156
|
}
|
|
157
|
-
.
|
|
157
|
+
._sizeXs_1f3no8t_15 ._chip_1f3no8t_9._selected_1f3no8t_113 {
|
|
158
158
|
padding: 0px 14px;
|
|
159
159
|
border-width: 2px;
|
|
160
160
|
}
|
|
161
|
-
.
|
|
161
|
+
._sizeS_1f3no8t_23 ._chip_1f3no8t_9._selected_1f3no8t_113 {
|
|
162
162
|
padding: 4px 14px;
|
|
163
163
|
border-width: 2px;
|
|
164
164
|
}
|
|
165
|
-
.
|
|
165
|
+
._sizeM_1f3no8t_24 ._chip_1f3no8t_9._selected_1f3no8t_113 {
|
|
166
166
|
padding: 6px 22px;
|
|
167
167
|
border-width: 2px;
|
|
168
168
|
}
|
|
169
|
-
.
|
|
169
|
+
._sizeL_1f3no8t_28 ._chip_1f3no8t_9._selected_1f3no8t_113 {
|
|
170
170
|
padding: 10px 30px;
|
|
171
171
|
border-width: 2px;
|
|
172
172
|
}
|
|
173
|
-
.
|
|
173
|
+
._sizeXs_1f3no8t_15 ._chip_1f3no8t_9._withoutText_1f3no8t_114 {
|
|
174
174
|
padding: 1px 1px;
|
|
175
175
|
border-width: 1px;
|
|
176
176
|
}
|
|
177
|
-
.
|
|
177
|
+
._sizeS_1f3no8t_23 ._chip_1f3no8t_9._withoutText_1f3no8t_114 {
|
|
178
178
|
padding: 5px 5px;
|
|
179
179
|
border-width: 1px;
|
|
180
180
|
}
|
|
181
|
-
.
|
|
181
|
+
._sizeM_1f3no8t_24 ._chip_1f3no8t_9._withoutText_1f3no8t_114 {
|
|
182
182
|
padding: 7px 7px;
|
|
183
183
|
border-width: 1px;
|
|
184
184
|
}
|
|
185
|
-
.
|
|
185
|
+
._sizeL_1f3no8t_28 ._chip_1f3no8t_9._withoutText_1f3no8t_114 {
|
|
186
186
|
padding: 11px 11px;
|
|
187
187
|
border-width: 1px;
|
|
188
188
|
}
|
|
189
|
-
.
|
|
189
|
+
._sizeXs_1f3no8t_15 ._chip_1f3no8t_9._selected_1f3no8t_113._withoutText_1f3no8t_114 {
|
|
190
190
|
padding: 0px 0px;
|
|
191
191
|
border-width: 2px;
|
|
192
192
|
}
|
|
193
|
-
.
|
|
193
|
+
._sizeS_1f3no8t_23 ._chip_1f3no8t_9._selected_1f3no8t_113._withoutText_1f3no8t_114 {
|
|
194
194
|
padding: 4px 4px;
|
|
195
195
|
border-width: 2px;
|
|
196
196
|
}
|
|
197
|
-
.
|
|
197
|
+
._sizeM_1f3no8t_24 ._chip_1f3no8t_9._selected_1f3no8t_113._withoutText_1f3no8t_114 {
|
|
198
198
|
padding: 6px 6px;
|
|
199
199
|
border-width: 2px;
|
|
200
200
|
}
|
|
201
|
-
.
|
|
201
|
+
._sizeL_1f3no8t_28 ._chip_1f3no8t_9._selected_1f3no8t_113._withoutText_1f3no8t_114 {
|
|
202
202
|
padding: 10px 10px;
|
|
203
203
|
border-width: 2px;
|
|
204
204
|
}
|
|
205
|
-
.
|
|
205
|
+
._sizeXs_1f3no8t_15 ._chip_1f3no8t_9{
|
|
206
206
|
letter-spacing:0.0045em;
|
|
207
207
|
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
208
208
|
font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
|
|
@@ -211,21 +211,21 @@
|
|
|
211
211
|
line-height:20px;
|
|
212
212
|
line-height:var(--rs-text-3-line-height, 20px);
|
|
213
213
|
}
|
|
214
|
-
._rs-reset-letter-
|
|
214
|
+
._rs-reset-letter-spacing_1f3no8t_1 ._sizeXs_1f3no8t_15 ._chip_1f3no8t_9{
|
|
215
215
|
letter-spacing:normal;
|
|
216
216
|
}
|
|
217
|
-
.
|
|
217
|
+
._sizeXs_1f3no8t_15 ._chip_1f3no8t_9 {
|
|
218
218
|
|
|
219
219
|
margin-top:12px;
|
|
220
220
|
|
|
221
221
|
border-radius:4px;
|
|
222
222
|
}
|
|
223
223
|
@media screen and (max-width: 640px){
|
|
224
|
-
.
|
|
224
|
+
._sizeXs_1f3no8t_15 ._chip_1f3no8t_9{
|
|
225
225
|
margin-top:8px
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
|
-
.
|
|
228
|
+
._sizeS_1f3no8t_23 ._chip_1f3no8t_9{
|
|
229
229
|
letter-spacing:0.0045em;
|
|
230
230
|
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
231
231
|
font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
|
|
@@ -234,16 +234,16 @@
|
|
|
234
234
|
line-height:20px;
|
|
235
235
|
line-height:var(--rs-text-3-line-height, 20px);
|
|
236
236
|
}
|
|
237
|
-
._rs-reset-letter-
|
|
237
|
+
._rs-reset-letter-spacing_1f3no8t_1 ._sizeS_1f3no8t_23 ._chip_1f3no8t_9{
|
|
238
238
|
letter-spacing:normal;
|
|
239
239
|
}
|
|
240
|
-
.
|
|
240
|
+
._sizeS_1f3no8t_23 ._chip_1f3no8t_9 {
|
|
241
241
|
|
|
242
242
|
margin-top:12px;
|
|
243
243
|
|
|
244
244
|
border-radius:24px;
|
|
245
245
|
}
|
|
246
|
-
.
|
|
246
|
+
._sizeM_1f3no8t_24 ._chip_1f3no8t_9{
|
|
247
247
|
letter-spacing:0.0015em;
|
|
248
248
|
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
249
249
|
font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
|
|
@@ -253,16 +253,16 @@
|
|
|
253
253
|
line-height:24px;
|
|
254
254
|
line-height:var(--rs-text-2-line-height, 24px);
|
|
255
255
|
}
|
|
256
|
-
._rs-reset-letter-
|
|
256
|
+
._rs-reset-letter-spacing_1f3no8t_1 ._sizeM_1f3no8t_24 ._chip_1f3no8t_9{
|
|
257
257
|
letter-spacing:normal;
|
|
258
258
|
}
|
|
259
|
-
.
|
|
259
|
+
._sizeM_1f3no8t_24 ._chip_1f3no8t_9 {
|
|
260
260
|
|
|
261
261
|
margin-top:12px;
|
|
262
262
|
|
|
263
263
|
border-radius:24px;
|
|
264
264
|
}
|
|
265
|
-
.
|
|
265
|
+
._sizeL_1f3no8t_28 ._chip_1f3no8t_9{
|
|
266
266
|
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
267
267
|
font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
|
|
268
268
|
font-size:19px;
|
|
@@ -276,22 +276,22 @@
|
|
|
276
276
|
border-radius:36px;
|
|
277
277
|
}
|
|
278
278
|
@media screen and (max-width: 640px){
|
|
279
|
-
.
|
|
279
|
+
._sizeL_1f3no8t_28 ._chip_1f3no8t_9{
|
|
280
280
|
margin-top:12px
|
|
281
281
|
}
|
|
282
282
|
}
|
|
283
|
-
.
|
|
283
|
+
._light_1f3no8t_103._rock_1f3no8t_157 ._chip_1f3no8t_9{
|
|
284
284
|
border-color:rgba(25,25,28,0.3);
|
|
285
285
|
|
|
286
286
|
color:#19191C;
|
|
287
287
|
}
|
|
288
|
-
.
|
|
288
|
+
._light_1f3no8t_103._rock_1f3no8t_157 ._chip_1f3no8t_9:focus{
|
|
289
289
|
border-color:rgba(25,25,28,0.3);
|
|
290
290
|
|
|
291
291
|
color:#19191C;
|
|
292
292
|
}
|
|
293
293
|
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
|
|
294
|
-
.
|
|
294
|
+
._light_1f3no8t_103._rock_1f3no8t_157 ._chip_1f3no8t_9:hover{
|
|
295
295
|
border-color:rgba(25,25,28,0.3);
|
|
296
296
|
|
|
297
297
|
color:#19191C;
|
|
@@ -299,30 +299,30 @@
|
|
|
299
299
|
background:rgba(25,25,28,0.1);
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
|
-
.
|
|
302
|
+
._light_1f3no8t_103._rock_1f3no8t_157 ._chip_1f3no8t_9:active{
|
|
303
303
|
border-color:#19191C;
|
|
304
304
|
|
|
305
305
|
color:#19191C;
|
|
306
306
|
|
|
307
307
|
background:rgba(25,25,28,0.1);
|
|
308
308
|
}
|
|
309
|
-
.
|
|
309
|
+
._light_1f3no8t_103._rock_1f3no8t_157 ._chip_1f3no8t_9._selected_1f3no8t_113{
|
|
310
310
|
border-color:#19191C;
|
|
311
311
|
|
|
312
312
|
color:#19191C;
|
|
313
313
|
}
|
|
314
|
-
.
|
|
314
|
+
._dark_1f3no8t_108._rock_1f3no8t_157 ._chip_1f3no8t_9{
|
|
315
315
|
border-color:rgba(255,255,255,0.3);
|
|
316
316
|
|
|
317
317
|
color:#FFFFFF;
|
|
318
318
|
}
|
|
319
|
-
.
|
|
319
|
+
._dark_1f3no8t_108._rock_1f3no8t_157 ._chip_1f3no8t_9:focus{
|
|
320
320
|
border-color:rgba(255,255,255,0.4);
|
|
321
321
|
|
|
322
322
|
color:#FFFFFF;
|
|
323
323
|
}
|
|
324
324
|
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
|
|
325
|
-
.
|
|
325
|
+
._dark_1f3no8t_108._rock_1f3no8t_157 ._chip_1f3no8t_9:hover{
|
|
326
326
|
border-color:rgba(255,255,255,0.4);
|
|
327
327
|
|
|
328
328
|
color:#FFFFFF;
|
|
@@ -330,30 +330,30 @@
|
|
|
330
330
|
background:rgba(255,255,255,0.1);
|
|
331
331
|
}
|
|
332
332
|
}
|
|
333
|
-
.
|
|
333
|
+
._dark_1f3no8t_108._rock_1f3no8t_157 ._chip_1f3no8t_9:active{
|
|
334
334
|
border-color:#FFFFFF;
|
|
335
335
|
|
|
336
336
|
color:#FFFFFF;
|
|
337
337
|
|
|
338
338
|
background:rgba(255,255,255,0.1);
|
|
339
339
|
}
|
|
340
|
-
.
|
|
340
|
+
._dark_1f3no8t_108._rock_1f3no8t_157 ._chip_1f3no8t_9._selected_1f3no8t_113{
|
|
341
341
|
border-color:#FFFFFF;
|
|
342
342
|
|
|
343
343
|
color:#FFFFFF;
|
|
344
344
|
}
|
|
345
|
-
.
|
|
345
|
+
._light_1f3no8t_103._classic_1f3no8t_229 ._chip_1f3no8t_9{
|
|
346
346
|
border-color:rgba(25,25,28,0.3);
|
|
347
347
|
|
|
348
348
|
color:#19191C;
|
|
349
349
|
}
|
|
350
|
-
.
|
|
350
|
+
._light_1f3no8t_103._classic_1f3no8t_229 ._chip_1f3no8t_9:focus{
|
|
351
351
|
border-color:rgba(25,25,28,0.3);
|
|
352
352
|
|
|
353
353
|
color:#19191C;
|
|
354
354
|
}
|
|
355
355
|
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
|
|
356
|
-
.
|
|
356
|
+
._light_1f3no8t_103._classic_1f3no8t_229 ._chip_1f3no8t_9:hover{
|
|
357
357
|
border-color:rgba(25,25,28,0.3);
|
|
358
358
|
|
|
359
359
|
color:#19191C;
|
|
@@ -363,7 +363,7 @@
|
|
|
363
363
|
background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
|
|
364
364
|
}
|
|
365
365
|
}
|
|
366
|
-
.
|
|
366
|
+
._light_1f3no8t_103._classic_1f3no8t_229 ._chip_1f3no8t_9:active{
|
|
367
367
|
border-color:#6B57FF;
|
|
368
368
|
border-color:var(--rs-color-primary-light-theme, #6B57FF);
|
|
369
369
|
|
|
@@ -373,24 +373,24 @@
|
|
|
373
373
|
|
|
374
374
|
background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
|
|
375
375
|
}
|
|
376
|
-
.
|
|
376
|
+
._light_1f3no8t_103._classic_1f3no8t_229 ._chip_1f3no8t_9._selected_1f3no8t_113{
|
|
377
377
|
border-color:#6B57FF;
|
|
378
378
|
border-color:var(--rs-color-primary-light-theme, #6B57FF);
|
|
379
379
|
|
|
380
380
|
color:#19191C;
|
|
381
381
|
}
|
|
382
|
-
.
|
|
382
|
+
._dark_1f3no8t_108._classic_1f3no8t_229 ._chip_1f3no8t_9{
|
|
383
383
|
border-color:rgba(255,255,255,0.3);
|
|
384
384
|
|
|
385
385
|
color:#FFFFFF;
|
|
386
386
|
}
|
|
387
|
-
.
|
|
387
|
+
._dark_1f3no8t_108._classic_1f3no8t_229 ._chip_1f3no8t_9:focus{
|
|
388
388
|
border-color:rgba(255,255,255,0.4);
|
|
389
389
|
|
|
390
390
|
color:#FFFFFF;
|
|
391
391
|
}
|
|
392
392
|
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
|
|
393
|
-
.
|
|
393
|
+
._dark_1f3no8t_108._classic_1f3no8t_229 ._chip_1f3no8t_9:hover{
|
|
394
394
|
border-color:rgba(255,255,255,0.4);
|
|
395
395
|
|
|
396
396
|
color:#FFFFFF;
|
|
@@ -400,7 +400,7 @@
|
|
|
400
400
|
background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
|
|
401
401
|
}
|
|
402
402
|
}
|
|
403
|
-
.
|
|
403
|
+
._dark_1f3no8t_108._classic_1f3no8t_229 ._chip_1f3no8t_9:active{
|
|
404
404
|
border-color:#8473FF;
|
|
405
405
|
border-color:var(--rs-color-primary-dark-theme, #8473FF);
|
|
406
406
|
|
|
@@ -410,110 +410,110 @@
|
|
|
410
410
|
|
|
411
411
|
background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
|
|
412
412
|
}
|
|
413
|
-
.
|
|
413
|
+
._dark_1f3no8t_108._classic_1f3no8t_229 ._chip_1f3no8t_9._selected_1f3no8t_113{
|
|
414
414
|
border-color:#8473FF;
|
|
415
415
|
border-color:var(--rs-color-primary-dark-theme, #8473FF);
|
|
416
416
|
|
|
417
417
|
color:#FFFFFF;
|
|
418
418
|
}
|
|
419
|
-
.
|
|
420
|
-
.
|
|
419
|
+
._innerOffsetL_1f3no8t_36._sizeL_1f3no8t_28 ._chip_1f3no8t_9,
|
|
420
|
+
._innerOffsetL_1f3no8t_36._sizeM_1f3no8t_24 ._chip_1f3no8t_9{
|
|
421
421
|
margin-right:8px;
|
|
422
422
|
margin-left:8px;
|
|
423
423
|
}
|
|
424
424
|
@media screen and (max-width: 640px){
|
|
425
|
-
.
|
|
426
|
-
.
|
|
425
|
+
._innerOffsetL_1f3no8t_36._sizeL_1f3no8t_28 ._chip_1f3no8t_9,
|
|
426
|
+
._innerOffsetL_1f3no8t_36._sizeM_1f3no8t_24 ._chip_1f3no8t_9{
|
|
427
427
|
margin-right:4px;
|
|
428
428
|
margin-left:4px
|
|
429
429
|
}
|
|
430
430
|
}
|
|
431
|
-
.
|
|
432
|
-
.
|
|
431
|
+
._innerOffsetL_1f3no8t_36._sizeS_1f3no8t_23 ._chip_1f3no8t_9,
|
|
432
|
+
._innerOffsetL_1f3no8t_36._sizeXs_1f3no8t_15 ._chip_1f3no8t_9{
|
|
433
433
|
margin-right:6px;
|
|
434
434
|
margin-left:6px;
|
|
435
435
|
}
|
|
436
436
|
@media screen and (max-width: 640px){
|
|
437
|
-
.
|
|
438
|
-
.
|
|
437
|
+
._innerOffsetL_1f3no8t_36._sizeS_1f3no8t_23 ._chip_1f3no8t_9,
|
|
438
|
+
._innerOffsetL_1f3no8t_36._sizeXs_1f3no8t_15 ._chip_1f3no8t_9{
|
|
439
439
|
margin-right:4px;
|
|
440
440
|
margin-left:4px
|
|
441
441
|
}
|
|
442
442
|
}
|
|
443
|
-
.
|
|
443
|
+
._innerOffsetM_1f3no8t_58 ._chip_1f3no8t_9{
|
|
444
444
|
margin-right:4px;
|
|
445
445
|
margin-left:4px;
|
|
446
446
|
}
|
|
447
447
|
@media screen and (max-width: 640px){
|
|
448
|
-
.
|
|
448
|
+
._innerOffsetM_1f3no8t_58 ._chip_1f3no8t_9{
|
|
449
449
|
margin-right:4px;
|
|
450
450
|
margin-left:4px
|
|
451
451
|
}
|
|
452
452
|
}
|
|
453
|
-
.
|
|
453
|
+
._icon_1f3no8t_334{
|
|
454
454
|
-webkit-box-flex:0;
|
|
455
455
|
-ms-flex:0 0;
|
|
456
456
|
flex:0 0;
|
|
457
457
|
-ms-flex-preferred-size:auto;
|
|
458
458
|
flex-basis:auto;
|
|
459
459
|
}
|
|
460
|
-
.
|
|
460
|
+
._sizeXs_1f3no8t_15 ._icon_1f3no8t_334._iconLeft_1f3no8t_338 {
|
|
461
461
|
width: 20px;
|
|
462
462
|
height: 20px;
|
|
463
463
|
min-width: 20px;
|
|
464
464
|
min-height: 20px;
|
|
465
465
|
margin: 0 8px 0 -2px;
|
|
466
466
|
}
|
|
467
|
-
.
|
|
467
|
+
._sizeS_1f3no8t_23 ._icon_1f3no8t_334._iconLeft_1f3no8t_338 {
|
|
468
468
|
width: 20px;
|
|
469
469
|
height: 20px;
|
|
470
470
|
min-width: 20px;
|
|
471
471
|
min-height: 20px;
|
|
472
472
|
margin: 0 8px 0 -2px;
|
|
473
473
|
}
|
|
474
|
-
.
|
|
474
|
+
._sizeM_1f3no8t_24 ._icon_1f3no8t_334._iconLeft_1f3no8t_338 {
|
|
475
475
|
width: 24px;
|
|
476
476
|
height: 24px;
|
|
477
477
|
min-width: 24px;
|
|
478
478
|
min-height: 24px;
|
|
479
479
|
margin: 0 8px 0 -2px;
|
|
480
480
|
}
|
|
481
|
-
.
|
|
481
|
+
._sizeL_1f3no8t_28 ._icon_1f3no8t_334._iconLeft_1f3no8t_338 {
|
|
482
482
|
width: 28px;
|
|
483
483
|
height: 28px;
|
|
484
484
|
min-width: 28px;
|
|
485
485
|
min-height: 28px;
|
|
486
486
|
margin: 0 16px 0 -2px;
|
|
487
487
|
}
|
|
488
|
-
.
|
|
488
|
+
._sizeXs_1f3no8t_15 ._icon_1f3no8t_334._iconRight_1f3no8t_339 {
|
|
489
489
|
width: 20px;
|
|
490
490
|
height: 20px;
|
|
491
491
|
min-width: 20px;
|
|
492
492
|
min-height: 20px;
|
|
493
493
|
margin: 0 -2px 0 8px;
|
|
494
494
|
}
|
|
495
|
-
.
|
|
495
|
+
._sizeS_1f3no8t_23 ._icon_1f3no8t_334._iconRight_1f3no8t_339 {
|
|
496
496
|
width: 20px;
|
|
497
497
|
height: 20px;
|
|
498
498
|
min-width: 20px;
|
|
499
499
|
min-height: 20px;
|
|
500
500
|
margin: 0 -2px 0 8px;
|
|
501
501
|
}
|
|
502
|
-
.
|
|
502
|
+
._sizeM_1f3no8t_24 ._icon_1f3no8t_334._iconRight_1f3no8t_339 {
|
|
503
503
|
width: 24px;
|
|
504
504
|
height: 24px;
|
|
505
505
|
min-width: 24px;
|
|
506
506
|
min-height: 24px;
|
|
507
507
|
margin: 0 -2px 0 8px;
|
|
508
508
|
}
|
|
509
|
-
.
|
|
509
|
+
._sizeL_1f3no8t_28 ._icon_1f3no8t_334._iconRight_1f3no8t_339 {
|
|
510
510
|
width: 28px;
|
|
511
511
|
height: 28px;
|
|
512
512
|
min-width: 28px;
|
|
513
513
|
min-height: 28px;
|
|
514
514
|
margin: 0 -2px 0 16px;
|
|
515
515
|
}
|
|
516
|
-
.
|
|
517
|
-
.
|
|
516
|
+
._withoutText_1f3no8t_114 ._icon_1f3no8t_334._iconRight_1f3no8t_339,
|
|
517
|
+
._withoutText_1f3no8t_114 ._icon_1f3no8t_334._iconLeft_1f3no8t_338{
|
|
518
518
|
margin:0;
|
|
519
519
|
}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"chipsContainer": "
|
|
3
|
-
"sizeXs": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"innerOffsetL": "
|
|
8
|
-
"innerOffsetM": "
|
|
9
|
-
"chip": "
|
|
10
|
-
"light": "
|
|
11
|
-
"dark": "
|
|
12
|
-
"selected": "
|
|
13
|
-
"withoutText": "
|
|
14
|
-
"rs-reset-letter-spacing": "_rs-reset-letter-
|
|
15
|
-
"rock": "
|
|
16
|
-
"classic": "
|
|
17
|
-
"icon": "
|
|
18
|
-
"iconLeft": "
|
|
19
|
-
"iconRight": "
|
|
2
|
+
"chipsContainer": "_chipsContainer_1f3no8t_9",
|
|
3
|
+
"sizeXs": "_sizeXs_1f3no8t_15",
|
|
4
|
+
"sizeS": "_sizeS_1f3no8t_23",
|
|
5
|
+
"sizeM": "_sizeM_1f3no8t_24",
|
|
6
|
+
"sizeL": "_sizeL_1f3no8t_28",
|
|
7
|
+
"innerOffsetL": "_innerOffsetL_1f3no8t_36",
|
|
8
|
+
"innerOffsetM": "_innerOffsetM_1f3no8t_58",
|
|
9
|
+
"chip": "_chip_1f3no8t_9",
|
|
10
|
+
"light": "_light_1f3no8t_103",
|
|
11
|
+
"dark": "_dark_1f3no8t_108",
|
|
12
|
+
"selected": "_selected_1f3no8t_113",
|
|
13
|
+
"withoutText": "_withoutText_1f3no8t_114",
|
|
14
|
+
"rs-reset-letter-spacing": "_rs-reset-letter-spacing_1f3no8t_1",
|
|
15
|
+
"rock": "_rock_1f3no8t_157",
|
|
16
|
+
"classic": "_classic_1f3no8t_229",
|
|
17
|
+
"icon": "_icon_1f3no8t_334",
|
|
18
|
+
"iconLeft": "_iconLeft_1f3no8t_338",
|
|
19
|
+
"iconRight": "_iconRight_1f3no8t_339"
|
|
20
20
|
};
|
|
21
21
|
export default styles;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/chip-list",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime-corejs3": "^7.14.0",
|
|
19
19
|
"@juggle/resize-observer": "3.3.0",
|
|
20
|
-
"@rescui/button": "^0.6.
|
|
21
|
-
"@rescui/icons": "^0.7.
|
|
20
|
+
"@rescui/button": "^0.6.4",
|
|
21
|
+
"@rescui/icons": "^0.7.1",
|
|
22
22
|
"classnames": "^2.2.6",
|
|
23
23
|
"core-js": "^3.9.1"
|
|
24
24
|
},
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
"react": ">=16.8.0 <18"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@rescui/colors": "^0.1.
|
|
32
|
-
"@rescui/postcss-preset-library": "^0.0.
|
|
33
|
-
"@rescui/scripts": "^0.1.
|
|
34
|
-
"@rescui/typography": "^0.7.
|
|
31
|
+
"@rescui/colors": "^0.1.1",
|
|
32
|
+
"@rescui/postcss-preset-library": "^0.0.5",
|
|
33
|
+
"@rescui/scripts": "^0.1.5",
|
|
34
|
+
"@rescui/typography": "^0.7.1",
|
|
35
35
|
"@rescui/visual-regression": "^0.0.1"
|
|
36
36
|
},
|
|
37
37
|
"scripts": {
|
|
38
38
|
"build": "rescui-scripts build"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "10cf86a6c4c4b678c0b94c03c56c6d33214f03e8"
|
|
41
41
|
}
|