@paperless/core 2.0.1-beta.79 → 2.0.1-beta.80

package/dist/cjs/p-toast.cjs.entry.js

@@ -1,9 +1,25 @@
 'use strict';
 
 var index = require('./index-Ca4wFbmt.js');
+var index$1 = require('./index-mudu9vpz.js');
+require('./clsx-BtxeOLZW.js');
 
-const toastComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.border-l-4{border-left-width:4px!important}.border-solid{border-style:solid!important}.border-l-negative{--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity,1))!important}.border-l-positive{--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity,1))!important}.border-l-unbiased{--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-left-width:4px!important;border-radius:.25rem;border-style:solid!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;box-sizing:border-box;display:flex;gap:.5rem;justify-content:space-between;padding:1rem 1rem 1rem 1.25rem;width:100%}:host p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.variant-positive){--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity,1))!important}:host(.variant-unbiased){--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity,1))!important}:host(.variant-negative){--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity,1))!important}.static{position:static!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.flex-col{flex-direction:column!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}";
+const toastComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.border-l-4{border-left-width:4px!important}.border-solid{border-style:solid!important}.border-l-negative{--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity,1))!important}.border-l-positive{--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity,1))!important}.border-l-unbiased{--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity,1))!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color);background-color:rgb(0 72 64/var(--tw-bg-opacity,1));border-radius:.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;gap:.5rem;padding:.5rem}.static{position:static!important}.m-0{margin:0!important}.h-9{height:2.25rem!important}.w-\\[2px\\]{width:2px!important}.w-\\[calc\\(100\\%-2px-0\\.5rem\\)\\]{width:calc(100% - 2px - .5rem)!important}.min-w-0{min-width:0!important}.flex-shrink-0{flex-shrink:0!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-full{border-radius:9999px!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))!important}.bg-negative-red-500{--tw-bg-opacity:1!important;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-positive-green-500{--tw-bg-opacity:1!important;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-800{--tw-bg-opacity:1!important;background-color:rgb(189 140 255/var(--tw-bg-opacity,1))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-white-500{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
 
+const indicator = index$1.cva('w-[2px] rounded-full h-9 flex-shrink-0', {
+    variants: {
+        variant: {
+            neutral: 'bg-supportive-lilac-800',
+            positive: 'bg-positive-green-500',
+            biased: 'bg-amber-500',
+            negative: 'bg-negative-red-500',
+        },
+    },
+});
+const content = index$1.cva([
+    'flex justify-between items-center gap-2',
+    'w-[calc(100%-2px-0.5rem)]',
+]);
 const Toast = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -42,7 +58,7 @@ const Toast = class {
      */
     action;
     render() {
-        return (index.h(index.Host, { key: 'adf7fdf6ec46242bf7354ab965e275a6ef970485', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, index.h("div", { key: '409f5d93a267520e03227eb75b5cb7af437a1bbf', class: 'flex w-full min-w-0 flex-col' }, index.h("p", { key: '41ffd58d54310df9d8a173ba2fe47ee266609df3', class: 'font-semibold text-storm' }, this.header?.length ? this.header : index.h("slot", { name: 'header' })), index.h("p", { key: '7603de6d3d458be0980829bc878a836fbf814d7e', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : index.h("slot", { name: 'content' }))), this.enableAction && (index.h("p-button", { key: '9444439e05a33a92d0c5babcb3751db0772bc95d', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (index.h(index.Host, { key: '48a0447dbfc13696bb3a4eff6558f7f11ddaa081', onClick: () => this._onClick() }, index.h("div", { key: 'f6800b7f2a5d22022785e2b6934a75205e3330b5', class: indicator({ variant: this.variant }) }), index.h("div", { key: 'a6bbd501f5b139c03cd5df42b6159b20e1e8c7d5', class: content() }, index.h("div", { key: '706a0c86de41e0bec79b4e4166cd39e1f7d5da25', class: 'flex w-full min-w-0 flex-col' }, index.h("p", { key: '50b648bd2110065729718bd4ec6de7f1483f2342', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-white-500' }, this.header?.length ? this.header : index.h("slot", { name: 'header' })), index.h("p", { key: '6e8a19b86eeefd4c99e5c9103a2a5aea48cc70f8', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-dark-teal-200' }, this.content?.length ? this.content : index.h("slot", { name: 'content' }))), this.enableAction && (index.h("p-button", { key: '15b14086fa9fe4ca4b9c196388d4fdd6a53a0597', variant: 'transparent', iconOnly: true, icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' })))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/cjs/p-toast.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-toast.entry.cjs.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,kvFAAkvF;;MCY/vF,KAAK,GAAA,MAAA;;;;;AACjB;;AAEG;IACK,OAAO,GAAyC,UAAU;AAElE;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;IACK,UAAU,GAAgB,UAAU;AAE5C;;AAEG;AACK,IAAA,cAAc;AAEtB;;AAEG;AACK,IAAA,gBAAgB;AAExB;;AAEG;AAIH,IAAA,MAAM;IAEN,MAAM,GAAA;AACL,QAAA,QACCA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CAAmB,gBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EACxC,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAA,EAE9BD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACxCA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACjC,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAGA,kBAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACxD,EACJA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EACzC,EAAA,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,OAAO,GAAGA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,EAAG,CAAA,CAC3D,CACC,EAEL,IAAI,CAAC,YAAY,KACjBA,OACC,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAA,IAAA,EACR,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,KAAK,EAAC,eAAe,GACpB,CACF,CACK;;IAID,QAAQ,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;;;;;;;;","names":["h","Host"],"sources":["src/components/deprecated/molecules/toast/toast.component.scss?tag=p-toast&encapsulation=shadow","src/components/deprecated/molecules/toast/toast.component.tsx"],"sourcesContent":[":host {\n\t@apply flex justify-between items-center gap-2;\n\t@apply w-full p-4 pl-5;\n\t@apply bg-white rounded box-border;\n\t@apply shadow-3 #{!important};\n\t@apply border-l-4 border-solid #{!important};\n\n\tp {\n\t\t@apply m-0;\n\t\t@apply overflow-hidden text-ellipsis whitespace-nowrap;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply border-l-positive  #{!important};\n}\n\n:host(.variant-unbiased) {\n\t@apply border-l-unbiased  #{!important};\n}\n\n:host(.variant-negative) {\n\t@apply border-l-negative  #{!important};\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../../types';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-toast',\n\tstyleUrl: 'toast.component.scss',\n\tshadow: true,\n})\nexport class Toast {\n\t/**\n\t * The variant of the toast\n\t */\n\t@Prop() variant: 'positive' | 'unbiased' | 'negative' = 'positive';\n\n\t/**\n\t * The header of the toast\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * The content of the toast\n\t */\n\t@Prop() content?: string;\n\n\t/**\n\t * Wether to enable the close button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() actionIcon: IconVariant = 'negative';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() actionIconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() actionIconRotate: RotateOptions;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-toast variant-${this.variant}`}\n\t\t\t\tonClick={() => this._onClick()}\n\t\t\t>\n\t\t\t\t<div class='flex w-full min-w-0 flex-col'>\n\t\t\t\t\t<p class='font-semibold text-storm'>\n\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='header' />}\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='w-full text-sm text-storm-medium'>\n\t\t\t\t\t\t{this.content?.length ? this.content : <slot name='content' />}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t{this.enableAction && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\ticonFlip={this.actionIconFlip}\n\t\t\t\t\t\ticonRotate={this.actionIconRotate}\n\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (this.enableAction) {\n\t\t\tthis.action.emit();\n\t\t}\n\t}\n}\n"],"version":3}
+{"file":"p-toast.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,2iGAA2iG;;ACKrkG,MAAM,SAAS,GAAGA,WAAG,CAAC,wCAAwC,EAAE;AAC/D,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,yBAAyB;AAClC,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,MAAM,EAAE,cAAc;AACtB,YAAA,QAAQ,EAAE,qBAAqB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC;IACnB,yCAAyC;IACzC,2BAA2B;AAC3B,CAAA,CAAC;MAOW,KAAK,GAAA,MAAA;;;;;AACjB;;AAEG;IACK,OAAO,GAAmD,UAAU;AAE5E;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;IACK,UAAU,GAAgB,UAAU;AAE5C;;AAEG;AACK,IAAA,cAAc;AAEtB;;AAEG;AACK,IAAA,gBAAgB;AAExB;;AAEG;AAIH,IAAA,MAAM;IAEN,MAAM,GAAA;QACL,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAA,EACnCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAI,CAAA,EACpDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACpBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACxCA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0FAA0F,EAAA,EACjG,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAGA,kBAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACxD,EACJA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uFAAuF,EAC9F,EAAA,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,OAAO,GAAGA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,EAAG,CAAA,CAC3D,CACC,EAEL,IAAI,CAAC,YAAY,KACjBA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAC,aAAa,EACrB,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,KAAK,EAAC,eAAe,EAAA,CACpB,CACF,CACI,CACA;;IAID,QAAQ,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;;;;;;;;","names":["cva","h","Host"],"sources":["src/components/molecules/toast/toast.component.css?tag=p-toast&encapsulation=shadow","src/components/molecules/toast/toast.component.tsx"],"sourcesContent":[":host {\n\t@apply flex gap-2;\n\t@apply rounded-lg p-2;\n\t@apply bg-dark-teal-600 shadow-3;\n}\n\n/* :host { */\n/* \t@apply flex justify-between items-center gap-2; */\n/* \t@apply w-full p-4 pl-5; */\n/* \t@apply bg-white rounded box-border; */\n/* \t@apply shadow-3 #{!important}; */\n/* \t@apply border-l-4 border-solid #{!important}; */\n/**/\n/* \tp { */\n/* \t\t@apply m-0; */\n/* \t\t@apply overflow-hidden text-ellipsis whitespace-nowrap; */\n/* \t} */\n/* } */\n/**/\n/* :host(.variant-positive) { */\n/* \t@apply border-l-positive  #{!important}; */\n/* } */\n/**/\n/* :host(.variant-unbiased) { */\n/* \t@apply border-l-unbiased  #{!important}; */\n/* } */\n/**/\n/* :host(.variant-negative) { */\n/* \t@apply border-l-negative  #{!important}; */\n/* } */\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { cva } from 'class-variance-authority';\n\nconst indicator = cva('w-[2px] rounded-full h-9 flex-shrink-0', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'bg-supportive-lilac-800',\n\t\t\tpositive: 'bg-positive-green-500',\n\t\t\tbiased: 'bg-amber-500',\n\t\t\tnegative: 'bg-negative-red-500',\n\t\t},\n\t},\n});\n\nconst content = cva([\n\t'flex justify-between items-center gap-2',\n\t'w-[calc(100%-2px-0.5rem)]',\n]);\n\n@Component({\n\ttag: 'p-toast',\n\tstyleUrl: 'toast.component.css',\n\tshadow: true,\n})\nexport class Toast {\n\t/**\n\t * The variant of the toast\n\t */\n\t@Prop() variant: 'neutral' | 'positive' | 'biased' | 'negative' = 'positive';\n\n\t/**\n\t * The header of the toast\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * The content of the toast\n\t */\n\t@Prop() content?: string;\n\n\t/**\n\t * Wether to enable the close button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() actionIcon: IconVariant = 'negative';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() actionIconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() actionIconRotate: RotateOptions;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host onClick={() => this._onClick()}>\n\t\t\t\t<div class={indicator({ variant: this.variant })} />\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t<div class='flex w-full min-w-0 flex-col'>\n\t\t\t\t\t\t<p class='m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-white-500'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='header' />}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p class='m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-dark-teal-200'>\n\t\t\t\t\t\t\t{this.content?.length ? this.content : <slot name='content' />}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.enableAction && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='transparent'\n\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\ticonFlip={this.actionIconFlip}\n\t\t\t\t\t\t\ticonRotate={this.actionIconRotate}\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (this.enableAction) {\n\t\t\tthis.action.emit();\n\t\t}\n\t}\n}\n"],"version":3}

package/dist/cjs/p-toast.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-toast.entry.cjs.js","sources":["src/components/deprecated/molecules/toast/toast.component.scss?tag=p-toast&encapsulation=shadow","src/components/deprecated/molecules/toast/toast.component.tsx"],"sourcesContent":[":host {\n\t@apply flex justify-between items-center gap-2;\n\t@apply w-full p-4 pl-5;\n\t@apply bg-white rounded box-border;\n\t@apply shadow-3 #{!important};\n\t@apply border-l-4 border-solid #{!important};\n\n\tp {\n\t\t@apply m-0;\n\t\t@apply overflow-hidden text-ellipsis whitespace-nowrap;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply border-l-positive  #{!important};\n}\n\n:host(.variant-unbiased) {\n\t@apply border-l-unbiased  #{!important};\n}\n\n:host(.variant-negative) {\n\t@apply border-l-negative  #{!important};\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../../types';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-toast',\n\tstyleUrl: 'toast.component.scss',\n\tshadow: true,\n})\nexport class Toast {\n\t/**\n\t * The variant of the toast\n\t */\n\t@Prop() variant: 'positive' | 'unbiased' | 'negative' = 'positive';\n\n\t/**\n\t * The header of the toast\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * The content of the toast\n\t */\n\t@Prop() content?: string;\n\n\t/**\n\t * Wether to enable the close button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() actionIcon: IconVariant = 'negative';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() actionIconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() actionIconRotate: RotateOptions;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-toast variant-${this.variant}`}\n\t\t\t\tonClick={() => this._onClick()}\n\t\t\t>\n\t\t\t\t<div class='flex w-full min-w-0 flex-col'>\n\t\t\t\t\t<p class='font-semibold text-storm'>\n\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='header' />}\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='w-full text-sm text-storm-medium'>\n\t\t\t\t\t\t{this.content?.length ? this.content : <slot name='content' />}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t{this.enableAction && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\ticonFlip={this.actionIconFlip}\n\t\t\t\t\t\ticonRotate={this.actionIconRotate}\n\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (this.enableAction) {\n\t\t\tthis.action.emit();\n\t\t}\n\t}\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,kvFAAkvF;;MCY/vF,KAAK,GAAA,MAAA;;;;;AACjB;;AAEG;IACK,OAAO,GAAyC,UAAU;AAElE;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;IACK,UAAU,GAAgB,UAAU;AAE5C;;AAEG;AACK,IAAA,cAAc;AAEtB;;AAEG;AACK,IAAA,gBAAgB;AAExB;;AAEG;AAIH,IAAA,MAAM;IAEN,MAAM,GAAA;AACL,QAAA,QACCA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,KAAK,EAAE,CAAmB,gBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EACxC,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAA,EAE9BD,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACxCA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACjC,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAGA,kBAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACxD,EACJA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EACzC,EAAA,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,OAAO,GAAGA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,EAAG,CAAA,CAC3D,CACC,EAEL,IAAI,CAAC,YAAY,KACjBA,OACC,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAA,IAAA,EACR,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,KAAK,EAAC,eAAe,GACpB,CACF,CACK;;IAID,QAAQ,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;;;;;;;;"}
+{"version":3,"file":"p-toast.entry.cjs.js","sources":["src/components/molecules/toast/toast.component.css?tag=p-toast&encapsulation=shadow","src/components/molecules/toast/toast.component.tsx"],"sourcesContent":[":host {\n\t@apply flex gap-2;\n\t@apply rounded-lg p-2;\n\t@apply bg-dark-teal-600 shadow-3;\n}\n\n/* :host { */\n/* \t@apply flex justify-between items-center gap-2; */\n/* \t@apply w-full p-4 pl-5; */\n/* \t@apply bg-white rounded box-border; */\n/* \t@apply shadow-3 #{!important}; */\n/* \t@apply border-l-4 border-solid #{!important}; */\n/**/\n/* \tp { */\n/* \t\t@apply m-0; */\n/* \t\t@apply overflow-hidden text-ellipsis whitespace-nowrap; */\n/* \t} */\n/* } */\n/**/\n/* :host(.variant-positive) { */\n/* \t@apply border-l-positive  #{!important}; */\n/* } */\n/**/\n/* :host(.variant-unbiased) { */\n/* \t@apply border-l-unbiased  #{!important}; */\n/* } */\n/**/\n/* :host(.variant-negative) { */\n/* \t@apply border-l-negative  #{!important}; */\n/* } */\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { cva } from 'class-variance-authority';\n\nconst indicator = cva('w-[2px] rounded-full h-9 flex-shrink-0', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'bg-supportive-lilac-800',\n\t\t\tpositive: 'bg-positive-green-500',\n\t\t\tbiased: 'bg-amber-500',\n\t\t\tnegative: 'bg-negative-red-500',\n\t\t},\n\t},\n});\n\nconst content = cva([\n\t'flex justify-between items-center gap-2',\n\t'w-[calc(100%-2px-0.5rem)]',\n]);\n\n@Component({\n\ttag: 'p-toast',\n\tstyleUrl: 'toast.component.css',\n\tshadow: true,\n})\nexport class Toast {\n\t/**\n\t * The variant of the toast\n\t */\n\t@Prop() variant: 'neutral' | 'positive' | 'biased' | 'negative' = 'positive';\n\n\t/**\n\t * The header of the toast\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * The content of the toast\n\t */\n\t@Prop() content?: string;\n\n\t/**\n\t * Wether to enable the close button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() actionIcon: IconVariant = 'negative';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() actionIconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() actionIconRotate: RotateOptions;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host onClick={() => this._onClick()}>\n\t\t\t\t<div class={indicator({ variant: this.variant })} />\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t<div class='flex w-full min-w-0 flex-col'>\n\t\t\t\t\t\t<p class='m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-white-500'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot name='header' />}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p class='m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-dark-teal-200'>\n\t\t\t\t\t\t\t{this.content?.length ? this.content : <slot name='content' />}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.enableAction && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='transparent'\n\t\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\ticonFlip={this.actionIconFlip}\n\t\t\t\t\t\t\ticonRotate={this.actionIconRotate}\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (this.enableAction) {\n\t\t\tthis.action.emit();\n\t\t}\n\t}\n}\n"],"names":["cva","h","Host"],"mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,2iGAA2iG;;ACKrkG,MAAM,SAAS,GAAGA,WAAG,CAAC,wCAAwC,EAAE;AAC/D,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,yBAAyB;AAClC,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,MAAM,EAAE,cAAc;AACtB,YAAA,QAAQ,EAAE,qBAAqB;AAC/B,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC;IACnB,yCAAyC;IACzC,2BAA2B;AAC3B,CAAA,CAAC;MAOW,KAAK,GAAA,MAAA;;;;;AACjB;;AAEG;IACK,OAAO,GAAmD,UAAU;AAE5E;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;IACK,UAAU,GAAgB,UAAU;AAE5C;;AAEG;AACK,IAAA,cAAc;AAEtB;;AAEG;AACK,IAAA,gBAAgB;AAExB;;AAEG;AAIH,IAAA,MAAM;IAEN,MAAM,GAAA;QACL,QACCC,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAA,EACnCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,EAAI,CAAA,EACpDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACpBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACxCA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0FAA0F,EAAA,EACjG,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAGA,kBAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACxD,EACJA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uFAAuF,EAC9F,EAAA,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,OAAO,GAAGA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,EAAG,CAAA,CAC3D,CACC,EAEL,IAAI,CAAC,YAAY,KACjBA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAC,aAAa,EACrB,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,KAAK,EAAC,eAAe,EAAA,CACpB,CACF,CACI,CACA;;IAID,QAAQ,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;;;;;;;;"}

package/dist/cjs/p-toggle.cjs.entry.js

@@ -89,11 +89,11 @@ const Toggle = class {
     indeterminateChange;
     _nonce = nonce.nonce(5);
     render() {
-        return (index.h(index.Host, { key: 'de18ff897fad03b1573c395af030918c85c14dbc', class: 'p-checkbox' }, index.h("label", { key: '39518b059357e0819b783714c260e21e2bb84312', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, index.h("div", { key: 'b4d3b931a6804b6097bcf8be11c3a5fe20a711a3', class: 'group relative flex flex-shrink-0 items-center' }, index.h("input", { key: '7f3f9693a4151c96fb3aa30ea228e8ce3f7230bc', class: checkbox({
+        return (index.h(index.Host, { key: '03f996c30613e499b9b747a50381b3edee8bb9aa', class: 'p-checkbox' }, index.h("label", { key: '6fa5dc8016b30550db1151902bc9d096d60ac7ff', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, index.h("div", { key: 'e0dceca257638fcb7a8a12fc00ccce6cb663dc83', class: 'group relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'ad47f39fe26efde679fb5b58a847b06f06bc39ca', class: checkbox({
                 disabled: asBoolean.asBoolean(this.disabled),
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: 'a7f07b292f236531e024c82ceadcf5759efccbce', class: circle({
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: '1ddf03add700642598f311d652c507bb1cf150f2', class: circle({
                 disabled: this.disabled,
-            }) })), index.h("slot", { key: 'eddf9cd1529ba5d217793fbb75af855615c8a0cc' }))));
+            }) })), index.h("slot", { key: '17f844b9ad7132e4c992079f7c702ec03652d227' }))));
     }
     _onChange(ev) {
         if (asBoolean.asBoolean(this.disabled)) {

package/dist/cjs/{table-helpers-DvUvmM0E.js → table-helpers-B8s1ild-.js}

@@ -87,7 +87,7 @@ const floatingMenuContainerClass = index.cva(['sticky self-center'], {
             false: 'my-4 bottom-0',
         },
         active: {
-            false: 'animate-floating-menu-container-out',
+            false: 'pointer-events-none animate-floating-menu-container-out',
             true: 'animate-floating-menu-container-in',
         },
         shown: {
@@ -101,6 +101,6 @@ exports.floatingMenuContainerClass = floatingMenuContainerClass;
 exports.getTableCellColumnClasses = getTableCellColumnClasses;
 exports.getTableCellSizes = getTableCellSizes;
 exports.isTableColumnSizesKey = isTableColumnSizesKey;
-//# sourceMappingURL=table-helpers-DvUvmM0E.js.map
+//# sourceMappingURL=table-helpers-B8s1ild-.js.map
 
-//# sourceMappingURL=table-helpers-DvUvmM0E.js.map
+//# sourceMappingURL=table-helpers-B8s1ild-.js.map

package/dist/cjs/{table-helpers-DvUvmM0E.js.map → table-helpers-B8s1ild-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"table-helpers-DvUvmM0E.js","sources":["src/types/table.ts","src/utils/table-helpers.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n\tidentifier: string;\n\ttext: string | QuickFilterTextFunction;\n\tcount?: number;\n\tdefault?: boolean;\n}\n\nexport interface RowClickEvent {\n\titem: any;\n\tctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n\tvalue: any;\n\titem: any;\n\tindex: number;\n\trowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n\tdefault: number | 'hidden' | 'full';\n\ttablet?: number | 'hidden' | 'full';\n\t'desktop-xs'?: number | 'hidden' | 'full';\n\t'desktop-sm'?: number | 'hidden' | 'full';\n\tdesktop?: number | 'hidden' | 'full';\n\t'desktop-lg'?: number | 'hidden' | 'full';\n\t'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport type TableColumnSizesKey =\n\t| 'default'\n\t| 'tablet'\n\t| 'desktop-xs'\n\t| 'desktop-sm'\n\t| 'desktop'\n\t| 'desktop-lg'\n\t| 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n\tx: TableColumnSizes,\n\tk: PropertyKey\n): k is keyof TableColumnSizes {\n\treturn k in x;\n}\n","import { cva } from 'class-variance-authority';\nimport { TableColumn } from '../components/helpers/table/column/table-column.component';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading'\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\n\treturn {\n\t\tflex: true,\n\t\t'items-center': true,\n\t\t'gap-4': true,\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.type === 'th',\n\t\t'text-storm-dark': variant !== 'header' && definition?.type === 'th',\n\t\t...sizes,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const floatingMenuContainerClass = cva(['sticky self-center'], {\n\tvariants: {\n\t\thasFooter: {\n\t\t\ttrue: 'mt-4 -mb-5 bottom-11 z-[3]',\n\t\t\tfalse: 'my-4 bottom-0',\n\t\t},\n\t\tactive: {\n\t\t\tfalse: 'animate-floating-menu-container-out',\n\t\t\ttrue: 'animate-floating-menu-container-in',\n\t\t},\n\t\tshown: {\n\t\t\tfalse: 'hidden',\n\t\t\ttrue: 'inline-block',\n\t\t},\n\t},\n});\n"],"names":["cva"],"mappings":"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"}
+{"version":3,"file":"table-helpers-B8s1ild-.js","sources":["src/types/table.ts","src/utils/table-helpers.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n\tidentifier: string;\n\ttext: string | QuickFilterTextFunction;\n\tcount?: number;\n\tdefault?: boolean;\n}\n\nexport interface RowClickEvent {\n\titem: any;\n\tctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n\tvalue: any;\n\titem: any;\n\tindex: number;\n\trowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n\tdefault: number | 'hidden' | 'full';\n\ttablet?: number | 'hidden' | 'full';\n\t'desktop-xs'?: number | 'hidden' | 'full';\n\t'desktop-sm'?: number | 'hidden' | 'full';\n\tdesktop?: number | 'hidden' | 'full';\n\t'desktop-lg'?: number | 'hidden' | 'full';\n\t'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport type TableColumnSizesKey =\n\t| 'default'\n\t| 'tablet'\n\t| 'desktop-xs'\n\t| 'desktop-sm'\n\t| 'desktop'\n\t| 'desktop-lg'\n\t| 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n\tx: TableColumnSizes,\n\tk: PropertyKey\n): k is keyof TableColumnSizes {\n\treturn k in x;\n}\n","import { cva } from 'class-variance-authority';\nimport { TableColumn } from '../components/helpers/table/column/table-column.component';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading'\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\n\treturn {\n\t\tflex: true,\n\t\t'items-center': true,\n\t\t'gap-4': true,\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.type === 'th',\n\t\t'text-storm-dark': variant !== 'header' && definition?.type === 'th',\n\t\t...sizes,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const floatingMenuContainerClass = cva(['sticky self-center'], {\n\tvariants: {\n\t\thasFooter: {\n\t\t\ttrue: 'mt-4 -mb-5 bottom-11 z-[3]',\n\t\t\tfalse: 'my-4 bottom-0',\n\t\t},\n\t\tactive: {\n\t\t\tfalse: 'pointer-events-none animate-floating-menu-container-out',\n\t\t\ttrue: 'animate-floating-menu-container-in',\n\t\t},\n\t\tshown: {\n\t\t\tfalse: 'hidden',\n\t\t\ttrue: 'inline-block',\n\t\t},\n\t},\n});\n"],"names":["cva"],"mappings":"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"}

package/dist/collection/collection-manifest.json

@@ -26,6 +26,7 @@
     "components/atoms/floating-menu/item/floating-menu-item.component.js",
     "components/atoms/helper/helper.component.js",
     "components/atoms/iban-icon/iban-icon.component.js",
+    "components/atoms/info-panel/info-panel.component.js",
     "components/atoms/modal/body/modal-body.component.js",
     "components/atoms/modal/container/modal-container.component.js",
     "components/atoms/modal/footer/modal-footer.component.js",
@@ -40,20 +41,19 @@
     "components/atoms/tab/item/tab-item.component.js",
     "components/atoms/table/actions-container/table-container.component.js",
     "components/atoms/table/container/table-row-actions-container.component.js",
+    "components/atoms/toast-container/toast-container.component.js",
     "components/atoms/toggle/toggle.component.js",
     "components/atoms/tooltip/tooltip.component.js",
     "components/deprecated/atoms/counter/counter.component.js",
     "components/deprecated/atoms/drawer/body/drawer-body.component.js",
     "components/deprecated/atoms/drawer/container/drawer-container.component.js",
     "components/deprecated/atoms/drawer/header/drawer-header.component.js",
-    "components/deprecated/atoms/info-panel/info-panel.component.js",
     "components/deprecated/atoms/layout/layout.component.js",
     "components/deprecated/atoms/loader/loader.component.js",
     "components/deprecated/atoms/slider-indicator/slider-indicator.component.js",
     "components/deprecated/atoms/status/status.component.js",
     "components/deprecated/atoms/stepper/item/stepper-item.component.js",
     "components/deprecated/atoms/stepper/line/stepper-line.component.js",
-    "components/deprecated/atoms/toast-container/toast-container.component.js",
     "components/deprecated/molecules/accordion/accordion.component.js",
     "components/deprecated/molecules/attachment/attachment.component.js",
     "components/deprecated/molecules/content-slider/content-slider.component.js",
@@ -61,7 +61,6 @@
     "components/deprecated/molecules/input/error/input-error.component.js",
     "components/deprecated/molecules/input/group/input-group.component.js",
     "components/deprecated/molecules/stepper/stepper.component.js",
-    "components/deprecated/molecules/toast/toast.component.js",
     "components/deprecated/organisms/drawer/drawer.component.js",
     "components/helpers/portal/portal.component.js",
     "components/molecules/button-group/button-group.component.js",
@@ -80,6 +79,7 @@
     "components/molecules/table/cell/table-cell.component.js",
     "components/molecules/table/footer/table-footer.component.js",
     "components/molecules/table/row/table-row.component.js",
+    "components/molecules/toast/toast.component.js",
     "components/organisms/modal/modal.component.js",
     "components/organisms/navbar/navbar.component.js"
   ],

package/dist/collection/components/atoms/info-panel/info-panel.component.css

@@ -0,0 +1 @@
+.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.whitespace-pre-line{white-space:pre-line!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-200{--tw-bg-opacity:1!important;background-color:rgb(237 223 255/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-black-teal-800{--tw-text-opacity:1!important;color:rgb(0 2 2/var(--tw-text-opacity,1))!important}.text-black-teal-800\/60{color:rgba(0,2,2,.6)!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}.hover\:bg-white-500\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\:text-black-teal-800\/60:hover{color:rgba(0,2,2,.6)!important}

package/dist/collection/components/{deprecated/atoms → atoms}/info-panel/info-panel.component.js

@@ -1,9 +1,39 @@
-import { h, Host, } from "@stencil/core";
+import { h, } from "@stencil/core";
+import { cva } from "class-variance-authority";
+const infopanel = cva(['flex flex-col gap-1', 'w-full px-4 py-3', 'rounded-lg relative'], {
+    variants: {
+        variant: {
+            neutral: 'bg-supportive-lilac-200',
+            positive: 'bg-positive-green-100',
+            biased: 'bg-amber-50',
+            negative: 'bg-negative-red-100',
+            unavailable: 'bg-white-700',
+        },
+    },
+});
+const header = cva('text-sm font-medium', {
+    variants: {
+        variant: {
+            neutral: 'text-supportive-lilac-900',
+            positive: 'text-positive-green-800',
+            biased: 'text-amber-800',
+            negative: 'text-negative-red-800',
+            unavailable: 'text-black-teal-800',
+        },
+    },
+});
+const close = cva([
+    'absolute right-2 top-2',
+    'flex items-center justify-center',
+    'rounded-lg cursor-pointer',
+    'text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40',
+    'h-6 w-6',
+]);
 export class InfoPanel {
     /**
      * The variant of the info panel
      */
-    variant = 'info';
+    variant = 'neutral';
     /**
      * The header of the info panel
      */
@@ -25,7 +55,7 @@ export class InfoPanel {
      */
     _el;
     render() {
-        return (h(Host, { key: 'ab91a454216a9c67d91865d75bf0879921e5341f', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: '793c7f4d06484368e0de89e6301a1b21bf186a20', class: 'header' }, h("slot", { key: 'd24b56de36536d0fe4aefd6af0750e21c7e7efc3', name: 'header' })), h("div", { key: 'ab609d1efe8eed0942782cabaf55dc21ff0e6bf7', class: 'content' }, h("slot", { key: '9b93c723ecf1781a75d41a4713870a2070313161', name: 'content' })), this.closeable && (h("div", { key: '776a29f6c9616930ce58ea5e7feded5e9b444324', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '7c3f7b7d5b8522def7b9f120e25a4381c7a4477c', variant: 'negative' })))));
+        return (h("div", { key: 'e5b1b5c58cebe5c16d7def8a2a6435937db2bca8', class: infopanel({ variant: this.variant }) }, h("div", { key: '88bf90eff4209df85d963ee318cbd7a0032e6353', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' }))), h("div", { key: 'ec9cb874f007b96511f6f9046adf5b3732ccb150', class: 'text-sm text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' }))), this.closeable && (h("div", { key: '8eb59dbec8b4759ce1e707910deba2620d82ab14', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'd4a0efeefa805a6b2c791d55045684e1bf1baef2', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();
@@ -35,7 +65,7 @@ export class InfoPanel {
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["info-panel.component.scss"]
+            "$": ["info-panel.component.css"]
         };
     }
     static get styleUrls() {
@@ -50,8 +80,8 @@ export class InfoPanel {
                 "attribute": "variant",
                 "mutable": false,
                 "complexType": {
-                    "original": "'info' | 'negative' | 'positive' | 'unbiased'",
-                    "resolved": "\"info\" | \"negative\" | \"positive\" | \"unbiased\"",
+                    "original": "| 'neutral'\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'unavailable'",
+                    "resolved": "\"biased\" | \"negative\" | \"neutral\" | \"positive\" | \"unavailable\"",
                     "references": {}
                 },
                 "required": false,
@@ -63,7 +93,7 @@ export class InfoPanel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "'info'"
+                "defaultValue": "'neutral'"
             },
             "header": {
                 "type": "string",

package/dist/collection/components/atoms/info-panel/info-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-panel.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/info-panel/info-panel.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,CAAC,EACD,IAAI,EACJ,KAAK,GAEL,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,SAAS,GAAG,GAAG,CACpB,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,qBAAqB,CAAC,EAClE;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,yBAAyB;YAClC,QAAQ,EAAE,uBAAuB;YACjC,MAAM,EAAE,aAAa;YACrB,QAAQ,EAAE,qBAAqB;YAC/B,WAAW,EAAE,cAAc;SAC3B;KACD;CACD,CACD,CAAC;AAEF,MAAM,MAAM,GAAG,GAAG,CAAC,qBAAqB,EAAE;IACzC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,yBAAyB;YACnC,MAAM,EAAE,gBAAgB;YACxB,QAAQ,EAAE,uBAAuB;YACjC,WAAW,EAAE,qBAAqB;SAClC;KACD;CACD,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,wBAAwB;IACxB,kCAAkC;IAElC,2BAA2B;IAC3B,2EAA2E;IAE3E,SAAS;CACT,CAAC,CAAC;AAOH,MAAM,OAAO,SAAS;IACrB;;OAEG;IACK,OAAO,GAKI,SAAS,CAAC;IAE7B;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,OAAO,CAAS;IAExB;;OAEG;IACK,SAAS,GAAY,KAAK,CAAC;IAEnC;;OAEG;IAIH,MAAM,CAAqB;IAE3B;;OAEG;IACgB,GAAG,CAAc;IAEpC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/C,4DAAK,KAAK,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,IAC3C,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CACtB,SAAG,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,MAAM,CAAK,CACjC,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,QAAQ,GAAG,CACtB,CACI;YAEN,4DAAK,KAAK,EAAC,gCAAgC,IACzC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,SAAG,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,OAAO,CAAK,CAClC,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,SAAS,GAAG,CACvB,CACI;YAEL,IAAI,CAAC,SAAS,IAAI,CAClB,4DACC,KAAK,EAAE,KAAK,EAAE,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;gBAE5B,+DAAQ,OAAO,EAAC,UAAU,GAAG,CACxB,CACN,CACI,CACN,CAAC;IACH,CAAC;IAEO,MAAM;QACb,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACnB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;IACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tElement,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst infopanel = cva(\n\t['flex flex-col gap-1', 'w-full px-4 py-3', 'rounded-lg relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tneutral: 'bg-supportive-lilac-200',\n\t\t\t\tpositive: 'bg-positive-green-100',\n\t\t\t\tbiased: 'bg-amber-50',\n\t\t\t\tnegative: 'bg-negative-red-100',\n\t\t\t\tunavailable: 'bg-white-700',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst header = cva('text-sm font-medium', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'text-supportive-lilac-900',\n\t\t\tpositive: 'text-positive-green-800',\n\t\t\tbiased: 'text-amber-800',\n\t\t\tnegative: 'text-negative-red-800',\n\t\t\tunavailable: 'text-black-teal-800',\n\t\t},\n\t},\n});\n\nconst close = cva([\n\t'absolute right-2 top-2',\n\t'flex items-center justify-center',\n\n\t'rounded-lg cursor-pointer',\n\t'text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40',\n\n\t'h-6 w-6',\n]);\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.css',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'unavailable' = 'neutral';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={infopanel({ variant: this.variant })}>\n\t\t\t\t<div class={header({ variant: this.variant })}>\n\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t<p class='my-0'>{this.header}</p>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div class='text-sm text-black-teal-800/60'>\n\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t<p class='my-0'>{this.content}</p>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={close()}\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"]}

package/dist/collection/components/atoms/modal/body/modal-body.component.js

@@ -22,10 +22,10 @@ export class ModalBody {
      */
     roundedTop = false;
     render() {
-        return (h("div", { key: '0b68af2e1c687d45d448cd82e2cea8401b3611fc', class: body({
+        return (h("div", { key: '00e169e125fe84577a1c1788a97547a48bc6319e', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, h("slot", { key: '125e5daf894181f831c786c5102f8d973fda52c9' })));
+            }) }, h("slot", { key: '4cafd18d5a56432d8570ff01937cf3a312845837' })));
     }
     static get is() { return "p-modal-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/container/modal-container.component.js

@@ -31,10 +31,10 @@ export class ModalContainer {
      */
     closing = false;
     render() {
-        return (h("div", { key: '46fc0d9f3f4a7c161755797ec818bcc8deb3749d', class: container({
+        return (h("div", { key: 'b079f96f914485e5faafc28d4fcf6f599df40017', class: container({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '4e654a0311d4c3365c47183bb22a3ecc66464371' })));
+            }) }, h("slot", { key: 'de73a4416020ac67919f79f95dcde669a2a9a38c' })));
     }
     static get is() { return "p-modal-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/footer/modal-footer.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ModalFooter {
     render() {
-        return (h("div", { key: 'e1bced1b6180411bcc71f9fc2f52770f257db8dd', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'b39d82a4618735821235cf69d57932f30163fc68', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '7f088b4e8f770302044324402b4efa1a7e7ec68a', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: '146bc5b845b3320f41d4fce6574654c1ad97c1d7' }))));
+        return (h("div", { key: 'b26fbd0a806a1108a5f0a99fb3742e16583d21c7', class: 'flex flex-col rounded-b-none bg-white pb-4 desktop-xs:rounded-b-2xl' }, h("p-divider", { key: '5f81afb1d984b9bb344514a46d2213c389a39a84', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '8f116e088fc1903c3802857549991b58dca94a20', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: 'ae003d4eb05149d7ffbe16423dcf3c51d377a6a5' }))));
     }
     static get is() { return "p-modal-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/modal/header/modal-header.component.js

@@ -20,7 +20,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h("div", { key: '5e773c6e7cf686f56016f622b219b5e8d8e003e7', class: header() }, h("div", { key: 'e95b94a1ec12e126dcd3d362c73fe5810ffd5d5e', class: content() }, h("div", { key: '32fbc3f8ef273092c6a8725d36a6723b8632c734', class: title() }, h("slot", { key: '5b3f5418170d2400dfc8950cbfb1893235dd023c' })), this.showClose && (h("p-button", { key: '7d5f5ff3cd16cd774a3806d25fe05be5da551679', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '11c8cf9ea905e2c4e3e053c4e8d6e3e56aae8952' })));
+        return (h("div", { key: '4764db4317a8aeac99204e3b92d701c407d31224', class: header() }, h("div", { key: 'fc4bf7f7614f724618e85454f6184bffbd844a25', class: content() }, h("div", { key: 'c3f5a95b23c75deb933b5943abcaf673902e301b', class: title() }, h("slot", { key: '62be3362c33e518fcb537e92438a3a15a2ee63f4' })), this.showClose && (h("p-button", { key: '278520cb9dc418f667fe0b3a674ede618d511bcd', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'e2aee7fa8158671e33d0cfc6c9c402b543b10df8' })));
     }
     static get is() { return "p-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/navigation-title/navigation-title.component.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class NavigationTitle {
     render() {
-        return (h(Host, { key: '09317724a6ceb2281ca9cacd54b7f8e1598e69ad', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '1b3eb9926e3141614c13925fc7144a873a08debc' })));
+        return (h(Host, { key: 'f715de789e2cce68cad7643c09b45f2bc731d74f', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '0ce6c6de9eb53305bb74f68c9ccd8fea2a173a06' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.js

@@ -77,12 +77,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h(Host, { key: '2f2fcfd88af52f034a67cb17d7705d88af139a26', class: item({
+        return (h(Host, { key: '3bc01024ca7b57b8c3a23a248bcdc6e0773a1ee4', class: item({
                 variant: this.variant,
                 active: this.active,
                 hover: this.hover,
                 disabled: this.disabled,
-            }) }, h("slot", { key: 'e3e952e6c60cc3154d8e4006a3a0495799d50e07' })));
+            }) }, h("slot", { key: 'bddcd5a3e1b840ad5817672da820e0a4cb2d1e7f' })));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/radio/radio.component.js

@@ -76,11 +76,11 @@ export class Radio {
     checkedChange;
     _nonce = nonce(5);
     render() {
-        return (h(Host, { key: '122d0ee383e11106e83e7d83663c917c2779d4ab', class: 'p-radio' }, h("label", { key: '1edf7967a674f034bb1af9a5d2838d62f42b6fb1', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '97ecfb6ebe5648a19f5eaff82c285caa96b8e159', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '7098e9d81cd35d314b99f42f11cc986e904db20b', class: radio({
+        return (h(Host, { key: '777154d1da535ef5178f1089e2b9342dbc131f14', class: 'p-radio' }, h("label", { key: '5cfb49b5f85c6ed0b7f9d739b329ddd0104fbb16', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'd661355108efacee0145b1d8a1c8132e2439cafb', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '842074a3a5f22d9453b825e6c3f257ffb5e90540', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '0a30882b36cfe566d8071dca4e8f7465dec43b68', class: circle({
+            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '0c591aa34d34c8ba7c7348f8d5a0301eea47f9dd', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: '7ffdc1aad34f33fa579f3c928aa22a9d78d9f491' }))));
+            }) })), h("slot", { key: 'efb3137642b741575edd13cc87828bee17b2cd2f' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

package/dist/collection/components/atoms/segment/container/segment-container.component.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SegmentContainer {
     render() {
-        return (h(Host, { key: '28e6c5b25d68f88e8ed4807d40b8303555190965', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'c12c34f0c05f081a7eadc1bef351a2a0002e3648' })));
+        return (h(Host, { key: 'fabf464a64ebc0f7d613f43c25b2b749e3008c9f', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: '7444de85732e6f55c46bbc5a43d0e608606ec1e5' })));
     }
     static get is() { return "p-segment-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/segment/item/segment-item.component.js

@@ -49,11 +49,11 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(Host, { key: '4c66e42af52ffc7f06bfb16679edc8b216d2127e', class: segmentItem({
+        return (h(Host, { key: 'c368256e651e37d181e3d63515680eed7450a0c2', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: '02958953a85004632bda6816301a367b820ce918', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
+            }) }, this.icon && (h("p-icon", { key: '0e3e7f71c5142729a2bcc338512ab85bfa5ddc86', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
     }
     static get is() { return "p-segment-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/smile/smile.component.js

@@ -15,7 +15,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '3f05b17004d9a7091323ad20fde0441a2fa8c6ae', class: smile({ variant: this.variant }) }, h("div", { key: '4e706d2a5ef549e095610efe53a3b341c63528ff', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
+        return (h(Host, { key: 'dd204fac740f45cd60cc3185a5b9f8e93817093d', class: smile({ variant: this.variant }) }, h("div", { key: 'c06af2a6dac00fc410d45026eb08c5e1f8971f16', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
     }
     static get is() { return "p-smile"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/tab/container/tab-container.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TabContainer {
     render() {
-        return (h("div", { key: '7a92e7f3d8b1a44b2cf4e353af39dcb86c8997e6', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '0870c0ce5fc5dc213a856ef80e199d8aa216a854', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '8fd53d082e395c669512cfb5123c9f0e0bc709d5' })), h("p-divider", { key: '1be80168ab3c81d29b13e86b66f9b17a03697ca4', class: 'absolute bottom-0 left-0 m-0 w-full' })));
+        return (h("div", { key: 'a8882108a6853c2fdcb85982c83ca07b56ba508a', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: 'c27758f9bbae7de3a642f5d6c2f891e5f13d0e72', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: 'c4ffcdb9f0a23b4ec694616b20e71609cb94fa7e' })), h("p-divider", { key: 'bdc35dcfc7c90f5c0f2a0a7f9e1a507aa0e8c448', class: 'absolute bottom-0 left-0 m-0 w-full' })));
     }
     static get is() { return "p-tab-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/tab/item/tab-item.component.js

@@ -18,7 +18,7 @@ export class TabItem {
      */
     active = false;
     render() {
-        return (h("div", { key: 'b2e6fc3db6dbf6475ffe66d9fc9fc71909b975ab', class: item({ active: this.active }) }, h("slot", { key: '94658deb7f166ea52f389078c15eb4511a17ac31' })));
+        return (h("div", { key: 'a006ac05f12fd029e19b292150b9bac24bdb40de', class: item({ active: this.active }) }, h("slot", { key: '3494755fef6cf3b1965e777291da544d547cd89b' })));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/table/actions-container/table-container.component.js

@@ -3,7 +3,7 @@ import { cva } from "class-variance-authority";
 const container = cva('flex flex-col relative');
 export class TableContainer {
     render() {
-        return (h(Host, { key: '72f9285d7088ce7866b39011f15e22a68e208f3c', class: container() }, h("slot", { key: '252fc0ab17597ce792beca72b648d29d07231cdf' })));
+        return (h(Host, { key: 'c551eb638e006ba3b0eff1cbc1208e2350c0b8b2', class: container() }, h("slot", { key: 'efc0f73ec57ce3deefe1b9fa57833686c9d07787' })));
     }
     static get is() { return "p-table-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/table/container/table-row-actions-container.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TableRowActionsContainer {
     render() {
-        return (h("div", { key: '219072101865d950c7c2cefea775c3c8fdaa93e8', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: '1ed8292f297b644749c06265a2d8efffe4cd2e41', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: 'd31cedd3929fc5f439ed3b1307670eba7de8a51d' }))));
+        return (h("div", { key: '701a1e912c635adf829729438bf2592cae7f9925', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: '1391a931a68be15f1401248100d1816c29d8f2c6', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: '08640edee139207c93b727bdd6cbd167f626845b' }))));
     }
     static get is() { return "p-table-row-actions-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/toast-container/toast-container.component.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.bottom-\[calc\(env\(safe-area-inset-bottom\2c 0\)\+1rem\)\]{bottom:calc(env(safe-area-inset-bottom,0) + 1rem)!important}.left-\[calc\(env\(safe-area-inset-left\2c 0\)\+1rem\)\]{left:calc(env(safe-area-inset-left,0) + 1rem)!important}.right-\[calc\(env\(safe-area-inset-right\2c 0\)\+1rem\)\]{right:calc(env(safe-area-inset-right,0) + 1rem)!important}.top-\[calc\(env\(safe-area-inset-top\2c 0\)\+1rem\)\]{top:calc(env(safe-area-inset-top,0) + 1rem)!important}.z-\[600\]{z-index:600!important}.z-toast{z-index:700!important}.flex{display:flex!important}.max-w-\[calc\(100\%-\(env\(safe-area-inset-left\2c 0\)\+env\(safe-area-inset-right\2c 0\)\+2rem\)\)\]{max-width:calc(100% - env(safe-area-inset-left,0) - env(safe-area-inset-right,0) - 2rem)!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\:max-w-\[26\.5rem\]{max-width:26.5rem!important}}