@economic/taco 2.54.4 → 2.54.6-build.0

package/dist/taco.css

@@ -1,190 +1,184 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-    *,
-    *::before,
-    *::after {
-        box-sizing: border-box;
-    }
-
-    html {
-        @apply font-display h-screen;
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-    }
-
-    body {
-        @apply h-screen bg-white text-sm leading-5 text-black;
-    }
-
-    blockquote,
-    dl,
-    dd,
-    hr,
-    figure,
-    p,
-    pre,
-    ol,
-    ul,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        max-width: 100ch;
-    }
-
-    blockquote,
-    dl,
-    dd,
-    hr,
-    figure,
-    p,
-    pre,
-    ol,
-    ul {
-        @apply mb-10;
-    }
-
-    ol ol,
-    ul ul,
-    ol ul,
-    ul ol {
-        @apply mb-0;
-    }
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+html {
+    @apply font-display h-screen;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+}
+
+body {
+    @apply h-screen bg-white text-sm leading-5 text-black;
+}
+
+blockquote,
+dl,
+dd,
+hr,
+figure,
+p,
+pre,
+ol,
+ul,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    max-width: 100ch;
+}
+
+blockquote,
+dl,
+dd,
+hr,
+figure,
+p,
+pre,
+ol,
+ul {
+    @apply mb-10;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+    @apply mb-0;
+}
 
-    ul.list-disc,
-    ul.list-decimal,
-    ul.list-circle,
-    ol.list-disc,
-    ol.list-decimal,
-    ol.list-circle {
-        @apply pl-4;
-    }
+ul.list-disc,
+ul.list-decimal,
+ul.list-circle,
+ol.list-disc,
+ol.list-decimal,
+ol.list-circle {
+    @apply pl-4;
+}
 
-    dt {
-        @apply font-bold;
-    }
+dt {
+    @apply font-bold;
+}
 
-    blockquote {
-        @apply pl-8;
-    }
+blockquote {
+    @apply pl-8;
+}
 
-    hr {
-        @apply bg-grey-300 my-5 flex h-px border-none;
-    }
+hr {
+    @apply bg-grey-300 my-5 flex h-px border-none;
+}
 
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        @apply font-normal;
-    }
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    @apply font-normal;
+}
 
-    h1 {
-        @apply mb-5 text-3xl;
-    }
+h1 {
+    @apply mb-5 text-3xl;
+}
 
-    h2 {
-        @apply mb-2 text-2xl;
-    }
+h2 {
+    @apply mb-2 text-2xl;
+}
 
-    h3 {
-        @apply mb-2 text-xl;
-    }
+h3 {
+    @apply mb-2 text-xl;
+}
 
-    h4 {
-        @apply mb-1 text-base font-bold;
-    }
+h4 {
+    @apply mb-1 text-base font-bold;
+}
 
-    h5 {
-        @apply mb-1 text-sm font-bold;
-    }
+h5 {
+    @apply mb-1 text-sm font-bold;
+}
 
-    h6 {
-        @apply mb-1 text-xs font-bold;
-    }
+h6 {
+    @apply mb-1 text-xs font-bold;
+}
 
-    b,
-    strong {
-        @apply font-bold;
-    }
+b,
+strong {
+    @apply font-bold;
+}
 
-    a {
-        @apply text-blue-500 no-underline;
-    }
+a {
+    @apply text-blue-500 no-underline;
+}
 
-    a:hover,
-    a:focus {
-        @apply text-blue-300;
-    }
+a:hover,
+a:focus {
+    @apply text-blue-300;
+}
 
-    a:active {
-        @apply text-blue-700;
-    }
+a:active {
+    @apply text-blue-700;
+}
 
-    button::-moz-focus-inner {
-        @apply border-none;
-    }
+button::-moz-focus-inner {
+    @apply border-none;
+}
 
-    input[type='search']::-webkit-search-decoration,
-    input[type='search']::-webkit-search-cancel-button,
-    input[type='search']::-webkit-search-results-button,
-    input[type='search']::-webkit-search-results-decoration {
-        @apply block cursor-pointer;
-    }
+input[type='search']::-webkit-search-decoration,
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-results-button,
+input[type='search']::-webkit-search-results-decoration {
+    @apply block cursor-pointer;
+}
 
-    input[type='search']::-webkit-search-cancel-button {
-        -webkit-appearance: none;
-    }
+input[type='search']::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+}
 
-    table.yt-table {
-        @apply focus:yt-focus flex flex-col focus:rounded-sm;
-    }
-    table.yt-table thead.yt-table__head tr.yt-table__row {
-        @apply border-grey-100 flex h-auto min-h-[2.5rem] w-full select-none border-b-2 border-t-0 font-bold;
-    }
+table.yt-table {
+    @apply focus:yt-focus flex flex-col focus:rounded-sm;
+}
+table.yt-table thead.yt-table__head tr.yt-table__row {
+    @apply border-grey-100 flex h-auto min-h-[2.5rem] w-full select-none border-b-2 border-t-0 font-bold;
+}
 
-    table.yt-table thead.yt-table__head tr.yt-table__row th.yt-table__cell {
-        @apply text-grey-700 flex flex-1 justify-center truncate p-2 text-center align-middle hover:text-black;
-    }
+table.yt-table thead.yt-table__head tr.yt-table__row th.yt-table__cell {
+    @apply text-grey-700 flex flex-1 justify-center truncate p-2 text-center align-middle hover:text-black;
+}
 
-    table.yt-table tbody.yt-table__body tr.yt-table__row {
-        @apply border-grey-100 hover:bg-grey-100 flex min-h-[2.5rem] border-b;
-    }
+table.yt-table tbody.yt-table__body tr.yt-table__row {
+    @apply border-grey-100 hover:bg-grey-100 flex min-h-[2.5rem] border-b;
+}
 
-    table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {
-        @apply flex-1 truncate p-2 text-center align-middle;
-    }
+table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {
+    @apply flex-1 truncate p-2 text-center align-middle;
+}
 
-    [aria-hidden] > [data-taco='hanger'] {
-        @apply invisible;
-    }
+[aria-hidden] > [data-taco='hanger'] {
+    @apply invisible;
+}
 
-    /* 
+/*
      * While the dialog is open, all elements are aria-hidden except for the dialog content. This ensures that the
      * print document contains only the dialog content.
      */
-    [aria-hidden='true'] {
-        @apply print:!hidden;
-    }
+[aria-hidden='true'] {
+    @apply print:!hidden;
+}
 
-    .wcag-transparent {
-        @apply bg-black/[0.08] text-black;
-    }
+.wcag-transparent {
+    @apply bg-black/[0.08] text-black;
+}
 
-    @keyframes fade-in {
-        from {
-            @apply opacity-0;
-        }
-        to {
-            @apply opacity-100;
-        }
+@keyframes fade-in {
+    from {
+        @apply opacity-0;
+    }
+    to {
+        @apply opacity-100;
     }
 }
 .recharts-cartesian-axis line,

package/dist/taco.d.ts

@@ -2150,22 +2150,22 @@ declare type MenuButtonProps = {
     onClick: () => void;
 };
 
-declare type MenuCheckboxItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+export declare type MenuCheckboxItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
     disabled?: boolean;
     checked: boolean;
     onChange: (checked: boolean | 'indeterminate') => void;
 };
 
-declare type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {
+export declare type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {
     align?: Align;
     children: React_2.ReactNode;
     /** Set the position of the Menu relative to its trigger. Default value is `bottom` */
     placement?: Placement;
 };
 
-declare type MenuHeaderProps = React_2.HTMLAttributes<HTMLDivElement>;
+export declare type MenuHeaderProps = React_2.HTMLAttributes<HTMLDivElement>;
 
-declare type MenuItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+export declare type MenuItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
     dialog?: (props: Partial<DialogProps>) => JSX.Element;
     disabled?: boolean;
     icon?: IconName;
@@ -2175,7 +2175,7 @@ declare type MenuItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSel
     subMenu?: any;
 };
 
-declare type MenuLinkItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+export declare type MenuLinkItemProps = Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
     disabled?: boolean;
     icon?: IconName;
     href: string;
@@ -2198,13 +2198,13 @@ declare type MenuRadioGroupItemProps = RadioGroupItemProps<HTMLDivElement>;
 
 declare type MenuRadioGroupProps = RadioGroupProps;
 
-declare type MenuSeparatorProps = React_2.HTMLAttributes<HTMLDivElement>;
+export declare type MenuSeparatorProps = React_2.HTMLAttributes<HTMLDivElement>;
 
-declare type MenuSubMenuProps = Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps, 'children' | 'side'> & {
+export declare type MenuSubMenuProps = Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps, 'children' | 'side'> & {
     children: React_2.ReactNode;
 };
 
-declare type MenuTriggerProps = Omit<React_2.HTMLAttributes<HTMLButtonElement>, 'children'> & {
+export declare type MenuTriggerProps = Omit<React_2.HTMLAttributes<HTMLButtonElement>, 'children'> & {
     children: React_2.ReactElement;
 };
 
@@ -3720,6 +3720,13 @@ export declare type TreeviewItemProps = default_2.LinkHTMLAttributes<HTMLAnchorE
 
 export declare type TreeviewProps = default_2.HTMLAttributes<HTMLDivElement>;
 
+export declare const Truncate: ({ children, tooltip }: TruncateProps) => default_2.JSX.Element;
+
+export declare type TruncateProps = {
+    children: default_2.ReactElement;
+    tooltip: string;
+};
+
 export declare interface UncontrolledCheckboxProps extends CheckboxBaseProps {
     checked?: never;
     onChange?: never;

package/dist/taco.js

@@ -84239,6 +84239,7 @@ export {
   Tour,
   TourStep,
   Treeview,
+  Truncate,
   VisuallyHidden,
   WindowedTable,
   convertRowIndexPathToNumberArray,