@infonomic/uikit 5.17.0 → 5.19.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 (28) hide show
  1. package/dist/components/badge/badge.module.css +14 -13
  2. package/dist/components/badge/badge_module.css +7 -7
  3. package/dist/components/button/button.module.css +103 -119
  4. package/dist/components/button/button_module.css +72 -71
  5. package/dist/components/chips/chip.d.ts.map +1 -1
  6. package/dist/components/chips/chip.js +3 -6
  7. package/dist/components/chips/chip.module.css +82 -96
  8. package/dist/components/chips/chip.module.js +2 -3
  9. package/dist/components/chips/chip_module.css +63 -65
  10. package/dist/components/pager/pagination.module.css +9 -8
  11. package/dist/components/pager/pagination_module.css +2 -2
  12. package/dist/icons/check-icon.d.ts.map +1 -1
  13. package/dist/icons/check-icon.js +0 -1
  14. package/dist/react.d.ts +1 -0
  15. package/dist/react.d.ts.map +1 -1
  16. package/dist/react.js +2 -0
  17. package/dist/styles/components-vanilla.css +1 -1
  18. package/dist/styles/styles.css +1 -1
  19. package/package.json +11 -11
  20. package/src/components/badge/badge.module.css +14 -13
  21. package/src/components/button/button.module.css +103 -119
  22. package/src/components/chips/chip.module.css +82 -96
  23. package/src/components/chips/chip.tsx +4 -6
  24. package/src/components/pager/pagination.module.css +9 -8
  25. package/src/icons/check-icon.tsx +0 -1
  26. package/src/react.ts +4 -0
  27. package/src/styles/base/colors.css +18 -17
  28. package/src/styles/functional/colors.css +613 -180
package/dist/components/button/button_module.css CHANGED
@@ -178,24 +178,24 @@
178
178
  :is(.primary-tUmczz, .button-primary) {
179
179
  --button-ring-color: var(--ring-primary);
180
180
  --button-variant-filled: var(--fill-primary-strong);
181
- --button-variant-filled-foreground: var(--text-on-primary);
182
181
  --button-variant-filled-hover: var(--fill-primary-strong-hover);
183
182
  --button-variant-filled-disabled: var(--fill-primary-strong-disabled);
184
- --button-variant-filled-foreground-disabled: var(--text-on-primary-disabled);
183
+ --button-variant-filled-foreground: var(--text-on-primary-strong);
184
+ --button-variant-filled-foreground-disabled: var(--text-on-primary-strong-disabled);
185
185
  --button-variant-filled-weak: var(--fill-primary-weak);
186
- --button-variant-filled-weak-foreground: var(--text-primary-weak);
187
186
  --button-variant-filled-weak-hover: var(--fill-primary-weak-hover);
188
187
  --button-variant-filled-weak-disabled: var(--fill-primary-weak-disabled);
189
- --button-variant-filled-weak-foreground-disabled: var(--text-primary-weak-disabled);
190
- --button-variant-outlined: transparent;
191
- --button-variant-outlined-foreground: var(--text-primary-strong);
192
- --button-variant-outlined-hover: var(--fill-primary-weak);
188
+ --button-variant-filled-weak-foreground: var(--text-on-primary-weak);
189
+ --button-variant-filled-weak-foreground-disabled: var(--text-on-primary-weak-disabled);
190
+ --button-variant-outlined: var(--fill-primary-outlined);
191
+ --button-variant-outlined-hover: var(--fill-primary-outlined-hover);
193
192
  --button-variant-outlined-border: var(--stroke-primary);
194
193
  --button-variant-outlined-border-disabled: var(--stroke-primary-disabled);
195
- --button-variant-outlined-foreground-disabled: var(--text-primary-disabled);
196
- --button-variant-text: transparent;
197
- --button-variant-text-foreground: var(--text-primary-weak);
198
- --button-variant-text-hover: var(--fill-primary-weak-hover);
194
+ --button-variant-outlined-foreground: var(--text-on-primary-outlined);
195
+ --button-variant-outlined-foreground-disabled: var(--text-on-primary-outlined-disabled);
196
+ --button-variant-text: var(--fill-primary-text);
197
+ --button-variant-text-hover: var(--fill-primary-text-hover);
198
+ --button-variant-text-foreground: var(--text-primary);
199
199
  --button-variant-gradient-start: var(--gradient-primary-start);
200
200
  --button-variant-gradient-end: var(--gradient-primary-end);
201
201
  --button-variant-gradient-foreground: var(--gradient-primary-foreground);
@@ -206,24 +206,24 @@
206
206
  :is(.secondary-UqT2AY, .button-secondary) {
207
207
  --button-ring-color: var(--ring-secondary);
208
208
  --button-variant-filled: var(--fill-secondary-strong);
209
- --button-variant-filled-foreground: var(--text-on-secondary);
210
209
  --button-variant-filled-hover: var(--fill-secondary-strong-hover);
211
210
  --button-variant-filled-disabled: var(--fill-secondary-strong-disabled);
212
- --button-variant-filled-foreground-disabled: var(--text-on-secondary-disabled);
211
+ --button-variant-filled-foreground: var(--text-on-secondary-strong);
212
+ --button-variant-filled-foreground-disabled: var(--text-on-secondary-strong-disabled);
213
213
  --button-variant-filled-weak: var(--fill-secondary-weak);
214
- --button-variant-filled-weak-foreground: var(--text-secondary-weak);
215
214
  --button-variant-filled-weak-hover: var(--fill-secondary-weak-hover);
216
215
  --button-variant-filled-weak-disabled: var(--fill-secondary-weak-disabled);
217
- --button-variant-filled-weak-foreground-disabled: var(--text-secondary-weak-disabled);
218
- --button-variant-outlined: transparent;
219
- --button-variant-outlined-foreground: var(--text-secondary-strong);
220
- --button-variant-outlined-hover: var(--fill-secondary-weak);
216
+ --button-variant-filled-weak-foreground: var(--text-on-secondary-weak);
217
+ --button-variant-filled-weak-foreground-disabled: var(--text-on-secondary-weak-disabled);
218
+ --button-variant-outlined: var(--fill-secondary-outlined);
221
219
  --button-variant-outlined-border: var(--stroke-secondary);
222
220
  --button-variant-outlined-border-disabled: var(--stroke-secondary-disabled);
223
- --button-variant-outlined-foreground-disabled: var(--text-secondary-disabled);
224
- --button-variant-text: transparent;
225
- --button-variant-text-foreground: var(--text-secondary-weak);
226
- --button-variant-text-hover: var(--fill-secondary-weak-hover);
221
+ --button-variant-outlined-hover: var(--fill-secondary-outlined-hover);
222
+ --button-variant-outlined-foreground: var(--text-on-secondary-outlined);
223
+ --button-variant-outlined-foreground-disabled: var(--text-on-secondary-outlined-disabled);
224
+ --button-variant-text: var(--fill-secondary-text);
225
+ --button-variant-text-hover: var(--fill-secondary-text-hover);
226
+ --button-variant-text-foreground: var(--text-secondary);
227
227
  --button-variant-gradient-start: var(--gradient-secondary-start);
228
228
  --button-variant-gradient-end: var(--gradient-secondary-end);
229
229
  --button-variant-gradient-foreground: var(--gradient-secondary-foreground);
@@ -234,24 +234,25 @@
234
234
  :is(.noeffect-fpxSgg, .button-noeffect) {
235
235
  --button-ring-color: var(--ring-noeffect);
236
236
  --button-variant-filled: var(--fill-noeffect-strong);
237
- --button-variant-filled-foreground: var(--text-on-noeffect);
238
237
  --button-variant-filled-hover: var(--fill-noeffect-strong-hover);
239
238
  --button-variant-filled-disabled: var(--fill-noeffect-strong-disabled);
240
- --button-variant-filled-foreground-disabled: var(--text-on-noeffect-disabled);
239
+ --button-variant-filled-foreground: var(--text-on-noeffect-strong);
240
+ --button-variant-filled-foreground-disabled: var(--text-on-noeffect-strong-disabled);
241
241
  --button-variant-filled-weak: var(--fill-noeffect-weak);
242
- --button-variant-filled-weak-foreground: var(--text-on-noeffect);
243
242
  --button-variant-filled-weak-hover: var(--fill-noeffect-weak-hover);
244
243
  --button-variant-filled-weak-disabled: var(--fill-noeffect-weak-disabled);
245
- --button-variant-filled-weak-foreground-disabled: var(--text-on-noeffect-disabled);
246
- --button-variant-outlined: transparent;
247
- --button-variant-outlined-foreground: var(--text-noeffect-strong);
248
- --button-variant-outlined-hover: var(--fill-noeffect-weak);
244
+ --button-variant-filled-weak-foreground: var(--text-on-noeffect-weak);
245
+ --button-variant-filled-weak-foreground-disabled: var(--text-on-noeffect-weak-disabled);
246
+ --button-variant-outlined: var(--fill-noeffect-outlined);
247
+ --button-variant-outlined-hover: var(--fill-noeffect-outlined-hover);
248
+ --button-variant-outlined-disabled: var(--fill-noeffect-outlined-disabled);
249
249
  --button-variant-outlined-border: var(--stroke-noeffect);
250
250
  --button-variant-outlined-border-disabled: var(--stroke-noeffect-disabled);
251
- --button-variant-outlined-foreground-disabled: var(--text-noeffect-disabled);
252
- --button-variant-text: transparent;
253
- --button-variant-text-foreground: var(--text-noeffect-weak);
254
- --button-variant-text-hover: var(--fill-noeffect-weak-hover);
251
+ --button-variant-outlined-foreground: var(--text-on-noeffect-outlined);
252
+ --button-variant-outlined-foreground-disabled: var(--text-on-noeffect-disabled);
253
+ --button-variant-text: var(--fill-noeffect-text);
254
+ --button-variant-text-hover: var(--fill-noeffect-text-hover);
255
+ --button-variant-text-foreground: var(--text-noeffect);
255
256
  --button-variant-gradient-start: var(--gradient-noeffect-start);
256
257
  --button-variant-gradient-end: var(--gradient-noeffect-end);
257
258
  --button-variant-gradient-foreground: var(--gradient-noeffect-foreground);
@@ -262,24 +263,24 @@
262
263
  :is(.success-fTNDEn, .button-success) {
263
264
  --button-ring-color: var(--ring-success);
264
265
  --button-variant-filled: var(--fill-success-strong);
265
- --button-variant-filled-foreground: var(--text-on-success);
266
266
  --button-variant-filled-hover: var(--fill-success-strong-hover);
267
267
  --button-variant-filled-disabled: var(--fill-success-strong-disabled);
268
- --button-variant-filled-foreground-disabled: var(--text-on-success-disabled);
268
+ --button-variant-filled-foreground: var(--text-on-success-strong);
269
+ --button-variant-filled-foreground-disabled: var(--text-on-success-strong-disabled);
269
270
  --button-variant-filled-weak: var(--fill-success-weak);
270
- --button-variant-filled-weak-foreground: var(--text-success-weak);
271
271
  --button-variant-filled-weak-hover: var(--fill-success-weak-hover);
272
272
  --button-variant-filled-weak-disabled: var(--fill-success-weak-disabled);
273
- --button-variant-filled-weak-foreground-disabled: var(--text-success-weak-disabled);
274
- --button-variant-outlined: transparent;
275
- --button-variant-outlined-foreground: var(--text-success-strong);
276
- --button-variant-outlined-hover: var(--fill-success-weak);
273
+ --button-variant-filled-weak-foreground: var(--text-on-success-weak);
274
+ --button-variant-filled-weak-foreground-disabled: var(--text-on-success-weak-disabled);
275
+ --button-variant-outlined: var(--fill-success-outlined);
276
+ --button-variant-outlined-hover: var(--fill-success-outlined-hover);
277
277
  --button-variant-outlined-border: var(--stroke-success);
278
278
  --button-variant-outlined-border-disabled: var(--stroke-success-disabled);
279
- --button-variant-outlined-foreground-disabled: var(--text-success-disabled);
279
+ --button-variant-outlined-foreground: var(--text-on-success-outlined);
280
+ --button-variant-outlined-foreground-disabled: var(--text-on-success-outlined-disabled);
280
281
  --button-variant-text: transparent;
281
- --button-variant-text-foreground: var(--text-success-weak);
282
- --button-variant-text-hover: var(--fill-success-weak-hover);
282
+ --button-variant-text-hover: var(--fill-success-text-hover);
283
+ --button-variant-text-foreground: var(--text-success);
283
284
  --button-variant-gradient-start: var(--gradient-success-start);
284
285
  --button-variant-gradient-end: var(--gradient-success-end);
285
286
  --button-variant-gradient-foreground: var(--gradient-success-foreground);
@@ -290,24 +291,24 @@
290
291
  :is(.info-qrdXQD, .button-info) {
291
292
  --button-ring-color: var(--ring-info);
292
293
  --button-variant-filled: var(--fill-info-strong);
293
- --button-variant-filled-foreground: var(--text-on-info);
294
294
  --button-variant-filled-hover: var(--fill-info-strong-hover);
295
295
  --button-variant-filled-disabled: var(--fill-info-strong-disabled);
296
- --button-variant-filled-foreground-disabled: var(--text-on-info-disabled);
296
+ --button-variant-filled-foreground: var(--text-on-info-strong);
297
+ --button-variant-filled-foreground-disabled: var(--text-on-info-strong-disabled);
297
298
  --button-variant-filled-weak: var(--fill-info-weak);
298
- --button-variant-filled-weak-foreground: var(--text-info-weak);
299
299
  --button-variant-filled-weak-hover: var(--fill-info-weak-hover);
300
300
  --button-variant-filled-weak-disabled: var(--fill-info-weak-disabled);
301
- --button-variant-filled-weak-foreground-disabled: var(--text-info-weak-disabled);
301
+ --button-variant-filled-weak-foreground: var(--text-on-info-weak);
302
+ --button-variant-filled-weak-foreground-disabled: var(--text-on-info-weak-disabled);
302
303
  --button-variant-outlined: transparent;
303
- --button-variant-outlined-foreground: var(--text-info-strong);
304
- --button-variant-outlined-hover: var(--fill-info-weak);
304
+ --button-variant-outlined-hover: var(--fill-info-outlined-hover);
305
305
  --button-variant-outlined-border: var(--stroke-info);
306
306
  --button-variant-outlined-border-disabled: var(--stroke-info-disabled);
307
- --button-variant-outlined-foreground-disabled: var(--text-info-disabled);
307
+ --button-variant-outlined-foreground: var(--text-on-info-outlined);
308
+ --button-variant-outlined-foreground-disabled: var(--text-on-info-outlined-disabled);
308
309
  --button-variant-text: transparent;
309
- --button-variant-text-foreground: var(--text-info-weak);
310
- --button-variant-text-hover: var(--fill-info-weak-hover);
310
+ --button-variant-text-hover: var(--fill-info-text-hover);
311
+ --button-variant-text-foreground: var(--text-info);
311
312
  --button-variant-gradient-start: var(--gradient-info-start);
312
313
  --button-variant-gradient-end: var(--gradient-info-end);
313
314
  --button-variant-gradient-foreground: var(--gradient-info-foreground);
@@ -318,24 +319,24 @@
318
319
  :is(.warning-a00T3A, .button-warning) {
319
320
  --button-ring-color: var(--ring-warning);
320
321
  --button-variant-filled: var(--fill-warning-strong);
321
- --button-variant-filled-foreground: var(--text-on-warning);
322
322
  --button-variant-filled-hover: var(--fill-warning-strong-hover);
323
323
  --button-variant-filled-disabled: var(--fill-warning-strong-disabled);
324
- --button-variant-filled-foreground-disabled: var(--text-on-warning-disabled);
324
+ --button-variant-filled-foreground: var(--text-on-warning-strong);
325
+ --button-variant-filled-foreground-disabled: var(--text-on-warning-strong-disabled);
325
326
  --button-variant-filled-weak: var(--fill-warning-weak);
326
- --button-variant-filled-weak-foreground: var(--text-warning-weak);
327
327
  --button-variant-filled-weak-hover: var(--fill-warning-weak-hover);
328
328
  --button-variant-filled-weak-disabled: var(--fill-warning-weak-disabled);
329
- --button-variant-filled-weak-foreground-disabled: var(--text-warning-weak-disabled);
330
- --button-variant-outlined: transparent;
331
- --button-variant-outlined-foreground: var(--text-warning-strong);
332
- --button-variant-outlined-hover: var(--fill-warning-weak);
329
+ --button-variant-filled-weak-foreground: var(--text-on-warning-weak);
330
+ --button-variant-filled-weak-foreground-disabled: var(--text-on-warning-weak-disabled);
331
+ --button-variant-outlined: var(--fill-warning-outlined);
332
+ --button-variant-outlined-hover: var(--fill-warning-outlined-hover);
333
333
  --button-variant-outlined-border: var(--stroke-warning);
334
334
  --button-variant-outlined-border-disabled: var(--stroke-warning-disabled);
335
- --button-variant-outlined-foreground-disabled: var(--text-warning-disabled);
335
+ --button-variant-outlined-foreground: var(--text-on-warning-outlined);
336
+ --button-variant-outlined-foreground-disabled: var(--text-on-warning-outlined-disabled);
336
337
  --button-variant-text: transparent;
337
- --button-variant-text-foreground: var(--text-warning-weak);
338
- --button-variant-text-hover: var(--fill-warning-weak-hover);
338
+ --button-variant-text-hover: var(--fill-warning-text-hover);
339
+ --button-variant-text-foreground: var(--text-warning);
339
340
  --button-variant-gradient-start: var(--gradient-warning-start);
340
341
  --button-variant-gradient-end: var(--gradient-warning-end);
341
342
  --button-variant-gradient-foreground: var(--gradient-warning-foreground);
@@ -346,24 +347,24 @@
346
347
  :is(.danger-rwIV_i, .button-danger) {
347
348
  --button-ring-color: var(--ring-danger);
348
349
  --button-variant-filled: var(--fill-danger-strong);
349
- --button-variant-filled-foreground: var(--text-on-danger);
350
350
  --button-variant-filled-hover: var(--fill-danger-strong-hover);
351
351
  --button-variant-filled-disabled: var(--fill-danger-strong-disabled);
352
- --button-variant-filled-foreground-disabled: var(--text-on-danger-disabled);
352
+ --button-variant-filled-foreground: var(--text-on-danger-strong);
353
+ --button-variant-filled-foreground-disabled: var(--text-on-danger-strong-disabled);
353
354
  --button-variant-filled-weak: var(--fill-danger-weak);
354
- --button-variant-filled-weak-foreground: var(--text-danger-weak);
355
355
  --button-variant-filled-weak-hover: var(--fill-danger-weak-hover);
356
356
  --button-variant-filled-weak-disabled: var(--fill-danger-weak-disabled);
357
- --button-variant-filled-weak-foreground-disabled: var(--text-danger-weak-disabled);
357
+ --button-variant-filled-weak-foreground: var(--text-on-danger-weak);
358
+ --button-variant-filled-weak-foreground-disabled: var(--text-on-danger-weak-disabled);
358
359
  --button-variant-outlined: transparent;
359
- --button-variant-outlined-foreground: var(--text-danger-strong);
360
- --button-variant-outlined-hover: var(--fill-danger-weak);
360
+ --button-variant-outlined-hover: var(--fill-danger-outlined-hover);
361
361
  --button-variant-outlined-border: var(--stroke-danger);
362
362
  --button-variant-outlined-border-disabled: var(--stroke-danger-disabled);
363
- --button-variant-outlined-foreground-disabled: var(--text-danger-disabled);
363
+ --button-variant-outlined-foreground: var(--text-on-danger-outlined);
364
+ --button-variant-outlined-foreground-disabled: var(--text-on-danger-outlined-disabled);
364
365
  --button-variant-text: transparent;
365
- --button-variant-text-foreground: var(--text-danger-weak);
366
- --button-variant-text-hover: var(--fill-danger-weak-hover);
366
+ --button-variant-text-hover: var(--fill-danger-text-hover);
367
+ --button-variant-text-foreground: var(--text-danger);
367
368
  --button-variant-gradient-start: var(--gradient-danger-start);
368
369
  --button-variant-gradient-end: var(--gradient-danger-end);
369
370
  --button-variant-gradient-foreground: var(--gradient-danger-foreground);
package/dist/components/chips/chip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chips/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,QAAQ,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAE9E,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE5F,KAAK,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;AACnF,KAAK,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;AAEnF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAC9D,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACrB,GAAG,CAAC,QAAQ,GAAG,MAAM,CAAC,GACrB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,eAAO,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,2KAiB7C,SAAS,CAAC,CAAC,CAAC;;CAoId,CAAA"}
1
+ {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chips/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,QAAQ,GAAG;IAAE,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAA;AAE9E,UAAU,MAAM;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAE5F,KAAK,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;AACnF,KAAK,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;AAEnF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IAC9D,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACrB,GAAG,CAAC,QAAQ,GAAG,MAAM,CAAC,GACrB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAA;AAErD,eAAO,MAAM,IAAI;KAAI,CAAC,SAAS,KAAK,CAAC,WAAW,2KAiB7C,SAAS,CAAC,CAAC,CAAC;;CAkId,CAAA"}
package/dist/components/chips/chip.js CHANGED
@@ -4,7 +4,6 @@ import { Slot } from "@radix-ui/react-slot";
4
4
  import classnames from "classnames";
5
5
  import { CheckIcon } from "../../icons/check-icon.js";
6
6
  import { CloseIcon } from "../../icons/close-icon.js";
7
- import { IconButton } from "../button/icon-button.js";
8
7
  import chip_module from "./chip.module.js";
9
8
  const Chip = ({ variant = 'assist', intent = 'primary', size = 'md', selected = false, disabled = false, startIcon, endIcon, selectedIcon, removeLabel = 'Remove chip', onToggle, onRemove, className, children, asChild, ref, ...rest })=>{
10
9
  const { onClick, onKeyDown, role, tabIndex, ...restProps } = rest;
@@ -46,17 +45,15 @@ const Chip = ({ variant = 'assist', intent = 'primary', size = 'md', selected =
46
45
  const leadingIcon = startIcon ?? (isSelectable && isSelected ? selectedIcon ?? /*#__PURE__*/ jsx(CheckIcon, {
47
46
  className: chip_module.icon
48
47
  }) : null);
49
- const trailingIcon = isRemovable ? /*#__PURE__*/ jsx(IconButton, {
50
- role: "button",
51
- variant: isSelected ? 'filled-weak' : 'outlined',
52
- className: classnames('remove', chip_module.remove, chip_module["end-icon"]),
48
+ const trailingIcon = isRemovable ? /*#__PURE__*/ jsx("button", {
49
+ type: "button",
53
50
  tabIndex: disabled ? -1 : 0,
54
51
  disabled: disabled,
55
52
  "aria-label": removeLabel,
56
53
  onClick: handleRemoveClick,
57
54
  onKeyDown: handleRemoveKeyDown,
58
55
  children: /*#__PURE__*/ jsx(CloseIcon, {
59
- className: chip_module.icon
56
+ className: classnames(chip_module.icon, chip_module["close-icon"])
60
57
  })
61
58
  }) : endIcon;
62
59
  const appliedVariant = isSelected ? 'filled' : 'outlined';