@ptcwebops/ptcw-design 0.0.15 → 0.1.0

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

@@ -1,197 +0,0 @@
-import { Component, h, Prop, Host } from '@stencil/core';
-export class PtcLink {
-  constructor() {
-    /**
-     * Disabled link
-     */
-    this.disabled = false;
-    /**
-     * Rxternal link
-     * */
-    this.external = false;
-    /**
-     * Target
-     */
-    this.target = '_self';
-    /**
-     * Theme
-     */
-    this.theme = 'simple';
-    /**
-     * Uppercase
-     */
-    this.uppercase = false;
-    /**
-     * Font Size
-     */
-    this.fontSize = 'medium';
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, null,
-      h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle },
-        this.theme == 'arrow' ? h("icon-asset", { type: "solid", size: "small", name: "arrow-right" }) : '',
-        h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      ['ptc-link']: true,
-      [this.theme]: true,
-      ['uppercase']: this.uppercase,
-      ['disabled']: this.disabled,
-      [this.fontSize]: true,
-    };
-  }
-  static get is() { return "ptc-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-link.css"]
-  }; }
-  static get properties() { return {
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Disabled link"
-      },
-      "attribute": "disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "external": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Rxternal link"
-      },
-      "attribute": "external",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "href": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "href"
-      },
-      "attribute": "href",
-      "reflect": false
-    },
-    "target": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Target"
-      },
-      "attribute": "target",
-      "reflect": false,
-      "defaultValue": "'_self'"
-    },
-    "linkTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Title"
-      },
-      "attribute": "link-title",
-      "reflect": false
-    },
-    "theme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link'",
-        "resolved": "\"arrow\" | \"copyright-link\" | \"footer-nav-link\" | \"nav-title\" | \"nav-title-link\" | \"primary-nav-link\" | \"secondary-nav-link\" | \"simple\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme"
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "'simple'"
-    },
-    "uppercase": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Uppercase"
-      },
-      "attribute": "uppercase",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "fontSize": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'small' | 'medium' | 'large'",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Font Size"
-      },
-      "attribute": "font-size",
-      "reflect": false,
-      "defaultValue": "'medium'"
-    }
-  }; }
-}

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

@@ -1,24 +0,0 @@
-ptc-list .link-primary li {
-  font-size: var(--ptc-font-size-medium);
-  line-height: var(--ptc-line-height-normal);
-  letter-spacing: var(--ptc-letter-spacing-normal);
-  list-style: none;
-}
-ptc-list .link-primary li:not(:last-child) {
-  margin-bottom: 0.625rem;
-}
-ptc-list .link-primary li a {
-  color: var(--color-white);
-  outline: none;
-  text-decoration: none;
-  font-family: Rajdhani;
-  font-size: var(--ptc-font-size-medium);
-  font-weight: var(--ptc-font-weight-bold);
-  line-height: var(--ptc-line-height-normal);
-  text-transform: uppercase;
-  letter-spacing: var(--ptc-letter-spacing-normal);
-}
-ptc-list .link-primary li a:hover {
-  color: var(--color-white);
-  border-bottom: 1.5px solid var(--color-primary-green);
-}

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

@@ -1,66 +0,0 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-export class PtcList {
-  constructor() {
-    this.listType = 'para-list';
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    const listItems = this.listItems;
-    if (!listItems || listItems.length === 0) {
-      return null;
-    }
-    return (h(Host, { class: classMap },
-      h("ul", null, listItems.map(listItem => {
-        h("li", null,
-          "$",
-          listItem);
-      }))));
-  }
-  getCssClassMap() {
-    return {
-      [this.listType]: true,
-    };
-  }
-  static get is() { return "ptc-list"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-list.css"]
-  }; }
-  static get properties() { return {
-    "listType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'link-primary' | 'link-sub' | 'icon' | 'para-list'",
-        "resolved": "\"icon\" | \"link-primary\" | \"link-sub\" | \"para-list\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "list-type",
-      "reflect": false,
-      "defaultValue": "'para-list'"
-    },
-    "listItems": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-}

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

@@ -1,5 +0,0 @@
-:host {
-  display: block;
-  width: 100%;
-  height: auto
-}

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

@@ -1,58 +0,0 @@
-import { Component, h, Prop } from '@stencil/core';
-import '@teamhive/lottie-player';
-export class PtcLottie {
-  constructor() {
-    /**
-     * Animation speed
-     */
-    this.speed = 1;
-  }
-  render() {
-    return (h("lottie-player", { autoplay: true, loop: true, src: this.jsonSrc, speed: this.speed }));
-  }
-  static get is() { return "ptc-lottie"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-lottie.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-lottie.css"]
-  }; }
-  static get properties() { return {
-    "jsonSrc": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set Json file src"
-      },
-      "attribute": "json-src",
-      "reflect": false
-    },
-    "speed": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Animation speed"
-      },
-      "attribute": "speed",
-      "reflect": false,
-      "defaultValue": "1"
-    }
-  }; }
-}

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

@@ -1,29 +0,0 @@
-:host {
-  display: block;
-}
-
-.nav-style {
-  background-color: #1c2126;
-  display: block;
-}
-
-@media only screen and (min-width: 992px) {
-  .nav-style {
-    display: grid;
-    grid-template-columns: auto fit-content(76px);
-    grid-template-rows: fit-content(22px) 1fr;
-    grid-template-areas: "secondary secondary" "primary language";
-  }
-
-  .primary-nav {
-    grid-area: primary;
-  }
-
-  .secondary-nav {
-    grid-area: secondary;
-  }
-
-  .language-nav {
-    grid-area: language;
-  }
-}

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

@@ -1,21 +0,0 @@
-import { Component, Host, h } from '@stencil/core';
-export class PtcNav {
-  render() {
-    return (h(Host, null,
-      h("nav", { class: "nav-style" },
-        h("div", { class: "primary-nav", part: "primary-nav-part" },
-          h("slot", { name: "primary-nav-content" })),
-        h("div", { class: "secondary-nav", part: "secondary-nav-part" },
-          h("slot", { name: "secondary-nav-content" })),
-        h("div", { class: "language-nav", part: "language-nav-part" },
-          h("slot", { name: "language-nav-content" })))));
-  }
-  static get is() { return "ptc-nav"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-nav.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-nav.css"]
-  }; }
-}

package/dist/collection/components/ptc-nav-item/ptc-nav-item.css

@@ -1,81 +0,0 @@
-:host {
-  display: block;
-  width: 100%;
-}
-@media screen and (min-width: 992px) {
-  :host {
-    width: auto;
-  }
-}
-
-:host([depth="2"]) a {
-  font-family: var(--ptc-font-secondary-latin);
-  font-size: var(--ptc-font-size-medium);
-  font-weight: var(--ptc-font-weight-bold);
-  line-height: var(--ptc-line-height-dense);
-  letter-spacing: var(--ptc-letter-spacing-dense);
-  margin-bottom: var(--ptc-element-spacing-03);
-  padding-left: 50px;
-}
-@media screen and (min-width: 992px) {
-  :host([depth="2"]) a {
-    padding-left: 0px;
-  }
-}
-
-:host([depth="1"]) a {
-  font-weight: var(--ptc-font-weight-bold);
-  line-height: var(--ptc-line-height-dense);
-  letter-spacing: var(--ptc-letter-spacing-dense);
-  padding: 20px 25px;
-}
-
-:host([nav-type=secondary-nav]) a {
-  font-size: var(--ptc-font-size-x-small);
-  font-weight: var(--ptc-font-weight-thin);
-}
-
-:host([nav-type=language-nav]) a {
-  font-size: var(--ptc-font-size-x-small);
-  font-weight: var(--ptc-font-weight-thin);
-}
-
-@media only screen and (min-width: 992px) {
-  .primary-nav ~ .ptc-nav-children {
-    position: absolute;
-    left: 0;
-  }
-  .primary-nav ~ .ptc-nav-children ::slotted(.nav-tab) {
-    background-color: #1c2126;
-    display: flex;
-    width: 100vw;
-  }
-
-  .language-nav ~ .ptc-nav-children {
-    position: absolute;
-    background-color: #1c2126;
-  }
-}
-a[aria-expanded=true] ~ .ptc-nav-children {
-  padding-top: var(--ptc-element-spacing-04);
-  max-height: 2000px;
-}
-@media screen and (min-width: 992px) {
-  a[aria-expanded=true] ~ .ptc-nav-children {
-    padding-top: 0;
-  }
-}
-
-.ptc-nav-children {
-  overflow: hidden;
-  max-height: 0;
-  transition: max-height 0.25s ease-in-out, padding-top 0.25s ease-in-out;
-}
-
-a {
-  color: var(--color-white);
-  text-transform: uppercase;
-  display: block;
-  outline: none;
-  text-decoration: none;
-}