@ptcwebops/ptcw-design 1.2.0 → 1.2.1

package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js

@@ -112,7 +112,7 @@ export class PtcPricingTabs {
   }
   renderTabs() {
     let tabs = this.getCurrentTabs();
-    return (h("div", { class: "tabs" }, h("ptc-para", { styles: "p { margin: 1.5rem 0 .75rem 0; }", "font-size": this.isDesktopViewPort ? "x-small" : "small", "font-weight": this.isDesktopViewPort ? "w-4" : "w-5" }, this.tabLabel), h("div", { class: "attached" }, h("slot", { name: "attached" })), tabs && tabs.map((tab, index) => h("ptc-pricing-block", { "data-id": tab.id, active: tab.active, onClick: () => this.handleTabClick(tab, index) }, h("span", { slot: "left-text", innerHTML: tab.header }), h("span", { slot: "right-text", innerHTML: tab.label })))));
+    return (h("div", { class: "tabs" }, h("ptc-para", { styles: "p.primary-grey { margin: 1.5rem 0 .75rem 0; color: var(--color-gray-12); }", "font-size": this.isDesktopViewPort ? "x-small" : "small", "font-weight": this.isDesktopViewPort ? "w-4" : "w-5" }, this.tabLabel), h("div", { class: "attached" }, h("slot", { name: "attached" })), tabs && tabs.map((tab, index) => h("ptc-pricing-block", { "data-id": tab.id, active: tab.active, onClick: () => this.handleTabClick(tab, index) }, h("span", { slot: "left-text", innerHTML: tab.header }), h("span", { slot: "right-text", innerHTML: tab.label })))));
   }
   render() {
     let tabs = this.getCurrentTabs();

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

@@ -1,6 +1,7 @@
 ptc-tab-list {
   display: block;
   position: relative;
+  color: var(--color-gray-12);
 }
 ptc-tab-list.tab-with-banner {
   background-color: #fff;
@@ -14,6 +15,9 @@ ptc-tab-list.tab-with-banner {
 ptc-tab-list.tab-with-banner .tabs-content {
   padding: 30px 0 0 0;
 }
+ptc-tab-list.tab-with-banner .tabs-content p, ptc-tab-list.tab-with-banner .tabs-content span, ptc-tab-list.tab-with-banner .tabs-content h1, ptc-tab-list.tab-with-banner .tabs-content h2, ptc-tab-list.tab-with-banner .tabs-content h3, ptc-tab-list.tab-with-banner .tabs-content h4, ptc-tab-list.tab-with-banner .tabs-content h5, ptc-tab-list.tab-with-banner .tabs-content h6, ptc-tab-list.tab-with-banner .tabs-content ul, ptc-tab-list.tab-with-banner .tabs-content li, ptc-tab-list.tab-with-banner .tabs-content table {
+  color: var(--color-gray-12);
+}
 
 .tabs-header-container {
   width: 100%;

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

@@ -1,6 +1,7 @@
 :host {
   display: block;
   margin-top: var(--ptc-element-spacing-03);
+  color: var(--color-gray-12);
   box-sizing: border-box;
 }
 :host .ptc-pricing-block {

package/dist/collection/components/tab-header/tab-header.css

@@ -33,7 +33,7 @@
 }
 
 .tab-header-selected {
-  color: var(--color-gray-10);
+  color: var(--color-gray-12);
   font-weight: var(--ptc-font-weight-bold);
 }
 .tab-header-selected::after {

package/dist/custom-elements/index.d.ts

@@ -392,6 +392,18 @@ export const PtcTwoColumnMedia: {
   new (): PtcTwoColumnMedia;
 };
 
+interface SequentialBundle extends Components.SequentialBundle, HTMLElement {}
+export const SequentialBundle: {
+  prototype: SequentialBundle;
+  new (): SequentialBundle;
+};
+
+interface SequentialBundleExample extends Components.SequentialBundleExample, HTMLElement {}
+export const SequentialBundleExample: {
+  prototype: SequentialBundleExample;
+  new (): SequentialBundleExample;
+};
+
 interface TabContent extends Components.TabContent, HTMLElement {}
 export const TabContent: {
   prototype: TabContent;