npm - @ptcwebops/ptcw-design - Versions diffs - 1.8.6 → 1.8.8 - Mend

@ptcwebops/ptcw-design 1.8.6 → 1.8.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (570) hide show

package/dist/types/components.d.ts CHANGED Viewed

@@ -111,6 +111,10 @@ export namespace Components {
           * If multiple `<ptc-accordion-item>`s can open at the same time
          */
         "multiple"?: boolean;
+        /**
+          * Set the theme styling of the accordion default is "standard"
+         */
+        "theme": "standard" | "minimalist";
     }
     interface PtcAccordionItem {
         /**
@@ -137,6 +141,10 @@ export namespace Components {
           * Opens the accordion item.
          */
         "open": () => Promise<void>;
+        /**
+          * Set the theme styling of the accordion item, default is "standard"
+         */
+        "theme": "standard" | "minimalist";
         /**
           * Toggle open state of accordion item
          */
@@ -322,16 +330,16 @@ export namespace Components {
         /**
           * Card Type Specify Card Type, default to simple card
          */
-        "cardType": | 'simple-card'
-    | 'lottie-card'
-    | 'custom-card'
-    | 'clip-edge-card'
-    | 'hightlight-card'
-    | 'listing-card'
-    | 'horizontal-card'
-    | 'listing-card-horizontal'
-    | 'resource-center-card'
-    | 'case-studies-card'
+        "cardType": | 'simple-card'
+    | 'lottie-card'
+    | 'custom-card'
+    | 'clip-edge-card'
+    | 'hightlight-card'
+    | 'listing-card'
+    | 'horizontal-card'
+    | 'listing-card-horizontal'
+    | 'resource-center-card'
+    | 'case-studies-card'
     | 'related-card';
         /**
           * Card Date
@@ -390,16 +398,16 @@ export namespace Components {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardType"?: | 'card-video'
-    | 'card-tall'
-    | 'card-2up'
-    | 'card-wide'
-    | 'speed-bump'
-    | 'card-playlist'
-    | 'card-video-intro'
-    | 'card-dynamic'
-    | 'extra-tall'
-    | 'color-outlined'
+        "cardType"?: | 'card-video'
+    | 'card-tall'
+    | 'card-2up'
+    | 'card-wide'
+    | 'speed-bump'
+    | 'card-playlist'
+    | 'card-video-intro'
+    | 'card-dynamic'
+    | 'extra-tall'
+    | 'color-outlined'
     | 'thumbnail-video-preview';
         "isLoading"?: boolean;
         "outlineColor"?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
@@ -923,21 +931,21 @@ export namespace Components {
         /**
           * Filter Color
          */
-        "filterColor": | 'blue'
-    | 'red'
-    | 'orange'
-    | 'green'
-    | 'black-1'
-    | 'black-2'
-    | 'black-3'
-    | 'black-4'
-    | 'black-5'
-    | 'slate-grey'
-    | 'bright-blue'
-    | 'bright-red'
-    | 'bright-orange'
-    | 'bright-green'
-    | 'bright-slate-grey'
+        "filterColor": | 'blue'
+    | 'red'
+    | 'orange'
+    | 'green'
+    | 'black-1'
+    | 'black-2'
+    | 'black-3'
+    | 'black-4'
+    | 'black-5'
+    | 'slate-grey'
+    | 'bright-blue'
+    | 'bright-red'
+    | 'bright-orange'
+    | 'bright-green'
+    | 'bright-slate-grey'
     | string;
         /**
           * Overlay z-index
@@ -994,24 +1002,24 @@ export namespace Components {
         /**
           * Paragraph Margin
          */
-        "paraMargin"?: | 'margin-flush'
-    | 'maring-top-1'
-    | 'margin-top-2'
-    | 'margin-top-3'
-    | 'margin-top-4'
-    | 'margin-top-5'
-    | 'margin-top-6'
-    | 'margin-bottom-1'
-    | 'margin-bottom-2'
-    | 'margin-bottom-3'
-    | 'margin-bottom-4'
-    | 'margin-bottom-5'
-    | 'margin-bottom-6'
-    | 'margin-1'
-    | 'margin-2'
-    | 'margin-3'
-    | 'margin-4'
-    | 'margin-5'
+        "paraMargin"?: | 'margin-flush'
+    | 'maring-top-1'
+    | 'margin-top-2'
+    | 'margin-top-3'
+    | 'margin-top-4'
+    | 'margin-top-5'
+    | 'margin-top-6'
+    | 'margin-bottom-1'
+    | 'margin-bottom-2'
+    | 'margin-bottom-3'
+    | 'margin-bottom-4'
+    | 'margin-bottom-5'
+    | 'margin-bottom-6'
+    | 'margin-1'
+    | 'margin-2'
+    | 'margin-3'
+    | 'margin-4'
+    | 'margin-5'
     | 'margin-6';
         /**
           * Paragraph Style
@@ -1035,6 +1043,10 @@ export namespace Components {
           * Image border shape
          */
         "borderRadius": 'radius-standard' | 'radius-large';
+        /**
+          * Disable Image resizing solution
+         */
+        "disableResize": boolean;
         /**
           * Display image: inline, inline-block, block
          */
@@ -1263,6 +1275,24 @@ export namespace Components {
          */
         "zIndex": 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
     }
+    interface PtcReadmoreChar {
+        /**
+          * Text content
+         */
+        "description": string;
+        /**
+          * Character limits: Set your desired maximum character count
+         */
+        "maxCharacters": number;
+        /**
+          * Read Less Text
+         */
+        "readLessText": string;
+        /**
+          * Read More Text
+         */
+        "readMoreText": string;
+    }
     interface PtcResponsiveWrapper {
     }
     interface PtcSearchField {
@@ -1515,18 +1545,18 @@ export namespace Components {
         /**
           * Title Margin
          */
-        "titleMargin"?: | 'margin-flush'
-    | 'margin-top-3'
-    | 'margin-top-4'
-    | 'margin-top-5'
-    | 'margin-top-6'
-    | 'margin-bottom-3'
-    | 'margin-bottom-4'
-    | 'margin-bottom-5'
-    | 'margin-bottom-6'
-    | 'margin-3'
-    | 'margin-4'
-    | 'margin-5'
+        "titleMargin"?: | 'margin-flush'
+    | 'margin-top-3'
+    | 'margin-top-4'
+    | 'margin-top-5'
+    | 'margin-top-6'
+    | 'margin-bottom-3'
+    | 'margin-bottom-4'
+    | 'margin-bottom-5'
+    | 'margin-bottom-6'
+    | 'margin-3'
+    | 'margin-4'
+    | 'margin-5'
     | 'margin-6';
         /**
           * Title Shadow
@@ -2109,6 +2139,12 @@ declare global {
         prototype: HTMLPtcReadmoreElement;
         new (): HTMLPtcReadmoreElement;
     };
+    interface HTMLPtcReadmoreCharElement extends Components.PtcReadmoreChar, HTMLStencilElement {
+    }
+    var HTMLPtcReadmoreCharElement: {
+        prototype: HTMLPtcReadmoreCharElement;
+        new (): HTMLPtcReadmoreCharElement;
+    };
     interface HTMLPtcResponsiveWrapperElement extends Components.PtcResponsiveWrapper, HTMLStencilElement {
     }
     var HTMLPtcResponsiveWrapperElement: {
@@ -2327,6 +2363,7 @@ declare global {
         "ptc-progress-bar": HTMLPtcProgressBarElement;
         "ptc-quote": HTMLPtcQuoteElement;
         "ptc-readmore": HTMLPtcReadmoreElement;
+        "ptc-readmore-char": HTMLPtcReadmoreCharElement;
         "ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
         "ptc-search-field": HTMLPtcSearchFieldElement;
         "ptc-shopping-cart": HTMLPtcShoppingCartElement;
@@ -2460,6 +2497,10 @@ declare namespace LocalJSX {
           * If multiple `<ptc-accordion-item>`s can open at the same time
          */
         "multiple"?: boolean;
+        /**
+          * Set the theme styling of the accordion default is "standard"
+         */
+        "theme"?: "standard" | "minimalist";
     }
     interface PtcAccordionItem {
         /**
@@ -2494,6 +2535,10 @@ declare namespace LocalJSX {
           * Emitted when accordion item started opening
          */
         "onOpening"?: (event: PtcAccordionItemCustomEvent<any>) => void;
+        /**
+          * Set the theme styling of the accordion item, default is "standard"
+         */
+        "theme"?: "standard" | "minimalist";
     }
     interface PtcAnnouncement {
         /**
@@ -2683,16 +2728,16 @@ declare namespace LocalJSX {
         /**
           * Card Type Specify Card Type, default to simple card
          */
-        "cardType"?: | 'simple-card'
-    | 'lottie-card'
-    | 'custom-card'
-    | 'clip-edge-card'
-    | 'hightlight-card'
-    | 'listing-card'
-    | 'horizontal-card'
-    | 'listing-card-horizontal'
-    | 'resource-center-card'
-    | 'case-studies-card'
+        "cardType"?: | 'simple-card'
+    | 'lottie-card'
+    | 'custom-card'
+    | 'clip-edge-card'
+    | 'hightlight-card'
+    | 'listing-card'
+    | 'horizontal-card'
+    | 'listing-card-horizontal'
+    | 'resource-center-card'
+    | 'case-studies-card'
     | 'related-card';
         /**
           * Card Date
@@ -2753,16 +2798,16 @@ declare namespace LocalJSX {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardType"?: | 'card-video'
-    | 'card-tall'
-    | 'card-2up'
-    | 'card-wide'
-    | 'speed-bump'
-    | 'card-playlist'
-    | 'card-video-intro'
-    | 'card-dynamic'
-    | 'extra-tall'
-    | 'color-outlined'
+        "cardType"?: | 'card-video'
+    | 'card-tall'
+    | 'card-2up'
+    | 'card-wide'
+    | 'speed-bump'
+    | 'card-playlist'
+    | 'card-video-intro'
+    | 'card-dynamic'
+    | 'extra-tall'
+    | 'color-outlined'
     | 'thumbnail-video-preview';
         "isLoading"?: boolean;
         "onHoverEvent"?: (event: PtcCardContentCustomEvent<void>) => void;
@@ -3308,21 +3353,21 @@ declare namespace LocalJSX {
         /**
           * Filter Color
          */
-        "filterColor"?: | 'blue'
-    | 'red'
-    | 'orange'
-    | 'green'
-    | 'black-1'
-    | 'black-2'
-    | 'black-3'
-    | 'black-4'
-    | 'black-5'
-    | 'slate-grey'
-    | 'bright-blue'
-    | 'bright-red'
-    | 'bright-orange'
-    | 'bright-green'
-    | 'bright-slate-grey'
+        "filterColor"?: | 'blue'
+    | 'red'
+    | 'orange'
+    | 'green'
+    | 'black-1'
+    | 'black-2'
+    | 'black-3'
+    | 'black-4'
+    | 'black-5'
+    | 'slate-grey'
+    | 'bright-blue'
+    | 'bright-red'
+    | 'bright-orange'
+    | 'bright-green'
+    | 'bright-slate-grey'
     | string;
         /**
           * Overlay z-index
@@ -3379,24 +3424,24 @@ declare namespace LocalJSX {
         /**
           * Paragraph Margin
          */
-        "paraMargin"?: | 'margin-flush'
-    | 'maring-top-1'
-    | 'margin-top-2'
-    | 'margin-top-3'
-    | 'margin-top-4'
-    | 'margin-top-5'
-    | 'margin-top-6'
-    | 'margin-bottom-1'
-    | 'margin-bottom-2'
-    | 'margin-bottom-3'
-    | 'margin-bottom-4'
-    | 'margin-bottom-5'
-    | 'margin-bottom-6'
-    | 'margin-1'
-    | 'margin-2'
-    | 'margin-3'
-    | 'margin-4'
-    | 'margin-5'
+        "paraMargin"?: | 'margin-flush'
+    | 'maring-top-1'
+    | 'margin-top-2'
+    | 'margin-top-3'
+    | 'margin-top-4'
+    | 'margin-top-5'
+    | 'margin-top-6'
+    | 'margin-bottom-1'
+    | 'margin-bottom-2'
+    | 'margin-bottom-3'
+    | 'margin-bottom-4'
+    | 'margin-bottom-5'
+    | 'margin-bottom-6'
+    | 'margin-1'
+    | 'margin-2'
+    | 'margin-3'
+    | 'margin-4'
+    | 'margin-5'
     | 'margin-6';
         /**
           * Paragraph Style
@@ -3420,6 +3465,10 @@ declare namespace LocalJSX {
           * Image border shape
          */
         "borderRadius"?: 'radius-standard' | 'radius-large';
+        /**
+          * Disable Image resizing solution
+         */
+        "disableResize"?: boolean;
         /**
           * Display image: inline, inline-block, block
          */
@@ -3657,6 +3706,24 @@ declare namespace LocalJSX {
          */
         "zIndex"?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
     }
+    interface PtcReadmoreChar {
+        /**
+          * Text content
+         */
+        "description"?: string;
+        /**
+          * Character limits: Set your desired maximum character count
+         */
+        "maxCharacters"?: number;
+        /**
+          * Read Less Text
+         */
+        "readLessText"?: string;
+        /**
+          * Read More Text
+         */
+        "readMoreText"?: string;
+    }
     interface PtcResponsiveWrapper {
     }
     interface PtcSearchField {
@@ -3910,18 +3977,18 @@ declare namespace LocalJSX {
         /**
           * Title Margin
          */
-        "titleMargin"?: | 'margin-flush'
-    | 'margin-top-3'
-    | 'margin-top-4'
-    | 'margin-top-5'
-    | 'margin-top-6'
-    | 'margin-bottom-3'
-    | 'margin-bottom-4'
-    | 'margin-bottom-5'
-    | 'margin-bottom-6'
-    | 'margin-3'
-    | 'margin-4'
-    | 'margin-5'
+        "titleMargin"?: | 'margin-flush'
+    | 'margin-top-3'
+    | 'margin-top-4'
+    | 'margin-top-5'
+    | 'margin-top-6'
+    | 'margin-bottom-3'
+    | 'margin-bottom-4'
+    | 'margin-bottom-5'
+    | 'margin-bottom-6'
+    | 'margin-3'
+    | 'margin-4'
+    | 'margin-5'
     | 'margin-6';
         /**
           * Title Shadow
@@ -4083,6 +4150,7 @@ declare namespace LocalJSX {
         "ptc-progress-bar": PtcProgressBar;
         "ptc-quote": PtcQuote;
         "ptc-readmore": PtcReadmore;
+        "ptc-readmore-char": PtcReadmoreChar;
         "ptc-responsive-wrapper": PtcResponsiveWrapper;
         "ptc-search-field": PtcSearchField;
         "ptc-shopping-cart": PtcShoppingCart;
@@ -4181,6 +4249,7 @@ declare module "@stencil/core" {
             "ptc-progress-bar": LocalJSX.PtcProgressBar & JSXBase.HTMLAttributes<HTMLPtcProgressBarElement>;
             "ptc-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
             "ptc-readmore": LocalJSX.PtcReadmore & JSXBase.HTMLAttributes<HTMLPtcReadmoreElement>;
+            "ptc-readmore-char": LocalJSX.PtcReadmoreChar & JSXBase.HTMLAttributes<HTMLPtcReadmoreCharElement>;
             "ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
             "ptc-search-field": LocalJSX.PtcSearchField & JSXBase.HTMLAttributes<HTMLPtcSearchFieldElement>;
             "ptc-shopping-cart": LocalJSX.PtcShoppingCart & JSXBase.HTMLAttributes<HTMLPtcShoppingCartElement>;