@economic/taco 2.54.7 → 2.55.0-alpha.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 +8818 -5913
- package/dist/taco.cjs.map +1 -1
- package/dist/taco.css +266 -96
- package/dist/taco.d.ts +57 -72
- package/dist/taco.js +8953 -6048
- package/dist/taco.js.map +1 -1
- package/package.json +3 -5
package/dist/taco.css
CHANGED
|
@@ -337,6 +337,76 @@ table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {
|
|
|
337
337
|
[class*='text-'] svg circle {
|
|
338
338
|
stroke: currentColor;
|
|
339
339
|
}
|
|
340
|
+
/* Base styles */
|
|
341
|
+
[data-taco='checkbox-container'] [data-taco='checkbox'] {
|
|
342
|
+
@apply border-grey-500;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
[data-taco='checkbox-container'][data-focus-visible] [data-taco='checkbox'] {
|
|
346
|
+
@apply yt-focus;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
/* Readonly state */
|
|
350
|
+
[data-taco='checkbox-container'][data-readonly] [data-taco='checkbox'] {
|
|
351
|
+
@apply cursor-default;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
/* Invalid state */
|
|
355
|
+
[data-taco='checkbox-container'][data-invalid] [data-taco='checkbox'] {
|
|
356
|
+
@apply border-red-500;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
/* Selected or indeterminate state */
|
|
360
|
+
[data-taco='checkbox-container'][data-selected] [data-taco='checkbox'],
|
|
361
|
+
[data-taco='checkbox-container'][data-indeterminate] [data-taco='checkbox'] {
|
|
362
|
+
@apply border-blue-500 bg-blue-500;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
/* Selected or indeterminate AND invalid state */
|
|
366
|
+
[data-taco='checkbox-container'][data-selected][data-invalid] [data-taco='checkbox'],
|
|
367
|
+
[data-taco='checkbox-container'][data-indeterminate][data-invalid] [data-taco='checkbox'] {
|
|
368
|
+
@apply !border-red-500 !bg-red-500;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
/* Disabled state */
|
|
372
|
+
[data-taco='checkbox-container'][data-disabled] [data-taco='checkbox'] {
|
|
373
|
+
@apply border-grey-500/50 cursor-not-allowed;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
[data-taco='checkbox-container'][data-disabled][data-invalid] [data-taco='checkbox'] {
|
|
377
|
+
@apply !border-red-500/50 !bg-red-500/50;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
[data-taco='checkbox-container'][data-disabled][data-selected] [data-taco='checkbox'],
|
|
381
|
+
[data-taco='checkbox-container'][data-disabled][data-indeterminate] [data-taco='checkbox'] {
|
|
382
|
+
@apply !bg-blue-500/50;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
[data-taco='checkbox-container'][data-disabled][data-selected][data-invalid] [data-taco='checkbox'],
|
|
386
|
+
[data-taco='checkbox-container'][data-disabled][data-indeterminate][data-invalid] [data-taco='checkbox'] {
|
|
387
|
+
@apply !bg-red-500/50 text-white;
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
/* Hover states (separate rules for clarity) */
|
|
391
|
+
[data-taco='checkbox-container']:hover:not([data-disabled]):not([data-readonly]) [data-taco='checkbox'] {
|
|
392
|
+
@apply border-grey-700;
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
[data-taco='checkbox-container']:hover[data-selected]:not([data-disabled]):not([data-readonly]) [data-taco='checkbox'],
|
|
396
|
+
[data-taco='checkbox-container']:hover[data-indeterminate]:not([data-disabled]):not([data-readonly]) [data-taco='checkbox'] {
|
|
397
|
+
@apply !border-blue-700 !bg-blue-700;
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
[data-taco='checkbox-container']:hover[data-invalid]:not([data-disabled]):not([data-readonly]) [data-taco='checkbox'] {
|
|
401
|
+
@apply !border-red-700;
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
[data-taco='checkbox-container']:hover[data-invalid][data-selected]:not([data-disabled]):not([data-readonly])
|
|
405
|
+
[data-taco='checkbox'],
|
|
406
|
+
[data-taco='checkbox-container']:hover[data-invalid][data-indeterminate]:not([data-disabled]):not([data-readonly])
|
|
407
|
+
[data-taco='checkbox'] {
|
|
408
|
+
@apply !border-red-700 !bg-red-700;
|
|
409
|
+
}
|
|
340
410
|
[data-taco='scrollable-list'].yt-list--multiselect li:first-child {
|
|
341
411
|
@apply border-grey-100 border-b-2 pl-4; /* Listbox max-height is dependant on this border-bottom-width value! */
|
|
342
412
|
}
|
|
@@ -713,21 +783,26 @@ table[data-taco^='table'] td:not(:has(> *)) {
|
|
|
713
783
|
@apply pb-[var(--table-cell-padding-y)];
|
|
714
784
|
}
|
|
715
785
|
|
|
716
|
-
|
|
786
|
+
/* Add bottom padding to the expanded row */
|
|
787
|
+
table[data-taco^='table'] tr[data-row-parent-id] td {
|
|
788
|
+
@apply pb-[var(--table-cell-padding-y)];
|
|
789
|
+
}
|
|
790
|
+
|
|
791
|
+
table[data-taco^='table'][data-table-row-height='short'] tr[data-row-id] td {
|
|
717
792
|
@apply min-h-[33px];
|
|
718
793
|
}
|
|
719
794
|
|
|
720
|
-
table[data-taco^='table'][data-table-row-height='medium'] td,
|
|
795
|
+
table[data-taco^='table'][data-table-row-height='medium'] tr[data-row-id] td,
|
|
721
796
|
/* Footer should always have medium row height */
|
|
722
797
|
table[data-taco^='table'][data-table-row-height] tfoot td {
|
|
723
798
|
@apply min-h-[41px];
|
|
724
799
|
}
|
|
725
800
|
|
|
726
|
-
table[data-taco^='table'][data-table-row-height='tall'] td {
|
|
801
|
+
table[data-taco^='table'][data-table-row-height='tall'] tr[data-row-id] td {
|
|
727
802
|
@apply min-h-[49px];
|
|
728
803
|
}
|
|
729
804
|
|
|
730
|
-
table[data-taco^='table'][data-table-row-height='extra-tall'] td {
|
|
805
|
+
table[data-taco^='table'][data-table-row-height='extra-tall'] tr[data-row-id] td {
|
|
731
806
|
@apply min-h-[61px];
|
|
732
807
|
}
|
|
733
808
|
|
|
@@ -788,352 +863,447 @@ table[data-taco^='table'][data-table-resizing='true'] th,
|
|
|
788
863
|
}
|
|
789
864
|
|
|
790
865
|
/* components in cells */
|
|
791
|
-
table[data-taco^='table'] td[data-cell-align='right'] [data-taco='input'],
|
|
866
|
+
table[data-taco^='table'] tr[data-row-id] td[data-cell-align='right'] [data-taco='input'],
|
|
792
867
|
table[data-taco^='table'] td[data-cell-align='right'] [data-taco='textarea'] {
|
|
793
868
|
@apply text-right;
|
|
794
869
|
}
|
|
795
870
|
|
|
796
|
-
table[data-taco^='table'] td [data-taco='textarea'] {
|
|
871
|
+
table[data-taco^='table'] tr[data-row-id] td [data-taco='textarea'] {
|
|
797
872
|
@apply resize-none overflow-y-hidden focus:resize-y;
|
|
798
873
|
}
|
|
799
874
|
|
|
800
|
-
table[data-taco^='table'] td[data-cell-truncate='true'] [data-taco='textarea'] {
|
|
875
|
+
table[data-taco^='table'] tr[data-row-id] td[data-cell-truncate='true'] [data-taco='textarea'] {
|
|
801
876
|
@apply focus:absolute focus:overflow-y-auto;
|
|
802
877
|
}
|
|
803
878
|
|
|
804
|
-
table[data-taco^='table'] td label {
|
|
879
|
+
table[data-taco^='table'] tr[data-row-id] td label:not([data-taco='checkbox-label']) {
|
|
805
880
|
@apply h-fit !min-h-fit w-full !pb-0;
|
|
806
881
|
}
|
|
807
882
|
|
|
808
|
-
table[data-taco^='table'] td label [data-taco='label-message'] {
|
|
883
|
+
table[data-taco^='table'] tr[data-row-id] td label [data-taco='label-message'] {
|
|
809
884
|
@apply !-ml-2 !mb-1 !mt-1.5;
|
|
810
885
|
}
|
|
811
886
|
|
|
812
|
-
table[data-taco^='table'] td label [data-taco='switch'] + [data-taco='label-message'] {
|
|
887
|
+
table[data-taco^='table'] tr[data-row-id] td label [data-taco='switch'] + [data-taco='label-message'] {
|
|
813
888
|
@apply !ml-0;
|
|
814
889
|
}
|
|
815
890
|
|
|
816
|
-
table[data-taco^='table'][data-table-font-size] td [role='checkbox'] [data-taco='icon'] {
|
|
891
|
+
table[data-taco^='table'][data-table-font-size] tr[data-row-id] td [role='checkbox'] [data-taco='icon'] {
|
|
817
892
|
@apply !my-0;
|
|
818
893
|
}
|
|
819
894
|
|
|
820
895
|
/* font sizing */
|
|
821
|
-
table[data-taco^='table'][data-table-font-size='small'] {
|
|
896
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] {
|
|
822
897
|
@apply text-xs;
|
|
823
898
|
}
|
|
824
899
|
|
|
825
|
-
table[data-taco^='table'][data-table-font-size='medium'] {
|
|
900
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] {
|
|
826
901
|
@apply text-sm;
|
|
827
902
|
}
|
|
828
903
|
|
|
829
|
-
table[data-taco^='table'][data-table-font-size='large'] {
|
|
904
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] {
|
|
830
905
|
@apply text-base;
|
|
831
906
|
}
|
|
832
907
|
|
|
833
908
|
/* small font size */
|
|
834
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='button'],
|
|
835
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='icon-button'] {
|
|
909
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='button'],
|
|
910
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='icon-button'] {
|
|
836
911
|
@apply !-my-2;
|
|
837
912
|
}
|
|
838
913
|
|
|
839
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='spinner'] {
|
|
914
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='spinner'] {
|
|
840
915
|
@apply !h-4 !w-4;
|
|
841
916
|
}
|
|
842
917
|
|
|
843
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='icon'],
|
|
844
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='spinner'] {
|
|
918
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='icon']:not([data-taco='checkbox'] *),
|
|
919
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='spinner'] {
|
|
845
920
|
@apply !-my-[3px];
|
|
846
921
|
}
|
|
847
922
|
|
|
848
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='badge'],
|
|
849
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='badge-icon'],
|
|
850
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='icon'],
|
|
851
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='spinner'] {
|
|
923
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='badge'],
|
|
924
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='badge-icon'],
|
|
925
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='icon']:not([data-taco='checkbox'] *),
|
|
926
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='spinner'] {
|
|
852
927
|
@apply !-my-0.5 !text-xs;
|
|
853
928
|
}
|
|
854
929
|
|
|
855
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='tag'] {
|
|
930
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='tag'] {
|
|
856
931
|
@apply !-my-0.5 h-5;
|
|
857
932
|
}
|
|
858
933
|
|
|
859
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='select2-container'],
|
|
860
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='Select2'],
|
|
861
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='textarea'] {
|
|
934
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='select2-container'],
|
|
935
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='Select2'],
|
|
936
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='textarea'] {
|
|
862
937
|
@apply !-mx-[7px] !-my-[4px] !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] text-xs focus:z-10;
|
|
863
938
|
}
|
|
864
939
|
|
|
865
|
-
table[data-taco^='table'][data-table-font-size='small']
|
|
940
|
+
table[data-taco^='table'][data-table-font-size='small']
|
|
941
|
+
tr[data-row-id]
|
|
942
|
+
td
|
|
943
|
+
[data-taco='input-container']:has([data-taco='input']) {
|
|
866
944
|
@apply !-mx-[7px] !w-auto;
|
|
867
945
|
}
|
|
868
946
|
|
|
869
|
-
table[data-taco^='table'][data-table-font-size='small']
|
|
947
|
+
table[data-taco^='table'][data-table-font-size='small']
|
|
948
|
+
tr[data-row-id]
|
|
949
|
+
td
|
|
950
|
+
[data-taco='input-container']:has([data-taco='input']) [data-taco='input'] {
|
|
870
951
|
@apply !-my-[4px] !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] !pl-[6px] text-xs focus:z-10;
|
|
871
952
|
}
|
|
872
953
|
|
|
873
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='Select2'],
|
|
874
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='textarea'] {
|
|
954
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='Select2'],
|
|
955
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='textarea'] {
|
|
875
956
|
@apply !px-1.5;
|
|
876
957
|
}
|
|
877
958
|
|
|
878
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='select2-container'] [data-taco='Select2'] {
|
|
959
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='select2-container'] [data-taco='Select2'] {
|
|
879
960
|
@apply !m-auto !w-full;
|
|
880
961
|
}
|
|
881
962
|
|
|
882
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='Select2'] [data-taco='tag'],
|
|
883
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='Select2'] [data-taco='scrollarea'] {
|
|
963
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='Select2'] [data-taco='tag'],
|
|
964
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='Select2'] [data-taco='scrollarea'] {
|
|
884
965
|
@apply !my-0;
|
|
885
966
|
}
|
|
886
967
|
|
|
887
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='textarea'] {
|
|
968
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='textarea'] {
|
|
888
969
|
@apply !-mt-[4px] !mb-[1px] !pt-[3px] !leading-4;
|
|
889
970
|
}
|
|
890
971
|
|
|
891
|
-
table[data-taco^='table'][data-table-font-size='small'] td[data-cell-truncate='true'] [data-taco='textarea'] {
|
|
972
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td[data-cell-truncate='true'] [data-taco='textarea'] {
|
|
892
973
|
@apply !py-[3px];
|
|
893
974
|
}
|
|
894
975
|
|
|
895
976
|
table[data-taco^='table'][data-table-row-height='short'][data-table-font-size='small']
|
|
977
|
+
tr[data-row-id]
|
|
896
978
|
td[data-cell-truncate='true']
|
|
897
979
|
[data-taco='textarea'] {
|
|
898
980
|
@apply !-mb-[1px];
|
|
899
981
|
}
|
|
900
982
|
|
|
901
983
|
table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small']
|
|
984
|
+
tr[data-row-id]
|
|
902
985
|
td:not([data-cell-truncate='true'])
|
|
903
986
|
[data-taco='textarea'] {
|
|
904
987
|
@apply !mb-[5px];
|
|
905
988
|
}
|
|
906
989
|
|
|
907
990
|
table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small']
|
|
991
|
+
tr[data-row-id]
|
|
908
992
|
td[data-cell-truncate='true']
|
|
909
993
|
[data-taco='textarea'] {
|
|
910
994
|
@apply !mb-[3px] !h-4;
|
|
911
995
|
}
|
|
912
996
|
|
|
913
997
|
table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small']
|
|
998
|
+
tr[data-row-id]
|
|
914
999
|
td:not([data-cell-truncate='true'])
|
|
915
1000
|
[data-taco='textarea'] {
|
|
916
1001
|
@apply !mb-[9px];
|
|
917
1002
|
}
|
|
918
1003
|
|
|
919
1004
|
table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small']
|
|
1005
|
+
tr[data-row-id]
|
|
920
1006
|
td[data-cell-truncate='true']
|
|
921
1007
|
[data-taco='textarea'] {
|
|
922
1008
|
@apply !mb-[7px] !h-4;
|
|
923
1009
|
}
|
|
924
1010
|
|
|
925
1011
|
table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small']
|
|
1012
|
+
tr[data-row-id]
|
|
926
1013
|
td:not([data-cell-truncate='true'])
|
|
927
1014
|
[data-taco='textarea'] {
|
|
928
1015
|
@apply !mb-[15px];
|
|
929
1016
|
}
|
|
930
1017
|
|
|
931
1018
|
table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small']
|
|
1019
|
+
tr[data-row-id]
|
|
932
1020
|
td[data-cell-truncate='true']
|
|
933
1021
|
[data-taco='textarea'] {
|
|
934
1022
|
@apply !mb-[13px];
|
|
935
1023
|
}
|
|
936
1024
|
|
|
937
|
-
table[data-taco^='table'][data-table-font-size='small']
|
|
1025
|
+
table[data-taco^='table'][data-table-font-size='small']
|
|
1026
|
+
tr[data-row-id]
|
|
1027
|
+
td
|
|
1028
|
+
[data-taco='input-container']
|
|
1029
|
+
[data-affix-type='postfix']
|
|
1030
|
+
button {
|
|
938
1031
|
@apply z-10 !h-6 !min-h-[theme(spacing.6)] !w-6 !min-w-[theme(spacing.6)];
|
|
939
1032
|
}
|
|
940
1033
|
|
|
941
|
-
table[data-taco^='table'][data-table-font-size='small']
|
|
1034
|
+
table[data-taco^='table'][data-table-font-size='small']
|
|
1035
|
+
tr[data-row-id]
|
|
1036
|
+
td
|
|
1037
|
+
[data-taco='input-container']
|
|
1038
|
+
[data-affix-type='postfix']:not([data-taco='icon-button']), table[data-taco^='table'][data-table-font-size='small']
|
|
1039
|
+
tr[data-row-id]
|
|
1040
|
+
td
|
|
1041
|
+
[data-taco='input-container']
|
|
1042
|
+
[data-affix-type='prefix']:not([data-taco='icon-button']) {
|
|
942
1043
|
@apply z-10;
|
|
943
1044
|
}
|
|
944
1045
|
|
|
945
|
-
table[data-taco^='table'][data-table-font-size='small']
|
|
1046
|
+
table[data-taco^='table'][data-table-font-size='small']
|
|
1047
|
+
tr[data-row-id]
|
|
1048
|
+
td
|
|
1049
|
+
[data-taco='input-container']
|
|
1050
|
+
[data-affix-type='postfix']:not([data-taco='icon-button'])[data-taco='icon'], table[data-taco^='table'][data-table-font-size='small']
|
|
1051
|
+
tr[data-row-id]
|
|
1052
|
+
td
|
|
1053
|
+
[data-taco='input-container']
|
|
1054
|
+
[data-affix-type='prefix']:not([data-taco='icon-button'])[data-taco='icon'] {
|
|
946
1055
|
@apply !h-4 !w-4;
|
|
947
1056
|
}
|
|
948
1057
|
|
|
949
|
-
table[data-taco^='table'][data-table-font-size='small'] td [role='combobox'] {
|
|
1058
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [role='combobox'] {
|
|
950
1059
|
@apply !flex;
|
|
951
1060
|
}
|
|
952
1061
|
|
|
953
|
-
table[data-taco^='table'][data-table-font-size='small'] td [role='combobox'] [data-taco='input'] {
|
|
1062
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [role='combobox'] [data-taco='input'] {
|
|
954
1063
|
@apply !pr-7;
|
|
955
1064
|
}
|
|
956
1065
|
|
|
957
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='checkbox'],
|
|
958
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='checkbox-container'],
|
|
959
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='switch'],
|
|
960
|
-
table[data-taco^='table'][data-table-font-size='small'] td [data-taco='switch-container'] {
|
|
1066
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='checkbox'],
|
|
1067
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='checkbox-container'],
|
|
1068
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='switch'],
|
|
1069
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='switch-container'] {
|
|
961
1070
|
@apply !-my-0.5;
|
|
962
1071
|
}
|
|
963
1072
|
|
|
964
|
-
table[data-taco^='table'][data-table-font-size='small']
|
|
965
|
-
|
|
1073
|
+
table[data-taco^='table'][data-table-font-size='small']
|
|
1074
|
+
tr[data-row-id]
|
|
1075
|
+
td
|
|
1076
|
+
[data-taco='checkbox-container']
|
|
1077
|
+
[data-taco='checkbox'],
|
|
1078
|
+
table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='switch-container'] [data-taco='switch'] {
|
|
966
1079
|
@apply !my-0;
|
|
967
1080
|
}
|
|
968
1081
|
|
|
969
1082
|
/* medium font size */
|
|
970
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='spinner'] {
|
|
1083
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='spinner'] {
|
|
971
1084
|
@apply !h-5 !w-5;
|
|
972
1085
|
}
|
|
973
1086
|
|
|
974
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='button'],
|
|
975
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='icon-button'] {
|
|
1087
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='button'],
|
|
1088
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='icon-button'] {
|
|
976
1089
|
@apply !-my-1.5;
|
|
977
1090
|
}
|
|
978
1091
|
|
|
979
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='icon'] {
|
|
1092
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='icon']:not([data-taco='checkbox'] *) {
|
|
980
1093
|
@apply !-my-0.5;
|
|
981
1094
|
}
|
|
982
1095
|
|
|
983
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='tag'] {
|
|
1096
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='tag'] {
|
|
984
1097
|
@apply !-my-0.5;
|
|
985
1098
|
}
|
|
986
1099
|
|
|
987
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [role='combobox'] {
|
|
1100
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [role='combobox'] {
|
|
988
1101
|
@apply !flex;
|
|
989
1102
|
}
|
|
990
1103
|
|
|
991
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [role='combobox'] [data-taco='input'] {
|
|
1104
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [role='combobox'] [data-taco='input'] {
|
|
992
1105
|
@apply !pr-9;
|
|
993
1106
|
}
|
|
994
1107
|
|
|
995
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='select2-container'],
|
|
996
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='Select2'],
|
|
997
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='textarea'] {
|
|
1108
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='select2-container'],
|
|
1109
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='Select2'],
|
|
1110
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='textarea'] {
|
|
998
1111
|
@apply !-mx-[9px] !-my-[6px] !min-h-[theme(spacing.8)] !w-[calc(100%_+_16px)] focus:z-10;
|
|
999
1112
|
}
|
|
1000
1113
|
|
|
1001
|
-
table[data-taco^='table'][data-table-font-size='medium']
|
|
1114
|
+
table[data-taco^='table'][data-table-font-size='medium']
|
|
1115
|
+
tr[data-row-id]
|
|
1116
|
+
td
|
|
1117
|
+
[data-taco='input-container']:has([data-taco='input']) {
|
|
1002
1118
|
@apply !-mx-[9px] !w-auto;
|
|
1003
1119
|
}
|
|
1004
1120
|
|
|
1005
|
-
table[data-taco^='table'][data-table-font-size='medium']
|
|
1121
|
+
table[data-taco^='table'][data-table-font-size='medium']
|
|
1122
|
+
tr[data-row-id]
|
|
1123
|
+
td
|
|
1124
|
+
[data-taco='input-container']:has([data-taco='input']) [data-taco='input'] {
|
|
1006
1125
|
@apply !-my-[6px] !min-h-[theme(spacing.8)] !w-[calc(100%_+_16px)] focus:z-10;
|
|
1007
1126
|
}
|
|
1008
1127
|
|
|
1009
|
-
table[data-taco^='table'][data-table-font-size='medium'] td[data-cell-align='right'] [data-taco='input'],
|
|
1010
|
-
table[data-taco^='table'][data-table-font-size='medium'] td[data-cell-align='right'] [data-taco='textarea'] {
|
|
1128
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td[data-cell-align='right'] [data-taco='input'],
|
|
1129
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td[data-cell-align='right'] [data-taco='textarea'] {
|
|
1011
1130
|
@apply pr-1.5;
|
|
1012
1131
|
}
|
|
1013
1132
|
|
|
1014
|
-
table[data-taco^='table'][data-table-font-size='medium']
|
|
1133
|
+
table[data-taco^='table'][data-table-font-size='medium']
|
|
1134
|
+
tr[data-row-id]
|
|
1135
|
+
td
|
|
1136
|
+
[data-taco='select2-container']
|
|
1137
|
+
[data-taco='Select2'] {
|
|
1015
1138
|
@apply !m-auto !w-full;
|
|
1016
1139
|
}
|
|
1017
1140
|
|
|
1018
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='Select2'] [data-taco='tag'] {
|
|
1141
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='Select2'] [data-taco='tag'] {
|
|
1019
1142
|
@apply !my-0;
|
|
1020
1143
|
}
|
|
1021
1144
|
|
|
1022
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='Select2'] {
|
|
1145
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='Select2'] {
|
|
1023
1146
|
@apply !px-2;
|
|
1024
1147
|
}
|
|
1025
1148
|
|
|
1026
|
-
table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='textarea'] {
|
|
1149
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='textarea'] {
|
|
1027
1150
|
@apply !mb-[3px] !pr-[5px];
|
|
1028
1151
|
}
|
|
1029
1152
|
|
|
1030
|
-
table[data-taco^='table'][data-table-row-height='short'][data-table-font-size='medium']
|
|
1153
|
+
table[data-taco^='table'][data-table-row-height='short'][data-table-font-size='medium']
|
|
1154
|
+
tr[data-row-id]
|
|
1155
|
+
td
|
|
1156
|
+
[data-taco='textarea'] {
|
|
1031
1157
|
@apply !-mb-[1px];
|
|
1032
1158
|
}
|
|
1033
1159
|
|
|
1034
|
-
table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='medium'] td [data-taco='textarea'] {
|
|
1160
|
+
table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='medium'] tr[data-row-id] td [data-taco='textarea'] {
|
|
1035
1161
|
@apply !mb-[7px];
|
|
1036
1162
|
}
|
|
1037
1163
|
|
|
1038
|
-
table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='medium']
|
|
1164
|
+
table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='medium']
|
|
1165
|
+
tr[data-row-id]
|
|
1166
|
+
td
|
|
1167
|
+
[data-taco='textarea'] {
|
|
1039
1168
|
@apply !mb-[13px];
|
|
1040
1169
|
}
|
|
1041
1170
|
|
|
1042
|
-
table[data-taco^='table'][data-table-font-size='medium'] td[data-cell-truncate='true'] [data-taco='textarea'] {
|
|
1171
|
+
table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-id] td[data-cell-truncate='true'] [data-taco='textarea'] {
|
|
1043
1172
|
@apply !pb-[5px];
|
|
1044
1173
|
}
|
|
1045
1174
|
|
|
1046
|
-
table[data-taco^='table'][data-table-font-size='medium']
|
|
1175
|
+
table[data-taco^='table'][data-table-font-size='medium']
|
|
1176
|
+
tr[data-row-id]
|
|
1177
|
+
td
|
|
1178
|
+
[data-taco='input-container']
|
|
1179
|
+
[data-affix-type='postfix']
|
|
1180
|
+
button {
|
|
1047
1181
|
@apply z-10;
|
|
1048
1182
|
}
|
|
1049
1183
|
|
|
1050
|
-
table[data-taco^='table'][data-table-font-size='medium']
|
|
1184
|
+
table[data-taco^='table'][data-table-font-size='medium']
|
|
1185
|
+
tr[data-row-id]
|
|
1186
|
+
td
|
|
1187
|
+
[data-taco='input-container']
|
|
1188
|
+
[data-affix-type='postfix']:not([data-taco='icon-button']), table[data-taco^='table'][data-table-font-size='medium']
|
|
1189
|
+
tr[data-row-id]
|
|
1190
|
+
td
|
|
1191
|
+
[data-taco='input-container']
|
|
1192
|
+
[data-affix-type='prefix']:not([data-taco='icon-button']) {
|
|
1051
1193
|
@apply z-10;
|
|
1052
1194
|
}
|
|
1053
1195
|
|
|
1054
1196
|
/* large font size */
|
|
1055
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='spinner'] {
|
|
1197
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='spinner'] {
|
|
1056
1198
|
@apply !h-6 !w-6;
|
|
1057
1199
|
}
|
|
1058
1200
|
|
|
1059
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='button'],
|
|
1060
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='icon-button'] {
|
|
1201
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='button'],
|
|
1202
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='icon-button'] {
|
|
1061
1203
|
@apply !-my-1;
|
|
1062
1204
|
}
|
|
1063
1205
|
|
|
1064
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='icon'] {
|
|
1206
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='icon']:not([data-taco='checkbox'] *) {
|
|
1065
1207
|
@apply !-my-0.5;
|
|
1066
1208
|
}
|
|
1067
1209
|
|
|
1068
|
-
table[data-taco^='table'][data-table-font-size='large'] td [role='combobox'] {
|
|
1210
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [role='combobox'] {
|
|
1069
1211
|
@apply !flex;
|
|
1070
1212
|
}
|
|
1071
1213
|
|
|
1072
|
-
table[data-taco^='table'][data-table-font-size='large'] td [role='combobox'] [data-taco='input'] {
|
|
1214
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [role='combobox'] [data-taco='input'] {
|
|
1073
1215
|
@apply !pr-11;
|
|
1074
1216
|
}
|
|
1075
1217
|
|
|
1076
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='select2-container'],
|
|
1077
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='Select2'],
|
|
1078
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='textarea'] {
|
|
1218
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='select2-container'],
|
|
1219
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='Select2'],
|
|
1220
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='textarea'] {
|
|
1079
1221
|
@apply !-mx-[11px] !-mb-[7.5px] !-mt-[8.5px] !w-[calc(100%_+_22px)] focus:z-10;
|
|
1080
1222
|
}
|
|
1081
1223
|
|
|
1082
|
-
table[data-taco^='table'][data-table-font-size='large']
|
|
1224
|
+
table[data-taco^='table'][data-table-font-size='large']
|
|
1225
|
+
tr[data-row-id]
|
|
1226
|
+
td
|
|
1227
|
+
[data-taco='input-container']:has([data-taco='input']) {
|
|
1083
1228
|
@apply !-mx-[11px] !w-auto;
|
|
1084
1229
|
}
|
|
1085
1230
|
|
|
1086
|
-
table[data-taco^='table'][data-table-font-size='large']
|
|
1231
|
+
table[data-taco^='table'][data-table-font-size='large']
|
|
1232
|
+
tr[data-row-id]
|
|
1233
|
+
td
|
|
1234
|
+
[data-taco='input-container']:has([data-taco='input']) [data-taco='input'] {
|
|
1087
1235
|
@apply !-mb-[7.5px] !-mt-[8.5px] !w-[calc(100%_+_22px)] focus:z-10;
|
|
1088
1236
|
}
|
|
1089
1237
|
|
|
1090
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='select2-container'] [data-taco='Select2'] {
|
|
1238
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='select2-container'] [data-taco='Select2'] {
|
|
1091
1239
|
@apply !m-auto !w-full;
|
|
1092
1240
|
}
|
|
1093
1241
|
|
|
1094
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='Select2'] {
|
|
1242
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='Select2'] {
|
|
1095
1243
|
@apply !px-2.5 !pt-[1px];
|
|
1096
1244
|
}
|
|
1097
1245
|
|
|
1098
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='Select2'] [data-taco='tag'] {
|
|
1246
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='Select2'] [data-taco='tag'] {
|
|
1099
1247
|
@apply !my-0 !mt-px;
|
|
1100
1248
|
}
|
|
1101
1249
|
|
|
1102
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='textarea'] {
|
|
1250
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='textarea'] {
|
|
1103
1251
|
@apply !pt-[7.5px];
|
|
1104
1252
|
}
|
|
1105
1253
|
|
|
1106
|
-
table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='large']
|
|
1254
|
+
table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='large']
|
|
1255
|
+
tr[data-row-id]
|
|
1256
|
+
td
|
|
1257
|
+
[data-taco='textarea'] {
|
|
1107
1258
|
@apply !-mb-[0.5px];
|
|
1108
1259
|
}
|
|
1109
1260
|
|
|
1110
|
-
table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='large'] td [data-taco='textarea'] {
|
|
1261
|
+
table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='large'] tr[data-row-id] td [data-taco='textarea'] {
|
|
1111
1262
|
@apply !mb-[3.5px];
|
|
1112
1263
|
}
|
|
1113
1264
|
|
|
1114
|
-
table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='large']
|
|
1265
|
+
table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='large']
|
|
1266
|
+
tr[data-row-id]
|
|
1267
|
+
td
|
|
1268
|
+
[data-taco='textarea'] {
|
|
1115
1269
|
@apply !mb-[9.5px];
|
|
1116
1270
|
}
|
|
1117
1271
|
|
|
1118
|
-
table[data-taco^='table'][data-table-font-size='large']
|
|
1272
|
+
table[data-taco^='table'][data-table-font-size='large']
|
|
1273
|
+
tr[data-row-id]
|
|
1274
|
+
td:not([data-cell-truncate='true'])
|
|
1275
|
+
> [data-taco='textarea'] {
|
|
1119
1276
|
@apply !pb-[8.5px];
|
|
1120
1277
|
}
|
|
1121
1278
|
|
|
1122
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='input'],
|
|
1123
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='Select2'],
|
|
1124
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='textarea'] {
|
|
1279
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='input'],
|
|
1280
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='Select2'],
|
|
1281
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='textarea'] {
|
|
1125
1282
|
@apply h-10 px-2.5 text-base;
|
|
1126
1283
|
}
|
|
1127
1284
|
|
|
1128
|
-
table[data-taco^='table'][data-table-font-size='large'] td [data-taco='textarea'] {
|
|
1285
|
+
table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='textarea'] {
|
|
1129
1286
|
@apply !pb-[8px] !leading-6;
|
|
1130
1287
|
}
|
|
1131
1288
|
|
|
1132
|
-
table[data-taco^='table'][data-table-font-size='large']
|
|
1289
|
+
table[data-taco^='table'][data-table-font-size='large']
|
|
1290
|
+
tr[data-row-id]
|
|
1291
|
+
td
|
|
1292
|
+
[data-taco='input-container']
|
|
1293
|
+
[data-affix-type='postfix']
|
|
1294
|
+
button {
|
|
1133
1295
|
@apply z-10 !h-10 !w-10;
|
|
1134
1296
|
}
|
|
1135
1297
|
|
|
1136
|
-
table[data-taco^='table'][data-table-font-size='large']
|
|
1298
|
+
table[data-taco^='table'][data-table-font-size='large']
|
|
1299
|
+
tr[data-row-id]
|
|
1300
|
+
td
|
|
1301
|
+
[data-taco='input-container']
|
|
1302
|
+
[data-affix-type='postfix']:not([data-taco='icon-button']), table[data-taco^='table'][data-table-font-size='large']
|
|
1303
|
+
tr[data-row-id]
|
|
1304
|
+
td
|
|
1305
|
+
[data-taco='input-container']
|
|
1306
|
+
[data-affix-type='prefix']:not([data-taco='icon-button']) {
|
|
1137
1307
|
@apply z-10;
|
|
1138
1308
|
}
|
|
1139
1309
|
|