@rescui/chip-list 0.1.1 → 0.2.2

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 (3) hide show
  1. package/lib/index.css +92 -100
  2. package/lib/parts/chip-list.module.pcss.js +18 -18
  3. package/package.json +5 -5
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._chipsContainer_l9fic3_9{
1
+ ._chipsContainer_1qz7ztn_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
- ._sizeXs_l9fic3_15 ._chipsContainer_l9fic3_9{
13
+ ._sizeXs_1qz7ztn_15 ._chipsContainer_1qz7ztn_9{
14
14
  margin-top:-12px;
15
15
  }
16
16
 
17
17
  @media screen and (max-width: 640px){
18
18
 
19
- ._sizeXs_l9fic3_15 ._chipsContainer_l9fic3_9{
19
+ ._sizeXs_1qz7ztn_15 ._chipsContainer_1qz7ztn_9{
20
20
  margin-top:-8px
21
21
  }
22
22
  }
23
23
 
24
- ._sizeS_l9fic3_23 ._chipsContainer_l9fic3_9,
25
- ._sizeM_l9fic3_24 ._chipsContainer_l9fic3_9{
24
+ ._sizeS_1qz7ztn_23 ._chipsContainer_1qz7ztn_9,
25
+ ._sizeM_1qz7ztn_24 ._chipsContainer_1qz7ztn_9{
26
26
  margin-top:-12px;
27
27
  }
28
28
 
29
- ._sizeL_l9fic3_28 ._chipsContainer_l9fic3_9{
29
+ ._sizeL_1qz7ztn_28 ._chipsContainer_1qz7ztn_9{
30
30
  margin-top:-16px;
31
31
  }
32
32
 
33
33
  @media screen and (max-width: 640px){
34
34
 
35
- ._sizeL_l9fic3_28 ._chipsContainer_l9fic3_9{
35
+ ._sizeL_1qz7ztn_28 ._chipsContainer_1qz7ztn_9{
36
36
  margin-top:-12px
37
37
  }
38
38
  }
39
39
 
40
- ._innerOffsetL_l9fic3_36._sizeL_l9fic3_28 ._chipsContainer_l9fic3_9,
41
- ._innerOffsetL_l9fic3_36._sizeM_l9fic3_24 ._chipsContainer_l9fic3_9{
40
+ ._innerOffsetL_1qz7ztn_36._sizeL_1qz7ztn_28 ._chipsContainer_1qz7ztn_9,
41
+ ._innerOffsetL_1qz7ztn_36._sizeM_1qz7ztn_24 ._chipsContainer_1qz7ztn_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
- ._innerOffsetL_l9fic3_36._sizeL_l9fic3_28 ._chipsContainer_l9fic3_9,
49
- ._innerOffsetL_l9fic3_36._sizeM_l9fic3_24 ._chipsContainer_l9fic3_9{
48
+ ._innerOffsetL_1qz7ztn_36._sizeL_1qz7ztn_28 ._chipsContainer_1qz7ztn_9,
49
+ ._innerOffsetL_1qz7ztn_36._sizeM_1qz7ztn_24 ._chipsContainer_1qz7ztn_9{
50
50
  margin-right:-4px;
51
51
  margin-left:-4px
52
52
  }
53
53
  }
54
54
 
55
- ._innerOffsetL_l9fic3_36._sizeS_l9fic3_23 ._chipsContainer_l9fic3_9,
56
- ._innerOffsetL_l9fic3_36._sizeXs_l9fic3_15 ._chipsContainer_l9fic3_9{
55
+ ._innerOffsetL_1qz7ztn_36._sizeS_1qz7ztn_23 ._chipsContainer_1qz7ztn_9,
56
+ ._innerOffsetL_1qz7ztn_36._sizeXs_1qz7ztn_15 ._chipsContainer_1qz7ztn_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
- ._innerOffsetL_l9fic3_36._sizeS_l9fic3_23 ._chipsContainer_l9fic3_9,
64
- ._innerOffsetL_l9fic3_36._sizeXs_l9fic3_15 ._chipsContainer_l9fic3_9{
63
+ ._innerOffsetL_1qz7ztn_36._sizeS_1qz7ztn_23 ._chipsContainer_1qz7ztn_9,
64
+ ._innerOffsetL_1qz7ztn_36._sizeXs_1qz7ztn_15 ._chipsContainer_1qz7ztn_9{
65
65
  margin-right:-4px;
66
66
  margin-left:-4px
67
67
  }
68
68
  }
69
69
 
70
- ._innerOffsetM_l9fic3_58 ._chipsContainer_l9fic3_9{
70
+ ._innerOffsetM_1qz7ztn_58 ._chipsContainer_1qz7ztn_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
- ._innerOffsetM_l9fic3_58 ._chipsContainer_l9fic3_9{
77
+ ._innerOffsetM_1qz7ztn_58 ._chipsContainer_1qz7ztn_9{
78
78
  margin-right:-4px;
79
79
  margin-left:-4px
80
80
  }
81
81
  }
82
- ._chip_l9fic3_9{
82
+ ._chip_1qz7ztn_9{
83
83
  position:relative;
84
84
  z-index:1;
85
85
 
@@ -119,93 +119,91 @@
119
119
 
120
120
  transition:color 100ms, background-color 100ms, border-color 100ms;
121
121
  }
122
- ._chip_l9fic3_9:hover,
123
- ._chip_l9fic3_9:focus,
124
- ._chip_l9fic3_9:active{
122
+ ._chip_1qz7ztn_9:hover,
123
+ ._chip_1qz7ztn_9:focus,
124
+ ._chip_1qz7ztn_9:active{
125
125
  outline:none;
126
126
 
127
127
  text-decoration:none;
128
128
  }
129
- ._light_l9fic3_103 ._chip_l9fic3_9:focus[data-focus-method='key']{
129
+ ._light_1qz7ztn_103 ._chip_1qz7ztn_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
- ._dark_l9fic3_108 ._chip_l9fic3_9:focus[data-focus-method='key']{
135
+ ._dark_1qz7ztn_108 ._chip_1qz7ztn_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
- ._sizeXs_l9fic3_15 ._chip_l9fic3_9 {
141
+ ._sizeXs_1qz7ztn_15 ._chip_1qz7ztn_9 {
142
142
  padding: 1px 15px;
143
143
  border-width: 1px;
144
144
  }
145
- ._sizeS_l9fic3_23 ._chip_l9fic3_9 {
145
+ ._sizeS_1qz7ztn_23 ._chip_1qz7ztn_9 {
146
146
  padding: 5px 15px;
147
147
  border-width: 1px;
148
148
  }
149
- ._sizeM_l9fic3_24 ._chip_l9fic3_9 {
149
+ ._sizeM_1qz7ztn_24 ._chip_1qz7ztn_9 {
150
150
  padding: 7px 23px;
151
151
  border-width: 1px;
152
152
  }
153
- ._sizeL_l9fic3_28 ._chip_l9fic3_9 {
153
+ ._sizeL_1qz7ztn_28 ._chip_1qz7ztn_9 {
154
154
  padding: 11px 31px;
155
155
  border-width: 1px;
156
156
  }
157
- ._sizeXs_l9fic3_15 ._chip_l9fic3_9._selected_l9fic3_113 {
157
+ ._sizeXs_1qz7ztn_15 ._chip_1qz7ztn_9._selected_1qz7ztn_113 {
158
158
  padding: 0px 14px;
159
159
  border-width: 2px;
160
160
  }
161
- ._sizeS_l9fic3_23 ._chip_l9fic3_9._selected_l9fic3_113 {
161
+ ._sizeS_1qz7ztn_23 ._chip_1qz7ztn_9._selected_1qz7ztn_113 {
162
162
  padding: 4px 14px;
163
163
  border-width: 2px;
164
164
  }
165
- ._sizeM_l9fic3_24 ._chip_l9fic3_9._selected_l9fic3_113 {
165
+ ._sizeM_1qz7ztn_24 ._chip_1qz7ztn_9._selected_1qz7ztn_113 {
166
166
  padding: 6px 22px;
167
167
  border-width: 2px;
168
168
  }
169
- ._sizeL_l9fic3_28 ._chip_l9fic3_9._selected_l9fic3_113 {
169
+ ._sizeL_1qz7ztn_28 ._chip_1qz7ztn_9._selected_1qz7ztn_113 {
170
170
  padding: 10px 30px;
171
171
  border-width: 2px;
172
172
  }
173
- ._sizeXs_l9fic3_15 ._chip_l9fic3_9._withoutText_l9fic3_114 {
173
+ ._sizeXs_1qz7ztn_15 ._chip_1qz7ztn_9._withoutText_1qz7ztn_114 {
174
174
  padding: 1px 1px;
175
175
  border-width: 1px;
176
176
  }
177
- ._sizeS_l9fic3_23 ._chip_l9fic3_9._withoutText_l9fic3_114 {
177
+ ._sizeS_1qz7ztn_23 ._chip_1qz7ztn_9._withoutText_1qz7ztn_114 {
178
178
  padding: 5px 5px;
179
179
  border-width: 1px;
180
180
  }
181
- ._sizeM_l9fic3_24 ._chip_l9fic3_9._withoutText_l9fic3_114 {
181
+ ._sizeM_1qz7ztn_24 ._chip_1qz7ztn_9._withoutText_1qz7ztn_114 {
182
182
  padding: 7px 7px;
183
183
  border-width: 1px;
184
184
  }
185
- ._sizeL_l9fic3_28 ._chip_l9fic3_9._withoutText_l9fic3_114 {
185
+ ._sizeL_1qz7ztn_28 ._chip_1qz7ztn_9._withoutText_1qz7ztn_114 {
186
186
  padding: 11px 11px;
187
187
  border-width: 1px;
188
188
  }
189
- ._sizeXs_l9fic3_15 ._chip_l9fic3_9._selected_l9fic3_113._withoutText_l9fic3_114 {
189
+ ._sizeXs_1qz7ztn_15 ._chip_1qz7ztn_9._selected_1qz7ztn_113._withoutText_1qz7ztn_114 {
190
190
  padding: 0px 0px;
191
191
  border-width: 2px;
192
192
  }
193
- ._sizeS_l9fic3_23 ._chip_l9fic3_9._selected_l9fic3_113._withoutText_l9fic3_114 {
193
+ ._sizeS_1qz7ztn_23 ._chip_1qz7ztn_9._selected_1qz7ztn_113._withoutText_1qz7ztn_114 {
194
194
  padding: 4px 4px;
195
195
  border-width: 2px;
196
196
  }
197
- ._sizeM_l9fic3_24 ._chip_l9fic3_9._selected_l9fic3_113._withoutText_l9fic3_114 {
197
+ ._sizeM_1qz7ztn_24 ._chip_1qz7ztn_9._selected_1qz7ztn_113._withoutText_1qz7ztn_114 {
198
198
  padding: 6px 6px;
199
199
  border-width: 2px;
200
200
  }
201
- ._sizeL_l9fic3_28 ._chip_l9fic3_9._selected_l9fic3_113._withoutText_l9fic3_114 {
201
+ ._sizeL_1qz7ztn_28 ._chip_1qz7ztn_9._selected_1qz7ztn_113._withoutText_1qz7ztn_114 {
202
202
  padding: 10px 10px;
203
203
  border-width: 2px;
204
204
  }
205
- ._sizeXs_l9fic3_15 ._chip_l9fic3_9{
205
+ ._sizeXs_1qz7ztn_15 ._chip_1qz7ztn_9{
206
206
  letter-spacing:0.0045em;
207
- color:rgba(25,25,28,0.7);
208
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
209
207
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
210
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
209
  font-size:13px;
@@ -213,24 +211,22 @@
213
211
  line-height:20px;
214
212
  line-height:var(--rs-text-3-line-height, 20px);
215
213
  }
216
- ._rs-reset-letter-spacing_l9fic3_1 ._sizeXs_l9fic3_15 ._chip_l9fic3_9{
214
+ ._rs-reset-letter-spacing_1qz7ztn_1 ._sizeXs_1qz7ztn_15 ._chip_1qz7ztn_9{
217
215
  letter-spacing:normal;
218
216
  }
219
- ._sizeXs_l9fic3_15 ._chip_l9fic3_9 {
217
+ ._sizeXs_1qz7ztn_15 ._chip_1qz7ztn_9 {
220
218
 
221
219
  margin-top:12px;
222
220
 
223
221
  border-radius:4px;
224
222
  }
225
223
  @media screen and (max-width: 640px){
226
- ._sizeXs_l9fic3_15 ._chip_l9fic3_9{
224
+ ._sizeXs_1qz7ztn_15 ._chip_1qz7ztn_9{
227
225
  margin-top:8px
228
226
  }
229
227
  }
230
- ._sizeS_l9fic3_23 ._chip_l9fic3_9{
228
+ ._sizeS_1qz7ztn_23 ._chip_1qz7ztn_9{
231
229
  letter-spacing:0.0045em;
232
- color:rgba(25,25,28,0.7);
233
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
234
230
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
235
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));
236
232
  font-size:13px;
@@ -238,19 +234,17 @@
238
234
  line-height:20px;
239
235
  line-height:var(--rs-text-3-line-height, 20px);
240
236
  }
241
- ._rs-reset-letter-spacing_l9fic3_1 ._sizeS_l9fic3_23 ._chip_l9fic3_9{
237
+ ._rs-reset-letter-spacing_1qz7ztn_1 ._sizeS_1qz7ztn_23 ._chip_1qz7ztn_9{
242
238
  letter-spacing:normal;
243
239
  }
244
- ._sizeS_l9fic3_23 ._chip_l9fic3_9 {
240
+ ._sizeS_1qz7ztn_23 ._chip_1qz7ztn_9 {
245
241
 
246
242
  margin-top:12px;
247
243
 
248
244
  border-radius:24px;
249
245
  }
250
- ._sizeM_l9fic3_24 ._chip_l9fic3_9{
246
+ ._sizeM_1qz7ztn_24 ._chip_1qz7ztn_9{
251
247
  letter-spacing:0.0015em;
252
- color:rgba(25,25,28,0.7);
253
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
254
248
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
255
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));
256
250
  font-size:16px;
@@ -259,18 +253,16 @@
259
253
  line-height:24px;
260
254
  line-height:var(--rs-text-2-line-height, 24px);
261
255
  }
262
- ._rs-reset-letter-spacing_l9fic3_1 ._sizeM_l9fic3_24 ._chip_l9fic3_9{
256
+ ._rs-reset-letter-spacing_1qz7ztn_1 ._sizeM_1qz7ztn_24 ._chip_1qz7ztn_9{
263
257
  letter-spacing:normal;
264
258
  }
265
- ._sizeM_l9fic3_24 ._chip_l9fic3_9 {
259
+ ._sizeM_1qz7ztn_24 ._chip_1qz7ztn_9 {
266
260
 
267
261
  margin-top:12px;
268
262
 
269
263
  border-radius:24px;
270
264
  }
271
- ._sizeL_l9fic3_28 ._chip_l9fic3_9{
272
- color:rgba(25,25,28,0.7);
273
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
265
+ ._sizeL_1qz7ztn_28 ._chip_1qz7ztn_9{
274
266
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
275
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));
276
268
  font-size:19px;
@@ -284,22 +276,22 @@
284
276
  border-radius:36px;
285
277
  }
286
278
  @media screen and (max-width: 640px){
287
- ._sizeL_l9fic3_28 ._chip_l9fic3_9{
279
+ ._sizeL_1qz7ztn_28 ._chip_1qz7ztn_9{
288
280
  margin-top:12px
289
281
  }
290
282
  }
291
- ._light_l9fic3_103._rock_l9fic3_157 ._chip_l9fic3_9{
283
+ ._light_1qz7ztn_103._rock_1qz7ztn_157 ._chip_1qz7ztn_9{
292
284
  border-color:rgba(25,25,28,0.3);
293
285
 
294
286
  color:#19191C;
295
287
  }
296
- ._light_l9fic3_103._rock_l9fic3_157 ._chip_l9fic3_9:focus{
288
+ ._light_1qz7ztn_103._rock_1qz7ztn_157 ._chip_1qz7ztn_9:focus{
297
289
  border-color:rgba(25,25,28,0.3);
298
290
 
299
291
  color:#19191C;
300
292
  }
301
293
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
302
- ._light_l9fic3_103._rock_l9fic3_157 ._chip_l9fic3_9:hover{
294
+ ._light_1qz7ztn_103._rock_1qz7ztn_157 ._chip_1qz7ztn_9:hover{
303
295
  border-color:rgba(25,25,28,0.3);
304
296
 
305
297
  color:#19191C;
@@ -307,30 +299,30 @@
307
299
  background:rgba(25,25,28,0.1);
308
300
  }
309
301
  }
310
- ._light_l9fic3_103._rock_l9fic3_157 ._chip_l9fic3_9:active{
302
+ ._light_1qz7ztn_103._rock_1qz7ztn_157 ._chip_1qz7ztn_9:active{
311
303
  border-color:#19191C;
312
304
 
313
305
  color:#19191C;
314
306
 
315
307
  background:rgba(25,25,28,0.1);
316
308
  }
317
- ._light_l9fic3_103._rock_l9fic3_157 ._chip_l9fic3_9._selected_l9fic3_113{
309
+ ._light_1qz7ztn_103._rock_1qz7ztn_157 ._chip_1qz7ztn_9._selected_1qz7ztn_113{
318
310
  border-color:#19191C;
319
311
 
320
312
  color:#19191C;
321
313
  }
322
- ._dark_l9fic3_108._rock_l9fic3_157 ._chip_l9fic3_9{
314
+ ._dark_1qz7ztn_108._rock_1qz7ztn_157 ._chip_1qz7ztn_9{
323
315
  border-color:rgba(255,255,255,0.3);
324
316
 
325
317
  color:#FFFFFF;
326
318
  }
327
- ._dark_l9fic3_108._rock_l9fic3_157 ._chip_l9fic3_9:focus{
319
+ ._dark_1qz7ztn_108._rock_1qz7ztn_157 ._chip_1qz7ztn_9:focus{
328
320
  border-color:rgba(255,255,255,0.4);
329
321
 
330
322
  color:#FFFFFF;
331
323
  }
332
324
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
333
- ._dark_l9fic3_108._rock_l9fic3_157 ._chip_l9fic3_9:hover{
325
+ ._dark_1qz7ztn_108._rock_1qz7ztn_157 ._chip_1qz7ztn_9:hover{
334
326
  border-color:rgba(255,255,255,0.4);
335
327
 
336
328
  color:#FFFFFF;
@@ -338,30 +330,30 @@
338
330
  background:rgba(255,255,255,0.1);
339
331
  }
340
332
  }
341
- ._dark_l9fic3_108._rock_l9fic3_157 ._chip_l9fic3_9:active{
333
+ ._dark_1qz7ztn_108._rock_1qz7ztn_157 ._chip_1qz7ztn_9:active{
342
334
  border-color:#FFFFFF;
343
335
 
344
336
  color:#FFFFFF;
345
337
 
346
338
  background:rgba(255,255,255,0.1);
347
339
  }
348
- ._dark_l9fic3_108._rock_l9fic3_157 ._chip_l9fic3_9._selected_l9fic3_113{
340
+ ._dark_1qz7ztn_108._rock_1qz7ztn_157 ._chip_1qz7ztn_9._selected_1qz7ztn_113{
349
341
  border-color:#FFFFFF;
350
342
 
351
343
  color:#FFFFFF;
352
344
  }
353
- ._light_l9fic3_103._classic_l9fic3_229 ._chip_l9fic3_9{
345
+ ._light_1qz7ztn_103._classic_1qz7ztn_229 ._chip_1qz7ztn_9{
354
346
  border-color:rgba(25,25,28,0.3);
355
347
 
356
348
  color:#19191C;
357
349
  }
358
- ._light_l9fic3_103._classic_l9fic3_229 ._chip_l9fic3_9:focus{
350
+ ._light_1qz7ztn_103._classic_1qz7ztn_229 ._chip_1qz7ztn_9:focus{
359
351
  border-color:rgba(25,25,28,0.3);
360
352
 
361
353
  color:#19191C;
362
354
  }
363
355
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
364
- ._light_l9fic3_103._classic_l9fic3_229 ._chip_l9fic3_9:hover{
356
+ ._light_1qz7ztn_103._classic_1qz7ztn_229 ._chip_1qz7ztn_9:hover{
365
357
  border-color:rgba(25,25,28,0.3);
366
358
 
367
359
  color:#19191C;
@@ -371,7 +363,7 @@
371
363
  background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
372
364
  }
373
365
  }
374
- ._light_l9fic3_103._classic_l9fic3_229 ._chip_l9fic3_9:active{
366
+ ._light_1qz7ztn_103._classic_1qz7ztn_229 ._chip_1qz7ztn_9:active{
375
367
  border-color:#6B57FF;
376
368
  border-color:var(--rs-color-primary-light-theme, #6B57FF);
377
369
 
@@ -381,24 +373,24 @@
381
373
 
382
374
  background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
383
375
  }
384
- ._light_l9fic3_103._classic_l9fic3_229 ._chip_l9fic3_9._selected_l9fic3_113{
376
+ ._light_1qz7ztn_103._classic_1qz7ztn_229 ._chip_1qz7ztn_9._selected_1qz7ztn_113{
385
377
  border-color:#6B57FF;
386
378
  border-color:var(--rs-color-primary-light-theme, #6B57FF);
387
379
 
388
380
  color:#19191C;
389
381
  }
390
- ._dark_l9fic3_108._classic_l9fic3_229 ._chip_l9fic3_9{
382
+ ._dark_1qz7ztn_108._classic_1qz7ztn_229 ._chip_1qz7ztn_9{
391
383
  border-color:rgba(255,255,255,0.3);
392
384
 
393
385
  color:#FFFFFF;
394
386
  }
395
- ._dark_l9fic3_108._classic_l9fic3_229 ._chip_l9fic3_9:focus{
387
+ ._dark_1qz7ztn_108._classic_1qz7ztn_229 ._chip_1qz7ztn_9:focus{
396
388
  border-color:rgba(255,255,255,0.4);
397
389
 
398
390
  color:#FFFFFF;
399
391
  }
400
392
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
401
- ._dark_l9fic3_108._classic_l9fic3_229 ._chip_l9fic3_9:hover{
393
+ ._dark_1qz7ztn_108._classic_1qz7ztn_229 ._chip_1qz7ztn_9:hover{
402
394
  border-color:rgba(255,255,255,0.4);
403
395
 
404
396
  color:#FFFFFF;
@@ -408,7 +400,7 @@
408
400
  background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
409
401
  }
410
402
  }
411
- ._dark_l9fic3_108._classic_l9fic3_229 ._chip_l9fic3_9:active{
403
+ ._dark_1qz7ztn_108._classic_1qz7ztn_229 ._chip_1qz7ztn_9:active{
412
404
  border-color:#8473FF;
413
405
  border-color:var(--rs-color-primary-dark-theme, #8473FF);
414
406
 
@@ -418,110 +410,110 @@
418
410
 
419
411
  background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
420
412
  }
421
- ._dark_l9fic3_108._classic_l9fic3_229 ._chip_l9fic3_9._selected_l9fic3_113{
413
+ ._dark_1qz7ztn_108._classic_1qz7ztn_229 ._chip_1qz7ztn_9._selected_1qz7ztn_113{
422
414
  border-color:#8473FF;
423
415
  border-color:var(--rs-color-primary-dark-theme, #8473FF);
424
416
 
425
417
  color:#FFFFFF;
426
418
  }
427
- ._innerOffsetL_l9fic3_36._sizeL_l9fic3_28 ._chip_l9fic3_9,
428
- ._innerOffsetL_l9fic3_36._sizeM_l9fic3_24 ._chip_l9fic3_9{
419
+ ._innerOffsetL_1qz7ztn_36._sizeL_1qz7ztn_28 ._chip_1qz7ztn_9,
420
+ ._innerOffsetL_1qz7ztn_36._sizeM_1qz7ztn_24 ._chip_1qz7ztn_9{
429
421
  margin-right:8px;
430
422
  margin-left:8px;
431
423
  }
432
424
  @media screen and (max-width: 640px){
433
- ._innerOffsetL_l9fic3_36._sizeL_l9fic3_28 ._chip_l9fic3_9,
434
- ._innerOffsetL_l9fic3_36._sizeM_l9fic3_24 ._chip_l9fic3_9{
425
+ ._innerOffsetL_1qz7ztn_36._sizeL_1qz7ztn_28 ._chip_1qz7ztn_9,
426
+ ._innerOffsetL_1qz7ztn_36._sizeM_1qz7ztn_24 ._chip_1qz7ztn_9{
435
427
  margin-right:4px;
436
428
  margin-left:4px
437
429
  }
438
430
  }
439
- ._innerOffsetL_l9fic3_36._sizeS_l9fic3_23 ._chip_l9fic3_9,
440
- ._innerOffsetL_l9fic3_36._sizeXs_l9fic3_15 ._chip_l9fic3_9{
431
+ ._innerOffsetL_1qz7ztn_36._sizeS_1qz7ztn_23 ._chip_1qz7ztn_9,
432
+ ._innerOffsetL_1qz7ztn_36._sizeXs_1qz7ztn_15 ._chip_1qz7ztn_9{
441
433
  margin-right:6px;
442
434
  margin-left:6px;
443
435
  }
444
436
  @media screen and (max-width: 640px){
445
- ._innerOffsetL_l9fic3_36._sizeS_l9fic3_23 ._chip_l9fic3_9,
446
- ._innerOffsetL_l9fic3_36._sizeXs_l9fic3_15 ._chip_l9fic3_9{
437
+ ._innerOffsetL_1qz7ztn_36._sizeS_1qz7ztn_23 ._chip_1qz7ztn_9,
438
+ ._innerOffsetL_1qz7ztn_36._sizeXs_1qz7ztn_15 ._chip_1qz7ztn_9{
447
439
  margin-right:4px;
448
440
  margin-left:4px
449
441
  }
450
442
  }
451
- ._innerOffsetM_l9fic3_58 ._chip_l9fic3_9{
443
+ ._innerOffsetM_1qz7ztn_58 ._chip_1qz7ztn_9{
452
444
  margin-right:4px;
453
445
  margin-left:4px;
454
446
  }
455
447
  @media screen and (max-width: 640px){
456
- ._innerOffsetM_l9fic3_58 ._chip_l9fic3_9{
448
+ ._innerOffsetM_1qz7ztn_58 ._chip_1qz7ztn_9{
457
449
  margin-right:4px;
458
450
  margin-left:4px
459
451
  }
460
452
  }
461
- ._icon_l9fic3_334{
453
+ ._icon_1qz7ztn_334{
462
454
  -webkit-box-flex:0;
463
455
  -ms-flex:0 0;
464
456
  flex:0 0;
465
457
  -ms-flex-preferred-size:auto;
466
458
  flex-basis:auto;
467
459
  }
468
- ._sizeXs_l9fic3_15 ._icon_l9fic3_334._iconLeft_l9fic3_338 {
460
+ ._sizeXs_1qz7ztn_15 ._icon_1qz7ztn_334._iconLeft_1qz7ztn_338 {
469
461
  width: 20px;
470
462
  height: 20px;
471
463
  min-width: 20px;
472
464
  min-height: 20px;
473
465
  margin: 0 8px 0 -2px;
474
466
  }
475
- ._sizeS_l9fic3_23 ._icon_l9fic3_334._iconLeft_l9fic3_338 {
467
+ ._sizeS_1qz7ztn_23 ._icon_1qz7ztn_334._iconLeft_1qz7ztn_338 {
476
468
  width: 20px;
477
469
  height: 20px;
478
470
  min-width: 20px;
479
471
  min-height: 20px;
480
472
  margin: 0 8px 0 -2px;
481
473
  }
482
- ._sizeM_l9fic3_24 ._icon_l9fic3_334._iconLeft_l9fic3_338 {
474
+ ._sizeM_1qz7ztn_24 ._icon_1qz7ztn_334._iconLeft_1qz7ztn_338 {
483
475
  width: 24px;
484
476
  height: 24px;
485
477
  min-width: 24px;
486
478
  min-height: 24px;
487
479
  margin: 0 8px 0 -2px;
488
480
  }
489
- ._sizeL_l9fic3_28 ._icon_l9fic3_334._iconLeft_l9fic3_338 {
481
+ ._sizeL_1qz7ztn_28 ._icon_1qz7ztn_334._iconLeft_1qz7ztn_338 {
490
482
  width: 28px;
491
483
  height: 28px;
492
484
  min-width: 28px;
493
485
  min-height: 28px;
494
486
  margin: 0 16px 0 -2px;
495
487
  }
496
- ._sizeXs_l9fic3_15 ._icon_l9fic3_334._iconRight_l9fic3_339 {
488
+ ._sizeXs_1qz7ztn_15 ._icon_1qz7ztn_334._iconRight_1qz7ztn_339 {
497
489
  width: 20px;
498
490
  height: 20px;
499
491
  min-width: 20px;
500
492
  min-height: 20px;
501
493
  margin: 0 -2px 0 8px;
502
494
  }
503
- ._sizeS_l9fic3_23 ._icon_l9fic3_334._iconRight_l9fic3_339 {
495
+ ._sizeS_1qz7ztn_23 ._icon_1qz7ztn_334._iconRight_1qz7ztn_339 {
504
496
  width: 20px;
505
497
  height: 20px;
506
498
  min-width: 20px;
507
499
  min-height: 20px;
508
500
  margin: 0 -2px 0 8px;
509
501
  }
510
- ._sizeM_l9fic3_24 ._icon_l9fic3_334._iconRight_l9fic3_339 {
502
+ ._sizeM_1qz7ztn_24 ._icon_1qz7ztn_334._iconRight_1qz7ztn_339 {
511
503
  width: 24px;
512
504
  height: 24px;
513
505
  min-width: 24px;
514
506
  min-height: 24px;
515
507
  margin: 0 -2px 0 8px;
516
508
  }
517
- ._sizeL_l9fic3_28 ._icon_l9fic3_334._iconRight_l9fic3_339 {
509
+ ._sizeL_1qz7ztn_28 ._icon_1qz7ztn_334._iconRight_1qz7ztn_339 {
518
510
  width: 28px;
519
511
  height: 28px;
520
512
  min-width: 28px;
521
513
  min-height: 28px;
522
514
  margin: 0 -2px 0 16px;
523
515
  }
524
- ._withoutText_l9fic3_114 ._icon_l9fic3_334._iconRight_l9fic3_339,
525
- ._withoutText_l9fic3_114 ._icon_l9fic3_334._iconLeft_l9fic3_338{
516
+ ._withoutText_1qz7ztn_114 ._icon_1qz7ztn_334._iconRight_1qz7ztn_339,
517
+ ._withoutText_1qz7ztn_114 ._icon_1qz7ztn_334._iconLeft_1qz7ztn_338{
526
518
  margin:0;
527
519
  }
package/lib/parts/chip-list.module.pcss.js CHANGED
@@ -1,21 +1,21 @@
1
1
  var styles = {
2
- "chipsContainer": "_chipsContainer_l9fic3_9",
3
- "sizeXs": "_sizeXs_l9fic3_15",
4
- "sizeS": "_sizeS_l9fic3_23",
5
- "sizeM": "_sizeM_l9fic3_24",
6
- "sizeL": "_sizeL_l9fic3_28",
7
- "innerOffsetL": "_innerOffsetL_l9fic3_36",
8
- "innerOffsetM": "_innerOffsetM_l9fic3_58",
9
- "chip": "_chip_l9fic3_9",
10
- "light": "_light_l9fic3_103",
11
- "dark": "_dark_l9fic3_108",
12
- "selected": "_selected_l9fic3_113",
13
- "withoutText": "_withoutText_l9fic3_114",
14
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_l9fic3_1",
15
- "rock": "_rock_l9fic3_157",
16
- "classic": "_classic_l9fic3_229",
17
- "icon": "_icon_l9fic3_334",
18
- "iconLeft": "_iconLeft_l9fic3_338",
19
- "iconRight": "_iconRight_l9fic3_339"
2
+ "chipsContainer": "_chipsContainer_1qz7ztn_9",
3
+ "sizeXs": "_sizeXs_1qz7ztn_15",
4
+ "sizeS": "_sizeS_1qz7ztn_23",
5
+ "sizeM": "_sizeM_1qz7ztn_24",
6
+ "sizeL": "_sizeL_1qz7ztn_28",
7
+ "innerOffsetL": "_innerOffsetL_1qz7ztn_36",
8
+ "innerOffsetM": "_innerOffsetM_1qz7ztn_58",
9
+ "chip": "_chip_1qz7ztn_9",
10
+ "light": "_light_1qz7ztn_103",
11
+ "dark": "_dark_1qz7ztn_108",
12
+ "selected": "_selected_1qz7ztn_113",
13
+ "withoutText": "_withoutText_1qz7ztn_114",
14
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1qz7ztn_1",
15
+ "rock": "_rock_1qz7ztn_157",
16
+ "classic": "_classic_1qz7ztn_229",
17
+ "icon": "_icon_1qz7ztn_334",
18
+ "iconLeft": "_iconLeft_1qz7ztn_338",
19
+ "iconRight": "_iconRight_1qz7ztn_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.1.1",
3
+ "version": "0.2.2",
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.5.1",
21
- "@rescui/icons": "^0.5.2",
20
+ "@rescui/button": "^0.6.2",
21
+ "@rescui/icons": "^0.6.2",
22
22
  "classnames": "^2.2.6",
23
23
  "core-js": "^3.9.1"
24
24
  },
@@ -31,11 +31,11 @@
31
31
  "@rescui/colors": "^0.1.0",
32
32
  "@rescui/postcss-preset-library": "^0.0.4",
33
33
  "@rescui/scripts": "^0.1.4",
34
- "@rescui/typography": "^0.4.0",
34
+ "@rescui/typography": "^0.7.0",
35
35
  "@rescui/visual-regression": "^0.0.1"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "rescui-scripts build"
39
39
  },
40
- "gitHead": "24a3fbe87179468f1dc804374864b21042fa2dbe"
40
+ "gitHead": "d31278a5136a7cb38364fc89345e1a7326298c9a"
41
41
  }