@paperless/core 0.1.0-alpha.281 → 0.1.0-alpha.282

package/dist/collection/components/atoms/slider-indicator/slider-indicator.component.js

@@ -1,9 +1,6 @@
-import { Component, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class SliderIndicator {
   constructor() {
-    /**
-     * Wether the slider indicator is active
-     */
     this.active = false;
   }
   render() {
@@ -11,30 +8,36 @@ export class SliderIndicator {
   }
   static get is() { return "p-slider-indicator"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["slider-indicator.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["slider-indicator.component.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether the slider indicator is active"
-      },
-      "attribute": "active",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["slider-indicator.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["slider-indicator.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the slider indicator is active"
+        },
+        "attribute": "active",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
 }

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

@@ -1,16 +1 @@
-p-status {
-  @apply flex items-center;
-  @apply text-sm text-storm-vague font-medium;
-}
-p-status p-icon {
-  @apply mr-2 text-base;
-}
-p-status.variant-positive {
-  @apply text-positive;
-}
-p-status.variant-unbiased {
-  @apply text-unbiased;
-}
-p-status.variant-negative {
-  @apply text-negative;
-} .static{position:static!important}*{box-sizing:border-box}
+.mr-2{margin-right:.5rem!important}.flex{display:flex!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}*{box-sizing:border-box}p-status{--tw-text-opacity:1;align-items:center;color:rgb(152 154 183/var(--tw-text-opacity));display:flex;font-size:.875rem;font-weight:500;line-height:1.25rem}p-status p-icon{font-size:1rem;line-height:1.5rem;margin-right:.5rem}p-status.variant-positive{--tw-text-opacity:1;color:rgb(40 209 124/var(--tw-text-opacity))}p-status.variant-unbiased{--tw-text-opacity:1;color:rgb(255 199 45/var(--tw-text-opacity))}p-status.variant-negative{--tw-text-opacity:1;color:rgb(185 30 40/var(--tw-text-opacity))}.static{position:static!important}

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

@@ -1,16 +1,14 @@
-import { Component, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class Status {
   constructor() {
-    /**
-     * The variant of the status
-     */
     this.variant = 'default';
+    this.icon = undefined;
+    this.iconFlip = undefined;
+    this.iconRotate = undefined;
   }
   render() {
     return (h(Host, { class: `p-status variant-${this.variant}
-                }` },
-      this._getIcon(),
-      h("slot", null)));
+                }` }, this._getIcon(), h("slot", null)));
   }
   _getIcon() {
     const icon = this.icon || this._getVariantIcon();
@@ -38,96 +36,102 @@ export class Status {
     return icon;
   }
   static get is() { return "p-status"; }
-  static get originalStyleUrls() { return {
-    "$": ["status.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["status.component.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'default' | 'positive' | 'unbiased' | 'negative'",
-        "resolved": "\"default\" | \"negative\" | \"positive\" | \"unbiased\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The variant of the status"
+  static get originalStyleUrls() {
+    return {
+      "$": ["status.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["status.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'positive' | 'unbiased' | 'negative'",
+          "resolved": "\"default\" | \"negative\" | \"positive\" | \"unbiased\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The variant of the status"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "'default'"
       },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'default'"
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "IconVariant",
-        "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"camera\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"clock\" | \"cogs\" | \"comment\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"filter\" | \"folder\" | \"grid\" | \"headset\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plus\" | \"question\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
-        "references": {
-          "IconVariant": {
-            "location": "import",
-            "path": "../icon/icon.component"
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "IconVariant",
+          "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"camera\" | \"car\" | \"checklist\" | \"checkmark\" | \"chevron\" | \"clock\" | \"cogs\" | \"comment\" | \"document\" | \"download\" | \"envelope\" | \"explanation\" | \"eye\" | \"filter\" | \"folder\" | \"grid\" | \"headset\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plus\" | \"question\" | \"receipt\" | \"report\" | \"search\" | \"settings\" | \"sick\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"template\" | \"tool\" | \"trash\" | \"turn\" | \"upload\" | \"warning\"",
+          "references": {
+            "IconVariant": {
+              "location": "import",
+              "path": "../icon/icon.component"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon to show on the status"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon to show on the status"
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "iconFlip": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "IconFlipOptions",
-        "resolved": "\"horizontal\" | \"vertical\"",
-        "references": {
-          "IconFlipOptions": {
-            "location": "import",
-            "path": "../icon/icon.component"
+      "iconFlip": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "IconFlipOptions",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {
+            "IconFlipOptions": {
+              "location": "import",
+              "path": "../icon/icon.component"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon flip"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon flip"
+        },
+        "attribute": "icon-flip",
+        "reflect": false
       },
-      "attribute": "icon-flip",
-      "reflect": false
-    },
-    "iconRotate": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "RotateOptions",
-        "resolved": "-135 | -180 | -225 | -25 | -270 | -315 | -45 | -90 | 0 | 135 | 180 | 225 | 25 | 270 | 315 | 45 | 90",
-        "references": {
-          "RotateOptions": {
-            "location": "import",
-            "path": "../../../types/tailwind"
+      "iconRotate": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "RotateOptions",
+          "resolved": "-135 | -180 | -225 | -25 | -270 | -315 | -45 | -90 | 0 | 135 | 180 | 225 | 25 | 270 | 315 | 45 | 90",
+          "references": {
+            "RotateOptions": {
+              "location": "import",
+              "path": "../../../types/tailwind"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon rotate"
-      },
-      "attribute": "icon-rotate",
-      "reflect": false
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon rotate"
+        },
+        "attribute": "icon-rotate",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/atoms/stepper-item/stepper-item.component.css

@@ -1,59 +1 @@
-:host {
-  @apply flex items-end justify-center relative;
-}
-:host .content {
-  @apply whitespace-nowrap;
-  @apply text-sm font-semibold text-storm-light;
-}
-:host .circle {
-  @apply transition duration-500 ease-in-out;
-  @apply flex items-center justify-center;
-  @apply rounded-round h-4 w-4;
-  @apply bg-mystic-dark text-white;
-}
-:host .circle p-icon {
-  @apply flex !important;
-  font-size: 0.625rem;
-}
-
-:host([direction=horizontal]) {
-  @apply h-10;
-}
-:host([direction=horizontal]) .content {
-  @apply absolute top-0;
-  @apply order-1;
-}
-:host([direction=horizontal]) .circle {
-  @apply order-2;
-}
-
-:host([direction=vertical]) {
-  @apply h-4;
-}
-:host([direction=vertical]) .content {
-  @apply ml-4 order-2;
-}
-:host([direction=vertical]) .circle {
-  @apply order-1;
-}
-
-:host([active]) .content,
-:host([finished]) .content {
-  @apply text-indigo;
-}
-:host([active]) .circle,
-:host([finished]) .circle {
-  @apply bg-indigo;
-}
-
-:host([direction=horizontal][align=start]) .content {
-  @apply left-0;
-}
-
-:host([direction=horizontal][align=end]) .content {
-  @apply right-0;
-}
-
-:host([direction=horizontal][align=center]) .content {
-  @apply left-1/2 text-center transform -translate-x-1/2;
-} .static{position:static!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}
+.absolute{position:absolute!important}.relative{position:relative!important}.left-1\/2{left:50%!important}.ml-4{margin-left:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.transform{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}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-round{border-radius:100%!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;justify-content:center;position:relative}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem;white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){height:2.5rem}:host([direction=horizontal]) .content{order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;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))}.static{position:static!important}

package/dist/collection/components/atoms/stepper-item/stepper-item.component.js

@@ -1,109 +1,100 @@
-import { Component, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class StepperItem {
   constructor() {
-    /**
-     * The alignment of the step content
-     */
     this.align = 'center';
-    /**
-     * The direction of the stepper step
-     */
     this.direction = 'horizontal';
-    /**
-     * Wether the step is finished
-     */
     this.finished = false;
-    /**
-     * Wether the step is active
-     */
     this.active = false;
   }
   render() {
-    return (h(Host, { class: "p-stepper-item" },
-      h("div", { class: "content" },
-        h("slot", null)),
-      h("div", { class: "circle" }, this.finished && h("p-icon", { variant: "checkmark" }))));
+    return (h(Host, { class: "p-stepper-item" }, h("div", { class: "content" }, h("slot", null)), h("div", { class: "circle" }, this.finished && h("p-icon", { variant: "checkmark" }))));
   }
   static get is() { return "p-stepper-item"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["stepper-item.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["stepper-item.component.css"]
-  }; }
-  static get properties() { return {
-    "align": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'start' | 'center' | 'end'",
-        "resolved": "\"center\" | \"end\" | \"start\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The alignment of the step content"
-      },
-      "attribute": "align",
-      "reflect": true,
-      "defaultValue": "'center'"
-    },
-    "direction": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'horizontal' | 'vertical'",
-        "resolved": "\"horizontal\" | \"vertical\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The direction of the stepper step"
-      },
-      "attribute": "direction",
-      "reflect": true,
-      "defaultValue": "'horizontal'"
-    },
-    "finished": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether the step is finished"
+  static get originalStyleUrls() {
+    return {
+      "$": ["stepper-item.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["stepper-item.component.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "align": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'start' | 'center' | 'end'",
+          "resolved": "\"center\" | \"end\" | \"start\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The alignment of the step content"
+        },
+        "attribute": "align",
+        "reflect": true,
+        "defaultValue": "'center'"
       },
-      "attribute": "finished",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "direction": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'horizontal' | 'vertical'",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The direction of the stepper step"
+        },
+        "attribute": "direction",
+        "reflect": true,
+        "defaultValue": "'horizontal'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Wether the step is active"
+      "finished": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the step is finished"
+        },
+        "attribute": "finished",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "active",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Wether the step is active"
+        },
+        "attribute": "active",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
 }

package/dist/collection/components/atoms/stepper-line/stepper-line.component.css

@@ -1,18 +1 @@
-:host {
-  @apply flex-auto;
-  @apply transition duration-500 ease-in-out;
-  @apply block;
-  @apply bg-mystic-dark;
-}
-
-:host([direction=horizontal]) {
-  @apply h-[2px] mb-[calc(.5rem-1px)];
-}
-
-:host([direction=vertical]) {
-  @apply w-[2px] ml-[calc(.5rem-1px)];
-}
-
-:host([active]) {
-  @apply bg-indigo;
-} .static{position:static!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}
+.mb-\[calc\(\.5rem-1px\)\]{margin-bottom:calc(.5rem - 1px)!important}.ml-\[calc\(\.5rem-1px\)\]{margin-left:calc(.5rem - 1px)!important}.block{display:block!important}.h-\[2px\]{height:2px!important}.w-\[2px\]{width:2px!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));display:block;flex:1 1 auto;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([direction=horizontal]){height:2px;margin-bottom:calc(.5rem - 1px)}:host([direction=vertical]){margin-left:calc(.5rem - 1px);width:2px}:host([active]){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}.static{position:static!important}