@rescui/chip-list 0.1.0 → 0.1.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.
Files changed (6) hide show
  1. package/lib/chip-list.d.ts +1 -1
  2. package/lib/index.css +116 -116
  3. package/lib/parts/chip-list.module.pcss.js +18 -18
  4. package/lib/parts/deep-map.js +25 -0
  5. package/lib/parts/use-items-ids.js +1 -1
  6. package/package.json +5 -5
package/lib/chip-list.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare type ChipListProps = {
8
8
  size?: ChipListSizeType;
9
9
  /** Increase inner horizontal offset between the chips. */
10
10
  sparse?: boolean;
11
- theme: Theme;
11
+ theme?: Theme;
12
12
  mode?: ChipListModeType;
13
13
  value: ChipListValueType;
14
14
  onChange: (value: ChipListValueType) => void;
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._chipsContainer_2ia4ou_9{
1
+ ._chipsContainer_l9fic3_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_2ia4ou_15 ._chipsContainer_2ia4ou_9{
13
+ ._sizeXs_l9fic3_15 ._chipsContainer_l9fic3_9{
14
14
  margin-top:-12px;
15
15
  }
16
16
 
17
17
  @media screen and (max-width: 640px){
18
18
 
19
- ._sizeXs_2ia4ou_15 ._chipsContainer_2ia4ou_9{
19
+ ._sizeXs_l9fic3_15 ._chipsContainer_l9fic3_9{
20
20
  margin-top:-8px
21
21
  }
22
22
  }
23
23
 
24
- ._sizeS_2ia4ou_23 ._chipsContainer_2ia4ou_9,
25
- ._sizeM_2ia4ou_24 ._chipsContainer_2ia4ou_9{
24
+ ._sizeS_l9fic3_23 ._chipsContainer_l9fic3_9,
25
+ ._sizeM_l9fic3_24 ._chipsContainer_l9fic3_9{
26
26
  margin-top:-12px;
27
27
  }
28
28
 
29
- ._sizeL_2ia4ou_28 ._chipsContainer_2ia4ou_9{
29
+ ._sizeL_l9fic3_28 ._chipsContainer_l9fic3_9{
30
30
  margin-top:-16px;
31
31
  }
32
32
 
33
33
  @media screen and (max-width: 640px){
34
34
 
35
- ._sizeL_2ia4ou_28 ._chipsContainer_2ia4ou_9{
35
+ ._sizeL_l9fic3_28 ._chipsContainer_l9fic3_9{
36
36
  margin-top:-12px
37
37
  }
38
38
  }
39
39
 
40
- ._innerOffsetL_2ia4ou_36._sizeL_2ia4ou_28 ._chipsContainer_2ia4ou_9,
41
- ._innerOffsetL_2ia4ou_36._sizeM_2ia4ou_24 ._chipsContainer_2ia4ou_9{
40
+ ._innerOffsetL_l9fic3_36._sizeL_l9fic3_28 ._chipsContainer_l9fic3_9,
41
+ ._innerOffsetL_l9fic3_36._sizeM_l9fic3_24 ._chipsContainer_l9fic3_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_2ia4ou_36._sizeL_2ia4ou_28 ._chipsContainer_2ia4ou_9,
49
- ._innerOffsetL_2ia4ou_36._sizeM_2ia4ou_24 ._chipsContainer_2ia4ou_9{
48
+ ._innerOffsetL_l9fic3_36._sizeL_l9fic3_28 ._chipsContainer_l9fic3_9,
49
+ ._innerOffsetL_l9fic3_36._sizeM_l9fic3_24 ._chipsContainer_l9fic3_9{
50
50
  margin-right:-4px;
51
51
  margin-left:-4px
52
52
  }
53
53
  }
54
54
 
55
- ._innerOffsetL_2ia4ou_36._sizeS_2ia4ou_23 ._chipsContainer_2ia4ou_9,
56
- ._innerOffsetL_2ia4ou_36._sizeXs_2ia4ou_15 ._chipsContainer_2ia4ou_9{
55
+ ._innerOffsetL_l9fic3_36._sizeS_l9fic3_23 ._chipsContainer_l9fic3_9,
56
+ ._innerOffsetL_l9fic3_36._sizeXs_l9fic3_15 ._chipsContainer_l9fic3_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_2ia4ou_36._sizeS_2ia4ou_23 ._chipsContainer_2ia4ou_9,
64
- ._innerOffsetL_2ia4ou_36._sizeXs_2ia4ou_15 ._chipsContainer_2ia4ou_9{
63
+ ._innerOffsetL_l9fic3_36._sizeS_l9fic3_23 ._chipsContainer_l9fic3_9,
64
+ ._innerOffsetL_l9fic3_36._sizeXs_l9fic3_15 ._chipsContainer_l9fic3_9{
65
65
  margin-right:-4px;
66
66
  margin-left:-4px
67
67
  }
68
68
  }
69
69
 
70
- ._innerOffsetM_2ia4ou_58 ._chipsContainer_2ia4ou_9{
70
+ ._innerOffsetM_l9fic3_58 ._chipsContainer_l9fic3_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_2ia4ou_58 ._chipsContainer_2ia4ou_9{
77
+ ._innerOffsetM_l9fic3_58 ._chipsContainer_l9fic3_9{
78
78
  margin-right:-4px;
79
79
  margin-left:-4px
80
80
  }
81
81
  }
82
- ._chip_2ia4ou_9{
82
+ ._chip_l9fic3_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
- ._chip_2ia4ou_9:hover,
123
- ._chip_2ia4ou_9:focus,
124
- ._chip_2ia4ou_9:active{
122
+ ._chip_l9fic3_9:hover,
123
+ ._chip_l9fic3_9:focus,
124
+ ._chip_l9fic3_9:active{
125
125
  outline:none;
126
126
 
127
127
  text-decoration:none;
128
128
  }
129
- ._light_2ia4ou_103 ._chip_2ia4ou_9:focus[data-focus-method='key']{
130
- -webkit-box-shadow:rgba(22,125,255,0.8) 0 0 0 4px;
131
- -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8)) 0 0 0 4px;
132
- box-shadow:rgba(22,125,255,0.8) 0 0 0 4px;
133
- box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8)) 0 0 0 4px;
129
+ ._light_l9fic3_103 ._chip_l9fic3_9:focus[data-focus-method='key']{
130
+ -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
131
+ -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
132
+ box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
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_2ia4ou_108 ._chip_2ia4ou_9:focus[data-focus-method='key']{
136
- -webkit-box-shadow:rgba(76,166,255,0.8) 0 0 0 4px;
137
- -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8)) 0 0 0 4px;
138
- box-shadow:rgba(76,166,255,0.8) 0 0 0 4px;
139
- box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8)) 0 0 0 4px;
135
+ ._dark_l9fic3_108 ._chip_l9fic3_9:focus[data-focus-method='key']{
136
+ -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
137
+ -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
138
+ box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
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_2ia4ou_15 ._chip_2ia4ou_9 {
141
+ ._sizeXs_l9fic3_15 ._chip_l9fic3_9 {
142
142
  padding: 1px 15px;
143
143
  border-width: 1px;
144
144
  }
145
- ._sizeS_2ia4ou_23 ._chip_2ia4ou_9 {
145
+ ._sizeS_l9fic3_23 ._chip_l9fic3_9 {
146
146
  padding: 5px 15px;
147
147
  border-width: 1px;
148
148
  }
149
- ._sizeM_2ia4ou_24 ._chip_2ia4ou_9 {
149
+ ._sizeM_l9fic3_24 ._chip_l9fic3_9 {
150
150
  padding: 7px 23px;
151
151
  border-width: 1px;
152
152
  }
153
- ._sizeL_2ia4ou_28 ._chip_2ia4ou_9 {
153
+ ._sizeL_l9fic3_28 ._chip_l9fic3_9 {
154
154
  padding: 11px 31px;
155
155
  border-width: 1px;
156
156
  }
157
- ._sizeXs_2ia4ou_15 ._chip_2ia4ou_9._selected_2ia4ou_113 {
157
+ ._sizeXs_l9fic3_15 ._chip_l9fic3_9._selected_l9fic3_113 {
158
158
  padding: 0px 14px;
159
159
  border-width: 2px;
160
160
  }
161
- ._sizeS_2ia4ou_23 ._chip_2ia4ou_9._selected_2ia4ou_113 {
161
+ ._sizeS_l9fic3_23 ._chip_l9fic3_9._selected_l9fic3_113 {
162
162
  padding: 4px 14px;
163
163
  border-width: 2px;
164
164
  }
165
- ._sizeM_2ia4ou_24 ._chip_2ia4ou_9._selected_2ia4ou_113 {
165
+ ._sizeM_l9fic3_24 ._chip_l9fic3_9._selected_l9fic3_113 {
166
166
  padding: 6px 22px;
167
167
  border-width: 2px;
168
168
  }
169
- ._sizeL_2ia4ou_28 ._chip_2ia4ou_9._selected_2ia4ou_113 {
169
+ ._sizeL_l9fic3_28 ._chip_l9fic3_9._selected_l9fic3_113 {
170
170
  padding: 10px 30px;
171
171
  border-width: 2px;
172
172
  }
173
- ._sizeXs_2ia4ou_15 ._chip_2ia4ou_9._withoutText_2ia4ou_114 {
173
+ ._sizeXs_l9fic3_15 ._chip_l9fic3_9._withoutText_l9fic3_114 {
174
174
  padding: 1px 1px;
175
175
  border-width: 1px;
176
176
  }
177
- ._sizeS_2ia4ou_23 ._chip_2ia4ou_9._withoutText_2ia4ou_114 {
177
+ ._sizeS_l9fic3_23 ._chip_l9fic3_9._withoutText_l9fic3_114 {
178
178
  padding: 5px 5px;
179
179
  border-width: 1px;
180
180
  }
181
- ._sizeM_2ia4ou_24 ._chip_2ia4ou_9._withoutText_2ia4ou_114 {
181
+ ._sizeM_l9fic3_24 ._chip_l9fic3_9._withoutText_l9fic3_114 {
182
182
  padding: 7px 7px;
183
183
  border-width: 1px;
184
184
  }
185
- ._sizeL_2ia4ou_28 ._chip_2ia4ou_9._withoutText_2ia4ou_114 {
185
+ ._sizeL_l9fic3_28 ._chip_l9fic3_9._withoutText_l9fic3_114 {
186
186
  padding: 11px 11px;
187
187
  border-width: 1px;
188
188
  }
189
- ._sizeXs_2ia4ou_15 ._chip_2ia4ou_9._selected_2ia4ou_113._withoutText_2ia4ou_114 {
189
+ ._sizeXs_l9fic3_15 ._chip_l9fic3_9._selected_l9fic3_113._withoutText_l9fic3_114 {
190
190
  padding: 0px 0px;
191
191
  border-width: 2px;
192
192
  }
193
- ._sizeS_2ia4ou_23 ._chip_2ia4ou_9._selected_2ia4ou_113._withoutText_2ia4ou_114 {
193
+ ._sizeS_l9fic3_23 ._chip_l9fic3_9._selected_l9fic3_113._withoutText_l9fic3_114 {
194
194
  padding: 4px 4px;
195
195
  border-width: 2px;
196
196
  }
197
- ._sizeM_2ia4ou_24 ._chip_2ia4ou_9._selected_2ia4ou_113._withoutText_2ia4ou_114 {
197
+ ._sizeM_l9fic3_24 ._chip_l9fic3_9._selected_l9fic3_113._withoutText_l9fic3_114 {
198
198
  padding: 6px 6px;
199
199
  border-width: 2px;
200
200
  }
201
- ._sizeL_2ia4ou_28 ._chip_2ia4ou_9._selected_2ia4ou_113._withoutText_2ia4ou_114 {
201
+ ._sizeL_l9fic3_28 ._chip_l9fic3_9._selected_l9fic3_113._withoutText_l9fic3_114 {
202
202
  padding: 10px 10px;
203
203
  border-width: 2px;
204
204
  }
205
- ._sizeXs_2ia4ou_15 ._chip_2ia4ou_9{
205
+ ._sizeXs_l9fic3_15 ._chip_l9fic3_9{
206
206
  letter-spacing:0.0045em;
207
207
  color:rgba(25,25,28,0.7);
208
208
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
@@ -213,21 +213,21 @@
213
213
  line-height:20px;
214
214
  line-height:var(--rs-text-3-line-height, 20px);
215
215
  }
216
- ._rs-reset-letter-spacing_2ia4ou_1 ._sizeXs_2ia4ou_15 ._chip_2ia4ou_9{
216
+ ._rs-reset-letter-spacing_l9fic3_1 ._sizeXs_l9fic3_15 ._chip_l9fic3_9{
217
217
  letter-spacing:normal;
218
218
  }
219
- ._sizeXs_2ia4ou_15 ._chip_2ia4ou_9 {
219
+ ._sizeXs_l9fic3_15 ._chip_l9fic3_9 {
220
220
 
221
221
  margin-top:12px;
222
222
 
223
223
  border-radius:4px;
224
224
  }
225
225
  @media screen and (max-width: 640px){
226
- ._sizeXs_2ia4ou_15 ._chip_2ia4ou_9{
226
+ ._sizeXs_l9fic3_15 ._chip_l9fic3_9{
227
227
  margin-top:8px
228
228
  }
229
229
  }
230
- ._sizeS_2ia4ou_23 ._chip_2ia4ou_9{
230
+ ._sizeS_l9fic3_23 ._chip_l9fic3_9{
231
231
  letter-spacing:0.0045em;
232
232
  color:rgba(25,25,28,0.7);
233
233
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
@@ -238,16 +238,16 @@
238
238
  line-height:20px;
239
239
  line-height:var(--rs-text-3-line-height, 20px);
240
240
  }
241
- ._rs-reset-letter-spacing_2ia4ou_1 ._sizeS_2ia4ou_23 ._chip_2ia4ou_9{
241
+ ._rs-reset-letter-spacing_l9fic3_1 ._sizeS_l9fic3_23 ._chip_l9fic3_9{
242
242
  letter-spacing:normal;
243
243
  }
244
- ._sizeS_2ia4ou_23 ._chip_2ia4ou_9 {
244
+ ._sizeS_l9fic3_23 ._chip_l9fic3_9 {
245
245
 
246
246
  margin-top:12px;
247
247
 
248
248
  border-radius:24px;
249
249
  }
250
- ._sizeM_2ia4ou_24 ._chip_2ia4ou_9{
250
+ ._sizeM_l9fic3_24 ._chip_l9fic3_9{
251
251
  letter-spacing:0.0015em;
252
252
  color:rgba(25,25,28,0.7);
253
253
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
@@ -259,16 +259,16 @@
259
259
  line-height:24px;
260
260
  line-height:var(--rs-text-2-line-height, 24px);
261
261
  }
262
- ._rs-reset-letter-spacing_2ia4ou_1 ._sizeM_2ia4ou_24 ._chip_2ia4ou_9{
262
+ ._rs-reset-letter-spacing_l9fic3_1 ._sizeM_l9fic3_24 ._chip_l9fic3_9{
263
263
  letter-spacing:normal;
264
264
  }
265
- ._sizeM_2ia4ou_24 ._chip_2ia4ou_9 {
265
+ ._sizeM_l9fic3_24 ._chip_l9fic3_9 {
266
266
 
267
267
  margin-top:12px;
268
268
 
269
269
  border-radius:24px;
270
270
  }
271
- ._sizeL_2ia4ou_28 ._chip_2ia4ou_9{
271
+ ._sizeL_l9fic3_28 ._chip_l9fic3_9{
272
272
  color:rgba(25,25,28,0.7);
273
273
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
274
274
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -284,22 +284,22 @@
284
284
  border-radius:36px;
285
285
  }
286
286
  @media screen and (max-width: 640px){
287
- ._sizeL_2ia4ou_28 ._chip_2ia4ou_9{
287
+ ._sizeL_l9fic3_28 ._chip_l9fic3_9{
288
288
  margin-top:12px
289
289
  }
290
290
  }
291
- ._light_2ia4ou_103._rock_2ia4ou_157 ._chip_2ia4ou_9{
291
+ ._light_l9fic3_103._rock_l9fic3_157 ._chip_l9fic3_9{
292
292
  border-color:rgba(25,25,28,0.3);
293
293
 
294
294
  color:#19191C;
295
295
  }
296
- ._light_2ia4ou_103._rock_2ia4ou_157 ._chip_2ia4ou_9:focus{
296
+ ._light_l9fic3_103._rock_l9fic3_157 ._chip_l9fic3_9:focus{
297
297
  border-color:rgba(25,25,28,0.3);
298
298
 
299
299
  color:#19191C;
300
300
  }
301
301
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
302
- ._light_2ia4ou_103._rock_2ia4ou_157 ._chip_2ia4ou_9:hover{
302
+ ._light_l9fic3_103._rock_l9fic3_157 ._chip_l9fic3_9:hover{
303
303
  border-color:rgba(25,25,28,0.3);
304
304
 
305
305
  color:#19191C;
@@ -307,30 +307,30 @@
307
307
  background:rgba(25,25,28,0.1);
308
308
  }
309
309
  }
310
- ._light_2ia4ou_103._rock_2ia4ou_157 ._chip_2ia4ou_9:active{
310
+ ._light_l9fic3_103._rock_l9fic3_157 ._chip_l9fic3_9:active{
311
311
  border-color:#19191C;
312
312
 
313
313
  color:#19191C;
314
314
 
315
315
  background:rgba(25,25,28,0.1);
316
316
  }
317
- ._light_2ia4ou_103._rock_2ia4ou_157 ._chip_2ia4ou_9._selected_2ia4ou_113{
317
+ ._light_l9fic3_103._rock_l9fic3_157 ._chip_l9fic3_9._selected_l9fic3_113{
318
318
  border-color:#19191C;
319
319
 
320
320
  color:#19191C;
321
321
  }
322
- ._dark_2ia4ou_108._rock_2ia4ou_157 ._chip_2ia4ou_9{
322
+ ._dark_l9fic3_108._rock_l9fic3_157 ._chip_l9fic3_9{
323
323
  border-color:rgba(255,255,255,0.3);
324
324
 
325
325
  color:#FFFFFF;
326
326
  }
327
- ._dark_2ia4ou_108._rock_2ia4ou_157 ._chip_2ia4ou_9:focus{
327
+ ._dark_l9fic3_108._rock_l9fic3_157 ._chip_l9fic3_9:focus{
328
328
  border-color:rgba(255,255,255,0.4);
329
329
 
330
330
  color:#FFFFFF;
331
331
  }
332
332
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
333
- ._dark_2ia4ou_108._rock_2ia4ou_157 ._chip_2ia4ou_9:hover{
333
+ ._dark_l9fic3_108._rock_l9fic3_157 ._chip_l9fic3_9:hover{
334
334
  border-color:rgba(255,255,255,0.4);
335
335
 
336
336
  color:#FFFFFF;
@@ -338,190 +338,190 @@
338
338
  background:rgba(255,255,255,0.1);
339
339
  }
340
340
  }
341
- ._dark_2ia4ou_108._rock_2ia4ou_157 ._chip_2ia4ou_9:active{
341
+ ._dark_l9fic3_108._rock_l9fic3_157 ._chip_l9fic3_9:active{
342
342
  border-color:#FFFFFF;
343
343
 
344
344
  color:#FFFFFF;
345
345
 
346
346
  background:rgba(255,255,255,0.1);
347
347
  }
348
- ._dark_2ia4ou_108._rock_2ia4ou_157 ._chip_2ia4ou_9._selected_2ia4ou_113{
348
+ ._dark_l9fic3_108._rock_l9fic3_157 ._chip_l9fic3_9._selected_l9fic3_113{
349
349
  border-color:#FFFFFF;
350
350
 
351
351
  color:#FFFFFF;
352
352
  }
353
- ._light_2ia4ou_103._classic_2ia4ou_229 ._chip_2ia4ou_9{
353
+ ._light_l9fic3_103._classic_l9fic3_229 ._chip_l9fic3_9{
354
354
  border-color:rgba(25,25,28,0.3);
355
355
 
356
356
  color:#19191C;
357
357
  }
358
- ._light_2ia4ou_103._classic_2ia4ou_229 ._chip_2ia4ou_9:focus{
358
+ ._light_l9fic3_103._classic_l9fic3_229 ._chip_l9fic3_9:focus{
359
359
  border-color:rgba(25,25,28,0.3);
360
360
 
361
361
  color:#19191C;
362
362
  }
363
363
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
364
- ._light_2ia4ou_103._classic_2ia4ou_229 ._chip_2ia4ou_9:hover{
364
+ ._light_l9fic3_103._classic_l9fic3_229 ._chip_l9fic3_9:hover{
365
365
  border-color:rgba(25,25,28,0.3);
366
366
 
367
367
  color:#19191C;
368
368
 
369
- background:rgba(22,125,255,0.2);
369
+ background:rgba(107, 87, 255,0.2);
370
370
 
371
- background:var(--rs-color-primary-t-fog-light-theme, rgba(22,125,255,0.2));
371
+ background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
372
372
  }
373
373
  }
374
- ._light_2ia4ou_103._classic_2ia4ou_229 ._chip_2ia4ou_9:active{
375
- border-color:#167DFF;
376
- border-color:var(--rs-color-primary-light-theme, #167DFF);
374
+ ._light_l9fic3_103._classic_l9fic3_229 ._chip_l9fic3_9:active{
375
+ border-color:#6B57FF;
376
+ border-color:var(--rs-color-primary-light-theme, #6B57FF);
377
377
 
378
378
  color:#19191C;
379
379
 
380
- background:rgba(22,125,255,0.2);
380
+ background:rgba(107, 87, 255,0.2);
381
381
 
382
- background:var(--rs-color-primary-t-fog-light-theme, rgba(22,125,255,0.2));
382
+ background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
383
383
  }
384
- ._light_2ia4ou_103._classic_2ia4ou_229 ._chip_2ia4ou_9._selected_2ia4ou_113{
385
- border-color:#167DFF;
386
- border-color:var(--rs-color-primary-light-theme, #167DFF);
384
+ ._light_l9fic3_103._classic_l9fic3_229 ._chip_l9fic3_9._selected_l9fic3_113{
385
+ border-color:#6B57FF;
386
+ border-color:var(--rs-color-primary-light-theme, #6B57FF);
387
387
 
388
388
  color:#19191C;
389
389
  }
390
- ._dark_2ia4ou_108._classic_2ia4ou_229 ._chip_2ia4ou_9{
390
+ ._dark_l9fic3_108._classic_l9fic3_229 ._chip_l9fic3_9{
391
391
  border-color:rgba(255,255,255,0.3);
392
392
 
393
393
  color:#FFFFFF;
394
394
  }
395
- ._dark_2ia4ou_108._classic_2ia4ou_229 ._chip_2ia4ou_9:focus{
395
+ ._dark_l9fic3_108._classic_l9fic3_229 ._chip_l9fic3_9:focus{
396
396
  border-color:rgba(255,255,255,0.4);
397
397
 
398
398
  color:#FFFFFF;
399
399
  }
400
400
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
401
- ._dark_2ia4ou_108._classic_2ia4ou_229 ._chip_2ia4ou_9:hover{
401
+ ._dark_l9fic3_108._classic_l9fic3_229 ._chip_l9fic3_9:hover{
402
402
  border-color:rgba(255,255,255,0.4);
403
403
 
404
404
  color:#FFFFFF;
405
405
 
406
- background:rgba(76,166,255,0.3);
406
+ background:rgba(132, 115, 255,0.3);
407
407
 
408
- background:var(--rs-color-primary-t-fog-dark-theme, rgba(76,166,255,0.3));
408
+ background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
409
409
  }
410
410
  }
411
- ._dark_2ia4ou_108._classic_2ia4ou_229 ._chip_2ia4ou_9:active{
412
- border-color:#4CA6ff;
413
- border-color:var(--rs-color-primary-dark-theme, #4CA6ff);
411
+ ._dark_l9fic3_108._classic_l9fic3_229 ._chip_l9fic3_9:active{
412
+ border-color:#8473FF;
413
+ border-color:var(--rs-color-primary-dark-theme, #8473FF);
414
414
 
415
415
  color:#FFFFFF;
416
416
 
417
- background:rgba(76,166,255,0.3);
417
+ background:rgba(132, 115, 255,0.3);
418
418
 
419
- background:var(--rs-color-primary-t-fog-dark-theme, rgba(76,166,255,0.3));
419
+ background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
420
420
  }
421
- ._dark_2ia4ou_108._classic_2ia4ou_229 ._chip_2ia4ou_9._selected_2ia4ou_113{
422
- border-color:#4CA6ff;
423
- border-color:var(--rs-color-primary-dark-theme, #4CA6ff);
421
+ ._dark_l9fic3_108._classic_l9fic3_229 ._chip_l9fic3_9._selected_l9fic3_113{
422
+ border-color:#8473FF;
423
+ border-color:var(--rs-color-primary-dark-theme, #8473FF);
424
424
 
425
425
  color:#FFFFFF;
426
426
  }
427
- ._innerOffsetL_2ia4ou_36._sizeL_2ia4ou_28 ._chip_2ia4ou_9,
428
- ._innerOffsetL_2ia4ou_36._sizeM_2ia4ou_24 ._chip_2ia4ou_9{
427
+ ._innerOffsetL_l9fic3_36._sizeL_l9fic3_28 ._chip_l9fic3_9,
428
+ ._innerOffsetL_l9fic3_36._sizeM_l9fic3_24 ._chip_l9fic3_9{
429
429
  margin-right:8px;
430
430
  margin-left:8px;
431
431
  }
432
432
  @media screen and (max-width: 640px){
433
- ._innerOffsetL_2ia4ou_36._sizeL_2ia4ou_28 ._chip_2ia4ou_9,
434
- ._innerOffsetL_2ia4ou_36._sizeM_2ia4ou_24 ._chip_2ia4ou_9{
433
+ ._innerOffsetL_l9fic3_36._sizeL_l9fic3_28 ._chip_l9fic3_9,
434
+ ._innerOffsetL_l9fic3_36._sizeM_l9fic3_24 ._chip_l9fic3_9{
435
435
  margin-right:4px;
436
436
  margin-left:4px
437
437
  }
438
438
  }
439
- ._innerOffsetL_2ia4ou_36._sizeS_2ia4ou_23 ._chip_2ia4ou_9,
440
- ._innerOffsetL_2ia4ou_36._sizeXs_2ia4ou_15 ._chip_2ia4ou_9{
439
+ ._innerOffsetL_l9fic3_36._sizeS_l9fic3_23 ._chip_l9fic3_9,
440
+ ._innerOffsetL_l9fic3_36._sizeXs_l9fic3_15 ._chip_l9fic3_9{
441
441
  margin-right:6px;
442
442
  margin-left:6px;
443
443
  }
444
444
  @media screen and (max-width: 640px){
445
- ._innerOffsetL_2ia4ou_36._sizeS_2ia4ou_23 ._chip_2ia4ou_9,
446
- ._innerOffsetL_2ia4ou_36._sizeXs_2ia4ou_15 ._chip_2ia4ou_9{
445
+ ._innerOffsetL_l9fic3_36._sizeS_l9fic3_23 ._chip_l9fic3_9,
446
+ ._innerOffsetL_l9fic3_36._sizeXs_l9fic3_15 ._chip_l9fic3_9{
447
447
  margin-right:4px;
448
448
  margin-left:4px
449
449
  }
450
450
  }
451
- ._innerOffsetM_2ia4ou_58 ._chip_2ia4ou_9{
451
+ ._innerOffsetM_l9fic3_58 ._chip_l9fic3_9{
452
452
  margin-right:4px;
453
453
  margin-left:4px;
454
454
  }
455
455
  @media screen and (max-width: 640px){
456
- ._innerOffsetM_2ia4ou_58 ._chip_2ia4ou_9{
456
+ ._innerOffsetM_l9fic3_58 ._chip_l9fic3_9{
457
457
  margin-right:4px;
458
458
  margin-left:4px
459
459
  }
460
460
  }
461
- ._icon_2ia4ou_334{
461
+ ._icon_l9fic3_334{
462
462
  -webkit-box-flex:0;
463
463
  -ms-flex:0 0;
464
464
  flex:0 0;
465
465
  -ms-flex-preferred-size:auto;
466
466
  flex-basis:auto;
467
467
  }
468
- ._sizeXs_2ia4ou_15 ._icon_2ia4ou_334._iconLeft_2ia4ou_338 {
468
+ ._sizeXs_l9fic3_15 ._icon_l9fic3_334._iconLeft_l9fic3_338 {
469
469
  width: 20px;
470
470
  height: 20px;
471
471
  min-width: 20px;
472
472
  min-height: 20px;
473
473
  margin: 0 8px 0 -2px;
474
474
  }
475
- ._sizeS_2ia4ou_23 ._icon_2ia4ou_334._iconLeft_2ia4ou_338 {
475
+ ._sizeS_l9fic3_23 ._icon_l9fic3_334._iconLeft_l9fic3_338 {
476
476
  width: 20px;
477
477
  height: 20px;
478
478
  min-width: 20px;
479
479
  min-height: 20px;
480
480
  margin: 0 8px 0 -2px;
481
481
  }
482
- ._sizeM_2ia4ou_24 ._icon_2ia4ou_334._iconLeft_2ia4ou_338 {
482
+ ._sizeM_l9fic3_24 ._icon_l9fic3_334._iconLeft_l9fic3_338 {
483
483
  width: 24px;
484
484
  height: 24px;
485
485
  min-width: 24px;
486
486
  min-height: 24px;
487
487
  margin: 0 8px 0 -2px;
488
488
  }
489
- ._sizeL_2ia4ou_28 ._icon_2ia4ou_334._iconLeft_2ia4ou_338 {
489
+ ._sizeL_l9fic3_28 ._icon_l9fic3_334._iconLeft_l9fic3_338 {
490
490
  width: 28px;
491
491
  height: 28px;
492
492
  min-width: 28px;
493
493
  min-height: 28px;
494
494
  margin: 0 16px 0 -2px;
495
495
  }
496
- ._sizeXs_2ia4ou_15 ._icon_2ia4ou_334._iconRight_2ia4ou_339 {
496
+ ._sizeXs_l9fic3_15 ._icon_l9fic3_334._iconRight_l9fic3_339 {
497
497
  width: 20px;
498
498
  height: 20px;
499
499
  min-width: 20px;
500
500
  min-height: 20px;
501
501
  margin: 0 -2px 0 8px;
502
502
  }
503
- ._sizeS_2ia4ou_23 ._icon_2ia4ou_334._iconRight_2ia4ou_339 {
503
+ ._sizeS_l9fic3_23 ._icon_l9fic3_334._iconRight_l9fic3_339 {
504
504
  width: 20px;
505
505
  height: 20px;
506
506
  min-width: 20px;
507
507
  min-height: 20px;
508
508
  margin: 0 -2px 0 8px;
509
509
  }
510
- ._sizeM_2ia4ou_24 ._icon_2ia4ou_334._iconRight_2ia4ou_339 {
510
+ ._sizeM_l9fic3_24 ._icon_l9fic3_334._iconRight_l9fic3_339 {
511
511
  width: 24px;
512
512
  height: 24px;
513
513
  min-width: 24px;
514
514
  min-height: 24px;
515
515
  margin: 0 -2px 0 8px;
516
516
  }
517
- ._sizeL_2ia4ou_28 ._icon_2ia4ou_334._iconRight_2ia4ou_339 {
517
+ ._sizeL_l9fic3_28 ._icon_l9fic3_334._iconRight_l9fic3_339 {
518
518
  width: 28px;
519
519
  height: 28px;
520
520
  min-width: 28px;
521
521
  min-height: 28px;
522
522
  margin: 0 -2px 0 16px;
523
523
  }
524
- ._withoutText_2ia4ou_114 ._icon_2ia4ou_334._iconRight_2ia4ou_339,
525
- ._withoutText_2ia4ou_114 ._icon_2ia4ou_334._iconLeft_2ia4ou_338{
524
+ ._withoutText_l9fic3_114 ._icon_l9fic3_334._iconRight_l9fic3_339,
525
+ ._withoutText_l9fic3_114 ._icon_l9fic3_334._iconLeft_l9fic3_338{
526
526
  margin:0;
527
527
  }
package/lib/parts/chip-list.module.pcss.js CHANGED
@@ -1,21 +1,21 @@
1
1
  var styles = {
2
- "chipsContainer": "_chipsContainer_2ia4ou_9",
3
- "sizeXs": "_sizeXs_2ia4ou_15",
4
- "sizeS": "_sizeS_2ia4ou_23",
5
- "sizeM": "_sizeM_2ia4ou_24",
6
- "sizeL": "_sizeL_2ia4ou_28",
7
- "innerOffsetL": "_innerOffsetL_2ia4ou_36",
8
- "innerOffsetM": "_innerOffsetM_2ia4ou_58",
9
- "chip": "_chip_2ia4ou_9",
10
- "light": "_light_2ia4ou_103",
11
- "dark": "_dark_2ia4ou_108",
12
- "selected": "_selected_2ia4ou_113",
13
- "withoutText": "_withoutText_2ia4ou_114",
14
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_2ia4ou_1",
15
- "rock": "_rock_2ia4ou_157",
16
- "classic": "_classic_2ia4ou_229",
17
- "icon": "_icon_2ia4ou_334",
18
- "iconLeft": "_iconLeft_2ia4ou_338",
19
- "iconRight": "_iconRight_2ia4ou_339"
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"
20
20
  };
21
21
  export default styles;
package/lib/parts/deep-map.js ADDED
@@ -0,0 +1,25 @@
1
+ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
2
+ import React, { isValidElement, cloneElement } from 'react';
3
+
4
+ function deepMap(children, fn) {
5
+ var _context;
6
+
7
+ return _mapInstanceProperty(_context = React.Children).call(_context, children, function (child, i) {
8
+ var returnChild = child;
9
+
10
+ if (! /*#__PURE__*/isValidElement(returnChild)) {
11
+ return returnChild;
12
+ }
13
+
14
+ if (returnChild.props.children) {
15
+ returnChild = /*#__PURE__*/cloneElement(returnChild, {
16
+ key: i,
17
+ children: deepMap(returnChild.props.children, fn)
18
+ });
19
+ }
20
+
21
+ return fn(returnChild);
22
+ });
23
+ }
24
+
25
+ export { deepMap };
package/lib/parts/use-items-ids.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
2
2
  import { useMemo, cloneElement } from 'react';
3
- import { deepMap } from '@rescui/tab-list/src/parts/deep-map';
3
+ import { deepMap } from './deep-map.js';
4
4
  import Chip from './chip.js';
5
5
 
6
6
  function patchItemIfNeeded(_ref) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/chip-list",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
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.0",
21
- "@rescui/icons": "^0.5.1",
20
+ "@rescui/button": "^0.5.1",
21
+ "@rescui/icons": "^0.5.2",
22
22
  "classnames": "^2.2.6",
23
23
  "core-js": "^3.9.1"
24
24
  },
@@ -28,7 +28,7 @@
28
28
  "react": ">=16.8.0 <18"
29
29
  },
30
30
  "devDependencies": {
31
- "@rescui/colors": "^0.0.6",
31
+ "@rescui/colors": "^0.1.0",
32
32
  "@rescui/postcss-preset-library": "^0.0.4",
33
33
  "@rescui/scripts": "^0.1.4",
34
34
  "@rescui/typography": "^0.4.0",
@@ -37,5 +37,5 @@
37
37
  "scripts": {
38
38
  "build": "rescui-scripts build"
39
39
  },
40
- "gitHead": "0303dab2dea78cc6ba3a4970148de62fca11a225"
40
+ "gitHead": "24a3fbe87179468f1dc804374864b21042fa2dbe"
41
41
  }