npm - @paperless/core - Versions diffs - 1.9.3 → 1.10.0 - Mend

@paperless/core 1.9.3 → 1.10.0

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 (123) hide show

package/dist/collection/components/molecules/cropper/test/cropper.component.spec.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Cropper } from "../cropper.component";
+describe('p-cropper', () => {
+  it('renders', async () => {
+    const { root } = await newSpecPage({
+      components: [Cropper],
+      html: '<p-cropper></p-cropper>',
+    });
+    expect(root).toEqualHtml(`
+      <p-cropper class="p-cropper">
+        <mock:shadow-root>
+        </mock:shadow-root>
+      </p-cropper>
+    `);
+  });
+});
+//# sourceMappingURL=cropper.component.spec.js.map

package/dist/collection/components/molecules/cropper/test/cropper.component.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"cropper.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/cropper/test/cropper.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;EACvB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,OAAO,CAAC;MACrB,IAAI,EAAE,yBAAyB;KAClC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Cropper } from '../cropper.component';\n\ndescribe('p-cropper', () => {\n it('renders', async () => {\n const { root } = await newSpecPage({\n components: [Cropper],\n html: '<p-cropper></p-cropper>',\n });\n expect(root).toEqualHtml(`\n <p-cropper class=\"p-cropper\">\n <mock:shadow-root>\n </mock:shadow-root>\n </p-cropper>\n `);\n });\n});\n"]}

package/dist/collection/components/organisms/modal/modal.component.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 export class Modal {
   constructor() {
     this._hasFooterSlot = false;
@@ -12,6 +12,7 @@ export class Modal {
     this.showMobileFooter = false;
     this.backdropClickClose = true;
     this.scrollLock = true;
+    this.padding = true;
     this._closing = false;
   }
   componentWillLoad() {
@@ -28,7 +29,7 @@ export class Modal {
     const footerContent = h("slot", { name: "footer" });
     return (h(Host, { class: "p-modal" }, h("p-backdrop", { applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, h("p-modal-container", { size: this.size, closing: this._closing }, (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this._hasHeaderSlot) && (h("p-modal-header", { showClose: this.showClose, onClose: (ev) => this.close(ev.detail) }, this._hasHeaderSlot
       ? headerContent
-      : this.header)), h("p-modal-body", { variant: this.variant, rounded: !this._hasFooterSlot }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent))))));
+      : this.header)), h("p-modal-body", { variant: this.variant, rounded: !this._hasFooterSlot, padding: this.padding }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent))))));
   }
   _backdropClick(ev) {
     if (!this.backdropClickClose) {
@@ -209,6 +210,24 @@ export class Modal {
         "attribute": "scroll-lock",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "padding": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the body should have padding"
+        },
+        "attribute": "padding",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

package/dist/collection/components/organisms/modal/modal.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.component.js","sourceRoot":"","sources":["../../../../src/components/organisms/modal/modal.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,~~EACR~~,MAAM,eAAe,CAAC;AAMvB,MAAM,OAAO,KAAK;;~~IAiEN~~,mBAAc,GAAG,KAAK,CAAC;IACvB,mBAAc,GAAG,KAAK,CAAC;~~gBA9DW~~,IAAI;mBAKP,SAAS;;gBAUxB,KAAK;qBAKA,KAAK;qBAKd,IAAI;4BAKG,KAAK;8BAKH,IAAI;sBAKH,IAAI;~~oBAwBN~~,KAAK;;EAEjC,iBAAiB;IACb,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC1C,0BAA0B,CAC7B,CAAC;IACF,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC1C,0BAA0B,CAC7B,CAAC;EACN,CAAC;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;IAC5C,MAAM,aAAa,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;IAE7C,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,SAAS;MACjB,kBACI,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,UAAU,EAAE,IAAI,CAAC,UAAU;QAE3B,yBAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ;UACrD,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAC7C,sBACI,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,IAErC,IAAI,CAAC,cAAc;YAChB,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,IAAI,CAAC,MAAM,CACJ,CACpB;UACD,oBACI,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,CAAC,IAAI,CAAC,cAAc,~~IAE5B~~,WAAW,CACD;UACd,IAAI,CAAC,cAAc,IAAI,CACpB,0BAAiB,aAAa,CAAkB,CACnD,CACe,CACX,CACV,CACV,CAAC;EACN,CAAC;EAEO,cAAc,CAAC,EAAc;IACjC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;MAC1B,OAAO;KACV;IAED,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;EACnB,CAAC;EAEM,KAAK,CAAC,EAAc;IACvB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAE3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAErB,UAAU,CAAC,GAAG,EAAE;MACZ,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;MAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;MAEtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC,EAAE,GAAG,CAAC,CAAC;EACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["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-modal',\n shadow: true,\n})\nexport class Modal {\n /*\n The size of the modal container\n /\n @Prop() size: 'sm' \| 'md' \| 'lg' \| 'xl' = 'md';\n\n /\n The variant of the modal body\n /\n @Prop() variant: 'default' \| 'table' = 'default';\n\n /\n The Header of the modal\n /\n @Prop() header?: string;\n\n /\n Wether to show the modal 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 button in the header\n /\n @Prop() showClose = true;\n\n /\n Wether to show the footer on mobile\n /\n @Prop() showMobileFooter = false;\n\n /\n Wether to hide the modal when the backdrop is clicked\n /\n @Prop() backdropClickClose = 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<MouseEvent>;\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 _hasFooterSlot = false;\n private _hasHeaderSlot = false;\n\n @State() private _closing = false;\n\n componentWillLoad() {\n this._hasFooterSlot = !!this._el.querySelector(\n ':scope > [slot=\"footer\"]'\n );\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 const footerContent = <slot name=\"footer\" />;\n\n return (\n <Host class=\"p-modal\">\n <p-backdrop\n applyBlur={this.applyBlur}\n onClicked={(ev) => this._backdropClick(ev.detail)}\n closing={this._closing}\n scrollLock={this.scrollLock}\n >\n <p-modal-container size={this.size} closing={this._closing}>\n {(this.header?.length \|\| this._hasHeaderSlot) && (\n <p-modal-header\n showClose={this.showClose}\n onClose={(ev) => this.close(ev.detail)}\n >\n {this._hasHeaderSlot\n ? headerContent\n : this.header}\n </p-modal-header>\n )}\n <p-modal-body\n variant={this.variant}\n rounded={!this._hasFooterSlot}\n >\n {bodyContent}\n </p-modal-body>\n {this._hasFooterSlot && (\n <p-modal-footer>{footerContent}</p-modal-footer>\n )}\n </p-modal-container>\n </p-backdrop>\n </Host>\n );\n }\n\n private _backdropClick(ev: MouseEvent) {\n if (!this.backdropClickClose) {\n return;\n }\n\n this.close(ev);\n }\n\n public close(ev: MouseEvent) {\n this.closeClicked.emit(ev);\n\n this._closing = true;\n\n setTimeout(() => {\n this.show = false;\n this._closing = false;\n\n this.closed.emit();\n }, 550);\n }\n}\n"]}
1	+ {"version":3,"file":"modal.component.js","sourceRoot":"","sources":["../../../../src/components/organisms/modal/modal.component.tsx"],"names":[],"mappings":"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","sourcesContent":["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-modal',\n shadow: true,\n})\nexport class Modal {\n /*\n The size of the modal container\n /\n @Prop() size: 'sm' \| 'md' \| 'lg' \| 'xl' = 'md';\n\n /\n The variant of the modal body\n /\n @Prop() variant: 'default' \| 'table' = 'default';\n\n /\n The Header of the modal\n /\n @Prop() header?: string;\n\n /\n Wether to show the modal 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 button in the header\n /\n @Prop() showClose = true;\n\n /\n Wether to show the footer on mobile\n /\n @Prop() showMobileFooter = false;\n\n /\n Wether to hide the modal when the backdrop is clicked\n /\n @Prop() backdropClickClose = true;\n\n /\n Wether we should scroll lock the body\n /\n @Prop() scrollLock: boolean = true;\n\n /\n Wether the body should have padding\n /\n @Prop() padding: boolean = true;\n\n /\n Close click event\n /\n @Event({\n bubbles: false,\n })\n closeClicked: EventEmitter<MouseEvent>;\n\n /\n Closed event\n /\n @Event({\n bubbles: false,\n })\n closed: EventEmitter<null>;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n private _hasFooterSlot = false;\n private _hasHeaderSlot = false;\n\n @State() private _closing = false;\n\n componentWillLoad() {\n this._hasFooterSlot = !!this._el.querySelector(\n ':scope > [slot=\"footer\"]'\n );\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 const footerContent = <slot name=\"footer\" />;\n\n return (\n <Host class=\"p-modal\">\n <p-backdrop\n applyBlur={this.applyBlur}\n onClicked={(ev) => this._backdropClick(ev.detail)}\n closing={this._closing}\n scrollLock={this.scrollLock}\n >\n <p-modal-container size={this.size} closing={this._closing}>\n {(this.header?.length \|\| this._hasHeaderSlot) && (\n <p-modal-header\n showClose={this.showClose}\n onClose={(ev) => this.close(ev.detail)}\n >\n {this._hasHeaderSlot\n ? headerContent\n : this.header}\n </p-modal-header>\n )}\n <p-modal-body\n variant={this.variant}\n rounded={!this._hasFooterSlot}\n padding={this.padding}\n >\n {bodyContent}\n </p-modal-body>\n {this._hasFooterSlot && (\n <p-modal-footer>{footerContent}</p-modal-footer>\n )}\n </p-modal-container>\n </p-backdrop>\n </Host>\n );\n }\n\n private _backdropClick(ev: MouseEvent) {\n if (!this.backdropClickClose) {\n return;\n }\n\n this.close(ev);\n }\n\n public close(ev: MouseEvent) {\n this.closeClicked.emit(ev);\n\n this._closing = true;\n\n setTimeout(() => {\n this.show = false;\n this._closing = false;\n\n this.closed.emit();\n }, 550);\n }\n}\n"]}

package/dist/components/backdrop.component.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-const backdropComponentCss = ".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.flex{display:flex!important}.h-full{height:100%!important}.max-h-screen{max-height:100vh!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.p-0{padding:0!important}*{box-sizing:border-box}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:center;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:64rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}";
+const backdropComponentCss = ".fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.flex{display:flex!important}.h-full{height:100%!important}.max-h-screen{max-height:100vh!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.p-0{padding:0!important}*{box-sizing:border-box}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:center;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:64rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}.static{position:static!important}";
 const Backdrop = /*@__PURE__*/ proxyCustomElement(class Backdrop extends HTMLElement {
   constructor() {

package/dist/components/backdrop.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"backdrop.component.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,~~mnEAAmnE~~;;~~MCgBnoE~~,QAAQ;;;;;;mBAIqB,OAAO;qBAKhB,KAAK;mBAKP,KAAK;sBAKF,IAAI;;EAclC,iBAAiB;IACb,IAAI,IAAI,CAAC,UAAU,EAAE;MACjB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAChE;GACJ;EAED,oBAAoB;IAChB,IAAI,IAAI,CAAC,UAAU,EAAE;MACjB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KACnE;GACJ;EAED,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IACrC,IAAI,CAAC,SAAS,IAAI,SACtB,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAE/B,WAAK,KAAK,EAAC,mBAAmB,IAC1B,eAAQ,CACN,CACH,EACT;GACL;EAGD,WAAW,CAAC,EAAc;IACtB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,EAAE;MACxB,OAAO;KACV;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;GACzB;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n @apply flex;\n @apply fixed left-0 top-0 z-backdrop;\n @apply h-full w-full;\n @apply overflow-hidden;\n @apply animate-fade-in bg-storm-dark/50;\n @apply max-h-screen max-w-screen;\n\n .content-container {\n @apply h-full w-full overflow-y-auto overflow-x-hidden;\n @apply tablet:px-16 desktop-xs:p-16;\n @apply flex items-end justify-center desktop-xs:items-center;\n @apply max-h-screen max-w-screen;\n }\n}\n\n:host(.blurred) {\n @apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n @apply animate-fade-out;\n\n .content-container {\n @apply overflow-hidden;\n }\n}\n\n:host(.variant-drawer) {\n .content-container {\n @apply items-start justify-end;\n @apply p-0 tablet:p-0 desktop-xs:p-0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop\n} from '@stencil/core';\n\n@Component({\n tag: 'p-backdrop',\n styleUrl: 'backdrop.component.scss',\n shadow: true,\n})\nexport class Backdrop {\n /*\n The variant of the backdrop\n /\n @Prop() variant: 'modal' \| 'drawer' = 'modal';\n\n /\n Wether to apply blur on the background of the backdrop\n /\n @Prop() applyBlur: boolean = false;\n\n /\n Wether the backdrop is closing\n /\n @Prop() closing: boolean = false;\n\n /\n Wether we should scroll lock the body\n /\n @Prop() scrollLock: boolean = true;\n\n /\n When the backdrop is clicked\n /\n @Event({\n bubbles: false\n }) clicked: EventEmitter<MouseEvent>;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n componentWillLoad() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.add('scroll-lock');\n }\n }\n\n disconnectedCallback() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.remove('scroll-lock');\n }\n }\n\n render() {\n return (\n <Host\n class={`p-backdrop variant-${this.variant} ${\n this.applyBlur && 'blurred'\n } ${this.closing && 'closing'}`}\n >\n <div class=\"content-container\">\n <slot />\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n handleClick(ev: MouseEvent) {\n if (ev.target !== this._el) {\n return;\n }\n\n this.clicked.emit(ev);\n }\n}\n"],"version":3}
1	+ {"file":"backdrop.component.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,qpEAAqpE;;MCgBrqE,QAAQ;;;;;;mBAIqB,OAAO;qBAKhB,KAAK;mBAKP,KAAK;sBAKF,IAAI;;EAclC,iBAAiB;IACb,IAAI,IAAI,CAAC,UAAU,EAAE;MACjB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAChE;GACJ;EAED,oBAAoB;IAChB,IAAI,IAAI,CAAC,UAAU,EAAE;MACjB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KACnE;GACJ;EAED,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IACrC,IAAI,CAAC,SAAS,IAAI,SACtB,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAE/B,WAAK,KAAK,EAAC,mBAAmB,IAC1B,eAAQ,CACN,CACH,EACT;GACL;EAGD,WAAW,CAAC,EAAc;IACtB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,EAAE;MACxB,OAAO;KACV;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;GACzB;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n @apply flex;\n @apply fixed left-0 top-0 z-backdrop;\n @apply h-full w-full;\n @apply overflow-hidden;\n @apply animate-fade-in bg-storm-dark/50;\n @apply max-h-screen max-w-screen;\n\n .content-container {\n @apply h-full w-full overflow-y-auto overflow-x-hidden;\n @apply tablet:px-16 desktop-xs:p-16;\n @apply flex items-end justify-center desktop-xs:items-center;\n @apply max-h-screen max-w-screen;\n }\n}\n\n:host(.blurred) {\n @apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n @apply animate-fade-out;\n\n .content-container {\n @apply overflow-hidden;\n }\n}\n\n:host(.variant-drawer) {\n .content-container {\n @apply items-start justify-end;\n @apply p-0 tablet:p-0 desktop-xs:p-0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop\n} from '@stencil/core';\n\n@Component({\n tag: 'p-backdrop',\n styleUrl: 'backdrop.component.scss',\n shadow: true,\n})\nexport class Backdrop {\n /*\n The variant of the backdrop\n /\n @Prop() variant: 'modal' \| 'drawer' = 'modal';\n\n /\n Wether to apply blur on the background of the backdrop\n /\n @Prop() applyBlur: boolean = false;\n\n /\n Wether the backdrop is closing\n /\n @Prop() closing: boolean = false;\n\n /\n Wether we should scroll lock the body\n /\n @Prop() scrollLock: boolean = true;\n\n /\n When the backdrop is clicked\n /\n @Event({\n bubbles: false\n }) clicked: EventEmitter<MouseEvent>;\n\n /\n The host element\n */\n @Element() private _el: HTMLElement;\n\n componentWillLoad() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.add('scroll-lock');\n }\n }\n\n disconnectedCallback() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.remove('scroll-lock');\n }\n }\n\n render() {\n return (\n <Host\n class={`p-backdrop variant-${this.variant} ${\n this.applyBlur && 'blurred'\n } ${this.closing && 'closing'}`}\n >\n <div class=\"content-container\">\n <slot />\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n handleClick(ev: MouseEvent) {\n if (ev.target !== this._el) {\n return;\n }\n\n this.clicked.emit(ev);\n }\n}\n"],"version":3}

package/dist/components/divider.component.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const dividerComponentCss = ".my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.block{display:block!important}.flex{display:flex!important}.h-px{height:1px!important}.w-full{width:100%!important}.bg-mystic-medium{--tw-bg-opacity:1!important;background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}*{box-sizing:border-box}:host{display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .content{align-items:center;display:flex;width:100%}:host .content:after,:host .content:before{--tw-bg-opacity:1;background-color:rgb(227 236 243/var(--tw-bg-opacity));content:\"\";flex:1 1 0%;height:1px}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}";
+const dividerComponentCss = ".my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.block{display:block!important}.flex{display:flex!important}.h-px{height:1px!important}.w-full{width:100%!important}.bg-mystic-medium{--tw-bg-opacity:1!important;background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}*{box-sizing:border-box}:host{display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .content{align-items:center;display:flex;width:100%}:host .content:after,:host .content:before{--tw-bg-opacity:1;background-color:rgb(227 236 243/var(--tw-bg-opacity));content:\"\";flex:1 1 0%;height:1px}.static{position:static!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}";
 const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends HTMLElement {
   constructor() {

package/dist/components/divider.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"divider.component.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,~~8rBAA8rB~~;;~~MCO7sB~~,OAAO;;;;;;EAMhB,MAAM;;IACF,MAAM,UAAU,GAAG,CAAC,EAAC,MAAA,IAAI,CAAC,GAAG,CAAC,SAAS,0CAAE,MAAM,CAAA,CAAC;IAChD,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,WAAW,IACnB,WAAK,KAAK,EAAC,SAAS,IAChB,WAAK,KAAK,EAAE,qBAAqB,UAAU,IAAI,MAAM,EAAE,IACnD,eAAQ,CACN,CACJ,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/divider/divider.component.scss?tag=p-divider&encapsulation=shadow","src/components/atoms/divider/divider.component.tsx"],"sourcesContent":[":host {\n @apply block my-2 w-full;\n\n .content {\n @apply flex w-full items-center;\n\n &::before,\n &::after {\n content: '';\n @apply h-px bg-mystic-medium flex-1;\n }\n }\n}\n","import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'p-divider',\n styleUrl: 'divider.component.scss',\n shadow: true,\n})\nexport class Divider {\n /*\n The host element\n */\n @Element() private _el: HTMLElement;\n\n render() {\n const hasSlotted = !!this._el.innerHTML?.length;\n return (\n <Host class=\"p-divider\">\n <div class=\"content\">\n <div class={`flex items-center ${hasSlotted && 'px-2'}`}>\n <slot />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"divider.component.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,guBAAguB;;MCO/uB,OAAO;;;;;;EAMhB,MAAM;;IACF,MAAM,UAAU,GAAG,CAAC,EAAC,MAAA,IAAI,CAAC,GAAG,CAAC,SAAS,0CAAE,MAAM,CAAA,CAAC;IAChD,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,WAAW,IACnB,WAAK,KAAK,EAAC,SAAS,IAChB,WAAK,KAAK,EAAE,qBAAqB,UAAU,IAAI,MAAM,EAAE,IACnD,eAAQ,CACN,CACJ,CACH,EACT;GACL;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/divider/divider.component.scss?tag=p-divider&encapsulation=shadow","src/components/atoms/divider/divider.component.tsx"],"sourcesContent":[":host {\n @apply block my-2 w-full;\n\n .content {\n @apply flex w-full items-center;\n\n &::before,\n &::after {\n content: '';\n @apply h-px bg-mystic-medium flex-1;\n }\n }\n}\n","import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'p-divider',\n styleUrl: 'divider.component.scss',\n shadow: true,\n})\nexport class Divider {\n /*\n The host element\n */\n @Element() private _el: HTMLElement;\n\n render() {\n const hasSlotted = !!this._el.innerHTML?.length;\n return (\n <Host class=\"p-divider\">\n <div class=\"content\">\n <div class={`flex items-center ${hasSlotted && 'px-2'}`}>\n <slot />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/icon.component.js CHANGED Viewed

@@ -639,18 +639,9 @@ const person = `<?xml version="1.0" encoding="UTF-8"?>
     </g>
 </svg>`;
-const plan = `<?xml version="1.0" encoding="UTF-8"?>
-<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>⚛️ Atoms/icons/plan</title>
-    <defs>
-        <rect id="path-1" x="0" y="-4.54747351e-13" width="16" height="16"></rect>
-    </defs>
-    <g id="⚛️-Atoms/icons/plan" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <mask id="mask-2" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-        <g id="Bounding-box"></g>
-        <path d="M10.4142136,-0.985786282 L13.4142136,2.01421372 C13.7892863,2.38928647 14,2.8979943 14,3.42842728 L14,13.6000002 C14,14.7045697 13.1045695,15.6000002 12,15.6000002 L6,15.6000002 C4.8954305,15.6000002 4,14.7045697 4,13.6000002 L4,3.42842728 C4,2.8979943 4.21071368,2.38928647 4.58578644,2.01421372 L7.58578644,-0.985786282 C8.36683502,-1.76683487 9.63316498,-1.76683487 10.4142136,-0.985786282 Z M9.23357664,6.60000016 C8.9026764,6.60000016 8.59975669,6.66786719 8.32481752,6.80360126 C8.04987835,6.93933534 7.81386861,7.13462619 7.61678832,7.38947384 C7.41970803,7.64432149 7.2676399,7.95872592 7.16058394,8.33268714 C7.05352798,8.70664835 7,9.12908603 7,9.60000016 C7,10.0764544 7.05352798,10.5002772 7.16058394,10.8714683 C7.2676399,11.2426594 7.41970803,11.5556788 7.61678832,11.8105265 C7.81386861,12.0653741 8.04987835,12.260665 8.32481752,12.396399 C8.59975669,12.5321331 8.9026764,12.6000002 9.23357664,12.6000002 C9.47688564,12.6000002 9.69221411,12.5695292 9.87956204,12.5085874 C10.06691,12.4476456 10.2323601,12.3673132 10.3759124,12.2675902 C10.5194647,12.1678672 10.6411192,12.0556788 10.7408759,11.9310251 C10.8406326,11.8063713 10.9270073,11.6803326 11,11.5529087 L10.2043796,10.8880888 C9.97080292,11.3590029 9.64720195,11.59446 9.23357664,11.59446 C8.99026764,11.59446 8.77858881,11.5127425 8.59854015,11.3493076 C8.41849148,11.1858727 8.29440389,10.9462605 8.22627737,10.6304711 L9.90510949,10.6304711 L9.90510949,9.88254863 L8.16788321,9.88254863 L8.16788321,9.31745168 L9.90510949,9.31745168 L9.90510949,8.56952924 L8.22627737,8.56952924 C8.29927007,8.27036027 8.4270073,8.0349032 8.60948905,7.86315805 C8.7919708,7.6914129 9,7.60554032 9.23357664,7.60554032 C9.44768856,7.60554032 9.62408759,7.65955694 9.76277372,7.76759018 C9.90145985,7.87562342 10.0243309,8.03767329 10.1313869,8.25373977 L10.9270073,7.59723007 C10.8491484,7.47534642 10.7627737,7.35346276 10.6678832,7.2315791 C10.5729927,7.10969545 10.459854,7.00304725 10.3284672,6.9116345 C10.1970803,6.82022176 10.0425791,6.74542952 9.8649635,6.68725777 C9.68734793,6.62908603 9.47688564,6.60000016 9.23357664,6.60000016 Z M9,1.60000016 C8.44771525,1.60000016 8,2.04771541 8,2.60000016 C8,3.15228491 8.44771525,3.60000016 9,3.60000016 C9.55228475,3.60000016 10,3.15228491 10,2.60000016 C10,2.04771541 9.55228475,1.60000016 9,1.60000016 Z" id="Combined-Shape" fill="currentColor" mask="url(#mask-2)" transform="translate(9, 7.0142) rotate(45) translate(-9, -7.0142)"></path>
+const plan = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em" viewBox="0 0 16 16">
+    <g fill="none" fill-rule="evenodd">
+        <path fill="currentColor" d="M16,2.07320636 L16,6.4711412 C16,7.02098971 15.7815735,7.54831786 15.3927719,7.93711947 L7.93711947,15.3927719 C7.12748203,16.2024094 5.81480036,16.2024094 5.00516292,15.3927719 L0.607228085,10.9948371 C-0.202409362,10.1851996 -0.202409362,8.87251797 0.607228085,8.06288053 L8.06288053,0.607228085 C8.45168214,0.218426472 8.97901029,0 9.5288588,0 L13.9267936,0 C15.0717939,0 16,0.928206105 16,2.07320636 Z M9.57430689,6.76811139 C9.33176061,6.52556511 9.05997795,6.35327405 8.75895892,6.25123822 C8.4579399,6.1492024 8.14180125,6.11935591 7.81054298,6.16169875 C7.47928471,6.20404159 7.13736539,6.32303234 6.78478502,6.51867099 C6.43220465,6.71430965 6.083327,6.98471645 5.73815206,7.32989139 C5.38891623,7.67912721 5.11749422,8.02902009 4.923886,8.37957001 C4.73027779,8.73011994 4.61230226,9.07102404 4.56995942,9.40228231 C4.52761657,9.73354058 4.55746307,10.0496792 4.65949889,10.3506983 C4.76153472,10.6517173 4.93382578,10.9234999 5.17637206,11.1660462 C5.35471492,11.3443891 5.53488319,11.4798877 5.71687689,11.572542 C5.89887059,11.6651963 6.07902651,11.7275866 6.25734467,11.759713 C6.43566282,11.7918394 6.60706711,11.798778 6.77155751,11.7805288 C6.93604792,11.7622795 7.09174469,11.7332061 7.23864783,11.6933087 L7.14277249,10.6228218 C6.6263884,10.7967876 6.21660494,10.7321791 5.91342208,10.4289962 C5.73507922,10.2506533 5.63981894,10.0355971 5.62764124,9.78382734 C5.61546353,9.53205761 5.70014181,9.26546963 5.88167606,8.98406337 L7.11224177,10.2146291 L7.66046079,9.66641006 L6.3870928,8.39304206 L6.80130273,7.97883213 L8.07467072,9.25220013 L8.62288975,8.7039811 L7.39232404,7.4734154 C7.66511451,7.30763064 7.93133198,7.22867317 8.19097645,7.23654298 C8.45062092,7.24441279 8.66604773,7.33395227 8.83725687,7.50516141 C8.99419859,7.66210313 9.08390356,7.83099529 9.1063718,8.01183791 C9.12884003,8.19268053 9.10012239,8.40152446 9.02021886,8.6383697 L10.0846145,8.74033637 C10.1168842,8.59392726 10.1429118,8.44127615 10.1626975,8.28238304 C10.1824832,8.12348993 10.1777257,7.96238853 10.1484252,7.79907884 C10.1191246,7.63576915 10.0606987,7.46769953 9.97314772,7.29486999 C9.88559669,7.12204045 9.75264975,6.94645425 9.57430689,6.76811139 Z M13.0680434,2.93195656 C12.6632247,2.52713783 12.0068839,2.52713783 11.6020652,2.93195656 C11.1972464,3.33677528 11.1972464,3.99311611 11.6020652,4.39793483 C12.0068839,4.80275356 12.6632247,4.80275356 13.0680434,4.39793483 C13.4728622,3.99311611 13.4728622,3.33677528 13.0680434,2.93195656 Z" mask="url(#b)"/>
     </g>
 </svg>`;

package/dist/components/icon.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"icon.component.js","mappings":"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","names":[],"sources":["src/utils/icons.ts","src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx"],"sourcesContent":["import arrow from '../assets/icons/arrow.svg';\nimport attachment from '../assets/icons/attachment.svg';\nimport bread from '../assets/icons/bread.svg';\nimport calendar from '../assets/icons/calendar.svg';\nimport camera from '../assets/icons/camera.svg';\nimport car from '../assets/icons/car.svg';\nimport checklist from '../assets/icons/checklist.svg';\nimport checkmark from '../assets/icons/checkmark.svg';\nimport chevron from '../assets/icons/chevron.svg';\nimport clock from '../assets/icons/clock.svg';\nimport cogs from '../assets/icons/cogs.svg';\nimport colleagues from '../assets/icons/colleagues.svg';\nimport comment from '../assets/icons/comment.svg';\nimport companies from '../assets/icons/companies.svg';\nimport document from '../assets/icons/document.svg';\nimport download from '../assets/icons/download.svg';\nimport envelope from '../assets/icons/envelope.svg';\nimport explanation from '../assets/icons/explanation.svg';\nimport eye from '../assets/icons/eye.svg';\nimport faBuilding from '../assets/icons/fa/building.svg';\nimport faPiggy from '../assets/icons/fa/piggy.svg';\nimport filter from '../assets/icons/filter.svg';\nimport folder from '../assets/icons/folder.svg';\nimport formula from '../assets/icons/formula.svg';\nimport grid from '../assets/icons/grid.svg';\nimport headset from '../assets/icons/headset.svg';\nimport integration from '../assets/icons/integration.svg';\nimport list from '../assets/icons/list.svg';\nimport location from '../assets/icons/location.svg';\nimport megaphone from '../assets/icons/megaphone.svg';\nimport menu from '../assets/icons/menu.svg';\nimport minus from '../assets/icons/minus.svg';\nimport more from '../assets/icons/more.svg';\nimport negative from '../assets/icons/negative.svg';\nimport notification from '../assets/icons/notification.svg';\nimport pagination from '../assets/icons/pagination.svg';\nimport payment from '../assets/icons/payment.svg';\nimport pencil from '../assets/icons/pencil.svg';\nimport person from '../assets/icons/person.svg';\nimport plan from '../assets/icons/plan.svg';\nimport plus from '../assets/icons/plus.svg';\nimport question from '../assets/icons/question.svg';\nimport receipt from '../assets/icons/receipt.svg';\nimport reload from '../assets/icons/reload.svg';\nimport report from '../assets/icons/report.svg';\nimport search from '../assets/icons/search.svg';\nimport settings from '../assets/icons/settings.svg';\nimport sick from '../assets/icons/sick.svg';\nimport signout from '../assets/icons/signout.svg';\nimport switchIcon from '../assets/icons/switch.svg';\nimport tachometer from '../assets/icons/tachometer.svg';\nimport task from '../assets/icons/task.svg';\nimport template from '../assets/icons/template.svg';\nimport tool from '../assets/icons/tool.svg';\nimport trash from '../assets/icons/trash.svg';\nimport turn from '../assets/icons/turn.svg';\nimport upload from '../assets/icons/upload.svg';\nimport warning from '../assets/icons/warning.svg';\n\nexport default {\n arrow,\n attachment,\n bread,\n calendar,\n camera,\n car,\n checklist,\n checkmark,\n chevron,\n clock,\n colleagues,\n cogs,\n comment,\n companies,\n document,\n download,\n envelope,\n explanation,\n eye,\n faBuilding,\n faPiggy,\n filter,\n folder,\n formula,\n grid,\n headset,\n integration,\n list,\n location,\n megaphone,\n menu,\n minus,\n more,\n negative,\n notification,\n pagination,\n payment,\n pencil,\n person,\n plan,\n plus,\n question,\n reload,\n receipt,\n report,\n search,\n settings,\n sick,\n signout,\n switch: switchIcon,\n tachometer,\n task,\n template,\n tool,\n trash,\n turn,\n upload,\n warning,\n};\n",":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' \| 'vertical';\n\n@Component({\n tag: 'p-icon',\n styleUrl: 'icon.component.scss',\n // shadow: true,\n})\nexport class Icon {\n /*\n The icon the be displayed\n /\n @Prop() variant!: IconVariant;\n\n /\n The size of the icon, using tailwind sizes\n /\n @Prop() size: TextSizeOptions = 'auto';\n\n /\n Wether to rotate the icon x degrees\n /\n @Prop() rotate: RotateOptions = 0;\n\n /\n Wether to flip the icon horizontally or vertically\n */\n @Prop() flip: IconFlipOptions = null;\n\n render() {\n const icon = icons[this.variant];\n\n const styles = {\n 'p-icon flex': true,\n 'text-auto': this.size === 'auto',\n 'text-xxs': this.size === 'xxs',\n 'text-xs': this.size === 'xs',\n 'text-sm': this.size === 'sm',\n 'text-base': this.size === 'base',\n 'text-lg': this.size === 'lg',\n 'text-xl': this.size === 'xl',\n 'text-2xl': this.size === '2xl',\n 'text-3xl': this.size === '3xl',\n 'text-4xl': this.size === '4xl',\n 'text-5xl': this.size === '5xl',\n 'text-6xl': this.size === '6xl',\n transform: !!this.rotate \|\| !!this.flip,\n 'scale-x-flip': this.flip === 'horizontal',\n 'scale-y-flip': this.flip === 'vertical',\n 'rotate-0': this.rotate === 0,\n 'rotate-25': this.rotate === 25,\n 'rotate-45': this.rotate === 45,\n 'rotate-90': this.rotate === 90,\n 'rotate-135': this.rotate === 135,\n 'rotate-180': this.rotate === 180,\n 'rotate-225': this.rotate === 225,\n 'rotate-270': this.rotate === 270,\n 'rotate-315': this.rotate === 315,\n '-rotate-0': this.rotate === -0,\n '-rotate-25': this.rotate === -25,\n '-rotate-45': this.rotate === -45,\n '-rotate-90': this.rotate === -90,\n '-rotate-135': this.rotate === -135,\n '-rotate-180': this.rotate === -180,\n '-rotate-225': this.rotate === -225,\n '-rotate-270': this.rotate === -270,\n '-rotate-315': this.rotate === -315,\n };\n\n return <Host class={styles} innerHTML={icon}></Host>;\n }\n}\n"],"version":3}
1	+ {"file":"icon.component.js","mappings":"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","names":[],"sources":["src/utils/icons.ts","src/components/atoms/icon/icon.component.scss?tag=p-icon","src/components/atoms/icon/icon.component.tsx"],"sourcesContent":["import arrow from '../assets/icons/arrow.svg';\nimport attachment from '../assets/icons/attachment.svg';\nimport bread from '../assets/icons/bread.svg';\nimport calendar from '../assets/icons/calendar.svg';\nimport camera from '../assets/icons/camera.svg';\nimport car from '../assets/icons/car.svg';\nimport checklist from '../assets/icons/checklist.svg';\nimport checkmark from '../assets/icons/checkmark.svg';\nimport chevron from '../assets/icons/chevron.svg';\nimport clock from '../assets/icons/clock.svg';\nimport cogs from '../assets/icons/cogs.svg';\nimport colleagues from '../assets/icons/colleagues.svg';\nimport comment from '../assets/icons/comment.svg';\nimport companies from '../assets/icons/companies.svg';\nimport document from '../assets/icons/document.svg';\nimport download from '../assets/icons/download.svg';\nimport envelope from '../assets/icons/envelope.svg';\nimport explanation from '../assets/icons/explanation.svg';\nimport eye from '../assets/icons/eye.svg';\nimport faBuilding from '../assets/icons/fa/building.svg';\nimport faPiggy from '../assets/icons/fa/piggy.svg';\nimport filter from '../assets/icons/filter.svg';\nimport folder from '../assets/icons/folder.svg';\nimport formula from '../assets/icons/formula.svg';\nimport grid from '../assets/icons/grid.svg';\nimport headset from '../assets/icons/headset.svg';\nimport integration from '../assets/icons/integration.svg';\nimport list from '../assets/icons/list.svg';\nimport location from '../assets/icons/location.svg';\nimport megaphone from '../assets/icons/megaphone.svg';\nimport menu from '../assets/icons/menu.svg';\nimport minus from '../assets/icons/minus.svg';\nimport more from '../assets/icons/more.svg';\nimport negative from '../assets/icons/negative.svg';\nimport notification from '../assets/icons/notification.svg';\nimport pagination from '../assets/icons/pagination.svg';\nimport payment from '../assets/icons/payment.svg';\nimport pencil from '../assets/icons/pencil.svg';\nimport person from '../assets/icons/person.svg';\nimport plan from '../assets/icons/plan.svg';\nimport plus from '../assets/icons/plus.svg';\nimport question from '../assets/icons/question.svg';\nimport receipt from '../assets/icons/receipt.svg';\nimport reload from '../assets/icons/reload.svg';\nimport report from '../assets/icons/report.svg';\nimport search from '../assets/icons/search.svg';\nimport settings from '../assets/icons/settings.svg';\nimport sick from '../assets/icons/sick.svg';\nimport signout from '../assets/icons/signout.svg';\nimport switchIcon from '../assets/icons/switch.svg';\nimport tachometer from '../assets/icons/tachometer.svg';\nimport task from '../assets/icons/task.svg';\nimport template from '../assets/icons/template.svg';\nimport tool from '../assets/icons/tool.svg';\nimport trash from '../assets/icons/trash.svg';\nimport turn from '../assets/icons/turn.svg';\nimport upload from '../assets/icons/upload.svg';\nimport warning from '../assets/icons/warning.svg';\n\nexport default {\n arrow,\n attachment,\n bread,\n calendar,\n camera,\n car,\n checklist,\n checkmark,\n chevron,\n clock,\n colleagues,\n cogs,\n comment,\n companies,\n document,\n download,\n envelope,\n explanation,\n eye,\n faBuilding,\n faPiggy,\n filter,\n folder,\n formula,\n grid,\n headset,\n integration,\n list,\n location,\n megaphone,\n menu,\n minus,\n more,\n negative,\n notification,\n pagination,\n payment,\n pencil,\n person,\n plan,\n plus,\n question,\n reload,\n receipt,\n report,\n search,\n settings,\n sick,\n signout,\n switch: switchIcon,\n tachometer,\n task,\n template,\n tool,\n trash,\n turn,\n upload,\n warning,\n};\n",":host {\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions, TextSizeOptions } from '../../../types/tailwind';\nimport icons from '../../../utils/icons';\n\nexport type IconVariant = keyof typeof icons;\nexport type IconFlipOptions = 'horizontal' \| 'vertical';\n\n@Component({\n tag: 'p-icon',\n styleUrl: 'icon.component.scss',\n // shadow: true,\n})\nexport class Icon {\n /*\n The icon the be displayed\n /\n @Prop() variant!: IconVariant;\n\n /\n The size of the icon, using tailwind sizes\n /\n @Prop() size: TextSizeOptions = 'auto';\n\n /\n Wether to rotate the icon x degrees\n /\n @Prop() rotate: RotateOptions = 0;\n\n /\n Wether to flip the icon horizontally or vertically\n */\n @Prop() flip: IconFlipOptions = null;\n\n render() {\n const icon = icons[this.variant];\n\n const styles = {\n 'p-icon flex': true,\n 'text-auto': this.size === 'auto',\n 'text-xxs': this.size === 'xxs',\n 'text-xs': this.size === 'xs',\n 'text-sm': this.size === 'sm',\n 'text-base': this.size === 'base',\n 'text-lg': this.size === 'lg',\n 'text-xl': this.size === 'xl',\n 'text-2xl': this.size === '2xl',\n 'text-3xl': this.size === '3xl',\n 'text-4xl': this.size === '4xl',\n 'text-5xl': this.size === '5xl',\n 'text-6xl': this.size === '6xl',\n transform: !!this.rotate \|\| !!this.flip,\n 'scale-x-flip': this.flip === 'horizontal',\n 'scale-y-flip': this.flip === 'vertical',\n 'rotate-0': this.rotate === 0,\n 'rotate-25': this.rotate === 25,\n 'rotate-45': this.rotate === 45,\n 'rotate-90': this.rotate === 90,\n 'rotate-135': this.rotate === 135,\n 'rotate-180': this.rotate === 180,\n 'rotate-225': this.rotate === 225,\n 'rotate-270': this.rotate === 270,\n 'rotate-315': this.rotate === 315,\n '-rotate-0': this.rotate === -0,\n '-rotate-25': this.rotate === -25,\n '-rotate-45': this.rotate === -45,\n '-rotate-90': this.rotate === -90,\n '-rotate-135': this.rotate === -135,\n '-rotate-180': this.rotate === -180,\n '-rotate-225': this.rotate === -225,\n '-rotate-270': this.rotate === -270,\n '-rotate-315': this.rotate === -315,\n };\n\n return <Host class={styles} innerHTML={icon}></Host>;\n }\n}\n"],"version":3}

package/dist/components/modal-body.component.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const modalBodyComponentCss = ".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 modalBodyComponentCss = ".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}.py-6{padding-bottom:1.5rem!important;padding-top: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}}:host(.no-padding){padding:0}@media (min-width:40rem){.tablet\\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}}.static{position:static!important}.rounded{border-radius:.25rem!important}";
 const ModalBody = /*@__PURE__*/ proxyCustomElement(class ModalBody extends HTMLElement {
   constructor() {
@@ -9,14 +9,16 @@ const ModalBody = /*@__PURE__*/ proxyCustomElement(class ModalBody extends HTMLE
     this.__attachShadow();
     this.variant = 'default';
     this.rounded = false;
+    this.padding = true;
   }
   render() {
-    return (h(Host, { class: `p-modal-body variant-${this.variant} ${this.rounded && 'is-rounded'}` }, h("slot", null)));
+    return (h(Host, { class: `p-modal-body variant-${this.variant} ${this.rounded && 'is-rounded'} ${!this.padding && 'no-padding'}` }, h("slot", null)));
   }
   static get style() { return modalBodyComponentCss; }
 }, [1, "p-modal-body", {
     "variant": [1],
-    "rounded": [4]
+    "rounded": [4],
+    "padding": [4]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/modal-body.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"modal-body.component.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,~~i8BAAi8B~~;;~~MCOl9B~~,SAAS;;;;;mBAIqB,SAAS;mBAKrB,KAAK;;~~EAEhC~~,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IACvC,IAAI,CAAC,OAAO,IAAI,YACpB,EAAE,~~IAEF~~,eAAQ,CACL,EACT;GACL~~;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"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"],"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"],"version":3}
1	+ {"file":"modal-body.component.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,s7BAAs7B;;MCOv8B,SAAS;;;;;mBAIqB,SAAS;mBAKrB,KAAK;mBAKL,IAAI;;EAE/B,MAAM;IACF,QACI,EAAC,IAAI,IACD,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IACvC,IAAI,CAAC,OAAO,IAAI,YACpB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,YAAY,EAAE,IAEnC,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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"],"sourcesContent":[":host {\n @apply bg-white;\n @apply px-6 py-6 tablet:px-10 desktop-xs:px-14;\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\n:host(.no-padding) {\n @apply p-0;\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 /\n Wether the body should have padding\n */\n @Prop() padding: boolean = true;\n\n render() {\n return (\n <Host\n class={`p-modal-body variant-${this.variant} ${\n this.rounded && 'is-rounded'\n } ${!this.padding && 'no-padding'}`}\n >\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-card-body.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const cardBodyComponentCss = ".px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}";
+const cardBodyComponentCss = ".px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.static{position:static!important}";
 const CardBody = /*@__PURE__*/ proxyCustomElement(class CardBody extends HTMLElement {
   constructor() {

package/dist/components/p-card-body.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-card-body.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,~~gZAAgZ~~;;~~MCMha~~,QAAQ;;;;uBAI+B,KAAK;;EAErD,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/card-body/card-body.component.scss?tag=p-card-body","src/components/atoms/card-body/card-body.component.tsx"],"sourcesContent":["p-card-body {\n @apply px-4 py-6;\n @apply text-sm text-storm-vague;\n\n &[inherit-text] {\n color: inherit #{!important};\n font-size: inherit #{!important};\n font-weight: inherit #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-body',\n styleUrl: 'card-body.component.scss',\n})\nexport class CardBody {\n /*\n Wether the button should inherit text styles\n */\n @Prop({ reflect: true }) inheritText: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-body\">\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-card-body.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,kbAAkb;;MCMlc,QAAQ;;;;uBAI+B,KAAK;;EAErD,MAAM;IACF,QACI,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa,IACrB,eAAQ,CACL,EACT;GACL;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/atoms/card-body/card-body.component.scss?tag=p-card-body","src/components/atoms/card-body/card-body.component.tsx"],"sourcesContent":["p-card-body {\n @apply px-4 py-6;\n @apply text-sm text-storm-vague;\n\n &[inherit-text] {\n color: inherit #{!important};\n font-size: inherit #{!important};\n font-weight: inherit #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-body',\n styleUrl: 'card-body.component.scss',\n})\nexport class CardBody {\n /*\n Wether the button should inherit text styles\n */\n @Prop({ reflect: true }) inheritText: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-body\">\n <slot />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/p-cropper.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface PCropper extends Components.PCropper, HTMLElement {}
+export const PCropper: {
+  prototype: PCropper;
+  new (): PCropper;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;