@economic/taco 1.17.0-alpha.0 → 1.17.0

package/types.json

@@ -545,7 +545,7 @@
     "Button": {
         "ButtonProps": {
             "intersections": [
-                "ButtonPrimitiveProps"
+                "ButtonPrimitive.ButtonProps"
             ],
             "props": [
                 {
@@ -608,7 +608,10 @@
                     "description": "A tooltip to show when hovering over the button",
                     "name": "tooltip",
                     "optional": true,
-                    "type": "string"
+                    "type": [
+                        "string",
+                        "Element"
+                    ]
                 }
             ]
         }
@@ -821,7 +824,7 @@
                     "optional": false,
                     "type": {
                         "intersections": [
-                            "Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue'>"
+                            "Omit<InputProps, 'defaultValue'>"
                         ],
                         "props": [
                             {
@@ -989,7 +992,7 @@
                     "type": "boolean"
                 },
                 {
-                    "description": "Set whether the dialog is open by default or not, use when not providing a trigger",
+                    "description": "Set whether the dialog is open by default or not",
                     "name": "defaultOpen",
                     "optional": true,
                     "type": "boolean"
@@ -1608,7 +1611,7 @@
     "Input": {
         "InputProps": {
             "intersections": [
-                "InputHTMLAttributes<HTMLInputElement>"
+                "InputWithoutDeprecatedFeaturesProps"
             ],
             "props": [
                 {
@@ -1617,6 +1620,22 @@
                     "optional": true,
                     "type": "React.ReactElement"
                 },
+                {
+                    "description": "Shows an icon within the input field",
+                    "name": "icon",
+                    "optional": true,
+                    "type": [
+                        "IconName",
+                        "Element"
+                    ]
+                }
+            ]
+        },
+        "InputWithoutDeprecatedFeaturesProps": {
+            "intersections": [
+                "Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix'>"
+            ],
+            "props": [
                 {
                     "description": "Draws attention to the input by changing its style and making it visually prominent",
                     "name": "highlighted",
@@ -1624,18 +1643,25 @@
                     "type": "boolean"
                 },
                 {
-                    "description": "Shows an icon within the input field",
-                    "name": "icon",
+                    "name": "invalid",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "name": "postfix",
                     "optional": true,
                     "type": [
-                        "IconName",
+                        "string",
                         "Element"
                     ]
                 },
                 {
-                    "name": "invalid",
+                    "name": "prefix",
                     "optional": true,
-                    "type": "boolean"
+                    "type": [
+                        "string",
+                        "Element"
+                    ]
                 }
             ]
         }
@@ -2513,7 +2539,7 @@
     "SearchInput": {
         "SearchInputProps": {
             "intersections": [
-                "Omit<InputProps, 'icon'>"
+                "Omit<InputProps, 'button' | 'icon' | 'prefix' | 'postfix'>"
             ],
             "props": [
                 {
@@ -2547,14 +2573,17 @@
         "SearchInputTexts": {
             "props": [
                 {
-                    "description": "aria-label text for the search button",
-                    "name": "buttonLabel",
+                    "name": "button",
+                    "optional": false,
+                    "type": "string"
+                },
+                {
+                    "name": "clear",
                     "optional": false,
                     "type": "string"
                 },
                 {
-                    "description": "aria-label text for input",
-                    "name": "inputLabel",
+                    "name": "placeholder",
                     "optional": false,
                     "type": "string"
                 }
@@ -2648,6 +2677,11 @@
                 "Omit<HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'>"
             ],
             "props": [
+                {
+                    "name": "autoFocus",
+                    "optional": true,
+                    "type": "boolean"
+                },
                 {
                     "name": "children",
                     "optional": false,
@@ -2747,6 +2781,11 @@
                     "optional": true,
                     "type": "boolean"
                 },
+                {
+                    "name": "required",
+                    "optional": true,
+                    "type": "boolean"
+                },
                 {
                     "name": "tags",
                     "optional": true,
@@ -2915,7 +2954,7 @@
                 {
                     "type": "reflection",
                     "declaration": {
-                        "id": 2272,
+                        "id": 2280,
                         "name": "__type",
                         "kind": 65536,
                         "kindString": "Type literal",
@@ -2943,6 +2982,11 @@
                     "optional": true,
                     "type": "Select2OptionValue"
                 },
+                {
+                    "name": "multiple",
+                    "optional": true,
+                    "type": "boolean"
+                },
                 {
                     "name": "open",
                     "optional": true,
@@ -3096,7 +3140,7 @@
                     "constraint": {
                         "type": "reflection",
                         "declaration": {
-                            "id": 1656,
+                            "id": 1663,
                             "name": "__type",
                             "kind": 65536,
                             "kindString": "Type literal",
@@ -4091,7 +4135,7 @@
     "Tooltip": {
         "TooltipProps": {
             "intersections": [
-                "HTMLAttributes<HTMLDivElement>"
+                "Omit<HTMLAttributes<HTMLDivElement>, 'title'>"
             ],
             "props": [
                 {
@@ -4118,7 +4162,10 @@
                     "description": "Text displayed in the tooltip",
                     "name": "title",
                     "optional": false,
-                    "type": "string"
+                    "type": [
+                        "string",
+                        "Element"
+                    ]
                 }
             ]
         }

package/dist/taco.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC7KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AChFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC7CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACjEA;AACA;AACA;AACA;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACfA;AACA;AACA;AACA;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACrCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC1BA;AACA;AACA;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AClHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["packages/taco/src/css/global.css","packages/taco/src/components/Badge/Badge.css","packages/taco/src/components/Button/Button.css","packages/taco/src/components/Calendar/Calendar.css","packages/taco/src/components/Listbox/ScrollableList.css","packages/taco/src/components/Spinner/Spinner.css","packages/taco/src/components/Combobox/Combobox.css","packages/taco/src/components/Dialog/Dialog.css","packages/taco/src/components/Field/Field.css","packages/taco/src/components/Form/Form.css","packages/taco/src/components/Hanger/Hanger.css","packages/taco/src/components/Navigation/Navigation.css","packages/taco/src/components/Progress/Progress.css","packages/taco/src/components/Toast/Toast.css","packages/taco/src/components/Table/components/Table.css","packages/taco/src/components/Tabs/Tabs.css"],"sourcesContent":["@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n\r\n@layer base {\r\n    *,\r\n    *::before,\r\n    *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    html {\r\n        @apply font-display h-screen;\r\n        -moz-osx-font-smoothing: grayscale;\r\n        -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    body {\r\n        @apply h-screen bg-white text-sm leading-5 text-black;\r\n    }\r\n\r\n    blockquote,\r\n    dl,\r\n    dd,\r\n    hr,\r\n    figure,\r\n    p,\r\n    pre,\r\n    ol,\r\n    ul,\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6 {\r\n        max-width: 100ch;\r\n    }\r\n\r\n    blockquote,\r\n    dl,\r\n    dd,\r\n    hr,\r\n    figure,\r\n    p,\r\n    pre,\r\n    ol,\r\n    ul {\r\n        @apply mb-10;\r\n    }\r\n\r\n    ol ol,\r\n    ul ul,\r\n    ol ul,\r\n    ul ol {\r\n        @apply mb-0;\r\n    }\r\n\r\n    ul.list-disc,\r\n    ul.list-decimal,\r\n    ul.list-circle,\r\n    ol.list-disc,\r\n    ol.list-decimal,\r\n    ol.list-circle {\r\n        @apply pl-4;\r\n    }\r\n\r\n    dt {\r\n        @apply font-bold;\r\n    }\r\n\r\n    blockquote {\r\n        @apply pl-8;\r\n    }\r\n\r\n    hr {\r\n        @apply bg-grey-light my-5 flex h-px border-none;\r\n    }\r\n\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6 {\r\n        @apply font-normal;\r\n    }\r\n\r\n    h1 {\r\n        @apply mb-5 text-3xl;\r\n    }\r\n\r\n    h2 {\r\n        @apply mb-2 text-2xl;\r\n    }\r\n\r\n    h3 {\r\n        @apply mb-2 text-xl;\r\n    }\r\n\r\n    h4 {\r\n        @apply mb-1 text-base font-bold;\r\n    }\r\n\r\n    h5 {\r\n        @apply mb-1 text-sm font-bold;\r\n    }\r\n\r\n    h6 {\r\n        @apply mb-1 text-xs font-bold;\r\n    }\r\n\r\n    b,\r\n    strong {\r\n        @apply font-bold;\r\n    }\r\n\r\n    a {\r\n        @apply text-blue no-underline;\r\n    }\r\n\r\n    a:hover,\r\n    a:focus {\r\n        @apply text-blue-light;\r\n    }\r\n\r\n    a:active {\r\n        @apply text-blue-dark;\r\n    }\r\n\r\n    button::-moz-focus-inner {\r\n        @apply border-none;\r\n    }\r\n\r\n    input[type='search']::-webkit-search-decoration,\r\n    input[type='search']::-webkit-search-cancel-button,\r\n    input[type='search']::-webkit-search-results-button,\r\n    input[type='search']::-webkit-search-results-decoration {\r\n        @apply block cursor-pointer;\r\n    }\r\n\r\n    table.yt-table {\r\n        @apply focus:yt-focus flex flex-col focus:rounded-sm;\r\n    }\r\n    table.yt-table thead.yt-table__head tr.yt-table__row {\r\n        @apply border-grey-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold;\r\n    }\r\n\r\n    table.yt-table thead.yt-table__head tr.yt-table__row th.yt-table__cell {\r\n        @apply text-grey-darkest flex flex-1 justify-center truncate p-2 text-center align-middle hover:text-black;\r\n    }\r\n\r\n    table.yt-table tbody.yt-table__body tr.yt-table__row {\r\n        @apply border-grey-light hover:bg-grey-light flex min-h-[2.5rem] border-b;\r\n    }\r\n\r\n    table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {\r\n        @apply flex-1 truncate p-2 text-center align-middle;\r\n    }\r\n\r\n    [aria-hidden] > [data-taco='menu'],\r\n    [aria-hidden] > [data-taco='hanger'] {\r\n        @apply invisible;\r\n    }\r\n\r\n    @keyframes fade-in {\r\n        from {\r\n            @apply opacity-0;\r\n        }\r\n        to {\r\n            @apply opacity-100;\r\n        }\r\n    }\r\n}\r\n","[data-taco='badge'] > [data-taco='spinner'] {\r\n    @apply ml-2 h-3 w-3;\r\n}\r\n\r\n[data-taco='badge'] > [data-taco='spinner'] svg circle {\r\n    stroke-width: 15px;\r\n}\r\n\r\n[data-taco='badge'] > * {\r\n    @apply max-h-full p-0;\r\n}\r\n","[data-taco='button'] > [data-taco='icon'] {\r\n    @apply pointer-events-none -ml-2 -mt-2 -mb-2 inline p-px;\r\n}\r\n\r\n[data-taco='button'] > * + [data-taco='icon'] {\r\n    @apply -mr-2 ml-0;\r\n}\r\n","[data-taco='calendar'] .DayPicker-wrapper {\r\n    @apply relative select-none flex-row;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Months {\r\n    @apply flex flex-wrap justify-center;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Month {\r\n    @apply m-0 flex border-collapse select-none flex-col;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Weekdays {\r\n    @apply flex h-10 items-center;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-WeekdaysRow {\r\n    @apply flex w-full justify-between;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Weekday {\r\n    @apply text-grey-darkest flex-grow text-center uppercase;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Weekday abbr[title] {\r\n    @apply no-underline;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Body {\r\n    @apply flex flex-col;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Week {\r\n    @apply flex w-full justify-between;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Day {\r\n    @apply flex h-10 w-10 cursor-pointer items-center justify-center rounded-full;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker--interactionDisabled .DayPicker-Day {\r\n    @apply cursor-default;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Footer {\r\n    @apply pt-2 text-center;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-TodayButton {\r\n    @apply text-blue cursor-pointer border-none bg-transparent text-xs;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-TodayButton:hover {\r\n    @apply text-blue-light;\r\n}\r\n\r\n/* Default modifiers */\r\n\r\n[data-taco='calendar'] .DayPicker-Day--today {\r\n    @apply text-blue font-bold;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Day--outside {\r\n    @apply text-grey-dark cursor-default;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Day--disabled {\r\n    @apply text-grey-dark pointer-events-none cursor-default;\r\n}\r\n\r\n[data-taco='calendar'] .icon:hover,\r\n[data-taco='calendar']:not(.DayPicker--interactionDisabled)\r\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover,\r\n[data-taco='calendar'] .DayPicker-Day--highlighted,\r\n[data-taco='calendar'] .DayPicker-Day--selected {\r\n    @apply bg-grey-light text-black;\r\n}\r\n\r\n[data-taco='calendar'] .calendar-caption {\r\n    @apply font-semibold;\r\n}\r\n","[data-taco='scrollable-list'].yt-list--multiselect li:first-child {\n    @apply border-grey-light border-b-2 pl-4; /* Listbox max-height is dependant on this border-bottom-width value! */\n}\n\n[data-taco='scrollable-list'] li > [data-taco='icon'] {\n    @apply mr-2;\n}\n\n[data-taco='scrollable-list']:not([readonly]) li:hover {\n    @apply wcag-blue-light;\n}\n\n[data-taco='scrollable-list']:not([readonly]) li:hover [data-taco='icon'] {\n    @apply wcag-blue-light;\n}\n\n[data-taco='scrollable-list'] li:focus,\n[data-taco='scrollable-list']:not(.yt-list--multiselect) li[aria-selected='true'],\n[data-taco='scrollable-list'] li[data-focused='true'] {\n    @apply wcag-blue;\n}\n\n[data-taco='scrollable-list'] li:focus [data-taco='icon'],\n[data-taco='scrollable-list']:not(.yt-list--multiselect) li[aria-selected='true'] [data-taco='icon'],\n[data-taco='scrollable-list'] li[data-focused='true'] [data-taco='icon'] {\n    @apply wcag-blue;\n}\n\n[data-taco='scrollable-list'][readonly] li {\n    @apply cursor-not-allowed;\n}\n\n[data-taco='scrollable-list'] li[disabled],\n[data-taco='scrollable-list'][disabled] li[aria-selected='true'] {\n    @apply cursor-not-allowed text-black text-opacity-25;\n}\n\n[data-taco='scrollable-list'] li.yt-list__empty,\n[data-taco='scrollable-list'] li.yt-list__empty:hover,\n[data-taco='scrollable-list'] li.yt-list__empty:focus {\n    @apply text-grey-darkest flex w-full items-center overflow-hidden bg-white px-3 italic;\n}\n\n[data-taco='scrollable-list'] li.yt-list__empty [data-taco='spinner'] {\n    @apply mr-2 mt-2 h-5 w-5 opacity-75;\n}\n","[data-taco='spinner'] svg circle {\n    @apply flex;\n    fill: transparent;\n    stroke-width: 10px;\n    animation: spinnerAnimation 1.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite both;\n    transform-origin: 50% 50%;\n    stroke-linecap: round;\n    stroke-dasharray: 282.743343;\n    stroke-dashoffset: 67.85840232;\n    stroke: theme('colors.blue.DEFAULT');\n}\n\n@keyframes spinnerAnimation {\n    0% {\n        stroke-dashoffset: 237.50440812;\n        transform: rotate(0);\n    }\n    50% {\n        stroke-dashoffset: 67.85840232;\n        transform: rotate(45deg);\n    }\n    100% {\n        stroke-dashoffset: 237.50440812;\n        transform: rotate(1turn);\n    }\n}\n\n@keyframes spinnerRotation {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(1turn);\n    }\n}\n\n.yt-grey-solid [data-taco='spinner'] svg circle,\n.yt-yellow-solid [data-taco='spinner'] svg circle {\n    stroke: theme('colors.grey.darkest');\n}\n\n.yt-blue-solid [data-taco='spinner'] svg circle,\n.yt-green-solid [data-taco='spinner'] svg circle,\n.yt-red-solid [data-taco='spinner'] svg circle {\n    stroke: theme('colors.white');\n}\n\n.yt-blue-inverted svg circle {\n    stroke: theme('colors.blue.DEFAULT');\n}\n\n.yt-yellow-inverted svg circle {\n    stroke: theme('colors.yellow.DEFAULT');\n}\n\n.yt-red-inverted svg circle {\n    stroke: theme('colors.red.DEFAULT');\n}\n\n.yt-green-inverted svg circle {\n    stroke: theme('colors.green.DEFAULT');\n}\n\n.yt-grey-inverted svg circle {\n    stroke: theme('colors.grey.darkest');\n}\n","[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul,\r\n[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul:hover {\r\n    @apply border-blue;\r\n}\r\n",".yt-dialog__drag::before,\n.yt-dialog__drag::after {\n    @apply bg-grey-dark absolute rounded;\n    content: '';\n    left: theme('spacing.1');\n    height: 2px;\n    width: calc(100% - (2 * theme('spacing.1')));\n}\n\n.yt-dialog__drag::before {\n    top: 3px;\n}\n\n.yt-dialog__drag::after {\n    bottom: 3px;\n}\n","/* label inside label is invalid html, but the client is littered with it */\n[data-taco='label'] [data-taco='label'] {\n    min-height: 0;\n}\n",".yt-form.yt-form--horizontal {\n    @apply gap-4;\n}\n\n.yt-form.yt-form--horizontal > * {\n    @apply inline-flex;\n}\n\n.yt-form.yt-form--horizontal > [data-taco='button'] {\n    @apply mt-6;\n}\n","[data-taco='hanger'] a {\n    @apply text-grey underline;\n}\n\n[data-taco='hanger'] > *:last-child {\n    @apply mb-0;\n}\n",".yt-navigation__item a,\n.yt-navigation__item .yt-navigation__item__postfix {\n    @apply text-black;\n}\n\n.yt-navigation__item .yt-navigation__item__prefix [data-taco='icon'] {\n    @apply -mt-1 -mb-1 text-xs;\n    margin-left: -0.375rem;\n    margin-right: 0.15rem;\n}\n\n.yt-navigation__item:hover,\n.yt-navigation__item:hover a,\n.yt-navigation__item:hover .yt-navigation__item__postfix,\n.yt-navigation__item--active,\n.yt-navigation__item--active a,\n.yt-navigation__item--active .yt-navigation__item__postfix {\n    @apply text-blue;\n}\n\n.yt-navigation__item--dropping,\n.yt-navigation__item--dropping a,\n.yt-navigation__item--dropping .yt-navigation__item__postfix {\n    @apply text-white;\n}\n\n.yt-navigation__item:hover .yt-navigation__item__postfix [data-taco='badge']:not(.h-2),\n.yt-navigation__item--active .yt-navigation__item__postfix [data-taco='badge']:not(.h-2) {\n    @apply yt-blue-inverted;\n}\n\n.yt-navigation__item--dropping > * {\n    @apply pointer-events-none;\n}\n\n.yt-navigation__item--dropping .yt-navigation__item__postfix [data-taco='badge'] {\n    @apply border-white text-white;\n}\n",".yt-toast:hover [data-taco='progress-bar'] {\n    animation-play-state: paused;\n}\n\n@keyframes progress {\n    from {\n        width: 100%;\n    }\n    to {\n        width: 0%;\n    }\n}\n\n@keyframes progress-indeterminate {\n    0% {\n        margin-left: 0px;\n        margin-right: 100%;\n    }\n    50% {\n        margin-left: 25%;\n        margin-right: 0%;\n    }\n    100% {\n        margin-left: 100%;\n        margin-right: 0;\n    }\n}\n","[data-taco='toast'] > div [data-taco='button'] {\n    @apply -mt-px py-0 px-2;\n}\n","/* rows */\r\n.yt-table__row {\r\n    @apply border-grey-light flex border-b;\r\n    min-height: 2.5rem;\r\n}\r\n\r\n/* cells */\r\n.yt-table__cell > [data-taco='button'],\r\n.yt-table__cell > [data-taco='icon-button'] {\r\n    @apply -mt-1 -mb-1 flex;\r\n}\r\n\r\n.yt-table__row.yt-table__row--dragging .yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {\r\n    @apply text-white;\r\n}\r\n\r\n.yt-table__cell.yt-table__cell--draggable [data-taco='icon']:active {\r\n    @apply cursor-grabbing;\r\n}\r\n\r\n.yt-table__row:hover .yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {\r\n    @apply visible;\r\n}\r\n\r\n/* head */\r\n.yt-table__head .yt-table__row {\r\n    @apply h-auto w-full select-none border-t-0 border-b-2 font-bold;\r\n}\r\n\r\n.yt-table__head .yt-table__head__group {\r\n    @apply flex flex-1 flex-wrap;\r\n}\r\n\r\n.yt-table__head .yt-table__head__group .yt-table__cell.yt-table__cell__group {\r\n    @apply border-grey-light border-b;\r\n    flex-basis: 100%;\r\n}\r\n\r\n.yt-table__head .yt-table__head__group + .yt-table__head__group {\r\n    @apply border-grey-light border-l;\r\n}\r\n\r\n.yt-table__head .yt-table__cell > [data-taco='icon'] {\r\n    @apply flex-shrink-0;\r\n}\r\n\r\n.yt-table__head .yt-table__cell.yt-table__cell__group + .yt-table__cell__group {\r\n    @apply border-grey-light border-l-2;\r\n}\r\n\r\n.yt-table.yt-table--windowed.table-with-scrollbar .yt-table__head {\r\n    padding-right: 14px;\r\n}\r\n\r\n/* body */\r\n\r\n.yt-table__body .yt-table__row:first-child {\r\n    @apply border-t-0;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--clickable:hover,\r\n.yt-table__body .yt-table__row.yt-table__row--clickable.yt-table__row--active:hover {\r\n    @apply cursor-pointer;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row__unselectable:hover,\r\n.yt-table__body .yt-table__row.yt-table__row__unselectable.yt-table__row--active:hover {\r\n    @apply cursor-default;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--active {\r\n    @apply bg-grey-light;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--dragging,\r\n.yt-table__body .yt-table__row.yt-table__row--dragging:hover {\r\n    @apply bg-blue text-white;\r\n}\r\n\r\n/* edit */\r\n.yt-table__body .yt-table__row.yt-table__row--editing {\r\n    @apply border-grey border-t;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--editing,\r\n.yt-table__body .yt-table__row.yt-table__row--editing:hover {\r\n    @apply wcag-grey-lightest;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--editing .yt-table__cell {\r\n    @apply overflow-visible;\r\n    overflow-wrap: normal;\r\n}\r\n\r\n.yt-table__cell [data-taco='label'] {\r\n    @apply -my-2 pb-0 text-transparent;\r\n    min-height: theme('spacing.10');\r\n}\r\n\r\n.yt-table__cell [data-taco='label'] > *:not([data-taco='label']__message) {\r\n    @apply mt-1;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--editing .yt-table__cell [data-taco='label'] > *:not([data-taco='label']__message) {\r\n    @apply -mt-5;\r\n}\r\n\r\n.yt-table__cell [data-taco='label'] > [data-taco='label']__message {\r\n    @apply mb-1;\r\n}\r\n\r\n/* drag */\r\n#yt-table__drag__placeholder {\r\n    @apply bg-blue flex w-3/12 rounded p-4 font-bold text-white;\r\n}\r\n",".yt-tabs .yt-tab__list[aria-orientation='vertical'] {\n    @apply m-0 mr-4 flex-col border-0 border-r;\n}\n\n.yt-tabs .yt-tab__list[aria-orientation='vertical'] .yt-tab {\n    @apply h-8 py-0;\n}\n\n.yt-tabs.yt-tabs--vertical .yt-tab__list {\n    @apply flex-initial;\n}\n\n.yt-tabs.yt-tabs--vertical .yt-tab__panel {\n    @apply flex-grow;\n}\n\n.yt-tabs .yt-tab__list[aria-orientation='vertical'] .yt-tab {\n    @apply rounded-none rounded-l border-0 border-r-2;\n}\n"],"names":[],"version":3,"file":"taco.css.map"}

package/dist/taco.esm.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC7KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AChFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC7CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACjEA;AACA;AACA;AACA;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACfA;AACA;AACA;AACA;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACrCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC1BA;AACA;AACA;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AClHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sources":["packages/taco/src/css/global.css","packages/taco/src/components/Badge/Badge.css","packages/taco/src/components/Button/Button.css","packages/taco/src/components/Calendar/Calendar.css","packages/taco/src/components/Listbox/ScrollableList.css","packages/taco/src/components/Spinner/Spinner.css","packages/taco/src/components/Combobox/Combobox.css","packages/taco/src/components/Dialog/Dialog.css","packages/taco/src/components/Field/Field.css","packages/taco/src/components/Form/Form.css","packages/taco/src/components/Hanger/Hanger.css","packages/taco/src/components/Navigation/Navigation.css","packages/taco/src/components/Progress/Progress.css","packages/taco/src/components/Toast/Toast.css","packages/taco/src/components/Table/components/Table.css","packages/taco/src/components/Tabs/Tabs.css"],"sourcesContent":["@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n\r\n@layer base {\r\n    *,\r\n    *::before,\r\n    *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    html {\r\n        @apply font-display h-screen;\r\n        -moz-osx-font-smoothing: grayscale;\r\n        -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    body {\r\n        @apply h-screen bg-white text-sm leading-5 text-black;\r\n    }\r\n\r\n    blockquote,\r\n    dl,\r\n    dd,\r\n    hr,\r\n    figure,\r\n    p,\r\n    pre,\r\n    ol,\r\n    ul,\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6 {\r\n        max-width: 100ch;\r\n    }\r\n\r\n    blockquote,\r\n    dl,\r\n    dd,\r\n    hr,\r\n    figure,\r\n    p,\r\n    pre,\r\n    ol,\r\n    ul {\r\n        @apply mb-10;\r\n    }\r\n\r\n    ol ol,\r\n    ul ul,\r\n    ol ul,\r\n    ul ol {\r\n        @apply mb-0;\r\n    }\r\n\r\n    ul.list-disc,\r\n    ul.list-decimal,\r\n    ul.list-circle,\r\n    ol.list-disc,\r\n    ol.list-decimal,\r\n    ol.list-circle {\r\n        @apply pl-4;\r\n    }\r\n\r\n    dt {\r\n        @apply font-bold;\r\n    }\r\n\r\n    blockquote {\r\n        @apply pl-8;\r\n    }\r\n\r\n    hr {\r\n        @apply bg-grey-light my-5 flex h-px border-none;\r\n    }\r\n\r\n    h1,\r\n    h2,\r\n    h3,\r\n    h4,\r\n    h5,\r\n    h6 {\r\n        @apply font-normal;\r\n    }\r\n\r\n    h1 {\r\n        @apply mb-5 text-3xl;\r\n    }\r\n\r\n    h2 {\r\n        @apply mb-2 text-2xl;\r\n    }\r\n\r\n    h3 {\r\n        @apply mb-2 text-xl;\r\n    }\r\n\r\n    h4 {\r\n        @apply mb-1 text-base font-bold;\r\n    }\r\n\r\n    h5 {\r\n        @apply mb-1 text-sm font-bold;\r\n    }\r\n\r\n    h6 {\r\n        @apply mb-1 text-xs font-bold;\r\n    }\r\n\r\n    b,\r\n    strong {\r\n        @apply font-bold;\r\n    }\r\n\r\n    a {\r\n        @apply text-blue no-underline;\r\n    }\r\n\r\n    a:hover,\r\n    a:focus {\r\n        @apply text-blue-light;\r\n    }\r\n\r\n    a:active {\r\n        @apply text-blue-dark;\r\n    }\r\n\r\n    button::-moz-focus-inner {\r\n        @apply border-none;\r\n    }\r\n\r\n    input[type='search']::-webkit-search-decoration,\r\n    input[type='search']::-webkit-search-cancel-button,\r\n    input[type='search']::-webkit-search-results-button,\r\n    input[type='search']::-webkit-search-results-decoration {\r\n        @apply block cursor-pointer;\r\n    }\r\n\r\n    table.yt-table {\r\n        @apply focus:yt-focus flex flex-col focus:rounded-sm;\r\n    }\r\n    table.yt-table thead.yt-table__head tr.yt-table__row {\r\n        @apply border-grey-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold;\r\n    }\r\n\r\n    table.yt-table thead.yt-table__head tr.yt-table__row th.yt-table__cell {\r\n        @apply text-grey-darkest flex flex-1 justify-center truncate p-2 text-center align-middle hover:text-black;\r\n    }\r\n\r\n    table.yt-table tbody.yt-table__body tr.yt-table__row {\r\n        @apply border-grey-light hover:bg-grey-light flex min-h-[2.5rem] border-b;\r\n    }\r\n\r\n    table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {\r\n        @apply flex-1 truncate p-2 text-center align-middle;\r\n    }\r\n\r\n    [aria-hidden] > [data-taco='menu'],\r\n    [aria-hidden] > [data-taco='hanger'] {\r\n        @apply invisible;\r\n    }\r\n\r\n    @keyframes fade-in {\r\n        from {\r\n            @apply opacity-0;\r\n        }\r\n        to {\r\n            @apply opacity-100;\r\n        }\r\n    }\r\n}\r\n","[data-taco='badge'] > [data-taco='spinner'] {\r\n    @apply ml-2 h-3 w-3;\r\n}\r\n\r\n[data-taco='badge'] > [data-taco='spinner'] svg circle {\r\n    stroke-width: 15px;\r\n}\r\n\r\n[data-taco='badge'] > * {\r\n    @apply max-h-full p-0;\r\n}\r\n","[data-taco='button'] > [data-taco='icon'] {\r\n    @apply pointer-events-none -ml-2 -mt-2 -mb-2 inline p-px;\r\n}\r\n\r\n[data-taco='button'] > * + [data-taco='icon'] {\r\n    @apply -mr-2 ml-0;\r\n}\r\n","[data-taco='calendar'] .DayPicker-wrapper {\r\n    @apply relative select-none flex-row;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Months {\r\n    @apply flex flex-wrap justify-center;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Month {\r\n    @apply m-0 flex border-collapse select-none flex-col;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Weekdays {\r\n    @apply flex h-10 items-center;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-WeekdaysRow {\r\n    @apply flex w-full justify-between;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Weekday {\r\n    @apply text-grey-darkest flex-grow text-center uppercase;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Weekday abbr[title] {\r\n    @apply no-underline;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Body {\r\n    @apply flex flex-col;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Week {\r\n    @apply flex w-full justify-between;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Day {\r\n    @apply flex h-10 w-10 cursor-pointer items-center justify-center rounded-full;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker--interactionDisabled .DayPicker-Day {\r\n    @apply cursor-default;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Footer {\r\n    @apply pt-2 text-center;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-TodayButton {\r\n    @apply text-blue cursor-pointer border-none bg-transparent text-xs;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-TodayButton:hover {\r\n    @apply text-blue-light;\r\n}\r\n\r\n/* Default modifiers */\r\n\r\n[data-taco='calendar'] .DayPicker-Day--today {\r\n    @apply text-blue font-bold;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Day--outside {\r\n    @apply text-grey-dark cursor-default;\r\n}\r\n\r\n[data-taco='calendar'] .DayPicker-Day--disabled {\r\n    @apply text-grey-dark pointer-events-none cursor-default;\r\n}\r\n\r\n[data-taco='calendar'] .icon:hover,\r\n[data-taco='calendar']:not(.DayPicker--interactionDisabled)\r\n    .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover,\r\n[data-taco='calendar'] .DayPicker-Day--highlighted,\r\n[data-taco='calendar'] .DayPicker-Day--selected {\r\n    @apply bg-grey-light text-black;\r\n}\r\n\r\n[data-taco='calendar'] .calendar-caption {\r\n    @apply font-semibold;\r\n}\r\n","[data-taco='scrollable-list'].yt-list--multiselect li:first-child {\n    @apply border-grey-light border-b-2 pl-4; /* Listbox max-height is dependant on this border-bottom-width value! */\n}\n\n[data-taco='scrollable-list'] li > [data-taco='icon'] {\n    @apply mr-2;\n}\n\n[data-taco='scrollable-list']:not([readonly]) li:hover {\n    @apply wcag-blue-light;\n}\n\n[data-taco='scrollable-list']:not([readonly]) li:hover [data-taco='icon'] {\n    @apply wcag-blue-light;\n}\n\n[data-taco='scrollable-list'] li:focus,\n[data-taco='scrollable-list']:not(.yt-list--multiselect) li[aria-selected='true'],\n[data-taco='scrollable-list'] li[data-focused='true'] {\n    @apply wcag-blue;\n}\n\n[data-taco='scrollable-list'] li:focus [data-taco='icon'],\n[data-taco='scrollable-list']:not(.yt-list--multiselect) li[aria-selected='true'] [data-taco='icon'],\n[data-taco='scrollable-list'] li[data-focused='true'] [data-taco='icon'] {\n    @apply wcag-blue;\n}\n\n[data-taco='scrollable-list'][readonly] li {\n    @apply cursor-not-allowed;\n}\n\n[data-taco='scrollable-list'] li[disabled],\n[data-taco='scrollable-list'][disabled] li[aria-selected='true'] {\n    @apply cursor-not-allowed text-black text-opacity-25;\n}\n\n[data-taco='scrollable-list'] li.yt-list__empty,\n[data-taco='scrollable-list'] li.yt-list__empty:hover,\n[data-taco='scrollable-list'] li.yt-list__empty:focus {\n    @apply text-grey-darkest flex w-full items-center overflow-hidden bg-white px-3 italic;\n}\n\n[data-taco='scrollable-list'] li.yt-list__empty [data-taco='spinner'] {\n    @apply mr-2 mt-2 h-5 w-5 opacity-75;\n}\n","[data-taco='spinner'] svg circle {\n    @apply flex;\n    fill: transparent;\n    stroke-width: 10px;\n    animation: spinnerAnimation 1.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite both;\n    transform-origin: 50% 50%;\n    stroke-linecap: round;\n    stroke-dasharray: 282.743343;\n    stroke-dashoffset: 67.85840232;\n    stroke: theme('colors.blue.DEFAULT');\n}\n\n@keyframes spinnerAnimation {\n    0% {\n        stroke-dashoffset: 237.50440812;\n        transform: rotate(0);\n    }\n    50% {\n        stroke-dashoffset: 67.85840232;\n        transform: rotate(45deg);\n    }\n    100% {\n        stroke-dashoffset: 237.50440812;\n        transform: rotate(1turn);\n    }\n}\n\n@keyframes spinnerRotation {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(1turn);\n    }\n}\n\n.yt-grey-solid [data-taco='spinner'] svg circle,\n.yt-yellow-solid [data-taco='spinner'] svg circle {\n    stroke: theme('colors.grey.darkest');\n}\n\n.yt-blue-solid [data-taco='spinner'] svg circle,\n.yt-green-solid [data-taco='spinner'] svg circle,\n.yt-red-solid [data-taco='spinner'] svg circle {\n    stroke: theme('colors.white');\n}\n\n.yt-blue-inverted svg circle {\n    stroke: theme('colors.blue.DEFAULT');\n}\n\n.yt-yellow-inverted svg circle {\n    stroke: theme('colors.yellow.DEFAULT');\n}\n\n.yt-red-inverted svg circle {\n    stroke: theme('colors.red.DEFAULT');\n}\n\n.yt-green-inverted svg circle {\n    stroke: theme('colors.green.DEFAULT');\n}\n\n.yt-grey-inverted svg circle {\n    stroke: theme('colors.grey.darkest');\n}\n","[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul,\r\n[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul:hover {\r\n    @apply border-blue;\r\n}\r\n",".yt-dialog__drag::before,\n.yt-dialog__drag::after {\n    @apply bg-grey-dark absolute rounded;\n    content: '';\n    left: theme('spacing.1');\n    height: 2px;\n    width: calc(100% - (2 * theme('spacing.1')));\n}\n\n.yt-dialog__drag::before {\n    top: 3px;\n}\n\n.yt-dialog__drag::after {\n    bottom: 3px;\n}\n","/* label inside label is invalid html, but the client is littered with it */\n[data-taco='label'] [data-taco='label'] {\n    min-height: 0;\n}\n",".yt-form.yt-form--horizontal {\n    @apply gap-4;\n}\n\n.yt-form.yt-form--horizontal > * {\n    @apply inline-flex;\n}\n\n.yt-form.yt-form--horizontal > [data-taco='button'] {\n    @apply mt-6;\n}\n","[data-taco='hanger'] a {\n    @apply text-grey underline;\n}\n\n[data-taco='hanger'] > *:last-child {\n    @apply mb-0;\n}\n",".yt-navigation__item a,\n.yt-navigation__item .yt-navigation__item__postfix {\n    @apply text-black;\n}\n\n.yt-navigation__item .yt-navigation__item__prefix [data-taco='icon'] {\n    @apply -mt-1 -mb-1 text-xs;\n    margin-left: -0.375rem;\n    margin-right: 0.15rem;\n}\n\n.yt-navigation__item:hover,\n.yt-navigation__item:hover a,\n.yt-navigation__item:hover .yt-navigation__item__postfix,\n.yt-navigation__item--active,\n.yt-navigation__item--active a,\n.yt-navigation__item--active .yt-navigation__item__postfix {\n    @apply text-blue;\n}\n\n.yt-navigation__item--dropping,\n.yt-navigation__item--dropping a,\n.yt-navigation__item--dropping .yt-navigation__item__postfix {\n    @apply text-white;\n}\n\n.yt-navigation__item:hover .yt-navigation__item__postfix [data-taco='badge']:not(.h-2),\n.yt-navigation__item--active .yt-navigation__item__postfix [data-taco='badge']:not(.h-2) {\n    @apply yt-blue-inverted;\n}\n\n.yt-navigation__item--dropping > * {\n    @apply pointer-events-none;\n}\n\n.yt-navigation__item--dropping .yt-navigation__item__postfix [data-taco='badge'] {\n    @apply border-white text-white;\n}\n",".yt-toast:hover [data-taco='progress-bar'] {\n    animation-play-state: paused;\n}\n\n@keyframes progress {\n    from {\n        width: 100%;\n    }\n    to {\n        width: 0%;\n    }\n}\n\n@keyframes progress-indeterminate {\n    0% {\n        margin-left: 0px;\n        margin-right: 100%;\n    }\n    50% {\n        margin-left: 25%;\n        margin-right: 0%;\n    }\n    100% {\n        margin-left: 100%;\n        margin-right: 0;\n    }\n}\n","[data-taco='toast'] > div [data-taco='button'] {\n    @apply -mt-px py-0 px-2;\n}\n","/* rows */\r\n.yt-table__row {\r\n    @apply border-grey-light flex border-b;\r\n    min-height: 2.5rem;\r\n}\r\n\r\n/* cells */\r\n.yt-table__cell > [data-taco='button'],\r\n.yt-table__cell > [data-taco='icon-button'] {\r\n    @apply -mt-1 -mb-1 flex;\r\n}\r\n\r\n.yt-table__row.yt-table__row--dragging .yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {\r\n    @apply text-white;\r\n}\r\n\r\n.yt-table__cell.yt-table__cell--draggable [data-taco='icon']:active {\r\n    @apply cursor-grabbing;\r\n}\r\n\r\n.yt-table__row:hover .yt-table__cell.yt-table__cell--draggable [data-taco='icon'] {\r\n    @apply visible;\r\n}\r\n\r\n/* head */\r\n.yt-table__head .yt-table__row {\r\n    @apply h-auto w-full select-none border-t-0 border-b-2 font-bold;\r\n}\r\n\r\n.yt-table__head .yt-table__head__group {\r\n    @apply flex flex-1 flex-wrap;\r\n}\r\n\r\n.yt-table__head .yt-table__head__group .yt-table__cell.yt-table__cell__group {\r\n    @apply border-grey-light border-b;\r\n    flex-basis: 100%;\r\n}\r\n\r\n.yt-table__head .yt-table__head__group + .yt-table__head__group {\r\n    @apply border-grey-light border-l;\r\n}\r\n\r\n.yt-table__head .yt-table__cell > [data-taco='icon'] {\r\n    @apply flex-shrink-0;\r\n}\r\n\r\n.yt-table__head .yt-table__cell.yt-table__cell__group + .yt-table__cell__group {\r\n    @apply border-grey-light border-l-2;\r\n}\r\n\r\n.yt-table.yt-table--windowed.table-with-scrollbar .yt-table__head {\r\n    padding-right: 14px;\r\n}\r\n\r\n/* body */\r\n\r\n.yt-table__body .yt-table__row:first-child {\r\n    @apply border-t-0;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--clickable:hover,\r\n.yt-table__body .yt-table__row.yt-table__row--clickable.yt-table__row--active:hover {\r\n    @apply cursor-pointer;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row__unselectable:hover,\r\n.yt-table__body .yt-table__row.yt-table__row__unselectable.yt-table__row--active:hover {\r\n    @apply cursor-default;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--active {\r\n    @apply bg-grey-light;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--dragging,\r\n.yt-table__body .yt-table__row.yt-table__row--dragging:hover {\r\n    @apply bg-blue text-white;\r\n}\r\n\r\n/* edit */\r\n.yt-table__body .yt-table__row.yt-table__row--editing {\r\n    @apply border-grey border-t;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--editing,\r\n.yt-table__body .yt-table__row.yt-table__row--editing:hover {\r\n    @apply wcag-grey-lightest;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--editing .yt-table__cell {\r\n    @apply overflow-visible;\r\n    overflow-wrap: normal;\r\n}\r\n\r\n.yt-table__cell [data-taco='label'] {\r\n    @apply -my-2 pb-0 text-transparent;\r\n    min-height: theme('spacing.10');\r\n}\r\n\r\n.yt-table__cell [data-taco='label'] > *:not([data-taco='label']__message) {\r\n    @apply mt-1;\r\n}\r\n\r\n.yt-table__body .yt-table__row.yt-table__row--editing .yt-table__cell [data-taco='label'] > *:not([data-taco='label']__message) {\r\n    @apply -mt-5;\r\n}\r\n\r\n.yt-table__cell [data-taco='label'] > [data-taco='label']__message {\r\n    @apply mb-1;\r\n}\r\n\r\n/* drag */\r\n#yt-table__drag__placeholder {\r\n    @apply bg-blue flex w-3/12 rounded p-4 font-bold text-white;\r\n}\r\n",".yt-tabs .yt-tab__list[aria-orientation='vertical'] {\n    @apply m-0 mr-4 flex-col border-0 border-r;\n}\n\n.yt-tabs .yt-tab__list[aria-orientation='vertical'] .yt-tab {\n    @apply h-8 py-0;\n}\n\n.yt-tabs.yt-tabs--vertical .yt-tab__list {\n    @apply flex-initial;\n}\n\n.yt-tabs.yt-tabs--vertical .yt-tab__panel {\n    @apply flex-grow;\n}\n\n.yt-tabs .yt-tab__list[aria-orientation='vertical'] .yt-tab {\n    @apply rounded-none rounded-l border-0 border-r-2;\n}\n"],"names":[],"version":3,"file":"taco.esm.css.map"}