@paperless/core 1.9.1 → 1.9.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.9.2](https://github.com/ionic-team/stencil-component-starter/compare/v1.9.1...v1.9.2) (2023-10-16)
+
+
+### Bug Fixes
+
+* **Molecules/Datepicker & Calendar:** Fix typings & `minDate` ([358119a](https://github.com/ionic-team/stencil-component-starter/commit/358119a104e8470747b76a698457fd16ccb8c706))
+
+
+
+
+
 ## [1.9.1](https://github.com/ionic-team/stencil-component-starter/compare/v1.9.0...v1.9.1) (2023-10-09)
 
 

package/dist/build/{p-acadbd6d.entry.js → p-2becd73c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as i}from"./p-e4d5e7a7.js";const o=".flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(29 163 96/var(--tw-text-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 162 49/var(--tw-text-opacity))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(138 15 29/var(--tw-text-opacity))}:host(.size-mini){border-radius:100%;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}";const a=class{constructor(r){t(this,r);this.variant="info";this.size="default"}render(){return r(i,{class:`p-counter variant-${this.variant} size-${this.size}`},r("slot",null))}};a.style=o;export{a as p_counter};
-//# sourceMappingURL=p-acadbd6d.entry.js.map
+import{r as t,h as r,H as i}from"./p-e4d5e7a7.js";const o=".flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.bg-indigo{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-negative-light{--tw-bg-opacity:1!important;background-color:rgb(255 204 211/var(--tw-bg-opacity))!important}.bg-positive-light{--tw-bg-opacity:1!important;background-color:rgb(229 255 242/var(--tw-bg-opacity))!important}.bg-unbiased-light{--tw-bg-opacity:1!important;background-color:rgb(255 246 220/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.uppercase{text-transform:uppercase!important}.leading-3{line-height:.75rem!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(82 138 250/var(--tw-bg-opacity));border-radius:.5625rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1rem;justify-content:center;line-height:.75rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}:host(.variant-negative),:host(.variant-positive),:host(.variant-unbiased){border-radius:.25rem;min-width:1rem;padding-left:.25rem;padding-right:.25rem}:host(.variant-positive){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(29 163 96/var(--tw-text-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 162 49/var(--tw-text-opacity))}:host(.variant-negative){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(138 15 29/var(--tw-text-opacity))}:host(.size-mini){border-radius:100%;height:.5rem;min-width:0;padding:0;width:.5rem}:host(.size-mini) slot{display:none}.static{position:static!important}";const a=class{constructor(r){t(this,r);this.variant="info";this.size="default"}render(){return r(i,{class:`p-counter variant-${this.variant} size-${this.size}`},r("slot",null))}};a.style=o;export{a as p_counter};
+//# sourceMappingURL=p-2becd73c.entry.js.map

package/dist/build/{p-acadbd6d.entry.js.map → p-2becd73c.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["counterComponentCss","Counter","render","h","Host","class","this","variant","size"],"sources":["src/components/atoms/counter/counter.component.scss?tag=p-counter&encapsulation=shadow","src/components/atoms/counter/counter.component.tsx"],"sourcesContent":[":host {\n    @apply h-4 px-2 bg-indigo rounded-xlarge;\n    @apply text-xs leading-3 text-white font-bold uppercase;\n    @apply flex justify-center items-center;\n}\n\n:host(.variant-positive),\n:host(.variant-unbiased),\n:host(.variant-negative) {\n    @apply rounded px-1 min-w-[1rem];\n}\n\n:host(.variant-positive) {\n    @apply bg-positive-light text-positive-dark;\n}\n\n:host(.variant-unbiased) {\n    @apply bg-unbiased-light text-unbiased-dark;\n}\n\n:host(.variant-negative) {\n    @apply bg-negative-light text-negative-dark;\n}\n\n:host(.size-mini) {\n    @apply w-2 h-2 rounded-round p-0 min-w-0;\n\n    slot {\n        display: none;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-counter',\n    styleUrl: 'counter.component.scss',\n    shadow: true,\n})\nexport class Counter {\n    /**\n     * The variant of the counter\n     */\n    @Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n    /**\n     * The size of the counter\n     */\n    @Prop() size: 'default' | 'mini' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-counter variant-${this.variant} size-${this.size}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,+vE,MCOfC,EAAO,M,sCAIiD,O,UAK9B,S,CAEnC,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,qBAAqBC,KAAKC,gBAAgBD,KAAKE,QACxDL,EAAA,a"}
+{"version":3,"names":["counterComponentCss","Counter","render","h","Host","class","this","variant","size"],"sources":["src/components/atoms/counter/counter.component.scss?tag=p-counter&encapsulation=shadow","src/components/atoms/counter/counter.component.tsx"],"sourcesContent":[":host {\n    @apply h-4 px-2 bg-indigo rounded-xlarge;\n    @apply text-xs leading-3 text-white font-bold uppercase;\n    @apply flex justify-center items-center;\n}\n\n:host(.variant-positive),\n:host(.variant-unbiased),\n:host(.variant-negative) {\n    @apply rounded px-1 min-w-[1rem];\n}\n\n:host(.variant-positive) {\n    @apply bg-positive-light text-positive-dark;\n}\n\n:host(.variant-unbiased) {\n    @apply bg-unbiased-light text-unbiased-dark;\n}\n\n:host(.variant-negative) {\n    @apply bg-negative-light text-negative-dark;\n}\n\n:host(.size-mini) {\n    @apply w-2 h-2 rounded-round p-0 min-w-0;\n\n    slot {\n        display: none;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-counter',\n    styleUrl: 'counter.component.scss',\n    shadow: true,\n})\nexport class Counter {\n    /**\n     * The variant of the counter\n     */\n    @Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n    /**\n     * The size of the counter\n     */\n    @Prop() size: 'default' | 'mini' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-counter variant-${this.variant} size-${this.size}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,iyE,MCOfC,EAAO,M,sCAIiD,O,UAK9B,S,CAEnC,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,qBAAqBC,KAAKC,gBAAgBD,KAAKE,QACxDL,EAAA,a"}

package/dist/build/p-3fcb9f40.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as r,H as o,c as e}from"./p-e4d5e7a7.js";const i=".rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.5rem}@media (min-width:40rem){:host{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:64rem){:host{padding-left:3.5rem;padding-right:3.5rem}}:host(.variant-table){padding-left:1.5rem;padding-right:1.5rem}:host(.is-rounded){border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:64rem){:host(.is-rounded){border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}@media (min-width:40rem){.tablet\\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}}@media (min-width:64rem){.desktop-xs\\:px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}}.static{position:static!important}.rounded{border-radius:.25rem!important}";const a=class{constructor(r){t(this,r);this.variant="default";this.rounded=false}render(){return r(o,{class:`p-modal-body variant-${this.variant} ${this.rounded&&"is-rounded"}`},r("slot",null))}};a.style=i;const m=".flex{display:flex!important}.w-full{width:100%!important}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-xxlarge{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem 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}p-modal-container{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInBottom .5s ease forwards!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{animation:slideInBottomSmall .5s ease forwards!important;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}p-modal-container.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){p-modal-container.closing{animation:slideOutBottomSmall .5s ease forwards!important}}@media (min-width:40rem){.tablet\\:w-auto{width:auto!important}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}.static{position:static!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";const d={xs:"tablet:w-80",sm:"tablet:w-[33.5rem]",md:"tablet:w-[38rem]",lg:"tablet:w-[47.5rem]",xl:"tablet:w-[57.5rem]"};const n=class{constructor(r){t(this,r);this.size="md";this.closing=false}render(){const t=d[this.size];return r(o,{class:`p-modal-container ${this.closing&&"closing"} ${t}`},r("slot",null))}};n.style=m;const s=".flex{display:flex!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.pb-6{padding-bottom:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:64rem){:host{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";const l=class{constructor(r){t(this,r)}render(){return r(o,{class:"p-modal-footer"},r("p-divider",{class:"mb-6 mt-0 hidden desktop-xs:flex"}),r("slot",null))}};l.style=s;const p=".flex{display:flex!important}.justify-between{justify-content:space-between!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity));border-top-left-radius:.75rem;border-top-right-radius:.75rem;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;line-height:1.75rem;padding:1rem}@media (min-width:64rem){:host{font-size:1.875rem;font-weight:700;line-height:2.25rem;padding:1.5rem}}@media (min-width:64rem){.desktop-xs\\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}}";const b=class{constructor(r){t(this,r);this.close=e(this,"close",3);this.showClose=true}render(){return r(o,{class:"p-modal-header"},r("span",null,r("slot",null)),this.showClose&&r("p-button",{variant:"secondary",icon:"negative",iconOnly:true,onClick:t=>this.close.emit(t),size:"small"}))}};b.style=p;export{a as p_modal_body,n as p_modal_container,l as p_modal_footer,b as p_modal_header};
+//# sourceMappingURL=p-3fcb9f40.entry.js.map

package/dist/build/{p-303ffd1f.entry.js.map → p-3fcb9f40.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["modalBodyComponentCss","ModalBody","render","h","Host","class","this","variant","rounded","modalContainerComponentCss","modalSizes","xs","sm","md","lg","xl","ModalContainer","sizeClass","size","closing","modalFooterComponentCss","ModalFooter","modalHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","ev","close","emit"],"sources":["src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal-body/modal-body.component.tsx","src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","src/components/atoms/modal-container/modal-container.component.tsx","src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal-footer/modal-footer.component.tsx","src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n    @apply bg-white;\n    @apply px-6 tablet:px-10 desktop-xs:px-14 py-6;\n}\n\n:host(.variant-table) {\n    @apply px-6;\n}\n\n:host(.is-rounded) {\n    @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-body',\n    styleUrl: 'modal-body.component.scss',\n    shadow: true,\n})\nexport class ModalBody {\n    /**\n     * The variant of the modal body\n     */\n    @Prop() variant: 'default' | 'table' = 'default';\n\n    /**\n     * Wether the modal body should be rounded at the bottom\n     */\n    @Prop() rounded: boolean = false;\n\n    render() {\n        return (\n            <Host\n                class={`p-modal-body variant-${this.variant} ${\n                    this.rounded && 'is-rounded'\n                }`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n","p-modal-container {\n    @apply flex flex-col w-full tablet:w-auto z-modal;\n    @apply rounded-b-none rounded-t-xxlarge desktop-xs:rounded-b-xxlarge;\n\n    @apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small #{!important};\n\n    @apply shadow-4 #{!important};\n\n    &.closing {\n        @apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small #{!important};\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n    xs: 'tablet:w-80',\n    sm: 'tablet:w-[33.5rem]',\n    md: 'tablet:w-[38rem]',\n    lg: 'tablet:w-[47.5rem]',\n    xl: 'tablet:w-[57.5rem]',\n};\n@Component({\n    tag: 'p-modal-container',\n    styleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n    /**\n     * The size of the modal container\n     */\n    @Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n    /**\n     * Wether the container is closing\n     */\n    @Prop() closing: boolean = false;\n\n    render() {\n        const sizeClass = modalSizes[this.size];\n\n        return (\n            <Host\n                class={`p-modal-container ${\n                    this.closing && 'closing'\n                } ${sizeClass}`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-white;\n    @apply flex flex-col;\n    @apply pb-6 px-6;\n    @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-footer',\n    styleUrl: 'modal-footer.component.scss',\n    shadow: true,\n})\nexport class ModalFooter {\n    render() {\n        return (\n            <Host class=\"p-modal-footer\">\n                <p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-mystic rounded-t-xxlarge;\n    @apply flex justify-between items-center;\n    @apply p-4 desktop-xs:p-6;\n\n    @apply text-storm-dark text-xl font-semibold;\n    @apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-header',\n    styleUrl: 'modal-header.component.scss',\n    shadow: true,\n})\nexport class ModalHeader {\n    /**\n     * Wether to show the close button on mobile\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false\n    }) close: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host class=\"p-modal-header\">\n                <span>\n                    <slot />\n                </span>\n\n                {this.showClose && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"negative\"\n                        iconOnly={true}\n                        onClick={(ev) => this.close.emit(ev)}\n                        size=\"small\"\n                    ></p-button>\n                )}\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,g6B,MCOjBC,EAAS,M,sCAIqB,U,aAKZ,K,CAE3B,MAAAC,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,wBAAwBC,KAAKC,WAChCD,KAAKE,SAAW,gBAGpBL,EAAA,a,aCzBhB,MAAMM,EAA6B,w+ECQnC,MAAMC,EAAa,CACfC,GAAI,cACJC,GAAI,qBACJC,GAAI,mBACJC,GAAI,qBACJC,GAAI,sB,MAMKC,EAAc,M,mCAImB,K,aAKf,K,CAE3B,MAAAd,GACI,MAAMe,EAAYP,EAAWJ,KAAKY,MAElC,OACIf,EAACC,EAAI,CACDC,MAAO,qBACHC,KAAKa,SAAW,aAChBF,KAEJd,EAAA,a,aCvChB,MAAMiB,EAA0B,+sB,MCOnBC,EAAW,M,yBACpB,MAAAnB,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAAWE,MAAM,qCAEjBF,EAAA,a,aCbhB,MAAMmB,EAA0B,49B,MCOnBC,EAAW,M,qEAIA,I,CASpB,MAAArB,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,YACIA,EAAA,cAGHG,KAAKkB,WACFrB,EAAA,YACII,QAAQ,YACRkB,KAAK,WACLC,SAAU,KACVC,QAAUC,GAAOtB,KAAKuB,MAAMC,KAAKF,GACjCV,KAAK,U"}
+{"version":3,"names":["modalBodyComponentCss","ModalBody","render","h","Host","class","this","variant","rounded","modalContainerComponentCss","modalSizes","xs","sm","md","lg","xl","ModalContainer","sizeClass","size","closing","modalFooterComponentCss","ModalFooter","modalHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","ev","close","emit"],"sources":["src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal-body/modal-body.component.tsx","src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","src/components/atoms/modal-container/modal-container.component.tsx","src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal-footer/modal-footer.component.tsx","src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n    @apply bg-white;\n    @apply px-6 tablet:px-10 desktop-xs:px-14 py-6;\n}\n\n:host(.variant-table) {\n    @apply px-6;\n}\n\n:host(.is-rounded) {\n    @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-body',\n    styleUrl: 'modal-body.component.scss',\n    shadow: true,\n})\nexport class ModalBody {\n    /**\n     * The variant of the modal body\n     */\n    @Prop() variant: 'default' | 'table' = 'default';\n\n    /**\n     * Wether the modal body should be rounded at the bottom\n     */\n    @Prop() rounded: boolean = false;\n\n    render() {\n        return (\n            <Host\n                class={`p-modal-body variant-${this.variant} ${\n                    this.rounded && 'is-rounded'\n                }`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n","p-modal-container {\n    @apply flex flex-col w-full tablet:w-auto z-modal;\n    @apply rounded-b-none rounded-t-xxlarge desktop-xs:rounded-b-xxlarge;\n\n    @apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small #{!important};\n\n    @apply shadow-4 #{!important};\n\n    &.closing {\n        @apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small #{!important};\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n    xs: 'tablet:w-80',\n    sm: 'tablet:w-[33.5rem]',\n    md: 'tablet:w-[38rem]',\n    lg: 'tablet:w-[47.5rem]',\n    xl: 'tablet:w-[57.5rem]',\n};\n@Component({\n    tag: 'p-modal-container',\n    styleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n    /**\n     * The size of the modal container\n     */\n    @Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n    /**\n     * Wether the container is closing\n     */\n    @Prop() closing: boolean = false;\n\n    render() {\n        const sizeClass = modalSizes[this.size];\n\n        return (\n            <Host\n                class={`p-modal-container ${\n                    this.closing && 'closing'\n                } ${sizeClass}`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-white;\n    @apply flex flex-col;\n    @apply pb-6 px-6;\n    @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-footer',\n    styleUrl: 'modal-footer.component.scss',\n    shadow: true,\n})\nexport class ModalFooter {\n    render() {\n        return (\n            <Host class=\"p-modal-footer\">\n                <p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-mystic rounded-t-xxlarge;\n    @apply flex justify-between items-center;\n    @apply p-4 desktop-xs:p-6;\n\n    @apply text-storm-dark text-xl font-semibold;\n    @apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-header',\n    styleUrl: 'modal-header.component.scss',\n    shadow: true,\n})\nexport class ModalHeader {\n    /**\n     * Wether to show the close button on mobile\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false\n    }) close: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host class=\"p-modal-header\">\n                <span>\n                    <slot />\n                </span>\n\n                {this.showClose && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"negative\"\n                        iconOnly={true}\n                        onClick={(ev) => this.close.emit(ev)}\n                        size=\"small\"\n                    ></p-button>\n                )}\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,k8B,MCOjBC,EAAS,M,sCAIqB,U,aAKZ,K,CAE3B,MAAAC,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,wBAAwBC,KAAKC,WAChCD,KAAKE,SAAW,gBAGpBL,EAAA,a,aCzBhB,MAAMM,EAA6B,0gFCQnC,MAAMC,EAAa,CACfC,GAAI,cACJC,GAAI,qBACJC,GAAI,mBACJC,GAAI,qBACJC,GAAI,sB,MAMKC,EAAc,M,mCAImB,K,aAKf,K,CAE3B,MAAAd,GACI,MAAMe,EAAYP,EAAWJ,KAAKY,MAElC,OACIf,EAACC,EAAI,CACDC,MAAO,qBACHC,KAAKa,SAAW,aAChBF,KAEJd,EAAA,a,aCvChB,MAAMiB,EAA0B,6qB,MCOnBC,EAAW,M,yBACpB,MAAAnB,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAAWE,MAAM,qCAEjBF,EAAA,a,aCbhB,MAAMmB,EAA0B,07B,MCOnBC,EAAW,M,qEAIA,I,CASpB,MAAArB,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,YACIA,EAAA,cAGHG,KAAKkB,WACFrB,EAAA,YACII,QAAQ,YACRkB,KAAK,WACLC,SAAU,KACVC,QAAUC,GAAOtB,KAAKuB,MAAMC,KAAKF,GACjCV,KAAK,U"}

package/dist/build/{p-29c997a3.entry.js → p-4c30c74b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as r,h as o,H as i}from"./p-e4d5e7a7.js";const e=".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))!important}.border-l-positive{--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity))!important}.border-l-unbiased{--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem 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:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));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))!important}:host(.variant-unbiased){--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity))!important}:host(.variant-negative){--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity))!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))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}";const a=class{constructor(o){t(this,o);this.action=r(this,"action",3);this.variant="positive";this.header=undefined;this.content=undefined;this.enableAction=true;this.actionIcon="negative";this.actionIconFlip=undefined;this.actionIconRotate=undefined}render(){var t,r;return o(i,{class:`p-toast variant-${this.variant}`,onClick:()=>this._onClick()},o("div",{class:"flex flex-col w-full min-w-0"},o("p",{class:"font-semibold text-storm"},((t=this.header)===null||t===void 0?void 0:t.length)?this.header:o("slot",{name:"header"})),o("p",{class:"text-sm text-storm-medium w-full"},((r=this.content)===null||r===void 0?void 0:r.length)?this.content:o("slot",{name:"content"}))),this.enableAction&&o("p-button",{variant:"secondary",iconOnly:true,size:"small",icon:this.actionIcon,iconFlip:this.actionIconFlip,iconRotate:this.actionIconRotate,class:"flex-shrink-0"}))}_onClick(){if(this.enableAction){this.action.emit()}}};a.style=e;export{a as p_toast};
-//# sourceMappingURL=p-29c997a3.entry.js.map
+import{r as t,c as r,h as o,H as i}from"./p-e4d5e7a7.js";const e=".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))!important}.border-l-positive{--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity))!important}.border-l-unbiased{--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem 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:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));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))!important}:host(.variant-unbiased){--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity))!important}:host(.variant-negative){--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity))!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))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}";const a=class{constructor(o){t(this,o);this.action=r(this,"action",3);this.variant="positive";this.header=undefined;this.content=undefined;this.enableAction=true;this.actionIcon="negative";this.actionIconFlip=undefined;this.actionIconRotate=undefined}render(){var t,r;return o(i,{class:`p-toast variant-${this.variant}`,onClick:()=>this._onClick()},o("div",{class:"flex flex-col w-full min-w-0"},o("p",{class:"font-semibold text-storm"},((t=this.header)===null||t===void 0?void 0:t.length)?this.header:o("slot",{name:"header"})),o("p",{class:"text-sm text-storm-medium w-full"},((r=this.content)===null||r===void 0?void 0:r.length)?this.content:o("slot",{name:"content"}))),this.enableAction&&o("p-button",{variant:"secondary",iconOnly:true,size:"small",icon:this.actionIcon,iconFlip:this.actionIconFlip,iconRotate:this.actionIconRotate,class:"flex-shrink-0"}))}_onClick(){if(this.enableAction){this.action.emit()}}};a.style=e;export{a as p_toast};
+//# sourceMappingURL=p-4c30c74b.entry.js.map

package/dist/build/{p-29c997a3.entry.js.map → p-4c30c74b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["toastComponentCss","Toast","render","h","Host","class","this","variant","onClick","_onClick","_a","header","length","name","_b","content","enableAction","iconOnly","size","icon","actionIcon","iconFlip","actionIconFlip","iconRotate","actionIconRotate","action","emit"],"sources":["src/components/molecules/toast/toast.component.scss?tag=p-toast&encapsulation=shadow","src/components/molecules/toast/toast.component.tsx"],"sourcesContent":[":host {\n    @apply flex justify-between items-center gap-2;\n    @apply w-full p-4 pl-5;\n    @apply bg-white rounded box-border;\n    @apply shadow-4 #{!important};\n    @apply border-l-4 border-solid #{!important};\n\n    p {\n        @apply m-0;\n        @apply overflow-hidden text-ellipsis whitespace-nowrap;\n    }\n}\n\n:host(.variant-positive) {\n    @apply border-l-positive  #{!important};\n}\n\n:host(.variant-unbiased) {\n    @apply border-l-unbiased  #{!important};\n}\n\n:host(.variant-negative) {\n    @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';\n\n@Component({\n    tag: 'p-toast',\n    styleUrl: 'toast.component.scss',\n    shadow: true,\n})\nexport class Toast {\n    /**\n     * The variant of the toast\n     */\n    @Prop() variant: 'positive' | 'unbiased' | 'negative' = 'positive';\n\n    /**\n     * The header of the toast\n     */\n    @Prop() header?: string;\n\n    /**\n     * The content of the toast\n     */\n    @Prop() content?: string;\n\n    /**\n     * Wether to enable the close button\n     */\n    @Prop() enableAction: boolean = true;\n\n    /**\n     * Icon to show on the button\n     */\n    @Prop() actionIcon: IconVariant = 'negative';\n\n    /**\n     * Icon flip\n     */\n    @Prop() actionIconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() actionIconRotate: RotateOptions;\n\n    /**\n     * Button click event\n     */\n    @Event({\n        bubbles: false\n    }) action: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host\n                class={`p-toast variant-${this.variant}`}\n                onClick={() => this._onClick()}\n            >\n                <div class=\"flex flex-col w-full min-w-0\">\n                    <p class=\"font-semibold text-storm\">\n                        {this.header?.length ? (\n                            this.header\n                        ) : (\n                            <slot name=\"header\" />\n                        )}\n                    </p>\n                    <p class=\"text-sm text-storm-medium w-full\">\n                        {this.content?.length ? (\n                            this.content\n                        ) : (\n                            <slot name=\"content\" />\n                        )}\n                    </p>\n                </div>\n\n                {this.enableAction && (\n                    <p-button\n                        variant=\"secondary\"\n                        iconOnly\n                        size=\"small\"\n                        icon={this.actionIcon}\n                        iconFlip={this.actionIconFlip}\n                        iconRotate={this.actionIconRotate}\n                        class=\"flex-shrink-0\"\n                    />\n                )}\n            </Host>\n        );\n    }\n\n    private _onClick() {\n        if (this.enableAction) {\n            this.action.emit();\n        }\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,2qF,MCSbC,EAAK,M,qEAI0C,W,+DAexB,K,gBAKE,W,8DAmBlC,MAAAC,G,QACI,OACIC,EAACC,EAAI,CACDC,MAAO,mBAAmBC,KAAKC,UAC/BC,QAAS,IAAMF,KAAKG,YAEpBN,EAAA,OAAKE,MAAM,gCACPF,EAAA,KAAGE,MAAM,8BACJK,EAAAJ,KAAKK,UAAM,MAAAD,SAAA,SAAAA,EAAEE,QACVN,KAAW,OAEXH,EAAA,QAAMU,KAAK,YAGnBV,EAAA,KAAGE,MAAM,sCACJS,EAAAR,KAAKS,WAAO,MAAAD,SAAA,SAAAA,EAAEF,QACXN,KAAY,QAEZH,EAAA,QAAMU,KAAK,cAKtBP,KAAKU,cACFb,EAAA,YACII,QAAQ,YACRU,SAAQ,KACRC,KAAK,QACLC,KAAMb,KAAKc,WACXC,SAAUf,KAAKgB,eACfC,WAAYjB,KAAKkB,iBACjBnB,MAAM,kB,CAOlB,QAAAI,GACJ,GAAIH,KAAKU,aAAc,CACnBV,KAAKmB,OAAOC,M"}
+{"version":3,"names":["toastComponentCss","Toast","render","h","Host","class","this","variant","onClick","_onClick","_a","header","length","name","_b","content","enableAction","iconOnly","size","icon","actionIcon","iconFlip","actionIconFlip","iconRotate","actionIconRotate","action","emit"],"sources":["src/components/molecules/toast/toast.component.scss?tag=p-toast&encapsulation=shadow","src/components/molecules/toast/toast.component.tsx"],"sourcesContent":[":host {\n    @apply flex justify-between items-center gap-2;\n    @apply w-full p-4 pl-5;\n    @apply bg-white rounded box-border;\n    @apply shadow-4 #{!important};\n    @apply border-l-4 border-solid #{!important};\n\n    p {\n        @apply m-0;\n        @apply overflow-hidden text-ellipsis whitespace-nowrap;\n    }\n}\n\n:host(.variant-positive) {\n    @apply border-l-positive  #{!important};\n}\n\n:host(.variant-unbiased) {\n    @apply border-l-unbiased  #{!important};\n}\n\n:host(.variant-negative) {\n    @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';\n\n@Component({\n    tag: 'p-toast',\n    styleUrl: 'toast.component.scss',\n    shadow: true,\n})\nexport class Toast {\n    /**\n     * The variant of the toast\n     */\n    @Prop() variant: 'positive' | 'unbiased' | 'negative' = 'positive';\n\n    /**\n     * The header of the toast\n     */\n    @Prop() header?: string;\n\n    /**\n     * The content of the toast\n     */\n    @Prop() content?: string;\n\n    /**\n     * Wether to enable the close button\n     */\n    @Prop() enableAction: boolean = true;\n\n    /**\n     * Icon to show on the button\n     */\n    @Prop() actionIcon: IconVariant = 'negative';\n\n    /**\n     * Icon flip\n     */\n    @Prop() actionIconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() actionIconRotate: RotateOptions;\n\n    /**\n     * Button click event\n     */\n    @Event({\n        bubbles: false\n    }) action: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host\n                class={`p-toast variant-${this.variant}`}\n                onClick={() => this._onClick()}\n            >\n                <div class=\"flex flex-col w-full min-w-0\">\n                    <p class=\"font-semibold text-storm\">\n                        {this.header?.length ? (\n                            this.header\n                        ) : (\n                            <slot name=\"header\" />\n                        )}\n                    </p>\n                    <p class=\"text-sm text-storm-medium w-full\">\n                        {this.content?.length ? (\n                            this.content\n                        ) : (\n                            <slot name=\"content\" />\n                        )}\n                    </p>\n                </div>\n\n                {this.enableAction && (\n                    <p-button\n                        variant=\"secondary\"\n                        iconOnly\n                        size=\"small\"\n                        icon={this.actionIcon}\n                        iconFlip={this.actionIconFlip}\n                        iconRotate={this.actionIconRotate}\n                        class=\"flex-shrink-0\"\n                    />\n                )}\n            </Host>\n        );\n    }\n\n    private _onClick() {\n        if (this.enableAction) {\n            this.action.emit();\n        }\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,6sF,MCSbC,EAAK,M,qEAI0C,W,+DAexB,K,gBAKE,W,8DAmBlC,MAAAC,G,QACI,OACIC,EAACC,EAAI,CACDC,MAAO,mBAAmBC,KAAKC,UAC/BC,QAAS,IAAMF,KAAKG,YAEpBN,EAAA,OAAKE,MAAM,gCACPF,EAAA,KAAGE,MAAM,8BACJK,EAAAJ,KAAKK,UAAM,MAAAD,SAAA,SAAAA,EAAEE,QACVN,KAAW,OAEXH,EAAA,QAAMU,KAAK,YAGnBV,EAAA,KAAGE,MAAM,sCACJS,EAAAR,KAAKS,WAAO,MAAAD,SAAA,SAAAA,EAAEF,QACXN,KAAY,QAEZH,EAAA,QAAMU,KAAK,cAKtBP,KAAKU,cACFb,EAAA,YACII,QAAQ,YACRU,SAAQ,KACRC,KAAK,QACLC,KAAMb,KAAKc,WACXC,SAAUf,KAAKgB,eACfC,WAAYjB,KAAKkB,iBACjBnB,MAAM,kB,CAOlB,QAAAI,GACJ,GAAIH,KAAKU,aAAc,CACnBV,KAAKmB,OAAOC,M"}

package/dist/build/p-4e9e4ce2.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as r,H as o,c as a}from"./p-e4d5e7a7.js";const i=".flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));display:flex;flex:1 1 0%;flex-direction:column;min-height:100%;padding:1.5rem 1rem env(safe-area-inset-bottom,0);width:100%}.static{position:static!important}";const e=class{constructor(r){t(this,r);this.variant="default"}render(){return r(o,{class:`p-drawer-body variant-${this.variant}`},r("slot",null))}};e.style=i;const n=".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem 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}p-drawer-container{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!important}";const s=class{constructor(r){t(this,r);this.closing=false}render(){return r(o,{class:`p-drawer-container ${this.closing&&"closing"}`},r("slot",null))}};s.style=n;const d=".absolute{position:absolute!important}.sticky{position:sticky!important}.top-0{top:0!important}.flex{display:flex!important}.justify-center{justify-content:center!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-b-mystic-dark{--tw-border-opacity:1!important;border-bottom-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:0!important;border-bottom:1px rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:center;line-height:1.75rem;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:sticky;top:0;z-index:501}:host p-button{left:1rem;position:absolute;top:calc(env(safe-area-inset-top, 0) + 1rem)}.static{position:static!important}";const p=class{constructor(r){t(this,r);this.close=a(this,"close",3);this.showClose=true}render(){return r(o,{class:"p-drawer-header"},this.showClose&&r("p-button",{variant:"secondary",icon:"negative",iconOnly:true,onClick:()=>this.close.emit(),size:"small"}),r("slot",null))}};p.style=d;export{e as p_drawer_body,s as p_drawer_container,p as p_drawer_header};
+//# sourceMappingURL=p-4e9e4ce2.entry.js.map

package/dist/build/{p-05099fba.entry.js.map → p-4e9e4ce2.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["drawerBodyComponentCss","ModalBody","render","h","Host","class","this","variant","drawerContainerComponentCss","ModalContainer","closing","drawerHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","close","emit","size"],"sources":["src/components/atoms/drawer-body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer-body/drawer-body.component.tsx","src/components/atoms/drawer-container/drawer-container.component.scss?tag=p-drawer-container","src/components/atoms/drawer-container/drawer-container.component.tsx","src/components/atoms/drawer-header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer-header/drawer-header.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-1 flex-col;\n    @apply min-h-full w-full px-4 py-6;\n    @apply bg-mystic;\n\n    padding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer-body',\n    styleUrl: 'drawer-body.component.scss',\n    shadow: true,\n})\nexport class ModalBody {\n    /**\n     * The variant of the modal body\n     */\n    @Prop() variant: 'default' | 'table' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-drawer-body variant-${this.variant}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n","p-drawer-container {\n    @apply z-drawer flex flex-col;\n    // tablet:w-[22.5rem]\n    @apply w-full tablet:w-[22.5rem];\n    @apply bg-white;\n    @apply animate-slide-in-right;\n    @apply min-h-screen;\n\n    @apply shadow-4 #{!important};\n\n    &.closing {\n        @apply animate-slide-out-right;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n    tag: 'p-drawer-container',\n    styleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n    /**\n     * Wether the container is closing\n     */\n    @Prop() closing: boolean = false;\n\n    render() {\n        return (\n            <Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-white;\n    @apply sticky top-0 flex justify-center items-center;\n    @apply p-4 z-drawer-header;\n\n    padding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n    @apply text-storm-dark text-xl font-semibold;\n\n    @apply border-0 border-b border-b-mystic-dark border-solid #{!important};\n\n    p-button {\n        @apply absolute left-4;\n\n        top: calc(env(safe-area-inset-top, 0) + 1rem);\n    }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer-header',\n    styleUrl: 'drawer-header.component.scss',\n    shadow: true,\n})\nexport class ModalHeader {\n    /**\n     * Wether to show the close button on mobile\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false\n    }) close: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host class=\"p-drawer-header\">\n                {this.showClose && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"negative\"\n                        iconOnly={true}\n                        onClick={() => this.close.emit()}\n                        size=\"small\"\n                    ></p-button>\n                )}\n\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,ma,MCOlBC,EAAS,M,sCAIqB,S,CAEvC,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,yBAAyBC,KAAKC,WACvCJ,EAAA,a,aChBhB,MAAMK,EAA8B,o1C,MCYvBC,EAAc,M,sCAII,K,CAE3B,MAAAP,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,sBAAsBC,KAAKI,SAAW,aAC/CP,EAAA,a,aCrBhB,MAAMQ,EAA2B,+sC,MCOpBC,EAAW,M,qEAIA,I,CASpB,MAAAV,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,mBACPC,KAAKO,WACFV,EAAA,YACII,QAAQ,YACRO,KAAK,WACLC,SAAU,KACVC,QAAS,IAAMV,KAAKW,MAAMC,OAC1BC,KAAK,UAIbhB,EAAA,a"}
+{"version":3,"names":["drawerBodyComponentCss","ModalBody","render","h","Host","class","this","variant","drawerContainerComponentCss","ModalContainer","closing","drawerHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","close","emit","size"],"sources":["src/components/atoms/drawer-body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer-body/drawer-body.component.tsx","src/components/atoms/drawer-container/drawer-container.component.scss?tag=p-drawer-container","src/components/atoms/drawer-container/drawer-container.component.tsx","src/components/atoms/drawer-header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer-header/drawer-header.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-1 flex-col;\n    @apply min-h-full w-full px-4 py-6;\n    @apply bg-mystic;\n\n    padding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer-body',\n    styleUrl: 'drawer-body.component.scss',\n    shadow: true,\n})\nexport class ModalBody {\n    /**\n     * The variant of the modal body\n     */\n    @Prop() variant: 'default' | 'table' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-drawer-body variant-${this.variant}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n","p-drawer-container {\n    @apply z-drawer flex flex-col;\n    // tablet:w-[22.5rem]\n    @apply w-full tablet:w-[22.5rem];\n    @apply bg-white;\n    @apply animate-slide-in-right;\n    @apply min-h-screen;\n\n    @apply shadow-4 #{!important};\n\n    &.closing {\n        @apply animate-slide-out-right;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n    tag: 'p-drawer-container',\n    styleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n    /**\n     * Wether the container is closing\n     */\n    @Prop() closing: boolean = false;\n\n    render() {\n        return (\n            <Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-white;\n    @apply sticky top-0 flex justify-center items-center;\n    @apply p-4 z-drawer-header;\n\n    padding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n    @apply text-storm-dark text-xl font-semibold;\n\n    @apply border-0 border-b border-b-mystic-dark border-solid #{!important};\n\n    p-button {\n        @apply absolute left-4;\n\n        top: calc(env(safe-area-inset-top, 0) + 1rem);\n    }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer-header',\n    styleUrl: 'drawer-header.component.scss',\n    shadow: true,\n})\nexport class ModalHeader {\n    /**\n     * Wether to show the close button on mobile\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false\n    }) close: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host class=\"p-drawer-header\">\n                {this.showClose && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"negative\"\n                        iconOnly={true}\n                        onClick={() => this.close.emit()}\n                        size=\"small\"\n                    ></p-button>\n                )}\n\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,qc,MCOlBC,EAAS,M,sCAIqB,S,CAEvC,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,yBAAyBC,KAAKC,WACvCJ,EAAA,a,aChBhB,MAAMK,EAA8B,s3C,MCYvBC,EAAc,M,sCAII,K,CAE3B,MAAAP,GACI,OACIC,EAACC,EAAI,CAACC,MAAO,sBAAsBC,KAAKI,SAAW,aAC/CP,EAAA,a,aCrBhB,MAAMQ,EAA2B,ivC,MCOpBC,EAAW,M,qEAIA,I,CASpB,MAAAV,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,mBACPC,KAAKO,WACFV,EAAA,YACII,QAAQ,YACRO,KAAK,WACLC,SAAU,KACVC,QAAS,IAAMV,KAAKW,MAAMC,OAC1BC,KAAK,UAIbhB,EAAA,a"}