@sk-web-gui/core 0.1.89 → 0.1.91

package/dist/esm/components/tab-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\n  '.sk-tab-menu': {\n    '&-wrapper': {\n      display: 'flex',\n      flexDirection: 'row',\n      margin: 'auto',\n    },\n    '&-right': {\n      '@apply justify-end': {},\n    },\n    '&-center': {\n      '@apply justify-center': {},\n    },\n    '&-list': {\n      all: 'unset',\n      display: 'flex',\n      '&-stretch': {\n        '@apply w-full justify-between': {},\n      },\n    },\n\n    '&-underline': {\n      width: '100%',\n      height: 6,\n      '@apply bg-gray-light': {},\n    },\n    '&-item': {\n      all: 'unset',\n      height: 65,\n      display: 'flex',\n      padding: '0 1rem',\n      marginRight: '5rem',\n      alignItems: 'center',\n      position: 'relative',\n      cursor: 'pointer',\n      '&-stretch': {\n        '@apply mr-0': {},\n      },\n      '&-right': {\n        '@apply mr-0 ml-[5rem]': {},\n      },\n      '&-center:last-of-type': {\n        '@apply mr-0': {},\n      },\n\n      '&.active::after': {\n        content: '\"\"',\n        display: 'block',\n        position: 'absolute',\n        width: '100%',\n        height: 6,\n        top: '100%',\n        left: 0,\n        '@apply bg-primary': {},\n      },\n    },\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n  '.sk-tab-menu': {\r\n    '&-wrapper': {\r\n      display: 'flex',\r\n      flexDirection: 'row',\r\n      margin: 'auto',\r\n    },\r\n    '&-right': {\r\n      '@apply justify-end': {},\r\n    },\r\n    '&-center': {\r\n      '@apply justify-center': {},\r\n    },\r\n    '&-list': {\r\n      all: 'unset',\r\n      display: 'flex',\r\n      '&-stretch': {\r\n        '@apply w-full justify-between': {},\r\n      },\r\n    },\r\n\r\n    '&-underline': {\r\n      width: '100%',\r\n      height: 6,\r\n      '@apply bg-gray-light': {},\r\n    },\r\n    '&-item': {\r\n      all: 'unset',\r\n      height: 65,\r\n      display: 'flex',\r\n      padding: '0 1rem',\r\n      marginRight: '5rem',\r\n      alignItems: 'center',\r\n      position: 'relative',\r\n      cursor: 'pointer',\r\n      '&-stretch': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-right': {\r\n        '@apply mr-0 ml-[5rem]': {},\r\n      },\r\n      '&-center:last-of-type': {\r\n        '@apply mr-0': {},\r\n      },\r\n\r\n      '&.active::after': {\r\n        content: '\"\"',\r\n        display: 'block',\r\n        position: 'absolute',\r\n        width: '100%',\r\n        height: 6,\r\n        top: '100%',\r\n        left: 0,\r\n        '@apply bg-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\n  '.sk-tabs': {\n    '&-stretch': {\n      '@apply w-full': {},\n    },\n    '&-list': {\n      '@apply  block relative w-full h-[3rem]': {},\n      '&-stretch': {\n        '@apply flex justify-between': {},\n      },\n      '&-right': {\n        '@apply text-right': {},\n      },\n      '&-center': {\n        '@apply text-center': {},\n      },\n\n      '&-line::after': {\n        content: '\"\"',\n        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\n      },\n    },\n    '&-tab': {\n      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},\n      '@apply text-gray': {},\n      '@apply cursor-pointer': {},\n      '&.disabled': {\n        '@apply cursor-not-allowed': {},\n        '@apply text-gray-stroke': {},\n      },\n      '&.active': {\n        '@apply text-body': {},\n        '&::after': {\n          content: '\"\"',\n          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\n        },\n      },\n      '&-stretch': {\n        '@apply mr-0': {},\n      },\n      '&-header': {\n        '@apply text-lg font-normal': {},\n      },\n      '&-right': {\n        '@apply mr-0 ml-lg': {},\n      },\n      '&:last-of-type': {\n        '@apply mr-0': {},\n      },\n      '&-icon': {\n        '&-with-label': {\n          '@apply mr-sm': {},\n        },\n      },\n    },\n    '&-panel': {\n      '@apply mt-lg': {},\n      '&:not(.active)': {\n        display: 'none',\n        hidden: true,\n      },\n    },\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\r\n  '.sk-tabs': {\r\n    '&-stretch': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&-list': {\r\n      '@apply  block relative w-full h-[3rem]': {},\r\n      '&-stretch': {\r\n        '@apply flex justify-between': {},\r\n      },\r\n      '&-right': {\r\n        '@apply text-right': {},\r\n      },\r\n      '&-center': {\r\n        '@apply text-center': {},\r\n      },\r\n\r\n      '&-line::after': {\r\n        content: '\"\"',\r\n        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\r\n      },\r\n    },\r\n    '&-tab': {\r\n      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},\r\n      '@apply text-gray': {},\r\n      '@apply cursor-pointer': {},\r\n      '&.disabled': {\r\n        '@apply cursor-not-allowed': {},\r\n        '@apply text-gray-stroke': {},\r\n      },\r\n      '&.active': {\r\n        '@apply text-body': {},\r\n        '&::after': {\r\n          content: '\"\"',\r\n          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\r\n        },\r\n      },\r\n      '&-stretch': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-header': {\r\n        '@apply text-lg font-normal': {},\r\n      },\r\n      '&-right': {\r\n        '@apply mr-0 ml-lg': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-icon': {\r\n        '&-with-label': {\r\n          '@apply mr-sm': {},\r\n        },\r\n      },\r\n    },\r\n    '&-panel': {\r\n      '@apply mt-lg': {},\r\n      '&:not(.active)': {\r\n        display: 'none',\r\n        hidden: true,\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\nconst plugin = require('./plugin');\n\nmodule.exports = {\n  default: plugin,\n  plugin: plugin,\n  preset: preset,\n};\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
+{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\r\nconst plugin = require('./plugin');\r\n\r\nmodule.exports = {\r\n  default: plugin,\r\n  plugin: plugin,\r\n  preset: preset,\r\n};\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}

package/dist/esm/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\n\nconst base = require('./base');\nconst theme = require('./theme');\n\n// components\nconst Alert = require('./components/alert');\nconst AlertBanner = require('./components/alert-banner');\nconst Badge = require('./components/badge');\nconst Breadcrumb = require('./components/breadcrumb');\nconst ButtonGroup = require('./components/button-group');\nconst Comments = require('./components/comments');\nconst Checkbox = require('./components/checkbox');\nconst ContextMenu = require('./components/context-menu');\nconst Dialog = require('./components/dialog');\nconst Dot = require('./components/dot');\nconst Forms = require('./components/forms');\nconst Calendar = require('./components/calendar');\nconst Icon = require('./components/icon');\nconst Link = require('./components/link');\nconst Message = require('./components/message');\nconst Notification = require('./components/notification');\nconst Radio = require('./components/radio');\nconst Switch = require('./components/switch');\n\nconst Button = require('./components/button');\nconst Accordion = require('./components/accordion');\nconst Card = require('./components/card');\nconst Table = require('./components/table');\nconst ZebraTable = require('./components/zebratable');\n\nconst Modal = require('./components/modal');\nconst CookieConsent = require('./components/cookie-consent');\nconst Divider = require('./components/divider');\n\nconst SideMenu = require('./components/side-menu');\nconst TabMenu = require('./components/tab-menu');\nconst Tabs = require('./components/tabs');\nconst UserMenu = require('./components/user-menu');\n\nconst DropdownFilter = require('./components/dropdown-filter');\n\nconst Tag = require('./components/tag');\nconst Pagination = require('./components/pagination');\nconst Footer = require('./components/footer');\nconst Header = require('./components/header');\n\nconst SearchBar = require('./components/search-bar');\n\nconst ProfilePicture = require('./components/profile-picture');\nconst Profile = require('./components/profile');\n\nconst components = [\n  Alert,\n  AlertBanner,\n  Badge,\n  Breadcrumb,\n  ButtonGroup,\n  Button,\n  Checkbox,\n  Comments,\n  ContextMenu,\n  Dialog,\n  Dot,\n  Forms,\n  Calendar,\n  Icon,\n  Link,\n  Message,\n  Notification,\n  Radio,\n  Switch,\n\n  Table,\n  ZebraTable,\n  CookieConsent,\n  Modal,\n\n  Accordion,\n  Card,\n  Divider,\n\n  SideMenu,\n  TabMenu,\n  Tabs,\n  UserMenu,\n\n  DropdownFilter,\n\n  SearchBar,\n\n  Tag,\n  Pagination,\n  Footer,\n  Header,\n\n  ProfilePicture,\n  Profile,\n];\n\nconst defaultColors = ['primary', 'secondary'];\n\nmodule.exports = plugin.withOptions(\n  function (options = { colors: [], cssBase: true }) {\n    return function ({ addComponents, addBase, theme }) {\n      const optionColors = [...defaultColors, ...(options.colors || [])];\n\n      if (options.cssBase) {\n        addBase(base);\n      }\n\n      addComponents(components.map((component) => component(optionColors, theme)));\n    };\n  },\n  function () {\n    return {\n      theme: theme,\n    };\n  }\n);\n"],"mappings":"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"}
+{"version":3,"file":"plugin.js","names":["plugin","require","base","theme","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","optionColors","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst theme = require('./theme');\r\n\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Calendar = require('./components/calendar');\r\nconst Icon = require('./components/icon');\r\nconst Link = require('./components/link');\r\nconst Message = require('./components/message');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Tag = require('./components/tag');\r\nconst Pagination = require('./components/pagination');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchBar = require('./components/search-bar');\r\n\r\nconst ProfilePicture = require('./components/profile-picture');\r\nconst Profile = require('./components/profile');\r\n\r\nconst components = [\r\n  Alert,\r\n  AlertBanner,\r\n  Badge,\r\n  Breadcrumb,\r\n  ButtonGroup,\r\n  Button,\r\n  Checkbox,\r\n  Comments,\r\n  ContextMenu,\r\n  Dialog,\r\n  Dot,\r\n  Forms,\r\n  Calendar,\r\n  Icon,\r\n  Link,\r\n  Message,\r\n  Notification,\r\n  Radio,\r\n  Switch,\r\n\r\n  Table,\r\n  ZebraTable,\r\n  CookieConsent,\r\n  Modal,\r\n\r\n  Accordion,\r\n  Card,\r\n  Divider,\r\n\r\n  SideMenu,\r\n  TabMenu,\r\n  Tabs,\r\n  UserMenu,\r\n\r\n  DropdownFilter,\r\n\r\n  SearchBar,\r\n\r\n  Tag,\r\n  Pagination,\r\n  Footer,\r\n  Header,\r\n\r\n  ProfilePicture,\r\n  Profile,\r\n];\r\n\r\nconst defaultColors = ['primary', 'secondary'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n  function (options = { colors: [], cssBase: true }) {\r\n    return function ({ addComponents, addBase, theme }) {\r\n      const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n      if (options.cssBase) {\r\n        addBase(base);\r\n      }\r\n\r\n      addComponents(components.map((component) => component(optionColors, theme)));\r\n    };\r\n  },\r\n  function () {\r\n    return {\r\n      theme: theme,\r\n    };\r\n  }\r\n);\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,oBAAoB,CAAC;AAE5C,IAAMC,IAAI,GAAGD,OAAO,CAAC,QAAQ,CAAC;AAC9B,IAAME,KAAK,GAAGF,OAAO,CAAC,SAAS,CAAC;;AAEhC;AACA,IAAMG,KAAK,GAAGH,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMI,WAAW,GAAGJ,OAAO,CAAC,2BAA2B,CAAC;AACxD,IAAMK,KAAK,GAAGL,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMM,UAAU,GAAGN,OAAO,CAAC,yBAAyB,CAAC;AACrD,IAAMO,WAAW,GAAGP,OAAO,CAAC,2BAA2B,CAAC;AACxD,IAAMQ,QAAQ,GAAGR,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAMS,QAAQ,GAAGT,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAMU,WAAW,GAAGV,OAAO,CAAC,2BAA2B,CAAC;AACxD,IAAMW,MAAM,GAAGX,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMY,GAAG,GAAGZ,OAAO,CAAC,kBAAkB,CAAC;AACvC,IAAMa,KAAK,GAAGb,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMc,QAAQ,GAAGd,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAMe,IAAI,GAAGf,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMgB,IAAI,GAAGhB,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMiB,OAAO,GAAGjB,OAAO,CAAC,sBAAsB,CAAC;AAC/C,IAAMkB,YAAY,GAAGlB,OAAO,CAAC,2BAA2B,CAAC;AACzD,IAAMmB,KAAK,GAAGnB,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMoB,MAAM,GAAGpB,OAAO,CAAC,qBAAqB,CAAC;AAE7C,IAAMqB,MAAM,GAAGrB,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMsB,SAAS,GAAGtB,OAAO,CAAC,wBAAwB,CAAC;AACnD,IAAMuB,IAAI,GAAGvB,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMwB,KAAK,GAAGxB,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMyB,UAAU,GAAGzB,OAAO,CAAC,yBAAyB,CAAC;AAErD,IAAM0B,KAAK,GAAG1B,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAM2B,aAAa,GAAG3B,OAAO,CAAC,6BAA6B,CAAC;AAC5D,IAAM4B,OAAO,GAAG5B,OAAO,CAAC,sBAAsB,CAAC;AAE/C,IAAM6B,QAAQ,GAAG7B,OAAO,CAAC,wBAAwB,CAAC;AAClD,IAAM8B,OAAO,GAAG9B,OAAO,CAAC,uBAAuB,CAAC;AAChD,IAAM+B,IAAI,GAAG/B,OAAO,CAAC,mBAAmB,CAAC;AACzC,IAAMgC,QAAQ,GAAGhC,OAAO,CAAC,wBAAwB,CAAC;AAElD,IAAMiC,cAAc,GAAGjC,OAAO,CAAC,8BAA8B,CAAC;AAE9D,IAAMkC,GAAG,GAAGlC,OAAO,CAAC,kBAAkB,CAAC;AACvC,IAAMmC,UAAU,GAAGnC,OAAO,CAAC,yBAAyB,CAAC;AACrD,IAAMoC,MAAM,GAAGpC,OAAO,CAAC,qBAAqB,CAAC;AAC7C,IAAMqC,MAAM,GAAGrC,OAAO,CAAC,qBAAqB,CAAC;AAE7C,IAAMsC,SAAS,GAAGtC,OAAO,CAAC,yBAAyB,CAAC;AAEpD,IAAMuC,cAAc,GAAGvC,OAAO,CAAC,8BAA8B,CAAC;AAC9D,IAAMwC,OAAO,GAAGxC,OAAO,CAAC,sBAAsB,CAAC;AAE/C,IAAMyC,UAAU,GAAG,CACjBtC,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,WAAW,EACXc,MAAM,EACNZ,QAAQ,EACRD,QAAQ,EACRE,WAAW,EACXC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,IAAI,EACJC,OAAO,EACPC,YAAY,EACZC,KAAK,EACLC,MAAM,EAENI,KAAK,EACLC,UAAU,EACVE,aAAa,EACbD,KAAK,EAELJ,SAAS,EACTC,IAAI,EACJK,OAAO,EAEPC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,QAAQ,EAERC,cAAc,EAEdK,SAAS,EAETJ,GAAG,EACHC,UAAU,EACVC,MAAM,EACNC,MAAM,EAENE,cAAc,EACdC,OAAO,CACR;AAED,IAAME,aAAa,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC;AAE9CC,MAAM,CAACC,OAAO,GAAG7C,MAAM,CAAC8C,WAAW,CACjC,UAAUC,OAAO,EAAkC;EAAA,IAAzCA,OAAO;IAAPA,OAAO,GAAG;MAAEC,MAAM,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC;EAAA;EAC/C,OAAO,UAAAC,IAAA,EAA6C;IAAA,IAAnC;MAAEC,aAAa;MAAEC,OAAO;MAAEjD;IAAM,CAAC,GAAA+C,IAAA;IAChD,IAAMG,YAAY,GAAG,CAAC,GAAGV,aAAa,EAAE,IAAII,OAAO,CAACC,MAAM,IAAI,EAAE,CAAC,CAAC;IAElE,IAAID,OAAO,CAACE,OAAO,EAAE;MACnBG,OAAO,CAAClD,IAAI,CAAC;IACf;IAEAiD,aAAa,CAACT,UAAU,CAACY,GAAG,CAAEC,SAAS,IAAKA,SAAS,CAACF,YAAY,EAAElD,KAAK,CAAC,CAAC,CAAC;EAC9E,CAAC;AACH,CAAC,EACD,YAAY;EACV,OAAO;IACLA,KAAK,EAAEA;EACT,CAAC;AACH,CACF,CAAC"}

package/dist/esm/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["colors","require","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\nconst withOpacity = require('./with-opacity');\n\nmodule.exports = {\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      ...colors,\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'),\n      fill: withOpacity('--vc-colors-bg-fill'),\n    },\n    textColor: {\n      foreground: withOpacity('--vc-colors-text-foreground'),\n      muted: withOpacity('--vc-colors-text-muted'),\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    keyframes: {\n      'reset-overflow': {\n        'from, to': {\n          overflow: 'hidden',\n        },\n      },\n    },\n    animation: {\n      'reset-overflow': 'reset-overflow 180ms backwards',\n    },\n  },\n};\n"],"mappings":";AAAA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAC/C,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7CE,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNZ,MAAM,EAAAa,QAAA,KACDb,MAAM;MACTc,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
+{"version":3,"file":"theme.js","names":["colors","require","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\r\nconst withOpacity = require('./with-opacity');\r\n\r\nmodule.exports = {\r\n  fontSize: {\r\n    tiny: '1rem',\r\n    xs: '1.2rem',\r\n    sm: '1.4rem',\r\n    base: '1.6rem',\r\n    lg: '1.8rem',\r\n    xl: '2.0rem',\r\n    '2xl': '2.4rem',\r\n    '3xl': '3.2rem',\r\n    '4xl': '4.0rem',\r\n    '5xl': '5.2rem',\r\n  },\r\n  extend: {\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n    },\r\n    cursor: {\r\n      base: 'var(--vc-cursor)',\r\n    },\r\n    spacing: {\r\n      xs: '4px',\r\n      sm: '8px',\r\n      md: '16px',\r\n      lg: '24px',\r\n      xl: '48px',\r\n    },\r\n    lineHeight: {\r\n      tiny: '1.4rem',\r\n      xs: '1.6rem',\r\n      sm: '2rem',\r\n      base: '2.4rem',\r\n      lg: '2.4rem',\r\n      xl: '3.2rem',\r\n      '2xl': '3.2rem',\r\n      '3xl': '4rem',\r\n      '4xl': '4.8rem',\r\n      '5xl': '5.8rem',\r\n    },\r\n    opacity: {\r\n      15: '0.15',\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--vc-colors-bg-base'),\r\n      fill: withOpacity('--vc-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--vc-colors-text-foreground'),\r\n      muted: withOpacity('--vc-colors-text-muted'),\r\n    },\r\n    borderRadius: {\r\n      base: 'var(--vc-rounded)',\r\n    },\r\n    zIndex: {\r\n      hide: -1,\r\n      none: 0,\r\n      base: 1,\r\n      docked: 10,\r\n      dropdown: 1000,\r\n      sticky: 1100,\r\n      banner: 1200,\r\n      overlay: 1300,\r\n      modal: 1400,\r\n      popover: 1500,\r\n      skipLink: 1600,\r\n      toast: 1700,\r\n      tooltip: 1800,\r\n    },\r\n    keyframes: {\r\n      'reset-overflow': {\r\n        'from, to': {\r\n          overflow: 'hidden',\r\n        },\r\n      },\r\n    },\r\n    animation: {\r\n      'reset-overflow': 'reset-overflow 180ms backwards',\r\n    },\r\n  },\r\n};\r\n"],"mappings":";AAAA,IAAM;EAAEA;AAAO,CAAC,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AAC/C,IAAMC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAE7CE,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNZ,MAAM,EAAAa,QAAA,KACDb,MAAM;MACTc,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "0.1.89",
+  "version": "0.1.91",
   "license": "MIT",
   "main": "src/index.js",
   "module": "dist/esm/index.js",
@@ -40,5 +40,5 @@
     "@sk-web-gui/theme": "0.1.14",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "c34ffa09211bc344fff14ae3598af36758bbdab8"
+  "gitHead": "8ce13f8965fe40635ffd5bb3295965c1d9e0d8b5"
 }

package/src/components/button.js

@@ -74,8 +74,8 @@ function buttonSolid(colors) {
       },
 
       '&.btn': {
-        '&-disabled': {
-          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},
+        '&-disabled, &[aria-disabled="true"]': {
+          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},
           '&.active': {
             '@apply border-gray-stroke': {},
           },
@@ -154,8 +154,8 @@ function buttonOutline(colors) {
       ),
 
       '&.btn': {
-        '&-disabled': {
-          '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},
+        '&-disabled, &[aria-disabled="true"]': {
+          '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},
           '&.active': {
             '@apply border-gray-stroke': {},
           },
@@ -168,91 +168,16 @@ function buttonOutline(colors) {
 function buttonGhost(colors) {
   return {
     '&-ghost': {
-      '@apply text-body bg-transparent': {},
-      '@apply hover:bg-neutral-100': {},
       /* focus */
       '@apply focus-visible:z-base': {},
       '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},
-      /* active */
-      '@apply active:bg-neutral-200': {},
-      /* dark mode */
-      '@apply dark:text-neutral-100 dark:bg-transparent': {},
-      /* dark hover */
-      '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},
-      /* dark active */
-      '@apply dark:active:bg-neutral-600 dark:active:border-neutral-400': {},
 
       ...colors.reduce(
         (styles, color) => ({
           ...styles,
           [`&[data-color="${color}"]`]: {
-            [`@apply text-${color}-600`]: {},
-            [`@apply hover:bg-${color}-50`]: {},
             /* focus */
             [`@apply focus-visible:ring-${color}-500`]: {},
-            [`@apply active:bg-${color}-100`]: {},
-            // dark colors
-            [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},
-            [`@apply dark:border-${color}-300 dark:hover:bg-${color}-200`]: {},
-            [`@apply dark:hover:bg-opacity-15`]: {},
-            [`@apply dark:active:bg-${color}-200`]: {},
-            [`@apply dark:active:bg-opacity-25`]: {},
-          },
-        }),
-        {}
-      ),
-    },
-  };
-}
-
-function buttonLight(colors) {
-  return {
-    '&-light': {
-      '@apply shadow-sm': {},
-      '@apply border border-transparent': {},
-      '@apply text-body bg-neutral-100': {},
-      /* hover */
-      '@apply hover:bg-neutral-200': {},
-      /* focus */
-      '@apply focus-visible:z-base': {},
-      '@apply focus-visible:border-primary-500': {},
-      '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},
-      /* active */
-      '@apply active:bg-neutral-300': {},
-      /* dark mode */
-      '@apply dark:border-transparent': {},
-      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},
-      /* dark hover */
-      '@apply dark:hover:bg-neutral-600': {},
-      /* dark focus */
-      '@apply dark:focus-visible:border-primary-500': {},
-      /* dark active */
-      '@apply dark:active:bg-neutral-600': {},
-
-      ...colors.reduce(
-        (styles, color) => ({
-          ...styles,
-          [`&[data-color="${color}"]`]: {
-            [`@apply text-${color}-600 bg-${color}-50`]: {},
-            /* hover */
-            [`@apply hover:bg-${color}-100`]: {},
-            /* focus */
-            [`@apply focus-visible:border-${color}-500`]: {},
-            [`@apply focus-visible:ring-${color}-500`]: {},
-            /* active */
-            [`@apply active:bg-${color}-200`]: {},
-            /* dark mode */
-            [`@apply dark:text-${color}-300 dark:bg-${color}-500`]: {},
-            [`@apply dark:bg-opacity-15`]: {},
-            /* dark hover */
-            [`@apply dark:hover:bg-${color}-500`]: {},
-            [`@apply dark:hover:bg-opacity-25`]: {},
-            /* dark focus */
-            [`@apply dark:focus-visible:border-${color}-500`]: {},
-            [`@apply dark:focus-visible:ring-${color}-500`]: {},
-            /* dark active */
-            [`@apply dark:active:bg-${color}-500`]: {},
-            [`@apply dark:active:bg-opacity-30`]: {},
           },
         }),
         {}
@@ -332,9 +257,9 @@ module.exports = Button = (colors) => ({
 
     // State
 
-    '&-disabled': {
-      '@apply disabled:shadow-none disabled:cursor-not-allowed': {},
-      '@apply disabled:text-gray disabled:bg-gray-light !important': {},
+    '&-disabled, &[aria-disabled="true"]': {
+      '@apply shadow-none disabled:shadow-none disabled:cursor-not-allowed cursor-not-allowed': {},
+      '@apply disabled:text-gray text-gray disabled:bg-gray-light bg-gray-light !important': {},
     },
     '.MuiSvgIcon-root': {
       fontSize: '1.5em',
@@ -345,8 +270,7 @@ module.exports = Button = (colors) => ({
     // variants
     ...buttonSolid(colors),
     ...buttonOutline(colors),
-    //...buttonGhost(colors),
-    //...buttonLight(colors),
+    ...buttonGhost(colors),
     ...buttonLink(colors),
   },
   '.btn-has-icon': {

package/src/components/comments.js

@@ -1,34 +1,38 @@
-module.exports = Comments = () => ({ 
-
-    '.comment-header': {
-        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},
-    },
-
-    '.comment-item':{
-        '@apply w-full': {},
-
-        '&-container': {
-            '@apply flex gap-2': {},
-        },
-        '&-text': {
-            '@apply text-base font-bold mx-0 mb-0 mt-4': {},
-        },
-        '&-commentorpublished': {
-            '@apply float-right text-neutral-600 m-0': {},
-        },
-    },
-    '.comment-input':{
-        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
-
-        '&-inactive': {
-            '@apply text-neutral-300 !text-3xl': {},
-        },
-
-        '&-active': {
-            '@apply text-primary !text-3xl': {},
-        }
-
-    },
-
-   
+module.exports = Comments = () => ({ 
+
+    '.comment-header': {
+        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},
+    },
+
+    '.comment-item':{
+        '@apply w-full': {},
+
+        '&-container': {
+            '@apply flex justify-between relative': {},
+
+            '&-textpic': {
+                '@apply flex gap-2': {},
+            },
+        },
+        '&-text': {
+            '@apply text-base font-bold mx-0 mb-0 mt-4': {},
+        },
+        '&-commentorpublished': {
+            '@apply float-right text-neutral-600 m-0': {},
+        },
+    },
+    '.comment-input':{
+        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
+
+        '&-inactive': {
+            '@apply text-neutral-300 !text-3xl': {},
+        },
+
+        '&-active': {
+            '@apply text-primary !text-3xl': {},
+        }
+
+    },
+
+   
 });

package/src/components/tab-menu.js

@@ -1,58 +1,58 @@
-module.exports = TabMenu = () => ({
-  '.sk-tab-menu': {
-    '&-wrapper': {
-      display: 'flex',
-      flexDirection: 'row',
-      margin: 'auto',
-    },
-    '&-right': {
-      '@apply justify-end': {},
-    },
-    '&-center': {
-      '@apply justify-center': {},
-    },
-    '&-list': {
-      all: 'unset',
-      display: 'flex',
-      '&-stretch': {
-        '@apply w-full justify-between': {},
-      },
-    },
-
-    '&-underline': {
-      width: '100%',
-      height: 6,
-      '@apply bg-gray-light': {},
-    },
-    '&-item': {
-      all: 'unset',
-      height: 65,
-      display: 'flex',
-      padding: '0 1rem',
-      marginRight: '5rem',
-      alignItems: 'center',
-      position: 'relative',
-      cursor: 'pointer',
-      '&-stretch': {
-        '@apply mr-0': {},
-      },
-      '&-right': {
-        '@apply mr-0 ml-[5rem]': {},
-      },
-      '&-center:last-of-type': {
-        '@apply mr-0': {},
-      },
-
-      '&.active::after': {
-        content: '""',
-        display: 'block',
-        position: 'absolute',
-        width: '100%',
-        height: 6,
-        top: '100%',
-        left: 0,
-        '@apply bg-primary': {},
-      },
-    },
-  },
-});
+module.exports = TabMenu = () => ({
+  '.sk-tab-menu': {
+    '&-wrapper': {
+      display: 'flex',
+      flexDirection: 'row',
+      margin: 'auto',
+    },
+    '&-right': {
+      '@apply justify-end': {},
+    },
+    '&-center': {
+      '@apply justify-center': {},
+    },
+    '&-list': {
+      all: 'unset',
+      display: 'flex',
+      '&-stretch': {
+        '@apply w-full justify-between': {},
+      },
+    },
+
+    '&-underline': {
+      width: '100%',
+      height: 6,
+      '@apply bg-gray-light': {},
+    },
+    '&-item': {
+      all: 'unset',
+      height: 65,
+      display: 'flex',
+      padding: '0 1rem',
+      marginRight: '5rem',
+      alignItems: 'center',
+      position: 'relative',
+      cursor: 'pointer',
+      '&-stretch': {
+        '@apply mr-0': {},
+      },
+      '&-right': {
+        '@apply mr-0 ml-[5rem]': {},
+      },
+      '&-center:last-of-type': {
+        '@apply mr-0': {},
+      },
+
+      '&.active::after': {
+        content: '""',
+        display: 'block',
+        position: 'absolute',
+        width: '100%',
+        height: 6,
+        top: '100%',
+        left: 0,
+        '@apply bg-primary': {},
+      },
+    },
+  },
+});

package/src/components/tabs.js

@@ -1,64 +1,64 @@
-module.exports = Tabs = () => ({
-  '.sk-tabs': {
-    '&-stretch': {
-      '@apply w-full': {},
-    },
-    '&-list': {
-      '@apply  block relative w-full h-[3rem]': {},
-      '&-stretch': {
-        '@apply flex justify-between': {},
-      },
-      '&-right': {
-        '@apply text-right': {},
-      },
-      '&-center': {
-        '@apply text-center': {},
-      },
-
-      '&-line::after': {
-        content: '""',
-        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},
-      },
-    },
-    '&-tab': {
-      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},
-      '@apply text-gray': {},
-      '@apply cursor-pointer': {},
-      '&.disabled': {
-        '@apply cursor-not-allowed': {},
-        '@apply text-gray-stroke': {},
-      },
-      '&.active': {
-        '@apply text-body': {},
-        '&::after': {
-          content: '""',
-          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},
-        },
-      },
-      '&-stretch': {
-        '@apply mr-0': {},
-      },
-      '&-header': {
-        '@apply text-lg font-normal': {},
-      },
-      '&-right': {
-        '@apply mr-0 ml-lg': {},
-      },
-      '&:last-of-type': {
-        '@apply mr-0': {},
-      },
-      '&-icon': {
-        '&-with-label': {
-          '@apply mr-sm': {},
-        },
-      },
-    },
-    '&-panel': {
-      '@apply mt-lg': {},
-      '&:not(.active)': {
-        display: 'none',
-        hidden: true,
-      },
-    },
-  },
-});
+module.exports = Tabs = () => ({
+  '.sk-tabs': {
+    '&-stretch': {
+      '@apply w-full': {},
+    },
+    '&-list': {
+      '@apply  block relative w-full h-[3rem]': {},
+      '&-stretch': {
+        '@apply flex justify-between': {},
+      },
+      '&-right': {
+        '@apply text-right': {},
+      },
+      '&-center': {
+        '@apply text-center': {},
+      },
+
+      '&-line::after': {
+        content: '""',
+        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},
+      },
+    },
+    '&-tab': {
+      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},
+      '@apply text-gray': {},
+      '@apply cursor-pointer': {},
+      '&.disabled': {
+        '@apply cursor-not-allowed': {},
+        '@apply text-gray-stroke': {},
+      },
+      '&.active': {
+        '@apply text-body': {},
+        '&::after': {
+          content: '""',
+          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},
+        },
+      },
+      '&-stretch': {
+        '@apply mr-0': {},
+      },
+      '&-header': {
+        '@apply text-lg font-normal': {},
+      },
+      '&-right': {
+        '@apply mr-0 ml-lg': {},
+      },
+      '&:last-of-type': {
+        '@apply mr-0': {},
+      },
+      '&-icon': {
+        '&-with-label': {
+          '@apply mr-sm': {},
+        },
+      },
+    },
+    '&-panel': {
+      '@apply mt-lg': {},
+      '&:not(.active)': {
+        display: 'none',
+        hidden: true,
+      },
+    },
+  },
+});

package/src/index.js

@@ -1,8 +1,8 @@
-const preset = require('./preset');
-const plugin = require('./plugin');
-
-module.exports = {
-  default: plugin,
-  plugin: plugin,
-  preset: preset,
-};
+const preset = require('./preset');
+const plugin = require('./plugin');
+
+module.exports = {
+  default: plugin,
+  plugin: plugin,
+  preset: preset,
+};