@sk-web-gui/core 2.0.0 → 2.0.1

package/dist/cjs/components/tag.js

@@ -0,0 +1,72 @@
+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 tagOutline(colors) {
+  var _href;
+  return {
+    '.tag-outline': {
+      '@apply border bg-transparent border-gray-stroke text-body': {},
+      '&[href]': (_href = {}, _href["@apply hover:border-hover hover:text-white hover:bg-hover"] = {}, _href["@apply active:text-white active:bg-hover"] = {}, _href["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"] = {}, _href)
+    }
+  };
+}
+function tagSolid(colors) {
+  var _href2;
+  return {
+    '.tag-solid': {
+      '@apply border bg-gray-stroke border-transparent text-white': {},
+      '&[href]': (_href2 = {}, _href2["@apply hover:text-white hover:bg-hover"] = {}, _href2["@apply active:text-white active:bg-hover"] = {}, _href2["@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover"] = {}, _href2),
+      '.tag-close-button': {
+        '@apply text-white hover:text-body': {}
+      }
+    }
+  };
+}
+function tagLight(colors) {
+  var _href3;
+  return {
+    '.tag-light': {
+      '@apply border border-transparent text-body': {},
+      '&[href]': (_href3 = {}, _href3["@apply hover:border-hover"] = {}, _href3["@apply active:border-hover"] = {}, _href3["@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black"] = {}, _href3)
+    }
+  };
+}
+module.exports = Tag = function Tag(colors) {
+  return _extends({
+    '.tag': {
+      '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap': {},
+      width: 'fit-content',
+      height: 'fit-content',
+      padding: '0 1.145em 0 1.145em',
+      borderRadius: '3.2rem',
+      '&-text': {
+        padding: '0.5em 0'
+      },
+      '&-sm': {
+        '@apply text-xs': {},
+        minWidth: '1.25rem'
+      },
+      '&-md': {
+        '@apply text-sm': {},
+        minWidth: '1.5rem'
+      },
+      '&-lg': {
+        '@apply text-base': {},
+        minWidth: '1.75rem'
+      }
+    }
+  }, tagOutline(colors), tagSolid(colors), tagLight(colors), {
+    '.tag-close-button': {
+      '@apply border-transparent cursor-base': {},
+      fontSize: '1em',
+      padding: '0.36em',
+      marginLeft: '0.25em',
+      marginRight: '-1em',
+      '&-icon': {
+        fontSize: '1em !important'
+      },
+      '&-disabled': {
+        '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
+      }
+    }
+  });
+};
+//# sourceMappingURL=tag.js.map

package/dist/cjs/components/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","names":["tagOutline","colors","_href","tagSolid","_href2","tagLight","_href3","module","exports","Tag","_extends","width","height","padding","borderRadius","minWidth","fontSize","marginLeft","marginRight"],"sources":["../../../src/components/tag.js"],"sourcesContent":["function tagOutline(colors) {\r\n  return {\r\n    '.tag-outline': {\r\n      '@apply border bg-transparent border-gray-stroke text-body': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:border-hover hover:text-white hover:bg-hover`]: {},\r\n        [`@apply active:text-white active:bg-hover`]: {},\r\n        [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction tagSolid(colors) {\r\n  return {\r\n    '.tag-solid': {\r\n      '@apply border bg-gray-stroke border-transparent text-white': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:text-white hover:bg-hover`]: {},\r\n        [`@apply active:text-white active:bg-hover`]: {},\r\n        [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n      },\r\n\r\n      '.tag-close-button': {\r\n        '@apply text-white hover:text-body': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction tagLight(colors) {\r\n  return {\r\n    '.tag-light': {\r\n      '@apply border border-transparent text-body': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:border-hover`]: {},\r\n        [`@apply active:border-hover`]: {},\r\n        [`@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Tag = (colors) => ({\r\n  '.tag': {\r\n    '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap':\r\n      {},\r\n    width: 'fit-content',\r\n    height: 'fit-content',\r\n    padding: '0 1.145em 0 1.145em',\r\n    borderRadius: '3.2rem',\r\n\r\n    '&-text': {\r\n      padding: '0.5em 0',\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minWidth: '1.25rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-sm': {},\r\n      minWidth: '1.5rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minWidth: '1.75rem',\r\n    },\r\n  },\r\n\r\n  // variants\r\n  ...tagOutline(colors),\r\n  ...tagSolid(colors),\r\n  ...tagLight(colors),\r\n\r\n  '.tag-close-button': {\r\n    '@apply border-transparent cursor-base': {},\r\n    fontSize: '1em',\r\n    padding: '0.36em',\r\n    marginLeft: '0.25em',\r\n    marginRight: '-1em',\r\n\r\n    '&-icon': {\r\n      fontSize: '1em !important',\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,SAASA,UAAUA,CAACC,MAAM,EAAE;EAAA,IAAAC,KAAA;EAC1B,OAAO;IACL,cAAc,EAAE;MACd,2DAA2D,EAAE,CAAC,CAAC;MAE/D,SAAS,GAAAA,KAAA,OAAAA,KAAA,gEACwD,CAAC,CAAC,EAAAA,KAAA,+CACnB,CAAC,CAAC,EAAAA,KAAA,2GAC0D,CAAC,CAAC,EAAAA,KAAA;IAEhH;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACF,MAAM,EAAE;EAAA,IAAAG,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4DAA4D,EAAE,CAAC,CAAC;MAEhE,SAAS,GAAAA,MAAA,OAAAA,MAAA,6CACqC,CAAC,CAAC,EAAAA,MAAA,+CACA,CAAC,CAAC,EAAAA,MAAA,2GAC0D,CAAC,CAAC,EAAAA,MAAA,CAC7G;MAED,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC;IACF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACJ,MAAM,EAAE;EAAA,IAAAK,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,GAAAA,MAAA,OAAAA,MAAA,gCACwB,CAAC,CAAC,EAAAA,MAAA,iCACD,CAAC,CAAC,EAAAA,MAAA,sFACmD,CAAC,CAAC,EAAAA,MAAA;IAE3F;EACF,CAAC;AACH;AAEAC,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACR,MAAM;EAAA,OAAAS,QAAA;IAC5B,MAAM,EAAE;MACN,gIAAgI,EAC9H,CAAC,CAAC;MACJC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE,aAAa;MACrBC,OAAO,EAAE,qBAAqB;MAC9BC,YAAY,EAAE,QAAQ;MAEtB,QAAQ,EAAE;QACRD,OAAO,EAAE;MACX,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBE,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBA,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC,CAAC;QACtBA,QAAQ,EAAE;MACZ;IACF;EAAC,GAGEf,UAAU,CAACC,MAAM,CAAC,EAClBE,QAAQ,CAACF,MAAM,CAAC,EAChBI,QAAQ,CAACJ,MAAM,CAAC;IAEnB,mBAAmB,EAAE;MACnB,uCAAuC,EAAE,CAAC,CAAC;MAC3Ce,QAAQ,EAAE,KAAK;MACfH,OAAO,EAAE,QAAQ;MACjBI,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,MAAM;MAEnB,QAAQ,EAAE;QACRF,QAAQ,EAAE;MACZ,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EAAC;AAAA,CACD"}

package/dist/cjs/components/zebratable.js

@@ -38,6 +38,13 @@ var ZebraTable = exports.ZebraTable = function ZebraTable() {
             '@apply cursor-pointer': {}
           }
         },
+        '&-manualth': {
+          '@apply py-4': {},
+          '@apply px-16': {},
+          "&[data-isColumnSortable='true']": {
+            '@apply cursor-pointer': {}
+          }
+        },
         '@apply bg-transparent': {},
         '&[data-background="true"]': {
           '@apply bg-vattjom-background-200 border-b-transparent': {}
@@ -91,6 +98,16 @@ var ZebraTable = exports.ZebraTable = function ZebraTable() {
             '@apply h-[6.3rem]': {},
             '@apply min-h-[6.3rem]': {}
           }
+        },
+        '&-manualtd': {
+          '@apply text-small': {},
+          '&-content': {
+            '@apply justify-start items-center': {},
+            '@apply gap-8': {},
+            '@apply py-8 px-18': {},
+            '@apply h-[6.3rem]': {},
+            '@apply min-h-[6.3rem]': {}
+          }
         }
       },
       '&[data-dense="true"]': {

package/dist/cjs/components/zebratable.js.map

@@ -1 +1 @@
-{"version":3,"file":"zebratable.js","names":["ZebraTable","exports","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply px-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"zebratable.js","names":["ZebraTable","exports","svg"],"sources":["../../../src/components/zebratable.ts"],"sourcesContent":["export const ZebraTable = () => ({\r\n  '.sk-zebratable-wrapper': {\r\n    '@apply rounded-groups': {},\r\n    '@apply border-1': {},\r\n    '@apply bg-background-content': {},\r\n    '&-inside': {\r\n      '@apply border-0 rounded-t-groups': {},\r\n      '@apply overflow-hidden': {},\r\n    },\r\n    '&[data-variant=\"table\"]': {\r\n      '&:not([data-background=\"true\"])': {\r\n        '@apply border-0': {},\r\n        '@apply bg-transparent': {},\r\n      },\r\n      '.sk-zebratable-wrapper-inside': {\r\n        '@apply border-0 rounded-b-groups': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-zebratable': {\r\n    '@apply w-full text-left table-auto': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-thead': {\r\n      '@apply border-b-1 border-dark-primary': {},\r\n      '@apply h-48': {},\r\n      '&-tr': {\r\n        '@apply table-row': {},\r\n        '@apply text-label-small': {},\r\n      },\r\n\r\n      '&-th': {\r\n        '@apply py-4': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '&-manualth': {\r\n        '@apply py-4': {},\r\n        '@apply px-16': {},\r\n\r\n        \"&[data-isColumnSortable='true']\": {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n      '@apply bg-transparent': {},\r\n      '&[data-background=\"true\"]': {\r\n        '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n      },\r\n    },\r\n\r\n    '&-sortbutton': {\r\n      '@apply flex items-center': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n      '@apply focus-visible:bg-vattjom-background-200': {},\r\n      '@apply rounded-utility': {},\r\n      '@apply px-16': {},\r\n      '@apply h-40': {},\r\n\r\n      '&-icon': {\r\n        '@apply inline-flex pl-sm': {},\r\n\r\n        '&-sort': {\r\n          '@apply text-dark-secondary': {},\r\n          '@apply flex flex-col': {},\r\n\r\n          svg: {\r\n            '@apply h-16 w-16': {},\r\n            '@apply first-of-type:-mb-4': {},\r\n            '@apply last-of-type:-mt-4': {},\r\n          },\r\n\r\n          \"&[data-sortmodeascending='true']\": {\r\n            '> *': {\r\n              '@apply last-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n\r\n          \"&[data-sortmodeascending='false']\": {\r\n            '> *': {\r\n              '@apply first-of-type:text-dark-ghost': {},\r\n            },\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-tbody': {\r\n      '@apply text-dark-secondary bg-transparent': {},\r\n\r\n      '&-tr': {\r\n        '@apply bg-transparent': {},\r\n        '@apply hover:bg-background-100': {},\r\n        '@apply border-b-1': {},\r\n        '@apply last-of-type:border-b-transparent': {},\r\n      },\r\n\r\n      '&-td': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply inline-flex': {},\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n      '&-manualtd': {\r\n        '@apply text-small': {},\r\n        '&-content': {\r\n          '@apply justify-start items-center': {},\r\n          '@apply gap-8': {},\r\n          '@apply py-8 px-18': {},\r\n          '@apply h-[6.3rem]': {},\r\n          '@apply min-h-[6.3rem]': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-dense=\"true\"]': {\r\n      '.sk-zebratable': {\r\n        '&-thead': {\r\n          '&-th': {\r\n            '@apply py-4': {},\r\n          },\r\n        },\r\n        '&-tbody': {\r\n          '&-td-content': {\r\n            '@apply py-0': {},\r\n            '@apply h-[4.7rem]': {},\r\n            '@apply min-h-[4.7rem]': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-paginationwrapper': {\r\n      '@apply w-full max-w-[60rem]': {},\r\n      '@apply shrink': {},\r\n    },\r\n\r\n    '&-bottom': {\r\n      '@apply py-14 px-16': {},\r\n      '@apply border-t-1': {},\r\n      '@apply flex flex-row': {},\r\n      '@apply gap-32': {},\r\n      '@apply justify-between items-center': {},\r\n      '&-section': {\r\n        '@apply shrink-0': {},\r\n        '@apply flex flex-row': {},\r\n        '@apply justify-start items-center': {},\r\n        '@apply gap-8': {},\r\n        '&-label': {\r\n          '@apply font-normal': {},\r\n          '@apply text-small': {},\r\n          '@apply shrink-0': {},\r\n        },\r\n      },\r\n      '&-pagination': {\r\n        '@apply grow': {},\r\n        '@apply shrink': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/plugin.js

@@ -44,14 +44,14 @@ var _snackbar = require("./components/snackbar");
 var _spinner = require("./components/spinner");
 var _switch = require("./components/switch");
 var _table = require("./components/table");
+var _tableAutotable = require("./components/table-autotable");
 var _tabs = require("./components/tabs");
 var _tooltip = require("./components/tooltip");
 var _userMenu = require("./components/user-menu");
-var _zebratable = require("./components/zebratable");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 // components
 
-var components = [_alert.Alert, _badge.Badge, _breadcrumb.Breadcrumb, _buttonGroup.ButtonGroup, _button.Button, _checkbox.Checkbox, _chip.Chip, _dialog.Dialog, _dot.Dot, _forms.Forms, _filter.Filter, _icon.Icon, _input.Input, _label.Label, _link.Link, _list.List, _logo.Logo, _menubar.MenuBar, _menuVertical.MenuVertical, _select.Select, _snackbar.Snackbar, _spinner.Spinner, _radio.Radio, _switch.Switch, _table.Table, _tabs.Tabs, _zebratable.ZebraTable, _cookieConsent.CookieConsent, _modal.Modal, _accordion.Accordion, _avatar.Avatar, _card.Card, _divider.Divider, _tooltip.Tooltip, _userMenu.UserMenu, _searchField.SearchField, _pagination.Pagination, _popupMenu.PopupMenu, _footer.Footer, _header.Header, _progressStepper.ProgressStepper, _progressBar.ProgressBar, _combobox.ComboBox];
+var components = [_alert.Alert, _badge.Badge, _breadcrumb.Breadcrumb, _buttonGroup.ButtonGroup, _button.Button, _checkbox.Checkbox, _chip.Chip, _dialog.Dialog, _dot.Dot, _forms.Forms, _filter.Filter, _icon.Icon, _input.Input, _label.Label, _link.Link, _list.List, _logo.Logo, _menubar.MenuBar, _menuVertical.MenuVertical, _select.Select, _snackbar.Snackbar, _spinner.Spinner, _radio.Radio, _switch.Switch, _table.Table, _tableAutotable.TableAutoTable, _tabs.Tabs, _cookieConsent.CookieConsent, _modal.Modal, _accordion.Accordion, _avatar.Avatar, _card.Card, _divider.Divider, _tooltip.Tooltip, _userMenu.UserMenu, _searchField.SearchField, _pagination.Pagination, _popupMenu.PopupMenu, _footer.Footer, _header.Header, _progressStepper.ProgressStepper, _progressBar.ProgressBar, _combobox.ComboBox];
 var defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];
 var plugin = _plugin["default"].withOptions(function (options) {
   if (options === void 0) {

package/dist/cjs/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","names":["_plugin","_interopRequireDefault","require","_base","_theme","_accordion","_alert","_avatar","_badge","_breadcrumb","_button","_buttonGroup","_card","_checkbox","_chip","_combobox","_cookieConsent","_dialog","_divider","_dot","_filter","_footer","_forms","_header","_icon","_input","_label","_link","_list","_logo","_menuVertical","_menubar","_modal","_pagination","_popupMenu","_progressBar","_progressStepper","_radio","_searchField","_select","_snackbar","_spinner","_switch","_table","_tabs","_tooltip","_userMenu","_zebratable","obj","__esModule","components","Alert","Badge","Breadcrumb","ButtonGroup","Button","Checkbox","Chip","Dialog","Dot","Forms","Filter","Icon","Input","Label","Link","List","Logo","MenuBar","MenuVertical","Select","Snackbar","Spinner","Radio","Switch","Table","Tabs","ZebraTable","CookieConsent","Modal","Accordion","Avatar","Card","Divider","Tooltip","UserMenu","SearchField","Pagination","PopupMenu","Footer","Header","ProgressStepper","ProgressBar","ComboBox","defaultColors","plugin","TailwindPlugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","concat","base","map","component","_default","exports"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\n\r\n// components\r\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\nimport { Accordion } from './components/accordion';\r\nimport { Alert } from './components/alert';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\nimport { ZebraTable } from './components/zebratable';\r\n\r\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\r\n  Alert,\r\n  Badge,\r\n  Breadcrumb,\r\n  ButtonGroup,\r\n  Button,\r\n  Checkbox,\r\n  Chip,\r\n  Dialog,\r\n  Dot,\r\n  Forms,\r\n  Filter,\r\n  Icon,\r\n  Input,\r\n  Label,\r\n  Link,\r\n  List,\r\n  Logo,\r\n  MenuBar,\r\n  MenuVertical,\r\n  Select,\r\n  Snackbar,\r\n  Spinner,\r\n  Radio,\r\n  Switch,\r\n  Table,\r\n  Tabs,\r\n  ZebraTable,\r\n  CookieConsent,\r\n  Modal,\r\n  Accordion,\r\n  Avatar,\r\n  Card,\r\n  Divider,\r\n  Tooltip,\r\n  UserMenu,\r\n  SearchField,\r\n  Pagination,\r\n  PopupMenu,\r\n  Footer,\r\n  Header,\r\n  ProgressStepper,\r\n  ProgressBar,\r\n  ComboBox,\r\n];\r\n\r\ninterface PluginOptions {\r\n  colors: string[];\r\n  cssBase: boolean;\r\n}\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n  function (options = { colors: [], cssBase: true }) {\r\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\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\r\nexport default plugin;\r\n"],"mappings":"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"}
+{"version":3,"file":"plugin.js","names":["_plugin","_interopRequireDefault","require","_base","_theme","_accordion","_alert","_avatar","_badge","_breadcrumb","_button","_buttonGroup","_card","_checkbox","_chip","_combobox","_cookieConsent","_dialog","_divider","_dot","_filter","_footer","_forms","_header","_icon","_input","_label","_link","_list","_logo","_menuVertical","_menubar","_modal","_pagination","_popupMenu","_progressBar","_progressStepper","_radio","_searchField","_select","_snackbar","_spinner","_switch","_table","_tableAutotable","_tabs","_tooltip","_userMenu","obj","__esModule","components","Alert","Badge","Breadcrumb","ButtonGroup","Button","Checkbox","Chip","Dialog","Dot","Forms","Filter","Icon","Input","Label","Link","List","Logo","MenuBar","MenuVertical","Select","Snackbar","Spinner","Radio","Switch","Table","TableAutoTable","Tabs","CookieConsent","Modal","Accordion","Avatar","Card","Divider","Tooltip","UserMenu","SearchField","Pagination","PopupMenu","Footer","Header","ProgressStepper","ProgressBar","ComboBox","defaultColors","plugin","TailwindPlugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","concat","base","map","component","_default","exports"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\n\r\n// components\r\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\nimport { Accordion } from './components/accordion';\r\nimport { Alert } from './components/alert';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { TableAutoTable } from './components/table-autotable';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n\r\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\r\n  Alert,\r\n  Badge,\r\n  Breadcrumb,\r\n  ButtonGroup,\r\n  Button,\r\n  Checkbox,\r\n  Chip,\r\n  Dialog,\r\n  Dot,\r\n  Forms,\r\n  Filter,\r\n  Icon,\r\n  Input,\r\n  Label,\r\n  Link,\r\n  List,\r\n  Logo,\r\n  MenuBar,\r\n  MenuVertical,\r\n  Select,\r\n  Snackbar,\r\n  Spinner,\r\n  Radio,\r\n  Switch,\r\n  Table,\r\n  TableAutoTable,\r\n  Tabs,\r\n  CookieConsent,\r\n  Modal,\r\n  Accordion,\r\n  Avatar,\r\n  Card,\r\n  Divider,\r\n  Tooltip,\r\n  UserMenu,\r\n  SearchField,\r\n  Pagination,\r\n  PopupMenu,\r\n  Footer,\r\n  Header,\r\n  ProgressStepper,\r\n  ProgressBar,\r\n  ComboBox,\r\n];\r\n\r\ninterface PluginOptions {\r\n  colors: string[];\r\n  cssBase: boolean;\r\n}\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n  function (options = { colors: [], cssBase: true }) {\r\n    return function ({ addComponents, addBase, theme }: PluginAPI) {\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\r\nexport default plugin;\r\n"],"mappings":"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"}

package/dist/cjs/theme.js

@@ -36,7 +36,8 @@ var theme = exports.theme = {
     boxShadow: {
       '50': "\n      0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\n      0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\n      ",
       '100': "\n        0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\n        0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\n        0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\n        0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\n      ",
-      '200': "\n        0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\n        0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\n        0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\n        0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\n      "
+      '200': "\n        0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\n        0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\n        0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\n        0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\n      ",
+      insetring: "0 0 0 0.25rem " + _colors.colors.ring + " inset"
     },
     ringColor: _extends({
       DEFAULT: _colors.colors.ring

package/dist/cjs/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["_withOpacity","_interopRequireDefault","require","_colors","_units","_theme","obj","__esModule","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","theme","exports","extend","fontSize","units","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","screens","borderRadius","radius","base","backgroundPosition","keys","spacing","reduce","positions","spaceKey","_extends2","boxShadow","ringColor","colors","ring","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","withOpacity","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n  extend: {\r\n    fontSize: {\r\n      ...units.fontSizes,\r\n      tiny: '1rem',\r\n      xs: '1.2rem',\r\n      xl: units.fontSizes['h4'],\r\n      '2xl': units.fontSizes['h3'],\r\n      '3xl': units.fontSizes['h2'],\r\n      '4xl': units.fontSizes['h1'],\r\n      '5xl': units.fontSizes['h3'],\r\n    },\r\n    fontFamily: {\r\n      DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n      sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n      header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n      display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n    },\r\n    screens,\r\n    borderRadius: {\r\n      ...units.radius,\r\n      base: 'var(--sk-spacing-0)',\r\n    },\r\n    backgroundPosition: {\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (positions, spaceKey) => ({\r\n          ...positions,\r\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n    boxShadow: {\r\n      '50': `\r\n      0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\r\n      0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\r\n      `,\r\n      '100': `\r\n        0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\r\n        0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\r\n        0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\r\n        0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\r\n      `,\r\n      '200': `\r\n        0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\r\n        0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\r\n        0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\r\n        0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\r\n      `,\r\n    },\r\n    ringColor: {\r\n      DEFAULT: colors.ring,\r\n      ...colors,\r\n    },\r\n    ringOffsetWidth: {\r\n      DEFAULT: '0.2rem',\r\n    },\r\n    ringWidth: {\r\n      DEFAULT: '0.3rem',\r\n      0: '0px',\r\n    },\r\n    ringOpacity: {\r\n      DEFAULT: '1px',\r\n    },\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n      gray: {\r\n        DEFAULT: colors.primitives.gray[600],\r\n        stroke: colors.divider,\r\n        middle: colors.primitives.gray[600],\r\n        light: colors.primitives.gray[300],\r\n        lighter: colors.primitives.gray[200],\r\n        ...colors.primitives.gray,\r\n      },\r\n      hover: colors.primitives.gray[600],\r\n      background: {\r\n        ...colors.background,\r\n        one: colors.background[100],\r\n        two: colors.background[200],\r\n      },\r\n    },\r\n    cursor: {\r\n      base: 'var(--tw-cursor)',\r\n    },\r\n    spacing: {\r\n      ...units.spacing,\r\n      xs: units.spacing[4],\r\n      sm: units.spacing[8],\r\n      md: units.spacing[16],\r\n      lg: units.spacing[24],\r\n      xl: units.spacing[48],\r\n    },\r\n    maxWidth: {\r\n      content: screens['desktop-max'],\r\n    },\r\n    lineHeight: {\r\n      ...units.lineHeights,\r\n      xs: '1.6rem',\r\n      xl: units.lineHeights['h4'],\r\n      '2xl': units.lineHeights['h3'],\r\n      '3xl': units.lineHeights['h2'],\r\n      '4xl': units.lineHeights['h1'],\r\n      '5xl': units.lineHeights['display-3'],\r\n    },\r\n    opacity: {\r\n      '15': '0.15',\r\n    },\r\n    borderWidth: {\r\n      DEFAULT: '0.2rem',\r\n      '1': '0.1rem',\r\n      '2': '0.2rem',\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--sk-colors-primary-surface'),\r\n      fill: withOpacity('--sk-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n      muted: withOpacity('--sk-colors-xt-muted'),\r\n    },\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\nexport { theme };\r\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["_withOpacity","_interopRequireDefault","require","_colors","_units","_theme","obj","__esModule","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","theme","exports","extend","fontSize","units","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","screens","borderRadius","radius","base","backgroundPosition","keys","spacing","reduce","positions","spaceKey","_extends2","boxShadow","insetring","colors","ring","ringColor","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","withOpacity","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n  extend: {\r\n    fontSize: {\r\n      ...units.fontSizes,\r\n      tiny: '1rem',\r\n      xs: '1.2rem',\r\n      xl: units.fontSizes['h4'],\r\n      '2xl': units.fontSizes['h3'],\r\n      '3xl': units.fontSizes['h2'],\r\n      '4xl': units.fontSizes['h1'],\r\n      '5xl': units.fontSizes['h3'],\r\n    },\r\n    fontFamily: {\r\n      DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n      sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n      header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n      display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n    },\r\n    screens,\r\n    borderRadius: {\r\n      ...units.radius,\r\n      base: 'var(--sk-spacing-0)',\r\n    },\r\n    backgroundPosition: {\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (positions, spaceKey) => ({\r\n          ...positions,\r\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n    boxShadow: {\r\n      '50': `\r\n      0 0 0.3rem 0 rgba(10, 12, 15, 0.08),\r\n      0 0.1rem 0.8rem 0 rgba(10, 12, 15, 0.13)\r\n      `,\r\n      '100': `\r\n        0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07),\r\n        0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15),\r\n        0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085),\r\n        0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)\r\n      `,\r\n      '200': `\r\n        0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1),\r\n        0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06),\r\n        0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03),\r\n        0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)\r\n      `,\r\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n    },\r\n    ringColor: {\r\n      DEFAULT: colors.ring,\r\n      ...colors,\r\n    },\r\n    ringOffsetWidth: {\r\n      DEFAULT: '0.2rem',\r\n    },\r\n    ringWidth: {\r\n      DEFAULT: '0.3rem',\r\n      0: '0px',\r\n    },\r\n    ringOpacity: {\r\n      DEFAULT: '1px',\r\n    },\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n      gray: {\r\n        DEFAULT: colors.primitives.gray[600],\r\n        stroke: colors.divider,\r\n        middle: colors.primitives.gray[600],\r\n        light: colors.primitives.gray[300],\r\n        lighter: colors.primitives.gray[200],\r\n        ...colors.primitives.gray,\r\n      },\r\n      hover: colors.primitives.gray[600],\r\n      background: {\r\n        ...colors.background,\r\n        one: colors.background[100],\r\n        two: colors.background[200],\r\n      },\r\n    },\r\n    cursor: {\r\n      base: 'var(--tw-cursor)',\r\n    },\r\n    spacing: {\r\n      ...units.spacing,\r\n      xs: units.spacing[4],\r\n      sm: units.spacing[8],\r\n      md: units.spacing[16],\r\n      lg: units.spacing[24],\r\n      xl: units.spacing[48],\r\n    },\r\n    maxWidth: {\r\n      content: screens['desktop-max'],\r\n    },\r\n    lineHeight: {\r\n      ...units.lineHeights,\r\n      xs: '1.6rem',\r\n      xl: units.lineHeights['h4'],\r\n      '2xl': units.lineHeights['h3'],\r\n      '3xl': units.lineHeights['h2'],\r\n      '4xl': units.lineHeights['h1'],\r\n      '5xl': units.lineHeights['display-3'],\r\n    },\r\n    opacity: {\r\n      '15': '0.15',\r\n    },\r\n    borderWidth: {\r\n      DEFAULT: '0.2rem',\r\n      '1': '0.1rem',\r\n      '2': '0.2rem',\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--sk-colors-primary-surface'),\r\n      fill: withOpacity('--sk-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n      muted: withOpacity('--sk-colors-xt-muted'),\r\n    },\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\nexport { theme };\r\n"],"mappings":"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"}

package/dist/esm/components/alert-banner.js

@@ -18,7 +18,7 @@ module.exports = Modal = () => ({
     }
   },
   '.tab': {
-    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
+    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {}
   }
 });
 //# sourceMappingURL=alert-banner.js.map

package/dist/esm/components/alert-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,eAAe,EAAE;IACf,aAAa,EAAE,CAAC,CAAC;IAEjB,WAAW,EAAE;MACX,2BAA2B,EAAE,CAAC,CAAC;MAE/B,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,wEAAwE,EAAE,CAAC;IAC7E,CAAC;IAED,SAAS,EAAE;MACT,+BAA+B,EAAE,CAAC;IACpC;EACF,CAAC;EAED,MAAM,EAAE;IACN,sGAAsG,EAAE,CAAC;EAC3G;AACF,CAAC,CAAC"}
+{"version":3,"file":"alert-banner.js","names":["module","exports","Modal"],"sources":["../../../src/components/alert-banner.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.alert-banner': {\r\n    '@apply p-md': {},\r\n\r\n    '&-content': {\r\n      '@apply w-full m-auto flex': {},\r\n\r\n      '&-wrapper': {\r\n        '@apply flex-grow flex': {},\r\n      },\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply mr-[10px]': {},\r\n    },\r\n\r\n    '&-children': {\r\n      '@apply w-full underline inline-block max-w-[800px] text-body text-base': {},\r\n    },\r\n\r\n    '&-close': {\r\n      '@apply p-4 -m-4 flex flex-col': {},\r\n    },\r\n  },\r\n\r\n  '.tab': {\r\n    '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-3xl shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {},\r\n  },\r\n  \r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAGA,CAAA,MAAO;EAC9B,eAAe,EAAE;IACf,aAAa,EAAE,CAAC,CAAC;IAEjB,WAAW,EAAE;MACX,2BAA2B,EAAE,CAAC,CAAC;MAE/B,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IAED,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,YAAY,EAAE;MACZ,wEAAwE,EAAE,CAAC;IAC7E,CAAC;IAED,SAAS,EAAE;MACT,+BAA+B,EAAE,CAAC;IACpC;EACF,CAAC;EAED,MAAM,EAAE;IACN,mGAAmG,EAAE,CAAC;EACxG;AAEF,CAAC,CAAC"}

package/dist/esm/components/calendar.js

@@ -0,0 +1,65 @@
+module.exports = Calendar = () => ({
+  // Month row
+  '.MuiCalendarPicker-root > div:first-of-type': {
+    '@apply ml-2 -mr-2 px-10': {}
+  },
+  // Month
+  '.MuiCalendarPicker-root > div:first-of-type > div': {
+    '@apply font-bold text-base text-body': {}
+  },
+  // Arrow switchers
+  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {
+    '@apply text-body text-lg': {}
+  },
+  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {
+    '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary': {}
+  },
+  // Arrow spacer
+  '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {
+    '@apply w-11': {}
+  },
+  // Disabled arrow
+  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {
+    '@apply text-gray-stroke': {}
+  },
+  // Weekdays
+  '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {
+    '@apply font-bold text-body text-base': {}
+  },
+  // Days-Grid
+  '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {
+    '@apply min-h-min pb-6': {}
+  },
+  // Day picking
+  '.MuiCalendarPicker-root .MuiPickersDay-root': {
+    '@apply text-base': {}
+  },
+  '.MuiCalendarPicker-root .Mui-disabled': {
+    '@apply text-gray-stroke': {}
+  },
+  // Day picked
+  '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {
+    '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one': {}
+  },
+  // Day hovered
+  '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
+    '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border': {}
+  },
+  // today
+  '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
+    '@apply border-0 hover:border': {}
+  },
+  '.calendar': {
+    // Input field
+    '.datepicker-input': {
+      '@apply relative': {}
+    },
+    '.datepicker-input input': {
+      '@apply pl-20 cursor-pointer': {}
+    },
+    '.datepicker-input-icon': {
+      '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {}
+    }
+  }
+});
+//# sourceMappingURL=calendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":["module","exports","Calendar"],"sources":["../../../src/components/calendar.js"],"sourcesContent":["module.exports = Calendar = () => ({\r\n  // Month row\r\n  '.MuiCalendarPicker-root > div:first-of-type': {\r\n    '@apply ml-2 -mr-2 px-10': {},\r\n  },\r\n\r\n  // Month\r\n  '.MuiCalendarPicker-root > div:first-of-type > div': {\r\n    '@apply font-bold text-base text-body': {},\r\n  },\r\n\r\n  // Arrow switchers\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {\r\n    '@apply text-body text-lg': {},\r\n  },\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {\r\n    '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary':\r\n      {},\r\n  },\r\n  // Arrow spacer\r\n  '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {\r\n    '@apply w-11': {},\r\n  },\r\n  // Disabled arrow\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {\r\n    '@apply text-gray-stroke': {},\r\n  },\r\n\r\n  // Weekdays\r\n  '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {\r\n    '@apply font-bold text-body text-base': {},\r\n  },\r\n\r\n  // Days-Grid\r\n  '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {\r\n    '@apply min-h-min pb-6': {},\r\n  },\r\n\r\n  // Day picking\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root': {\r\n    '@apply text-base': {},\r\n  },\r\n  '.MuiCalendarPicker-root .Mui-disabled': {\r\n    '@apply text-gray-stroke': {},\r\n  },\r\n\r\n  // Day picked\r\n  '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {\r\n    '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one':\r\n      {},\r\n  },\r\n\r\n  // Day hovered\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n    '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border':\r\n      {},\r\n  },\r\n\r\n  // today\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n    '@apply border-0 hover:border': {},\r\n  },\r\n\r\n  '.calendar': {\r\n    // Input field\r\n    '.datepicker-input': {\r\n      '@apply relative': {},\r\n    },\r\n\r\n    '.datepicker-input input': {\r\n      '@apply pl-20 cursor-pointer': {},\r\n    },\r\n\r\n    '.datepicker-input-icon': {\r\n      '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EACjC;EACA,6CAA6C,EAAE;IAC7C,yBAAyB,EAAE,CAAC;EAC9B,CAAC;EAED;EACA,mDAAmD,EAAE;IACnD,sCAAsC,EAAE,CAAC;EAC3C,CAAC;EAED;EACA,kFAAkF,EAAE;IAClF,0BAA0B,EAAE,CAAC;EAC/B,CAAC;EACD,iEAAiE,EAAE;IACjE,iLAAiL,EAC/K,CAAC;EACL,CAAC;EACD;EACA,yDAAyD,EAAE;IACzD,aAAa,EAAE,CAAC;EAClB,CAAC;EACD;EACA,4FAA4F,EAAE;IAC5F,yBAAyB,EAAE,CAAC;EAC9B,CAAC;EAED;EACA,uEAAuE,EAAE;IACvE,sCAAsC,EAAE,CAAC;EAC3C,CAAC;EAED;EACA,+DAA+D,EAAE;IAC/D,uBAAuB,EAAE,CAAC;EAC5B,CAAC;EAED;EACA,6CAA6C,EAAE;IAC7C,kBAAkB,EAAE,CAAC;EACvB,CAAC;EACD,uCAAuC,EAAE;IACvC,yBAAyB,EAAE,CAAC;EAC9B,CAAC;EAED;EACA,6EAA6E,EAAE;IAC7E,oHAAoH,EAClH,CAAC;EACL,CAAC;EAED;EACA,8GAA8G,EAAE;IAC9G,gHAAgH,EAC9G,CAAC;EACL,CAAC;EAED;EACA,iEAAiE,EAAE;IACjE,8BAA8B,EAAE,CAAC;EACnC,CAAC;EAED,WAAW,EAAE;IACX;IACA,mBAAmB,EAAE;MACnB,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED,yBAAyB,EAAE;MACzB,6BAA6B,EAAE,CAAC;IAClC,CAAC;IAED,wBAAwB,EAAE;MACxB,4FAA4F,EAAE,CAAC;IACjG;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/context-menu.js

@@ -1,37 +1,9 @@
 module.exports = ContextMenu = () => ({
   '.context-menu-wrapper': {
-    '@apply relative inline': {},
-    '> a, > button': {
-      '@apply inline-flex': {}
-    },
     '.context-menu-items': {
-      '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start': {},
+      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm': {},
       '.context-menu-item': {
-        '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center': {},
-        'a, button': {
-          '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start': {},
-          '&.active': {
-            '@apply bg-primary text-white': {}
-          },
-          '.MuiSvgIcon-root': {
-            '@apply text-base': {}
-          }
-        },
-        '&:first-child a,&:first-child button': {
-          '@apply pt-[0.675rem] pb-[0.525rem]': {}
-        },
-        '&:last-child a,&:last-child button': {
-          '@apply pt-[0.525rem] pb-[0.675rem]': {}
-        },
-        '&:only-child a,&:only-child button': {
-          '@apply py-[0.6rem]': {}
-        }
-      },
-      hr: {
-        '@apply mx-sm w-[calc(100%_-_16px)]': {}
-      },
-      '&.right': {
-        '@apply right-0': {}
+        '@apply px-sm': {}
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu","hr"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '@apply relative inline': {},\r\n\r\n    '> a, > button': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '.context-menu-items': {\r\n      '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center':\r\n          {},\r\n\r\n        'a, button': {\r\n          '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start':\r\n            {},\r\n\r\n          '&.active': {\r\n            '@apply bg-primary text-white': {},\r\n          },\r\n\r\n          '.MuiSvgIcon-root': {\r\n            '@apply text-base': {},\r\n          },\r\n        },\r\n\r\n        '&:first-child a,&:first-child button': {\r\n          '@apply pt-[0.675rem] pb-[0.525rem]': {},\r\n        },\r\n        '&:last-child a,&:last-child button': {\r\n          '@apply pt-[0.525rem] pb-[0.675rem]': {},\r\n        },\r\n        '&:only-child a,&:only-child button': {\r\n          '@apply py-[0.6rem]': {},\r\n        },\r\n      },\r\n\r\n      hr: {\r\n        '@apply mx-sm w-[calc(100%_-_16px)]': {},\r\n      },\r\n\r\n      '&.right': {\r\n        '@apply right-0': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAGA,CAAA,MAAO;EACpC,uBAAuB,EAAE;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAE5B,eAAe,EAAE;MACf,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,qBAAqB,EAAE;MACrB,uHAAuH,EACrH,CAAC,CAAC;MACJ,oBAAoB,EAAE;QACpB,2HAA2H,EACzH,CAAC,CAAC;QAEJ,WAAW,EAAE;UACX,sIAAsI,EACpI,CAAC,CAAC;UAEJ,UAAU,EAAE;YACV,8BAA8B,EAAE,CAAC;UACnC,CAAC;UAED,kBAAkB,EAAE;YAClB,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QAED,sCAAsC,EAAE;UACtC,oCAAoC,EAAE,CAAC;QACzC,CAAC;QACD,oCAAoC,EAAE;UACpC,oCAAoC,EAAE,CAAC;QACzC,CAAC;QACD,oCAAoC,EAAE;UACpC,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MAEDC,EAAE,EAAE;QACF,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,SAAS,EAAE;QACT,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n  '.context-menu-wrapper': {\r\n    '.context-menu-items': {\r\n      '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col space-y-4 justify-start items-start p-sm':\r\n        {},\r\n      '.context-menu-item': {\r\n        '@apply px-sm': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAGA,CAAA,MAAO;EACpC,uBAAuB,EAAE;IACvB,qBAAqB,EAAE;MACrB,8HAA8H,EAC5H,CAAC,CAAC;MACJ,oBAAoB,EAAE;QACpB,cAAc,EAAE,CAAC;MACnB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/message.js

@@ -0,0 +1,50 @@
+module.exports = Message = () => ({
+  '.message': {
+    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},
+    '@apply text-body bg-white border-l-4': {},
+    // dark
+    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
+    '&-text': {
+      '@apply text-left flex-grow': {}
+    },
+    '&-info': {
+      '@apply border-info': {},
+      '.message-icon': {
+        '@apply text-info': {}
+      }
+    },
+    '&-success': {
+      '@apply border-success': {},
+      '.message-icon': {
+        '@apply text-success': {}
+      }
+    },
+    '&-error': {
+      '@apply border-error': {},
+      '.message-icon': {
+        '@apply text-error': {}
+      }
+    },
+    '&-warning': {
+      '@apply border-warning': {},
+      '.message-icon': {
+        '@apply text-warning': {}
+      }
+    }
+  },
+  '.message-icon': {
+    '@apply mr-4 flex-shrink-0 w-10 h-10': {}
+  },
+  '.message-close-button': {
+    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base': {},
+    marginLeft: '0.25em',
+    marginRight: '-0.55em',
+    '&-icon': {
+      '@apply !text-xl': {}
+    },
+    '&-disabled': {
+      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
+    }
+  }
+});
+//# sourceMappingURL=message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":["module","exports","Message","marginLeft","marginRight"],"sources":["../../../src/components/message.js"],"sourcesContent":["module.exports = Message = () => ({\r\n  '.message': {\r\n    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},\r\n    '@apply text-body bg-white border-l-4': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n\r\n    '&-text': {\r\n      '@apply text-left flex-grow': {},\r\n    },\r\n\r\n    '&-info': {\r\n      '@apply border-info': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-info': {},\r\n      },\r\n    },\r\n    '&-success': {\r\n      '@apply border-success': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-success': {},\r\n      },\r\n    },\r\n    '&-error': {\r\n      '@apply border-error': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-error': {},\r\n      },\r\n    },\r\n    '&-warning': {\r\n      '@apply border-warning': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-warning': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '.message-icon': {\r\n    '@apply mr-4 flex-shrink-0 w-10 h-10': {},\r\n  },\r\n\r\n  '.message-close-button': {\r\n    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':\r\n      {},\r\n    marginLeft: '0.25em',\r\n    marginRight: '-0.55em',\r\n\r\n    '&-icon': {\r\n      '@apply !text-xl': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,UAAU,EAAE;IACV,6GAA6G,EAAE,CAAC,CAAC;IACjH,sCAAsC,EAAE,CAAC,CAAC;IAC1C;IACA,0EAA0E,EAAE,CAAC,CAAC;IAE9E,QAAQ,EAAE;MACR,4BAA4B,EAAE,CAAC;IACjC,CAAC;IAED,QAAQ,EAAE;MACR,oBAAoB,EAAE,CAAC,CAAC;MAExB,eAAe,EAAE;QACf,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IACD,WAAW,EAAE;MACX,uBAAuB,EAAE,CAAC,CAAC;MAE3B,eAAe,EAAE;QACf,qBAAqB,EAAE,CAAC;MAC1B;IACF,CAAC;IACD,SAAS,EAAE;MACT,qBAAqB,EAAE,CAAC,CAAC;MAEzB,eAAe,EAAE;QACf,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IACD,WAAW,EAAE;MACX,uBAAuB,EAAE,CAAC,CAAC;MAE3B,eAAe,EAAE;QACf,qBAAqB,EAAE,CAAC;MAC1B;IACF;EACF,CAAC;EAED,eAAe,EAAE;IACf,qCAAqC,EAAE,CAAC;EAC1C,CAAC;EAED,uBAAuB,EAAE;IACvB,wIAAwI,EACtI,CAAC,CAAC;IACJC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,SAAS;IAEtB,QAAQ,EAAE;MACR,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED,YAAY,EAAE;MACZ,6EAA6E,EAAE,CAAC;IAClF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/notification.js

@@ -1,6 +1,6 @@
 module.exports = Notification = () => ({
   '.notification': {
-    '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
+    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
     '@apply text-body bg-white border border-neutral-200': {},
     // dark
     '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {}
@@ -38,7 +38,7 @@ module.exports = Notification = () => ({
     right: 16,
     top: 16,
     '&-undo': {
-      '@apply h-auto p-0 text-small': {}
+      '@apply h-auto p-0 text-sm': {}
     },
     '&-close-button': {
       '@apply cursor-base text-neutral-700 hover:text-body': {},

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

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-small': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAGA,CAAA,MAAO;EACrC,eAAe,EAAE;IACf,4FAA4F,EAAE,CAAC,CAAC;IAChG,qDAAqD,EAAE,CAAC,CAAC;IACzD;IACA,0EAA0E,EAAE,CAAC;EAC/E,CAAC;EAED,oBAAoB,EAAE;IACpB,mCAAmC,EAAE,CAAC,CAAC;IAEvC,QAAQ,EAAE;MACR,mBAAmB,EAAE,GAAG;MACxBC,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,SAAS,EAAE;MACT,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT;EACF,CAAC;EAED,uBAAuB,EAAE;IACvB,+DAA+D,EAAE,CAAC,CAAC;IAEnE,SAAS,EAAE;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe,EAAE;MACf,+CAA+C,EAAE,CAAC;IACpD;EACF,CAAC;EAED,sBAAsB,EAAE;IACtB,2BAA2B,EAAE,CAAC,CAAC;IAC/BC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE,EAAE;IAEP,QAAQ,EAAE;MACR,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,gBAAgB,EAAE;MAChB,qDAAqD,EAAE,CAAC,CAAC;MACzD,0DAA0D,EAAE,CAAC;IAC/D;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-sm': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAGA,CAAA,MAAO;EACrC,eAAe,EAAE;IACf,yFAAyF,EAAE,CAAC,CAAC;IAC7F,qDAAqD,EAAE,CAAC,CAAC;IACzD;IACA,0EAA0E,EAAE,CAAC;EAC/E,CAAC;EAED,oBAAoB,EAAE;IACpB,mCAAmC,EAAE,CAAC,CAAC;IAEvC,QAAQ,EAAE;MACR,mBAAmB,EAAE,GAAG;MACxBC,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,SAAS,EAAE;MACT,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT;EACF,CAAC;EAED,uBAAuB,EAAE;IACvB,+DAA+D,EAAE,CAAC,CAAC;IAEnE,SAAS,EAAE;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe,EAAE;MACf,+CAA+C,EAAE,CAAC;IACpD;EACF,CAAC;EAED,sBAAsB,EAAE;IACtB,2BAA2B,EAAE,CAAC,CAAC;IAC/BC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE,EAAE;IAEP,QAAQ,EAAE;MACR,2BAA2B,EAAE,CAAC;IAChC,CAAC;IAED,gBAAgB,EAAE;MAChB,qDAAqD,EAAE,CAAC,CAAC;MACzD,0DAA0D,EAAE,CAAC;IAC/D;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/profile-picture.js

@@ -0,0 +1,13 @@
+module.exports = ProfilePicture = () => ({
+  '.profile-picture': {
+    '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary': {},
+    '.profile-picture-img': {
+      '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {}
+    },
+    '.icon': {
+      width: '3.8rem!important',
+      height: '3.8rem!important'
+    }
+  }
+});
+//# sourceMappingURL=profile-picture.js.map

package/dist/esm/components/profile-picture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-picture.js","names":["module","exports","ProfilePicture","width","height"],"sources":["../../../src/components/profile-picture.js"],"sourcesContent":["module.exports = ProfilePicture = () => ({\r\n  '.profile-picture': {\r\n    '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary':\r\n      {},\r\n\r\n    '.profile-picture-img': {\r\n      '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {},\r\n    },\r\n    '.icon': {\r\n      width: '3.8rem!important',\r\n      height: '3.8rem!important',\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAGA,CAAA,MAAO;EACvC,kBAAkB,EAAE;IAClB,8KAA8K,EAC5K,CAAC,CAAC;IAEJ,sBAAsB,EAAE;MACtB,iEAAiE,EAAE,CAAC;IACtE,CAAC;IACD,OAAO,EAAE;MACPC,KAAK,EAAE,kBAAkB;MACzBC,MAAM,EAAE;IACV;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/profile.js

@@ -0,0 +1,32 @@
+module.exports = Profile = () => ({
+  '.profile-container': {
+    '@apply flex items-center': {},
+    '.profile-title': {
+      '@apply font-bold text-base m-0': {}
+    },
+    '.profile-subtitle': {
+      '@apply text-sm leading-[20px] m-0': {}
+    },
+    '&.minimal': {
+      '.profile-title': {
+        overflow: 'hidden',
+        'text-overflow': 'ellipsis',
+        display: '-webkit-box',
+        '-webkit-line-clamp': '1' /* number of lines to show */,
+        'line-clamp': '1',
+        '-webkit-box-orient': 'vertical'
+      },
+      '.profile-subtitle': {
+        overflow: 'hidden',
+        'text-overflow': 'ellipsis',
+        display: '-webkit-box',
+        '-webkit-line-clamp': '1' /* number of lines to show */,
+        'line-clamp': '1',
+        '-webkit-box-orient': 'vertical'
+      }
+    }
+
+    // '&.truncate': { '@apply truncate pr-md': {} },
+  }
+});
+//# sourceMappingURL=profile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"profile.js","names":["module","exports","Profile","overflow","display"],"sources":["../../../src/components/profile.js"],"sourcesContent":["module.exports = Profile = () => ({\r\n  '.profile-container': {\r\n    '@apply flex items-center': {},\r\n\r\n    '.profile-title': {\r\n      '@apply font-bold text-base m-0': {},\r\n    },\r\n    '.profile-subtitle': {\r\n      '@apply text-sm leading-[20px] m-0': {},\r\n    },\r\n\r\n    '&.minimal': {\r\n      '.profile-title': {\r\n        overflow: 'hidden',\r\n        'text-overflow': 'ellipsis',\r\n        display: '-webkit-box',\r\n        '-webkit-line-clamp': '1' /* number of lines to show */,\r\n        'line-clamp': '1',\r\n        '-webkit-box-orient': 'vertical',\r\n      },\r\n      '.profile-subtitle': {\r\n        overflow: 'hidden',\r\n        'text-overflow': 'ellipsis',\r\n        display: '-webkit-box',\r\n        '-webkit-line-clamp': '1' /* number of lines to show */,\r\n        'line-clamp': '1',\r\n        '-webkit-box-orient': 'vertical',\r\n      },\r\n    },\r\n\r\n    // '&.truncate': { '@apply truncate pr-md': {} },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,oBAAoB,EAAE;IACpB,0BAA0B,EAAE,CAAC,CAAC;IAE9B,gBAAgB,EAAE;MAChB,gCAAgC,EAAE,CAAC;IACrC,CAAC;IACD,mBAAmB,EAAE;MACnB,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,WAAW,EAAE;MACX,gBAAgB,EAAE;QAChBC,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,UAAU;QAC3BC,OAAO,EAAE,aAAa;QACtB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,YAAY,EAAE,GAAG;QACjB,oBAAoB,EAAE;MACxB,CAAC;MACD,mBAAmB,EAAE;QACnBD,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,UAAU;QAC3BC,OAAO,EAAE,aAAa;QACtB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,YAAY,EAAE,GAAG;QACjB,oBAAoB,EAAE;MACxB;IACF;;IAEA;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/search-bar.js

@@ -0,0 +1,6 @@
+module.exports = SearchBar = () => ({
+  '.search-bar': {
+    '@apply w-full relative': {}
+  }
+});
+//# sourceMappingURL=search-bar.js.map

package/dist/esm/components/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.js","names":["module","exports","SearchBar"],"sources":["../../../src/components/search-bar.js"],"sourcesContent":["module.exports = SearchBar = () => ({\r\n  '.search-bar': {\r\n    '@apply w-full relative': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAGA,CAAA,MAAO;EAClC,aAAa,EAAE;IACb,wBAAwB,EAAE,CAAC;EAC7B;AACF,CAAC,CAAC"}