npm - @paperless/core - Versions diffs - 1.9.0 → 1.9.2 - Mend

@paperless/core 1.9.0 → 1.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (216) hide show

package/dist/components/p-drawer.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { d as defineCustomElement$4 } from './drawer-header.component.js';
 import { d as defineCustomElement$3 } from './icon.component.js';
 import { d as defineCustomElement$2 } from './loader.component.js';
-const drawerComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block}";
+const drawerComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block}.static{position:static!important}";
 const Drawer = /*@__PURE__*/ proxyCustomElement(class Drawer extends HTMLElement {
   constructor() {

package/dist/components/p-drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-drawer.js","mappings":";;;;;;;;;AAAA,MAAM,kBAAkB,GAAG~~,6EAA6E~~;;~~MCgB3F~~,MAAM;;;;;;;IA0DP,mBAAc,GAAG,KAAK,CAAC;;gBAjDP,KAAK;qBAKA,KAAK;qBAKd,IAAI;8BAKK,IAAI;oBAKL,IAAI;sBAKF,IAAI;oBA0BN,KAAK;;EAEjC,iBAAiB;IACb,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC1C,0BAA0B,CAC7B,CAAC;GACL;EAED,MAAM;;IACF,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,MAAM,aAAa,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;IAC7C,MAAM,WAAW,GAAG,YAAM,IAAI,EAAC,SAAS,GAAG,CAAC;IAE5C,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU,IAClB,kBACI,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE3B,0BAAoB,OAAO,EAAE,IAAI,CAAC,QAAQ,IACrC,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,cAAc,MACxC,qCACgB,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,IAErC,IAAI,CAAC,cAAc;QACd,aAAa;QACb,IAAI,CAAC,MAAM,CACH,CACrB,EACD,yBAAgB,WAAW,CAAiB,CAC3B,CACZ,CACV,EACT;GACL;EAEO,cAAc,CAAC,EAAE;IACrB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;MAC1B,OAAO;KACV;IAED,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;GAClB;EAEM,KAAK,CAAC,EAAc;IACvB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;MACnB,KAAK,EAAE,EAAE;MACT,QAAQ,EAAE,IAAI,CAAC,QAAQ;KAC1B,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAChB,OAAO;KACV;IAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAErB,UAAU,CAAC;MACP,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;MAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;MACtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACtB,EAAE,GAAG,CAAC,CAAC;GACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n @apply block;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State\n} from '@stencil/core';\n\n@Component({\n tag: 'p-drawer',\n styleUrl: 'drawer.component.scss',\n shadow: true,\n})\nexport class Drawer {\n /*\n The Header of the drawer\n /\n @Prop() header?: string;\n\n /\n Wether to show the drawer or not\n /\n @Prop() show: boolean = false;\n\n /\n Wether to apply blur to the backdrop\n /\n @Prop() applyBlur: boolean = false;\n\n /\n Wether to show the close on mobile in the header\n /\n @Prop() showClose = true;\n\n /\n Wether to hide the drawer when the backdrop is clicked\n /\n @Prop() backdropClickClose = true;\n\n /\n Wether the drawer can be closed\n /\n @Prop() canClose: boolean = true;\n\n /\n Wether we should scroll lock the body\n /\n @Prop() scrollLock: boolean = true;\n\n /\n Close click event\n /\n @Event({\n bubbles: false\n }) closeClicked: EventEmitter<{\n event: MouseEvent;\n canClose: boolean;\n }>;\n\n /\n Closed event\n /\n @Event({\n bubbles: false\n }) closed: EventEmitter<null>;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n private _hasHeaderSlot = false;\n\n @State() private _closing = false;\n\n componentWillLoad() {\n this._hasHeaderSlot = !!this._el.querySelector(\n ':scope > [slot=\"header\"]'\n );\n }\n\n render() {\n if (!this.show) {\n return;\n }\n\n const headerContent = <slot name=\"header\" />;\n const bodyContent = <slot name=\"content\" />;\n\n return (\n <Host class=\"p-drawer\">\n <p-backdrop\n variant=\"drawer\"\n applyBlur={this.applyBlur}\n onClicked={(ev) => this._backdropClick(ev.detail)}\n closing={this._closing}\n scrollLock={this.scrollLock}\n >\n <p-drawer-container closing={this._closing}>\n {(this.header?.length \|\| this._hasHeaderSlot) && (\n <p-drawer-header\n show-close={this.showClose}\n onClose={(ev) => this.close(ev.detail)}\n >\n {this._hasHeaderSlot\n ? headerContent\n : this.header}\n </p-drawer-header>\n )}\n <p-drawer-body>{bodyContent}</p-drawer-body>\n </p-drawer-container>\n </p-backdrop>\n </Host>\n );\n }\n\n private _backdropClick(ev) {\n if (!this.backdropClickClose) {\n return;\n }\n\n this.close(ev);\n }\n\n public close(ev: MouseEvent) {\n this.closeClicked.emit({\n event: ev,\n canClose: this.canClose,\n });\n\n if (!this.canClose) {\n return;\n }\n\n this._closing = true;\n\n setTimeout(() => {\n this.show = false;\n this._closing = false;\n this.closed.emit();\n }, 250);\n }\n}\n"],"version":3}
1	+ {"file":"p-drawer.js","mappings":";;;;;;;;;AAAA,MAAM,kBAAkB,GAAG,+GAA+G;;MCgB7H,MAAM;;;;;;;IA0DP,mBAAc,GAAG,KAAK,CAAC;;gBAjDP,KAAK;qBAKA,KAAK;qBAKd,IAAI;8BAKK,IAAI;oBAKL,IAAI;sBAKF,IAAI;oBA0BN,KAAK;;EAEjC,iBAAiB;IACb,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC1C,0BAA0B,CAC7B,CAAC;GACL;EAED,MAAM;;IACF,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,MAAM,aAAa,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;IAC7C,MAAM,WAAW,GAAG,YAAM,IAAI,EAAC,SAAS,GAAG,CAAC;IAE5C,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU,IAClB,kBACI,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE3B,0BAAoB,OAAO,EAAE,IAAI,CAAC,QAAQ,IACrC,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,cAAc,MACxC,qCACgB,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,IAErC,IAAI,CAAC,cAAc;QACd,aAAa;QACb,IAAI,CAAC,MAAM,CACH,CACrB,EACD,yBAAgB,WAAW,CAAiB,CAC3B,CACZ,CACV,EACT;GACL;EAEO,cAAc,CAAC,EAAE;IACrB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;MAC1B,OAAO;KACV;IAED,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;GAClB;EAEM,KAAK,CAAC,EAAc;IACvB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;MACnB,KAAK,EAAE,EAAE;MACT,QAAQ,EAAE,IAAI,CAAC,QAAQ;KAC1B,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAChB,OAAO;KACV;IAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAErB,UAAU,CAAC;MACP,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;MAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;MACtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACtB,EAAE,GAAG,CAAC,CAAC;GACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n @apply block;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State\n} from '@stencil/core';\n\n@Component({\n tag: 'p-drawer',\n styleUrl: 'drawer.component.scss',\n shadow: true,\n})\nexport class Drawer {\n /*\n The Header of the drawer\n /\n @Prop() header?: string;\n\n /\n Wether to show the drawer or not\n /\n @Prop() show: boolean = false;\n\n /\n Wether to apply blur to the backdrop\n /\n @Prop() applyBlur: boolean = false;\n\n /\n Wether to show the close on mobile in the header\n /\n @Prop() showClose = true;\n\n /\n Wether to hide the drawer when the backdrop is clicked\n /\n @Prop() backdropClickClose = true;\n\n /\n Wether the drawer can be closed\n /\n @Prop() canClose: boolean = true;\n\n /\n Wether we should scroll lock the body\n /\n @Prop() scrollLock: boolean = true;\n\n /\n Close click event\n /\n @Event({\n bubbles: false\n }) closeClicked: EventEmitter<{\n event: MouseEvent;\n canClose: boolean;\n }>;\n\n /\n Closed event\n /\n @Event({\n bubbles: false\n }) closed: EventEmitter<null>;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n private _hasHeaderSlot = false;\n\n @State() private _closing = false;\n\n componentWillLoad() {\n this._hasHeaderSlot = !!this._el.querySelector(\n ':scope > [slot=\"header\"]'\n );\n }\n\n render() {\n if (!this.show) {\n return;\n }\n\n const headerContent = <slot name=\"header\" />;\n const bodyContent = <slot name=\"content\" />;\n\n return (\n <Host class=\"p-drawer\">\n <p-backdrop\n variant=\"drawer\"\n applyBlur={this.applyBlur}\n onClicked={(ev) => this._backdropClick(ev.detail)}\n closing={this._closing}\n scrollLock={this.scrollLock}\n >\n <p-drawer-container closing={this._closing}>\n {(this.header?.length \|\| this._hasHeaderSlot) && (\n <p-drawer-header\n show-close={this.showClose}\n onClose={(ev) => this.close(ev.detail)}\n >\n {this._hasHeaderSlot\n ? headerContent\n : this.header}\n </p-drawer-header>\n )}\n <p-drawer-body>{bodyContent}</p-drawer-body>\n </p-drawer-container>\n </p-backdrop>\n </Host>\n );\n }\n\n private _backdropClick(ev) {\n if (!this.backdropClickClose) {\n return;\n }\n\n this.close(ev);\n }\n\n public close(ev: MouseEvent) {\n this.closeClicked.emit({\n event: ev,\n canClose: this.canClose,\n });\n\n if (!this.canClose) {\n return;\n }\n\n this._closing = true;\n\n setTimeout(() => {\n this.show = false;\n this._closing = false;\n this.closed.emit();\n }, 250);\n }\n}\n"],"version":3}

package/dist/components/p-info-panel.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './icon.component.js';
-const infoPanelComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}";
+const infoPanelComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}.static{position:static!important}";
 const InfoPanel = /*@__PURE__*/ proxyCustomElement(class InfoPanel extends HTMLElement {
   constructor() {

package/dist/components/p-info-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-info-panel.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,~~qvCAAqvC~~;;~~MCOtwC~~,SAAS;;;;;mBAI6C,MAAM;;;qBAe1C,KAAK;;EAOlC,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,IAAI,WAAW,EAAE,IAClF,WAAK,KAAK,EAAC,QAAQ,IACjB,YAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,EACN,WAAK,KAAK,EAAC,SAAS,IAClB,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,EAEL,IAAI,CAAC,SAAS,KACb,WAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAC7C,cAAQ,OAAO,EAAC,UAAU,GAAG,CACzB,CACP,CACI,EACP;GACH;EAEO,MAAM;IACZ,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;GACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col w-full relative p-4 bg-indigo-light rounded-large;\n\n .header {\n @apply font-semibold text-storm-dark;\n }\n\n .content {\n @apply text-sm;\n }\n\n .close {\n @apply absolute top-2 right-2 cursor-pointer text-storm-vague;\n }\n}\n\n:host(.variant-positive) {\n @apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n @apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n @apply bg-negative-light;\n}\n\n:host(.has-close) {\n @apply pr-8;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-info-panel',\n styleUrl: 'info-panel.component.scss',\n shadow: true,\n})\nexport class InfoPanel {\n /*\n The variant of the info panel\n /\n @Prop() variant: 'info' \| 'negative' \| 'positive' \| 'unbiased' = 'info';\n\n /\n The header of the info panel\n /\n @Prop() header: string;\n\n /\n The content of the info panel\n /\n @Prop() content: string;\n\n /\n Wether the panel can be closed\n /\n @Prop() closeable: boolean = false;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n render() {\n return (\n <Host class={`p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}`}>\n <div class=\"header\">\n <slot name=\"header\" />\n </div>\n <div class=\"content\">\n <slot name=\"content\" />\n </div>\n\n {this.closeable && (\n <div class=\"close\" onClick={() => this._close()}>\n <p-icon variant=\"negative\" />\n </div>\n )}\n </Host>\n );\n }\n\n private _close() {\n this._el.remove();\n }\n}\n"],"version":3}
1	+ {"file":"p-info-panel.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,uxCAAuxC;;MCOxyC,SAAS;;;;;mBAI6C,MAAM;;;qBAe1C,KAAK;;EAOlC,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,SAAS,IAAI,WAAW,EAAE,IAClF,WAAK,KAAK,EAAC,QAAQ,IACjB,YAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,EACN,WAAK,KAAK,EAAC,SAAS,IAClB,YAAM,IAAI,EAAC,SAAS,GAAG,CACnB,EAEL,IAAI,CAAC,SAAS,KACb,WAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAC7C,cAAQ,OAAO,EAAC,UAAU,GAAG,CACzB,CACP,CACI,EACP;GACH;EAEO,MAAM;IACZ,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;GACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col w-full relative p-4 bg-indigo-light rounded-large;\n\n .header {\n @apply font-semibold text-storm-dark;\n }\n\n .content {\n @apply text-sm;\n }\n\n .close {\n @apply absolute top-2 right-2 cursor-pointer text-storm-vague;\n }\n}\n\n:host(.variant-positive) {\n @apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n @apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n @apply bg-negative-light;\n}\n\n:host(.has-close) {\n @apply pr-8;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-info-panel',\n styleUrl: 'info-panel.component.scss',\n shadow: true,\n})\nexport class InfoPanel {\n /*\n The variant of the info panel\n /\n @Prop() variant: 'info' \| 'negative' \| 'positive' \| 'unbiased' = 'info';\n\n /\n The header of the info panel\n /\n @Prop() header: string;\n\n /\n The content of the info panel\n /\n @Prop() content: string;\n\n /\n Wether the panel can be closed\n /\n @Prop() closeable: boolean = false;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n render() {\n return (\n <Host class={`p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}`}>\n <div class=\"header\">\n <slot name=\"header\" />\n </div>\n <div class=\"content\">\n <slot name=\"content\" />\n </div>\n\n {this.closeable && (\n <div class=\"close\" onClick={() => this._close()}>\n <p-icon variant=\"negative\" />\n </div>\n )}\n </Host>\n );\n }\n\n private _close() {\n this._el.remove();\n }\n}\n"],"version":3}

package/dist/components/p-layout.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-sidebar-mobile{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(1fr,3);height:100vh;overflow:hidden;width:100vw}@media (min-width:64rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:sticky;width:100%}@media (min-width:80rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-x:hidden;overflow-y:auto;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:64rem){:host .content .inner-content{padding:2rem;width:100%}}@media (min-width:80rem){:host .content .inner-content{width:100%}}@media (min-width:85.375rem){:host .content .inner-content{width:69rem}}@media (min-width:90rem){:host .content .inner-content{width:69rem}}@media (min-width:120rem){:host .content .inner-content{width:69rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:64rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:64rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;order:3}@media (min-width:64rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem;width:100%}@media (min-width:64rem){:host(.variant-login) .content .inner-content{padding:1.5rem 4.5rem 0}}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:30rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19.5rem}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:w-content-desktop-xs{width:100%!important}.desktop-xs\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}.desktop-xs\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:100%!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:69rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:69rem!important}}";
+const layoutComponentCss = ".relative{position:relative!important}.sticky{position:sticky!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-sidebar-mobile{width:100%!important}.w-unset{width:unset!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:\"sidebar\" \"topbar\" \"content\";grid-template-columns:1fr;grid-template-rows:repeat(1fr,3);height:100vh;overflow:hidden;width:100vw}@media (min-width:64rem){:host{grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:sticky;width:100%}@media (min-width:80rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-x:hidden;overflow-y:auto;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:64rem){:host .content .inner-content{padding:2rem;width:100%}}@media (min-width:80rem){:host .content .inner-content{width:100%}}@media (min-width:85.375rem){:host .content .inner-content{width:69rem}}@media (min-width:90rem){:host .content .inner-content{width:69rem}}@media (min-width:120rem){:host .content .inner-content{width:69rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content content\"}@media (min-width:64rem){:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:64rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;order:3}@media (min-width:64rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem;width:100%}@media (min-width:64rem){:host(.variant-login) .content .inner-content{padding:1.5rem 4.5rem 0}}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:30rem}}@media (min-width:80rem){:host(.variant-office) .sidebar{width:19.5rem}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:w-content-desktop-xs{width:100%!important}.desktop-xs\\:px-18{padding-left:4.5rem!important;padding-right:4.5rem!important}.desktop-xs\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:100%!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:69rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:69rem!important}}.static{position:static!important}";
 const Layout = /*@__PURE__*/ proxyCustomElement(class Layout extends HTMLElement {
   constructor() {

package/dist/components/p-layout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-layout.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,~~wmHAAwmH~~;;~~MCOtnH~~,MAAM;;;;;mBAImC,SAAS;;EAE3D,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE,IAC3C,WAAK,KAAK,EAAC,QAAQ,IACf,YAAM,IAAI,EAAC,QAAQ,GAAG,CACpB,EACN,WAAK,KAAK,EAAC,SAAS,IAChB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,EACN,WAAK,KAAK,EAAC,SAAS,IAChB,WAAK,KAAK,EAAC,eAAe,IACtB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,CACJ,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n @apply grid h-screen w-screen content-start overflow-hidden;\n\n grid-template-columns: 1fr;\n grid-template-rows: repeat(1fr, 3);\n gap: 0;\n grid-template-areas:\n 'sidebar'\n 'topbar'\n 'content';\n\n @screen desktop-xs {\n grid-template-columns: auto 1fr;\n grid-template-rows: auto 1fr;\n grid-template-areas:\n 'topbar topbar'\n 'sidebar content';\n }\n\n .topbar,\n .sidebar,\n .content {\n @apply self-start;\n }\n\n .topbar {\n grid-area: topbar;\n\n @apply sticky w-full;\n @apply order-2 desktop-sm:order-1;\n }\n\n .sidebar {\n grid-area: sidebar;\n\n @apply box-border flex h-full;\n @apply w-sidebar-mobile desktop-sm:w-sidebar-desktop;\n @apply order-1 desktop-sm:order-2;\n }\n\n .content {\n grid-area: content;\n\n @apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n @apply order-3;\n\n padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom)\n env(safe-area-inset-left);\n\n .inner-content {\n @apply relative pb-24;\n\n @apply px-content-mobile-x py-content-mobile-y;\n @apply desktop-xs:px-content-desktop-x desktop-xs:py-content-desktop-y;\n\n @apply desktop-xs:w-content-desktop-xs desktop-sm:w-content-desktop-sm desktop:w-content-desktop desktop-lg:w-content-desktop-lg desktop-xl:w-content-desktop-xl;\n }\n }\n}\n\n:host(.variant-default) {\n .content {\n @apply flex-1;\n }\n}\n\n:host(.variant-login) {\n grid-template-areas:\n 'topbar topbar'\n 'content content';\n\n @screen desktop-xs {\n grid-template-areas:\n 'topbar topbar'\n 'content sidebar';\n }\n\n .sidebar {\n @apply hidden w-unset desktop-xs:flex;\n @apply order-3 p-2;\n @apply flex-1 overflow-hidden;\n\n .inner-content {\n @apply p-2;\n }\n }\n\n .content {\n @apply order-3 desktop-xs:order-2;\n @apply items-center desktop-xs:justify-center;\n\n .inner-content {\n @apply box-border;\n @apply desktop-xs:px-18 desktop-xs:py-0;\n @apply w-full tablet:w-content-desktop-login;\n\n @apply px-content-mobile-x py-content-mobile-y;\n padding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n @screen desktop-xs {\n @apply pt-content-mobile-y;\n }\n }\n }\n}\n\n:host(.variant-office) {\n .sidebar {\n @apply desktop-sm:w-sidebar-office-desktop;\n }\n}","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-layout',\n styleUrl: 'layout.component.scss',\n shadow: true,\n})\nexport class Layout {\n /*\n Variant of the layout\n */\n @Prop() variant: 'default' \| 'login' \| 'office' = 'default';\n\n render() {\n return (\n <Host class={`p-layout variant-${this.variant}`}>\n <div class=\"topbar\">\n <slot name=\"topbar\" />\n </div>\n <div class=\"sidebar\">\n <slot name=\"sidebar\" />\n </div>\n <div class=\"content\">\n <div class=\"inner-content\">\n <slot name=\"content\" />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-layout.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,0oHAA0oH;;MCOxpH,MAAM;;;;;mBAImC,SAAS;;EAE3D,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE,IAC3C,WAAK,KAAK,EAAC,QAAQ,IACf,YAAM,IAAI,EAAC,QAAQ,GAAG,CACpB,EACN,WAAK,KAAK,EAAC,SAAS,IAChB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,EACN,WAAK,KAAK,EAAC,SAAS,IAChB,WAAK,KAAK,EAAC,eAAe,IACtB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,CACJ,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","src/components/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n @apply grid h-screen w-screen content-start overflow-hidden;\n\n grid-template-columns: 1fr;\n grid-template-rows: repeat(1fr, 3);\n gap: 0;\n grid-template-areas:\n 'sidebar'\n 'topbar'\n 'content';\n\n @screen desktop-xs {\n grid-template-columns: auto 1fr;\n grid-template-rows: auto 1fr;\n grid-template-areas:\n 'topbar topbar'\n 'sidebar content';\n }\n\n .topbar,\n .sidebar,\n .content {\n @apply self-start;\n }\n\n .topbar {\n grid-area: topbar;\n\n @apply sticky w-full;\n @apply order-2 desktop-sm:order-1;\n }\n\n .sidebar {\n grid-area: sidebar;\n\n @apply box-border flex h-full;\n @apply w-sidebar-mobile desktop-sm:w-sidebar-desktop;\n @apply order-1 desktop-sm:order-2;\n }\n\n .content {\n grid-area: content;\n\n @apply relative flex h-full flex-col overflow-y-auto overflow-x-hidden;\n @apply order-3;\n\n padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom)\n env(safe-area-inset-left);\n\n .inner-content {\n @apply relative pb-24;\n\n @apply px-content-mobile-x py-content-mobile-y;\n @apply desktop-xs:px-content-desktop-x desktop-xs:py-content-desktop-y;\n\n @apply desktop-xs:w-content-desktop-xs desktop-sm:w-content-desktop-sm desktop:w-content-desktop desktop-lg:w-content-desktop-lg desktop-xl:w-content-desktop-xl;\n }\n }\n}\n\n:host(.variant-default) {\n .content {\n @apply flex-1;\n }\n}\n\n:host(.variant-login) {\n grid-template-areas:\n 'topbar topbar'\n 'content content';\n\n @screen desktop-xs {\n grid-template-areas:\n 'topbar topbar'\n 'content sidebar';\n }\n\n .sidebar {\n @apply hidden w-unset desktop-xs:flex;\n @apply order-3 p-2;\n @apply flex-1 overflow-hidden;\n\n .inner-content {\n @apply p-2;\n }\n }\n\n .content {\n @apply order-3 desktop-xs:order-2;\n @apply items-center desktop-xs:justify-center;\n\n .inner-content {\n @apply box-border;\n @apply desktop-xs:px-18 desktop-xs:py-0;\n @apply w-full tablet:w-content-desktop-login;\n\n @apply px-content-mobile-x py-content-mobile-y;\n padding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n @screen desktop-xs {\n @apply pt-content-mobile-y;\n }\n }\n }\n}\n\n:host(.variant-office) {\n .sidebar {\n @apply desktop-sm:w-sidebar-office-desktop;\n }\n}","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-layout',\n styleUrl: 'layout.component.scss',\n shadow: true,\n})\nexport class Layout {\n /*\n Variant of the layout\n */\n @Prop() variant: 'default' \| 'login' \| 'office' = 'default';\n\n render() {\n return (\n <Host class={`p-layout variant-${this.variant}`}>\n <div class=\"topbar\">\n <slot name=\"topbar\" />\n </div>\n <div class=\"sidebar\">\n <slot name=\"sidebar\" />\n </div>\n <div class=\"content\">\n <div class=\"inner-content\">\n <slot name=\"content\" />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-navbar.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { d as defineCustomElement$4 } from './button.component.js';
 import { d as defineCustomElement$3 } from './icon.component.js';
 import { d as defineCustomElement$2 } from './loader.component.js';
-const navbarComponentCss = ".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.mt-auto{margin-top:auto!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.-translate-x-full{--tw-translate-x:-100%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%}@media (min-width:64rem){:host{width:15rem}}:host .sidebar,:host .sidebar .company,:host .sidebar .content,:host .sidebar .user,:host .userbar{display:flex;flex-direction:column;width:100%}:host .sidebar,:host .top-bar{--tw-bg-opacity:1;--tw-border-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:0!important}:host .sidebar{--tw-bg-opacity:1;--tw-translate-x:-100%;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-right-width:1px!important;gap:1.5rem;height:100vh;left:0;padding-bottom:1rem;padding-top:calc(env(safe-area-inset-top, 0) + 1rem);position:fixed;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:15rem;will-change:transform;z-index:300}@media (min-width:64rem){:host .sidebar{--tw-translate-x:0px;height:100%;position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}}:host .sidebar .company,:host .sidebar .content,:host .sidebar .header,:host .sidebar .user{padding-left:1rem;padding-right:1rem}:host .sidebar .header{align-items:center;display:flex;justify-content:space-between;width:100%}@media (min-width:64rem){:host .sidebar .header{display:none}}:host .sidebar .content{overflow-y:auto;scrollbar-color:#528afa #dae6f0;scrollbar-width:thin}:host .sidebar .content::-webkit-scrollbar{width:.25rem}:host .sidebar .content::-webkit-scrollbar-track{background:#dae6f0}:host .sidebar .content::-webkit-scrollbar-thumb{background:#528afa}:host .sidebar .content::-webkit-scrollbar-thumb:hover{background:#528afa}:host .sidebar .user{display:none;margin-top:auto}@media (min-width:64rem){:host .sidebar .user{display:flex}}:host .sidebar.show{--tw-translate-x:env(safe-area-inset-left,0)}:host .top-bar{border-bottom-width:1px!important;display:flex;height:calc(env(safe-area-inset-top, 0) + 3rem);justify-content:space-between;padding:calc(env(safe-area-inset-top, 0) + .5rem) 1rem .5rem;width:100%}@media (min-width:64rem){:host .top-bar{display:none}}:host p-backdrop{display:none}:host p-backdrop.show{display:block}@media (min-width:64rem){.desktop-xs\\:relative{position:relative!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:h-full{height:100%!important}}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}";
+const navbarComponentCss = ".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.mt-auto{margin-top:auto!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.-translate-x-full{--tw-translate-x:-100%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%}@media (min-width:64rem){:host{width:15rem}}:host .sidebar,:host .sidebar .company,:host .sidebar .content,:host .sidebar .user,:host .userbar{display:flex;flex-direction:column;width:100%}:host .sidebar,:host .top-bar{--tw-bg-opacity:1;--tw-border-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:0!important}:host .sidebar{--tw-bg-opacity:1;--tw-translate-x:-100%;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-right-width:1px!important;gap:1.5rem;height:100vh;left:0;padding-bottom:1rem;padding-top:calc(env(safe-area-inset-top, 0) + 1rem);position:fixed;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:15rem;will-change:transform;z-index:300}@media (min-width:64rem){:host .sidebar{--tw-translate-x:0px;height:100%;position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}}:host .sidebar .company,:host .sidebar .content,:host .sidebar .header,:host .sidebar .user{padding-left:1rem;padding-right:1rem}:host .sidebar .header{align-items:center;display:flex;justify-content:space-between;width:100%}@media (min-width:64rem){:host .sidebar .header{display:none}}:host .sidebar .content{overflow-y:auto;scrollbar-color:#528afa #dae6f0;scrollbar-width:thin}:host .sidebar .content::-webkit-scrollbar{width:.25rem}:host .sidebar .content::-webkit-scrollbar-track{background:#dae6f0}:host .sidebar .content::-webkit-scrollbar-thumb{background:#528afa}:host .sidebar .content::-webkit-scrollbar-thumb:hover{background:#528afa}:host .sidebar .user{display:none;margin-top:auto}@media (min-width:64rem){:host .sidebar .user{display:flex}}:host .sidebar.show{--tw-translate-x:env(safe-area-inset-left,0)}:host .top-bar{border-bottom-width:1px!important;display:flex;height:calc(env(safe-area-inset-top, 0) + 3rem);justify-content:space-between;padding:calc(env(safe-area-inset-top, 0) + .5rem) 1rem .5rem;width:100%}@media (min-width:64rem){:host .top-bar{display:none}}:host p-backdrop{display:none}:host p-backdrop.show{display:block}@media (min-width:64rem){.desktop-xs\\:relative{position:relative!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:h-full{height:100%!important}}.static{position:static!important}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}";
 const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends HTMLElement {
   constructor() {

package/dist/components/p-navbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-navbar.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,~~s7IAAs7I~~;;~~MCOp8I~~,MAAM;;;;;qBAIK,OAAO;oBAKR,MAAM;qBAEI,KAAK;;EAElC,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU,IAClB,kBACI,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,uCACH,IAAI,CAAC,SAAS,IAAI,MACtB,EAAE,EACF,SAAS,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,GAC/B,EACd,WAAK,KAAK,EAAE,WAAW,IAAI,CAAC,SAAS,IAAI,MAAM,EAAE,IAC7C,WAAK,KAAK,EAAC,QAAQ,IACf,SAAG,KAAK,EAAC,2CAA2C,IAC/C,IAAI,CAAC,QAAQ,CACd,EAEJ,gBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAEtC,IAAI,CAAC,SAAS,CACR,CACT,EACN,WAAK,KAAK,EAAC,SAAS,IAChB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,EACN,WAAK,KAAK,EAAC,SAAS,IAChB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,EAEN,WAAK,KAAK,EAAC,MAAM,IACb,YAAM,IAAI,EAAC,MAAM,GAAG,CAClB,CACJ,EAEN,WAAK,KAAK,EAAC,SAAS,IAChB,gBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAErC,IAAI,CAAC,QAAQ,CACP,EAEX,YAAM,IAAI,EAAC,QAAQ,GAAG,CACpB,CACH,EACT;GACL;EAGD,iBAAiB;IACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;GAC1B;EAGD,gBAAgB;IACZ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;GACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/organisms/navbar/navbar.component.scss?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":["@import '../../../style/mixins';\n\n:host {\n @apply w-full max-h-screen-safe;\n @apply desktop-xs:w-60;\n\n .sidebar,\n .sidebar .company,\n .sidebar .content,\n .sidebar .user,\n .userbar {\n @apply flex w-full flex-col;\n }\n\n .sidebar,\n .top-bar {\n @apply bg-white;\n @apply border-0 border-solid border-mystic-dark #{!important};\n }\n\n .sidebar {\n @apply fixed top-0 left-0 z-navbar h-screen w-60 bg-white;\n @apply desktop-xs:relative desktop-xs:h-full desktop-xs:w-full;\n @apply gap-6;\n\n @apply will-change-transform;\n @apply -translate-x-full transform-gpu desktop-xs:translate-x-0;\n\n @apply py-4;\n\n padding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n @apply border-r #{!important};\n\n @apply transition-all;\n\n .company,\n .content,\n .user,\n .header {\n @apply px-4;\n }\n\n .header {\n @apply flex w-full items-center justify-between;\n @apply desktop-xs:hidden;\n }\n\n .content {\n @apply overflow-y-auto;\n\n @include scrollbarY();\n }\n\n .user {\n @apply mt-auto hidden;\n @apply desktop-xs:flex;\n }\n\n &.show {\n --tw-translate-x: env(safe-area-inset-left, 0);\n }\n }\n\n .top-bar {\n @apply flex w-full justify-between px-4 py-2;\n\n padding-top: calc(env(safe-area-inset-top, 0) + 0.5rem);\n height: calc(env(safe-area-inset-top, 0) + 3rem);\n\n @apply border-b #{!important};\n\n @apply desktop-xs:hidden;\n }\n\n p-backdrop {\n @apply hidden;\n\n &.show {\n @apply block;\n }\n }\n}\n","import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'p-navbar',\n styleUrl: 'navbar.component.scss',\n shadow: true,\n})\nexport class Navbar {\n /*\n The text to display for the close button\n /\n @Prop() closeText = 'Close';\n\n /\n The text to display for the menu button & sidebar title\n */\n @Prop() menuText = 'Menu';\n\n @State() private _showMenu = false;\n\n render() {\n return (\n <Host class=\"p-navbar\">\n <p-backdrop\n applyBlur={true}\n class={`z-navbar-backdrop desktop-xs:hidden ${\n this._showMenu && 'show'\n }`}\n onClicked={() => (this._showMenu = false)}\n ></p-backdrop>\n <div class={`sidebar ${this._showMenu && 'show'}`}>\n <div class=\"header\">\n <p class=\"text-xl m-0 font-semibold text-storm-dark\">\n {this.menuText}\n </p>\n\n <p-button\n variant=\"secondary\"\n icon=\"negative\"\n iconPosition=\"end\"\n size=\"small\"\n onClick={() => (this._showMenu = false)}\n >\n {this.closeText}\n </p-button>\n </div>\n <div class=\"company\">\n <slot name=\"company\" />\n </div>\n <div class=\"content\">\n <slot name=\"content\" />\n </div>\n\n <div class=\"user\">\n <slot name=\"user\" />\n </div>\n </div>\n\n <div class=\"top-bar\">\n <p-button\n variant=\"secondary\"\n icon=\"menu\"\n size=\"small\"\n onClick={() => (this._showMenu = true)}\n >\n {this.menuText}\n </p-button>\n\n <slot name=\"topbar\" />\n </div>\n </Host>\n );\n }\n\n @Listen('closeNavbar', { target: 'window' })\n handleCloseNavbar() {\n this._showMenu = false;\n }\n\n @Listen('openNavbar', { target: 'window' })\n handleOpenNavbar() {\n this._showMenu = true;\n }\n}\n"],"version":3}
1	+ {"file":"p-navbar.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,w9IAAw9I;;MCOt+I,MAAM;;;;;qBAIK,OAAO;oBAKR,MAAM;qBAEI,KAAK;;EAElC,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU,IAClB,kBACI,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,uCACH,IAAI,CAAC,SAAS,IAAI,MACtB,EAAE,EACF,SAAS,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,GAC/B,EACd,WAAK,KAAK,EAAE,WAAW,IAAI,CAAC,SAAS,IAAI,MAAM,EAAE,IAC7C,WAAK,KAAK,EAAC,QAAQ,IACf,SAAG,KAAK,EAAC,2CAA2C,IAC/C,IAAI,CAAC,QAAQ,CACd,EAEJ,gBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAEtC,IAAI,CAAC,SAAS,CACR,CACT,EACN,WAAK,KAAK,EAAC,SAAS,IAChB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,EACN,WAAK,KAAK,EAAC,SAAS,IAChB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB,EAEN,WAAK,KAAK,EAAC,MAAM,IACb,YAAM,IAAI,EAAC,MAAM,GAAG,CAClB,CACJ,EAEN,WAAK,KAAK,EAAC,SAAS,IAChB,gBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAErC,IAAI,CAAC,QAAQ,CACP,EAEX,YAAM,IAAI,EAAC,QAAQ,GAAG,CACpB,CACH,EACT;GACL;EAGD,iBAAiB;IACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;GAC1B;EAGD,gBAAgB;IACZ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;GACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/organisms/navbar/navbar.component.scss?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":["@import '../../../style/mixins';\n\n:host {\n @apply w-full max-h-screen-safe;\n @apply desktop-xs:w-60;\n\n .sidebar,\n .sidebar .company,\n .sidebar .content,\n .sidebar .user,\n .userbar {\n @apply flex w-full flex-col;\n }\n\n .sidebar,\n .top-bar {\n @apply bg-white;\n @apply border-0 border-solid border-mystic-dark #{!important};\n }\n\n .sidebar {\n @apply fixed top-0 left-0 z-navbar h-screen w-60 bg-white;\n @apply desktop-xs:relative desktop-xs:h-full desktop-xs:w-full;\n @apply gap-6;\n\n @apply will-change-transform;\n @apply -translate-x-full transform-gpu desktop-xs:translate-x-0;\n\n @apply py-4;\n\n padding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n @apply border-r #{!important};\n\n @apply transition-all;\n\n .company,\n .content,\n .user,\n .header {\n @apply px-4;\n }\n\n .header {\n @apply flex w-full items-center justify-between;\n @apply desktop-xs:hidden;\n }\n\n .content {\n @apply overflow-y-auto;\n\n @include scrollbarY();\n }\n\n .user {\n @apply mt-auto hidden;\n @apply desktop-xs:flex;\n }\n\n &.show {\n --tw-translate-x: env(safe-area-inset-left, 0);\n }\n }\n\n .top-bar {\n @apply flex w-full justify-between px-4 py-2;\n\n padding-top: calc(env(safe-area-inset-top, 0) + 0.5rem);\n height: calc(env(safe-area-inset-top, 0) + 3rem);\n\n @apply border-b #{!important};\n\n @apply desktop-xs:hidden;\n }\n\n p-backdrop {\n @apply hidden;\n\n &.show {\n @apply block;\n }\n }\n}\n","import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'p-navbar',\n styleUrl: 'navbar.component.scss',\n shadow: true,\n})\nexport class Navbar {\n /*\n The text to display for the close button\n /\n @Prop() closeText = 'Close';\n\n /\n The text to display for the menu button & sidebar title\n */\n @Prop() menuText = 'Menu';\n\n @State() private _showMenu = false;\n\n render() {\n return (\n <Host class=\"p-navbar\">\n <p-backdrop\n applyBlur={true}\n class={`z-navbar-backdrop desktop-xs:hidden ${\n this._showMenu && 'show'\n }`}\n onClicked={() => (this._showMenu = false)}\n ></p-backdrop>\n <div class={`sidebar ${this._showMenu && 'show'}`}>\n <div class=\"header\">\n <p class=\"text-xl m-0 font-semibold text-storm-dark\">\n {this.menuText}\n </p>\n\n <p-button\n variant=\"secondary\"\n icon=\"negative\"\n iconPosition=\"end\"\n size=\"small\"\n onClick={() => (this._showMenu = false)}\n >\n {this.closeText}\n </p-button>\n </div>\n <div class=\"company\">\n <slot name=\"company\" />\n </div>\n <div class=\"content\">\n <slot name=\"content\" />\n </div>\n\n <div class=\"user\">\n <slot name=\"user\" />\n </div>\n </div>\n\n <div class=\"top-bar\">\n <p-button\n variant=\"secondary\"\n icon=\"menu\"\n size=\"small\"\n onClick={() => (this._showMenu = true)}\n >\n {this.menuText}\n </p-button>\n\n <slot name=\"topbar\" />\n </div>\n </Host>\n );\n }\n\n @Listen('closeNavbar', { target: 'window' })\n handleCloseNavbar() {\n this._showMenu = false;\n }\n\n @Listen('openNavbar', { target: 'window' })\n handleOpenNavbar() {\n this._showMenu = true;\n }\n}\n"],"version":3}

package/dist/components/p-navigation-item.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { d as defineCustomElement$3 } from './counter.component.js';
 import { d as defineCustomElement$2 } from './icon.component.js';
-const navigationItemComponentCss = ".inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;gap:.5rem;height:2rem;padding-left:.5rem;padding-right:.5rem;text-decoration-line:none;width:100%}:host>a:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}:host>a>p-counter{margin-left:auto}:host(.active)>a{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(.active)>a>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";
+const navigationItemComponentCss = ".inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;gap:.5rem;height:2rem;padding-left:.5rem;padding-right:.5rem;text-decoration-line:none;width:100%}:host>a:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}:host>a>p-counter{margin-left:auto}:host(.active)>a{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(.active)>a>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";
 const NavigationItem = /*@__PURE__*/ proxyCustomElement(class NavigationItem extends HTMLElement {
   constructor() {

package/dist/components/p-navigation-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-navigation-item.js","mappings":";;;;AAAA,MAAM,0BAA0B,GAAG,~~oxCAAoxC~~;;~~MCQ1yC~~,cAAc;;;;;kBAIG,KAAK;;;;;;EAsB/B,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,qBAAqB,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IACvD,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IAClC,IAAI,CAAC,IAAI,IAAI,cAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,EAC5C,YAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa,IACtC,eAAQ,CACL,EACN,IAAI,CAAC,OAAO,KACT,iBAAW,OAAO,EAAC,UAAU,IAAE,IAAI,CAAC,OAAO,CAAa,CAC3D,CACD,CACD,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/navigation-item/navigation-item.component.scss?tag=p-navigation-item&encapsulation=shadow","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":[":host {\n @apply w-full inline-block mb-1;\n\n > a {\n @apply w-full h-8 px-2 cursor-pointer rounded-large no-underline;\n @apply flex items-center gap-2;\n @apply text-storm font-semibold;\n\n @apply hover:bg-indigo-light;\n\n > p-icon {\n @apply text-storm;\n }\n\n > p-counter {\n @apply ml-auto;\n }\n }\n}\n\n:host(.active) {\n > a {\n @apply text-indigo bg-indigo-light;\n\n > p-icon {\n @apply text-indigo;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n tag: 'p-navigation-item',\n styleUrl: 'navigation-item.component.scss',\n shadow: true,\n})\nexport class NavigationItem {\n /*\n Wether the navigation item is active\n /\n @Prop() active: boolean = false;\n\n /\n Icon of the navigation item\n /\n @Prop() icon: IconVariant;\n\n /\n Icon of the navigation item\n /\n @Prop() counter: number \| string;\n\n /\n The href of the navigation item\n /\n @Prop() href: string;\n\n /\n The target of the navigation item\n */\n @Prop() target: string;\n\n render() {\n return (\n <Host class={`p-navigation-item ${this.active && 'active'}`}>\n <a href={this.href} target={this.target}>\n {this.icon && <p-icon variant={this.icon} />}\n <span class={this.counter && 'has-counter'}>\n <slot />\n </span>\n {this.counter && (\n <p-counter variant=\"negative\">{this.counter}</p-counter>\n )}\n </a>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-navigation-item.js","mappings":";;;;AAAA,MAAM,0BAA0B,GAAG,szCAAszC;;MCQ50C,cAAc;;;;;kBAIG,KAAK;;;;;;EAsB/B,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,qBAAqB,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IACvD,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IAClC,IAAI,CAAC,IAAI,IAAI,cAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,EAC5C,YAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa,IACtC,eAAQ,CACL,EACN,IAAI,CAAC,OAAO,KACT,iBAAW,OAAO,EAAC,UAAU,IAAE,IAAI,CAAC,OAAO,CAAa,CAC3D,CACD,CACD,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/navigation-item/navigation-item.component.scss?tag=p-navigation-item&encapsulation=shadow","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":[":host {\n @apply w-full inline-block mb-1;\n\n > a {\n @apply w-full h-8 px-2 cursor-pointer rounded-large no-underline;\n @apply flex items-center gap-2;\n @apply text-storm font-semibold;\n\n @apply hover:bg-indigo-light;\n\n > p-icon {\n @apply text-storm;\n }\n\n > p-counter {\n @apply ml-auto;\n }\n }\n}\n\n:host(.active) {\n > a {\n @apply text-indigo bg-indigo-light;\n\n > p-icon {\n @apply text-indigo;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n tag: 'p-navigation-item',\n styleUrl: 'navigation-item.component.scss',\n shadow: true,\n})\nexport class NavigationItem {\n /*\n Wether the navigation item is active\n /\n @Prop() active: boolean = false;\n\n /\n Icon of the navigation item\n /\n @Prop() icon: IconVariant;\n\n /\n Icon of the navigation item\n /\n @Prop() counter: number \| string;\n\n /\n The href of the navigation item\n /\n @Prop() href: string;\n\n /\n The target of the navigation item\n */\n @Prop() target: string;\n\n render() {\n return (\n <Host class={`p-navigation-item ${this.active && 'active'}`}>\n <a href={this.href} target={this.target}>\n {this.icon && <p-icon variant={this.icon} />}\n <span class={this.counter && 'has-counter'}>\n <slot />\n </span>\n {this.counter && (\n <p-counter variant=\"negative\">{this.counter}</p-counter>\n )}\n </a>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-tab-item.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const tabItemComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem;white-space:nowrap}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";
+const tabItemComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem;white-space:nowrap}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}.static{position:static!important}";
 const TabItem = /*@__PURE__*/ proxyCustomElement(class TabItem extends HTMLElement {
   constructor() {

package/dist/components/p-tab-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-tab-item.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,~~q7BAAq7B~~;;~~MCOp8B~~,OAAO;;;;;kBAIU,KAAK;;EAE/B,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,cAAc,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IAChD,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/tab-item/tab-item.component.scss?tag=p-tab-item&encapsulation=shadow","src/components/atoms/tab-item/tab-item.component.tsx"],"sourcesContent":[":host {\n @apply flex h-10 items-center;\n @apply whitespace-nowrap font-semibold text-storm-medium;\n @apply cursor-pointer;\n @apply border-0 border-b-2 border-transparent #{!important};\n}\n\n:host(.active) {\n @apply border-indigo text-indigo #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-tab-item',\n styleUrl: 'tab-item.component.scss',\n shadow: true,\n})\nexport class TabItem {\n /*\n Wether the tab item is active\n */\n @Prop() active: boolean = false;\n\n render() {\n return (\n <Host class={`p-tab-item ${this.active && 'active'}`}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-tab-item.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,u9BAAu9B;;MCOt+B,OAAO;;;;;kBAIU,KAAK;;EAE/B,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,cAAc,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IAChD,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/tab-item/tab-item.component.scss?tag=p-tab-item&encapsulation=shadow","src/components/atoms/tab-item/tab-item.component.tsx"],"sourcesContent":[":host {\n @apply flex h-10 items-center;\n @apply whitespace-nowrap font-semibold text-storm-medium;\n @apply cursor-pointer;\n @apply border-0 border-b-2 border-transparent #{!important};\n}\n\n:host(.active) {\n @apply border-indigo text-indigo #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-tab-item',\n styleUrl: 'tab-item.component.scss',\n shadow: true,\n})\nexport class TabItem {\n /*\n Wether the tab item is active\n */\n @Prop() active: boolean = false;\n\n render() {\n return (\n <Host class={`p-tab-item ${this.active && 'active'}`}>\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/segment-item.component.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './icon.component.js';
-const segmentItemComponentCss = ".flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";
+const segmentItemComponentCss = ".flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}";
 const SegmentItem = /*@__PURE__*/ proxyCustomElement(class SegmentItem extends HTMLElement {
   constructor() {

package/dist/components/segment-item.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"segment-item.component.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,~~yqCAAyqC~~;;~~MCS5rC~~,WAAW;;;;;kBAIM,KAAK;;;;;EAiB/B,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,0BACH,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,SACzB,IAAI,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IAE5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,eAAQ,CACpC,EACT;GACL;EAEO,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,QACI,cACI,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACzB,EACJ;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n @apply h-6 flex items-center px-2 rounded-large;\n @apply text-storm text-sm font-semibold whitespace-nowrap;\n @apply cursor-pointer;\n}\n\n:host(.variant-icon) {\n @apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n @apply bg-indigo-light;\n}\n\n:host(.active) {\n @apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n tag: 'p-segment-item',\n styleUrl: 'segment-item.component.scss',\n shadow: true,\n})\nexport class SegmentItem {\n /*\n Wether the segment item is active\n /\n @Prop() active: boolean = false;\n\n /\n Icon to show on the segment item\n /\n @Prop() icon: IconVariant;\n\n /\n Icon flip\n /\n @Prop() iconFlip: IconFlipOptions;\n\n /\n Icon rotate\n */\n @Prop() iconRotate: RotateOptions;\n\n render() {\n return (\n <Host\n class={`p-segment-item variant-${\n this.icon ? 'icon' : 'default'\n } ${this.active && 'active'}`}\n >\n {this.icon ? this._getIcon() : <slot />}\n </Host>\n );\n }\n\n private _getIcon() {\n if (!this.icon) {\n return;\n }\n\n return (\n <p-icon\n class=\"flex\"\n variant={this.icon}\n flip={this.iconFlip}\n rotate={this.iconRotate}\n />\n );\n }\n}\n"],"version":3}
1	+ {"file":"segment-item.component.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,uoCAAuoC;;MCS1pC,WAAW;;;;;kBAIM,KAAK;;;;;EAiB/B,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,0BACH,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,SACzB,IAAI,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IAE5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,eAAQ,CACpC,EACT;GACL;EAEO,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,QACI,cACI,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACzB,EACJ;GACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n @apply h-6 flex items-center px-2 rounded-large;\n @apply text-storm text-sm font-semibold whitespace-nowrap;\n @apply cursor-pointer;\n}\n\n:host(.variant-icon) {\n @apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n @apply bg-indigo-light;\n}\n\n:host(.active) {\n @apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n tag: 'p-segment-item',\n styleUrl: 'segment-item.component.scss',\n shadow: true,\n})\nexport class SegmentItem {\n /*\n Wether the segment item is active\n /\n @Prop() active: boolean = false;\n\n /\n Icon to show on the segment item\n /\n @Prop() icon: IconVariant;\n\n /\n Icon flip\n /\n @Prop() iconFlip: IconFlipOptions;\n\n /\n Icon rotate\n */\n @Prop() iconRotate: RotateOptions;\n\n render() {\n return (\n <Host\n class={`p-segment-item variant-${\n this.icon ? 'icon' : 'default'\n } ${this.active && 'active'}`}\n >\n {this.icon ? this._getIcon() : <slot />}\n </Host>\n );\n }\n\n private _getIcon() {\n if (!this.icon) {\n return;\n }\n\n return (\n <p-icon\n class=\"flex\"\n variant={this.icon}\n flip={this.iconFlip}\n rotate={this.iconRotate}\n />\n );\n }\n}\n"],"version":3}

package/dist/esm/{index-934ac6da.js → index-5fa2e728.js} RENAMED Viewed

@@ -2295,6 +2295,6 @@ function isBefore(dirtyDate, dirtyDateToCompare) {
   return date.getTime() < dateToCompare.getTime();
 }
-export { _typeof as _, startOfUTCISOWeek as a, getUTCWeek as b, toInteger as c, getUTCISOWeek as d, getDefaultOptions as e, subMilliseconds as f, getUTCWeekYear as g, getTimezoneOffsetInMilliseconds as h, locale as i, isProtectedWeekYearToken as j, throwProtectedError as k, longFormatters as l, isProtectedDayOfYearToken as m, format as n, isValid as o, isBefore as p, isAfter as q, requiredArgs as r, startOfUTCWeek as s, toDate as t, startOfDay as u, isSameDay as v };
+export { _typeof as _, startOfUTCISOWeek as a, getUTCWeek as b, toInteger as c, getUTCISOWeek as d, getDefaultOptions as e, subMilliseconds as f, getUTCWeekYear as g, getTimezoneOffsetInMilliseconds as h, locale as i, isProtectedWeekYearToken as j, throwProtectedError as k, longFormatters as l, isProtectedDayOfYearToken as m, isValid as n, isBefore as o, isAfter as p, startOfDay as q, requiredArgs as r, startOfUTCWeek as s, toDate as t, isSameDay as u, format as v };
-//# sourceMappingURL=index-934ac6da.js.map
+//# sourceMappingURL=index-5fa2e728.js.map