@sk-web-gui/core 0.1.42 → 0.1.43

package/dist/cjs/index.js

@@ -0,0 +1,282 @@
+"use strict";
+
+var _accordion = _interopRequireDefault(require("./components/accordion"));
+
+var _theme = require("@sk-web-gui/theme");
+
+var _withOpacity = require("./with-opacity");
+
+var _plugin = _interopRequireDefault(require("tailwindcss/plugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var components = [// Alert,
+// Breadcrumb,
+// ButtonGroup,
+// Button,
+// Checkbox,
+// Dot,
+// Forms,
+// Calendar,
+// IconButton,
+// Icon,
+// Link,
+// Message,
+// NotificationToast,
+// Radio,
+// Switch,
+// Table,
+// ZebraTable,
+// CookieConsent,
+// Modal,
+_accordion["default"] // Card,
+// Divider,
+// UserMenu,
+// Tag,
+// Pagination,
+// Footer,
+// Header,
+];
+var defaultColors = ['primary', 'secondary'];
+var themeColors = _theme.colors;
+module.exports = _plugin["default"].withOptions(function (options) {
+  if (options === void 0) {
+    options = {
+      colors: [],
+      cssBase: true
+    };
+  }
+
+  return function (_ref) {
+    var addComponents = _ref.addComponents,
+        addVariant = _ref.addVariant,
+        addBase = _ref.addBase,
+        e = _ref.e;
+    var optionColors = [].concat(defaultColors, options.colors || []);
+    active({
+      addVariant: addVariant,
+      e: e
+    });
+    selected({
+      addVariant: addVariant,
+      e: e
+    });
+    disabled({
+      addVariant: addVariant,
+      e: e
+    });
+    addComponents(components.map(function (component) {
+      component(optionColors);
+    }), {
+      respectPrefix: false
+    });
+
+    if (options.cssBase) {
+      addBase({
+        html: {
+          '@apply text-foreground antialiased bg-base': {},
+          fontSize: '62.5%',
+          lineHeight: '1.5',
+          textRendering: 'optimizeLegibility',
+          textSizeAdjust: '100%',
+          touchAction: 'manipulation'
+        },
+        body: {
+          '@apply text-base leading-base': {},
+          position: 'relative',
+          minHeight: '100%',
+          fontFeatureSettings: "'kern'"
+        },
+        'h1,h2,h3,h4,h5,h6': {
+          '@apply font-bold': {}
+        },
+        small: {
+          fontSize: '1.4rem'
+        },
+        h1: {
+          '@apply text-3xl leading-3xl': {}
+        },
+        h2: {
+          '@apply text-2xl leading-2xl': {}
+        },
+        h3: {
+          '@apply text-xl leading-xl': {}
+        },
+        h4: {
+          '@apply text-lg leading-lg': {}
+        },
+        h5: {
+          '@apply text-base leading-base': {}
+        },
+        h6: {
+          '@apply text-sm leading-sm': {}
+        },
+        p: {
+          '@apply my-4': {}
+        },
+        '.text-content': {
+          '@apply max-w-[80rem]': {},
+          h1: {
+            '@apply mb-md': {},
+            '+ p': {
+              '@apply mb-[40px] mt-0': {}
+            }
+          },
+          h2: {
+            '@apply mt-lg': {}
+          },
+          h3: {
+            '@apply mt-lg': {}
+          },
+          h4: {
+            '@apply mt-lg': {}
+          },
+          h5: {
+            '@apply mt-lg': {}
+          },
+          h6: {
+            '@apply mt-lg': {}
+          },
+          p: {
+            '@apply mt-sm leading-[1.5]': {}
+          }
+        }
+      });
+    }
+  };
+}, function () {
+  return {
+    content: [''],
+    theme: {
+      fontSize: {
+        tiny: '1rem',
+        xs: '1.2rem',
+        sm: '1.4rem',
+        base: '1.6rem',
+        lg: '1.8rem',
+        xl: '2.0rem',
+        '2xl': '2.4rem',
+        '3xl': '3.2rem',
+        '4xl': '4.0rem',
+        '5xl': '5.2rem'
+      },
+      extend: {
+        colors: _extends({}, themeColors, {
+          current: 'currentColor'
+        }),
+        cursor: {
+          base: 'var(--vc-cursor)'
+        },
+        spacing: {
+          xs: '4px',
+          sm: '8px',
+          md: '16px',
+          lg: '24px',
+          xl: '48px'
+        },
+        lineHeight: {
+          tiny: '1.4rem',
+          xs: '1.6rem',
+          sm: '2rem',
+          base: '2.4rem',
+          lg: '2.4rem',
+          xl: '3.2rem',
+          '2xl': '3.2rem',
+          '3xl': '4rem',
+          '4xl': '4.8rem',
+          '5xl': '5.8rem'
+        },
+        opacity: {
+          15: '0.15'
+        },
+        backgroundColor: {
+          base: (0, _withOpacity.withOpacity)('--vc-colors-bg-base'),
+          fill: (0, _withOpacity.withOpacity)('--vc-colors-bg-fill')
+        },
+        textColor: {
+          foreground: (0, _withOpacity.withOpacity)('--vc-colors-text-foreground'),
+          muted: (0, _withOpacity.withOpacity)('--vc-colors-text-muted')
+        },
+        borderRadius: {
+          base: 'var(--vc-rounded)'
+        },
+        zIndex: {
+          hide: '-1',
+          none: '0',
+          base: '1',
+          docked: '10',
+          dropdown: '1000',
+          sticky: '1100',
+          banner: '1200',
+          overlay: '1300',
+          modal: '1400',
+          popover: '1500',
+          skipLink: '1600',
+          toast: '1700',
+          tooltip: '1800'
+        }
+      }
+    },
+    variants: {
+      extend: {
+        boxShadow: ['disabled'],
+        cursor: ['disabled'],
+        opacity: ['active', 'disabled'],
+        textColor: ['active', 'disabled:hover'],
+        textDecoration: ['disabled'],
+        backgroundColor: ['disabled'],
+        borderColor: ['disabled']
+      }
+    }
+  };
+});
+
+function active(_ref2) {
+  var addVariant = _ref2.addVariant,
+      e = _ref2.e;
+  addVariant('active', function (_ref3) {
+    var modifySelectors = _ref3.modifySelectors,
+        separator = _ref3.separator;
+    modifySelectors(function (_ref4) {
+      var className = _ref4.className;
+      return "." + e("active" + separator + className) + ":active, ." + e("active" + separator + className) + "[data-active=true]";
+    });
+  });
+}
+
+function selected(_ref5) {
+  var addVariant = _ref5.addVariant,
+      e = _ref5.e;
+  addVariant('selected', function (_ref6) {
+    var modifySelectors = _ref6.modifySelectors,
+        separator = _ref6.separator;
+    modifySelectors(function (_ref7) {
+      var className = _ref7.className;
+      return "." + e("selected" + separator + className) + "[aria-selected=true]";
+    });
+  });
+}
+
+function disabled(_ref8) {
+  var addVariant = _ref8.addVariant,
+      e = _ref8.e;
+  addVariant('disabled', function (_ref9) {
+    var modifySelectors = _ref9.modifySelectors,
+        separator = _ref9.separator;
+    modifySelectors(function (_ref10) {
+      var className = _ref10.className;
+      return "." + e("disabled" + separator + className) + "[aria-disabled=true]";
+    });
+  });
+  addVariant('disabled:hover', function (_ref11) {
+    var modifySelectors = _ref11.modifySelectors,
+        separator = _ref11.separator;
+    modifySelectors(function (_ref12) {
+      var className = _ref12.className;
+      return "." + e("disabled:hover" + separator + className) + "[aria-disabled=true]";
+    });
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["components","Accordion","defaultColors","themeColors","colors","module","exports","plugin","withOptions","options","cssBase","addComponents","addVariant","addBase","e","optionColors","active","selected","disabled","map","component","respectPrefix","html","fontSize","lineHeight","textRendering","textSizeAdjust","touchAction","body","position","minHeight","fontFeatureSettings","small","h1","h2","h3","h4","h5","h6","p","content","theme","tiny","xs","sm","base","lg","xl","extend","current","cursor","spacing","md","opacity","backgroundColor","withOpacity","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","variants","boxShadow","textDecoration","borderColor","modifySelectors","separator","className"],"sources":["../../src/index.ts"],"sourcesContent":["// components\n// import Alert from './components/alert';\n// import Breadcrumb from './components/breadcrumb';\n// import ButtonGroup from './components/button-group';\n\n// import Checkbox from './components/checkbox';\n// import Dot from './components/dot';\n// import Forms from './components/forms';\n// import Calendar from './components/calendar';\n// import IconButton from './components/icon-button';\n// import Icon from './components/icon';\n// import Link from './components/link';\n// import Message from './components/message';\n// import NotificationToast from './components/notification';\n// import Radio from './components/radio';\n// import Switch from './components/switch';\n\n// import Button from './components/button';\nimport Accordion from './components/accordion';\n// import Card from './components/card';\n// import Table from './components/table';\n// import ZebraTable from './components/zebratable';\n\n// import Modal from './components/modal';\n// import CookieConsent from './components/cookie-consent';\n// import Divider from './components/divider';\n\n// import UserMenu from './components/user-menu';\n\n// import Tag from './components/tag';\n// import Pagination from './components/pagination';\n// import Footer from './components/footer';\n// import Header from './components/header';\n\n// const { = require(} from './../../theme/src/colors');\n// import { colors } from '@sk-web-gui/theme';\nimport { colors } from '@sk-web-gui/theme';\nimport { withOpacity } from './with-opacity';\nimport plugin from 'tailwindcss/plugin';\nimport { tailwindModuleType } from './components/types';\nimport { Config } from 'tailwindcss/types/config';\n\nconst components: ((colors: string[]) => tailwindModuleType)[] = [\n  // Alert,\n  // Breadcrumb,\n  // ButtonGroup,\n  // Button,\n  // Checkbox,\n  // Dot,\n  // Forms,\n  // Calendar,\n  // IconButton,\n  // Icon,\n  // Link,\n  // Message,\n  // NotificationToast,\n  // Radio,\n  // Switch,\n\n  // Table,\n  // ZebraTable,\n  // CookieConsent,\n  // Modal,\n\n  Accordion,\n  // Card,\n  // Divider,\n\n  // UserMenu,\n\n  // Tag,\n  // Pagination,\n  // Footer,\n  // Header,\n];\n\nconst defaultColors = ['primary', 'secondary'];\nconst themeColors = colors;\n\ntype AlfaType = (s: { className: string }) => string;\ntype AddVariantType = (\n  s1: string,\n  s2: (s: { modifySelectors: (arg: AlfaType) => void; separator: string }) => void\n) => string;\ntype PluginAPIType = { addVariant: AddVariantType; e: (className: string) => string };\n\nmodule.exports = plugin.withOptions(\n  function (options: { colors: string[]; cssBase: boolean } = { colors: [], cssBase: true }) {\n    return function ({ addComponents, addVariant, addBase, e }) {\n      const optionColors = [...defaultColors, ...(options.colors || [])];\n\n      active({ addVariant, e } as PluginAPIType);\n      selected({ addVariant, e } as PluginAPIType);\n      disabled({ addVariant, e } as PluginAPIType);\n\n      addComponents(\n        components.map((component) => {\n          component(optionColors);\n        }),\n        {\n          respectPrefix: false,\n        }\n      );\n\n      if (options.cssBase) {\n        addBase({\n          html: {\n            '@apply text-foreground antialiased bg-base': {},\n            fontSize: '62.5%',\n            lineHeight: '1.5',\n            textRendering: 'optimizeLegibility',\n            textSizeAdjust: '100%',\n            touchAction: 'manipulation',\n          },\n          body: {\n            '@apply text-base leading-base': {},\n            position: 'relative',\n            minHeight: '100%',\n            fontFeatureSettings: \"'kern'\",\n          },\n          'h1,h2,h3,h4,h5,h6': {\n            '@apply font-bold': {},\n          },\n          small: {\n            fontSize: '1.4rem',\n          },\n          h1: { '@apply text-3xl leading-3xl': {} },\n          h2: { '@apply text-2xl leading-2xl': {} },\n          h3: { '@apply text-xl leading-xl': {} },\n          h4: { '@apply text-lg leading-lg': {} },\n          h5: { '@apply text-base leading-base': {} },\n          h6: { '@apply text-sm leading-sm': {} },\n          p: { '@apply my-4': {} },\n\n          '.text-content': {\n            '@apply max-w-[80rem]': {},\n\n            h1: {\n              '@apply mb-md': {},\n\n              '+ p': {\n                '@apply mb-[40px] mt-0': {},\n              },\n            },\n            h2: { '@apply mt-lg': {} },\n            h3: { '@apply mt-lg': {} },\n            h4: { '@apply mt-lg': {} },\n            h5: { '@apply mt-lg': {} },\n            h6: { '@apply mt-lg': {} },\n            p: { '@apply mt-sm leading-[1.5]': {} },\n          },\n        });\n      }\n    };\n  },\n  function (): Config {\n    return {\n      content: [''],\n      theme: {\n        fontSize: {\n          tiny: '1rem',\n          xs: '1.2rem',\n          sm: '1.4rem',\n          base: '1.6rem',\n          lg: '1.8rem',\n          xl: '2.0rem',\n          '2xl': '2.4rem',\n          '3xl': '3.2rem',\n          '4xl': '4.0rem',\n          '5xl': '5.2rem',\n        },\n        extend: {\n          colors: {\n            ...themeColors,\n            current: 'currentColor',\n          },\n          cursor: {\n            base: 'var(--vc-cursor)',\n          },\n          spacing: {\n            xs: '4px',\n            sm: '8px',\n            md: '16px',\n            lg: '24px',\n            xl: '48px',\n          },\n          lineHeight: {\n            tiny: '1.4rem',\n            xs: '1.6rem',\n            sm: '2rem',\n            base: '2.4rem',\n            lg: '2.4rem',\n            xl: '3.2rem',\n            '2xl': '3.2rem',\n            '3xl': '4rem',\n            '4xl': '4.8rem',\n            '5xl': '5.8rem',\n          },\n          opacity: {\n            15: '0.15',\n          },\n          backgroundColor: {\n            base: withOpacity('--vc-colors-bg-base') as unknown as string,\n            fill: withOpacity('--vc-colors-bg-fill') as unknown as string,\n          },\n          textColor: {\n            foreground: withOpacity('--vc-colors-text-foreground') as unknown as string,\n            muted: withOpacity('--vc-colors-text-muted') as unknown as string,\n          },\n          borderRadius: {\n            base: 'var(--vc-rounded)',\n          },\n          zIndex: {\n            hide: '-1',\n            none: '0',\n            base: '1',\n            docked: '10',\n            dropdown: '1000',\n            sticky: '1100',\n            banner: '1200',\n            overlay: '1300',\n            modal: '1400',\n            popover: '1500',\n            skipLink: '1600',\n            toast: '1700',\n            tooltip: '1800',\n          },\n        },\n      },\n      variants: {\n        extend: {\n          boxShadow: ['disabled'],\n          cursor: ['disabled'],\n          opacity: ['active', 'disabled'],\n          textColor: ['active', 'disabled:hover'],\n          textDecoration: ['disabled'],\n          backgroundColor: ['disabled'],\n          borderColor: ['disabled'],\n        },\n      },\n    };\n  }\n);\n\nfunction active({ addVariant, e }: PluginAPIType) {\n  addVariant('active', ({ modifySelectors, separator }) => {\n    modifySelectors(({ className }) => {\n      return `.${e(`active${separator}${className}`)}:active, .${e(\n        `active${separator}${className}`\n      )}[data-active=true]`;\n    });\n  });\n}\n\nfunction selected({ addVariant, e }: PluginAPIType) {\n  addVariant('selected', ({ modifySelectors, separator }) => {\n    modifySelectors(({ className }) => {\n      return `.${e(`selected${separator}${className}`)}[aria-selected=true]`;\n    });\n  });\n}\n\nfunction disabled({ addVariant, e }: PluginAPIType) {\n  addVariant('disabled', ({ modifySelectors, separator }) => {\n    modifySelectors(({ className }) => {\n      return `.${e(`disabled${separator}${className}`)}[aria-disabled=true]`;\n    });\n  });\n  addVariant('disabled:hover', ({ modifySelectors, separator }) => {\n    modifySelectors(({ className }) => {\n      return `.${e(`disabled:hover${separator}${className}`)}[aria-disabled=true]`;\n    });\n  });\n}\n"],"mappings":";;AAkBA;;AAkBA;;AACA;;AACA;;;;;;AAIA,IAAMA,UAAwD,GAAG,CAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEAC,qBAtB+D,CAuB/D;AACA;AAEA;AAEA;AACA;AACA;AACA;AA/B+D,CAAjE;AAkCA,IAAMC,aAAa,GAAG,CAAC,SAAD,EAAY,WAAZ,CAAtB;AACA,IAAMC,WAAW,GAAGC,aAApB;AASAC,MAAM,CAACC,OAAP,GAAiBC,kBAAA,CAAOC,WAAP,CACf,UAAUC,OAAV,EAA2F;EAAA,IAAjFA,OAAiF;IAAjFA,OAAiF,GAA/B;MAAEL,MAAM,EAAE,EAAV;MAAcM,OAAO,EAAE;IAAvB,CAA+B;EAAA;;EACzF,OAAO,gBAAqD;IAAA,IAAzCC,aAAyC,QAAzCA,aAAyC;IAAA,IAA1BC,UAA0B,QAA1BA,UAA0B;IAAA,IAAdC,OAAc,QAAdA,OAAc;IAAA,IAALC,CAAK,QAALA,CAAK;IAC1D,IAAMC,YAAY,aAAOb,aAAP,EAA0BO,OAAO,CAACL,MAAR,IAAkB,EAA5C,CAAlB;IAEAY,MAAM,CAAC;MAAEJ,UAAU,EAAVA,UAAF;MAAcE,CAAC,EAADA;IAAd,CAAD,CAAN;IACAG,QAAQ,CAAC;MAAEL,UAAU,EAAVA,UAAF;MAAcE,CAAC,EAADA;IAAd,CAAD,CAAR;IACAI,QAAQ,CAAC;MAAEN,UAAU,EAAVA,UAAF;MAAcE,CAAC,EAADA;IAAd,CAAD,CAAR;IAEAH,aAAa,CACXX,UAAU,CAACmB,GAAX,CAAe,UAACC,SAAD,EAAe;MAC5BA,SAAS,CAACL,YAAD,CAAT;IACD,CAFD,CADW,EAIX;MACEM,aAAa,EAAE;IADjB,CAJW,CAAb;;IASA,IAAIZ,OAAO,CAACC,OAAZ,EAAqB;MACnBG,OAAO,CAAC;QACNS,IAAI,EAAE;UACJ,8CAA8C,EAD1C;UAEJC,QAAQ,EAAE,OAFN;UAGJC,UAAU,EAAE,KAHR;UAIJC,aAAa,EAAE,oBAJX;UAKJC,cAAc,EAAE,MALZ;UAMJC,WAAW,EAAE;QANT,CADA;QASNC,IAAI,EAAE;UACJ,iCAAiC,EAD7B;UAEJC,QAAQ,EAAE,UAFN;UAGJC,SAAS,EAAE,MAHP;UAIJC,mBAAmB,EAAE;QAJjB,CATA;QAeN,qBAAqB;UACnB,oBAAoB;QADD,CAff;QAkBNC,KAAK,EAAE;UACLT,QAAQ,EAAE;QADL,CAlBD;QAqBNU,EAAE,EAAE;UAAE,+BAA+B;QAAjC,CArBE;QAsBNC,EAAE,EAAE;UAAE,+BAA+B;QAAjC,CAtBE;QAuBNC,EAAE,EAAE;UAAE,6BAA6B;QAA/B,CAvBE;QAwBNC,EAAE,EAAE;UAAE,6BAA6B;QAA/B,CAxBE;QAyBNC,EAAE,EAAE;UAAE,iCAAiC;QAAnC,CAzBE;QA0BNC,EAAE,EAAE;UAAE,6BAA6B;QAA/B,CA1BE;QA2BNC,CAAC,EAAE;UAAE,eAAe;QAAjB,CA3BG;QA6BN,iBAAiB;UACf,wBAAwB,EADT;UAGfN,EAAE,EAAE;YACF,gBAAgB,EADd;YAGF,OAAO;cACL,yBAAyB;YADpB;UAHL,CAHW;UAUfC,EAAE,EAAE;YAAE,gBAAgB;UAAlB,CAVW;UAWfC,EAAE,EAAE;YAAE,gBAAgB;UAAlB,CAXW;UAYfC,EAAE,EAAE;YAAE,gBAAgB;UAAlB,CAZW;UAafC,EAAE,EAAE;YAAE,gBAAgB;UAAlB,CAbW;UAcfC,EAAE,EAAE;YAAE,gBAAgB;UAAlB,CAdW;UAefC,CAAC,EAAE;YAAE,8BAA8B;UAAhC;QAfY;MA7BX,CAAD,CAAP;IA+CD;EACF,CAjED;AAkED,CApEc,EAqEf,YAAoB;EAClB,OAAO;IACLC,OAAO,EAAE,CAAC,EAAD,CADJ;IAELC,KAAK,EAAE;MACLlB,QAAQ,EAAE;QACRmB,IAAI,EAAE,MADE;QAERC,EAAE,EAAE,QAFI;QAGRC,EAAE,EAAE,QAHI;QAIRC,IAAI,EAAE,QAJE;QAKRC,EAAE,EAAE,QALI;QAMRC,EAAE,EAAE,QANI;QAOR,OAAO,QAPC;QAQR,OAAO,QARC;QASR,OAAO,QATC;QAUR,OAAO;MAVC,CADL;MAaLC,MAAM,EAAE;QACN5C,MAAM,eACDD,WADC;UAEJ8C,OAAO,EAAE;QAFL,EADA;QAKNC,MAAM,EAAE;UACNL,IAAI,EAAE;QADA,CALF;QAQNM,OAAO,EAAE;UACPR,EAAE,EAAE,KADG;UAEPC,EAAE,EAAE,KAFG;UAGPQ,EAAE,EAAE,MAHG;UAIPN,EAAE,EAAE,MAJG;UAKPC,EAAE,EAAE;QALG,CARH;QAeNvB,UAAU,EAAE;UACVkB,IAAI,EAAE,QADI;UAEVC,EAAE,EAAE,QAFM;UAGVC,EAAE,EAAE,MAHM;UAIVC,IAAI,EAAE,QAJI;UAKVC,EAAE,EAAE,QALM;UAMVC,EAAE,EAAE,QANM;UAOV,OAAO,QAPG;UAQV,OAAO,MARG;UASV,OAAO,QATG;UAUV,OAAO;QAVG,CAfN;QA2BNM,OAAO,EAAE;UACP,IAAI;QADG,CA3BH;QA8BNC,eAAe,EAAE;UACfT,IAAI,EAAE,IAAAU,wBAAA,EAAY,qBAAZ,CADS;UAEfC,IAAI,EAAE,IAAAD,wBAAA,EAAY,qBAAZ;QAFS,CA9BX;QAkCNE,SAAS,EAAE;UACTC,UAAU,EAAE,IAAAH,wBAAA,EAAY,6BAAZ,CADH;UAETI,KAAK,EAAE,IAAAJ,wBAAA,EAAY,wBAAZ;QAFE,CAlCL;QAsCNK,YAAY,EAAE;UACZf,IAAI,EAAE;QADM,CAtCR;QAyCNgB,MAAM,EAAE;UACNC,IAAI,EAAE,IADA;UAENC,IAAI,EAAE,GAFA;UAGNlB,IAAI,EAAE,GAHA;UAINmB,MAAM,EAAE,IAJF;UAKNC,QAAQ,EAAE,MALJ;UAMNC,MAAM,EAAE,MANF;UAONC,MAAM,EAAE,MAPF;UAQNC,OAAO,EAAE,MARH;UASNC,KAAK,EAAE,MATD;UAUNC,OAAO,EAAE,MAVH;UAWNC,QAAQ,EAAE,MAXJ;UAYNC,KAAK,EAAE,MAZD;UAaNC,OAAO,EAAE;QAbH;MAzCF;IAbH,CAFF;IAyELC,QAAQ,EAAE;MACR1B,MAAM,EAAE;QACN2B,SAAS,EAAE,CAAC,UAAD,CADL;QAENzB,MAAM,EAAE,CAAC,UAAD,CAFF;QAGNG,OAAO,EAAE,CAAC,QAAD,EAAW,UAAX,CAHH;QAINI,SAAS,EAAE,CAAC,QAAD,EAAW,gBAAX,CAJL;QAKNmB,cAAc,EAAE,CAAC,UAAD,CALV;QAMNtB,eAAe,EAAE,CAAC,UAAD,CANX;QAONuB,WAAW,EAAE,CAAC,UAAD;MAPP;IADA;EAzEL,CAAP;AAqFD,CA3Jc,CAAjB;;AA8JA,SAAS7D,MAAT,QAAkD;EAAA,IAAhCJ,UAAgC,SAAhCA,UAAgC;EAAA,IAApBE,CAAoB,SAApBA,CAAoB;EAChDF,UAAU,CAAC,QAAD,EAAW,iBAAoC;IAAA,IAAjCkE,eAAiC,SAAjCA,eAAiC;IAAA,IAAhBC,SAAgB,SAAhBA,SAAgB;IACvDD,eAAe,CAAC,iBAAmB;MAAA,IAAhBE,SAAgB,SAAhBA,SAAgB;MACjC,aAAWlE,CAAC,YAAUiE,SAAV,GAAsBC,SAAtB,CAAZ,kBAA2DlE,CAAC,YACjDiE,SADiD,GACrCC,SADqC,CAA5D;IAGD,CAJc,CAAf;EAKD,CANS,CAAV;AAOD;;AAED,SAAS/D,QAAT,QAAoD;EAAA,IAAhCL,UAAgC,SAAhCA,UAAgC;EAAA,IAApBE,CAAoB,SAApBA,CAAoB;EAClDF,UAAU,CAAC,UAAD,EAAa,iBAAoC;IAAA,IAAjCkE,eAAiC,SAAjCA,eAAiC;IAAA,IAAhBC,SAAgB,SAAhBA,SAAgB;IACzDD,eAAe,CAAC,iBAAmB;MAAA,IAAhBE,SAAgB,SAAhBA,SAAgB;MACjC,aAAWlE,CAAC,cAAYiE,SAAZ,GAAwBC,SAAxB,CAAZ;IACD,CAFc,CAAf;EAGD,CAJS,CAAV;AAKD;;AAED,SAAS9D,QAAT,QAAoD;EAAA,IAAhCN,UAAgC,SAAhCA,UAAgC;EAAA,IAApBE,CAAoB,SAApBA,CAAoB;EAClDF,UAAU,CAAC,UAAD,EAAa,iBAAoC;IAAA,IAAjCkE,eAAiC,SAAjCA,eAAiC;IAAA,IAAhBC,SAAgB,SAAhBA,SAAgB;IACzDD,eAAe,CAAC,kBAAmB;MAAA,IAAhBE,SAAgB,UAAhBA,SAAgB;MACjC,aAAWlE,CAAC,cAAYiE,SAAZ,GAAwBC,SAAxB,CAAZ;IACD,CAFc,CAAf;EAGD,CAJS,CAAV;EAKApE,UAAU,CAAC,gBAAD,EAAmB,kBAAoC;IAAA,IAAjCkE,eAAiC,UAAjCA,eAAiC;IAAA,IAAhBC,SAAgB,UAAhBA,SAAgB;IAC/DD,eAAe,CAAC,kBAAmB;MAAA,IAAhBE,SAAgB,UAAhBA,SAAgB;MACjC,aAAWlE,CAAC,oBAAkBiE,SAAlB,GAA8BC,SAA9B,CAAZ;IACD,CAFc,CAAf;EAGD,CAJS,CAAV;AAKD"}

package/dist/cjs/with-opacity.js

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.withOpacity = void 0;
+
+var withOpacity = function withOpacity(variableName) {
+  return function (_ref) {
+    var opacityValue = _ref.opacityValue;
+    if (opacityValue) return "rgba(var(" + variableName + "), " + opacityValue + ")";
+    return "rgb(var(" + variableName + "))";
+  };
+};
+
+exports.withOpacity = withOpacity;
+//# sourceMappingURL=with-opacity.js.map

package/dist/cjs/with-opacity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-opacity.js","names":["withOpacity","variableName","opacityValue"],"sources":["../../src/with-opacity.ts"],"sourcesContent":["export const withOpacity = (variableName: string) => {\n  return ({ opacityValue }: { opacityValue: number }): string => {\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\n    return `rgb(var(${variableName}))`;\n  };\n};\n"],"mappings":";;;;;AAAO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,YAAD,EAA0B;EACnD,OAAO,gBAAwD;IAAA,IAArDC,YAAqD,QAArDA,YAAqD;IAC7D,IAAIA,YAAJ,EAAkB,qBAAmBD,YAAnB,WAAqCC,YAArC;IAClB,oBAAkBD,YAAlB;EACD,CAHD;AAID,CALM"}

package/dist/esm/colors.js

@@ -0,0 +1,137 @@
+import { withOpacity } from './with-opacity';
+module.exports = {
+  primary: {
+    DEFAULT: withOpacity('--vc-colors-primary-DEFAULT'),
+    dark: withOpacity('--vc-colors-primary-dark'),
+    light: withOpacity('--vc-colors-primary-light'),
+    active: withOpacity('--vc-colors-primary-active'),
+    50: withOpacity('--vc-colors-primary-DEFAULT'),
+    100: withOpacity('--vc-colors-primary-DEFAULT'),
+    200: withOpacity('--vc-colors-primary-DEFAULT'),
+    300: withOpacity('--vc-colors-primary-DEFAULT'),
+    400: withOpacity('--vc-colors-primary-DEFAULT'),
+    500: withOpacity('--vc-colors-primary-DEFAULT'),
+    600: withOpacity('--vc-colors-primary-DEFAULT'),
+    700: withOpacity('--vc-colors-primary-DEFAULT'),
+    800: withOpacity('--vc-colors-primary-DEFAULT'),
+    900: withOpacity('--vc-colors-primary-DEFAULT')
+  },
+  secondary: {
+    DEFAULT: withOpacity('--vc-colors-secondary-DEFAULT'),
+    dark: withOpacity('--vc-colors-secondary-dark'),
+    light: withOpacity('--vc-colors-secondary-light'),
+    active: withOpacity('--vc-colors-secondary-active'),
+    50: withOpacity('--vc-colors-secondary-DEFAULT'),
+    100: withOpacity('--vc-colors-secondary-DEFAULT'),
+    200: withOpacity('--vc-colors-secondary-DEFAULT'),
+    300: withOpacity('--vc-colors-secondary-DEFAULT'),
+    400: withOpacity('--vc-colors-secondary-DEFAULT'),
+    500: withOpacity('--vc-colors-secondary-DEFAULT'),
+    600: withOpacity('--vc-colors-secondary-DEFAULT'),
+    700: withOpacity('--vc-colors-secondary-DEFAULT'),
+    800: withOpacity('--vc-colors-secondary-DEFAULT'),
+    900: withOpacity('--vc-colors-secondary-DEFAULT')
+  },
+  success: {
+    DEFAULT: withOpacity('--vc-colors-success-DEFAULT'),
+    dark: withOpacity('--vc-colors-success-dark'),
+    light: withOpacity('--vc-colors-success-light'),
+    active: withOpacity('--vc-colors-success-active'),
+    50: withOpacity('--vc-colors-success-DEFAULT'),
+    100: withOpacity('--vc-colors-success-DEFAULT'),
+    200: withOpacity('--vc-colors-success-DEFAULT'),
+    300: withOpacity('--vc-colors-success-DEFAULT'),
+    400: withOpacity('--vc-colors-success-DEFAULT'),
+    500: withOpacity('--vc-colors-success-DEFAULT'),
+    600: withOpacity('--vc-colors-success-DEFAULT'),
+    700: withOpacity('--vc-colors-success-DEFAULT'),
+    800: withOpacity('--vc-colors-success-DEFAULT'),
+    900: withOpacity('--vc-colors-success-DEFAULT')
+  },
+  info: {
+    DEFAULT: withOpacity('--vc-colors-info-DEFAULT'),
+    dark: withOpacity('--vc-colors-info-dark'),
+    light: withOpacity('--vc-colors-info-light'),
+    active: withOpacity('--vc-colors-info-active'),
+    50: withOpacity('--vc-colors-info-DEFAULT'),
+    100: withOpacity('--vc-colors-info-DEFAULT'),
+    200: withOpacity('--vc-colors-info-DEFAULT'),
+    300: withOpacity('--vc-colors-info-DEFAULT'),
+    400: withOpacity('--vc-colors-info-DEFAULT'),
+    500: withOpacity('--vc-colors-info-DEFAULT'),
+    600: withOpacity('--vc-colors-info-DEFAULT'),
+    700: withOpacity('--vc-colors-info-DEFAULT'),
+    800: withOpacity('--vc-colors-info-DEFAULT'),
+    900: withOpacity('--vc-colors-info-DEFAULT')
+  },
+  warning: {
+    DEFAULT: withOpacity('--vc-colors-warning-DEFAULT'),
+    dark: withOpacity('--vc-colors-warning-dark'),
+    light: withOpacity('--vc-colors-warning-light'),
+    active: withOpacity('--vc-colors-warning-active'),
+    50: withOpacity('--vc-colors-warning-DEFAULT'),
+    100: withOpacity('--vc-colors-warning-DEFAULT'),
+    200: withOpacity('--vc-colors-warning-DEFAULT'),
+    300: withOpacity('--vc-colors-warning-DEFAULT'),
+    400: withOpacity('--vc-colors-warning-DEFAULT'),
+    500: withOpacity('--vc-colors-warning-DEFAULT'),
+    600: withOpacity('--vc-colors-warning-DEFAULT'),
+    700: withOpacity('--vc-colors-warning-DEFAULT'),
+    800: withOpacity('--vc-colors-warning-DEFAULT'),
+    900: withOpacity('--vc-colors-warning-DEFAULT')
+  },
+  error: {
+    DEFAULT: withOpacity('--vc-colors-error-DEFAULT'),
+    dark: withOpacity('--vc-colors-error-dark'),
+    light: withOpacity('--vc-colors-error-light'),
+    active: withOpacity('--vc-colors-error-active'),
+    50: withOpacity('--vc-colors-error-DEFAULT'),
+    100: withOpacity('--vc-colors-error-DEFAULT'),
+    200: withOpacity('--vc-colors-error-DEFAULT'),
+    300: withOpacity('--vc-colors-error-DEFAULT'),
+    400: withOpacity('--vc-colors-error-DEFAULT'),
+    500: withOpacity('--vc-colors-error-DEFAULT'),
+    600: withOpacity('--vc-colors-error-DEFAULT'),
+    700: withOpacity('--vc-colors-error-DEFAULT'),
+    800: withOpacity('--vc-colors-error-DEFAULT'),
+    900: withOpacity('--vc-colors-error-DEFAULT')
+  },
+  neutral: {
+    DEFAULT: withOpacity('--vc-colors-neutral'),
+    50: withOpacity('--vc-colors-neutral-50'),
+    100: withOpacity('--vc-colors-neutral-100'),
+    200: withOpacity('--vc-colors-neutral-200'),
+    300: withOpacity('--vc-colors-neutral-300'),
+    400: withOpacity('--vc-colors-neutral-400'),
+    500: withOpacity('--vc-colors-neutral-500'),
+    600: withOpacity('--vc-colors-neutral-600'),
+    700: withOpacity('--vc-colors-neutral-700'),
+    800: withOpacity('--vc-colors-neutral-800'),
+    900: withOpacity('--vc-colors-neutral-900')
+  },
+  whiteAlpha: {
+    50: 'rgba(255, 255, 255, 0.04)',
+    100: 'rgba(255, 255, 255, 0.06)',
+    200: 'rgba(255, 255, 255, 0.08)',
+    300: 'rgba(255, 255, 255, 0.16)',
+    400: 'rgba(255, 255, 255, 0.24)',
+    500: 'rgba(255, 255, 255, 0.36)',
+    600: 'rgba(255, 255, 255, 0.48)',
+    700: 'rgba(255, 255, 255, 0.64)',
+    800: 'rgba(255, 255, 255, 0.80)',
+    900: 'rgba(255, 255, 255, 0.92)'
+  },
+  blackAlpha: {
+    50: 'rgba(0, 0, 0, 0.04)',
+    100: 'rgba(0, 0, 0, 0.06)',
+    200: 'rgba(0, 0, 0, 0.08)',
+    300: 'rgba(0, 0, 0, 0.16)',
+    400: 'rgba(0, 0, 0, 0.24)',
+    500: 'rgba(0, 0, 0, 0.36)',
+    600: 'rgba(0, 0, 0, 0.48)',
+    700: 'rgba(0, 0, 0, 0.64)',
+    800: 'rgba(0, 0, 0, 0.80)',
+    900: 'rgba(0, 0, 0, 0.92)'
+  }
+};
+//# sourceMappingURL=colors.js.map

package/dist/esm/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":["withOpacity","module","exports","primary","DEFAULT","dark","light","active","secondary","success","info","warning","error","neutral","whiteAlpha","blackAlpha"],"sources":["../../src/colors.ts"],"sourcesContent":["import { withOpacity } from './with-opacity';\n\nmodule.exports = {\n  primary: {\n    DEFAULT: withOpacity('--vc-colors-primary-DEFAULT'),\n    dark: withOpacity('--vc-colors-primary-dark'),\n    light: withOpacity('--vc-colors-primary-light'),\n    active: withOpacity('--vc-colors-primary-active'),\n    50: withOpacity('--vc-colors-primary-DEFAULT'),\n    100: withOpacity('--vc-colors-primary-DEFAULT'),\n    200: withOpacity('--vc-colors-primary-DEFAULT'),\n    300: withOpacity('--vc-colors-primary-DEFAULT'),\n    400: withOpacity('--vc-colors-primary-DEFAULT'),\n    500: withOpacity('--vc-colors-primary-DEFAULT'),\n    600: withOpacity('--vc-colors-primary-DEFAULT'),\n    700: withOpacity('--vc-colors-primary-DEFAULT'),\n    800: withOpacity('--vc-colors-primary-DEFAULT'),\n    900: withOpacity('--vc-colors-primary-DEFAULT'),\n  },\n\n  secondary: {\n    DEFAULT: withOpacity('--vc-colors-secondary-DEFAULT'),\n    dark: withOpacity('--vc-colors-secondary-dark'),\n    light: withOpacity('--vc-colors-secondary-light'),\n    active: withOpacity('--vc-colors-secondary-active'),\n    50: withOpacity('--vc-colors-secondary-DEFAULT'),\n    100: withOpacity('--vc-colors-secondary-DEFAULT'),\n    200: withOpacity('--vc-colors-secondary-DEFAULT'),\n    300: withOpacity('--vc-colors-secondary-DEFAULT'),\n    400: withOpacity('--vc-colors-secondary-DEFAULT'),\n    500: withOpacity('--vc-colors-secondary-DEFAULT'),\n    600: withOpacity('--vc-colors-secondary-DEFAULT'),\n    700: withOpacity('--vc-colors-secondary-DEFAULT'),\n    800: withOpacity('--vc-colors-secondary-DEFAULT'),\n    900: withOpacity('--vc-colors-secondary-DEFAULT'),\n  },\n\n  success: {\n    DEFAULT: withOpacity('--vc-colors-success-DEFAULT'),\n    dark: withOpacity('--vc-colors-success-dark'),\n    light: withOpacity('--vc-colors-success-light'),\n    active: withOpacity('--vc-colors-success-active'),\n    50: withOpacity('--vc-colors-success-DEFAULT'),\n    100: withOpacity('--vc-colors-success-DEFAULT'),\n    200: withOpacity('--vc-colors-success-DEFAULT'),\n    300: withOpacity('--vc-colors-success-DEFAULT'),\n    400: withOpacity('--vc-colors-success-DEFAULT'),\n    500: withOpacity('--vc-colors-success-DEFAULT'),\n    600: withOpacity('--vc-colors-success-DEFAULT'),\n    700: withOpacity('--vc-colors-success-DEFAULT'),\n    800: withOpacity('--vc-colors-success-DEFAULT'),\n    900: withOpacity('--vc-colors-success-DEFAULT'),\n  },\n\n  info: {\n    DEFAULT: withOpacity('--vc-colors-info-DEFAULT'),\n    dark: withOpacity('--vc-colors-info-dark'),\n    light: withOpacity('--vc-colors-info-light'),\n    active: withOpacity('--vc-colors-info-active'),\n    50: withOpacity('--vc-colors-info-DEFAULT'),\n    100: withOpacity('--vc-colors-info-DEFAULT'),\n    200: withOpacity('--vc-colors-info-DEFAULT'),\n    300: withOpacity('--vc-colors-info-DEFAULT'),\n    400: withOpacity('--vc-colors-info-DEFAULT'),\n    500: withOpacity('--vc-colors-info-DEFAULT'),\n    600: withOpacity('--vc-colors-info-DEFAULT'),\n    700: withOpacity('--vc-colors-info-DEFAULT'),\n    800: withOpacity('--vc-colors-info-DEFAULT'),\n    900: withOpacity('--vc-colors-info-DEFAULT'),\n  },\n\n  warning: {\n    DEFAULT: withOpacity('--vc-colors-warning-DEFAULT'),\n    dark: withOpacity('--vc-colors-warning-dark'),\n    light: withOpacity('--vc-colors-warning-light'),\n    active: withOpacity('--vc-colors-warning-active'),\n    50: withOpacity('--vc-colors-warning-DEFAULT'),\n    100: withOpacity('--vc-colors-warning-DEFAULT'),\n    200: withOpacity('--vc-colors-warning-DEFAULT'),\n    300: withOpacity('--vc-colors-warning-DEFAULT'),\n    400: withOpacity('--vc-colors-warning-DEFAULT'),\n    500: withOpacity('--vc-colors-warning-DEFAULT'),\n    600: withOpacity('--vc-colors-warning-DEFAULT'),\n    700: withOpacity('--vc-colors-warning-DEFAULT'),\n    800: withOpacity('--vc-colors-warning-DEFAULT'),\n    900: withOpacity('--vc-colors-warning-DEFAULT'),\n  },\n\n  error: {\n    DEFAULT: withOpacity('--vc-colors-error-DEFAULT'),\n    dark: withOpacity('--vc-colors-error-dark'),\n    light: withOpacity('--vc-colors-error-light'),\n    active: withOpacity('--vc-colors-error-active'),\n    50: withOpacity('--vc-colors-error-DEFAULT'),\n    100: withOpacity('--vc-colors-error-DEFAULT'),\n    200: withOpacity('--vc-colors-error-DEFAULT'),\n    300: withOpacity('--vc-colors-error-DEFAULT'),\n    400: withOpacity('--vc-colors-error-DEFAULT'),\n    500: withOpacity('--vc-colors-error-DEFAULT'),\n    600: withOpacity('--vc-colors-error-DEFAULT'),\n    700: withOpacity('--vc-colors-error-DEFAULT'),\n    800: withOpacity('--vc-colors-error-DEFAULT'),\n    900: withOpacity('--vc-colors-error-DEFAULT'),\n  },\n\n  neutral: {\n    DEFAULT: withOpacity('--vc-colors-neutral'),\n    50: withOpacity('--vc-colors-neutral-50'),\n    100: withOpacity('--vc-colors-neutral-100'),\n    200: withOpacity('--vc-colors-neutral-200'),\n    300: withOpacity('--vc-colors-neutral-300'),\n    400: withOpacity('--vc-colors-neutral-400'),\n    500: withOpacity('--vc-colors-neutral-500'),\n    600: withOpacity('--vc-colors-neutral-600'),\n    700: withOpacity('--vc-colors-neutral-700'),\n    800: withOpacity('--vc-colors-neutral-800'),\n    900: withOpacity('--vc-colors-neutral-900'),\n  },\n\n  whiteAlpha: {\n    50: 'rgba(255, 255, 255, 0.04)',\n    100: 'rgba(255, 255, 255, 0.06)',\n    200: 'rgba(255, 255, 255, 0.08)',\n    300: 'rgba(255, 255, 255, 0.16)',\n    400: 'rgba(255, 255, 255, 0.24)',\n    500: 'rgba(255, 255, 255, 0.36)',\n    600: 'rgba(255, 255, 255, 0.48)',\n    700: 'rgba(255, 255, 255, 0.64)',\n    800: 'rgba(255, 255, 255, 0.80)',\n    900: 'rgba(255, 255, 255, 0.92)',\n  },\n\n  blackAlpha: {\n    50: 'rgba(0, 0, 0, 0.04)',\n    100: 'rgba(0, 0, 0, 0.06)',\n    200: 'rgba(0, 0, 0, 0.08)',\n    300: 'rgba(0, 0, 0, 0.16)',\n    400: 'rgba(0, 0, 0, 0.24)',\n    500: 'rgba(0, 0, 0, 0.36)',\n    600: 'rgba(0, 0, 0, 0.48)',\n    700: 'rgba(0, 0, 0, 0.64)',\n    800: 'rgba(0, 0, 0, 0.80)',\n    900: 'rgba(0, 0, 0, 0.92)',\n  },\n};\n"],"mappings":"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"}

package/dist/esm/components/accordion.js

@@ -0,0 +1,76 @@
+export var Accordion = () => ({
+  '.accordion': {
+    '&-header': {
+      '@apply flex flex-col text-left': {},
+      '[aria-expanded="true"] &': {
+        '@apply bg-hover': {}
+      },
+      '&-icon': {
+        '@apply ml-auto !text-2xl': {}
+      }
+    },
+    '&-is-open &-header': {
+      '@apply bg-hover': {}
+    },
+    '&-toggle': {
+      '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-lg my-md': {},
+      fontWeight: 'bold',
+      //"@apply focus-visible:shadow shadow-lg": {},
+      '&:focus-visible': {
+        boxShadow: '0 0 0 0.4rem #fff!important',
+        outline: '0' //"@apply border-4": {},
+
+      },
+      '.accordion-subtitle': {
+        '@apply m-0 text-sm font-normal': {}
+      }
+    },
+    '&-body': {
+      '@apply h-0 overflow-hidden m-lg': {},
+      transitionProperty: 'visibility, height, padding, margin',
+      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
+      transitionDuration: '180ms',
+      '&[aria-hidden="true"], &[data-hidden="true"]': {
+        '@apply my-0 invisible': {}
+      },
+      '&[aria-hidden="false"], &[data-hidden="false"]': {
+        '@apply block h-auto visible': {}
+      }
+    },
+    '&-solid': {
+      '@apply border border-primary': {},
+      '.accordion-header': {
+        '@apply bg-primary text-white': {},
+        '[aria-expanded="true"] &': {
+          '@apply bg-hover': {}
+        }
+      }
+    },
+    '&-is-open': {
+      '@apply border border-gray-stroke': {},
+      '& .accordion-header': {
+        '@apply bg-hover text-white': {}
+      }
+    },
+    '&-outline': {
+      '@apply border border-gray-stroke': {},
+      '.accordion-body': {
+        '@apply mt-0': {}
+      },
+      '.accordion-toggle': {
+        '&:focus-visible': {
+          boxShadow: '0 0 0 0.4rem #4b4b4b!important',
+          outline: '0'
+        }
+      },
+      '.accordion-header': {
+        '@apply bg-transparent text-body': {},
+        '[aria-expanded="true"] &': {
+          '@apply bg-hover': {}
+        }
+      }
+    }
+  }
+});
+export default Accordion;
+//# sourceMappingURL=accordion.js.map

package/dist/esm/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":["Accordion","fontWeight","boxShadow","outline","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Accordion: (colors: string[]) => tailwindModuleType = () => ({\n  '.accordion': {\n    '&-header': {\n      '@apply flex flex-col text-left': {},\n\n      '[aria-expanded=\"true\"] &': {\n        '@apply bg-hover': {},\n      },\n\n      '&-icon': {\n        '@apply ml-auto !text-2xl': {},\n      },\n    },\n\n    '&-is-open &-header': {\n      '@apply bg-hover': {},\n    },\n\n    '&-toggle': {\n      '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-lg my-md': {},\n      fontWeight: 'bold',\n      //\"@apply focus-visible:shadow shadow-lg\": {},\n      '&:focus-visible': {\n        boxShadow: '0 0 0 0.4rem #fff!important',\n        outline: '0',\n        //\"@apply border-4\": {},\n      },\n      '.accordion-subtitle': {\n        '@apply m-0 text-sm font-normal': {},\n      },\n    },\n\n    '&-body': {\n      '@apply h-0 overflow-hidden m-lg': {},\n      transitionProperty: 'visibility, height, padding, margin',\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n      transitionDuration: '180ms',\n\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\n        '@apply my-0 invisible': {},\n      },\n\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\n        '@apply block h-auto visible': {},\n      },\n    },\n\n    '&-solid': {\n      '@apply border border-primary': {},\n      '.accordion-header': {\n        '@apply bg-primary text-white': {},\n\n        '[aria-expanded=\"true\"] &': {\n          '@apply bg-hover': {},\n        },\n      },\n    },\n\n    '&-is-open': {\n      '@apply border border-gray-stroke': {},\n      '& .accordion-header': {\n        '@apply bg-hover text-white': {},\n      },\n    },\n\n    '&-outline': {\n      '@apply border border-gray-stroke': {},\n      '.accordion-body': {\n        '@apply mt-0': {},\n      },\n      '.accordion-toggle': {\n        '&:focus-visible': {\n          boxShadow: '0 0 0 0.4rem #4b4b4b!important',\n          outline: '0',\n        },\n      },\n      '.accordion-header': {\n        '@apply bg-transparent text-body': {},\n\n        '[aria-expanded=\"true\"] &': {\n          '@apply bg-hover': {},\n        },\n      },\n    },\n  },\n});\nexport default Accordion;\n"],"mappings":"AAEA,OAAO,IAAMA,SAAmD,GAAG,OAAO;EACxE,cAAc;IACZ,YAAY;MACV,kCAAkC,EADxB;MAGV,4BAA4B;QAC1B,mBAAmB;MADO,CAHlB;MAOV,UAAU;QACR,4BAA4B;MADpB;IAPA,CADA;IAaZ,sBAAsB;MACpB,mBAAmB;IADC,CAbV;IAiBZ,YAAY;MACV,0FAA0F,EADhF;MAEVC,UAAU,EAAE,MAFF;MAGV;MACA,mBAAmB;QACjBC,SAAS,EAAE,6BADM;QAEjBC,OAAO,EAAE,GAFQ,CAGjB;;MAHiB,CAJT;MASV,uBAAuB;QACrB,kCAAkC;MADb;IATb,CAjBA;IA+BZ,UAAU;MACR,mCAAmC,EAD3B;MAERC,kBAAkB,EAAE,qCAFZ;MAGRC,wBAAwB,EAAE,8BAHlB;MAIRC,kBAAkB,EAAE,OAJZ;MAMR,gDAAgD;QAC9C,yBAAyB;MADqB,CANxC;MAUR,kDAAkD;QAChD,+BAA+B;MADiB;IAV1C,CA/BE;IA8CZ,WAAW;MACT,gCAAgC,EADvB;MAET,qBAAqB;QACnB,gCAAgC,EADb;QAGnB,4BAA4B;UAC1B,mBAAmB;QADO;MAHT;IAFZ,CA9CC;IAyDZ,aAAa;MACX,oCAAoC,EADzB;MAEX,uBAAuB;QACrB,8BAA8B;MADT;IAFZ,CAzDD;IAgEZ,aAAa;MACX,oCAAoC,EADzB;MAEX,mBAAmB;QACjB,eAAe;MADE,CAFR;MAKX,qBAAqB;QACnB,mBAAmB;UACjBJ,SAAS,EAAE,gCADM;UAEjBC,OAAO,EAAE;QAFQ;MADA,CALV;MAWX,qBAAqB;QACnB,mCAAmC,EADhB;QAGnB,4BAA4B;UAC1B,mBAAmB;QADO;MAHT;IAXV;EAhED;AAD0D,CAAP,CAA5D;AAsFP,eAAeH,SAAf"}

package/dist/esm/components/alert.js

@@ -0,0 +1,67 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function alertSubtle(colors) {
+  return {
+    '.alert-subtle': _extends({
+      '@apply border rounded-base': {},
+      '@apply text-body': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color + "-50 border-" + color + "-500"]: {},
+        ["@apply dark:text-" + color + "-300 dark:bg-" + color + "-500"]: {},
+        '@apply dark:bg-opacity-15': {},
+        '@apply dark:border-opacity-40': {}
+      }
+    }), {}))
+  };
+}
+
+function alertSolid(colors) {
+  return {
+    '.alert-solid': _extends({
+      '@apply border rounded-base': {},
+      '@apply text-white': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-" + color + "-500 border-" + color + "-700 border-opacity-20"]: {},
+        ["@apply dark:bg-" + color + "-600 dark:border-" + color + "-500"]: {},
+        '@apply dark:border-opacity-40': {}
+      }
+    }), {}))
+  };
+}
+
+function alertLeftAccent(colors) {
+  return {
+    '.alert-left-accent': _extends({
+      '@apply border-l-2 rounded-none': {},
+      '@apply text-body': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply bg-transparent border-" + color + "-500"]: {},
+        ["@apply dark:text-" + color + "-300"]: {}
+      }
+    }), {}))
+  };
+}
+
+function alertCloseButton(colors) {
+  return {
+    '.alert-close-button': _extends({
+      '@apply absolute right-4 cursor-base focus-visible:outline-none': {},
+      '@apply text-neutral-600 hover:text-neutral-700': {}
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        ["@apply dark:text-" + color + "-300 dark:hover:text-" + color + "-400"]: {}
+      }
+    }), {}))
+  };
+}
+
+export var Alert = colors => _extends({
+  '.alert': {
+    '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-sm': {}
+  }
+}, alertSubtle(colors), alertSolid(colors), alertLeftAccent(colors), alertCloseButton(colors));
+export default Alert;
+//# sourceMappingURL=alert.js.map