@economic/taco 1.15.1 → 1.16.1

package/dist/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/index.d.ts

@@ -27,6 +27,7 @@ export * from './components/Pagination/Pagination';
 export * from './components/Popover/Popover';
 export * from './components/Progress/Progress';
 export * from './components/Provider/Provider';
+export * from './components/Provider/Localization';
 export * from './components/RadioGroup/RadioGroup';
 export * from './components/Select/Select';
 export * from './components/Select2/Select2';