@economic/taco 2.60.1-date-fns.0 → 2.61.0-combobox-search.0

package/dist/taco.css

@@ -532,54 +532,54 @@ table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {
     @apply -mt-px py-0 px-2;
 }
 /* Base radio styles */
-    [data-taco='radio-group'] label {
+    [data-taco='radio-group'] > label {
         @apply flex cursor-pointer items-center gap-2;
     }
-    [data-taco='radio-group'] label[data-disabled] {
+    [data-taco='radio-group'] > label[data-disabled] {
             @apply text-grey-300;
         }
-    [data-taco='radio-group'] label[data-readonly] {
+    [data-taco='radio-group'] > label[data-readonly] {
             @apply cursor-default;
         }
-    [data-taco='radio-group'] label[data-disabled]:not([data-readonly]) {
+    [data-taco='radio-group'] > label[data-disabled]:not([data-readonly]) {
             @apply cursor-not-allowed;
         }
     /* Radio button indicator */
-    [data-taco='radio-group'] label::before {
+    [data-taco='radio-group'] > label::before {
             content: '';
             @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;
         }
     /* Add focus ring when focused */
-    [data-taco='radio-group'] label::before[data-focus-visible='true'] {
+    [data-taco='radio-group'] > label::before[data-focus-visible='true'] {
                 @apply ring-2 ring-blue-500 ring-offset-2;
             }
-    [data-taco='radio-group'] label::before:not([data-disabled]):not([data-readonly]):not([data-invalid]):not([data-selected]):hover {
+    [data-taco='radio-group'] > label::before:not([data-disabled]):not([data-readonly]):not([data-invalid]):not([data-selected]):hover {
                 @apply border-grey-700;
             }
-    [data-taco='radio-group'] label::before:not([data-disabled]):not([data-readonly]):hover {
+    [data-taco='radio-group'] > label::before:not([data-disabled]):not([data-readonly]):hover {
                 @apply border-4;
             }
-    [data-taco='radio-group'] label::before[data-disabled] {
+    [data-taco='radio-group'] > label::before[data-disabled] {
                 @apply border-grey-500/50;
             }
     /* Selected state */
-    [data-taco='radio-group'] label[data-selected]::before {
+    [data-taco='radio-group'] > label[data-selected]::before {
             @apply border-4 border-blue-500;
         }
-    [data-taco='radio-group'] label[data-selected]::before:not([data-readonly]):not([data-invalid]):not([data-disabled]):hover {
+    [data-taco='radio-group'] > label[data-selected]::before:not([data-readonly]):not([data-invalid]):not([data-disabled]):hover {
                 @apply border-blue-700;
             }
-    [data-taco='radio-group'] label[data-selected]::before[data-disabled] {
+    [data-taco='radio-group'] > label[data-selected]::before[data-disabled] {
                 @apply border-blue-500/50;
             }
     /* Invalid state */
-    [data-taco='radio-group'] label[data-invalid]::before {
+    [data-taco='radio-group'] > label[data-invalid]::before {
             @apply border-red-500;
         }
-    [data-taco='radio-group'] label[data-invalid]::before:not([data-readonly]):not([data-disabled]):hover {
+    [data-taco='radio-group'] > label[data-invalid]::before:not([data-readonly]):not([data-disabled]):hover {
                 @apply border-red-700;
             }
-    [data-taco='radio-group'] label[data-invalid]::before[data-disabled] {
+    [data-taco='radio-group'] > label[data-invalid]::before[data-disabled] {
                 @apply border-red-500/50;
             }
 table[data-taco^='table'] {
@@ -799,20 +799,22 @@ table[data-taco^='table'] td:not([data-cell-truncate='true']) {
 }
 
 /* FOOTER */
+
+table[data-taco^='table'] tfoot tr {
+    @apply border-grey-300 border-t-2;
+}
+
 table[data-taco^='table'] tfoot tr:not([data-row-index]) td {
-    /*
+        /*
      * Since footer has sticky position, the top and bottom padding ensures that the inner content doesn't come over
      * the border of the footer row.
      */
-    @apply border-b-0 !py-1 font-bold;
-}
-table[data-taco^='table'] tfoot tr:not([data-row-index]) td:first-child {
-        @apply z-30 !pb-0 !pt-[2px];
+        @apply border-0 !py-0 font-bold;
     }
 
-table[data-taco^='table'] tfoot td:before {
-    @apply bg-grey-300 absolute left-0 right-0 top-0 h-[2px] content-[''];
-}
+table[data-taco^='table'] tfoot tr:not([data-row-index]) td:first-child {
+            @apply z-30;
+        }
 
 /* OTHER */
 
@@ -1606,17 +1608,21 @@ table[data-taco^='table'] tr:not([data-row-id^='temp-']) [data-row-move-indicato
         @apply top-full rounded-b-md;
     }
 
-table[data-taco^='table'][data-table-row-height='short'] tr[data-row-create] td,
-table[data-taco^='table'][data-table-row-height='medium'] tr[data-row-create] td,
-table[data-taco^='table'][data-table-row-height='tall'] tr[data-row-create] td,
-table[data-taco^='table'][data-table-row-height='extra-tall'] tr[data-row-create] td {
-    @apply !min-h-[41px] !pt-[10px];
-}
-
 /* Hiding CreateNewRow using CSS to ensure higher specificity for hiding the row */
 table[data-taco^='table'] tr[data-row-create] {
-    @apply print:hidden;
+    @apply border-grey-300 border-t-2 print:hidden;
 }
+table[data-taco^='table'] tr[data-row-create] td {
+        @apply !h-[41px] !min-h-[41px] items-center !border-0 !p-0;
+    }
+
+table[data-taco^='table'] tbody tr[data-row-create] td {
+    @apply !h-[44px] !min-h-[44px];
+}
+
+table[data-taco^='table'] tbody tr[data-row-create] td button {
+        @apply -mt-[3px];
+    }
 [data-taco='card-content'] > [data-taco='chart-wrapper']:not(:has([data-taco='chart-donut'], [data-taco='chart-pie'])) {
     @apply w-full;
 }

package/dist/taco.d.ts

@@ -3208,6 +3208,7 @@ export declare type TableColumnProps<TType = unknown> = TableColumnIdentifierPro
     dataType?: TableColumnDataType;
     defaultHidden?: boolean;
     defaultWidth?: TableColumnWidth;
+    emptyState?: React.ReactNode;
     enableEditing?: boolean;
     enableFiltering?: boolean;
     enableGrouping?: boolean;
@@ -4083,6 +4084,7 @@ declare module '@tanstack/table-core' {
         dataType?: TableColumnDataType;
         dataTypeOptions?: TableColumnDataTypeOptions;
         defaultWidth?: number;
+        emptyState?: React.ReactNode;
         enableEditing?: boolean;
         enableOrdering?: boolean;
         enablePrinting?: boolean;