@economic/taco 0.0.1-alpha.0

package/dist/esm/src/utils/input.js

@@ -0,0 +1,53 @@
+// returns a custom event compatible with all browsers
+var createCustomEvent = function createCustomEvent(eventType) {
+  var customEvent;
+
+  if (typeof Event === 'function') {
+    customEvent = new Event(eventType, {
+      bubbles: true
+    });
+  } else {
+    customEvent = document.createEvent('Event');
+    customEvent.initEvent(eventType, true, true);
+  }
+
+  return customEvent;
+}; // returns a custom keyboard event compatible with all browsers
+
+var createCustomKeyboardEvent = function createCustomKeyboardEvent(event) {
+  var customKeyboardEvent;
+
+  if (typeof KeyboardEvent === 'function') {
+    customKeyboardEvent = new KeyboardEvent(event.type, event);
+  } else {
+    customKeyboardEvent = document.createEvent('Event');
+    customKeyboardEvent.initEvent(event.type, true, true);
+    customKeyboardEvent.keyCode = event.keyCode;
+    customKeyboardEvent.charCode = event.charCode;
+  }
+
+  return customKeyboardEvent;
+};
+var setInputValueByRef = function setInputValueByRef(input, value, event) {
+  if (event === void 0) {
+    event = 'change';
+  }
+
+  if (!input) {
+    return;
+  }
+
+  var previousValue = input.value;
+  input.value = value || '';
+  var tracker = input._valueTracker;
+
+  if (tracker) {
+    tracker.setValue(previousValue);
+  } // 'change' instead of 'input', see https://github.com/facebook/react/issues/11488#issuecomment-381590324
+
+
+  input.dispatchEvent(createCustomEvent(event));
+};
+
+export { createCustomEvent, createCustomKeyboardEvent, setInputValueByRef };
+//# sourceMappingURL=input.js.map

package/dist/esm/src/utils/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../../src/utils/input.ts"],"sourcesContent":["// returns a custom event compatible with all browsers\nexport const createCustomEvent = (eventType: string) => {\n    let customEvent;\n\n    if (typeof Event === 'function') {\n        customEvent = new Event(eventType, { bubbles: true });\n    } else {\n        customEvent = document.createEvent('Event');\n        customEvent.initEvent(eventType, true, true);\n    }\n    return customEvent;\n};\n\n// returns a custom keyboard event compatible with all browsers\nexport const createCustomKeyboardEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    let customKeyboardEvent;\n\n    if (typeof KeyboardEvent === 'function') {\n        customKeyboardEvent = new KeyboardEvent(event.type, event as any);\n    } else {\n        customKeyboardEvent = document.createEvent('Event') as any;\n        customKeyboardEvent.initEvent(event.type, true, true);\n        customKeyboardEvent.keyCode = event.keyCode;\n        customKeyboardEvent.charCode = event.charCode;\n    }\n\n    return customKeyboardEvent;\n};\n\nexport const setInputValueByRef = (input: HTMLInputElement | null, value: string | undefined, event = 'change'): void => {\n    if (!input) {\n        return;\n    }\n\n    const previousValue = input.value;\n    input.value = value || '';\n\n    const tracker = (input as any)._valueTracker;\n\n    if (tracker) {\n        tracker.setValue(previousValue);\n    }\n\n    // 'change' instead of 'input', see https://github.com/facebook/react/issues/11488#issuecomment-381590324\n    input.dispatchEvent(createCustomEvent(event));\n};\n"],"names":["createCustomEvent","eventType","customEvent","Event","bubbles","document","createEvent","initEvent","createCustomKeyboardEvent","event","customKeyboardEvent","KeyboardEvent","type","keyCode","charCode","setInputValueByRef","input","value","previousValue","tracker","_valueTracker","setValue","dispatchEvent"],"mappings":"AAAA;IACaA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD;AAC7B,MAAIC,WAAJ;;AAEA,MAAI,OAAOC,KAAP,KAAiB,UAArB,EAAiC;AAC7BD,IAAAA,WAAW,GAAG,IAAIC,KAAJ,CAAUF,SAAV,EAAqB;AAAEG,MAAAA,OAAO,EAAE;AAAX,KAArB,CAAd;AACH,GAFD,MAEO;AACHF,IAAAA,WAAW,GAAGG,QAAQ,CAACC,WAAT,CAAqB,OAArB,CAAd;AACAJ,IAAAA,WAAW,CAACK,SAAZ,CAAsBN,SAAtB,EAAiC,IAAjC,EAAuC,IAAvC;AACH;;AACD,SAAOC,WAAP;AACH;;IAGYM,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,KAAD;AACrC,MAAIC,mBAAJ;;AAEA,MAAI,OAAOC,aAAP,KAAyB,UAA7B,EAAyC;AACrCD,IAAAA,mBAAmB,GAAG,IAAIC,aAAJ,CAAkBF,KAAK,CAACG,IAAxB,EAA8BH,KAA9B,CAAtB;AACH,GAFD,MAEO;AACHC,IAAAA,mBAAmB,GAAGL,QAAQ,CAACC,WAAT,CAAqB,OAArB,CAAtB;AACAI,IAAAA,mBAAmB,CAACH,SAApB,CAA8BE,KAAK,CAACG,IAApC,EAA0C,IAA1C,EAAgD,IAAhD;AACAF,IAAAA,mBAAmB,CAACG,OAApB,GAA8BJ,KAAK,CAACI,OAApC;AACAH,IAAAA,mBAAmB,CAACI,QAApB,GAA+BL,KAAK,CAACK,QAArC;AACH;;AAED,SAAOJ,mBAAP;AACH;IAEYK,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAiCC,KAAjC,EAA4DR,KAA5D;MAA4DA;AAAAA,IAAAA,QAAQ;;;AAClG,MAAI,CAACO,KAAL,EAAY;AACR;AACH;;AAED,MAAME,aAAa,GAAGF,KAAK,CAACC,KAA5B;AACAD,EAAAA,KAAK,CAACC,KAAN,GAAcA,KAAK,IAAI,EAAvB;AAEA,MAAME,OAAO,GAAIH,KAAa,CAACI,aAA/B;;AAEA,MAAID,OAAJ,EAAa;AACTA,IAAAA,OAAO,CAACE,QAAR,CAAiBH,aAAjB;AACH;;;AAGDF,EAAAA,KAAK,CAACM,aAAN,CAAoBtB,iBAAiB,CAACS,KAAD,CAArC;AACH;;;;"}

package/dist/esm/src/utils/mergeRefs.js

@@ -0,0 +1,14 @@
+function mergeRefs(refs) {
+  return function (value) {
+    refs.forEach(function (ref) {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
+export default mergeRefs;
+//# sourceMappingURL=mergeRefs.js.map

package/dist/esm/src/utils/mergeRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.js","sources":["../../../../src/utils/mergeRefs.ts"],"sourcesContent":["import React from 'react';\n\nexport default function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\n    return value => {\n        refs.forEach(ref => {\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref != null) {\n                (ref as React.MutableRefObject<T | null>).current = value;\n            }\n        });\n    };\n}\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"SAEwBA,UAAmBC;AACvC,SAAO,UAAAC,KAAK;AACRD,IAAAA,IAAI,CAACE,OAAL,CAAa,UAAAC,GAAG;AACZ,UAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC3BA,QAAAA,GAAG,CAACF,KAAD,CAAH;AACH,OAFD,MAEO,IAAIE,GAAG,IAAI,IAAX,EAAiB;AACnBA,QAAAA,GAAwC,CAACC,OAAzC,GAAmDH,KAAnD;AACJ;AACJ,KAND;AAOH,GARD;AASH;;;;"}

package/dist/esm/src/utils/taillwind.js

@@ -0,0 +1,41 @@
+var getStateClasses = function getStateClasses(value) {
+  switch (value) {
+    case 'information':
+      return 'yt-blue-solid';
+
+    case 'warning':
+      return 'yt-yellow-solid';
+
+    case 'error':
+      return 'yt-red-solid';
+
+    case 'success':
+      return 'yt-green-solid';
+
+    default:
+      return 'yt-grey-solid';
+  }
+};
+var getOutlineClasses = function getOutlineClasses(state) {
+  switch (state) {
+    case 'information':
+    case 'primary':
+      return 'yt-blue-inverted';
+
+    case 'warning':
+      return 'yt-yellow-inverted';
+
+    case 'error':
+    case 'danger':
+      return 'yt-red-inverted';
+
+    case 'success':
+      return 'yt-green-inverted';
+
+    default:
+      return 'yt-grey-inverted';
+  }
+};
+
+export { getOutlineClasses, getStateClasses };
+//# sourceMappingURL=taillwind.js.map

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

@@ -0,0 +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":"IAqBaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAC3B,UAAQA,KAAR;AACI,SAAK,aAAL;AACI,aAAO,eAAP;;AAEJ,SAAK,SAAL;AACI,aAAO,iBAAP;;AAEJ,SAAK,OAAL;AACI,aAAO,cAAP;;AAEJ,SAAK,SAAL;AACI,aAAO,gBAAP;;AAEJ;AACI,aAAO,eAAP;AAdR;AAgBH;IAEYC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;AAC7B,UAAQA,KAAR;AACI,SAAK,aAAL;AACA,SAAK,SAAL;AACI,aAAO,kBAAP;;AAEJ,SAAK,SAAL;AACI,aAAO,oBAAP;;AAEJ,SAAK,OAAL;AACA,SAAK,QAAL;AACI,aAAO,iBAAP;;AAEJ,SAAK,SAAL;AACI,aAAO,mBAAP;;AAEJ;AACI,aAAO,kBAAP;AAhBR;AAkBH;;;;"}

package/dist/esm/tailwind.config.js

@@ -0,0 +1,304 @@
+import 'tailwindcss/plugin';
+import './plugins/tailwindcss-aria-attributes.js';
+import plugin from './_virtual/plugin_commonjs-external';
+import require$$0 from './_virtual/tailwindcss-aria-attributes.js_commonjs-proxy';
+
+var tailwind_config = {
+  theme: {
+    colors: {
+      transparent: 'transparent',
+      current: 'currentColor',
+      white: '#fff',
+      black: '#1c1c1c',
+      grey: {
+        lightest: '#fafafa',
+        light: '#efefef',
+        DEFAULT: '#ebebeb',
+        dark: '#ddd',
+        darker: '#acacac',
+        darkest: '#595959'
+      },
+      purple: {
+        lightest: '#585c74',
+        light: '#4b4f64',
+        DEFAULT: '#3d4153',
+        dark: '#353a48'
+      },
+      blue: {
+        lightest: '#e5efff',
+        light: '#6ba4ff',
+        DEFAULT: '#0063ff',
+        dark: '#0158e2'
+      },
+      red: {
+        lightest: '#f3cfc5',
+        light: '#e67355',
+        DEFAULT: '#cf3c16',
+        dark: '#b12d0b'
+      },
+      green: {
+        lightest: '#c4e1d7',
+        light: '#5caf93',
+        DEFAULT: '#138760',
+        dark: '#0c5f43'
+      },
+      yellow: {
+        lightest: '#fff1c3',
+        light: '#fddd70',
+        DEFAULT: '#ffc810',
+        dark: '#e89c2e'
+      }
+    },
+    fontFamily: {
+      display: ['Helvetica, Arial, sans-serif'],
+      mono: ['Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace']
+    },
+    extend: {
+      cursor: {
+        grab: 'grab',
+        grabbing: 'grabbing'
+      },
+      listStyleType: {
+        circle: 'circle'
+      },
+      spacing: {
+        18: '4.5rem',
+        72: '18rem',
+        80: '20rem',
+        88: '22rem',
+        96: '24rem',
+        104: '26rem',
+        112: '28rem',
+        120: '30rem',
+        128: '32rem',
+        xs: '32rem',
+        sm: '48rem',
+        md: '64rem',
+        lg: '80rem'
+      }
+    }
+  },
+  plugins: [/*#__PURE__*/require$$0, /*#__PURE__*/plugin(function (_ref) {
+    var addUtilities = _ref.addUtilities,
+        theme = _ref.theme;
+    // ideally we would do this using the @layer utilities directive, but
+    // that causes issues in tools like tailwind where the typescript is loaded before the css
+    // resulting in "yt-focus class does not exist" errors
+    addUtilities({
+      '.fixed-center': {
+        position: 'fixed',
+        left: '50%',
+        top: '50%',
+        transform: 'translateX(-50%) translateY(-50%)'
+      },
+      '.absolute-center': {
+        position: 'absolute',
+        left: '50%',
+        top: '50%',
+        transform: 'translateX(-50%) translateY(-50%)'
+      },
+      '.absolute-center-x': {
+        position: 'absolute',
+        left: '50%',
+        transform: 'translateX(-50%)'
+      },
+      '.absolute-center-y': {
+        position: 'absolute',
+        top: '50%',
+        transform: 'translateY(-50%)'
+      },
+      // WCAG contrast combinations
+      '.wcag-black': {
+        background: theme('colors.black'),
+        color: theme('colors.white')
+      },
+      '.wcag-white': {
+        background: theme('colors.white'),
+        color: theme('colors.black')
+      },
+      '.wcag-grey-lightest': {
+        background: theme('colors.grey.lightest'),
+        color: theme('colors.black')
+      },
+      '.wcag-grey-light': {
+        background: theme('colors.grey.light'),
+        color: theme('colors.black')
+      },
+      '.wcag-grey': {
+        background: theme('colors.grey.DEFAULT'),
+        color: theme('colors.black')
+      },
+      '.wcag-grey-dark': {
+        background: theme('colors.grey.dark'),
+        color: theme('colors.black')
+      },
+      '.wcag-grey-darker': {
+        background: theme('colors.grey.darker'),
+        color: theme('colors.white')
+      },
+      '.wcag-grey-darkest': {
+        background: theme('colors.grey.darkest'),
+        color: theme('colors.white')
+      },
+      '.wcag-purple-lightest': {
+        background: theme('colors.purple.lightest'),
+        color: theme('colors.white')
+      },
+      '.wcag-purple-light': {
+        background: theme('colors.purple.light'),
+        color: theme('colors.white')
+      },
+      '.wcag-purple': {
+        background: theme('colors.purple.DEFAULT'),
+        color: theme('colors.white')
+      },
+      '.wcag-purple-dark': {
+        background: theme('colors.purple.dark'),
+        color: theme('colors.white')
+      },
+      '.wcag-blue-lightest': {
+        background: theme('colors.blue.lightest'),
+        color: theme('colors.blue.dark')
+      },
+      '.wcag-blue-light': {
+        background: theme('colors.blue.light'),
+        color: theme('colors.white')
+      },
+      '.wcag-blue': {
+        background: theme('colors.blue.DEFAULT'),
+        color: theme('colors.white')
+      },
+      '.wcag-blue-dark': {
+        background: theme('colors.blue.dark'),
+        color: theme('colors.white')
+      },
+      '.wcag-red-lightest': {
+        background: theme('colors.red.lightest'),
+        color: theme('colors.red.dark')
+      },
+      '.wcag-red-light': {
+        background: theme('colors.red.light'),
+        color: theme('colors.white')
+      },
+      '.wcag-red': {
+        background: theme('colors.red.DEFAULT'),
+        color: theme('colors.white')
+      },
+      '.wcag-red-dark': {
+        background: theme('colors.red.dark'),
+        color: theme('colors.white')
+      },
+      '.wcag-green-lightest': {
+        background: theme('colors.green.lightest'),
+        color: theme('colors.black')
+      },
+      '.wcag-green-light': {
+        background: theme('colors.green.light'),
+        color: theme('colors.black')
+      },
+      '.wcag-green': {
+        background: theme('colors.green.DEFAULT'),
+        color: theme('colors.white')
+      },
+      '.wcag-green-dark': {
+        background: theme('colors.green.dark'),
+        color: theme('colors.white')
+      },
+      '.wcag-yellow-lightest': {
+        background: theme('colors.yellow.lightest'),
+        color: theme('colors.black')
+      },
+      '.wcag-yellow-light': {
+        background: theme('colors.yellow.light'),
+        color: theme('colors.black')
+      },
+      '.wcag-yellow': {
+        background: theme('colors.yellow.DEFAULT'),
+        color: theme('colors.black')
+      },
+      '.wcag-yellow-dark': {
+        background: theme('colors.yellow.dark'),
+        color: theme('colors.white')
+      },
+      // Legacy
+      '.yt-transparent': {
+        background: theme('colors.transparent'),
+        color: theme('colors.blue.DEFAULT')
+      },
+      '.yt-focus': {
+        'box-shadow': '0 0 0 0.15rem rgba(0, 143, 255, 0.25)',
+        outline: 'none'
+      },
+      '.yt-focus-green': {
+        'box-shadow': '0 0 0 0.15rem rgba(0, 213, 165, 0.25)',
+        outline: 'none'
+      },
+      '.yt-focus-yellow': {
+        'box-shadow': '0 0 0 0.15rem rgba(239, 125, 0, 0.25)',
+        outline: 'none'
+      },
+      '.yt-focus-red': {
+        'box-shadow': '0 0 0 0.15rem rgba(253, 99, 97, 0.25)',
+        outline: 'none'
+      },
+      '.yt-blue-solid': {
+        background: theme('colors.blue.DEFAULT'),
+        color: theme('colors.white')
+      },
+      '.yt-blue-inverted': {
+        background: theme('colors.transparent'),
+        border: "1px solid " + theme('colors.blue.DEFAULT'),
+        color: theme('colors.blue.DEFAULT')
+      },
+      '.yt-yellow-solid': {
+        background: theme('colors.yellow.DEFAULT'),
+        color: theme('colors.black')
+      },
+      '.yt-yellow-inverted': {
+        background: theme('colors.transparent'),
+        border: "1px solid " + theme('colors.yellow.DEFAULT'),
+        color: theme('colors.yellow.DEFAULT')
+      },
+      '.yt-red-solid': {
+        background: theme('colors.red.DEFAULT'),
+        color: theme('colors.white')
+      },
+      '.yt-red-inverted': {
+        background: theme('colors.transparent'),
+        border: "1px solid " + theme('colors.red.DEFAULT'),
+        color: theme('colors.red.DEFAULT')
+      },
+      '.yt-green-solid': {
+        background: theme('colors.green.DEFAULT'),
+        color: theme('colors.white')
+      },
+      '.yt-green-inverted': {
+        background: theme('colors.transparent'),
+        border: "1px solid " + theme('colors.green.DEFAULT'),
+        color: theme('colors.green.DEFAULT')
+      },
+      '.yt-grey-solid': {
+        background: theme('colors.grey.DEFAULT'),
+        color: theme('colors.black')
+      },
+      '.yt-grey-inverted': {
+        background: theme('colors.transparent'),
+        border: "1px solid " + theme('colors.grey.darkest'),
+        color: theme('colors.grey.darkest')
+      },
+      '.yt-shadow': {
+        'box-shadow': '0px 1px 3px 0px rgba(89, 85, 98, 0.35), 0px 0px 1px 0px rgba(89, 85, 98, 0.2)'
+      },
+      '.yt-shadow-inset': {
+        'box-shadow': 'inset 0px 1px 4px 0px rgba(89, 85, 98, 0.3), inset 0px 0px 1px 0px rgba(89, 85, 98, 0.2)'
+      },
+      '.pointer-events-all': {
+        'pointer-events': 'all'
+      }
+    });
+  })]
+};
+var tailwind_config_1 = tailwind_config.theme;
+
+export { tailwind_config as __moduleExports, tailwind_config_1 as theme };
+//# sourceMappingURL=tailwind.config.js.map

package/dist/esm/tailwind.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.config.js","sources":["../../tailwind.config.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\n\nmodule.exports = {\n    theme: {\n        colors: {\n            transparent: 'transparent',\n            current: 'currentColor',\n            white: '#fff',\n            black: '#1c1c1c',\n            grey: {\n                lightest: '#fafafa',\n                light: '#efefef',\n                DEFAULT: '#ebebeb',\n                dark: '#ddd',\n                darker: '#acacac',\n                darkest: '#595959',\n            },\n            purple: {\n                lightest: '#585c74',\n                light: '#4b4f64',\n                DEFAULT: '#3d4153',\n                dark: '#353a48',\n            },\n            blue: {\n                lightest: '#e5efff',\n                light: '#6ba4ff',\n                DEFAULT: '#0063ff',\n                dark: '#0158e2',\n            },\n            red: {\n                lightest: '#f3cfc5',\n                light: '#e67355',\n                DEFAULT: '#cf3c16',\n                dark: '#b12d0b',\n            },\n            green: {\n                lightest: '#c4e1d7',\n                light: '#5caf93',\n                DEFAULT: '#138760',\n                dark: '#0c5f43',\n            },\n            yellow: {\n                lightest: '#fff1c3',\n                light: '#fddd70',\n                DEFAULT: '#ffc810',\n                dark: '#e89c2e',\n            },\n        },\n        fontFamily: {\n            display: ['Helvetica, Arial, sans-serif'],\n            mono: ['Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace'],\n        },\n        extend: {\n            cursor: {\n                grab: 'grab',\n                grabbing: 'grabbing',\n            },\n            listStyleType: {\n                circle: 'circle',\n            },\n            spacing: {\n                18: '4.5rem',\n                72: '18rem',\n                80: '20rem',\n                88: '22rem',\n                96: '24rem',\n                104: '26rem',\n                112: '28rem',\n                120: '30rem',\n                128: '32rem',\n                xs: '32rem',\n                sm: '48rem',\n                md: '64rem',\n                lg: '80rem',\n            },\n        },\n    },\n    plugins: [\n        require('./plugins/tailwindcss-aria-attributes'),\n        plugin(function ({ addUtilities, theme }) {\n            // ideally we would do this using the @layer utilities directive, but\n            // that causes issues in tools like tailwind where the typescript is loaded before the css\n            // resulting in \"yt-focus class does not exist\" errors\n            addUtilities({\n                '.fixed-center': {\n                    position: 'fixed',\n                    left: '50%',\n                    top: '50%',\n                    transform: 'translateX(-50%) translateY(-50%)',\n                },\n                '.absolute-center': {\n                    position: 'absolute',\n                    left: '50%',\n                    top: '50%',\n                    transform: 'translateX(-50%) translateY(-50%)',\n                },\n                '.absolute-center-x': {\n                    position: 'absolute',\n                    left: '50%',\n                    transform: 'translateX(-50%)',\n                },\n                '.absolute-center-y': {\n                    position: 'absolute',\n                    top: '50%',\n                    transform: 'translateY(-50%)',\n                }, // WCAG contrast combinations\n                '.wcag-black': {\n                    background: theme('colors.black'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-white': {\n                    background: theme('colors.white'),\n                    color: theme('colors.black'),\n                },\n                '.wcag-grey-lightest': {\n                    background: theme('colors.grey.lightest'),\n                    color: theme('colors.black'),\n                },\n                '.wcag-grey-light': {\n                    background: theme('colors.grey.light'),\n                    color: theme('colors.black'),\n                },\n                '.wcag-grey': {\n                    background: theme('colors.grey.DEFAULT'),\n                    color: theme('colors.black'),\n                },\n                '.wcag-grey-dark': {\n                    background: theme('colors.grey.dark'),\n                    color: theme('colors.black'),\n                },\n                '.wcag-grey-darker': {\n                    background: theme('colors.grey.darker'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-grey-darkest': {\n                    background: theme('colors.grey.darkest'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-purple-lightest': {\n                    background: theme('colors.purple.lightest'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-purple-light': {\n                    background: theme('colors.purple.light'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-purple': {\n                    background: theme('colors.purple.DEFAULT'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-purple-dark': {\n                    background: theme('colors.purple.dark'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-blue-lightest': {\n                    background: theme('colors.blue.lightest'),\n                    color: theme('colors.blue.dark'),\n                },\n                '.wcag-blue-light': {\n                    background: theme('colors.blue.light'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-blue': {\n                    background: theme('colors.blue.DEFAULT'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-blue-dark': {\n                    background: theme('colors.blue.dark'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-red-lightest': {\n                    background: theme('colors.red.lightest'),\n                    color: theme('colors.red.dark'),\n                },\n                '.wcag-red-light': {\n                    background: theme('colors.red.light'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-red': {\n                    background: theme('colors.red.DEFAULT'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-red-dark': {\n                    background: theme('colors.red.dark'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-green-lightest': {\n                    background: theme('colors.green.lightest'),\n                    color: theme('colors.black'),\n                },\n                '.wcag-green-light': {\n                    background: theme('colors.green.light'),\n                    color: theme('colors.black'),\n                },\n                '.wcag-green': {\n                    background: theme('colors.green.DEFAULT'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-green-dark': {\n                    background: theme('colors.green.dark'),\n                    color: theme('colors.white'),\n                },\n                '.wcag-yellow-lightest': {\n                    background: theme('colors.yellow.lightest'),\n                    color: theme('colors.black'),\n                },\n                '.wcag-yellow-light': {\n                    background: theme('colors.yellow.light'),\n                    color: theme('colors.black'),\n                },\n                '.wcag-yellow': {\n                    background: theme('colors.yellow.DEFAULT'),\n                    color: theme('colors.black'),\n                },\n                '.wcag-yellow-dark': {\n                    background: theme('colors.yellow.dark'),\n                    color: theme('colors.white'),\n                },\n                // Legacy\n                '.yt-transparent': {\n                    background: theme('colors.transparent'),\n                    color: theme('colors.blue.DEFAULT'),\n                },\n                '.yt-focus': {\n                    'box-shadow': '0 0 0 0.15rem rgba(0, 143, 255, 0.25)',\n                    outline: 'none',\n                },\n                '.yt-focus-green': {\n                    'box-shadow': '0 0 0 0.15rem rgba(0, 213, 165, 0.25)',\n                    outline: 'none',\n                },\n                '.yt-focus-yellow': {\n                    'box-shadow': '0 0 0 0.15rem rgba(239, 125, 0, 0.25)',\n                    outline: 'none',\n                },\n                '.yt-focus-red': {\n                    'box-shadow': '0 0 0 0.15rem rgba(253, 99, 97, 0.25)',\n                    outline: 'none',\n                },\n                '.yt-blue-solid': {\n                    background: theme('colors.blue.DEFAULT'),\n                    color: theme('colors.white'),\n                },\n                '.yt-blue-inverted': {\n                    background: theme('colors.transparent'),\n                    border: `1px solid ${theme('colors.blue.DEFAULT')}`,\n                    color: theme('colors.blue.DEFAULT'),\n                },\n                '.yt-yellow-solid': {\n                    background: theme('colors.yellow.DEFAULT'),\n                    color: theme('colors.black'),\n                },\n                '.yt-yellow-inverted': {\n                    background: theme('colors.transparent'),\n                    border: `1px solid ${theme('colors.yellow.DEFAULT')}`,\n                    color: theme('colors.yellow.DEFAULT'),\n                },\n                '.yt-red-solid': {\n                    background: theme('colors.red.DEFAULT'),\n                    color: theme('colors.white'),\n                },\n                '.yt-red-inverted': {\n                    background: theme('colors.transparent'),\n                    border: `1px solid ${theme('colors.red.DEFAULT')}`,\n                    color: theme('colors.red.DEFAULT'),\n                },\n                '.yt-green-solid': {\n                    background: theme('colors.green.DEFAULT'),\n                    color: theme('colors.white'),\n                },\n                '.yt-green-inverted': {\n                    background: theme('colors.transparent'),\n                    border: `1px solid ${theme('colors.green.DEFAULT')}`,\n                    color: theme('colors.green.DEFAULT'),\n                },\n                '.yt-grey-solid': {\n                    background: theme('colors.grey.DEFAULT'),\n                    color: theme('colors.black'),\n                },\n                '.yt-grey-inverted': {\n                    background: theme('colors.transparent'),\n                    border: `1px solid ${theme('colors.grey.darkest')}`,\n                    color: theme('colors.grey.darkest'),\n                },\n                '.yt-shadow': {\n                    'box-shadow': '0px 1px 3px 0px rgba(89, 85, 98, 0.35), 0px 0px 1px 0px rgba(89, 85, 98, 0.2)',\n                },\n                '.yt-shadow-inset': {\n                    'box-shadow': 'inset 0px 1px 4px 0px rgba(89, 85, 98, 0.3), inset 0px 0px 1px 0px rgba(89, 85, 98, 0.2)',\n                },\n                '.pointer-events-all': {\n                    'pointer-events': 'all',\n                },\n            });\n        }),\n    ],\n};\n"],"names":["theme","colors","transparent","current","white","black","grey","lightest","light","DEFAULT","dark","darker","darkest","purple","blue","red","green","yellow","fontFamily","display","mono","extend","cursor","grab","grabbing","listStyleType","circle","spacing","xs","sm","md","lg","plugins","require","plugin","addUtilities","position","left","top","transform","background","color","outline","border"],"mappings":"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"}