@paperless/core 2.0.1-beta.21 → 2.0.1-beta.23

package/dist/collection/components/{atoms → molecules}/label/label.component.js

@@ -1,24 +1,56 @@
 import { h, Host } from "@stencil/core";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../utils/cn";
+const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full'], {
+    variants: {
+        variant: {
+            positive: 'bg-positive-green-100 text-positive-green-800',
+            biased: 'bg-amber-100  text-amber-800',
+            negative: 'bg-negative-red-100 text-negative-red-800',
+            neutral: 'bg-supportive-lilac-100 text-supportive-lilac-900',
+            unavailable: 'bg-white-700 text-dark-teal-800',
+        },
+        iconOnly: {
+            false: 'px-2',
+            true: 'p-2 w-6',
+        },
+        keepMobileContent: {
+            false: null,
+            true: null,
+        },
+    },
+    compoundVariants: [
+        {
+            keepMobileContent: false,
+            iconOnly: false,
+            class: 'p-2 w-6 desktop-xs:w-auto desktop-xs:py-0',
+        },
+    ],
+});
 export class Label {
     constructor() {
         this.variant = 'neutral';
-        this.behavior = 'circle';
-        this.iconPosition = 'start';
+        this.iconOnly = false;
         this.icon = undefined;
         this.iconFlip = undefined;
         this.iconRotate = undefined;
-        this.size = 'default';
         this.keepMobileContent = false;
     }
     render() {
-        return (h(Host, { key: '8ba10d3dc16336fa12a22be608713816e04c3aa0', class: "p-label" }, this.icon && this.iconPosition === 'start' && (h("p-icon", { key: '34f7daa79756f34cb957d9cfb1bb6f0e71ff5dc7', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), (this.behavior === 'circle' ||
-            this.behavior === 'combination') && (h("div", { key: 'daf1ac4d3f85cbc542db3ff74de2901254b4758a', class: "circle" })), h("div", { key: 'f8481d947f4e51bd94c63179707816ca8e2b5696', class: "content" }, h("slot", { key: '81bf0d5bff0879b811d66234f3dfe6e03ce3b13f' })), this.icon && this.iconPosition === 'end' && (h("p-icon", { key: '46ebacc526e2f28a4b1a4c6df09bfaf18bd490be', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }))));
+        return (h(Host, { key: 'b65dfe6ae11bfa1309561cd1aa1fb0c2c71b5535', class: 'p-label' }, h("div", { key: '4e6b4648f1778aadee757fab902bae7281f5a5ff', class: label({
+                variant: this.variant,
+                iconOnly: this.iconOnly,
+                keepMobileContent: this.keepMobileContent,
+            }) }, this.icon && (h("p-icon", { key: 'a1ef1bf1d58046c3ceeadb1def0030b547a6297c', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '961a9f05c969fdb3b1d31f706a370084dd365ab1', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+                hidden: !this.keepMobileContent,
+                'desktop-xs:block': !this.keepMobileContent,
+            }) }, h("slot", { key: 'ffa41b6d694819b6b438c4ea58485e78c41d34a6' }))))));
     }
     static get is() { return "p-label"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["label.component.scss"]
+            "$": ["label.component.css"]
         };
     }
     static get styleUrls() {
@@ -32,8 +64,8 @@ export class Label {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "| 'neutral'\n\t\t| 'positive'\n\t\t| 'unbiased'\n\t\t| 'negative'\n\t\t| 'special'\n\t\t| 'info'",
-                    "resolved": "\"info\" | \"negative\" | \"neutral\" | \"positive\" | \"special\" | \"unbiased\"",
+                    "original": "| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'neutral'\n\t\t| 'unavailable'",
+                    "resolved": "\"biased\" | \"negative\" | \"neutral\" | \"positive\" | \"unavailable\"",
                     "references": {}
                 },
                 "required": false,
@@ -48,45 +80,25 @@ export class Label {
                 "reflect": true,
                 "defaultValue": "'neutral'"
             },
-            "behavior": {
-                "type": "string",
+            "iconOnly": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "| 'icon'\n\t\t| 'circle'\n\t\t| 'combination'\n\t\t| 'text'\n\t\t| 'icon-only'",
-                    "resolved": "\"circle\" | \"combination\" | \"icon\" | \"icon-only\" | \"text\"",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Define the behavior of the label"
+                    "text": "Wether to only show the icon"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "behavior",
+                "attribute": "icon-only",
                 "reflect": true,
-                "defaultValue": "'circle'"
-            },
-            "iconPosition": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'start' | 'end'",
-                    "resolved": "\"end\" | \"start\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Icon position"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "icon-position",
-                "reflect": false,
-                "defaultValue": "'start'"
+                "defaultValue": "false"
             },
             "icon": {
                 "type": "string",
@@ -97,7 +109,7 @@ export class Label {
                     "references": {
                         "IconVariant": {
                             "location": "import",
-                            "path": "../icon/icon.component",
+                            "path": "../../atoms/icon/icon.component",
                             "id": "src/components/atoms/icon/icon.component.tsx::IconVariant"
                         }
                     }
@@ -122,7 +134,7 @@ export class Label {
                     "references": {
                         "IconFlipOptions": {
                             "location": "import",
-                            "path": "../icon/icon.component",
+                            "path": "../../atoms/icon/icon.component",
                             "id": "src/components/atoms/icon/icon.component.tsx::IconFlipOptions"
                         }
                     }
@@ -163,26 +175,6 @@ export class Label {
                 "attribute": "icon-rotate",
                 "reflect": false
             },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'small' | 'default'",
-                    "resolved": "\"default\" | \"small\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The size of the label"
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "size",
-                "reflect": true,
-                "defaultValue": "'default'"
-            },
             "keepMobileContent": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/molecules/label/label.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/label/label.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,KAAK,GAAG,GAAG,CAChB,CAAC,wCAAwC,EAAE,kBAAkB,CAAC,EAC9D;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,QAAQ,EAAE,+CAA+C;YACzD,MAAM,EAAE,8BAA8B;YACtC,QAAQ,EAAE,2CAA2C;YACrD,OAAO,EAAE,mDAAmD;YAC5D,WAAW,EAAE,iCAAiC;SAC9C;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,SAAS;SACf;QACD,iBAAiB,EAAE;YAClB,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,IAAI;SACV;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,iBAAiB,EAAE,KAAK;YACxB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,2CAA2C;SAClD;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,KAAK;;uBASE,SAAS;wBAKiB,KAAK;;;;iCAoBI,KAAK;;IAE3D,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAC,SAAS;YACpB,4DACC,KAAK,EAAE,KAAK,CAAC;oBACZ,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;iBACzC,CAAC;gBAED,IAAI,CAAC,IAAI,IAAI,CACb,+DACC,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF;gBAEA,CAAC,IAAI,CAAC,QAAQ,IAAI,CAClB,4DACC,KAAK,EAAE,EAAE,CACR,gEAAgE,EAChE;wBACC,MAAM,EAAE,CAAC,IAAI,CAAC,iBAAiB;wBAC/B,kBAAkB,EAAE,CAAC,IAAI,CAAC,iBAAiB;qBAC3C,CACD;oBAED,8DAAQ,CACH,CACN,CACI,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../utils/cn';\n\nconst label = cva(\n\t['flex items-center justify-center gap-2', 'h-6 rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tpositive: 'bg-positive-green-100 text-positive-green-800',\n\t\t\t\tbiased: 'bg-amber-100  text-amber-800',\n\t\t\t\tnegative: 'bg-negative-red-100 text-negative-red-800',\n\t\t\t\tneutral: 'bg-supportive-lilac-100 text-supportive-lilac-900',\n\t\t\t\tunavailable: 'bg-white-700 text-dark-teal-800',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'p-2 w-6',\n\t\t\t},\n\t\t\tkeepMobileContent: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tkeepMobileContent: false,\n\t\t\t\ticonOnly: false,\n\t\t\t\tclass: 'p-2 w-6 desktop-xs:w-auto desktop-xs:py-0',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-label',\n\tstyleUrl: 'label.component.css',\n\tshadow: true,\n})\nexport class Label {\n\t/**\n\t * Variant of the label\n\t */\n\t@Prop({ reflect: true }) variant:\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'neutral'\n\t\t| 'unavailable' = 'neutral';\n\n\t/**\n\t * Wether to only show the icon\n\t */\n\t@Prop({ reflect: true }) iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the label\n\t */\n\t@Prop({ reflect: true }) icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Wether to keep the content on mobile\n\t */\n\t@Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-label'>\n\t\t\t\t<div\n\t\t\t\t\tclass={label({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\ticonOnly: this.iconOnly,\n\t\t\t\t\t\tkeepMobileContent: this.keepMobileContent,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!this.iconOnly && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t\t'flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\thidden: !this.keepMobileContent,\n\t\t\t\t\t\t\t\t\t'desktop-xs:block': !this.keepMobileContent,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/molecules/navigation-item/navigation-item.component.js

@@ -43,10 +43,10 @@ export class NavigationItem {
     render() {
         const TagType = this.as;
         const active = this.active || this.class?.includes('active');
-        return (h(Host, { key: 'd87d8e76973078637e8c2d184b495d630f4fd556', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'db37312225ef973cb75c71b0b0b918ed2f8799c3', class: navigationItem({
+        return (h(Host, { key: 'f87e67e61239b95e49d93b9bd07686b7b70477a9', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '67c327313aa12d7fe54389bc298ca23b3e17437a', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '5f56c4395729260e25e6a71da5ac716b09193bd5', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '0cc4e9b0f0cdf1ad574ef8ba5b8b80f3ce376d3f', variant: this.icon })), h("span", { key: 'a52984e8227ec3af005d1b240944ff85ba58a37e', class: this.counter && 'has-counter' }, h("slot", { key: 'eaa1a3e88f0d7517fc383d96fae3194522e4efb1' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'eb7b69d6235d7f1c72ca1045255d70764a9b179d' }, this.counter)), !!this.loading && h("p-loader", { key: '081c5f8b49dfb3a80429815de87f717cd70e39ae', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: 'b1de70235c4bb1bff509db3f1723c106e50614d9', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'debe4fce9441178c12c4198cab3c94247db0cd49', variant: this.icon })), h("span", { key: 'f6e9daee27dc7fc467c1d6e5d50b3f2d9aaa3cf8', class: this.counter && 'has-counter' }, h("slot", { key: 'c10c72c8c3ad0f8b238ed69636ca2b8e3291dc44' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '4bb1889d85efdac8e80a398fcb3769dc55b26ee3' }, this.counter)), !!this.loading && h("p-loader", { key: '80b43031e00df08c342df9872caa928dcbc87650', class: 'ml-auto' }))));
     }
     static get is() { return "p-navigation-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/navigation-section/navigation-section.component.js

@@ -4,7 +4,7 @@ export class NavigationSection {
         this.header = undefined;
     }
     render() {
-        return (h(Host, { key: '796e5ed44de63dc1f59630dad492272b6451ed0e', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '09d6b3680a110b5cd88d5cc9b5265c4b604c8ab3' }, this.header)), h("div", { key: '646ea16ad875dcfdf40aeb12657d946c39f44b3b', class: 'flex flex-col' }, h("slot", { key: 'c11b12a07b3a65b5ca1e8d61910d8a5160e32ea7' }))));
+        return (h(Host, { key: '2498f9f2121a61e9a086faa32e676ac8a59bbe7b', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '04a310fc04574b350c1d36cb57b23537a25a8b6e' }, this.header)), h("div", { key: 'd444fee83c080992f04ed3e0c977b8687198633c', class: 'flex flex-col' }, h("slot", { key: 'fde7c2c5be6223b0ae89c2708c74bd0d840de2f1' }))));
     }
     static get is() { return "p-navigation-section"; }
     static get originalStyleUrls() {

package/dist/collection/components/molecules/pagination/pagination.component.js

@@ -16,7 +16,7 @@ export class Pagination {
         this._generate();
     }
     render() {
-        return (h(Host, { key: '81016401bd076834a83260a0a081fc738867c08e', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
+        return (h(Host, { key: 'b78ab074e0cbaf260070e2ae6689c58d44474132', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
                 return (h("p-pagination-item", { onClick: () => p.type === 'previous'
                         ? this._previousClick()

package/dist/collection/components/molecules/profile/profile.component.js

@@ -26,7 +26,7 @@ export class Profile {
     }
     render() {
         const content = this._getContent();
-        return (h(Host, { key: '1ff9fb75ed53f1e4c9e53dd942f150fae77484d4', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (h(Host, { key: '9313ef616b33a4491b7a8bd6ebe647b3e334c168', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), h("div", { slot: 'items' }, h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

package/dist/collection/components/molecules/select/select.component.js

@@ -174,7 +174,7 @@ export class Select {
         }
     }
     render() {
-        return (h(Host, { key: '9090270a3b0048ffbe8e8c37cbbcca384daf5f4d', class: 'p-select' }, h("p-dropdown", { key: '6050a5d6358631b969c9675e5ae070def18b7f58', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-field-container", { key: '074697f053f77cd31719f4b892cdd329061f8d9f', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: '0b5986bf4408654eba76d85a5d43988971af866b', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '6bb8b4780aca7a525377c55611fba654764deaf5', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (h(Host, { key: 'bbcf5a411b3516151b5cde49e83e637e8f275d6d', class: 'p-select' }, h("p-dropdown", { key: '0a75a3e234fe53fd205cda607860b12ae864c998', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-field-container", { key: 'd09b7269c07ab493d9372481165f88c383210230', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: 'ae1626f92d3a509e0cab45faa11a9965b12d27aa', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '9d53222285fdc827c4df5468e38a491399496f01', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {

package/dist/collection/components/molecules/stepper/stepper.component.js

@@ -91,7 +91,7 @@ export class Stepper {
         this._generateSteps(true);
     }
     render() {
-        return (h(Host, { key: '08618e878d073d704ee23f62df4c855d4a0cb86d', class: 'p-stepper' }, h("slot", { key: 'd8dd06cb1ee5d662ea3b8aa4379b0d1e8877dbbd', onSlotchange: this._onSlotChange })));
+        return (h(Host, { key: 'dab66ec915bdfc6db37204746035c9fa25beb364', class: 'p-stepper' }, h("slot", { key: '614787c115b5f21dd50d589acfb830c84fc84173', onSlotchange: this._onSlotChange })));
     }
     _onActiveStepChange() {
         this._generateSteps();

package/dist/collection/components/molecules/table-cell/table-cell.component.js

@@ -83,7 +83,7 @@ export class TableCell {
         };
     }
     render() {
-        return (h(Host, { key: '9d0c40d23049e13123b42e026cf617abe4e5f5f0', class: {
+        return (h(Host, { key: 'e9622200c7747ae2dd3611252f87c1781ecfc0c0', class: {
                 'p-table-cell': true,
                 [`variant-${this.variant}`]: true,
                 ...this._getColumnClasses(),

package/dist/collection/components/molecules/table-footer/table-footer.component.js

@@ -35,7 +35,7 @@ export class TableFooter {
     }
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
-        return (h(Host, { key: '5d741b128761060367791b642d9105ab84b85fbd', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-page-size-select", { key: 'f2cd843ef2002d2c5efeeb6e0b0cc19e9ddcc459', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: 'ba98725795479f4394f389af953a3691bc652504', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination", { key: 'a450cb9a2b7fcbb0ee63cd33466d4df2a34938e6', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'ae71744adf3ed536d30570e69d7f54f6bd411028', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+        return (h(Host, { key: '16588e28b4c1a74e0d8fd1324ad0ca5f3d9764ec', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-page-size-select", { key: 'a09d397cc4f1792809aa2226280baf00db625b51', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: '949f8e777163603ad66142ec7da8957c8eeb4600', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination", { key: '296c3e4d342def9fd72fff8c6d27561b3fbab522', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'be27ba3f224e267b80f43d03d07be3359f22ef76', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);

package/dist/collection/components/molecules/table-header/table-header.component.js

@@ -80,7 +80,7 @@ export class TableHeader {
             : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
     }
     _getLabel(amount, variant = 'default') {
-        return (h("p-label", { size: 'small', variant: 'negative', behavior: 'text', class: `ml-1 ${variant === 'default'
+        return (h("p-badge", { class: `ml-1 ${variant === 'default'
                 ? 'hidden desktop-xs:flex'
                 : 'flex desktop-xs:hidden'}` }, amount));
     }

package/dist/collection/components/molecules/table-header/table-header.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-header.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/table-header/table-header.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { debounceTime, distinctUntilChanged, Subject } from 'rxjs';\nimport { IconVariant } from '../../../components';\nimport { QuickFilter } from '../../../types/table';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\n\nexport type templateFunc = () => string;\nexport type buttonTemplateFunc = (amount: number) => string;\n\n@Component({\n\ttag: 'p-table-header',\n\tstyleUrl: 'table-header.component.scss',\n\tshadow: true,\n})\nexport class TableHeader {\n\tprivate _defaultFilterButtonTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.filter);\n\tprivate _defaultActionButtonTemplate: buttonTemplateFunc = (amount: number) =>\n\t\tthis.actionText\n\t\t\t? this.actionText\n\t\t\t: formatTranslation(\n\t\t\t\t\tamount === 0\n\t\t\t\t\t\t? this._locales.edit\n\t\t\t\t\t\t: amount === 1\n\t\t\t\t\t\t? this._locales.edit_single\n\t\t\t\t\t\t: this._locales.edit_plural,\n\t\t\t\t\t{ amount }\n\t\t\t  );\n\n\t/**\n\t * Quick filters to show\n\t */\n\t@Prop() quickFilters: QuickFilter[] = [];\n\n\t/**\n\t * Active quick filter identifier\n\t */\n\t@Prop() activeQuickFilterIdentifier: string;\n\n\t/**\n\t * Wether we want to show loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show the search input\n\t */\n\t@Prop() enableSearch: boolean = true;\n\n\t/**\n\t * The amount of items that are selected\n\t */\n\t@Prop() itemsSelectedAmount: number = 0;\n\n\t/**\n\t * The query to show in the search bar\n\t */\n\t@Prop({ mutable: true }) query: string;\n\n\t/**\n\t * Wether to show the filter button\n\t */\n\t@Prop() enableFilter: boolean = true;\n\n\t/**\n\t * Wether to show the filter button on desktop\n\t */\n\t@Prop() enableFilterDesktop: boolean = true;\n\n\t/**\n\t * The amount of filters being selected\n\t */\n\t@Prop() selectedFiltersAmount: number;\n\n\t/**\n\t * The template for the filter button text\n\t */\n\t@Prop() filterButtonTemplate: templateFunc =\n\t\tthis._defaultFilterButtonTemplate;\n\n\t/**\n\t * Wether to show the action button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * Wether the action button is loading\n\t */\n\t@Prop() actionLoading: boolean = false;\n\n\t/**\n\t * The action button icon\n\t */\n\t@Prop() actionIcon: IconVariant = 'pencil';\n\n\t/**\n\t * The action button text if changed\n\t */\n\t@Prop() actionText: string;\n\n\t/**\n\t * Wether to enable the action button\n\t */\n\t@Prop({ mutable: true }) canUseAction: boolean = false;\n\n\t/**\n\t * The template for the action button text\n\t */\n\t@Prop() actionButtonTemplate: buttonTemplateFunc =\n\t\tthis._defaultActionButtonTemplate;\n\n\t/**\n\t * Event when one of the quick filters is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tquickFilter: EventEmitter<QuickFilter>;\n\n\t/**\n\t * Event when the query changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the filter button is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tfilter: EventEmitter<null>;\n\n\t/**\n\t * Event when the action button is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tprivate _queryObserver = new Subject<string>();\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._queryObserver\n\t\t\t.pipe(debounceTime(300), distinctUntilChanged())\n\t\t\t.subscribe(value => this.queryChange.emit(value));\n\t}\n\n\trender() {\n\t\tconst activeQuickFilter = this.quickFilters.find(\n\t\t\tf => f.identifier === this.activeQuickFilterIdentifier\n\t\t);\n\t\tconst mobileTotal =\n\t\t\t(this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);\n\n\t\tconst hasCustomFilterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"custom-filter\"]'\n\t\t);\n\n\t\tconst hasCustomActionsSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"custom-actions\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<Host class='p-table-header'>\n\t\t\t\t{this.loading && (\n\t\t\t\t\t<p-loader\n\t\t\t\t\t\tvariant='ghost'\n\t\t\t\t\t\tclass='hidden h-8 w-3/4 rounded desktop-xs:flex'\n\t\t\t\t\t></p-loader>\n\t\t\t\t)}\n\n\t\t\t\t{!this.loading &&\n\t\t\t\t\t(hasCustomFilterSlot || this.quickFilters.length > 0) && (\n\t\t\t\t\t\t<div class='left-side flex flex-col justify-start gap-4 desktop-xs:flex-row'>\n\t\t\t\t\t\t\t{hasCustomFilterSlot && <slot name='custom-filter' />}\n\n\t\t\t\t\t\t\t{this.quickFilters.length > 0 && (\n\t\t\t\t\t\t\t\t<p-segment-container class='hidden desktop-xs:flex'>\n\t\t\t\t\t\t\t\t\t{this.quickFilters.map(item => (\n\t\t\t\t\t\t\t\t\t\t<p-segment-item\n\t\t\t\t\t\t\t\t\t\t\tactive={\n\t\t\t\t\t\t\t\t\t\t\t\titem.identifier === this.activeQuickFilterIdentifier\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => this.quickFilter.emit(item)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{typeof item.text === 'string' ? item.text : item.text()}{' '}\n\t\t\t\t\t\t\t\t\t\t\t{item?.count >= 0 ? `(${item.count})` : ''}\n\t\t\t\t\t\t\t\t\t\t</p-segment-item>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</p-segment-container>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t<div class='right-side flex flex-col justify-end gap-4 desktop-xs:flex-row'>\n\t\t\t\t\t{this.enableSearch && (\n\t\t\t\t\t\t<p-field\n\t\t\t\t\t\t\ticon='search'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\tclass='desktop-xs:w-48'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype='text'\n\t\t\t\t\t\t\t\tslot='input'\n\t\t\t\t\t\t\t\tplaceholder='Zoeken...'\n\t\t\t\t\t\t\t\tvalue={this.query}\n\t\t\t\t\t\t\t\tonInput={ev =>\n\t\t\t\t\t\t\t\t\tthis._queryObserver.next(\n\t\t\t\t\t\t\t\t\t\t(ev.target as HTMLInputElement).value\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</p-field>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enableFilter && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\ticon='filter'\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\tclass={`w-full ${\n\t\t\t\t\t\t\t\tthis.enableFilterDesktop\n\t\t\t\t\t\t\t\t\t? 'desktop-xs:w-auto'\n\t\t\t\t\t\t\t\t\t: 'desktop-xs:hidden'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\tonClick={() => this.filter.emit()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.filterButtonTemplate\n\t\t\t\t\t\t\t\t? this.filterButtonTemplate()\n\t\t\t\t\t\t\t\t: this._defaultFilterButtonTemplate()}\n\t\t\t\t\t\t\t{this.selectedFiltersAmount &&\n\t\t\t\t\t\t\t\tthis._getLabel(this.selectedFiltersAmount)}\n\t\t\t\t\t\t\t{mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile')}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enableAction && this._buttonTemplate()}\n\n\t\t\t\t\t{hasCustomActionsSlot && <slot name='custom-actions' />}\n\t\t\t\t</div>\n\n\t\t\t\t{this.enableAction && this.canUseAction && (\n\t\t\t\t\t<div class='fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden'>\n\t\t\t\t\t\t{this._buttonTemplate(true)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _buttonTemplate(mobile = false) {\n\t\treturn (\n\t\t\t<p-button\n\t\t\t\tclass={mobile ? 'w-full' : 'hidden desktop-xs:flex'}\n\t\t\t\ticon={this.actionIcon}\n\t\t\t\tsize='sm'\n\t\t\t\tdisabled={!this.canUseAction}\n\t\t\t\tonClick={() => this.action.emit()}\n\t\t\t\tloading={this.actionLoading}\n\t\t\t>\n\t\t\t\t{this.actionButtonTemplate\n\t\t\t\t\t? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)\n\t\t\t\t\t: this._defaultActionButtonTemplate(\n\t\t\t\t\t\t\tmobile ? this.itemsSelectedAmount : 0\n\t\t\t\t\t  )}\n\t\t\t</p-button>\n\t\t);\n\t}\n\n\tprivate _getLabel(amount, variant: 'mobile' | 'default' = 'default') {\n\t\treturn (\n\t\t\t<p-label\n\t\t\t\tsize='small'\n\t\t\t\tvariant='negative'\n\t\t\t\tbehavior='text'\n\t\t\t\tclass={`ml-1 ${\n\t\t\t\t\tvariant === 'default'\n\t\t\t\t\t\t? 'hidden desktop-xs:flex'\n\t\t\t\t\t\t: 'flex desktop-xs:hidden'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{amount}\n\t\t\t</p-label>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"table-header.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/table-header/table-header.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { debounceTime, distinctUntilChanged, Subject } from 'rxjs';\nimport { IconVariant } from '../../../components';\nimport { QuickFilter } from '../../../types/table';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\n\nexport type templateFunc = () => string;\nexport type buttonTemplateFunc = (amount: number) => string;\n\n@Component({\n\ttag: 'p-table-header',\n\tstyleUrl: 'table-header.component.scss',\n\tshadow: true,\n})\nexport class TableHeader {\n\tprivate _defaultFilterButtonTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.filter);\n\tprivate _defaultActionButtonTemplate: buttonTemplateFunc = (amount: number) =>\n\t\tthis.actionText\n\t\t\t? this.actionText\n\t\t\t: formatTranslation(\n\t\t\t\t\tamount === 0\n\t\t\t\t\t\t? this._locales.edit\n\t\t\t\t\t\t: amount === 1\n\t\t\t\t\t\t? this._locales.edit_single\n\t\t\t\t\t\t: this._locales.edit_plural,\n\t\t\t\t\t{ amount }\n\t\t\t  );\n\n\t/**\n\t * Quick filters to show\n\t */\n\t@Prop() quickFilters: QuickFilter[] = [];\n\n\t/**\n\t * Active quick filter identifier\n\t */\n\t@Prop() activeQuickFilterIdentifier: string;\n\n\t/**\n\t * Wether we want to show loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show the search input\n\t */\n\t@Prop() enableSearch: boolean = true;\n\n\t/**\n\t * The amount of items that are selected\n\t */\n\t@Prop() itemsSelectedAmount: number = 0;\n\n\t/**\n\t * The query to show in the search bar\n\t */\n\t@Prop({ mutable: true }) query: string;\n\n\t/**\n\t * Wether to show the filter button\n\t */\n\t@Prop() enableFilter: boolean = true;\n\n\t/**\n\t * Wether to show the filter button on desktop\n\t */\n\t@Prop() enableFilterDesktop: boolean = true;\n\n\t/**\n\t * The amount of filters being selected\n\t */\n\t@Prop() selectedFiltersAmount: number;\n\n\t/**\n\t * The template for the filter button text\n\t */\n\t@Prop() filterButtonTemplate: templateFunc =\n\t\tthis._defaultFilterButtonTemplate;\n\n\t/**\n\t * Wether to show the action button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * Wether the action button is loading\n\t */\n\t@Prop() actionLoading: boolean = false;\n\n\t/**\n\t * The action button icon\n\t */\n\t@Prop() actionIcon: IconVariant = 'pencil';\n\n\t/**\n\t * The action button text if changed\n\t */\n\t@Prop() actionText: string;\n\n\t/**\n\t * Wether to enable the action button\n\t */\n\t@Prop({ mutable: true }) canUseAction: boolean = false;\n\n\t/**\n\t * The template for the action button text\n\t */\n\t@Prop() actionButtonTemplate: buttonTemplateFunc =\n\t\tthis._defaultActionButtonTemplate;\n\n\t/**\n\t * Event when one of the quick filters is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tquickFilter: EventEmitter<QuickFilter>;\n\n\t/**\n\t * Event when the query changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the filter button is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tfilter: EventEmitter<null>;\n\n\t/**\n\t * Event when the action button is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tprivate _queryObserver = new Subject<string>();\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._queryObserver\n\t\t\t.pipe(debounceTime(300), distinctUntilChanged())\n\t\t\t.subscribe(value => this.queryChange.emit(value));\n\t}\n\n\trender() {\n\t\tconst activeQuickFilter = this.quickFilters.find(\n\t\t\tf => f.identifier === this.activeQuickFilterIdentifier\n\t\t);\n\t\tconst mobileTotal =\n\t\t\t(this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);\n\n\t\tconst hasCustomFilterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"custom-filter\"]'\n\t\t);\n\n\t\tconst hasCustomActionsSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"custom-actions\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<Host class='p-table-header'>\n\t\t\t\t{this.loading && (\n\t\t\t\t\t<p-loader\n\t\t\t\t\t\tvariant='ghost'\n\t\t\t\t\t\tclass='hidden h-8 w-3/4 rounded desktop-xs:flex'\n\t\t\t\t\t></p-loader>\n\t\t\t\t)}\n\n\t\t\t\t{!this.loading &&\n\t\t\t\t\t(hasCustomFilterSlot || this.quickFilters.length > 0) && (\n\t\t\t\t\t\t<div class='left-side flex flex-col justify-start gap-4 desktop-xs:flex-row'>\n\t\t\t\t\t\t\t{hasCustomFilterSlot && <slot name='custom-filter' />}\n\n\t\t\t\t\t\t\t{this.quickFilters.length > 0 && (\n\t\t\t\t\t\t\t\t<p-segment-container class='hidden desktop-xs:flex'>\n\t\t\t\t\t\t\t\t\t{this.quickFilters.map(item => (\n\t\t\t\t\t\t\t\t\t\t<p-segment-item\n\t\t\t\t\t\t\t\t\t\t\tactive={\n\t\t\t\t\t\t\t\t\t\t\t\titem.identifier === this.activeQuickFilterIdentifier\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => this.quickFilter.emit(item)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{typeof item.text === 'string' ? item.text : item.text()}{' '}\n\t\t\t\t\t\t\t\t\t\t\t{item?.count >= 0 ? `(${item.count})` : ''}\n\t\t\t\t\t\t\t\t\t\t</p-segment-item>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</p-segment-container>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t<div class='right-side flex flex-col justify-end gap-4 desktop-xs:flex-row'>\n\t\t\t\t\t{this.enableSearch && (\n\t\t\t\t\t\t<p-field\n\t\t\t\t\t\t\ticon='search'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\tclass='desktop-xs:w-48'\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype='text'\n\t\t\t\t\t\t\t\tslot='input'\n\t\t\t\t\t\t\t\tplaceholder='Zoeken...'\n\t\t\t\t\t\t\t\tvalue={this.query}\n\t\t\t\t\t\t\t\tonInput={ev =>\n\t\t\t\t\t\t\t\t\tthis._queryObserver.next(\n\t\t\t\t\t\t\t\t\t\t(ev.target as HTMLInputElement).value\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</p-field>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enableFilter && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\ticon='filter'\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\tclass={`w-full ${\n\t\t\t\t\t\t\t\tthis.enableFilterDesktop\n\t\t\t\t\t\t\t\t\t? 'desktop-xs:w-auto'\n\t\t\t\t\t\t\t\t\t: 'desktop-xs:hidden'\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\tonClick={() => this.filter.emit()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.filterButtonTemplate\n\t\t\t\t\t\t\t\t? this.filterButtonTemplate()\n\t\t\t\t\t\t\t\t: this._defaultFilterButtonTemplate()}\n\t\t\t\t\t\t\t{this.selectedFiltersAmount &&\n\t\t\t\t\t\t\t\tthis._getLabel(this.selectedFiltersAmount)}\n\t\t\t\t\t\t\t{mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile')}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enableAction && this._buttonTemplate()}\n\n\t\t\t\t\t{hasCustomActionsSlot && <slot name='custom-actions' />}\n\t\t\t\t</div>\n\n\t\t\t\t{this.enableAction && this.canUseAction && (\n\t\t\t\t\t<div class='fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden'>\n\t\t\t\t\t\t{this._buttonTemplate(true)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _buttonTemplate(mobile = false) {\n\t\treturn (\n\t\t\t<p-button\n\t\t\t\tclass={mobile ? 'w-full' : 'hidden desktop-xs:flex'}\n\t\t\t\ticon={this.actionIcon}\n\t\t\t\tsize='sm'\n\t\t\t\tdisabled={!this.canUseAction}\n\t\t\t\tonClick={() => this.action.emit()}\n\t\t\t\tloading={this.actionLoading}\n\t\t\t>\n\t\t\t\t{this.actionButtonTemplate\n\t\t\t\t\t? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)\n\t\t\t\t\t: this._defaultActionButtonTemplate(\n\t\t\t\t\t\t\tmobile ? this.itemsSelectedAmount : 0\n\t\t\t\t\t  )}\n\t\t\t</p-button>\n\t\t);\n\t}\n\n\tprivate _getLabel(amount, variant: 'mobile' | 'default' = 'default') {\n\t\treturn (\n\t\t\t<p-badge\n\t\t\t\tclass={`ml-1 ${\n\t\t\t\t\tvariant === 'default'\n\t\t\t\t\t\t? 'hidden desktop-xs:flex'\n\t\t\t\t\t\t: 'flex desktop-xs:hidden'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{amount}\n\t\t\t</p-badge>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/molecules/table-row/table-row.component.js

@@ -5,9 +5,9 @@ export class TableRow {
         this.enableHover = true;
     }
     render() {
-        return (h(Host, { key: '5d5245faf40bfcfaf3008117ec6e604c45a716ea', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+        return (h(Host, { key: '84fafc96af5423eca823b2702a4b878a03c76565', class: `p-table-row variant-${this.variant} ${this.enableHover &&
                 this.variant === 'default' &&
-                'enable-hover'} group` }, h("div", { key: '1ed45114cb5478ad37461fb4c7957b89e2f4e7d9', class: "content" }, h("slot", { key: '029596bda8f0b019ec48fdf7b5cb00e2878f939d' })), this.variant === 'default' && h("p-divider", { key: '5263474be1ce89579330294f80218e92a86d0a87', class: "m-0" })));
+                'enable-hover'} group` }, h("div", { key: '968888482a3d22ec973cda8a9618e3a3b59c2ff4', class: "content" }, h("slot", { key: '934e900af0720877e705d78a9cfbddf033206326' })), this.variant === 'default' && h("p-divider", { key: '5c443bc203dd2cdb0641b41db9824a26646239eb', class: "m-0" })));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/toast/toast.component.js

@@ -14,7 +14,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(Host, { key: '5e4d83ec435671553c45eeda6da3e0eca5abd816', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: 'cb8b4792e9911b09a0a75dad80df62180029b6d7', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '058db9e698fbbffa1206c9b55251e8452008c9b5', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '4d52640787c919fa2d2b7e0c18a0443b0ab3a554', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '69c6b038b1ea91492d77fc55144ca7d95fc00116', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
+        return (h(Host, { key: '45995dbf55e1f5da083853de2a84a8b2fabecae3', class: `p-toast variant-${this.variant}`, onClick: () => this._onClick() }, h("div", { key: '21cc758c734909d3ac31b57174ac48117086ea8b', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '6d9e38a1ff99eb3cca01492a1b23b1855d47e6c2', class: 'font-semibold text-storm' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'e9cb052a385dc14e0485944518548365f743a3e4', class: 'w-full text-sm text-storm-medium' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '3622337e6595749610b400498a5c8860adc9ab32', variant: 'secondary', iconOnly: true, size: 'sm', icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' }))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/collection/components/organisms/navbar/navbar.component.js

@@ -44,7 +44,7 @@ export class Navbar {
         this._show = false;
     }
     render() {
-        return (h(Host, { key: 'd0fb08c272ed8209ba4b4eeb0e84db3af7f56b6c', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '03c3f5a31cdb369c0fc9e2e2758c6124f8874323', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'e436eb63373ce0460d04c1e6bf9d2a6d5dd77a22', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '5cc267234e3f93766244c241c896004f0312e7ab', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'a1cf06f679fe209a5d9fee1e3f59e4ab1e2b3628', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '3c2bc5439cfb75cc9d3134f987dc80ebd3971298', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '9fc8ab5a7648ee33fe8fd7aeadcc6f612b636971', name: 'company' })), h("div", { key: 'b7be3f50a653bb6ec6b175a0d5391555689f7b5d', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '941a9dea07c2270d9ccea702ed1bce4af6dda0a7', name: 'content' })), h("div", { key: 'd104fa1db346b0f6fcd09d55ba3d2cb474a725f2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'a20c417a192f6ec4c5eef06fe12118270fd299ac', name: 'user' }))), h("div", { key: '3a1d9b69bde033789e2e420e49f8702b8a0c92bf', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'bbb50411a3ce918bfbd33f1bacfc14a053f7d118', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a931c9bc1a090b004788693f2fea96d76d2c43bd', name: 'topbar' }))));
+        return (h(Host, { key: '933b55e6875b50546cd980e5c4f7c923cd6cbd11', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, h("p-backdrop", { key: '9fb8220b757a0571b77620f394b92fe78d578ba5', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'c24c80eca5ec18ee39df438c591e55ff683a9c06', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '6338aee239fa25bef1555f5b085d0682c8122c94', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '7768db8078e996b9b0d08a38d7a63329513d4d7b', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: 'b736053b767173fe3da99b1c270ce95eff3376fd', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: '570c7aab38574229bf5f118c7b8196cc93b69992', name: 'company' })), h("div", { key: 'e0d69dc2869eda05e854eb167d72436412669978', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '02e79fdd87b22514e602fa8ace2b4091dde7126a', name: 'content' })), h("div", { key: 'dc66843c8beabbbcb21b1e3c937192b2dba656d2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'b08ed35bb831aa4bc6076a4d5b4d5d1fb4c960d3', name: 'user' }))), h("div", { key: 'b15ae515d4872501b143aa3dc30d40e7004da088', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '96628a7f7741fc9d71d68e1744e727a95dec9552', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: '22a596e750b0541a9dabf0d9857c294d77acea58', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/collection/tailwind/theme/colors.js

@@ -21,7 +21,7 @@ export default {
         800: '#2F6407',
         DEFAULT: '#5CC30E',
         500: '#5CC30E',
-        100: '#5CC30E',
+        100: '#D5FBC7',
         50: '#EAFDE3',
     },
     amber: {

package/dist/collection/tailwind/theme/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/tailwind/theme/colors.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n\tinherit: 'inherit',\n\ttransparent: 'transparent',\n\tcurrent: 'currentColor',\n\tblack: '#000',\n\n\twhite: {\n\t\t800: '#E4E3E3',\n\t\t700: '#F2F2F2',\n\t\t600: '#FAFAFA',\n\t\tDEFAULT: '#FFFFFF',\n\t\t500: '#FFFFFF',\n\t},\n\t'negative-red': {\n\t\t800: '#8D1010',\n\t\tDEFAULT: '#E61E1E',\n\t\t500: '#E61E1E',\n\t\t100: '#FFDDDD',\n\t\t50: '#FDEDED',\n\t},\n\t'positive-green': {\n\t\t800: '#2F6407',\n\t\tDEFAULT: '#5CC30E',\n\t\t500: '#5CC30E',\n\t\t100: '#5CC30E',\n\t\t50: '#EAFDE3',\n\t},\n\tamber: {\n\t\t800: '#944D0B',\n\t\tDEFAULT: '#E19F23',\n\t\t500: '#E19F23',\n\t\t100: '#FFF6C2',\n\t\t50: '#FFFAE0',\n\t},\n\n\t'human-beige': {\n\t\t800: '#DEC9B7',\n\t\t700: '#E7D8CB',\n\t\t600: '#EDE0D5',\n\t\tDEFAULT: '#EEE4DB',\n\t\t500: '#EEE4DB',\n\t\t400: '#F1E9E2',\n\t\t300: '#F5EFE9',\n\t\t200: '#F8F4F1',\n\t\t100: '#FCFAF8',\n\t\t50: '#FDFCFB',\n\t},\n\t'off-white': {\n\t\t800: '#D5D0C3',\n\t\t700: '#DEDBD5',\n\t\t600: '#ECEAE5',\n\t\tDEFAULT: '#F3F1ED',\n\t\t500: '#F3F1ED',\n\t\t400: '#F5F4F1',\n\t\t300: '#F8F7F4',\n\t\t200: '#FAF9F8',\n\t\t100: '#FDFCFB',\n\t\t50: '#FEFEFD',\n\t},\n\n\t'supportive-lilac': {\n\t\t900: '#5009B3',\n\t\t800: '#BD8CFF',\n\t\t700: '#C89FFF',\n\t\t600: '#CCA8FC',\n\t\tDEFAULT: '#D1AEFF',\n\t\t500: '#D1AEFF',\n\t\t400: '#DABEFF',\n\t\t300: '#E3CEFF',\n\t\t200: '#EDDFFF',\n\t\t100: '#F6EFFF',\n\t\t50: '#FAF7FF',\n\t},\n\t'growth-green': {\n\t\t800: '#81EF2B',\n\t\t700: '#7FF424',\n\t\t600: '#8CFC35',\n\t\tDEFAULT: '#A0FF56',\n\t\t500: '#A0FF56',\n\t\t400: '#B3FF78',\n\t\t300: '#C6FF9A',\n\t\t200: '#D9FFBB',\n\t\t100: '#ECFFDD',\n\t\t50: '#F5FFEE',\n\t},\n\t'tech-breeze': {\n\t\t800: '#3DEACC',\n\t\t700: '#66F2DA',\n\t\t600: '#83FAE6',\n\t\tDEFAULT: '#94FFED',\n\t\t500: '#94FFED',\n\t\t400: '#A9FFF1',\n\t\t300: '#BFFFF4',\n\t\t200: '#D4FFF8',\n\t\t100: '#EAFFFB',\n\t\t50: '#F4FFFD',\n\t},\n\n\tteal: {\n\t\t800: '#02665C',\n\t\t700: '#047367',\n\t\t600: '#047F72',\n\t\tDEFAULT: '#088879',\n\t\t500: '#088879',\n\t\t400: '#39A094',\n\t\t300: '#6BB8AF',\n\t\t200: '#9CCFC9',\n\t\t100: '#CEE7E4',\n\t\t50: '#E6F3F2',\n\t},\n\t'dark-teal': {\n\t\t800: '#012521',\n\t\t700: '#003832',\n\t\t600: '#004840',\n\t\tDEFAULT: '#005148',\n\t\t500: '#005148',\n\t\t400: '#33746D',\n\t\t300: '#669791',\n\t\t200: '#99B9B6',\n\t\t100: '#CCDCDA',\n\t\t50: '#E5EEED',\n\t},\n\t'black-teal': {\n\t\t800: '#000202',\n\t\t700: '#000D0B',\n\t\t600: '#011815',\n\t\tDEFAULT: '#032A24',\n\t\t500: '#032A24',\n\t\t400: '#355550',\n\t\t300: '#687F7C',\n\t\t200: '#9AAAA7',\n\t\t100: '#CDD4D3',\n\t\t50: '#E6EAE9',\n\t},\n\n\t// OLD, REMOVE THIS\n\tindigo: {\n\t\tdark: '#2C4BA9',\n\t\tDEFAULT: '#528AFA',\n\t\tlight: '#F1F6FF',\n\t},\n\tsky: {\n\t\tdark: '#30C2C9',\n\t\tDEFAULT: '#1EDAE3',\n\t\tlight: '#F5FEFF',\n\t\tvague: '#BBF4F6',\n\t},\n\tmystic: {\n\t\tblank: '#FFF',\n\t\tdark: '#DAE6F0',\n\t\tDEFAULT: '#F7FAFC',\n\t\tlight: '#FCFDFE',\n\t\tmedium: '#E3ECF3',\n\t},\n\tredberry: {\n\t\tdark: '#BD0F1E',\n\t\tDEFAULT: '#E63241',\n\t\tlight: '#FFE8EA',\n\t\tmedium: '#FF7D88',\n\t},\n\tstorm: {\n\t\tdark: '#272838',\n\t\tDEFAULT: '#51536B',\n\t\tlight: '#B0B2CB',\n\t\tmedium: '#80829E',\n\t\tvague: '#989AB7',\n\t},\n\tnegative: {\n\t\tdark: '#8A0F1D',\n\t\tDEFAULT: '#B91E28',\n\t\tlight: '#FFCCD3',\n\t},\n\tpositive: {\n\t\tdark: '#1DA360',\n\t\tDEFAULT: '#28D17C',\n\t\tlight: '#E5FFF2',\n\t},\n\tunbiased: {\n\t\tdark: '#FFA231',\n\t\tDEFAULT: '#FFC72D',\n\t\tlight: '#FFF6DC',\n\t},\n};\n"]}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/tailwind/theme/colors.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n\tinherit: 'inherit',\n\ttransparent: 'transparent',\n\tcurrent: 'currentColor',\n\tblack: '#000',\n\n\twhite: {\n\t\t800: '#E4E3E3',\n\t\t700: '#F2F2F2',\n\t\t600: '#FAFAFA',\n\t\tDEFAULT: '#FFFFFF',\n\t\t500: '#FFFFFF',\n\t},\n\t'negative-red': {\n\t\t800: '#8D1010',\n\t\tDEFAULT: '#E61E1E',\n\t\t500: '#E61E1E',\n\t\t100: '#FFDDDD',\n\t\t50: '#FDEDED',\n\t},\n\t'positive-green': {\n\t\t800: '#2F6407',\n\t\tDEFAULT: '#5CC30E',\n\t\t500: '#5CC30E',\n\t\t100: '#D5FBC7',\n\t\t50: '#EAFDE3',\n\t},\n\tamber: {\n\t\t800: '#944D0B',\n\t\tDEFAULT: '#E19F23',\n\t\t500: '#E19F23',\n\t\t100: '#FFF6C2',\n\t\t50: '#FFFAE0',\n\t},\n\n\t'human-beige': {\n\t\t800: '#DEC9B7',\n\t\t700: '#E7D8CB',\n\t\t600: '#EDE0D5',\n\t\tDEFAULT: '#EEE4DB',\n\t\t500: '#EEE4DB',\n\t\t400: '#F1E9E2',\n\t\t300: '#F5EFE9',\n\t\t200: '#F8F4F1',\n\t\t100: '#FCFAF8',\n\t\t50: '#FDFCFB',\n\t},\n\t'off-white': {\n\t\t800: '#D5D0C3',\n\t\t700: '#DEDBD5',\n\t\t600: '#ECEAE5',\n\t\tDEFAULT: '#F3F1ED',\n\t\t500: '#F3F1ED',\n\t\t400: '#F5F4F1',\n\t\t300: '#F8F7F4',\n\t\t200: '#FAF9F8',\n\t\t100: '#FDFCFB',\n\t\t50: '#FEFEFD',\n\t},\n\n\t'supportive-lilac': {\n\t\t900: '#5009B3',\n\t\t800: '#BD8CFF',\n\t\t700: '#C89FFF',\n\t\t600: '#CCA8FC',\n\t\tDEFAULT: '#D1AEFF',\n\t\t500: '#D1AEFF',\n\t\t400: '#DABEFF',\n\t\t300: '#E3CEFF',\n\t\t200: '#EDDFFF',\n\t\t100: '#F6EFFF',\n\t\t50: '#FAF7FF',\n\t},\n\t'growth-green': {\n\t\t800: '#81EF2B',\n\t\t700: '#7FF424',\n\t\t600: '#8CFC35',\n\t\tDEFAULT: '#A0FF56',\n\t\t500: '#A0FF56',\n\t\t400: '#B3FF78',\n\t\t300: '#C6FF9A',\n\t\t200: '#D9FFBB',\n\t\t100: '#ECFFDD',\n\t\t50: '#F5FFEE',\n\t},\n\t'tech-breeze': {\n\t\t800: '#3DEACC',\n\t\t700: '#66F2DA',\n\t\t600: '#83FAE6',\n\t\tDEFAULT: '#94FFED',\n\t\t500: '#94FFED',\n\t\t400: '#A9FFF1',\n\t\t300: '#BFFFF4',\n\t\t200: '#D4FFF8',\n\t\t100: '#EAFFFB',\n\t\t50: '#F4FFFD',\n\t},\n\n\tteal: {\n\t\t800: '#02665C',\n\t\t700: '#047367',\n\t\t600: '#047F72',\n\t\tDEFAULT: '#088879',\n\t\t500: '#088879',\n\t\t400: '#39A094',\n\t\t300: '#6BB8AF',\n\t\t200: '#9CCFC9',\n\t\t100: '#CEE7E4',\n\t\t50: '#E6F3F2',\n\t},\n\t'dark-teal': {\n\t\t800: '#012521',\n\t\t700: '#003832',\n\t\t600: '#004840',\n\t\tDEFAULT: '#005148',\n\t\t500: '#005148',\n\t\t400: '#33746D',\n\t\t300: '#669791',\n\t\t200: '#99B9B6',\n\t\t100: '#CCDCDA',\n\t\t50: '#E5EEED',\n\t},\n\t'black-teal': {\n\t\t800: '#000202',\n\t\t700: '#000D0B',\n\t\t600: '#011815',\n\t\tDEFAULT: '#032A24',\n\t\t500: '#032A24',\n\t\t400: '#355550',\n\t\t300: '#687F7C',\n\t\t200: '#9AAAA7',\n\t\t100: '#CDD4D3',\n\t\t50: '#E6EAE9',\n\t},\n\n\t// OLD, REMOVE THIS\n\tindigo: {\n\t\tdark: '#2C4BA9',\n\t\tDEFAULT: '#528AFA',\n\t\tlight: '#F1F6FF',\n\t},\n\tsky: {\n\t\tdark: '#30C2C9',\n\t\tDEFAULT: '#1EDAE3',\n\t\tlight: '#F5FEFF',\n\t\tvague: '#BBF4F6',\n\t},\n\tmystic: {\n\t\tblank: '#FFF',\n\t\tdark: '#DAE6F0',\n\t\tDEFAULT: '#F7FAFC',\n\t\tlight: '#FCFDFE',\n\t\tmedium: '#E3ECF3',\n\t},\n\tredberry: {\n\t\tdark: '#BD0F1E',\n\t\tDEFAULT: '#E63241',\n\t\tlight: '#FFE8EA',\n\t\tmedium: '#FF7D88',\n\t},\n\tstorm: {\n\t\tdark: '#272838',\n\t\tDEFAULT: '#51536B',\n\t\tlight: '#B0B2CB',\n\t\tmedium: '#80829E',\n\t\tvague: '#989AB7',\n\t},\n\tnegative: {\n\t\tdark: '#8A0F1D',\n\t\tDEFAULT: '#B91E28',\n\t\tlight: '#FFCCD3',\n\t},\n\tpositive: {\n\t\tdark: '#1DA360',\n\t\tDEFAULT: '#28D17C',\n\t\tlight: '#E5FFF2',\n\t},\n\tunbiased: {\n\t\tdark: '#FFA231',\n\t\tDEFAULT: '#FFC72D',\n\t\tlight: '#FFF6DC',\n\t},\n};\n"]}

package/dist/components/button.component.js

@@ -298,7 +298,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
             ? 'a'
             : 'button';
         const active = this.active || this.class?.includes('active');
-        return (h(Host, { key: 'c528dd1f603ec9602af623f74ff422d1745f5f88', class: 'p-button block' }, h(VariableTag, { key: 'ed0b7309950f72321c0c355288afdaa3ffbe9a3c', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
+        return (h(Host, { key: '6424b147500f9e23b58e9130969b3a6551207793', class: 'p-button block' }, h(VariableTag, { key: '7e8ff2d9c88e22a000462e58f4b192403067843e', disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target, class: button({
                 variant: this.variant,
                 size: this.size,
                 underline: this.underline,
@@ -307,14 +307,14 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
                 buttonGroupPosition: this.buttonGroupPosition,
                 iconOnly: this.iconOnly,
                 active,
-            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: '4f20df27c82f4b43f4b3d0ce1584571e0854c61d', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+            }) }, this.chevron && this.chevronPosition === 'start' && (h("p-icon", { key: 'efb172d6b7e7ec4a50f4afc85af7a0c83a65ebfd', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
             this.iconPosition === 'start' &&
             !(this.iconOnly && this.loading) &&
-            this._getIcon(), h("slot", { key: 'ce4ed96beafa7bebb83e8f8346350e56a27fc8e3' }), this.icon &&
+            this._getIcon(), h("slot", { key: '0baa166aedacae64b04d99cd539224e9315fc106' }), this.icon &&
             this.iconPosition === 'end' &&
             !this.loading &&
             !this.chevron &&
-            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '1f2613670560b7ce499df4d08dddb011c92971a7', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '282534a7fb06fa16769cdb6dbd736564f8d41beb', color: loaderColor }))));
+            this._getIcon(), this.chevron && !this.loading && this.chevronPosition === 'end' && (h("p-icon", { key: '2add95303af94434a77a0c6b1935c886d4a3ddfa', variant: 'caret', rotate: this.chevron === 'up' ? 180 : 0 })), this.loading && h("p-loader", { key: '3aaa904697024393c651dcba83075bfcf07af844', color: loaderColor }))));
     }
     handleClick(ev) {
         if (this.loading || this.disabled) {

package/dist/components/calendar.component.js

@@ -2840,7 +2840,7 @@ const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends HTMLEle
             .filter(date => isValid(date));
     }
     render() {
-        return (h(Host, { key: '624da5939a3391fc98be636153ca8a296af47390', class: calendar({ variant: this.variant }) }, this._getView()));
+        return (h(Host, { key: 'f63b07df1328a57cc35e085d1571e181ef7d4bc6', class: calendar({ variant: this.variant }) }, this._getView()));
     }
     _getView() {
         if (this._view === 'year') {

package/dist/components/dropdown.component.js

@@ -75,12 +75,12 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
         };
         let dropdownContainer;
         if (this.usePortal) {
-            dropdownContainer = (h("p-portal", { key: '5d9510a6759f791fb120fc06a31329a21f623f02', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: 'ea8ef6c6bba695321c530e12051881613fb73fac', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: '6ab8276bd86e17e48cea60aee12809edaf4d59ad', name: 'items' }))));
+            dropdownContainer = (h("p-portal", { key: '86ffcff551d96bc243504d6d6b3d07bbfc34a0b5', ...dropdownContainerProps }, h("p-dropdown-menu-container", { key: '0765572d22af5a168383b1d108d737f15c5fac27', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable }, h("slot", { key: '7e07948c37401209ad263d489d84d3b228c1ebc9', name: 'items' }))));
         }
         else {
-            dropdownContainer = (h("p-dropdown-menu-container", { key: 'fa587ed2bf372b31843d0e39b2cf5309d62fc0b5', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: '91a76863819e3c4d2cfd97f7b935b0b444d9dacc', name: 'items' })));
+            dropdownContainer = (h("p-dropdown-menu-container", { key: '02a521eec91448042ebe06a44eda62f3f7f2721d', maxWidth: !this.calculateWidth && this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, ...dropdownContainerProps }, h("slot", { key: '9feadf39471cf9a21cc54f254e9606bed0a22add', name: 'items' })));
         }
-        return (h(Host, { key: 'b5feffa63e8b3539ea8f7a00fcafab83d0be9c4e', class: 'p-dropdown relative' }, h("div", { key: 'ffe6f1d230d2281e6c704683dd08c9e74261dbe3', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: 'f01bb68c26c92da98d639ba49aa1723a841c6c92', name: 'trigger' })), dropdownContainer));
+        return (h(Host, { key: 'f5553c381b470b227e88cd89c9cd54f8c3b6a3a5', class: 'p-dropdown relative' }, h("div", { key: 'b69a4afd2b82c44b3fe0a07f0de0c9f2c2298993', class: 'trigger', ref: ref => (this._trigger = ref), onClick: () => this._triggerClickHandler() }, h("slot", { key: '88ee2ccfb753c4f8e8cc29c161124ad451f2530f', name: 'trigger' })), dropdownContainer));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {

package/dist/components/field.component.js

@@ -146,16 +146,16 @@ const Field = /*@__PURE__*/ proxyCustomElement(class Field extends HTMLElement {
     _inputRef;
     render() {
         const { prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, } = this._getSlotInfo();
-        return (h(Host, { key: 'b4229a4e7257f7a929cc3208834d95ab97990bcf', class: 'p-field' }, h("p-field-container", { key: '66c1e5bdc10bdc948e1e943fde89355e861135ae', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (h("slot", { key: '045626975fa0861371d2ad830d9bf8ec5b80720d', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '43e613371e67f46a0c8ed5c9201b2b4e5fe91d7e', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'e26723ffb55166d67c50e761410cd62100d70fa1', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'b833ce639c3ff30e88ba86cdeb45dcf01ef866ac', name: 'error', slot: 'error' })), h("div", { key: 'd6b045356bca57b02a4ea32096969b5e017e3884', class: field({
+        return (h(Host, { key: '6ee18d3003f95e306599804827d24bccb869fbac', class: 'p-field' }, h("p-field-container", { key: '253178a1a1f9d85dc5a2515d7daa3bdec3756685', forceShowTooltip: this.forceShowTooltip || this._focused, label: this.label, helper: this.helper, error: this.error, required: this.required }, hasLabelSlot && (h("slot", { key: '9ae351e4b130f2097c459889614d627426eb73f1', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '06b232eb4d1101e51027b1fcb296076252ec73da', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '28bae575c273efc6373d30d80a403508bac4b5f5', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: '9c43b918c2b1901f1e374f300d6189cb31608ecb', name: 'error', slot: 'error' })), h("div", { key: 'e170a99bfbc5fa17c9c4465051219132360a8c3d', class: field({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
                 size: this.size,
-            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: '6edc4f2c7b1b3bf470f7ab4a390655cdf0cf4d7f', class: prefixAndSuffic({
+            }), slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'ecf1fb9ec811e26c4123f97f5ba18d6cbc07750b', class: prefixAndSuffic({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,
-            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '4b9d7579b8f08fb7fd7b6a2b69d0fb1a8a2bead5', class: prefixAndSuffic({
+            }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getInput(), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'fb6fcf5c393812d91b01cdb7ebb5bd74767656be', class: prefixAndSuffic({
                 error: !!this.error?.length,
                 disabled: this.disabled,
                 focused: this.focused || this._focused,

package/dist/components/index.js

@@ -183,7 +183,7 @@ const colors = {
         800: '#2F6407',
         DEFAULT: '#5CC30E',
         500: '#5CC30E',
-        100: '#5CC30E',
+        100: '#D5FBC7',
         50: '#EAFDE3',
     },
     amber: {