@ptcwebops/ptcw-design 0.4.6 → 0.4.7

package/dist/collection/components/ptc-overlay/ptc-overlay.js

@@ -1,99 +1,99 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-export class PtcOverlay {
-  constructor() {
-    /**
-     * Overlay z-index
-     */
-    this.overlayZIndex = 'z-index-auto';
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return h(Host, { class: classMap });
-  }
-  getCssClassMap() {
-    return {
-      [this.filterColor]: !!this.filterColor ? true : false,
-      [this.borderRadius]: !!this.borderRadius ? true : false,
-      [this.overlayZIndex]: true
-    };
-  }
-  static get is() { return "ptc-overlay"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-overlay.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-overlay.css"]
-  }; }
-  static get properties() { return {
-    "filterColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey'",
-        "resolved": "\"black-1\" | \"black-2\" | \"black-3\" | \"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Filter Color"
-      },
-      "attribute": "filter-color",
-      "reflect": false
-    },
-    "borderRadius": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg'",
-        "resolved": "\"radius-lg\" | \"radius-md\" | \"radius-sm\" | \"radius-x-lg\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Overlay border shape"
-      },
-      "attribute": "border-radius",
-      "reflect": false
-    },
-    "overlayZIndex": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2'",
-        "resolved": "\"z-index-auto\" | \"z-index-n-1\" | \"z-index-n-2\" | \"z-index-p-1\" | \"z-index-p-2\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Overlay z-index"
-      },
-      "attribute": "overlay-z-index",
-      "reflect": false,
-      "defaultValue": "'z-index-auto'"
-    },
-    "styles": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Injected Styles"
-      },
-      "attribute": "styles",
-      "reflect": false
-    }
-  }; }
-}
+import { Component, Host, h, Prop } from '@stencil/core';
+export class PtcOverlay {
+  constructor() {
+    /**
+     * Overlay z-index
+     */
+    this.overlayZIndex = 'z-index-auto';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return h(Host, { class: classMap });
+  }
+  getCssClassMap() {
+    return {
+      [this.filterColor]: !!this.filterColor ? true : false,
+      [this.borderRadius]: !!this.borderRadius ? true : false,
+      [this.overlayZIndex]: true
+    };
+  }
+  static get is() { return "ptc-overlay"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-overlay.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-overlay.css"]
+  }; }
+  static get properties() { return {
+    "filterColor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey'",
+        "resolved": "\"black-1\" | \"black-2\" | \"black-3\" | \"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Filter Color"
+      },
+      "attribute": "filter-color",
+      "reflect": false
+    },
+    "borderRadius": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg'",
+        "resolved": "\"radius-lg\" | \"radius-md\" | \"radius-sm\" | \"radius-x-lg\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Overlay border shape"
+      },
+      "attribute": "border-radius",
+      "reflect": false
+    },
+    "overlayZIndex": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2'",
+        "resolved": "\"z-index-auto\" | \"z-index-n-1\" | \"z-index-n-2\" | \"z-index-p-1\" | \"z-index-p-2\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Overlay z-index"
+      },
+      "attribute": "overlay-z-index",
+      "reflect": false,
+      "defaultValue": "'z-index-auto'"
+    },
+    "styles": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Injected Styles"
+      },
+      "attribute": "styles",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/components/ptc-para/ptc-para.js

@@ -1,157 +1,157 @@
-import { Component, h, Prop } from '@stencil/core';
-export class PtcPara {
-  constructor() {
-    /**
-     * Paragraph font size
-     **/
-    this.fontSize = "medium";
-    /**
-     * Paragraph font weight
-     **/
-    this.fontWeight = 'w-4';
-    /**
-     * Paragraph Style
-     **/
-    this.paraStyle = 'default';
-    /**
-     * Paragraph Color
-     */
-    this.paraColor = 'primary-grey';
-    /**
-     * line height
-     */
-    this.paraLineH = 'line-height-normal';
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h("p", { class: classMap, part: "part-para" },
-      h("slot", null)));
-  }
-  getCssClassMap() {
-    return {
-      [this.fontSize]: true,
-      [this.fontWeight]: true,
-      [this.paraStyle]: true,
-      [this.paraMargin]: !!this.paraMargin ? true : false,
-      [this.paraColor]: true,
-      [this.paraLineH]: true
-    };
-  }
-  static get is() { return "ptc-para"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-para.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-para.css"]
-  }; }
-  static get properties() { return {
-    "fontSize": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'font-size-15'",
-        "resolved": "\"font-size-15\" | \"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Paragraph font size"
-      },
-      "attribute": "font-size",
-      "reflect": false,
-      "defaultValue": "\"medium\""
-    },
-    "fontWeight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9'",
-        "resolved": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Paragraph font weight"
-      },
-      "attribute": "font-weight",
-      "reflect": false,
-      "defaultValue": "'w-4'"
-    },
-    "paraStyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main'",
-        "resolved": "\"announcement\" | \"default\" | \"flush-style\" | \"intro\" | \"main\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Paragraph Style"
-      },
-      "attribute": "para-style",
-      "reflect": false,
-      "defaultValue": "'default'"
-    },
-    "paraColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'primary-grey' | 'white'",
-        "resolved": "\"primary-grey\" | \"white\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Paragraph Color"
-      },
-      "attribute": "para-color",
-      "reflect": false,
-      "defaultValue": "'primary-grey'"
-    },
-    "paraLineH": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'line-height-17' | 'line-height-18' | 'line-height-19' | 'line-heigth-23' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser'",
-        "resolved": "\"line-height-17\" | \"line-height-18\" | \"line-height-19\" | \"line-height-dense\" | \"line-height-denser\" | \"line-height-loose\" | \"line-height-looser\" | \"line-height-normal\" | \"line-heigth-23\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "line height"
-      },
-      "attribute": "para-line-h",
-      "reflect": false,
-      "defaultValue": "'line-height-normal'"
-    },
-    "paraMargin": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'margin-flush' | 'maring-top-1' | 'margin-top-2' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-1' | 'margin-bottom-2' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6'| 'margin-1' | 'margin-2' | 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6'",
-        "resolved": "\"margin-1\" | \"margin-2\" | \"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-bottom-1\" | \"margin-bottom-2\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-2\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\" | \"maring-top-1\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Paragraph Margin"
-      },
-      "attribute": "para-margin",
-      "reflect": false
-    }
-  }; }
-}
+import { Component, h, Prop } from '@stencil/core';
+export class PtcPara {
+  constructor() {
+    /**
+     * Paragraph font size
+     **/
+    this.fontSize = "medium";
+    /**
+     * Paragraph font weight
+     **/
+    this.fontWeight = 'w-4';
+    /**
+     * Paragraph Style
+     **/
+    this.paraStyle = 'default';
+    /**
+     * Paragraph Color
+     */
+    this.paraColor = 'primary-grey';
+    /**
+     * line height
+     */
+    this.paraLineH = 'line-height-normal';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h("p", { class: classMap, part: "part-para" },
+      h("slot", null)));
+  }
+  getCssClassMap() {
+    return {
+      [this.fontSize]: true,
+      [this.fontWeight]: true,
+      [this.paraStyle]: true,
+      [this.paraMargin]: !!this.paraMargin ? true : false,
+      [this.paraColor]: true,
+      [this.paraLineH]: true
+    };
+  }
+  static get is() { return "ptc-para"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-para.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-para.css"]
+  }; }
+  static get properties() { return {
+    "fontSize": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'font-size-15'",
+        "resolved": "\"font-size-15\" | \"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Paragraph font size"
+      },
+      "attribute": "font-size",
+      "reflect": false,
+      "defaultValue": "\"medium\""
+    },
+    "fontWeight": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9'",
+        "resolved": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Paragraph font weight"
+      },
+      "attribute": "font-weight",
+      "reflect": false,
+      "defaultValue": "'w-4'"
+    },
+    "paraStyle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main'",
+        "resolved": "\"announcement\" | \"default\" | \"flush-style\" | \"intro\" | \"main\" | \"small\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Paragraph Style"
+      },
+      "attribute": "para-style",
+      "reflect": false,
+      "defaultValue": "'default'"
+    },
+    "paraColor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'primary-grey' | 'white'",
+        "resolved": "\"primary-grey\" | \"white\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Paragraph Color"
+      },
+      "attribute": "para-color",
+      "reflect": false,
+      "defaultValue": "'primary-grey'"
+    },
+    "paraLineH": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'line-height-17' | 'line-height-18' | 'line-height-19' | 'line-heigth-23' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser'",
+        "resolved": "\"line-height-17\" | \"line-height-18\" | \"line-height-19\" | \"line-height-dense\" | \"line-height-denser\" | \"line-height-loose\" | \"line-height-looser\" | \"line-height-normal\" | \"line-heigth-23\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "line height"
+      },
+      "attribute": "para-line-h",
+      "reflect": false,
+      "defaultValue": "'line-height-normal'"
+    },
+    "paraMargin": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'margin-flush' | 'maring-top-1' | 'margin-top-2' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-1' | 'margin-bottom-2' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6'| 'margin-1' | 'margin-2' | 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6'",
+        "resolved": "\"margin-1\" | \"margin-2\" | \"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-bottom-1\" | \"margin-bottom-2\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-2\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\" | \"maring-top-1\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Paragraph Margin"
+      },
+      "attribute": "para-margin",
+      "reflect": false
+    }
+  }; }
+}