@ptcwebops/ptcw-design 0.2.6 → 0.2.8

package/dist/cjs/ptc-nav.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-425f1f02.js');
+const index = require('./index-0b899fc6.js');
 
 const ptcNavCss = ":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}}";
 
-const PtcNav = class {
+let PtcNav = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }

package/dist/cjs/ptc-overlay.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-425f1f02.js');
+const index = require('./index-0b899fc6.js');
 
 const ptcOverlayCss = ":host{display:block}";
 
-const PtcOverlay = class {
+let PtcOverlay = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }

package/dist/cjs/ptc-para.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-425f1f02.js');
+const index = require('./index-0b899fc6.js');
 
 const ptcParaCss = "p.default{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-primary-grey)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03)}p.margin-top-4{margin-top:var(--ptc-element-spacing-04)}p.margin-top-5{margin-top:var(--ptc-element-spacing-05)}p.margin-top-6{margin-top:var(--ptc-element-spacing-06)}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03)}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04)}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05)}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06)}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-secondary-grey);line-height:var(--ptc-line-height-looser);letter-spacing:1px}";
 
-const PtcPara = class {
+let PtcPara = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**

package/dist/cjs/ptc-picture.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-425f1f02.js');
+const index = require('./index-0b899fc6.js');
 const interfaces = require('./interfaces-0ecd8027.js');
 
 const ptcPictureCss = ":host{display:block;overflow:hidden}img{max-width:100%;height:auto}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}";
 
-const PtcPicture = class {
+let PtcPicture = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**

package/dist/cjs/ptc-select.cjs.entry.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-0b899fc6.js');
+
+const ptcSelectCss = ".sc-ptc-select-h{display:block}.ptc-select.sc-ptc-select{display:block;width:100%;padding:6px 12px;border:none;border-bottom:1px solid #3b4550;padding-left:20px;-webkit-box-shadow:1px 1px 25px 0 rgba(0, 0, 0, 0.16);box-shadow:1px 1px 25px 0 rgba(0, 0, 0, 0.16);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:16px;color:#707070;padding-top:14px;background:#fff}";
+
+let PtcSelect = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.valueOptions = [];
+  }
+  componentWillLoad() {
+    const BASE_URL = 'https://countriesnow.space/api/v0.1/countries/iso';
+    return fetch(`${BASE_URL}`)
+      .then(response => response.json())
+      .then(data => {
+      this.valueOptions = data.data;
+      console.log(this.valueOptions);
+    });
+  }
+  render() {
+    if (this.selectId == 'contact-country') {
+      console.log('country field exist');
+    }
+    return (index.h("div", null, index.h("select", { id: this.selectId, class: "ptc-select", "data-eloqua-name": this.dataEloquaName, name: this.name }, this.selectId === 'contact-country'
+      ? this.valueOptions.map(recipient => index.h("option", { value: recipient.Iso2 }, recipient.name))
+      : this.valueOptions.map(recipient => index.h("option", { value: recipient.Iso3 }, recipient.name))), index.h("label", { htmlFor: this.selectId, class: "floating-label" }, index.h("slot", null))));
+  }
+  get el() { return index.getElement(this); }
+};
+PtcSelect.style = ptcSelectCss;
+
+exports.ptc_select = PtcSelect;

package/dist/cjs/ptc-spacer.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-425f1f02.js');
+const index = require('./index-0b899fc6.js');
 
 const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.ptc-spacer-xx-large){display:block}}";
 
-const PtcSpacer = class {
+let PtcSpacer = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**

package/dist/cjs/ptc-span.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-425f1f02.js');
+const index = require('./index-0b899fc6.js');
 
 const ptcSpanCss = ":host(.link-style) span{color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:#cac8c8;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-05);font-size:17px;padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:#40434a}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}";
 
-const PtcSpan = class {
+let PtcSpan = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**

package/dist/cjs/ptc-title.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-425f1f02.js');
+const index = require('./index-0b899fc6.js');
 
 const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before{right:0%}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed #5bb73b}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-secondary-grey);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-primary-green);top:-2px;left:0px}div.sc-ptc-title h1.sc-ptc-title,div.sc-ptc-title h2.sc-ptc-title,div.sc-ptc-title h3.sc-ptc-title{display:inline-block;position:relative}div.sc-ptc-title h1.sc-ptc-title{font-size:46px;line-height:52px;font-weight:800;letter-spacing:0px;color:var(--color-primary-grey)}div.sc-ptc-title h2.sc-ptc-title{font-size:28px;line-height:32px;font-weight:800;color:var(--color-primary-grey)}";
 
-const PtcTitle = class {
+let PtcTitle = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**

package/dist/cjs/ptcw-design.cjs.js

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-425f1f02.js');
+const index = require('./index-0b899fc6.js');
 
 /*
- Stencil Client Patch Browser v2.6.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.13.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('ptcw-design.cjs.js', document.baseURI).href));
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["ptc-announcement.cjs",[[1,"ptc-announcement",{"btnText":[513,"btn-text"],"visible":[1540],"btnLink":[513,"btn-link"],"tempContainer":[4,"temp-container"]}]]],["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"cardDate":[1,"card-date"],"styles":[1]}]]],["ptc-link.cjs",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-form_3.cjs",[[6,"ptc-form",{"value":[32],"inputValue":[32],"selectValue":[32]}],[6,"ptc-input",{"type":[1],"dataEloquaName":[1,"data-eloqua-name"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"focused":[32]}],[6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]]],["list-item.cjs",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-avatar.cjs",[[1,"ptc-avatar"]]],["ptc-countdown.cjs",[[1,"ptc-countdown"]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-img.cjs",[[0,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]]]],["ptc-list.cjs",[[0,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-overlay.cjs",[[4,"ptc-overlay"]]],["ptc-para.cjs",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraMargin":[1,"para-margin"]}]]],["ptc-picture.cjs",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"styles":[1],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["ptc-spacer.cjs",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-title.cjs",[[6,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["lottie-player.cjs",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-date.cjs",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateStyles":[1,"date-styles"]}]]],["ptc-button_2.cjs",[[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}],[1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]]],["icon-asset.cjs",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]]], options);
+  return index.bootstrapLazy([["ptc-card.cjs",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1]}]]],["ptc-link.cjs",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["list-item.cjs",[[4,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-avatar.cjs",[[1,"ptc-avatar"]]],["ptc-button.cjs",[[1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}]]],["ptc-countdown.cjs",[[1,"ptc-countdown"]]],["ptc-footer.cjs",[[1,"ptc-footer"]]],["ptc-form.cjs",[[6,"ptc-form",{"value":[32],"inputValue":[32],"selectValue":[32]}]]],["ptc-img.cjs",[[0,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"]},[[9,"resize","WindowResize"]]]]],["ptc-input.cjs",[[6,"ptc-input",{"type":[1],"dataEloquaName":[1,"data-eloqua-name"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"focused":[32]}]]],["ptc-list.cjs",[[0,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["ptc-overlay.cjs",[[4,"ptc-overlay"]]],["ptc-para.cjs",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraMargin":[1,"para-margin"]}]]],["ptc-picture.cjs",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"styles":[1],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["ptc-select.cjs",[[6,"ptc-select",{"dataEloquaName":[1,"data-eloqua-name"],"selectId":[1,"select-id"],"name":[1],"valueOptions":[1040]}]]],["ptc-spacer.cjs",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-title.cjs",[[6,"ptc-title",{"type":[1],"textAlign":[1,"text-align"],"upperline":[1]}]]],["ptc-announcement_2.cjs",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"]}],[1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]]],["icon-asset.cjs",[[0,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1]}]]],["lottie-player.cjs",[[1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2],"play":[64],"pause":[64],"stop":[64],"seek":[64],"getLottie":[64],"setSpeed":[64],"setDirection":[64],"setLooping":[64],"togglePlay":[64],"toggleLooping":[64]}]]],["ptc-date.cjs",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateStyles":[1,"date-styles"]}]]]], options);
 });

package/dist/collection/collection-manifest.json

@@ -29,8 +29,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.6.0",
-    "typescriptVersion": "4.2.3"
+    "version": "2.13.0",
+    "typescriptVersion": "4.3.5"
   },
   "collections": [
     {

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

@@ -3,10 +3,9 @@
 }
 
 .announcement {
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTUyLjI5NiIgaGVpZ2h0PSI0Ni45ODEiIHZpZXdCb3g9IjAgMCAxNTUyLjI5NiA0Ni45ODEiPg0KICAgIDxkZWZzPg0KICAgICAgICA8c3R5bGU+DQogICAgICAgICAgICAucHJlZml4X19jbHMtMntmaWxsOiNmZmZ9DQogICAgICAgIDwvc3R5bGU+DQogICAgPC9kZWZzPg0KICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzM3MCIgZGF0YS1uYW1lPSJHcm91cCAzNzAiIHN0eWxlPSJvcGFjaXR5Oi4yNTttaXgtYmxlbmQtbW9kZTpzb2Z0LWxpZ2h0O2lzb2xhdGlvbjppc29sYXRlIj4NCiAgICAgICAgPGcgaWQ9InByZWZpeF9fQXJ0d29ya18xMyIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjkuMzM2IDIzLjQ5KSI+DQogICAgICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTIiIGRhdGEtbmFtZT0iQXJ0d29yayAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOS4zMzYgLTIzLjQ5KSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzEwIiBkYXRhLW5hbWU9Ikdyb3VwIDMxMCI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTI1NyIgZD0iTTAgMHYyNi4wMjhMMjYuMDI4IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEyNTciLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMjU4IiBkPSJNNDMwLjA3NiAwTDM4My4xIDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI1OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2NS40MDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzMxMSIgZGF0YS1uYW1lPSJHcm91cCAzMTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjY2OCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNTkiIGQ9Ik0xNDAwLjMgMHYyNi4wMjhMMTQyNi4zMjggMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI1OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MDAuMzAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNjAiIGQ9Ik0xODMwLjM3NiAwTDE3ODMuNCA0Ni45ODFoMjYuMTA3bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEyNjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzY1LjcwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzEyIiBkYXRhLW5hbWU9Ikdyb3VwIDMxMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI5LjMzNikiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNjEiIGQ9Ik0yODAwLjYgMHYyNi4wMjhMMjgyNi42MjkgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI2MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4MDAuNjAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNjIiIGQ9Ik0zMjMwLjY3NiAwTDMxODMuNyA0Ni45ODFoMjYuMTA2bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEyNjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTY2LjAwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzEzIiBkYXRhLW5hbWU9Ikdyb3VwIDMxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk0LjAwNCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNjMiIGQ9Ik00MjAwLjkgMHYyNi4wMjhMNDIyNi45MjcgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI2MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyMDAuODk3KSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyNjQiIGQ9Ik00NjMwLjk3NCAwTDQ1ODQgNDYuOTgxaDI2LjFsMjAuODctMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMjY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU2Ni4zMDYpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSJwcmVmaXhfX0FydHdvcmtfMTMtMyIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODguMTk5IDIzLjQ5KSI+DQogICAgICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTQiIGRhdGEtbmFtZT0iQXJ0d29yayAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOS4zMzYgLTIzLjQ5KSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzM0IiBkYXRhLW5hbWU9Ikdyb3VwIDMzNCI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTI5NyIgZD0iTTAgMHYyNi4wMjhMMjYuMDI4IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEyOTciLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMjk4IiBkPSJNNDMwLjA3NiAwTDM4My4xIDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI5OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2NS40MDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzMzNSIgZGF0YS1uYW1lPSJHcm91cCAzMzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjY2OCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEyOTkiIGQ9Ik0xNDAwLjMgMHYyNi4wMjhMMTQyNi4zMjggMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTI5OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MDAuMzAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMDAiIGQ9Ik0xODMwLjM3NiAwTDE3ODMuNCA0Ni45ODFoMjYuMTA3bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzY1LjcwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzM2IiBkYXRhLW5hbWU9Ikdyb3VwIDMzNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI5LjMzNikiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMDEiIGQ9Ik0yODAwLjYgMHYyNi4wMjhMMjgyNi42MjkgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMwMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4MDAuNjAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMDIiIGQ9Ik0zMjMwLjY3NiAwTDMxODMuNyA0Ni45ODFoMjYuMTA2bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTY2LjAwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzM3IiBkYXRhLW5hbWU9Ikdyb3VwIDMzNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk0LjAwNCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMDMiIGQ9Ik00MjAwLjkgMHYyNi4wMjhMNDIyNi45MjcgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMwMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyMDAuODk3KSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMDQiIGQ9Ik00NjMwLjk3NCAwTDQ1ODQgNDYuOTgxaDI2LjFsMjAuODctMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzA0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU2Ni4zMDYpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSJwcmVmaXhfX0FydHdvcmtfMTMtNSIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NDYuOTk2IDIzLjQ5KSI+DQogICAgICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTYiIGRhdGEtbmFtZT0iQXJ0d29yayAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOS4zMzYgLTIzLjQ5KSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzQzIiBkYXRhLW5hbWU9Ikdyb3VwIDM0MyI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMxMyIgZD0iTTAgMHYyNi4wMjhMMjYuMDI4IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMTMiLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMzE0IiBkPSJNNDMwLjA3NiAwTDM4My4xIDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMxNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2NS40MDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzM0NCIgZGF0YS1uYW1lPSJHcm91cCAzNDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjY2OCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMTUiIGQ9Ik0xNDAwLjMgMHYyNi4wMjhMMTQyNi4zMjggMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMxNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MDAuMzAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMTYiIGQ9Ik0xODMwLjM3NiAwTDE3ODMuNCA0Ni45ODFoMjYuMTA3bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNzY1LjcwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzQ1IiBkYXRhLW5hbWU9Ikdyb3VwIDM0NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI5LjMzNikiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMTciIGQ9Ik0yODAwLjYgMHYyNi4wMjhMMjgyNi42MjkgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMxNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4MDAuNjAxKSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMTgiIGQ9Ik0zMjMwLjY3NiAwTDMxODMuNyA0Ni45ODFoMjYuMTA2bDIwLjg2OS0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTY2LjAwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzQ2IiBkYXRhLW5hbWU9Ikdyb3VwIDM0NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk0LjAwNCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMTkiIGQ9Ik00MjAwLjkgMHYyNi4wMjhMNDIyNi45MjcgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMxOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyMDAuODk3KSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzMjAiIGQ9Ik00NjMwLjk3NCAwTDQ1ODQgNDYuOTgxaDI2LjFsMjAuODctMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzIwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU2Ni4zMDYpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgICAgIDxnIGlkPSJwcmVmaXhfX0FydHdvcmtfMTMtNyIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MDUuMDU2IDIzLjQ5KSI+DQogICAgICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTgiIGRhdGEtbmFtZT0iQXJ0d29yayAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOS4zMzYgLTIzLjQ5KSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzUyIiBkYXRhLW5hbWU9Ikdyb3VwIDM1MiI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMyOSIgZD0iTTAgMHYyNi4wMjhMMjYuMDI4IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMjkiLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMzMwIiBkPSJNNDMwLjA3NiAwTDM4My4xIDQ2Ljk4aDI2LjEwNmwyMC44NjktMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzY1LjQwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzUzIiBkYXRhLW5hbWU9Ikdyb3VwIDM1MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQuNjY4KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMzMSIgZD0iTTE0MDAuMyAwdjI2LjAyOEwxNDI2LjMyOCAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwMC4zMDEpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMzMiIgZD0iTTE4MzAuMzc2IDBMMTc4My40IDQ2Ljk4aDI2LjEwN2wyMC44NjktMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc2NS43MDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzM1NCIgZGF0YS1uYW1lPSJHcm91cCAzNTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOS4zMzYpIj4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMzMzIiBkPSJNMjgwMC42IDB2MjYuMDI4TDI4MjYuNjI5IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzMzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODAwLjYwMSkiLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMzM0IiBkPSJNMzIzMC42NzYgMEwzMTgzLjcgNDYuOThoMjYuMTA2bDIwLjg3LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMzNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxNjYuMDA4KSIvPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8ZyBpZD0icHJlZml4X19Hcm91cF8zNTUiIGRhdGEtbmFtZT0iR3JvdXAgMzU1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTQuMDA0KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMzNSIgZD0iTTQyMDAuOSAwdjI2LjAyOEw0MjI2LjkyOCAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzM1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDIwMC44OTkpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTMzNiIgZD0iTTQ2MzAuOTc1IDBMNDU4NCA0Ni45OGgyNi4xMDVsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTMzNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ1NjYuMzA4KSIvPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTkiIGRhdGEtbmFtZT0iQXJ0d29yayAxMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTE2My45NiAyMy40OSkiPg0KICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fQXJ0d29ya18xMy0xMCIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI5LjMzNiAtMjMuNDkpIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0icHJlZml4X19Hcm91cF8zNjEiIGRhdGEtbmFtZT0iR3JvdXAgMzYxIj4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF8xMzQ1IiBkPSJNMCAwdjI2LjAyOEwyNi4wMjggMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTM0NSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzEzNDYiIGQ9Ik00MzAuMDc2IDBMMzgzLjEgNDYuOTgxaDI2LjEwN2wyMC44NjktMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzQ2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzY1LjQwOCkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPGcgaWQ9InByZWZpeF9fR3JvdXBfMzYyIiBkYXRhLW5hbWU9Ikdyb3VwIDM2MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQuNjY4KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM0NyIgZD0iTTE0MDAuMyAwdjI2LjAyOEwxNDI2LjMyOCAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwMC4zMDEpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM0OCIgZD0iTTE4MzAuMzc2IDBMMTc4My40IDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTM0OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3NjUuNzA4KSIvPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8ZyBpZD0icHJlZml4X19Hcm91cF8zNjMiIGRhdGEtbmFtZT0iR3JvdXAgMzYzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjkuMzM2KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM0OSIgZD0iTTI4MDAuNiAwdjI2LjAyOEwyODI2LjYyOSAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzQ5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjgwMC42MDEpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM1MCIgZD0iTTMyMzAuNjc2IDBMMzE4My43IDQ2Ljk4MWgyNi4xMDZsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggMTM1MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxNjYuMDA4KSIvPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8ZyBpZD0icHJlZml4X19Hcm91cF8zNjQiIGRhdGEtbmFtZT0iR3JvdXAgMzY0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTQuMDA0KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM1MSIgZD0iTTQyMDAuOSAwdjI2LjAyOEw0MjI2LjkyNiAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCAxMzUxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDIwMC44OTcpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfMTM1MiIgZD0iTTQ2MzAuOTczIDBMNDU4NCA0Ni45ODFoMjYuMWwyMC44Ny0yMC44Njl6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDEzNTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NTY2LjMwNSkiLz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICAgICAgPGcgaWQ9InByZWZpeF9fQXJ0d29ya18xMy0xMSIgZGF0YS1uYW1lPSJBcnR3b3JrIDEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDIyLjk2IDIzLjQ5KSI+DQogICAgICAgICAgICA8ZyBpZD0icHJlZml4X19BcnR3b3JrXzEzLTEyIiBkYXRhLW5hbWU9IkFydHdvcmsgMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjkuMzM2IC0yMy40OSkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzMwMzMiIGRhdGEtbmFtZT0iR3JvdXAgMzAzMyI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfOTA1MyIgZD0iTTAgMHYyNi4wMjhMMjYuMDI4IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDkwNTMiLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF85MDU0IiBkPSJNNDMwLjA3NiAwTDM4My4xIDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggOTA1NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM2NS40MDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzMwMzQiIGRhdGEtbmFtZT0iR3JvdXAgMzAzNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQuNjY4KSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfOTA1NSIgZD0iTTE0MDAuMyAwdjI2LjAyOEwxNDI2LjMyOCAweiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCA5MDU1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQwMC4zMDEpIi8+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJwcmVmaXhfX1BhdGhfOTA1NiIgZD0iTTE4MzAuMzc2IDBMMTc4My40IDQ2Ljk4MWgyNi4xMDdsMjAuODY5LTIwLjg2OXoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggOTA1NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE3NjUuNzA4KSIvPg0KICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8ZyBpZD0icHJlZml4X19Hcm91cF8zMDM1IiBkYXRhLW5hbWU9Ikdyb3VwIDMwMzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyOS4zMzYpIj4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF85MDU3IiBkPSJNMjgwMC42IDB2MjYuMDI4TDI4MjYuNjI5IDB6IiBjbGFzcz0icHJlZml4X19jbHMtMiIgZGF0YS1uYW1lPSJQYXRoIDkwNTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yODAwLjYwMSkiLz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9InByZWZpeF9fUGF0aF85MDU4IiBkPSJNMzIzMC42NzYgMEwzMTgzLjcgNDYuOTgxaDI2LjEwNmwyMC44NjktMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCA5MDU4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzE2Ni4wMDgpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJwcmVmaXhfX0dyb3VwXzMwMzYiIGRhdGEtbmFtZT0iR3JvdXAgMzAzNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTk0LjAwNCkiPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzkwNTkiIGQ9Ik00MjAwLjkgMHYyNi4wMjhMNDIyNi45MjYgMHoiIGNsYXNzPSJwcmVmaXhfX2Nscy0yIiBkYXRhLW5hbWU9IlBhdGggOTA1OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQyMDAuODk3KSIvPg0KICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0icHJlZml4X19QYXRoXzkwNjAiIGQ9Ik00NjMwLjk3MyAwTDQ1ODQgNDYuOTgxaDI2LjFsMjAuODctMjAuODY5eiIgY2xhc3M9InByZWZpeF9fY2xzLTIiIGRhdGEtbmFtZT0iUGF0aCA5MDYwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDU2Ni4zMDUpIi8+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+DQo=);
   width: 100%;
   position: relative;
-  background-color: rgba(211, 211, 211, 0.4);
+  background-color: #e4e7e9;
   z-index: 860;
   background-size: cover;
   background-repeat: repeat-x;
@@ -61,27 +60,90 @@
 }
 
 .left-content {
-  display: block;
+  display: flex;
   flex-basis: 82%;
+  flex-direction: column;
 }
 @media screen and (min-width: 768px) {
   .left-content {
-    display: flex;
-    align-items: center;
+    align-items: flex-start;
     justify-content: flex-start;
   }
 }
 
+.title {
+  flex-basis: 18%;
+  font-family: Raleway;
+  font-size: 13px;
+  font-weight: 800;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 2.6;
+  letter-spacing: 1px;
+  text-align: left;
+  color: #40434a;
+  /*undefined color*/
+  text-transform: uppercase;
+}
+
 .ptc-svg-btn {
   flex-basis: 18%;
 }
 
+.bar-close {
+  padding-right: 15px;
+}
+
 .description {
-  margin-bottom: var(--ptc-element-spacing-04);
+  flex-basis: 82%;
+  font-family: Raleway;
+  font-size: 13px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.4;
+  letter-spacing: normal;
+  text-align: left;
+  color: #40434a;
+  /*new change*/
 }
-@media screen and (min-width: 768px) {
+
+a {
+  color: #3b4550;
+  -webkit-transition: color 0.3s ease;
+  -o-transition: color 0.3s ease;
+  transition: color 0.3s ease;
+  font-weight: 700;
+  border-bottom: 0.15rem solid #74c34d;
+  text-decoration: none;
+  margin-left: 16px;
+}
+a:hover {
+  color: #74c34d;
+  text-decoration: none;
+}
+
+@media (min-width: 768px) {
+  .bar-close {
+    padding-right: 0px;
+  }
+}
+@media (min-width: 992px) {
+  .left-content {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .title {
+    font-size: 14px;
+    font-weight: 800;
+    line-height: 1.86;
+    letter-spacing: 1.4px;
+  }
+
   .description {
-    margin-bottom: unset;
-    margin-right: var(--ptc-element-spacing-04);
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 1.6;
   }
 }

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

@@ -2,9 +2,17 @@ import { Component, Host, h, Prop, Event } from '@stencil/core';
 export class PtcAnnouncement {
   constructor() {
     /**
-     * Btn Link
+     * bar title
      */
-    this.btnLink = '#';
+    this.barTitle = "";
+    /**
+     * bar description
+     */
+    this.Description = "";
+    /**
+     * Link Url
+     */
+    this.linkUrl = '#';
     this.closeClick = () => {
       this.visible = false;
       this.close.emit();
@@ -14,14 +22,13 @@ export class PtcAnnouncement {
     const classMap = this.getCssClassMap();
     return (h(Host, null,
       h("div", { class: classMap, part: "part-announcement" },
-        h("div", { class: this.tempContainer ? "content-wrapper temp-container" : "content-wrapper" },
+        h("div", { class: this.tempContainer ? 'content-wrapper temp-container' : 'content-wrapper' },
           h("div", { class: "left-content", part: "part-left-content" },
+            !!this.barTitle ? h("div", { class: "title" }, this.barTitle) : null,
             h("div", { class: "description" },
-              h("slot", null)),
-            !!this.btnText ? (h("ptc-button", { color: "legacy-green", "link-href": this.btnLink, class: "hydrated" },
-              this.btnText,
-              h("icon-asset", { slot: "slot-after-text", type: "ptc", size: "small", name: "button-arrow-right", color: "white" }))) : null),
-          h("ptc-svg-btn", { "svg-name": "close", onClick: this.closeClick })))));
+              !!this.Description ? h("span", null, this.Description) : null,
+              !!this.linkText ? (h("a", { href: this.linkUrl, title: this.linkText }, this.linkText)) : null)),
+          h("ptc-svg-btn", { class: "bar-close", "svg-name": "close", onClick: this.closeClick })))));
   }
   getCssClassMap() {
     return {
@@ -38,7 +45,43 @@ export class PtcAnnouncement {
     "$": ["ptc-announcement.css"]
   }; }
   static get properties() { return {
-    "btnText": {
+    "barTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "bar title"
+      },
+      "attribute": "bar-title",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "Description": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "bar description"
+      },
+      "attribute": "description",
+      "reflect": false,
+      "defaultValue": "\"\""
+    },
+    "linkText": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -50,9 +93,9 @@ export class PtcAnnouncement {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Btn Text"
+        "text": "link Text"
       },
-      "attribute": "btn-text",
+      "attribute": "link-text",
       "reflect": true
     },
     "visible": {
@@ -72,7 +115,7 @@ export class PtcAnnouncement {
       "attribute": "visible",
       "reflect": true
     },
-    "btnLink": {
+    "linkUrl": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -84,9 +127,9 @@ export class PtcAnnouncement {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Btn Link"
+        "text": "Link Url"
       },
-      "attribute": "btn-link",
+      "attribute": "link-url",
       "reflect": true,
       "defaultValue": "'#'"
     },
@@ -102,7 +145,7 @@ export class PtcAnnouncement {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Temp Container \nWe plan to remove container in the future"
+        "text": "Temp Container\nWe plan to remove container in the future"
       },
       "attribute": "temp-container",
       "reflect": false

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

@@ -60,7 +60,6 @@
   color: #40434a;
   font-weight: var(--ptc-font-weight-bold);
   font-size: var(--ptc-font-size-medium);
-  text-transform: uppercase;
   border-bottom: 2px solid transparent;
   margin-bottom: var(--ptc-element-spacing-02);
 }
@@ -87,7 +86,6 @@
   font-size: var(--ptc-font-size-small);
   font-weight: var(--ptc-font-weight-black);
   line-height: 1.86;
-  text-transform: uppercase;
   position: relative;
   margin-bottom: var(--ptc-element-spacing-02);
   display: inline-block;
@@ -261,4 +259,17 @@
   opacity: 0;
   transition: height var(--ptc-transition-medium) var(--ptc-standard-ease), opacity var(--ptc-transition-fast) var(--ptc-standard-ease);
   transition-delay: var(--ptc-delay-medium);
+}
+
+.ptc-h3.uppercase {
+  text-transform: uppercase;
+}
+.ptc-h3.capitalize {
+  text-transform: capitalize;
+}
+.ptc-h3.lowercase {
+  text-transform: lowercase;
+}
+.ptc-h3.none {
+  text-transform: none;
 }

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

@@ -30,6 +30,10 @@ export class PtcCard {
      * If this card has Lottie Image
      */
     this.hasLottie = false;
+    /**
+     * Card heading text transform
+     */
+    this.headingTransform = 'none';
   }
   render() {
     const Tag = !!this.cardHref ? 'a' : 'div';
@@ -43,7 +47,7 @@ export class PtcCard {
             h("slot", { name: "slot-before-heading" }),
             !!this.heading
               ? [
-                h("h3", { class: "ptc-h3", part: "card-heading" }, this.heading),
+                h("h3", { class: `ptc-h3 ${this.headingTransform}`, part: "card-heading" }, this.heading),
                 h("slot", { name: "slot-after-heading" }),
               ]
               : null,
@@ -222,6 +226,24 @@ export class PtcCard {
       "attribute": "heading",
       "reflect": false
     },
+    "headingTransform": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'uppercase' | 'lowercase' | 'capitalize' | 'none'",
+        "resolved": "\"capitalize\" | \"lowercase\" | \"none\" | \"uppercase\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Card heading text transform"
+      },
+      "attribute": "heading-transform",
+      "reflect": false,
+      "defaultValue": "'none'"
+    },
     "cardDate": {
       "type": "string",
       "mutable": false,

package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.css

@@ -10,12 +10,12 @@
 }
 
 .svg-close svg .cls-1 {
-  stroke: #1c2439;
+  stroke: #40434A;
   stroke-linecap: square;
 }
 
 .svg-close svg .cls-2 {
-  stroke: #74c34d;
+  stroke: #40434A;
 }
 
 .svg-close svg path {