@ptcwebops/ptcw-design 6.3.30-beta → 6.3.30

package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts

@@ -21,6 +21,6 @@ export declare class PtcTheaterVideoPlaylist {
     index: any;
     modalType: any;
   };
-  showCardDetails(index: number): void;
+  showCardDetails(index: number, cardElement?: HTMLElement): void;
   render(): any;
 }

package/dist/types/components/ptc-white-paper/ptc-white-paper.d.ts

@@ -36,7 +36,7 @@ export declare class PtcWhitePaper {
   handleNextPage(): void;
   renderPaginationButtons(): any[];
   renderContent(item: Record<string, ComponentData>, index: number): any;
-  renderTwoColumnText(comp: any, index: any): any;
+  renderTwoColumnText(_: any, index: any): any;
   renderfullspanMedia(comp: any, index: any): any;
   renderFullspanText(comp: any, index: any): any;
   render(): any;

package/dist/types/components.d.ts

@@ -172,8 +172,6 @@ export namespace Components {
          */
         "styles"?: string;
     }
-    interface ModalFormExample {
-    }
     interface MostPopularNews {
         "topTitle": string;
     }
@@ -406,7 +404,8 @@ export namespace Components {
         /**
           * Button theme color
          */
-        "color": 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search';
+        "color": 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search' | 'primary-cta' | 'secondary-cta-dark' | 'secondary-cta-light';
+        "ctaWidth": 'full-width' | 'default';
         /**
           * Add dark-focus-state property where button is present on dark backgrounds
          */
@@ -1028,6 +1027,7 @@ export namespace Components {
           * (optional) Injected CSS Styles
          */
         "styles"?: string;
+        "target": string;
         "trackerId"?: string;
         "variant": 'image' | 'text';
     }
@@ -1263,6 +1263,7 @@ export namespace Components {
           * Sets if popup should overlay
          */
         "fixed"?: boolean;
+        "focusBackElement": any;
         "headerOnlyBg"?: string;
         "headerOnlyText1"?: string;
         "headerOnlyText2"?: string;
@@ -1305,7 +1306,7 @@ export namespace Components {
         /**
           * Sets if popup should close if click on outside
          */
-        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal';
+        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'max' | 'sm-modal';
         /**
           * (optional) Injected CSS Styles
          */
@@ -1394,8 +1395,11 @@ export namespace Components {
     interface PtcNavPills {
     }
     interface PtcNavSkipToContent {
+        "appendSelector": string;
         "buttonText": string;
         "sectionId": string;
+        "xOffset": number;
+        "yOffset": number;
     }
     interface PtcNavSlider {
         /**
@@ -1560,7 +1564,7 @@ export namespace Components {
         /**
           * Paragraph Color
          */
-        "paraColor": 'primary-grey' | 'primary-green' | 'white' | 'gray-darker';
+        "paraColor": 'primary-grey' | 'white' | 'gray-darker';
         /**
           * line height
          */
@@ -1724,7 +1728,6 @@ export namespace Components {
          */
         "styles"?: string;
         "text": string | undefined;
-        "theme": 'standard' | 'light';
     }
     interface PtcPricingAddOnCard {
         /**
@@ -2051,6 +2054,7 @@ export namespace Components {
           * Query selector of page footer above which the related card rail will unstick
          */
         "footerQuerySelector": string;
+        "isVisible": boolean;
         "railTitle": string;
     }
     interface PtcResponsiveWrapper {
@@ -2454,25 +2458,80 @@ export namespace Components {
         "type": 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
     }
     interface PtcTextfield {
+        /**
+          * Alert Text
+         */
         "alertText": string;
+        /**
+          * Alert Text Content
+         */
         "alertTextContent": string;
+        /**
+          * Custom Validation - String
+         */
         "customValidation": (input: HTMLInputElement) => string;
+        /**
+          * Disable the field
+         */
         "disabled": boolean;
+        /**
+          * ID
+         */
         "fieldId": string;
+        /**
+          * input "name" value. e.g.: 'phone', 'email', 'firstname', 'lastname'
+         */
         "fieldName": string;
+        "getValidationMessage": (type: string) => Promise<string>;
+        /**
+          * Validation text (red)
+         */
         "helpertext": string;
+        /**
+          * Ignore Blind Submit?
+         */
         "ignoreBlindSubmit": boolean;
+        /**
+          * Info Text (black)
+         */
         "infoText": string;
         "inputValue": string;
+        /**
+          * Label Text
+         */
         "labelText": string;
+        /**
+          * Place holder Text
+         */
         "placeholderText": string;
+        /**
+          * Eloqua Data Name (for the eloqua)
+         */
         "ptcDataEloquaName": string;
+        /**
+          * Eloqua Target Data Name (for the eloqua)
+         */
         "ptcDataTargetEloquaName": string;
+        /**
+          * Text counter limit
+         */
         "ptcMaxLength"?: number;
+        /**
+          * Is this a mandatory field?
+         */
         "required": boolean;
+        /**
+          * Inject styles for customization
+         */
         "styles": string;
         "syncCountry": (countryCode: string) => Promise<void>;
+        /**
+          * Text Field Form
+         */
         "textfieldForm": 'default' | 'email-signup';
+        /**
+          * text, button, email, file and etc. This value triggers different validation
+         */
         "type": string;
         "validateTextField": () => Promise<void>;
     }
@@ -2486,7 +2545,7 @@ export namespace Components {
         "vtagName"?: string;
     }
     interface PtcTheaterVideoModal {
-        "updateData": (data: any, currentModalIndex: any) => Promise<void>;
+        "updateData": (data: any, currentModalIndex: any, cardElement?: HTMLElement) => Promise<void>;
     }
     interface PtcTheaterVideoPlaylist {
         "cardElements": any;
@@ -2950,6 +3009,10 @@ export interface PtcTheaterVideoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcTheaterVideoElement;
 }
+export interface PtcTheaterVideoModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPtcTheaterVideoModalElement;
+}
 export interface PtcWhitePaperCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcWhitePaperElement;
@@ -3121,12 +3184,6 @@ declare global {
         prototype: HTMLMaxWidthContainerElement;
         new (): HTMLMaxWidthContainerElement;
     };
-    interface HTMLModalFormExampleElement extends Components.ModalFormExample, HTMLStencilElement {
-    }
-    var HTMLModalFormExampleElement: {
-        prototype: HTMLModalFormExampleElement;
-        new (): HTMLModalFormExampleElement;
-    };
     interface HTMLMostPopularNewsElement extends Components.MostPopularNews, HTMLStencilElement {
     }
     var HTMLMostPopularNewsElement: {
@@ -4049,7 +4106,6 @@ declare global {
         "jumbotron-sub-mune": HTMLJumbotronSubMuneElement;
         "list-item": HTMLListItemElement;
         "max-width-container": HTMLMaxWidthContainerElement;
-        "modal-form-example": HTMLModalFormExampleElement;
         "most-popular-news": HTMLMostPopularNewsElement;
         "my-component": HTMLMyComponentElement;
         "news-search-result": HTMLNewsSearchResultElement;
@@ -4373,8 +4429,6 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
     }
-    interface ModalFormExample {
-    }
     interface MostPopularNews {
         "topTitle"?: string;
     }
@@ -4613,7 +4667,8 @@ declare namespace LocalJSX {
         /**
           * Button theme color
          */
-        "color"?: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search';
+        "color"?: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search' | 'primary-cta' | 'secondary-cta-dark' | 'secondary-cta-light';
+        "ctaWidth"?: 'full-width' | 'default';
         /**
           * Add dark-focus-state property where button is present on dark backgrounds
          */
@@ -5255,6 +5310,7 @@ declare namespace LocalJSX {
           * (optional) Injected CSS Styles
          */
         "styles"?: string;
+        "target"?: string;
         "trackerId"?: string;
         "variant"?: 'image' | 'text';
     }
@@ -5491,6 +5547,7 @@ declare namespace LocalJSX {
           * Sets if popup should overlay
          */
         "fixed"?: boolean;
+        "focusBackElement"?: any;
         "headerOnlyBg"?: string;
         "headerOnlyText1"?: string;
         "headerOnlyText2"?: string;
@@ -5538,7 +5595,7 @@ declare namespace LocalJSX {
         /**
           * Sets if popup should close if click on outside
          */
-        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal';
+        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'max' | 'sm-modal';
         /**
           * (optional) Injected CSS Styles
          */
@@ -5630,8 +5687,11 @@ declare namespace LocalJSX {
     interface PtcNavPills {
     }
     interface PtcNavSkipToContent {
+        "appendSelector"?: string;
         "buttonText"?: string;
         "sectionId"?: string;
+        "xOffset"?: number;
+        "yOffset"?: number;
     }
     interface PtcNavSlider {
         /**
@@ -5802,7 +5862,7 @@ declare namespace LocalJSX {
         /**
           * Paragraph Color
          */
-        "paraColor"?: 'primary-grey' | 'primary-green' | 'white' | 'gray-darker';
+        "paraColor"?: 'primary-grey' | 'white' | 'gray-darker';
         /**
           * line height
          */
@@ -5964,7 +6024,6 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
         "text"?: string | undefined;
-        "theme"?: 'standard' | 'light';
     }
     interface PtcPricingAddOnCard {
         /**
@@ -6312,6 +6371,7 @@ declare namespace LocalJSX {
           * Query selector of page footer above which the related card rail will unstick
          */
         "footerQuerySelector"?: string;
+        "isVisible"?: boolean;
         "railTitle"?: string;
     }
     interface PtcResponsiveWrapper {
@@ -6717,24 +6777,78 @@ declare namespace LocalJSX {
         "type"?: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
     }
     interface PtcTextfield {
+        /**
+          * Alert Text
+         */
         "alertText"?: string;
+        /**
+          * Alert Text Content
+         */
         "alertTextContent"?: string;
+        /**
+          * Custom Validation - String
+         */
         "customValidation"?: (input: HTMLInputElement) => string;
+        /**
+          * Disable the field
+         */
         "disabled"?: boolean;
+        /**
+          * ID
+         */
         "fieldId"?: string;
+        /**
+          * input "name" value. e.g.: 'phone', 'email', 'firstname', 'lastname'
+         */
         "fieldName"?: string;
+        /**
+          * Validation text (red)
+         */
         "helpertext"?: string;
+        /**
+          * Ignore Blind Submit?
+         */
         "ignoreBlindSubmit"?: boolean;
+        /**
+          * Info Text (black)
+         */
         "infoText"?: string;
         "inputValue"?: string;
+        /**
+          * Label Text
+         */
         "labelText"?: string;
+        /**
+          * Place holder Text
+         */
         "placeholderText"?: string;
+        /**
+          * Eloqua Data Name (for the eloqua)
+         */
         "ptcDataEloquaName"?: string;
+        /**
+          * Eloqua Target Data Name (for the eloqua)
+         */
         "ptcDataTargetEloquaName"?: string;
+        /**
+          * Text counter limit
+         */
         "ptcMaxLength"?: number;
+        /**
+          * Is this a mandatory field?
+         */
         "required"?: boolean;
+        /**
+          * Inject styles for customization
+         */
         "styles"?: string;
+        /**
+          * Text Field Form
+         */
         "textfieldForm"?: 'default' | 'email-signup';
+        /**
+          * text, button, email, file and etc. This value triggers different validation
+         */
         "type"?: string;
     }
     interface PtcTheaterVideo {
@@ -6748,6 +6862,7 @@ declare namespace LocalJSX {
         "vtagName"?: string;
     }
     interface PtcTheaterVideoModal {
+        "onModalClosed"?: (event: PtcTheaterVideoModalCustomEvent<any>) => void;
     }
     interface PtcTheaterVideoPlaylist {
         "cardElements"?: any;
@@ -7050,7 +7165,6 @@ declare namespace LocalJSX {
         "jumbotron-sub-mune": JumbotronSubMune;
         "list-item": ListItem;
         "max-width-container": MaxWidthContainer;
-        "modal-form-example": ModalFormExample;
         "most-popular-news": MostPopularNews;
         "my-component": MyComponent;
         "news-search-result": NewsSearchResult;
@@ -7233,7 +7347,6 @@ declare module "@stencil/core" {
             "jumbotron-sub-mune": LocalJSX.JumbotronSubMune & JSXBase.HTMLAttributes<HTMLJumbotronSubMuneElement>;
             "list-item": LocalJSX.ListItem & JSXBase.HTMLAttributes<HTMLListItemElement>;
             "max-width-container": LocalJSX.MaxWidthContainer & JSXBase.HTMLAttributes<HTMLMaxWidthContainerElement>;
-            "modal-form-example": LocalJSX.ModalFormExample & JSXBase.HTMLAttributes<HTMLModalFormExampleElement>;
             "most-popular-news": LocalJSX.MostPopularNews & JSXBase.HTMLAttributes<HTMLMostPopularNewsElement>;
             "my-component": LocalJSX.MyComponent & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
             "news-search-result": LocalJSX.NewsSearchResult & JSXBase.HTMLAttributes<HTMLNewsSearchResultElement>;

package/dist/types/global/global.d.ts

@@ -0,0 +1,4 @@
+declare global {
+  var ptcLogger: any;
+}
+export {};

package/dist/types/utils/fef-logger.d.ts

@@ -0,0 +1,10 @@
+declare class PTCLogger {
+  private prefix;
+  private format;
+  log(message: any, ...args: any[]): void;
+  info(message: any, ...args: any[]): void;
+  warn(message: any, ...args: any[]): void;
+  error(message: any, ...args: any[]): void;
+}
+export declare const ptcLogger: PTCLogger;
+export {};

package/dist/types/utils/validation-messages.d.ts

@@ -1,123 +1,4 @@
-declare const ValidationMessages: {
-  de: {
-    required: string;
-    select: string;
-    firstname: string;
-    lastname: string;
-    validemail: string;
-    email: string;
-    companyemail: string;
-    tel: string;
-    validtel: string;
-    confirmemail: string;
-  };
-  en: {
-    required: string;
-    select: string;
-    firstname: string;
-    lastname: string;
-    validemail: string;
-    email: string;
-    companyemail: string;
-    tel: string;
-    validtel: string;
-    confirmemail: string;
-  };
-  fr: {
-    required: string;
-    select: string;
-    firstname: string;
-    lastname: string;
-    validemail: string;
-    email: string;
-    companyemail: string;
-    tel: string;
-    validtel: string;
-    confirmemail: string;
-  };
-  ko: {
-    required: string;
-    select: string;
-    firstname: string;
-    lastname: string;
-    validemail: string;
-    email: string;
-    companyemail: string;
-    tel: string;
-    validtel: string;
-    confirmemail: string;
-  };
-  pt: {
-    required: string;
-    select: string;
-    firstname: string;
-    lastname: string;
-    validemail: string;
-    email: string;
-    companyemail: string;
-    tel: string;
-    validtel: string;
-    confirmemail: string;
-  };
-  cn: {
-    required: string;
-    select: string;
-    firstname: string;
-    lastname: string;
-    validemail: string;
-    email: string;
-    companyemail: string;
-    tel: string;
-    validtel: string;
-    confirmemail: string;
-  };
-  tw: {
-    required: string;
-    select: string;
-    firstname: string;
-    lastname: string;
-    validemail: string;
-    email: string;
-    companyemail: string;
-    tel: string;
-    validtel: string;
-    confirmemail: string;
-  };
-  ja: {
-    required: string;
-    select: string;
-    firstname: string;
-    lastname: string;
-    validemail: string;
-    email: string;
-    companyemail: string;
-    tel: string;
-    validtel: string;
-    confirmemail: string;
-  };
-  it: {
-    required: string;
-    select: string;
-    firstname: string;
-    lastname: string;
-    validemail: string;
-    email: string;
-    companyemail: string;
-    tel: string;
-    validtel: string;
-    confirmemail: string;
-  };
-  es: {
-    required: string;
-    select: string;
-    firstname: string;
-    lastname: string;
-    validemail: string;
-    email: string;
-    companyemail: string;
-    tel: string;
-    validtel: string;
-    confirmemail: string;
-  };
-};
-export { ValidationMessages };
+declare function loadValidationMessages(): Promise<void>;
+declare function getValidationMessageText(type: string, lang?: string): string;
+declare const ValidationMessages: Record<string, Record<string, string>>;
+export { loadValidationMessages, getValidationMessageText, ValidationMessages };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "6.3.30-beta",
+  "version": "6.3.30",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "./dist/index.js",
@@ -27,7 +27,10 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "generate-story": "node scripts/storyGenerator",
-    "generate-unit-tests": "node scripts/unitTestGenerator"
+    "generate-unit-tests": "node scripts/unitTestGenerator",
+    "start:tailwind": "npx tailwindcss -i ./src/global/tailwindcss/input.css -o ./src/global/tailwindcss/output.css --watch",
+    "start:tailwind-stencil": "npx tailwindcss -i ./src/global/tailwindcss/input.css -o ./src/global/tailwindcss/output.css && npm run start",
+    "build:tailwind-stencil": "npx tailwindcss -i ./src/global/tailwindcss/input.css -o ./src/global/tailwindcss/output.css --minify && npm run build"
   },
   "dependencies": {
     "@daveberning/griddle": "^0.3.0",
@@ -68,6 +71,7 @@
     "react-dom": "^18.2.0",
     "stencil-inline-svg": "^1.1.0",
     "storybook": "^7.1.0-alpha.29",
+    "tailwindcss": "^3.4.17",
     "util": "^0.12.5",
     "yargs": "^17.7.2"
   },

package/readme.md

@@ -1,6 +1,6 @@
 ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
 
-# PTC Design 6.3.30-beta
+# PTC Design 6.3.30
 
 The site is the place for documentation on PTC Design System
 
@@ -17,7 +17,3 @@ To build the site from the source, ensure you're using the most recent versions
 - puppeteer 10.0.0
 
 ## License
-
-## Release notes
-
-TODO: figure out how to do release notes with npm