@paperless/core 0.1.0-alpha.99 → 1.3.0

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

@@ -1,10 +1,10 @@
-import { Component, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class SegmentItem {
   constructor() {
-    /**
-     * Wether the segment item is active
-     */
     this.active = false;
+    this.icon = undefined;
+    this.iconFlip = undefined;
+    this.iconRotate = undefined;
   }
   render() {
     return (h(Host, { class: `p-segment-item variant-${this.icon ? 'icon' : 'default'} ${this.active && 'active'}` }, this.icon ? this._getIcon() : h("slot", null)));
@@ -17,96 +17,103 @@ export class SegmentItem {
   }
   static get is() { return "p-segment-item"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["segment-item.component.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["segment-item.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 segment item is active"
+  static get originalStyleUrls() {
+    return {
+      "$": ["segment-item.component.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["segment-item.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 segment item is active"
+        },
+        "attribute": "active",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "active",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "IconVariant",
-        "resolved": "\"arrow\" | \"attachment\" | \"bread\" | \"calendar\" | \"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\" | \"faBuilding\" | \"faBuildings\" | \"faPiggy\" | \"filter\" | \"folder\" | \"grid\" | \"headset\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"notification\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plus\" | \"question\" | \"reload\" | \"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 segment item"
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon to show on the segment item"
-      },
-      "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": "../../../utils/types"
+      "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
+      }
+    };
+  }
 }
+//# sourceMappingURL=segment-item.component.js.map

package/dist/collection/components/atoms/segment-item/segment-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment-item.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/segment-item/segment-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,WAAW;;kBAIM,KAAK;;;;;EAiB/B,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAE,0BACH,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SACzB,IAAI,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IAE5B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,eAAQ,CACpC,CACV,CAAC;EACN,CAAC;EAEO,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,OAAO,CACH,cACI,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACzB,CACL,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-segment-item',\n    styleUrl: 'segment-item.component.scss',\n    shadow: true,\n})\nexport class SegmentItem {\n    /**\n     * Wether the segment item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Icon to show on the segment item\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    render() {\n        return (\n            <Host\n                class={`p-segment-item variant-${\n                    this.icon ? 'icon' : 'default'\n                } ${this.active && 'active'}`}\n            >\n                {this.icon ? this._getIcon() : <slot />}\n            </Host>\n        );\n    }\n\n    private _getIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                class=\"flex\"\n                variant={this.icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n}\n"]}

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

@@ -1,7 +1 @@
-:host {
-  @apply block w-2 h-2 bg-mystic-dark rounded-round;
-}
-
-:host(.active) {
-  @apply bg-indigo;
-} .visible{visibility:visible!important}.static{position:static!important}.hidden{display:none!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}.static{position:static!important}*{box-sizing:border-box}
+.block{display:block!important}.h-2{height:.5rem!important}.w-2{width:.5rem!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;display:block;height:.5rem;width:.5rem}:host(.active){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}.visible{visibility:visible!important}.static{position:static!important}.hidden{display:none!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}

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,37 @@ 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"
+      }
+    };
+  }
 }
+//# sourceMappingURL=slider-indicator.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider-indicator.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/slider-indicator/slider-indicator.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,eAAe;;kBAIE,KAAK;;EAE/B,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAE,sBAAsB,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,GAClD,CACX,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-slider-indicator',\n    styleUrl: 'slider-indicator.component.scss',\n    shadow: true,\n})\nexport class SliderIndicator {\n    /**\n     * Wether the slider indicator is active\n     */\n    @Prop() active: boolean = false;\n\n    render() {\n        return (\n            <Host\n                class={`p-slider-indicator ${this.active && 'active'}`}\n            ></Host>\n        );\n    }\n}\n"]}

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}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!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,103 @@ 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\" | \"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\" | \"faBuilding\" | \"faBuildings\" | \"faPiggy\" | \"filter\" | \"folder\" | \"grid\" | \"headset\" | \"integration\" | \"list\" | \"location\" | \"megaphone\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"notification\" | \"pagination\" | \"payment\" | \"pencil\" | \"person\" | \"plus\" | \"question\" | \"reload\" | \"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": "../../../utils/types"
+      "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
+      }
+    };
+  }
 }
+//# sourceMappingURL=status.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"status.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/status/status.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,MAAM;;mBAKX,SAAS;;;;;EAiBb,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO;kBACrC;MAED,IAAI,CAAC,QAAQ,EAAE;MAChB,eAAQ,CACL,CACV,CAAC;EACN,CAAC;EAEO,QAAQ;IACZ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;IAEjD,IAAI,CAAC,IAAI,EAAE;MACP,OAAO;KACV;IAED,OAAO,CACH,cACI,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACzB,CACL,CAAC;EACN,CAAC;EAEO,eAAe;IACnB,IAAI,IAAI,GAAG,IAAI,CAAC;IAChB,QAAQ,IAAI,CAAC,OAAO,EAAE;MAClB,KAAK,UAAU;QACX,IAAI,GAAG,WAAW,CAAC;QACnB,MAAM;MACV,KAAK,UAAU;QACX,IAAI,GAAG,UAAU,CAAC;QAClB,MAAM;MACV,KAAK,UAAU;QACX,IAAI,GAAG,OAAO,CAAC;QACf,MAAM;MACV;QACI,IAAI,GAAG,IAAI,CAAC;QACZ,MAAM;KACb;IAED,OAAO,IAAI,CAAC;EAChB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-status',\n    styleUrl: 'status.component.scss',\n})\nexport class Status {\n    /**\n     * The variant of the status\n     */\n    @Prop() variant: 'default' | 'positive' | 'unbiased' | 'negative' =\n        'default';\n\n    /**\n     * Icon to show on the status\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    render() {\n        return (\n            <Host\n                class={`p-status variant-${this.variant}\n                }`}\n            >\n                {this._getIcon()}\n                <slot />\n            </Host>\n        );\n    }\n\n    private _getIcon() {\n        const icon = this.icon || this._getVariantIcon();\n\n        if (!icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                variant={icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n\n    private _getVariantIcon() {\n        let icon = null;\n        switch (this.variant) {\n            case 'positive':\n                icon = 'checkmark';\n                break;\n            case 'negative':\n                icon = 'negative';\n                break;\n            case 'unbiased':\n                icon = 'clock';\n                break;\n            default:\n                icon = null;\n                break;\n        }\n\n        return icon;\n    }\n}\n"]}

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}.mb-3{margin-bottom:.75rem!important}.ml-2{margin-left:.5rem!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1\/2{--tw-translate-y:-50%!important}.-translate-x-1\/2,.-translate-y-1\/2{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}.-translate-x-1\/2{--tw-translate-x:-50%!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}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!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}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\[1rem\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\[calc\(100\%-2rem\)\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\/2{--tw-translate-x:-50%!important}.-translate-x-1\/2,.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}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!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;width:100%}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);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{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-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))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}