@economic/taco 1.15.0 → 1.15.1

package/dist/esm/packages/taco/src/utils/taillwind.js.map

@@ -1 +1 @@
-{"version":3,"file":"taillwind.js","sources":["../../../../../../src/utils/taillwind.ts"],"sourcesContent":["import { State, Appearance } from '../types';\n\nexport const getAppearanceClasses = (value: Appearance | undefined): string => {\n    switch (value) {\n        case 'primary':\n            return 'yt-blue-solid';\n\n        case 'danger':\n            return 'yt-red-solid';\n\n        case 'ghost':\n            return 'yt-blue-inverted';\n\n        case 'discrete':\n            return 'yt-transparent';\n\n        default:\n            return 'yt-grey-solid';\n    }\n};\n\nexport const getStateClasses = (value: State | undefined): string => {\n    switch (value) {\n        case 'information':\n            return 'yt-blue-solid';\n\n        case 'warning':\n            return 'yt-yellow-solid';\n\n        case 'error':\n            return 'yt-red-solid';\n\n        case 'success':\n            return 'yt-green-solid';\n\n        default:\n            return 'yt-grey-solid';\n    }\n};\n\nexport const getOutlineClasses = (state: Appearance | State | undefined): string => {\n    switch (state) {\n        case 'information':\n        case 'primary':\n            return 'yt-blue-inverted';\n\n        case 'warning':\n            return 'yt-yellow-inverted';\n\n        case 'error':\n        case 'danger':\n            return 'yt-red-inverted';\n\n        case 'success':\n            return 'yt-green-inverted';\n\n        default:\n            return 'yt-grey-inverted';\n    }\n};\n"],"names":["getStateClasses","value","getOutlineClasses","state"],"mappings":"MAqBaA,eAAe,GAAIC,KAAwB;EACpD,QAAQA,KAAK;IACT,KAAK,aAAa;MACd,OAAO,eAAe;IAE1B,KAAK,SAAS;MACV,OAAO,iBAAiB;IAE5B,KAAK,OAAO;MACR,OAAO,cAAc;IAEzB,KAAK,SAAS;MACV,OAAO,gBAAgB;IAE3B;MACI,OAAO,eAAe;;AAElC;MAEaC,iBAAiB,GAAIC,KAAqC;EACnE,QAAQA,KAAK;IACT,KAAK,aAAa;IAClB,KAAK,SAAS;MACV,OAAO,kBAAkB;IAE7B,KAAK,SAAS;MACV,OAAO,oBAAoB;IAE/B,KAAK,OAAO;IACZ,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAE5B,KAAK,SAAS;MACV,OAAO,mBAAmB;IAE9B;MACI,OAAO,kBAAkB;;AAErC;;;;"}
+{"version":3,"file":"taillwind.js","sources":["../../../../../../src/utils/taillwind.ts"],"sourcesContent":["import { State, Appearance } from '../types';\r\n\r\nexport const getAppearanceClasses = (value: Appearance | undefined): string => {\r\n    switch (value) {\r\n        case 'primary':\r\n            return 'yt-blue-solid';\r\n\r\n        case 'danger':\r\n            return 'yt-red-solid';\r\n\r\n        case 'ghost':\r\n            return 'yt-blue-inverted';\r\n\r\n        case 'discrete':\r\n            return 'yt-transparent';\r\n\r\n        default:\r\n            return 'yt-grey-solid';\r\n    }\r\n};\r\n\r\nexport const getStateClasses = (value: State | undefined): string => {\r\n    switch (value) {\r\n        case 'information':\r\n            return 'yt-blue-solid';\r\n\r\n        case 'warning':\r\n            return 'yt-yellow-solid';\r\n\r\n        case 'error':\r\n            return 'yt-red-solid';\r\n\r\n        case 'success':\r\n            return 'yt-green-solid';\r\n\r\n        default:\r\n            return 'yt-grey-solid';\r\n    }\r\n};\r\n\r\nexport const getOutlineClasses = (state: Appearance | State | undefined): string => {\r\n    switch (state) {\r\n        case 'information':\r\n        case 'primary':\r\n            return 'yt-blue-inverted';\r\n\r\n        case 'warning':\r\n            return 'yt-yellow-inverted';\r\n\r\n        case 'error':\r\n        case 'danger':\r\n            return 'yt-red-inverted';\r\n\r\n        case 'success':\r\n            return 'yt-green-inverted';\r\n\r\n        default:\r\n            return 'yt-grey-inverted';\r\n    }\r\n};\r\n"],"names":["getStateClasses","value","getOutlineClasses","state"],"mappings":"MAqBaA,eAAe,GAAIC,KAAwB;EACpD,QAAQA,KAAK;IACT,KAAK,aAAa;MACd,OAAO,eAAe;IAE1B,KAAK,SAAS;MACV,OAAO,iBAAiB;IAE5B,KAAK,OAAO;MACR,OAAO,cAAc;IAEzB,KAAK,SAAS;MACV,OAAO,gBAAgB;IAE3B;MACI,OAAO,eAAe;;AAElC;MAEaC,iBAAiB,GAAIC,KAAqC;EACnE,QAAQA,KAAK;IACT,KAAK,aAAa;IAClB,KAAK,SAAS;MACV,OAAO,kBAAkB;IAE7B,KAAK,SAAS;MACV,OAAO,oBAAoB;IAE/B,KAAK,OAAO;IACZ,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAE5B,KAAK,SAAS;MACV,OAAO,mBAAmB;IAE9B;MACI,OAAO,kBAAkB;;AAErC;;;;"}

package/dist/index.css

@@ -1,189 +1,189 @@
-@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;
+    }
+
+    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;
+}
 
 [data-taco='button'] > [data-taco='icon'] {
     @apply pointer-events-none -ml-2 -mt-2 -mb-2 inline p-px;
@@ -393,10 +393,10 @@
     @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='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 {

package/dist/taco.cjs.development.js

@@ -4112,43 +4112,6 @@ const Calendar$1 = /*#__PURE__*/React.forwardRef(function Calendar(props, ref) {
   })));
 });
 
-const Content$2 = /*#__PURE__*/React.forwardRef(function CardContent(externalProps, ref) {
-  const {
-    noPadding,
-    ...props
-  } = externalProps;
-  const className = cn('flex-grow overflow-auto', {
-    'mx-4 mb-4': !noPadding
-  }, props.className);
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: className,
-    ref: ref
-  }));
-});
-const Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
-  const {
-    title,
-    menu,
-    children
-  } = props;
-  const className = cn('bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]', props.className);
-  return /*#__PURE__*/React.createElement("div", {
-    className: className,
-    "data-taco": "card",
-    ref: ref
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "mx-4 mt-4 mb-2 flex"
-  }, title && /*#__PURE__*/React.createElement("h4", {
-    className: "mb-0 flex-grow text-left"
-  }, title), menu ? /*#__PURE__*/React.createElement(IconButton, {
-    icon: "ellipsis-horizontal",
-    appearance: "discrete",
-    menu: menu,
-    className: "-mt-[4px]"
-  }) : null), children);
-});
-Card.Content = Content$2;
-
 const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(props, ref) {
   const {
     checked,
@@ -5227,7 +5190,7 @@ const RenderPropWrapper = /*#__PURE__*/React.forwardRef(function RenderPropWrapp
     ref
   });
 });
-const Content$3 = /*#__PURE__*/React.forwardRef(function PopoverContent(props, ref) {
+const Content$2 = /*#__PURE__*/React.forwardRef(function PopoverContent(props, ref) {
   const {
     placement: side,
     ...popoverContentProps
@@ -5279,7 +5242,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(props, ref) {
   }, trigger && /*#__PURE__*/React.createElement(Trigger$2, null, trigger), children));
 });
 Popover.Trigger = Trigger$2;
-Popover.Content = Content$3;
+Popover.Content = Content$2;
 Popover.Close = Close$1;
 Popover.Portal = PopoverPrimitive.Portal;
 
@@ -5448,7 +5411,7 @@ const RenderPropWrapper$1 = /*#__PURE__*/React.forwardRef(function RenderPropWra
     ...renderProps
   });
 });
-const Content$4 = /*#__PURE__*/React.forwardRef(function DialogContent(props, ref) {
+const Content$3 = /*#__PURE__*/React.forwardRef(function DialogContent(props, ref) {
   const dialog = useCurrentDialog();
   const internalRef = useMergedRef(ref);
   const {
@@ -5616,7 +5579,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(props, ref) {
   }, trigger && /*#__PURE__*/React.createElement(Trigger$3, null, trigger), children));
 });
 Dialog.Trigger = Trigger$3;
-Dialog.Content = Content$4;
+Dialog.Content = Content$3;
 Dialog.Title = Title$1;
 Dialog.Footer = Footer$1;
 Dialog.Extra = Extra;
@@ -5710,7 +5673,7 @@ const Title$2 = /*#__PURE__*/React.forwardRef(function DialogTitle(props, ref) {
     ref: ref
   }));
 });
-const Content$5 = /*#__PURE__*/React.forwardRef(function HangerContent(props, ref) {
+const Content$4 = /*#__PURE__*/React.forwardRef(function HangerContent(props, ref) {
   const {
     placement: side
   } = props;
@@ -5769,7 +5732,7 @@ const Hanger = /*#__PURE__*/React.forwardRef(function Hanger(props, ref) {
   }, anchor && /*#__PURE__*/React.createElement(Anchor, null, anchor), children));
 });
 Hanger.Anchor = Anchor;
-Hanger.Content = Content$5;
+Hanger.Content = Content$4;
 Hanger.Title = Title$2;
 
 const UnstyledArrow$1 = /*#__PURE__*/React.forwardRef(function HoverCardArrow(props, ref) {
@@ -5800,7 +5763,7 @@ const Trigger$4 = /*#__PURE__*/React.forwardRef(function HoverCardTrigger(props,
     ref: ref
   }));
 });
-const Content$6 = /*#__PURE__*/React.forwardRef(function HoverCardContent(props, ref) {
+const Content$5 = /*#__PURE__*/React.forwardRef(function HoverCardContent(props, ref) {
   const {
     placement: side
   } = props;
@@ -5821,7 +5784,7 @@ const HoverCard = props => {
   }));
 };
 HoverCard.Trigger = Trigger$4;
-HoverCard.Content = Content$6;
+HoverCard.Content = Content$5;
 
 const SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput({
   onSearch,
@@ -6220,7 +6183,7 @@ const useCurrentMenu = () => {
   return React.useContext(MenuContext);
 };
 
-const Content$7 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref) {
+const Content$6 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref) {
   const internalRef = useMergedRef(ref);
   const menu = useCurrentMenu();
   const {
@@ -6577,7 +6540,7 @@ const Menu$1 = /*#__PURE__*/React.forwardRef(function Menu(externalProps, ref) {
   }, trigger), children));
 });
 Menu$1.Trigger = Trigger$5;
-Menu$1.Content = Content$7;
+Menu$1.Content = Content$6;
 Menu$1.Item = Item$1;
 Menu$1.Link = Link;
 Menu$1.Checkbox = Checkbox$1;
@@ -10322,6 +10285,43 @@ const useOnClickOutside = (ref, callback) => {
   }, [ref, callback]);
 };
 
+const Content$7 = /*#__PURE__*/React.forwardRef(function CardContent(externalProps, ref) {
+  const {
+    noPadding,
+    ...props
+  } = externalProps;
+  const className = cn('flex-grow overflow-auto', {
+    'mx-4 mb-4': !noPadding
+  }, props.className);
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    className: className,
+    ref: ref
+  }));
+});
+const Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
+  const {
+    title,
+    menu,
+    children
+  } = props;
+  const className = cn('bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]', props.className);
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    "data-taco": "card",
+    ref: ref
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mx-4 mt-4 mb-2 flex"
+  }, title && /*#__PURE__*/React.createElement("h4", {
+    className: "mb-0 flex-grow text-left"
+  }, title), menu ? /*#__PURE__*/React.createElement(IconButton, {
+    icon: "ellipsis-horizontal",
+    appearance: "discrete",
+    menu: menu,
+    className: "-mt-[4px]"
+  }) : null), children);
+});
+Card.Content = Content$7;
+
 exports.Accordion = Accordion;
 exports.AlertDialog = AlertDialog;
 exports.Backdrop = Backdrop;