@economic/taco 1.15.1 → 1.16.0

package/dist/esm/index.css

@@ -1,267 +1,196 @@
-@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;
-    }
-
-    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;
-    }
-
-    blockquote {
-        @apply pl-8;
-    }
-
-    hr {
-        @apply bg-grey-light my-5 flex h-px border-none;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        @apply font-normal;
-    }
-
-    h1 {
-        @apply mb-5 text-3xl;
-    }
-
-    h2 {
-        @apply mb-2 text-2xl;
-    }
-
-    h3 {
-        @apply mb-2 text-xl;
-    }
-
-    h4 {
-        @apply mb-1 text-base font-bold;
-    }
-
-    h5 {
-        @apply mb-1 text-sm font-bold;
-    }
-
-    h6 {
-        @apply mb-1 text-xs font-bold;
-    }
-
-    b,
-    strong {
-        @apply font-bold;
-    }
-
-    a {
-        @apply text-blue no-underline;
-    }
-
-    a:hover,
-    a:focus {
-        @apply text-blue-light;
-    }
-
-    a:active {
-        @apply text-blue-dark;
-    }
-
-    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;
-    }
-
-    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-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold;
-    }
-
-    table.yt-table thead.yt-table__head tr.yt-table__row th.yt-table__cell {
-        @apply text-grey-darkest 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-light hover:bg-grey-light 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;
-    }
-
-    [aria-hidden] > [data-taco='menu'],
-    [aria-hidden] > [data-taco='hanger'] {
-        @apply invisible;
-    }
-
-    @keyframes fade-in {
-        from {
-            @apply opacity-0;
-        }
-        to {
-            @apply opacity-100;
-        }
-    }
-}
-
-[data-taco='badge'] > [data-taco='spinner'] {
-    @apply ml-2 h-3 w-3;
-}
-
-[data-taco='badge'] > [data-taco='spinner'] svg circle {
-    stroke-width: 15px;
-}
-
-[data-taco='badge'] > * {
-    @apply max-h-full p-0;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    *,
+    *::before,
+    *::after {
+        box-sizing: border-box;
+    }
 
-[data-taco='button'] > [data-taco='icon'] {
-    @apply pointer-events-none -ml-2 -mt-2 -mb-2 inline p-px;
-}
+    html {
+        @apply font-display h-screen;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-font-smoothing: antialiased;
+    }
 
-[data-taco='button'] > * + [data-taco='icon'] {
-    @apply -mr-2 ml-0;
-}
+    body {
+        @apply h-screen bg-white text-sm leading-5 text-black;
+    }
 
-[data-taco='spinner'] svg circle {
-    @apply flex;
-    fill: transparent;
-    stroke-width: 10px;
-    animation: spinnerAnimation 1.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite both;
-    transform-origin: 50% 50%;
-    stroke-linecap: round;
-    stroke-dasharray: 282.743343;
-    stroke-dashoffset: 67.85840232;
-    stroke: theme('colors.blue.DEFAULT');
-}
+    blockquote,
+    dl,
+    dd,
+    hr,
+    figure,
+    p,
+    pre,
+    ol,
+    ul,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        max-width: 100ch;
+    }
 
-@keyframes spinnerAnimation {
-    0% {
-        stroke-dashoffset: 237.50440812;
-        transform: rotate(0);
+    blockquote,
+    dl,
+    dd,
+    hr,
+    figure,
+    p,
+    pre,
+    ol,
+    ul {
+        @apply mb-10;
     }
-    50% {
-        stroke-dashoffset: 67.85840232;
-        transform: rotate(45deg);
+
+    ol ol,
+    ul ul,
+    ol ul,
+    ul ol {
+        @apply mb-0;
     }
-    100% {
-        stroke-dashoffset: 237.50440812;
-        transform: rotate(1turn);
+
+    ul.list-disc,
+    ul.list-decimal,
+    ul.list-circle,
+    ol.list-disc,
+    ol.list-decimal,
+    ol.list-circle {
+        @apply pl-4;
     }
-}
 
-@keyframes spinnerRotation {
-    0% {
-        transform: rotate(0deg);
+    dt {
+        @apply font-bold;
     }
-    100% {
-        transform: rotate(1turn);
+
+    blockquote {
+        @apply pl-8;
     }
-}
 
-.yt-grey-solid [data-taco='spinner'] svg circle,
-.yt-yellow-solid [data-taco='spinner'] svg circle {
-    stroke: theme('colors.grey.darkest');
-}
+    hr {
+        @apply bg-grey-light my-5 flex h-px border-none;
+    }
 
-.yt-blue-solid [data-taco='spinner'] svg circle,
-.yt-green-solid [data-taco='spinner'] svg circle,
-.yt-red-solid [data-taco='spinner'] svg circle {
-    stroke: theme('colors.white');
-}
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        @apply font-normal;
+    }
 
-.yt-blue-inverted svg circle {
-    stroke: theme('colors.blue.DEFAULT');
+    h1 {
+        @apply mb-5 text-3xl;
+    }
+
+    h2 {
+        @apply mb-2 text-2xl;
+    }
+
+    h3 {
+        @apply mb-2 text-xl;
+    }
+
+    h4 {
+        @apply mb-1 text-base font-bold;
+    }
+
+    h5 {
+        @apply mb-1 text-sm font-bold;
+    }
+
+    h6 {
+        @apply mb-1 text-xs font-bold;
+    }
+
+    b,
+    strong {
+        @apply font-bold;
+    }
+
+    a {
+        @apply text-blue no-underline;
+    }
+
+    a:hover,
+    a:focus {
+        @apply text-blue-light;
+    }
+
+    a:active {
+        @apply text-blue-dark;
+    }
+
+    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;
+    }
+
+    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-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold;
+    }
+
+    table.yt-table thead.yt-table__head tr.yt-table__row th.yt-table__cell {
+        @apply text-grey-darkest 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-light hover:bg-grey-light 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;
+    }
+
+    [aria-hidden] > [data-taco='menu'],
+    [aria-hidden] > [data-taco='hanger'] {
+        @apply invisible;
+    }
+
+    @keyframes fade-in {
+        from {
+            @apply opacity-0;
+        }
+        to {
+            @apply opacity-100;
+        }
+    }
 }
 
-.yt-yellow-inverted svg circle {
-    stroke: theme('colors.yellow.DEFAULT');
+[data-taco='badge'] > [data-taco='spinner'] {
+    @apply ml-2 h-3 w-3;
 }
 
-.yt-red-inverted svg circle {
-    stroke: theme('colors.red.DEFAULT');
+[data-taco='badge'] > [data-taco='spinner'] svg circle {
+    stroke-width: 15px;
 }
 
-.yt-green-inverted svg circle {
-    stroke: theme('colors.green.DEFAULT');
+[data-taco='badge'] > * {
+    @apply max-h-full p-0;
 }
 
-.yt-grey-inverted svg circle {
-    stroke: theme('colors.grey.darkest');
+[data-taco='button'] > [data-taco='icon'] {
+    @apply pointer-events-none -ml-2 -mt-2 -mb-2 inline p-px;
 }
 
-[data-taco='toast'] > div [data-taco='button'] {
-    @apply -mt-px py-0 px-2;
+[data-taco='button'] > * + [data-taco='icon'] {
+    @apply -mr-2 ml-0;
 }
 
 [data-taco='calendar'] .DayPicker-wrapper {
@@ -393,10 +322,77 @@
     @apply mr-2 mt-2 h-5 w-5 opacity-75;
 }
 
-[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul,
-[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul:hover {
-    @apply border-blue;
-}
+[data-taco='spinner'] svg circle {
+    @apply flex;
+    fill: transparent;
+    stroke-width: 10px;
+    animation: spinnerAnimation 1.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite both;
+    transform-origin: 50% 50%;
+    stroke-linecap: round;
+    stroke-dasharray: 282.743343;
+    stroke-dashoffset: 67.85840232;
+    stroke: theme('colors.blue.DEFAULT');
+}
+
+@keyframes spinnerAnimation {
+    0% {
+        stroke-dashoffset: 237.50440812;
+        transform: rotate(0);
+    }
+    50% {
+        stroke-dashoffset: 67.85840232;
+        transform: rotate(45deg);
+    }
+    100% {
+        stroke-dashoffset: 237.50440812;
+        transform: rotate(1turn);
+    }
+}
+
+@keyframes spinnerRotation {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(1turn);
+    }
+}
+
+.yt-grey-solid [data-taco='spinner'] svg circle,
+.yt-yellow-solid [data-taco='spinner'] svg circle {
+    stroke: theme('colors.grey.darkest');
+}
+
+.yt-blue-solid [data-taco='spinner'] svg circle,
+.yt-green-solid [data-taco='spinner'] svg circle,
+.yt-red-solid [data-taco='spinner'] svg circle {
+    stroke: theme('colors.white');
+}
+
+.yt-blue-inverted svg circle {
+    stroke: theme('colors.blue.DEFAULT');
+}
+
+.yt-yellow-inverted svg circle {
+    stroke: theme('colors.yellow.DEFAULT');
+}
+
+.yt-red-inverted svg circle {
+    stroke: theme('colors.red.DEFAULT');
+}
+
+.yt-green-inverted svg circle {
+    stroke: theme('colors.green.DEFAULT');
+}
+
+.yt-grey-inverted svg circle {
+    stroke: theme('colors.grey.darkest');
+}
+
+[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul,
+[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul:hover {
+    @apply border-blue;
+}
 
 .yt-dialog__drag::before,
 .yt-dialog__drag::after {
@@ -507,6 +503,10 @@
     }
 }
 
+[data-taco='toast'] > div [data-taco='button'] {
+    @apply -mt-px py-0 px-2;
+}
+
 /* rows */
 .yt-table__row {
     @apply border-grey-light flex border-b;

package/dist/esm/packages/taco/src/components/AlertDialog/AlertDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.js","sources":["../../../../../../../src/components/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\nimport { AlertDialogContext } from './Context';\r\nimport { Trigger, AlertDialogTriggerProps } from './components/Trigger';\r\nimport {\r\n    Cancel,\r\n    Action,\r\n    Footer,\r\n    AlertDialogCancelProps,\r\n    AlertDialogActionProps,\r\n    AlertDialogFooterProps,\r\n} from './components/Footer';\r\nimport { Title, Content, AlertDialogContentProps, AlertDialogTitleProps } from './components/Content';\r\n\r\nexport type AlertDialogProps = {\r\n    children: React.ReactNode | React.ReactNode[];\r\n    /** Set whether the alert dialog is open by default or not, use when not providing a trigger  */\r\n    defaultOpen?: boolean;\r\n    /** Called when the alert dialog opens or closes, must be used in conjunction with open  */\r\n    onChange?: (open: boolean) => void;\r\n    /** Control the open state of the dialog from outside the component  */\r\n    open?: boolean;\r\n    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n};\r\n\r\nexport type ForwardedAlertDialogWithStatics = React.ForwardRefExoticComponent<\r\n    AlertDialogProps & React.RefAttributes<HTMLElement>\r\n> & {\r\n    Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\r\n    Content: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;\r\n    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\r\n    Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;\r\n    Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;\r\n    Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;\r\n};\r\n\r\nexport const AlertDialog = React.forwardRef(function AlertDialog(props: AlertDialogProps, ref: React.Ref<HTMLElement>) {\r\n    const { children: initialChildren, defaultOpen, onChange, open, trigger, ...otherProps } = props;\r\n\r\n    const context = React.useMemo(\r\n        () => ({\r\n            props: otherProps,\r\n            ref,\r\n        }),\r\n        [open, otherProps]\r\n    );\r\n\r\n    return (\r\n        <AlertDialogContext.Provider value={context}>\r\n            <AlertDialogPrimitive.Root {...props} defaultOpen={defaultOpen} open={open} onOpenChange={onChange}>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {props.children}\r\n            </AlertDialogPrimitive.Root>\r\n        </AlertDialogContext.Provider>\r\n    );\r\n}) as ForwardedAlertDialogWithStatics;\r\n\r\nAlertDialog.Trigger = Trigger;\r\nAlertDialog.Content = Content;\r\nAlertDialog.Title = Title;\r\nAlertDialog.Cancel = Cancel;\r\nAlertDialog.Action = Action;\r\nAlertDialog.Footer = Footer;\r\n"],"names":["AlertDialog","React","props","ref","children","initialChildren","defaultOpen","onChange","open","trigger","otherProps","context","AlertDialogContext","Provider","value","AlertDialogPrimitive","onOpenChange","Trigger","Content","Title","Cancel","Action","Footer"],"mappings":";;;;;;;MAqCaA,WAAW,gBAAGC,UAAgB,CAAC,SAASD,WAAW,CAACE,KAAuB,EAAEC,GAA2B;EACjH,MAAM;IAAEC,QAAQ,EAAEC,eAAe;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGR,KAAK;EAEhG,MAAMS,OAAO,GAAGV,OAAa,CACzB,OAAO;IACHC,KAAK,EAAEQ,UAAU;IACjBP;GACH,CAAC,EACF,CAACK,IAAI,EAAEE,UAAU,CAAC,CACrB;EAED,oBACIT,cAACW,kBAAkB,CAACC,QAAQ;IAACC,KAAK,EAAEH;kBAChCV,cAACc,IAAyB,oBAAKb,KAAK;IAAEI,WAAW,EAAEA,WAAW;IAAEE,IAAI,EAAEA,IAAI;IAAEQ,YAAY,EAAET;MACrFE,OAAO,iBAAIR,cAACgB,OAAO,QAAER,OAAO,CAAW,EACvCP,KAAK,CAACE,QAAQ,CACS,CACF;AAEtC,CAAC;AAEDJ,WAAW,CAACiB,OAAO,GAAGA,OAAO;AAC7BjB,WAAW,CAACkB,OAAO,GAAGA,OAAO;AAC7BlB,WAAW,CAACmB,KAAK,GAAGA,KAAK;AACzBnB,WAAW,CAACoB,MAAM,GAAGA,MAAM;AAC3BpB,WAAW,CAACqB,MAAM,GAAGA,MAAM;AAC3BrB,WAAW,CAACsB,MAAM,GAAGA,MAAM;;;;"}
+{"version":3,"file":"AlertDialog.js","sources":["../../../../../../../src/components/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { AlertDialogContext } from './Context';\nimport { Trigger, AlertDialogTriggerProps } from './components/Trigger';\nimport {\n    Cancel,\n    Action,\n    Footer,\n    AlertDialogCancelProps,\n    AlertDialogActionProps,\n    AlertDialogFooterProps,\n} from './components/Footer';\nimport { Title, Content, AlertDialogContentProps, AlertDialogTitleProps } from './components/Content';\n\nexport type AlertDialogProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** Set whether the alert dialog is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Called when the alert dialog opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the dialog from outside the component  */\n    open?: boolean;\n    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\n\nexport type ForwardedAlertDialogWithStatics = React.ForwardRefExoticComponent<\n    AlertDialogProps & React.RefAttributes<HTMLElement>\n> & {\n    Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;\n    Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;\n};\n\nexport const AlertDialog = React.forwardRef(function AlertDialog(props: AlertDialogProps, ref: React.Ref<HTMLElement>) {\n    const { children: initialChildren, defaultOpen, onChange, open, trigger, ...otherProps } = props;\n\n    const context = React.useMemo(\n        () => ({\n            props: otherProps,\n            ref,\n        }),\n        [open, otherProps]\n    );\n\n    return (\n        <AlertDialogContext.Provider value={context}>\n            <AlertDialogPrimitive.Root {...props} defaultOpen={defaultOpen} open={open} onOpenChange={onChange}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {props.children}\n            </AlertDialogPrimitive.Root>\n        </AlertDialogContext.Provider>\n    );\n}) as ForwardedAlertDialogWithStatics;\n\nAlertDialog.Trigger = Trigger;\nAlertDialog.Content = Content;\nAlertDialog.Title = Title;\nAlertDialog.Cancel = Cancel;\nAlertDialog.Action = Action;\nAlertDialog.Footer = Footer;\n"],"names":["AlertDialog","React","props","ref","children","initialChildren","defaultOpen","onChange","open","trigger","otherProps","context","AlertDialogContext","Provider","value","AlertDialogPrimitive","onOpenChange","Trigger","Content","Title","Cancel","Action","Footer"],"mappings":";;;;;;;MAqCaA,WAAW,gBAAGC,UAAgB,CAAC,SAASD,WAAW,CAACE,KAAuB,EAAEC,GAA2B;EACjH,MAAM;IAAEC,QAAQ,EAAEC,eAAe;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGR,KAAK;EAEhG,MAAMS,OAAO,GAAGV,OAAa,CACzB,OAAO;IACHC,KAAK,EAAEQ,UAAU;IACjBP;GACH,CAAC,EACF,CAACK,IAAI,EAAEE,UAAU,CAAC,CACrB;EAED,oBACIT,cAACW,kBAAkB,CAACC,QAAQ;IAACC,KAAK,EAAEH;kBAChCV,cAACc,IAAyB,oBAAKb,KAAK;IAAEI,WAAW,EAAEA,WAAW;IAAEE,IAAI,EAAEA,IAAI;IAAEQ,YAAY,EAAET;MACrFE,OAAO,iBAAIR,cAACgB,OAAO,QAAER,OAAO,CAAW,EACvCP,KAAK,CAACE,QAAQ,CACS,CACF;AAEtC,CAAC;AAEDJ,WAAW,CAACiB,OAAO,GAAGA,OAAO;AAC7BjB,WAAW,CAACkB,OAAO,GAAGA,OAAO;AAC7BlB,WAAW,CAACmB,KAAK,GAAGA,KAAK;AACzBnB,WAAW,CAACoB,MAAM,GAAGA,MAAM;AAC3BpB,WAAW,CAACqB,MAAM,GAAGA,MAAM;AAC3BrB,WAAW,CAACsB,MAAM,GAAGA,MAAM;;;;"}

package/dist/esm/packages/taco/src/components/AlertDialog/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/AlertDialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\r\nimport React from 'react';\r\n\r\nexport type AlertDialogContext = {\r\n    props: {};\r\n    ref: React.Ref<HTMLElement>;\r\n};\r\n\r\nexport const AlertDialogContext = React.createContext<AlertDialogContext>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport const useCurrentAlertDialog = () => {\r\n    return React.useContext(AlertDialogContext);\r\n};\r\n"],"names":["AlertDialogContext","React","createContext","props","ref","useCurrentAlertDialog","useContext"],"mappings":";;AAAA;MAQaA,kBAAkB,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EACtEC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE;CACR;MAEYC,qBAAqB,GAAG;EACjC,OAAOJ,cAAK,CAACK,UAAU,CAACN,kBAAkB,CAAC;AAC/C;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/AlertDialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\nexport type AlertDialogContext = {\n    props: {};\n    ref: React.Ref<HTMLElement>;\n};\n\nexport const AlertDialogContext = React.createContext<AlertDialogContext>({\n    props: {},\n    ref: null,\n});\n\nexport const useCurrentAlertDialog = () => {\n    return React.useContext(AlertDialogContext);\n};\n"],"names":["AlertDialogContext","React","createContext","props","ref","useCurrentAlertDialog","useContext"],"mappings":";;AAAA;MAQaA,kBAAkB,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EACtEC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE;CACR;MAEYC,qBAAqB,GAAG;EACjC,OAAOJ,cAAK,CAACK,UAAU,CAACN,kBAAkB,CAAC;AAC/C;;;;"}

package/dist/esm/packages/taco/src/components/AlertDialog/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/AlertDialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\nimport cn from 'classnames';\r\nimport { Backdrop } from '../../Backdrop/Backdrop';\r\nimport { getDialogPositionClassnames, getDialogSizeClassnames, getDialogStylingClassnames } from '../../Dialog/util';\r\n\r\nexport type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\r\nexport const Title = React.forwardRef(function AlertDialogTitle(\r\n    props: AlertDialogTitleProps,\r\n    ref: React.Ref<HTMLHeadingElement>\r\n) {\r\n    const className = cn('text-center', props.className);\r\n    return <AlertDialogPrimitive.Title {...props} className={className} ref={ref} />;\r\n});\r\n\r\nexport type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    /** An accessible label to be announced when the dialog is opened */\r\n    'aria-label': string;\r\n    children: React.ReactNode;\r\n};\r\nexport const Content = React.forwardRef(function AlertDialogContent(\r\n    props: AlertDialogContentProps,\r\n    ref: React.Ref<HTMLDivElement>\r\n) {\r\n    const className = cn('p-6', getDialogPositionClassnames(), getDialogStylingClassnames(), getDialogSizeClassnames('dialog'));\r\n\r\n    return (\r\n        <AlertDialogPrimitive.Portal>\r\n            <AlertDialogPrimitive.Overlay asChild>\r\n                <Backdrop>\r\n                    <AlertDialogPrimitive.Content\r\n                        {...props}\r\n                        ref={ref}\r\n                        className={className}\r\n                        onEscapeKeyDown={event => event.preventDefault()}>\r\n                        {props.children}\r\n                    </AlertDialogPrimitive.Content>\r\n                </Backdrop>\r\n            </AlertDialogPrimitive.Overlay>\r\n        </AlertDialogPrimitive.Portal>\r\n    );\r\n});\r\n"],"names":["Title","React","AlertDialogTitle","props","ref","className","cn","AlertDialogPrimitive","Content","AlertDialogContent","getDialogPositionClassnames","getDialogStylingClassnames","getDialogSizeClassnames","asChild","Backdrop","onEscapeKeyDown","event","preventDefault","children"],"mappings":";;;;;;MAOaA,KAAK,gBAAGC,UAAgB,CAAC,SAASC,gBAAgB,CAC3DC,KAA4B,EAC5BC,GAAkC;EAElC,MAAMC,SAAS,GAAGC,EAAE,CAAC,aAAa,EAAEH,KAAK,CAACE,SAAS,CAAC;EACpD,oBAAOJ,cAACM,OAA0B,oBAAKJ,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AACpF,CAAC;MAOYI,OAAO,gBAAGP,UAAgB,CAAC,SAASQ,kBAAkB,CAC/DN,KAA8B,EAC9BC,GAA8B;EAE9B,MAAMC,SAAS,GAAGC,EAAE,CAAC,KAAK,EAAEI,2BAA2B,EAAE,EAAEC,0BAA0B,EAAE,EAAEC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;EAE3H,oBACIX,cAACM,MAA2B,qBACxBN,cAACM,OAA4B;IAACM,OAAO;kBACjCZ,cAACa,QAAQ,qBACLb,cAACM,SAA4B,oBACrBJ,KAAK;IACTC,GAAG,EAAEA,GAAG;IACRC,SAAS,EAAEA,SAAS;IACpBU,eAAe,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc;MAC7Cd,KAAK,CAACe,QAAQ,CACY,CACxB,CACgB,CACL;AAEtC,CAAC;;;;"}
+{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/AlertDialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport cn from 'classnames';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { getDialogPositionClassnames, getDialogSizeClassnames, getDialogStylingClassnames } from '../../Dialog/util';\n\nexport type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function AlertDialogTitle(\n    props: AlertDialogTitleProps,\n    ref: React.Ref<HTMLHeadingElement>\n) {\n    const className = cn('text-center', props.className);\n    return <AlertDialogPrimitive.Title {...props} className={className} ref={ref} />;\n});\n\nexport type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode;\n};\nexport const Content = React.forwardRef(function AlertDialogContent(\n    props: AlertDialogContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const className = cn('p-6', getDialogPositionClassnames(), getDialogStylingClassnames(), getDialogSizeClassnames('dialog'));\n\n    return (\n        <AlertDialogPrimitive.Portal>\n            <AlertDialogPrimitive.Overlay asChild>\n                <Backdrop>\n                    <AlertDialogPrimitive.Content\n                        {...props}\n                        ref={ref}\n                        className={className}\n                        onEscapeKeyDown={event => event.preventDefault()}>\n                        {props.children}\n                    </AlertDialogPrimitive.Content>\n                </Backdrop>\n            </AlertDialogPrimitive.Overlay>\n        </AlertDialogPrimitive.Portal>\n    );\n});\n"],"names":["Title","React","AlertDialogTitle","props","ref","className","cn","AlertDialogPrimitive","Content","AlertDialogContent","getDialogPositionClassnames","getDialogStylingClassnames","getDialogSizeClassnames","asChild","Backdrop","onEscapeKeyDown","event","preventDefault","children"],"mappings":";;;;;;MAOaA,KAAK,gBAAGC,UAAgB,CAAC,SAASC,gBAAgB,CAC3DC,KAA4B,EAC5BC,GAAkC;EAElC,MAAMC,SAAS,GAAGC,EAAE,CAAC,aAAa,EAAEH,KAAK,CAACE,SAAS,CAAC;EACpD,oBAAOJ,cAACM,OAA0B,oBAAKJ,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AACpF,CAAC;MAOYI,OAAO,gBAAGP,UAAgB,CAAC,SAASQ,kBAAkB,CAC/DN,KAA8B,EAC9BC,GAA8B;EAE9B,MAAMC,SAAS,GAAGC,EAAE,CAAC,KAAK,EAAEI,2BAA2B,EAAE,EAAEC,0BAA0B,EAAE,EAAEC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;EAE3H,oBACIX,cAACM,MAA2B,qBACxBN,cAACM,OAA4B;IAACM,OAAO;kBACjCZ,cAACa,QAAQ,qBACLb,cAACM,SAA4B,oBACrBJ,KAAK;IACTC,GAAG,EAAEA,GAAG;IACRC,SAAS,EAAEA,SAAS;IACpBU,eAAe,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc;MAC7Cd,KAAK,CAACe,QAAQ,CACY,CACxB,CACgB,CACL;AAEtC,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/AlertDialog/components/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../../../../src/components/AlertDialog/components/Footer.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\n\r\nexport type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\r\nexport const Footer = React.forwardRef(function AlertDialogFooter(props: AlertDialogFooterProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = 'flex justify-end gap-2';\r\n\r\n    return (\r\n        <div {...props} className={className} ref={ref}>\r\n            {props.children}\r\n        </div>\r\n    );\r\n});\r\n\r\nexport type AlertDialogCancelProps = React.HTMLAttributes<HTMLButtonElement>;\r\nexport const Cancel = React.forwardRef(function AlertDialogCancel(\r\n    props: AlertDialogCancelProps,\r\n    ref: React.Ref<HTMLButtonElement>\r\n) {\r\n    return <AlertDialogPrimitive.Cancel {...props} ref={ref} asChild />;\r\n});\r\n\r\nexport type AlertDialogActionProps = React.HTMLAttributes<HTMLButtonElement>;\r\nexport const Action = React.forwardRef(function AlertDialogAction(\r\n    props: AlertDialogActionProps,\r\n    ref: React.Ref<HTMLButtonElement>\r\n) {\r\n    return <AlertDialogPrimitive.Action {...props} className={props.className} ref={ref} asChild />;\r\n});\r\n"],"names":["Footer","React","AlertDialogFooter","props","ref","className","children","Cancel","AlertDialogCancel","AlertDialogPrimitive","asChild","Action","AlertDialogAction"],"mappings":";;;MAIaA,MAAM,gBAAGC,UAAgB,CAAC,SAASC,iBAAiB,CAACC,KAA6B,EAAEC,GAA8B;EAC3H,MAAMC,SAAS,GAAG,wBAAwB;EAE1C,oBACIJ,uCAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;MACtCD,KAAK,CAACG,QAAQ,CACb;AAEd,CAAC;MAGYC,MAAM,gBAAGN,UAAgB,CAAC,SAASO,iBAAiB,CAC7DL,KAA6B,EAC7BC,GAAiC;EAEjC,oBAAOH,cAACQ,QAA2B,oBAAKN,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEM,OAAO;KAAG;AACvE,CAAC;MAGYC,MAAM,gBAAGV,UAAgB,CAAC,SAASW,iBAAiB,CAC7DT,KAA6B,EAC7BC,GAAiC;EAEjC,oBAAOH,cAACQ,QAA2B,oBAAKN,KAAK;IAAEE,SAAS,EAAEF,KAAK,CAACE,SAAS;IAAED,GAAG,EAAEA,GAAG;IAAEM,OAAO;KAAG;AACnG,CAAC;;;;"}
+{"version":3,"file":"Footer.js","sources":["../../../../../../../../src/components/AlertDialog/components/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nexport type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;\nexport const Footer = React.forwardRef(function AlertDialogFooter(props: AlertDialogFooterProps, ref: React.Ref<HTMLDivElement>) {\n    const className = 'flex justify-end gap-2';\n\n    return (\n        <div {...props} className={className} ref={ref}>\n            {props.children}\n        </div>\n    );\n});\n\nexport type AlertDialogCancelProps = React.HTMLAttributes<HTMLButtonElement>;\nexport const Cancel = React.forwardRef(function AlertDialogCancel(\n    props: AlertDialogCancelProps,\n    ref: React.Ref<HTMLButtonElement>\n) {\n    return <AlertDialogPrimitive.Cancel {...props} ref={ref} asChild />;\n});\n\nexport type AlertDialogActionProps = React.HTMLAttributes<HTMLButtonElement>;\nexport const Action = React.forwardRef(function AlertDialogAction(\n    props: AlertDialogActionProps,\n    ref: React.Ref<HTMLButtonElement>\n) {\n    return <AlertDialogPrimitive.Action {...props} className={props.className} ref={ref} asChild />;\n});\n"],"names":["Footer","React","AlertDialogFooter","props","ref","className","children","Cancel","AlertDialogCancel","AlertDialogPrimitive","asChild","Action","AlertDialogAction"],"mappings":";;;MAIaA,MAAM,gBAAGC,UAAgB,CAAC,SAASC,iBAAiB,CAACC,KAA6B,EAAEC,GAA8B;EAC3H,MAAMC,SAAS,GAAG,wBAAwB;EAE1C,oBACIJ,uCAASE,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;MACtCD,KAAK,CAACG,QAAQ,CACb;AAEd,CAAC;MAGYC,MAAM,gBAAGN,UAAgB,CAAC,SAASO,iBAAiB,CAC7DL,KAA6B,EAC7BC,GAAiC;EAEjC,oBAAOH,cAACQ,QAA2B,oBAAKN,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEM,OAAO;KAAG;AACvE,CAAC;MAGYC,MAAM,gBAAGV,UAAgB,CAAC,SAASW,iBAAiB,CAC7DT,KAA6B,EAC7BC,GAAiC;EAEjC,oBAAOH,cAACQ,QAA2B,oBAAKN,KAAK;IAAEE,SAAS,EAAEF,KAAK,CAACE,SAAS;IAAED,GAAG,EAAEA,GAAG;IAAEM,OAAO;KAAG;AACnG,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/AlertDialog/components/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/AlertDialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\nimport { useCurrentAlertDialog } from '../Context';\r\nimport { mergeRefs } from '../../../utils/mergeRefs';\r\n\r\nexport type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\r\n\r\nexport const Trigger = React.forwardRef(function AlertDialogTrigger(\r\n    props: AlertDialogTriggerProps,\r\n    externalRef: React.Ref<HTMLButtonElement>\r\n) {\r\n    const { ref: parentRef, props: parentProps } = useCurrentAlertDialog();\r\n    const refCallback = mergeRefs([parentRef, externalRef]);\r\n\r\n    return <AlertDialogPrimitive.Trigger {...parentProps} {...props} ref={refCallback} asChild />;\r\n});\r\n"],"names":["Trigger","React","AlertDialogTrigger","props","externalRef","ref","parentRef","parentProps","useCurrentAlertDialog","refCallback","mergeRefs","AlertDialogPrimitive","asChild"],"mappings":";;;;;MAOaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,kBAAkB,CAC/DC,KAA8B,EAC9BC,WAAyC;EAEzC,MAAM;IAAEC,GAAG,EAAEC,SAAS;IAAEH,KAAK,EAAEI;GAAa,GAAGC,qBAAqB,EAAE;EACtE,MAAMC,WAAW,GAAGC,SAAS,CAAC,CAACJ,SAAS,EAAEF,WAAW,CAAC,CAAC;EAEvD,oBAAOH,cAACU,SAA4B,oBAAKJ,WAAW,EAAMJ,KAAK;IAAEE,GAAG,EAAEI,WAAW;IAAEG,OAAO;KAAG;AACjG,CAAC;;;;"}
+{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/AlertDialog/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { useCurrentAlertDialog } from '../Context';\nimport { mergeRefs } from '../../../utils/mergeRefs';\n\nexport type AlertDialogTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\n\nexport const Trigger = React.forwardRef(function AlertDialogTrigger(\n    props: AlertDialogTriggerProps,\n    externalRef: React.Ref<HTMLButtonElement>\n) {\n    const { ref: parentRef, props: parentProps } = useCurrentAlertDialog();\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    return <AlertDialogPrimitive.Trigger {...parentProps} {...props} ref={refCallback} asChild />;\n});\n"],"names":["Trigger","React","AlertDialogTrigger","props","externalRef","ref","parentRef","parentProps","useCurrentAlertDialog","refCallback","mergeRefs","AlertDialogPrimitive","asChild"],"mappings":";;;;;MAOaA,OAAO,gBAAGC,UAAgB,CAAC,SAASC,kBAAkB,CAC/DC,KAA8B,EAC9BC,WAAyC;EAEzC,MAAM;IAAEC,GAAG,EAAEC,SAAS;IAAEH,KAAK,EAAEI;GAAa,GAAGC,qBAAqB,EAAE;EACtE,MAAMC,WAAW,GAAGC,SAAS,CAAC,CAACJ,SAAS,EAAEF,WAAW,CAAC,CAAC;EAEvD,oBAAOH,cAACU,SAA4B,oBAAKJ,WAAW,EAAMJ,KAAK;IAAEE,GAAG,EAAEI,WAAW;IAAEG,OAAO;KAAG;AACjG,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Backdrop/Backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.js","sources":["../../../../../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nexport type BackdropProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(props, ref) {\r\n    const className = cn(\r\n        'fixed inset-0 cursor-default overflow-y-auto bg-purple-darker/[0.3] aria-hidden:invisible',\r\n        props.className\r\n    );\r\n\r\n    return <div {...props} className={className} data-taco=\"backdrop\" ref={ref} />;\r\n});\r\n"],"names":["Backdrop","React","props","ref","className","cn"],"mappings":";;;MAKaA,QAAQ,gBAAGC,UAAgB,CAAgC,SAASD,QAAQ,CAACE,KAAK,EAAEC,GAAG;EAChG,MAAMC,SAAS,GAAGC,EAAE,CAChB,2FAA2F,EAC3FH,KAAK,CAACE,SAAS,CAClB;EAED,oBAAOH,uCAASC,KAAK;IAAEE,SAAS,EAAEA,SAAS;iBAAY,UAAU;IAACD,GAAG,EAAEA;KAAO;AAClF,CAAC;;;;"}
+{"version":3,"file":"Backdrop.js","sources":["../../../../../../../src/components/Backdrop/Backdrop.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\n\nexport type BackdropProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Backdrop = React.forwardRef<HTMLDivElement, BackdropProps>(function Backdrop(props, ref) {\n    const className = cn(\n        'fixed inset-0 cursor-default overflow-y-auto bg-purple-darker/[0.3] aria-hidden:invisible',\n        props.className\n    );\n\n    return <div {...props} className={className} data-taco=\"backdrop\" ref={ref} />;\n});\n"],"names":["Backdrop","React","props","ref","className","cn"],"mappings":";;;MAKaA,QAAQ,gBAAGC,UAAgB,CAAgC,SAASD,QAAQ,CAACE,KAAK,EAAEC,GAAG;EAChG,MAAMC,SAAS,GAAGC,EAAE,CAChB,2FAA2F,EAC3FH,KAAK,CAACE,SAAS,CAClB;EAED,oBAAOH,uCAASC,KAAK;IAAEE,SAAS,EAAEA,SAAS;iBAAY,UAAU;IAACD,GAAG,EAAEA;KAAO;AAClF,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Banner/Banner.js

@@ -2,6 +2,7 @@ import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { getBannerIcon } from './util.js';
 import { IconButton } from '../IconButton/IconButton.js';
+import { useLocalization } from '../Provider/Localization.js';
 
 const Banner = /*#__PURE__*/forwardRef(function Banner(props, ref) {
   const {
@@ -9,12 +10,16 @@ const Banner = /*#__PURE__*/forwardRef(function Banner(props, ref) {
     state,
     onClose
   } = props;
+  const {
+    texts
+  } = useLocalization();
   const className = cn('bg-white relative flex items-center gap-2 py-2 px-4 leading-6 shadow-md z-10', props.className);
   return /*#__PURE__*/createElement("div", {
     className: className,
     "data-taco": "banner",
     ref: ref
   }, getBannerIcon(state), children, onClose ? /*#__PURE__*/createElement(IconButton, {
+    "aria-label": texts.banner.close,
     className: "ml-auto -mr-2 self-start",
     icon: "close",
     appearance: "discrete",

package/dist/esm/packages/taco/src/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { State } from '../../types';\nimport { getBannerIcon } from './util';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Content can be any react element, for e.g. a `div` */\n    children: React.ReactNode;\n    /** State will change the icon displayed in banner */\n    state: State;\n    onClose?: () => void;\n};\n\nexport const Banner = React.forwardRef(function Banner(props: BannerProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, state, onClose } = props;\n    const className = cn('bg-white relative flex items-center gap-2 py-2 px-4 leading-6 shadow-md z-10', props.className);\n\n    return (\n        <div className={className} data-taco=\"banner\" ref={ref}>\n            {getBannerIcon(state)}\n            {children}\n            {onClose ? (\n                <IconButton className=\"ml-auto -mr-2 self-start\" icon=\"close\" appearance=\"discrete\" onClick={onClose} />\n            ) : null}\n        </div>\n    );\n});\n"],"names":["Banner","React","props","ref","children","state","onClose","className","cn","getBannerIcon","IconButton","icon","appearance","onClick"],"mappings":";;;;;MAcaA,MAAM,gBAAGC,UAAgB,CAAC,SAASD,MAAM,CAACE,KAAkB,EAAEC,GAA8B;EACrG,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;GAAS,GAAGJ,KAAK;EAC1C,MAAMK,SAAS,GAAGC,EAAE,CAAC,8EAA8E,EAAEN,KAAK,CAACK,SAAS,CAAC;EAErH,oBACIN;IAAKM,SAAS,EAAEA,SAAS;iBAAY,QAAQ;IAACJ,GAAG,EAAEA;KAC9CM,aAAa,CAACJ,KAAK,CAAC,EACpBD,QAAQ,EACRE,OAAO,gBACJL,cAACS,UAAU;IAACH,SAAS,EAAC,0BAA0B;IAACI,IAAI,EAAC,OAAO;IAACC,UAAU,EAAC,UAAU;IAACC,OAAO,EAAEP;IAAW,GACxG,IAAI,CACN;AAEd,CAAC;;;;"}
+{"version":3,"file":"Banner.js","sources":["../../../../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { State } from '../../types';\nimport { getBannerIcon } from './util';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nexport type BannerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Content can be any react element, for e.g. a `div` */\n    children: React.ReactNode;\n    /** State will change the icon displayed in banner */\n    state: State;\n    onClose?: () => void;\n};\n\nexport type BannerTexts = {\n    /** Aria-label for the close icon button of banner */\n    close: string;\n};\n\nexport const Banner = React.forwardRef(function Banner(props: BannerProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, state, onClose } = props;\n    const { texts } = useLocalization();\n    const className = cn('bg-white relative flex items-center gap-2 py-2 px-4 leading-6 shadow-md z-10', props.className);\n\n    return (\n        <div className={className} data-taco=\"banner\" ref={ref}>\n            {getBannerIcon(state)}\n            {children}\n            {onClose ? (\n                <IconButton\n                    aria-label={texts.banner.close}\n                    className=\"ml-auto -mr-2 self-start\"\n                    icon=\"close\"\n                    appearance=\"discrete\"\n                    onClick={onClose}\n                />\n            ) : null}\n        </div>\n    );\n});\n"],"names":["Banner","React","props","ref","children","state","onClose","texts","useLocalization","className","cn","getBannerIcon","IconButton","banner","close","icon","appearance","onClick"],"mappings":";;;;;;MAoBaA,MAAM,gBAAGC,UAAgB,CAAC,SAASD,MAAM,CAACE,KAAkB,EAAEC,GAA8B;EACrG,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;GAAS,GAAGJ,KAAK;EAC1C,MAAM;IAAEK;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,SAAS,GAAGC,EAAE,CAAC,8EAA8E,EAAER,KAAK,CAACO,SAAS,CAAC;EAErH,oBACIR;IAAKQ,SAAS,EAAEA,SAAS;iBAAY,QAAQ;IAACN,GAAG,EAAEA;KAC9CQ,aAAa,CAACN,KAAK,CAAC,EACpBD,QAAQ,EACRE,OAAO,gBACJL,cAACW,UAAU;kBACKL,KAAK,CAACM,MAAM,CAACC,KAAK;IAC9BL,SAAS,EAAC,0BAA0B;IACpCM,IAAI,EAAC,OAAO;IACZC,UAAU,EAAC,UAAU;IACrBC,OAAO,EAAEX;IACX,GACF,IAAI,CACN;AAEd,CAAC;;;;"}