@economic/taco 2.57.0 → 2.58.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.
- package/dist/taco.cjs +12324 -10116
- package/dist/taco.cjs.map +1 -1
- package/dist/taco.css +51 -0
- package/dist/taco.d.ts +77 -1173
- package/dist/taco.js +12324 -10116
- package/dist/taco.js.map +1 -1
- package/package.json +6 -4
package/dist/taco.css
CHANGED
|
@@ -531,6 +531,57 @@ table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {
|
|
|
531
531
|
[data-taco='toast'] > div [data-taco='button'] {
|
|
532
532
|
@apply -mt-px py-0 px-2;
|
|
533
533
|
}
|
|
534
|
+
/* Base radio styles */
|
|
535
|
+
[data-taco='radio-group'] label {
|
|
536
|
+
@apply flex cursor-pointer items-center gap-2;
|
|
537
|
+
}
|
|
538
|
+
[data-taco='radio-group'] label[data-disabled] {
|
|
539
|
+
@apply text-grey-300;
|
|
540
|
+
}
|
|
541
|
+
[data-taco='radio-group'] label[data-readonly] {
|
|
542
|
+
@apply cursor-default;
|
|
543
|
+
}
|
|
544
|
+
[data-taco='radio-group'] label[data-disabled]:not([data-readonly]) {
|
|
545
|
+
@apply cursor-not-allowed;
|
|
546
|
+
}
|
|
547
|
+
/* Radio button indicator */
|
|
548
|
+
[data-taco='radio-group'] label::before {
|
|
549
|
+
content: '';
|
|
550
|
+
@apply border-grey-500 mt-[0.2rem] flex h-4 w-4 flex-shrink-0 items-center justify-center self-start rounded-full border-2 bg-white;
|
|
551
|
+
}
|
|
552
|
+
/* Add focus ring when focused */
|
|
553
|
+
[data-taco='radio-group'] label::before[data-focus-visible='true'] {
|
|
554
|
+
@apply ring-2 ring-blue-500 ring-offset-2;
|
|
555
|
+
}
|
|
556
|
+
[data-taco='radio-group'] label::before:not([data-disabled]):not([data-readonly]):not([data-invalid]):not([data-selected]):hover {
|
|
557
|
+
@apply border-grey-700;
|
|
558
|
+
}
|
|
559
|
+
[data-taco='radio-group'] label::before:not([data-disabled]):not([data-readonly]):hover {
|
|
560
|
+
@apply border-4;
|
|
561
|
+
}
|
|
562
|
+
[data-taco='radio-group'] label::before[data-disabled] {
|
|
563
|
+
@apply border-grey-500/50;
|
|
564
|
+
}
|
|
565
|
+
/* Selected state */
|
|
566
|
+
[data-taco='radio-group'] label[data-selected]::before {
|
|
567
|
+
@apply border-4 border-blue-500;
|
|
568
|
+
}
|
|
569
|
+
[data-taco='radio-group'] label[data-selected]::before:not([data-readonly]):not([data-invalid]):not([data-disabled]):hover {
|
|
570
|
+
@apply border-blue-700;
|
|
571
|
+
}
|
|
572
|
+
[data-taco='radio-group'] label[data-selected]::before[data-disabled] {
|
|
573
|
+
@apply border-blue-500/50;
|
|
574
|
+
}
|
|
575
|
+
/* Invalid state */
|
|
576
|
+
[data-taco='radio-group'] label[data-invalid]::before {
|
|
577
|
+
@apply border-red-500;
|
|
578
|
+
}
|
|
579
|
+
[data-taco='radio-group'] label[data-invalid]::before:not([data-readonly]):not([data-disabled]):hover {
|
|
580
|
+
@apply border-red-700;
|
|
581
|
+
}
|
|
582
|
+
[data-taco='radio-group'] label[data-invalid]::before[data-disabled] {
|
|
583
|
+
@apply border-red-500/50;
|
|
584
|
+
}
|
|
534
585
|
table[data-taco^='table'] {
|
|
535
586
|
/* reset table */
|
|
536
587
|
@apply border-separate border-spacing-0;
|