@paperless/core 0.1.0-alpha.99 → 1.3.0

package/dist/collection/components/atoms/modal-backdrop/modal-backdrop.component.css

@@ -1,7 +0,0 @@
-:host {
-  @apply fixed top-0 left-0 z-modal;
-  @apply h-screen w-screen tablet:px-16 desktop-xs:p-16;
-  @apply backdrop-blur-xs bg-storm/50;
-  @apply flex justify-center items-end desktop-xs:items-center;
-  @apply animate-fade-in;
-} .container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}.static{position:static!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}*{box-sizing:border-box}@media (min-width:40rem){.tablet\:w-80{width:20rem!important}.tablet\:w-\[33\.5rem\]{width:33.5rem!important}.tablet\:w-\[38rem\]{width:38rem!important}.tablet\:w-\[47\.5rem\]{width:47.5rem!important}.tablet\:w-\[57\.5rem\]{width:57.5rem!important}}.static{position:static!important}*{box-sizing:border-box}.static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}

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

@@ -1,15 +0,0 @@
-import { Component, h, Host } from '@stencil/core';
-export class ModalBackdrop {
-  render() {
-    return (h(Host, { class: "p-modal-backdrop" },
-      h("slot", null)));
-  }
-  static get is() { return "p-modal-backdrop"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["modal-backdrop.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["modal-backdrop.component.css"]
-  }; }
-}

package/dist/collection/components/atoms/tab-group/tab-group.component.css

@@ -1,9 +0,0 @@
-:host {
-  @apply flex w-full flex-col relative;
-}
-:host .content {
-  @apply flex gap-5 w-full z-10;
-}
-:host p-divider {
-  @apply m-0 absolute bottom-0 left-0 w-full;
-} .static{position:static!important}*{box-sizing:border-box}

package/dist/collection/components/atoms/tag/tag.component.css

@@ -1,51 +0,0 @@
-:host {
-  @apply flex gap-1 items-center px-3 rounded;
-  @apply h-[1.375rem];
-  @apply text-xs font-semibold;
-}
-:host .circle {
-  @apply hidden rounded-round h-2 w-2;
-}
-
-:host([circle]) {
-  @apply pl-2;
-}
-:host([circle]) .circle {
-  @apply block;
-}
-
-:host([circle=false]) .circle {
-  @apply hidden;
-}
-
-:host([variant=info]) {
-  @apply bg-sky-light;
-  @apply text-sky;
-}
-:host([variant=info]) .circle {
-  @apply bg-sky;
-}
-
-:host([variant=positive]) {
-  @apply bg-positive-light;
-  @apply text-positive;
-}
-:host([variant=positive]) .circle {
-  @apply bg-positive;
-}
-
-:host([variant=unbiased]) {
-  @apply bg-unbiased-light;
-  @apply text-unbiased;
-}
-:host([variant=unbiased]) .circle {
-  @apply bg-unbiased;
-}
-
-:host([variant=negative]) {
-  @apply bg-negative-light;
-  @apply text-negative;
-}
-:host([variant=negative]) .circle {
-  @apply bg-negative;
-} .static{position:static!important}*{box-sizing:border-box}

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

@@ -1,64 +0,0 @@
-import { Component, h, Host, Prop } from '@stencil/core';
-export class Tag {
-  constructor() {
-    /**
-     * Variant of the tag
-     */
-    this.variant = 'info';
-    /**
-     * Wether to add the circle or not
-     */
-    this.circle = true;
-  }
-  render() {
-    return (h(Host, { class: "p-tag" },
-      h("div", { class: "circle" }),
-      h("slot", null)));
-  }
-  static get is() { return "p-tag"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["tag.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["tag.component.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "| 'positive'\n        | 'unbiased'\n        | 'negative'\n        | 'info'",
-        "resolved": "\"info\" | \"negative\" | \"positive\" | \"unbiased\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Variant of the tag"
-      },
-      "attribute": "variant",
-      "reflect": true,
-      "defaultValue": "'info'"
-    },
-    "circle": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether to add the circle or not"
-      },
-      "attribute": "circle",
-      "reflect": true,
-      "defaultValue": "true"
-    }
-  }; }
-}

package/dist/collection/utils/types.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/utils/utils.js

@@ -1,3 +0,0 @@
-export function format(first, middle, last) {
-  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
-}

package/dist/components/avatar.component.js

@@ -1,54 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const avatarComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.w-8{width:2rem!important}.w-\\[3\\.125rem\\]{width:3.125rem!important}.w-16{width:4rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}*{box-sizing:border-box}p-avatar{display:inline-block}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2rem;width:2rem}p-avatar[size=medium]>img{height:3.125rem;width:3.125rem}p-avatar[size=large]>img{height:4rem;width:4rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}";
-
-const Avatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    /**
-     * The variant of the avatar
-     */
-    this.variant = 'user';
-    /**
-     * The size of the avatar
-     */
-    this.size = 'medium';
-    this._src = this.src;
-  }
-  render() {
-    if (!this._src) {
-      this._setDefaultLink();
-    }
-    return (h(Host, { class: "p-avatar" }, h("img", { src: this._src, onError: () => this._setDefaultLink() })));
-  }
-  _setDefaultLink() {
-    var _a;
-    this._src =
-      (_a = this.defaultImage) !== null && _a !== void 0 ? _a : (this.variant === 'user'
-        ? '/assets/images/avatar/user-default.svg'
-        : '/assets/images/avatar/company-default.svg');
-  }
-  static get style() { return avatarComponentCss; }
-}, [0, "p-avatar", {
-    "variant": [513],
-    "size": [513],
-    "defaultImage": [1, "default-image"],
-    "src": [1],
-    "_src": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-avatar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-avatar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Avatar);
-      }
-      break;
-  } });
-}
-
-export { Avatar as A, defineCustomElement as d };

package/dist/components/modal-backdrop.component.js

@@ -1,30 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const modalBackdropComponentCss = ".static{position:static!important}.fixed{position:fixed!important}.top-0{top:0!important}.left-0{left:0!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.flex{display:flex!important}.h-screen{height:100vh!important}.w-screen{width:100vw!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.backdrop-blur-xs{--tw-backdrop-blur:blur(2px)!important;-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)!important;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)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}*{box-sizing:border-box}:host{--tw-backdrop-blur:blur(2px);align-items:flex-end;-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;-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);background-color:rgba(81,83,107,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:500}@media (min-width:40rem){:host{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host{align-items:center;padding:4rem}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}";
-
-const ModalBackdrop = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, { class: "p-modal-backdrop" }, h("slot", null)));
-  }
-  static get style() { return modalBackdropComponentCss; }
-}, [1, "p-modal-backdrop"]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-modal-backdrop"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-modal-backdrop":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ModalBackdrop);
-      }
-      break;
-  } });
-}
-
-export { ModalBackdrop as M, defineCustomElement as d };

package/dist/components/p-modal-backdrop.js

@@ -1,6 +0,0 @@
-import { M as ModalBackdrop, d as defineCustomElement$1 } from './modal-backdrop.component.js';
-
-const PModalBackdrop = ModalBackdrop;
-const defineCustomElement = defineCustomElement$1;
-
-export { PModalBackdrop, defineCustomElement };

package/dist/components/p-tag.js

@@ -1,44 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const tagComponentCss = ".static{position:static!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-\\[1\\.375rem\\]{height:1.375rem!important}.h-2{height:.5rem!important}.items-center{align-items:center!important}.gap-1{gap:.25rem!important}.rounded{border-radius:.25rem!important}.rounded-round{border-radius:100%!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;height:1.375rem;line-height:1rem;padding-left:.75rem;padding-right:.75rem}:host .circle{border-radius:100%;display:none;height:.5rem;width:.5rem}:host([circle]){padding-left:.5rem}:host([circle]) .circle{display:block}:host([circle=false]) .circle{display:none}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}";
-
-const Tag = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * Variant of the tag
-     */
-    this.variant = 'info';
-    /**
-     * Wether to add the circle or not
-     */
-    this.circle = true;
-  }
-  render() {
-    return (h(Host, { class: "p-tag" }, h("div", { class: "circle" }), h("slot", null)));
-  }
-  static get style() { return tagComponentCss; }
-}, [1, "p-tag", {
-    "variant": [513],
-    "circle": [516]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-tag"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-tag":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Tag);
-      }
-      break;
-  } });
-}
-
-const PTag = Tag;
-const defineCustomElement = defineCustomElement$1;
-
-export { PTag, defineCustomElement };