@rescui/chip-list 0.3.3 → 0.4.0

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 (8) hide show
  1. package/lib/index.css +118 -92
  2. package/lib/parts/chip-list.p.module.css.js +18 -18
  3. package/lib/parts/chip.d.ts +11 -2
  4. package/lib/parts/chip.js +37 -10
  5. package/lib/parts/deep-map.d.ts +1 -1
  6. package/lib/parts/deep-map.js +9 -2
  7. package/lib/parts/use-items-ids.js +4 -2
  8. package/package.json +7 -7
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._chipsContainer_1fcgx0x_9{
1
+ ._chipsContainer_1u137ow_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_1fcgx0x_15 ._chipsContainer_1fcgx0x_9{
13
+ ._sizeXs_1u137ow_15 ._chipsContainer_1u137ow_9{
14
14
  margin-top:-12px;
15
15
  }
16
16
 
17
17
  @media screen and (max-width: 640px){
18
18
 
19
- ._sizeXs_1fcgx0x_15 ._chipsContainer_1fcgx0x_9{
19
+ ._sizeXs_1u137ow_15 ._chipsContainer_1u137ow_9{
20
20
  margin-top:-8px
21
21
  }
22
22
  }
23
23
 
24
- ._sizeS_1fcgx0x_23 ._chipsContainer_1fcgx0x_9,
25
- ._sizeM_1fcgx0x_24 ._chipsContainer_1fcgx0x_9{
24
+ ._sizeS_1u137ow_23 ._chipsContainer_1u137ow_9,
25
+ ._sizeM_1u137ow_24 ._chipsContainer_1u137ow_9{
26
26
  margin-top:-12px;
27
27
  }
28
28
 
29
- ._sizeL_1fcgx0x_28 ._chipsContainer_1fcgx0x_9{
29
+ ._sizeL_1u137ow_28 ._chipsContainer_1u137ow_9{
30
30
  margin-top:-16px;
31
31
  }
32
32
 
33
33
  @media screen and (max-width: 640px){
34
34
 
35
- ._sizeL_1fcgx0x_28 ._chipsContainer_1fcgx0x_9{
35
+ ._sizeL_1u137ow_28 ._chipsContainer_1u137ow_9{
36
36
  margin-top:-12px
37
37
  }
38
38
  }
39
39
 
40
- ._innerOffsetL_1fcgx0x_36._sizeL_1fcgx0x_28 ._chipsContainer_1fcgx0x_9,
41
- ._innerOffsetL_1fcgx0x_36._sizeM_1fcgx0x_24 ._chipsContainer_1fcgx0x_9{
40
+ ._innerOffsetL_1u137ow_36._sizeL_1u137ow_28 ._chipsContainer_1u137ow_9,
41
+ ._innerOffsetL_1u137ow_36._sizeM_1u137ow_24 ._chipsContainer_1u137ow_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_1fcgx0x_36._sizeL_1fcgx0x_28 ._chipsContainer_1fcgx0x_9,
49
- ._innerOffsetL_1fcgx0x_36._sizeM_1fcgx0x_24 ._chipsContainer_1fcgx0x_9{
48
+ ._innerOffsetL_1u137ow_36._sizeL_1u137ow_28 ._chipsContainer_1u137ow_9,
49
+ ._innerOffsetL_1u137ow_36._sizeM_1u137ow_24 ._chipsContainer_1u137ow_9{
50
50
  margin-right:-4px;
51
51
  margin-left:-4px
52
52
  }
53
53
  }
54
54
 
55
- ._innerOffsetL_1fcgx0x_36._sizeS_1fcgx0x_23 ._chipsContainer_1fcgx0x_9,
56
- ._innerOffsetL_1fcgx0x_36._sizeXs_1fcgx0x_15 ._chipsContainer_1fcgx0x_9{
55
+ ._innerOffsetL_1u137ow_36._sizeS_1u137ow_23 ._chipsContainer_1u137ow_9,
56
+ ._innerOffsetL_1u137ow_36._sizeXs_1u137ow_15 ._chipsContainer_1u137ow_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_1fcgx0x_36._sizeS_1fcgx0x_23 ._chipsContainer_1fcgx0x_9,
64
- ._innerOffsetL_1fcgx0x_36._sizeXs_1fcgx0x_15 ._chipsContainer_1fcgx0x_9{
63
+ ._innerOffsetL_1u137ow_36._sizeS_1u137ow_23 ._chipsContainer_1u137ow_9,
64
+ ._innerOffsetL_1u137ow_36._sizeXs_1u137ow_15 ._chipsContainer_1u137ow_9{
65
65
  margin-right:-4px;
66
66
  margin-left:-4px
67
67
  }
68
68
  }
69
69
 
70
- ._innerOffsetM_1fcgx0x_58 ._chipsContainer_1fcgx0x_9{
70
+ ._innerOffsetM_1u137ow_58 ._chipsContainer_1u137ow_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_1fcgx0x_58 ._chipsContainer_1fcgx0x_9{
77
+ ._innerOffsetM_1u137ow_58 ._chipsContainer_1u137ow_9{
78
78
  margin-right:-4px;
79
79
  margin-left:-4px
80
80
  }
81
81
  }
82
- ._chip_1fcgx0x_9{
82
+ ._chip_1u137ow_9{
83
83
  position:relative;
84
84
  z-index:1;
85
85
 
@@ -104,6 +104,9 @@
104
104
 
105
105
  box-sizing:border-box;
106
106
 
107
+ margin:0;
108
+ padding:0;
109
+
107
110
  border-style:solid;
108
111
 
109
112
  outline:none;
@@ -113,158 +116,181 @@
113
116
  white-space:nowrap;
114
117
  text-decoration:none;
115
118
 
119
+ color:inherit;
120
+
116
121
  background:transparent;
122
+ -webkit-box-shadow:none;
123
+ box-shadow:none;
124
+
125
+ font:inherit;
126
+ line-height:normal;
117
127
 
118
128
  -webkit-transition:color 100ms, background-color 100ms, border-color 100ms;
119
129
 
120
130
  transition:color 100ms, background-color 100ms, border-color 100ms;
131
+ -webkit-font-smoothing:inherit;
132
+ -moz-osx-font-smoothing:inherit;
133
+ -webkit-appearance:none;
121
134
  }
122
- ._chip_1fcgx0x_9:hover,
123
- ._chip_1fcgx0x_9:focus,
124
- ._chip_1fcgx0x_9:active{
135
+ ._chip_1u137ow_9::-moz-focus-inner{
136
+ padding:0;
137
+
138
+ border:none;
139
+ }
140
+ ._chip_1u137ow_9:hover,
141
+ ._chip_1u137ow_9:focus,
142
+ ._chip_1u137ow_9:active{
125
143
  outline:none;
126
144
 
127
145
  text-decoration:none;
128
146
  }
129
- ._light_1fcgx0x_103 ._chip_1fcgx0x_9:focus[data-focus-method='key']{
147
+ ._light_1u137ow_125 ._chip_1u137ow_9:focus[data-focus-method='key']{
130
148
  -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
131
149
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
132
150
  box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
133
151
  box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
134
152
  }
135
- ._dark_1fcgx0x_108 ._chip_1fcgx0x_9:focus[data-focus-method='key']{
153
+ ._dark_1u137ow_130 ._chip_1u137ow_9:focus[data-focus-method='key']{
136
154
  -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
137
155
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
138
156
  box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
139
157
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
140
158
  }
141
- ._sizeXs_1fcgx0x_15 ._chip_1fcgx0x_9 {
159
+ ._sizeXs_1u137ow_15 ._chip_1u137ow_9 {
142
160
  padding: 1px 15px;
143
161
  border-width: 1px;
144
162
  }
145
- ._sizeS_1fcgx0x_23 ._chip_1fcgx0x_9 {
163
+ ._sizeS_1u137ow_23 ._chip_1u137ow_9 {
146
164
  padding: 5px 15px;
147
165
  border-width: 1px;
148
166
  }
149
- ._sizeM_1fcgx0x_24 ._chip_1fcgx0x_9 {
167
+ ._sizeM_1u137ow_24 ._chip_1u137ow_9 {
150
168
  padding: 7px 23px;
151
169
  border-width: 1px;
152
170
  }
153
- ._sizeL_1fcgx0x_28 ._chip_1fcgx0x_9 {
171
+ ._sizeL_1u137ow_28 ._chip_1u137ow_9 {
154
172
  padding: 11px 31px;
155
173
  border-width: 1px;
156
174
  }
157
- ._sizeXs_1fcgx0x_15 ._chip_1fcgx0x_9._selected_1fcgx0x_113 {
175
+ ._sizeXs_1u137ow_15 ._chip_1u137ow_9._selected_1u137ow_135 {
158
176
  padding: 0px 14px;
159
177
  border-width: 2px;
160
178
  }
161
- ._sizeS_1fcgx0x_23 ._chip_1fcgx0x_9._selected_1fcgx0x_113 {
179
+ ._sizeS_1u137ow_23 ._chip_1u137ow_9._selected_1u137ow_135 {
162
180
  padding: 4px 14px;
163
181
  border-width: 2px;
164
182
  }
165
- ._sizeM_1fcgx0x_24 ._chip_1fcgx0x_9._selected_1fcgx0x_113 {
183
+ ._sizeM_1u137ow_24 ._chip_1u137ow_9._selected_1u137ow_135 {
166
184
  padding: 6px 22px;
167
185
  border-width: 2px;
168
186
  }
169
- ._sizeL_1fcgx0x_28 ._chip_1fcgx0x_9._selected_1fcgx0x_113 {
187
+ ._sizeL_1u137ow_28 ._chip_1u137ow_9._selected_1u137ow_135 {
170
188
  padding: 10px 30px;
171
189
  border-width: 2px;
172
190
  }
173
- ._sizeXs_1fcgx0x_15 ._chip_1fcgx0x_9._withoutText_1fcgx0x_114 {
191
+ ._sizeXs_1u137ow_15 ._chip_1u137ow_9._withoutText_1u137ow_136 {
174
192
  padding: 1px 1px;
175
193
  border-width: 1px;
176
194
  }
177
- ._sizeS_1fcgx0x_23 ._chip_1fcgx0x_9._withoutText_1fcgx0x_114 {
195
+ ._sizeS_1u137ow_23 ._chip_1u137ow_9._withoutText_1u137ow_136 {
178
196
  padding: 5px 5px;
179
197
  border-width: 1px;
180
198
  }
181
- ._sizeM_1fcgx0x_24 ._chip_1fcgx0x_9._withoutText_1fcgx0x_114 {
199
+ ._sizeM_1u137ow_24 ._chip_1u137ow_9._withoutText_1u137ow_136 {
182
200
  padding: 7px 7px;
183
201
  border-width: 1px;
184
202
  }
185
- ._sizeL_1fcgx0x_28 ._chip_1fcgx0x_9._withoutText_1fcgx0x_114 {
203
+ ._sizeL_1u137ow_28 ._chip_1u137ow_9._withoutText_1u137ow_136 {
186
204
  padding: 11px 11px;
187
205
  border-width: 1px;
188
206
  }
189
- ._sizeXs_1fcgx0x_15 ._chip_1fcgx0x_9._selected_1fcgx0x_113._withoutText_1fcgx0x_114 {
207
+ ._sizeXs_1u137ow_15 ._chip_1u137ow_9._selected_1u137ow_135._withoutText_1u137ow_136 {
190
208
  padding: 0px 0px;
191
209
  border-width: 2px;
192
210
  }
193
- ._sizeS_1fcgx0x_23 ._chip_1fcgx0x_9._selected_1fcgx0x_113._withoutText_1fcgx0x_114 {
211
+ ._sizeS_1u137ow_23 ._chip_1u137ow_9._selected_1u137ow_135._withoutText_1u137ow_136 {
194
212
  padding: 4px 4px;
195
213
  border-width: 2px;
196
214
  }
197
- ._sizeM_1fcgx0x_24 ._chip_1fcgx0x_9._selected_1fcgx0x_113._withoutText_1fcgx0x_114 {
215
+ ._sizeM_1u137ow_24 ._chip_1u137ow_9._selected_1u137ow_135._withoutText_1u137ow_136 {
198
216
  padding: 6px 6px;
199
217
  border-width: 2px;
200
218
  }
201
- ._sizeL_1fcgx0x_28 ._chip_1fcgx0x_9._selected_1fcgx0x_113._withoutText_1fcgx0x_114 {
219
+ ._sizeL_1u137ow_28 ._chip_1u137ow_9._selected_1u137ow_135._withoutText_1u137ow_136 {
202
220
  padding: 10px 10px;
203
221
  border-width: 2px;
204
222
  }
205
- ._sizeXs_1fcgx0x_15 ._chip_1fcgx0x_9{
223
+ ._sizeXs_1u137ow_15 ._chip_1u137ow_9{
206
224
  letter-spacing:0.0045em;
207
225
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
208
226
  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));
227
+ -webkit-font-feature-settings:"kern", "liga", "calt";
228
+ font-feature-settings:"kern", "liga", "calt";
209
229
  font-size:13px;
210
230
  font-size:var(--rs-text-3-font-size, 13px);
211
231
  line-height:20px;
212
232
  line-height:var(--rs-text-3-line-height, 20px);
213
233
  }
214
- ._rs-reset-letter-spacing_1fcgx0x_1 ._sizeXs_1fcgx0x_15 ._chip_1fcgx0x_9{
234
+ ._rs-reset-letter-spacing_1u137ow_1 ._sizeXs_1u137ow_15 ._chip_1u137ow_9{
215
235
  letter-spacing:normal;
216
236
  }
217
- ._sizeXs_1fcgx0x_15 ._chip_1fcgx0x_9 {
237
+ ._sizeXs_1u137ow_15 ._chip_1u137ow_9 {
218
238
 
219
239
  margin-top:12px;
220
240
 
221
241
  border-radius:4px;
222
242
  }
223
243
  @media screen and (max-width: 640px){
224
- ._sizeXs_1fcgx0x_15 ._chip_1fcgx0x_9{
244
+ ._sizeXs_1u137ow_15 ._chip_1u137ow_9{
225
245
  margin-top:8px
226
246
  }
227
247
  }
228
- ._sizeS_1fcgx0x_23 ._chip_1fcgx0x_9{
248
+ ._sizeS_1u137ow_23 ._chip_1u137ow_9{
229
249
  letter-spacing:0.0045em;
230
250
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
231
251
  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));
252
+ -webkit-font-feature-settings:"kern", "liga", "calt";
253
+ font-feature-settings:"kern", "liga", "calt";
232
254
  font-size:13px;
233
255
  font-size:var(--rs-text-3-font-size, 13px);
234
256
  line-height:20px;
235
257
  line-height:var(--rs-text-3-line-height, 20px);
236
258
  }
237
- ._rs-reset-letter-spacing_1fcgx0x_1 ._sizeS_1fcgx0x_23 ._chip_1fcgx0x_9{
259
+ ._rs-reset-letter-spacing_1u137ow_1 ._sizeS_1u137ow_23 ._chip_1u137ow_9{
238
260
  letter-spacing:normal;
239
261
  }
240
- ._sizeS_1fcgx0x_23 ._chip_1fcgx0x_9 {
262
+ ._sizeS_1u137ow_23 ._chip_1u137ow_9 {
241
263
 
242
264
  margin-top:12px;
243
265
 
244
266
  border-radius:24px;
245
267
  }
246
- ._sizeM_1fcgx0x_24 ._chip_1fcgx0x_9{
268
+ ._sizeM_1u137ow_24 ._chip_1u137ow_9{
247
269
  letter-spacing:0.0015em;
248
270
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
249
271
  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));
272
+ -webkit-font-feature-settings:"kern", "liga", "calt";
273
+ font-feature-settings:"kern", "liga", "calt";
250
274
  font-size:16px;
251
275
  font-size:var(--rs-text-2-font-size, 16px);
252
276
  font-weight:400;
253
277
  line-height:24px;
254
278
  line-height:var(--rs-text-2-line-height, 24px);
255
279
  }
256
- ._rs-reset-letter-spacing_1fcgx0x_1 ._sizeM_1fcgx0x_24 ._chip_1fcgx0x_9{
280
+ ._rs-reset-letter-spacing_1u137ow_1 ._sizeM_1u137ow_24 ._chip_1u137ow_9{
257
281
  letter-spacing:normal;
258
282
  }
259
- ._sizeM_1fcgx0x_24 ._chip_1fcgx0x_9 {
283
+ ._sizeM_1u137ow_24 ._chip_1u137ow_9 {
260
284
 
261
285
  margin-top:12px;
262
286
 
263
287
  border-radius:24px;
264
288
  }
265
- ._sizeL_1fcgx0x_28 ._chip_1fcgx0x_9{
289
+ ._sizeL_1u137ow_28 ._chip_1u137ow_9{
266
290
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
267
291
  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));
292
+ -webkit-font-feature-settings:"kern", "liga", "calt";
293
+ font-feature-settings:"kern", "liga", "calt";
268
294
  font-size:19px;
269
295
  font-size:var(--rs-text-1-font-size, 19px);
270
296
  font-weight:normal;
@@ -276,22 +302,22 @@
276
302
  border-radius:36px;
277
303
  }
278
304
  @media screen and (max-width: 640px){
279
- ._sizeL_1fcgx0x_28 ._chip_1fcgx0x_9{
305
+ ._sizeL_1u137ow_28 ._chip_1u137ow_9{
280
306
  margin-top:12px
281
307
  }
282
308
  }
283
- ._light_1fcgx0x_103._rock_1fcgx0x_157 ._chip_1fcgx0x_9{
309
+ ._light_1u137ow_125._rock_1u137ow_179 ._chip_1u137ow_9{
284
310
  border-color:rgba(25,25,28,0.3);
285
311
 
286
312
  color:#19191C;
287
313
  }
288
- ._light_1fcgx0x_103._rock_1fcgx0x_157 ._chip_1fcgx0x_9:focus{
314
+ ._light_1u137ow_125._rock_1u137ow_179 ._chip_1u137ow_9:focus{
289
315
  border-color:rgba(25,25,28,0.3);
290
316
 
291
317
  color:#19191C;
292
318
  }
293
319
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
294
- ._light_1fcgx0x_103._rock_1fcgx0x_157 ._chip_1fcgx0x_9:hover{
320
+ ._light_1u137ow_125._rock_1u137ow_179 ._chip_1u137ow_9:hover{
295
321
  border-color:rgba(25,25,28,0.3);
296
322
 
297
323
  color:#19191C;
@@ -299,30 +325,30 @@
299
325
  background:rgba(25,25,28,0.1);
300
326
  }
301
327
  }
302
- ._light_1fcgx0x_103._rock_1fcgx0x_157 ._chip_1fcgx0x_9:active{
328
+ ._light_1u137ow_125._rock_1u137ow_179 ._chip_1u137ow_9:active{
303
329
  border-color:#19191C;
304
330
 
305
331
  color:#19191C;
306
332
 
307
333
  background:rgba(25,25,28,0.1);
308
334
  }
309
- ._light_1fcgx0x_103._rock_1fcgx0x_157 ._chip_1fcgx0x_9._selected_1fcgx0x_113{
335
+ ._light_1u137ow_125._rock_1u137ow_179 ._chip_1u137ow_9._selected_1u137ow_135{
310
336
  border-color:#19191C;
311
337
 
312
338
  color:#19191C;
313
339
  }
314
- ._dark_1fcgx0x_108._rock_1fcgx0x_157 ._chip_1fcgx0x_9{
340
+ ._dark_1u137ow_130._rock_1u137ow_179 ._chip_1u137ow_9{
315
341
  border-color:rgba(255,255,255,0.3);
316
342
 
317
343
  color:#FFFFFF;
318
344
  }
319
- ._dark_1fcgx0x_108._rock_1fcgx0x_157 ._chip_1fcgx0x_9:focus{
345
+ ._dark_1u137ow_130._rock_1u137ow_179 ._chip_1u137ow_9:focus{
320
346
  border-color:rgba(255,255,255,0.4);
321
347
 
322
348
  color:#FFFFFF;
323
349
  }
324
350
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
325
- ._dark_1fcgx0x_108._rock_1fcgx0x_157 ._chip_1fcgx0x_9:hover{
351
+ ._dark_1u137ow_130._rock_1u137ow_179 ._chip_1u137ow_9:hover{
326
352
  border-color:rgba(255,255,255,0.4);
327
353
 
328
354
  color:#FFFFFF;
@@ -330,30 +356,30 @@
330
356
  background:rgba(255,255,255,0.1);
331
357
  }
332
358
  }
333
- ._dark_1fcgx0x_108._rock_1fcgx0x_157 ._chip_1fcgx0x_9:active{
359
+ ._dark_1u137ow_130._rock_1u137ow_179 ._chip_1u137ow_9:active{
334
360
  border-color:#FFFFFF;
335
361
 
336
362
  color:#FFFFFF;
337
363
 
338
364
  background:rgba(255,255,255,0.1);
339
365
  }
340
- ._dark_1fcgx0x_108._rock_1fcgx0x_157 ._chip_1fcgx0x_9._selected_1fcgx0x_113{
366
+ ._dark_1u137ow_130._rock_1u137ow_179 ._chip_1u137ow_9._selected_1u137ow_135{
341
367
  border-color:#FFFFFF;
342
368
 
343
369
  color:#FFFFFF;
344
370
  }
345
- ._light_1fcgx0x_103._classic_1fcgx0x_229 ._chip_1fcgx0x_9{
371
+ ._light_1u137ow_125._classic_1u137ow_251 ._chip_1u137ow_9{
346
372
  border-color:rgba(25,25,28,0.3);
347
373
 
348
374
  color:#19191C;
349
375
  }
350
- ._light_1fcgx0x_103._classic_1fcgx0x_229 ._chip_1fcgx0x_9:focus{
376
+ ._light_1u137ow_125._classic_1u137ow_251 ._chip_1u137ow_9:focus{
351
377
  border-color:rgba(25,25,28,0.3);
352
378
 
353
379
  color:#19191C;
354
380
  }
355
381
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
356
- ._light_1fcgx0x_103._classic_1fcgx0x_229 ._chip_1fcgx0x_9:hover{
382
+ ._light_1u137ow_125._classic_1u137ow_251 ._chip_1u137ow_9:hover{
357
383
  border-color:rgba(25,25,28,0.3);
358
384
 
359
385
  color:#19191C;
@@ -363,7 +389,7 @@
363
389
  background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
364
390
  }
365
391
  }
366
- ._light_1fcgx0x_103._classic_1fcgx0x_229 ._chip_1fcgx0x_9:active{
392
+ ._light_1u137ow_125._classic_1u137ow_251 ._chip_1u137ow_9:active{
367
393
  border-color:#6B57FF;
368
394
  border-color:var(--rs-color-primary-light-theme, #6B57FF);
369
395
 
@@ -373,24 +399,24 @@
373
399
 
374
400
  background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
375
401
  }
376
- ._light_1fcgx0x_103._classic_1fcgx0x_229 ._chip_1fcgx0x_9._selected_1fcgx0x_113{
402
+ ._light_1u137ow_125._classic_1u137ow_251 ._chip_1u137ow_9._selected_1u137ow_135{
377
403
  border-color:#6B57FF;
378
404
  border-color:var(--rs-color-primary-light-theme, #6B57FF);
379
405
 
380
406
  color:#19191C;
381
407
  }
382
- ._dark_1fcgx0x_108._classic_1fcgx0x_229 ._chip_1fcgx0x_9{
408
+ ._dark_1u137ow_130._classic_1u137ow_251 ._chip_1u137ow_9{
383
409
  border-color:rgba(255,255,255,0.3);
384
410
 
385
411
  color:#FFFFFF;
386
412
  }
387
- ._dark_1fcgx0x_108._classic_1fcgx0x_229 ._chip_1fcgx0x_9:focus{
413
+ ._dark_1u137ow_130._classic_1u137ow_251 ._chip_1u137ow_9:focus{
388
414
  border-color:rgba(255,255,255,0.4);
389
415
 
390
416
  color:#FFFFFF;
391
417
  }
392
418
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
393
- ._dark_1fcgx0x_108._classic_1fcgx0x_229 ._chip_1fcgx0x_9:hover{
419
+ ._dark_1u137ow_130._classic_1u137ow_251 ._chip_1u137ow_9:hover{
394
420
  border-color:rgba(255,255,255,0.4);
395
421
 
396
422
  color:#FFFFFF;
@@ -400,7 +426,7 @@
400
426
  background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
401
427
  }
402
428
  }
403
- ._dark_1fcgx0x_108._classic_1fcgx0x_229 ._chip_1fcgx0x_9:active{
429
+ ._dark_1u137ow_130._classic_1u137ow_251 ._chip_1u137ow_9:active{
404
430
  border-color:#8473FF;
405
431
  border-color:var(--rs-color-primary-dark-theme, #8473FF);
406
432
 
@@ -410,110 +436,110 @@
410
436
 
411
437
  background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
412
438
  }
413
- ._dark_1fcgx0x_108._classic_1fcgx0x_229 ._chip_1fcgx0x_9._selected_1fcgx0x_113{
439
+ ._dark_1u137ow_130._classic_1u137ow_251 ._chip_1u137ow_9._selected_1u137ow_135{
414
440
  border-color:#8473FF;
415
441
  border-color:var(--rs-color-primary-dark-theme, #8473FF);
416
442
 
417
443
  color:#FFFFFF;
418
444
  }
419
- ._innerOffsetL_1fcgx0x_36._sizeL_1fcgx0x_28 ._chip_1fcgx0x_9,
420
- ._innerOffsetL_1fcgx0x_36._sizeM_1fcgx0x_24 ._chip_1fcgx0x_9{
445
+ ._innerOffsetL_1u137ow_36._sizeL_1u137ow_28 ._chip_1u137ow_9,
446
+ ._innerOffsetL_1u137ow_36._sizeM_1u137ow_24 ._chip_1u137ow_9{
421
447
  margin-right:8px;
422
448
  margin-left:8px;
423
449
  }
424
450
  @media screen and (max-width: 640px){
425
- ._innerOffsetL_1fcgx0x_36._sizeL_1fcgx0x_28 ._chip_1fcgx0x_9,
426
- ._innerOffsetL_1fcgx0x_36._sizeM_1fcgx0x_24 ._chip_1fcgx0x_9{
451
+ ._innerOffsetL_1u137ow_36._sizeL_1u137ow_28 ._chip_1u137ow_9,
452
+ ._innerOffsetL_1u137ow_36._sizeM_1u137ow_24 ._chip_1u137ow_9{
427
453
  margin-right:4px;
428
454
  margin-left:4px
429
455
  }
430
456
  }
431
- ._innerOffsetL_1fcgx0x_36._sizeS_1fcgx0x_23 ._chip_1fcgx0x_9,
432
- ._innerOffsetL_1fcgx0x_36._sizeXs_1fcgx0x_15 ._chip_1fcgx0x_9{
457
+ ._innerOffsetL_1u137ow_36._sizeS_1u137ow_23 ._chip_1u137ow_9,
458
+ ._innerOffsetL_1u137ow_36._sizeXs_1u137ow_15 ._chip_1u137ow_9{
433
459
  margin-right:6px;
434
460
  margin-left:6px;
435
461
  }
436
462
  @media screen and (max-width: 640px){
437
- ._innerOffsetL_1fcgx0x_36._sizeS_1fcgx0x_23 ._chip_1fcgx0x_9,
438
- ._innerOffsetL_1fcgx0x_36._sizeXs_1fcgx0x_15 ._chip_1fcgx0x_9{
463
+ ._innerOffsetL_1u137ow_36._sizeS_1u137ow_23 ._chip_1u137ow_9,
464
+ ._innerOffsetL_1u137ow_36._sizeXs_1u137ow_15 ._chip_1u137ow_9{
439
465
  margin-right:4px;
440
466
  margin-left:4px
441
467
  }
442
468
  }
443
- ._innerOffsetM_1fcgx0x_58 ._chip_1fcgx0x_9{
469
+ ._innerOffsetM_1u137ow_58 ._chip_1u137ow_9{
444
470
  margin-right:4px;
445
471
  margin-left:4px;
446
472
  }
447
473
  @media screen and (max-width: 640px){
448
- ._innerOffsetM_1fcgx0x_58 ._chip_1fcgx0x_9{
474
+ ._innerOffsetM_1u137ow_58 ._chip_1u137ow_9{
449
475
  margin-right:4px;
450
476
  margin-left:4px
451
477
  }
452
478
  }
453
- ._icon_1fcgx0x_334{
479
+ ._icon_1u137ow_356{
454
480
  -webkit-box-flex:0;
455
481
  -ms-flex:0 0;
456
482
  flex:0 0;
457
483
  -ms-flex-preferred-size:auto;
458
484
  flex-basis:auto;
459
485
  }
460
- ._sizeXs_1fcgx0x_15 ._icon_1fcgx0x_334._iconLeft_1fcgx0x_338 {
486
+ ._sizeXs_1u137ow_15 ._icon_1u137ow_356._iconLeft_1u137ow_360 {
461
487
  width: 20px;
462
488
  height: 20px;
463
489
  min-width: 20px;
464
490
  min-height: 20px;
465
491
  margin: 0 8px 0 -2px;
466
492
  }
467
- ._sizeS_1fcgx0x_23 ._icon_1fcgx0x_334._iconLeft_1fcgx0x_338 {
493
+ ._sizeS_1u137ow_23 ._icon_1u137ow_356._iconLeft_1u137ow_360 {
468
494
  width: 20px;
469
495
  height: 20px;
470
496
  min-width: 20px;
471
497
  min-height: 20px;
472
498
  margin: 0 8px 0 -2px;
473
499
  }
474
- ._sizeM_1fcgx0x_24 ._icon_1fcgx0x_334._iconLeft_1fcgx0x_338 {
500
+ ._sizeM_1u137ow_24 ._icon_1u137ow_356._iconLeft_1u137ow_360 {
475
501
  width: 24px;
476
502
  height: 24px;
477
503
  min-width: 24px;
478
504
  min-height: 24px;
479
505
  margin: 0 8px 0 -2px;
480
506
  }
481
- ._sizeL_1fcgx0x_28 ._icon_1fcgx0x_334._iconLeft_1fcgx0x_338 {
507
+ ._sizeL_1u137ow_28 ._icon_1u137ow_356._iconLeft_1u137ow_360 {
482
508
  width: 28px;
483
509
  height: 28px;
484
510
  min-width: 28px;
485
511
  min-height: 28px;
486
512
  margin: 0 16px 0 -2px;
487
513
  }
488
- ._sizeXs_1fcgx0x_15 ._icon_1fcgx0x_334._iconRight_1fcgx0x_339 {
514
+ ._sizeXs_1u137ow_15 ._icon_1u137ow_356._iconRight_1u137ow_361 {
489
515
  width: 20px;
490
516
  height: 20px;
491
517
  min-width: 20px;
492
518
  min-height: 20px;
493
519
  margin: 0 -2px 0 8px;
494
520
  }
495
- ._sizeS_1fcgx0x_23 ._icon_1fcgx0x_334._iconRight_1fcgx0x_339 {
521
+ ._sizeS_1u137ow_23 ._icon_1u137ow_356._iconRight_1u137ow_361 {
496
522
  width: 20px;
497
523
  height: 20px;
498
524
  min-width: 20px;
499
525
  min-height: 20px;
500
526
  margin: 0 -2px 0 8px;
501
527
  }
502
- ._sizeM_1fcgx0x_24 ._icon_1fcgx0x_334._iconRight_1fcgx0x_339 {
528
+ ._sizeM_1u137ow_24 ._icon_1u137ow_356._iconRight_1u137ow_361 {
503
529
  width: 24px;
504
530
  height: 24px;
505
531
  min-width: 24px;
506
532
  min-height: 24px;
507
533
  margin: 0 -2px 0 8px;
508
534
  }
509
- ._sizeL_1fcgx0x_28 ._icon_1fcgx0x_334._iconRight_1fcgx0x_339 {
535
+ ._sizeL_1u137ow_28 ._icon_1u137ow_356._iconRight_1u137ow_361 {
510
536
  width: 28px;
511
537
  height: 28px;
512
538
  min-width: 28px;
513
539
  min-height: 28px;
514
540
  margin: 0 -2px 0 16px;
515
541
  }
516
- ._withoutText_1fcgx0x_114 ._icon_1fcgx0x_334._iconRight_1fcgx0x_339,
517
- ._withoutText_1fcgx0x_114 ._icon_1fcgx0x_334._iconLeft_1fcgx0x_338{
542
+ ._withoutText_1u137ow_136 ._icon_1u137ow_356._iconRight_1u137ow_361,
543
+ ._withoutText_1u137ow_136 ._icon_1u137ow_356._iconLeft_1u137ow_360{
518
544
  margin:0;
519
545
  }
package/lib/parts/chip-list.p.module.css.js CHANGED
@@ -1,21 +1,21 @@
1
1
  var styles = {
2
- "chipsContainer": "_chipsContainer_1fcgx0x_9",
3
- "sizeXs": "_sizeXs_1fcgx0x_15",
4
- "sizeS": "_sizeS_1fcgx0x_23",
5
- "sizeM": "_sizeM_1fcgx0x_24",
6
- "sizeL": "_sizeL_1fcgx0x_28",
7
- "innerOffsetL": "_innerOffsetL_1fcgx0x_36",
8
- "innerOffsetM": "_innerOffsetM_1fcgx0x_58",
9
- "chip": "_chip_1fcgx0x_9",
10
- "light": "_light_1fcgx0x_103",
11
- "dark": "_dark_1fcgx0x_108",
12
- "selected": "_selected_1fcgx0x_113",
13
- "withoutText": "_withoutText_1fcgx0x_114",
14
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1fcgx0x_1",
15
- "rock": "_rock_1fcgx0x_157",
16
- "classic": "_classic_1fcgx0x_229",
17
- "icon": "_icon_1fcgx0x_334",
18
- "iconLeft": "_iconLeft_1fcgx0x_338",
19
- "iconRight": "_iconRight_1fcgx0x_339"
2
+ "chipsContainer": "_chipsContainer_1u137ow_9",
3
+ "sizeXs": "_sizeXs_1u137ow_15",
4
+ "sizeS": "_sizeS_1u137ow_23",
5
+ "sizeM": "_sizeM_1u137ow_24",
6
+ "sizeL": "_sizeL_1u137ow_28",
7
+ "innerOffsetL": "_innerOffsetL_1u137ow_36",
8
+ "innerOffsetM": "_innerOffsetM_1u137ow_58",
9
+ "chip": "_chip_1u137ow_9",
10
+ "light": "_light_1u137ow_125",
11
+ "dark": "_dark_1u137ow_130",
12
+ "selected": "_selected_1u137ow_135",
13
+ "withoutText": "_withoutText_1u137ow_136",
14
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1u137ow_1",
15
+ "rock": "_rock_1u137ow_179",
16
+ "classic": "_classic_1u137ow_251",
17
+ "icon": "_icon_1u137ow_356",
18
+ "iconLeft": "_iconLeft_1u137ow_360",
19
+ "iconRight": "_iconRight_1u137ow_361"
20
20
  };
21
21
  export { styles as default };
package/lib/parts/chip.d.ts CHANGED
@@ -1,13 +1,19 @@
1
1
  import React from 'react';
2
2
  import { ChipListValueType } from './chip-list-context';
3
3
  export declare type ChipIconPosition = 'left' | 'right';
4
- export declare type ChipProps = {
4
+ export declare type ChipExplicitProps = {
5
5
  className?: string;
6
6
  value?: ChipListValueType;
7
7
  /** @ignore */
8
8
  itemId?: number;
9
+ /** @ignore */
10
+ onClick?: React.MouseEventHandler<HTMLElement>;
11
+ /** @ignore */
12
+ onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
9
13
  /** Identifier for e2e tests */
10
14
  'data-e2e'?: string;
15
+ /** Href for link-type Chip */
16
+ href?: string;
11
17
  children?: React.ReactNode;
12
18
  } & ({
13
19
  /** Additional icon */
@@ -18,5 +24,8 @@ export declare type ChipProps = {
18
24
  icon?: never;
19
25
  iconPosition?: never;
20
26
  });
21
- declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
27
+ declare type ChipButtonProps = ChipExplicitProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
28
+ declare type ChipAnchorProps = ChipExplicitProps & React.AnchorHTMLAttributes<HTMLAnchorElement>;
29
+ export declare type ChipProps = ChipButtonProps | ChipAnchorProps;
30
+ declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
22
31
  export default Chip;
package/lib/parts/chip.js CHANGED
@@ -5,9 +5,9 @@ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable
5
5
  import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
6
  import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
7
  import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
8
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
10
- var _excluded = ["value", "className", "children", "icon", "iconPosition", "itemId", "data-e2e"];
9
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
10
+ var _excluded = ["value", "className", "children", "icon", "iconPosition", "itemId", "onClick", "onKeyDown", "data-e2e"];
11
11
 
12
12
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13
13
 
@@ -17,7 +17,21 @@ import React, { forwardRef, cloneElement } from 'react';
17
17
  import PropTypes from 'prop-types';
18
18
  import cn from 'classnames';
19
19
  import styles from './chip-list.p.module.css.js';
20
- import { useChipListContext } from './chip-list-context.js'; // check for ignored jsx values and empty string, more info https://reactjs.org/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored
20
+ import { useChipListContext } from './chip-list-context.js';
21
+ var ChipTag = /*#__PURE__*/forwardRef(function (props, ref) {
22
+ if (typeof props.href !== 'undefined') {
23
+ return /*#__PURE__*/React.createElement("a", _objectSpread({
24
+ ref: ref
25
+ }, props), props.children);
26
+ }
27
+
28
+ return /*#__PURE__*/React.createElement("button", _objectSpread(_objectSpread({
29
+ ref: ref
30
+ }, props), {}, {
31
+ type: "button"
32
+ }), props.children);
33
+ });
34
+ ChipTag.displayName = 'ChipTag'; // check for ignored jsx values and empty string, more info https://reactjs.org/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored
21
35
 
22
36
  var isWithoutChildren = function isWithoutChildren(children) {
23
37
  return children === null || typeof children === 'undefined' || children === false || children === true || children === '';
@@ -33,6 +47,8 @@ var Chip = /*#__PURE__*/forwardRef(function (_ref, ref) {
33
47
  _ref$iconPosition = _ref.iconPosition,
34
48
  iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
35
49
  itemId = _ref.itemId,
50
+ _onClick = _ref.onClick,
51
+ _onKeyDown = _ref.onKeyDown,
36
52
  e2eId = _ref['data-e2e'],
37
53
  restProps = _objectWithoutProperties(_ref, _excluded);
38
54
 
@@ -43,14 +59,23 @@ var Chip = /*#__PURE__*/forwardRef(function (_ref, ref) {
43
59
  var selected = itemId === selectedId;
44
60
  var isRenderLeftIcon = icon && iconPosition === 'left';
45
61
  var isRenderRightIcon = icon && iconPosition === 'right';
46
- return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({}, restProps), {}, {
62
+ return /*#__PURE__*/React.createElement(ChipTag, _objectSpread(_objectSpread({}, restProps), {}, {
47
63
  className: cn(styles.chip, (_cn = {}, _defineProperty(_cn, styles.selected, selected), _defineProperty(_cn, styles.withoutText, isWithoutChildren(children)), _cn), className),
48
- onClick: function onClick() {
49
- return onChange(value);
64
+ onClick: function onClick(e) {
65
+ if (_onClick) {
66
+ _onClick(e);
67
+ }
68
+
69
+ onChange(value);
50
70
  },
51
71
  onKeyDown: function onKeyDown(e) {
52
- if (e.key === 'Enter') {
53
- onChange(value);
72
+ if (e.key === ' ') {
73
+ e.target.click();
74
+ e.preventDefault();
75
+ }
76
+
77
+ if (_onKeyDown) {
78
+ _onKeyDown(e);
54
79
  }
55
80
  },
56
81
  role: "tab",
@@ -60,7 +85,7 @@ var Chip = /*#__PURE__*/forwardRef(function (_ref, ref) {
60
85
  "data-test": "chip".concat(selected ? ' chip-selected' : '')
61
86
  }), isRenderLeftIcon && /*#__PURE__*/cloneElement(icon, {
62
87
  className: cn(icon.props.className, styles.icon, styles.iconLeft)
63
- }), /*#__PURE__*/React.createElement("div", null, children), isRenderRightIcon && /*#__PURE__*/cloneElement(icon, {
88
+ }), /*#__PURE__*/React.createElement("span", null, children), isRenderRightIcon && /*#__PURE__*/cloneElement(icon, {
64
89
  className: cn(icon.props.className, styles.icon, styles.iconRight)
65
90
  }));
66
91
  });
@@ -71,6 +96,8 @@ Chip.propTypes = {
71
96
  iconPosition: PropTypes.oneOf(['left', 'right']),
72
97
  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.symbol]),
73
98
  'data-e2e': PropTypes.string,
74
- itemId: PropTypes.number
99
+ itemId: PropTypes.number,
100
+ onClick: PropTypes.func,
101
+ onKeyDown: PropTypes.func
75
102
  };
76
103
  export { Chip as default };
package/lib/parts/deep-map.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import React from 'react';
2
- export declare function deepMap(children: React.ReactNode, fn: (child: React.ReactNode) => React.ReactNode): (React.ReactChild | React.ReactFragment | React.ReactPortal)[];
2
+ export declare function deepMap(children: React.ReactNode, fn: (child: React.ReactNode) => React.ReactNode): React.ReactNode;
package/lib/parts/deep-map.js CHANGED
@@ -4,7 +4,8 @@ import React, { isValidElement, cloneElement } from 'react';
4
4
  function deepMap(children, fn) {
5
5
  var _context;
6
6
 
7
- return _mapInstanceProperty(_context = React.Children).call(_context, children, function (child, i) {
7
+ var processChild = function processChild(child) {
8
+ var i = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
8
9
  var returnChild = child;
9
10
 
10
11
  if (! /*#__PURE__*/isValidElement(returnChild)) {
@@ -19,7 +20,13 @@ function deepMap(children, fn) {
19
20
  }
20
21
 
21
22
  return fn(returnChild);
22
- });
23
+ };
24
+
25
+ if ( /*#__PURE__*/isValidElement(children)) {
26
+ return processChild(children);
27
+ }
28
+
29
+ return _mapInstanceProperty(_context = React.Children).call(_context, children, processChild);
23
30
  }
24
31
 
25
32
  export { deepMap };
package/lib/parts/use-items-ids.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
2
- import { useMemo, cloneElement } from 'react';
2
+ import "core-js/modules/es.object.to-string.js";
3
+ import "core-js/modules/es.promise.js";
4
+ import React, { useMemo, cloneElement } from 'react';
3
5
  import { deepMap } from './deep-map.js';
4
6
  import Chip from './chip.js';
5
7
 
@@ -47,7 +49,7 @@ var useItemsIds = function useItemsIds(_ref2) {
47
49
  return child;
48
50
  }
49
51
  });
50
- return [items, currentSelectedItemId];
52
+ return [React.Children.toArray(items), currentSelectedItemId];
51
53
  }, [children, value, compareValues]),
52
54
  _useMemo2 = _slicedToArray(_useMemo, 2),
53
55
  childrenWithValues = _useMemo2[0],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/chip-list",
3
- "version": "0.3.3",
3
+ "version": "0.4.0",
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.7.3",
21
- "@rescui/icons": "^0.10.1",
20
+ "@rescui/button": "^0.7.5",
21
+ "@rescui/icons": "^0.10.3",
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.4",
31
+ "@rescui/colors": "^0.1.5",
32
32
  "@rescui/postcss-preset-library": "^0.1.0",
33
33
  "@rescui/scripts": "^0.1.7",
34
- "@rescui/typography": "^0.8.1",
35
- "@rescui/visual-regression": "^0.0.3"
34
+ "@rescui/typography": "^0.8.3",
35
+ "@rescui/visual-regression": "^0.0.4"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "rescui-scripts build"
39
39
  },
40
- "gitHead": "aa6b3b338448baec01555e65c3f6499d37d66307"
40
+ "gitHead": "20a2d86279a96ad1375a69513d550bdc983f9616"
41
41
  }