@trackunit/react-components 0.1.76 → 0.1.78

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 (59) hide show
  1. package/README.md +1 -1
  2. package/index.cjs +116 -1278
  3. package/index.css +0 -260
  4. package/index.js +118 -1241
  5. package/package.json +4 -7
  6. package/src/components/index.d.ts +0 -24
  7. package/src/components/ActionButton/ActionButton.d.ts +0 -27
  8. package/src/components/ActionButton/index.d.ts +0 -1
  9. package/src/components/BaseInput/BaseInput.d.ts +0 -62
  10. package/src/components/BaseInput/index.d.ts +0 -1
  11. package/src/components/Checkbox/CheckIcon.d.ts +0 -12
  12. package/src/components/Checkbox/Checkbox.d.ts +0 -48
  13. package/src/components/Checkbox/IndeterminateIcon.d.ts +0 -10
  14. package/src/components/Checkbox/index.d.ts +0 -1
  15. package/src/components/DateField/DateField.d.ts +0 -19
  16. package/src/components/DateInput/DateInput.d.ts +0 -28
  17. package/src/components/DropZone/DropZone.d.ts +0 -34
  18. package/src/components/EmailField/EmailField.d.ts +0 -17
  19. package/src/components/EmailInput/EmailInput.d.ts +0 -13
  20. package/src/components/EmailInput/index.d.ts +0 -1
  21. package/src/components/FormGroup/FormGroup.d.ts +0 -39
  22. package/src/components/Label/Label.d.ts +0 -34
  23. package/src/components/Label/index.d.ts +0 -1
  24. package/src/components/NumberField/NumberField.d.ts +0 -19
  25. package/src/components/NumberInput/NumberInput.d.ts +0 -12
  26. package/src/components/PhoneField/PhoneField.d.ts +0 -28
  27. package/src/components/PhoneInput/CountryCodeSelect.d.ts +0 -16
  28. package/src/components/PhoneInput/CountryCodes.d.ts +0 -5
  29. package/src/components/PhoneInput/PhoneInput.d.ts +0 -25
  30. package/src/components/PhoneInput/index.d.ts +0 -1
  31. package/src/components/RadioGroup/RadioGroup.d.ts +0 -57
  32. package/src/components/RadioGroup/RadioGroupContext.d.ts +0 -11
  33. package/src/components/RadioGroup/RadioItem.d.ts +0 -23
  34. package/src/components/RadioGroup/index.d.ts +0 -2
  35. package/src/components/Search/Search.d.ts +0 -62
  36. package/src/components/Search/index.d.ts +0 -1
  37. package/src/components/Select/CreatableSelect.d.ts +0 -38
  38. package/src/components/Select/FieldContainer.d.ts +0 -20
  39. package/src/components/Select/Select.d.ts +0 -18
  40. package/src/components/Select/SelectMenuItem/SelectMenuItem.d.ts +0 -49
  41. package/src/components/Select/TagWithWidth.d.ts +0 -17
  42. package/src/components/Select/TagsContainer.d.ts +0 -45
  43. package/src/components/Select/index.d.ts +0 -7
  44. package/src/components/Select/shared.d.ts +0 -15
  45. package/src/components/Select/useCustomComponents.d.ts +0 -19
  46. package/src/components/Select/useCustomStyles.d.ts +0 -14
  47. package/src/components/Select/useSelect.d.ts +0 -143
  48. package/src/components/TextArea/TextArea.d.ts +0 -30
  49. package/src/components/TextArea/index.d.ts +0 -1
  50. package/src/components/TextAreaField/TextAreaField.d.ts +0 -18
  51. package/src/components/TextAreaField/index.d.ts +0 -1
  52. package/src/components/TextField/TextField.d.ts +0 -24
  53. package/src/components/TextField/TextLenghtIndicator.d.ts +0 -19
  54. package/src/components/TextField/index.d.ts +0 -1
  55. package/src/components/TextInput/TextInput.d.ts +0 -12
  56. package/src/components/Toggle/Toggle.d.ts +0 -57
  57. package/src/components/Toggle/index.d.ts +0 -1
  58. package/src/components/UploadField/UploadField.d.ts +0 -15
  59. package/src/components/UploadInput/UploadInput.d.ts +0 -33
package/index.css CHANGED
@@ -193,144 +193,6 @@
193
193
  }
194
194
  }
195
195
 
196
- /* CSS related to the Label component */
197
-
198
- .tu-label {
199
- @apply text-base
200
- text-slate-700
201
- overflow-hidden
202
- whitespace-nowrap
203
- text-ellipsis
204
- hover:text-slate-800
205
- group-hover:text-slate-800
206
- active:text-slate-800
207
- group-active:text-slate-800;
208
-
209
- &--invalid {
210
- @apply text-red-600
211
- hover:text-red-700
212
- group-hover:text-red-700
213
- active:text-red-700
214
- group-active:text-red-700;
215
- }
216
-
217
- &--disabled {
218
- @apply text-slate-400
219
- hover:text-slate-400
220
- group-hover:text-slate-400;
221
- }
222
- }
223
-
224
- /* CSS related to the RadioGroup component */
225
- .tu-radiogroup {
226
- @apply flex
227
- gap-2
228
- flex-col
229
- items-start;
230
-
231
- &--inline {
232
- @apply flex
233
- gap-3
234
- flex-row
235
- items-center;
236
- }
237
- }
238
-
239
- .tu-radioitem {
240
- @apply w-4
241
- h-4
242
- appearance-none
243
- rounded-3xl
244
- bg-white
245
- border-solid
246
- border
247
- border-slate-300
248
- shadow-sm
249
- shrink-0
250
- transition
251
- box-border
252
- hover:cursor-pointer
253
- hover:bg-slate-100
254
- focus:ring-2
255
- focus:ring-offset-2
256
- focus:ring-blue-700;
257
-
258
- &__wrapper {
259
- @apply flex
260
- gap-2
261
- items-center;
262
- }
263
-
264
- &--checked {
265
- @apply border-solid
266
- border-4
267
- border-blue-600
268
- bg-white
269
- hover:bg-slate-100
270
- hover:cursor-pointer
271
- outline-0
272
- active:bg-slate-200
273
- active:ring-2
274
- active:ring-offset-2
275
- active:ring-blue-700
276
- focus:bg-slate-200
277
- focus:ring-2
278
- focus:ring-offset-2
279
- focus:ring-blue-700
280
- group-active:ring-2
281
- group-active:ring-offset-2
282
- group-active:ring-blue-700;
283
- }
284
-
285
- &--invalid {
286
- @apply border-red-600
287
- active:ring-red-700
288
- focus:ring-red-700
289
- group-focus:ring-2
290
- group-focus:ring-offset-2;
291
- }
292
-
293
- &--disabled {
294
- @apply bg-slate-400
295
- border-slate-300
296
- cursor-not-allowed
297
- group-hover:bg-slate-400
298
- group-focus:bg-slate-400
299
- hover:bg-slate-400
300
- focus:bg-slate-400
301
- active:bg-slate-400
302
- focus:ring-0
303
- focus:ring-offset-0
304
- group-active:ring-0
305
- group-active:ring-offset-0;
306
- }
307
-
308
- &--disabled.tu-radioitem--checked {
309
- @apply bg-white;
310
- }
311
-
312
- &__label-container {
313
- @apply gap-y-1
314
- grid;
315
- }
316
-
317
- &__description {
318
- @apply text-sm
319
- font-normal
320
- text-slate-500
321
- text-left
322
- whitespace-nowrap
323
- text-ellipsis
324
- overflow-hidden;
325
-
326
- &--disabled {
327
- @apply text-slate-400
328
- hover:text-slate-400
329
- group-hover:text-slate-400;
330
- }
331
- }
332
- }
333
-
334
196
  .tu-section-header {
335
197
  @apply w-full;
336
198
 
@@ -341,125 +203,3 @@
341
203
  gap-2;
342
204
  }
343
205
  }
344
-
345
- /* CSS related to the toggle component */
346
- .tu-toggle {
347
- @apply rounded-full
348
- bg-white
349
- h-full
350
- aspect-square
351
- translate-x-0
352
- transition-all;
353
-
354
- &__wrapper {
355
- @apply flex
356
- gap-2;
357
- }
358
-
359
- &__input-container {
360
- @apply flex
361
- self-start
362
- w-fit
363
- active:shadow
364
- rounded-full
365
- cursor-pointer
366
- focus-within:ring
367
- focus-within:ring-offset-2
368
- focus-within:ring-blue-700;
369
- }
370
-
371
- &__input {
372
- @apply absolute
373
- opacity-0
374
- -z-10;
375
- }
376
-
377
- &__switch-container {
378
- @apply flex
379
- items-center
380
- p-1
381
- cursor-pointer
382
- rounded-full
383
- bg-slate-300
384
- focus:bg-slate-400
385
- hover:bg-slate-400
386
- active:bg-slate-500;
387
- }
388
-
389
- &__switch {
390
- @apply bg-white
391
- rounded-full
392
- h-full
393
- w-5/12
394
- aspect-square
395
- translate-x-4
396
- transition-all;
397
- }
398
-
399
- &--medium {
400
- @apply flex
401
- items-center
402
- p-1
403
- cursor-pointer
404
- w-9
405
- h-5;
406
- }
407
-
408
- &--small {
409
- @apply flex
410
- items-center
411
- p-1
412
- cursor-pointer
413
- w-8
414
- h-4;
415
-
416
- .tu-toggle__switch {
417
- @apply w-4/12;
418
- }
419
- }
420
-
421
- &--toggled {
422
- @apply flex
423
- items-center
424
- p-1
425
- cursor-pointer
426
- bg-blue-600
427
- focus:bg-blue-700
428
- hover:bg-blue-700
429
- active:bg-blue-800;
430
- }
431
-
432
- &--disabled {
433
- @apply flex
434
- items-center
435
- p-1
436
- cursor-not-allowed
437
- pointer-events-none
438
- bg-slate-200;
439
- }
440
-
441
- &--disabled.tu-toggle--toggled {
442
- @apply bg-slate-400;
443
- }
444
-
445
- &__label-container {
446
- @apply gap-y-1
447
- grid;
448
- }
449
-
450
- &__description {
451
- @apply text-sm
452
- font-normal
453
- text-slate-500
454
- text-left
455
- whitespace-nowrap
456
- text-ellipsis
457
- overflow-hidden;
458
-
459
- &--disabled {
460
- @apply text-slate-400
461
- hover:text-slate-400
462
- group-hover:text-slate-400;
463
- }
464
- }
465
- }