@ptcwebops/ptcw-design 0.8.0 → 0.8.1

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

@@ -31,6 +31,10 @@
   background: linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%);
 }
 
+:host(.black-4) {
+  background: rgba(0, 0, 0, 0.66);
+}
+
 @media only screen and (min-width: 768px) {
   :host(.black-1) {
     background: linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%);

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

@@ -1,105 +1,105 @@
-import { Host, h } from '@stencil/core';
-export class PtcOverlay {
-  constructor() {
-    this.filterColor = undefined;
-    this.borderRadius = undefined;
-    this.overlayZIndex = 'z-index-auto';
-    this.styles = undefined;
-  }
-  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-standard' | 'radius-large'",
-          "resolved": "\"radius-large\" | \"radius-standard\"",
-          "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 { Host, h } from '@stencil/core';
+export class PtcOverlay {
+  constructor() {
+    this.filterColor = undefined;
+    this.borderRadius = undefined;
+    this.overlayZIndex = 'z-index-auto';
+    this.styles = undefined;
+  }
+  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-standard' | 'radius-large'",
+          "resolved": "\"radius-large\" | \"radius-standard\"",
+          "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
+      }
+    };
+  }
+}