@postnord/pn-marketweb-components 4.4.0 → 4.5.1

package/umd/modules/@postnord/web-components/types/components/feedback/pn-skeleton-loader/pn-skeleton-loader.d.ts

@@ -0,0 +1,35 @@
+export type PnSkeletonLoaderType = 'box' | 'paragraph' | 'text' | 'card' | 'chip' | 'table' | 'input' | 'tile' | 'header' | 'avatar' | 'button';
+/** Display a skeleton loader placeholder to indicate content is loading. */
+export declare class PnSkeletonLoader {
+    /** The skeleton shape to render.
+     */
+    type: PnSkeletonLoaderType;
+    /** Custom width (CSS value). Overrides type default.
+     */
+    width?: string;
+    /** Custom height (CSS value). Overrides type default.
+     */
+    height?: string;
+    /** Custom border-radius (CSS value). Overrides type default.
+     */
+    borderRadius?: string;
+    /** Small size variant for type="chip".
+     */
+    small: boolean;
+    /** Large size variant for type="chip".
+     */
+    large: boolean;
+    /** Number of lines for type="paragraph" or body rows for type="table". Does not do anything for other types. Default is 3.
+     */
+    lines: number;
+    /** When true, masks slotted content with shimmer instead of rendering a skeleton shape. The slotted content keeps its layout but text and images are hidden behind the shimmer effect.
+     */
+    automatic: boolean;
+    /** When true, hides the skeleton. For automatic mode, the slotted content is shown without masking.
+     */
+    hide: boolean;
+    private getStyle;
+    private renderParagraph;
+    private renderTable;
+    render(): any;
+}

package/umd/modules/@postnord/web-components/types/components/input/pn-input-chip/pn-input-chip.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * The `pn-input-chip` represents a confirmed user input value that can be removed.
+ * It is visually similar to the `pn-choice-chip` but its only action is deletion.
+ * Clicking anywhere on the chip removes it.
+ */
+export declare class PnInputChip {
+    private readonly id;
+    /** The chip label text. */
+    label: string;
+    /** Optional value identifier emitted with the delete event. @category Native attributes */
+    value?: string;
+    /** Add a leading icon to the chip. @category Features */
+    icon?: string;
+    /** Use the small size for the input chip. @category Features */
+    small: boolean;
+    /** Use the large size for the input chip. @category Features */
+    large: boolean;
+    /** Disable the chip. When disabled, the chip is not interactive. @category Native attributes */
+    disabled: boolean;
+    /** Emitted when the chip is clicked (removed). */
+    pnDelete: EventEmitter<{
+        label: string;
+        value?: string;
+    }>;
+    /**
+     * A unique HTML ID for the input chip.
+     * @category HTML attributes
+     */
+    pnId?: string;
+    private handleDelete;
+    private getId;
+    render(): any;
+}

package/umd/modules/@postnord/web-components/types/components.d.ts

@@ -9,10 +9,12 @@ import { Components, PnActionMenuItem, PnButtonAppearance, PnButtonVariant, PnCo
 import { Event } from "./stencil-public-runtime";
 import { PnLanguages as PnLanguages1, PnMarkets, PnSearchFieldButton, PnUploadFileItem } from "./globals/types";
 import { CalendarView, PnDatePickerSelectEvent } from "./globals/date/index";
+import { PnSkeletonLoaderType } from "./components/feedback/pn-skeleton-loader/pn-skeleton-loader";
 export { Components, PnActionMenuItem, PnButtonAppearance, PnButtonVariant, PnColors, PnLanguages, PnMultiselectOption, PnZipCodeSearchLanguages } from "./index";
 export { Event } from "./stencil-public-runtime";
 export { PnLanguages as PnLanguages1, PnMarkets, PnSearchFieldButton, PnUploadFileItem } from "./globals/types";
 export { CalendarView, PnDatePickerSelectEvent } from "./globals/date/index";
+export { PnSkeletonLoaderType } from "./components/feedback/pn-skeleton-loader/pn-skeleton-loader";
 export namespace Components {
     /**
      * The `pn-accordion` is a wrapper for `pn-accordion-row` components.
@@ -1395,6 +1397,50 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * The `pn-input-chip` represents a confirmed user input value that can be removed.
+     * It is visually similar to the `pn-choice-chip` but its only action is deletion.
+     * Clicking anywhere on the chip removes it.
+     */
+    interface PnInputChip {
+        /**
+          * Disable the chip. When disabled, the chip is not interactive.
+          * @category Native attributes
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Add a leading icon to the chip.
+          * @category Features
+         */
+        "icon"?: string;
+        /**
+          * The chip label text.
+         */
+        "label": string;
+        /**
+          * Use the large size for the input chip.
+          * @category Features
+          * @default false
+         */
+        "large": boolean;
+        /**
+          * A unique HTML ID for the input chip.
+          * @category HTML attributes
+         */
+        "pnId"?: string;
+        /**
+          * Use the small size for the input chip.
+          * @category Features
+          * @default false
+         */
+        "small": boolean;
+        /**
+          * Optional value identifier emitted with the delete event.
+          * @category Native attributes
+         */
+        "value"?: string;
+    }
     /**
      * Present content in a modal that overlays everything on the current page.
      * Use the prop `open` to toggle the visiblity.
@@ -2416,6 +2462,53 @@ export namespace Components {
          */
         "selectId"?: string;
     }
+    /**
+     * Display a skeleton loader placeholder to indicate content is loading.
+     */
+    interface PnSkeletonLoader {
+        /**
+          * When true, masks slotted content with shimmer instead of rendering a skeleton shape. The slotted content keeps its layout but text and images are hidden behind the shimmer effect.
+          * @default false
+         */
+        "automatic": boolean;
+        /**
+          * Custom border-radius (CSS value). Overrides type default.
+         */
+        "borderRadius"?: string;
+        /**
+          * Custom height (CSS value). Overrides type default.
+         */
+        "height"?: string;
+        /**
+          * When true, hides the skeleton. For automatic mode, the slotted content is shown without masking.
+          * @default false
+         */
+        "hide": boolean;
+        /**
+          * Large size variant for type="chip".
+          * @default false
+         */
+        "large": boolean;
+        /**
+          * Number of lines for type="paragraph" or body rows for type="table". Does not do anything for other types. Default is 3.
+          * @default 3
+         */
+        "lines": number;
+        /**
+          * Small size variant for type="chip".
+          * @default false
+         */
+        "small": boolean;
+        /**
+          * The skeleton shape to render.
+          * @default 'box'
+         */
+        "type": PnSkeletonLoaderType;
+        /**
+          * Custom width (CSS value). Overrides type default.
+         */
+        "width"?: string;
+    }
     /**
      * Display a spinner to indicate a loading state.
      */
@@ -3146,6 +3239,10 @@ export interface PnFileUploadCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPnFileUploadElement;
 }
+export interface PnInputChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPnInputChipElement;
+}
 export interface PnModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPnModalElement;
@@ -3532,6 +3629,28 @@ declare global {
         prototype: HTMLPnInputElement;
         new (): HTMLPnInputElement;
     };
+    interface HTMLPnInputChipElementEventMap {
+        "pnDelete": { label: string; value?: string };
+    }
+    /**
+     * The `pn-input-chip` represents a confirmed user input value that can be removed.
+     * It is visually similar to the `pn-choice-chip` but its only action is deletion.
+     * Clicking anywhere on the chip removes it.
+     */
+    interface HTMLPnInputChipElement extends Components.PnInputChip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPnInputChipElementEventMap>(type: K, listener: (this: HTMLPnInputChipElement, ev: PnInputChipCustomEvent<HTMLPnInputChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPnInputChipElementEventMap>(type: K, listener: (this: HTMLPnInputChipElement, ev: PnInputChipCustomEvent<HTMLPnInputChipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPnInputChipElement: {
+        prototype: HTMLPnInputChipElement;
+        new (): HTMLPnInputChipElement;
+    };
     interface HTMLPnModalElementEventMap {
         "modalToggle": { open: boolean };
         "modalVisibility": { visible: boolean };
@@ -3875,6 +3994,15 @@ declare global {
         prototype: HTMLPnSelectElement;
         new (): HTMLPnSelectElement;
     };
+    /**
+     * Display a skeleton loader placeholder to indicate content is loading.
+     */
+    interface HTMLPnSkeletonLoaderElement extends Components.PnSkeletonLoader, HTMLStencilElement {
+    }
+    var HTMLPnSkeletonLoaderElement: {
+        prototype: HTMLPnSkeletonLoaderElement;
+        new (): HTMLPnSkeletonLoaderElement;
+    };
     /**
      * Display a spinner to indicate a loading state.
      */
@@ -4108,6 +4236,7 @@ declare global {
         "pn-icon": HTMLPnIconElement;
         "pn-illustration": HTMLPnIllustrationElement;
         "pn-input": HTMLPnInputElement;
+        "pn-input-chip": HTMLPnInputChipElement;
         "pn-modal": HTMLPnModalElement;
         "pn-multiselect": HTMLPnMultiselectElement;
         "pn-ocr-search": HTMLPnOcrSearchElement;
@@ -4126,6 +4255,7 @@ declare global {
         "pn-segment": HTMLPnSegmentElement;
         "pn-segmented-control": HTMLPnSegmentedControlElement;
         "pn-select": HTMLPnSelectElement;
+        "pn-skeleton-loader": HTMLPnSkeletonLoaderElement;
         "pn-spinner": HTMLPnSpinnerElement;
         "pn-tab": HTMLPnTabElement;
         "pn-table": HTMLPnTableElement;
@@ -5609,6 +5739,54 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * The `pn-input-chip` represents a confirmed user input value that can be removed.
+     * It is visually similar to the `pn-choice-chip` but its only action is deletion.
+     * Clicking anywhere on the chip removes it.
+     */
+    interface PnInputChip {
+        /**
+          * Disable the chip. When disabled, the chip is not interactive.
+          * @category Native attributes
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Add a leading icon to the chip.
+          * @category Features
+         */
+        "icon"?: string;
+        /**
+          * The chip label text.
+         */
+        "label": string;
+        /**
+          * Use the large size for the input chip.
+          * @category Features
+          * @default false
+         */
+        "large"?: boolean;
+        /**
+          * Emitted when the chip is clicked (removed).
+         */
+        "onPnDelete"?: (event: PnInputChipCustomEvent<{ label: string; value?: string }>) => void;
+        /**
+          * A unique HTML ID for the input chip.
+          * @category HTML attributes
+         */
+        "pnId"?: string;
+        /**
+          * Use the small size for the input chip.
+          * @category Features
+          * @default false
+         */
+        "small"?: boolean;
+        /**
+          * Optional value identifier emitted with the delete event.
+          * @category Native attributes
+         */
+        "value"?: string;
+    }
     /**
      * Present content in a modal that overlays everything on the current page.
      * Use the prop `open` to toggle the visiblity.
@@ -6731,6 +6909,53 @@ declare namespace LocalJSX {
          */
         "selectId"?: string;
     }
+    /**
+     * Display a skeleton loader placeholder to indicate content is loading.
+     */
+    interface PnSkeletonLoader {
+        /**
+          * When true, masks slotted content with shimmer instead of rendering a skeleton shape. The slotted content keeps its layout but text and images are hidden behind the shimmer effect.
+          * @default false
+         */
+        "automatic"?: boolean;
+        /**
+          * Custom border-radius (CSS value). Overrides type default.
+         */
+        "borderRadius"?: string;
+        /**
+          * Custom height (CSS value). Overrides type default.
+         */
+        "height"?: string;
+        /**
+          * When true, hides the skeleton. For automatic mode, the slotted content is shown without masking.
+          * @default false
+         */
+        "hide"?: boolean;
+        /**
+          * Large size variant for type="chip".
+          * @default false
+         */
+        "large"?: boolean;
+        /**
+          * Number of lines for type="paragraph" or body rows for type="table". Does not do anything for other types. Default is 3.
+          * @default 3
+         */
+        "lines"?: number;
+        /**
+          * Small size variant for type="chip".
+          * @default false
+         */
+        "small"?: boolean;
+        /**
+          * The skeleton shape to render.
+          * @default 'box'
+         */
+        "type"?: PnSkeletonLoaderType;
+        /**
+          * Custom width (CSS value). Overrides type default.
+         */
+        "width"?: string;
+    }
     /**
      * Display a spinner to indicate a loading state.
      */
@@ -7723,6 +7948,15 @@ declare namespace LocalJSX {
         "arialabel": string;
         "ariacontrols": string;
     }
+    interface PnInputChipAttributes {
+        "label": string;
+        "value": string;
+        "icon": string;
+        "small": boolean;
+        "large": boolean;
+        "disabled": boolean;
+        "pnId": string;
+    }
     interface PnModalAttributes {
         "label": string;
         "helpertext": string;
@@ -7921,6 +8155,17 @@ declare namespace LocalJSX {
         "pnAriaLabelledby": string;
         "selectId": string;
     }
+    interface PnSkeletonLoaderAttributes {
+        "type": PnSkeletonLoaderType;
+        "width": string;
+        "height": string;
+        "borderRadius": string;
+        "small": boolean;
+        "large": boolean;
+        "lines": number;
+        "automatic": boolean;
+        "hide": boolean;
+    }
     interface PnSpinnerAttributes {
         "light": boolean;
         "size": number;
@@ -8077,6 +8322,7 @@ declare namespace LocalJSX {
         "pn-icon": Omit<PnIcon, keyof PnIconAttributes> & { [K in keyof PnIcon & keyof PnIconAttributes]?: PnIcon[K] } & { [K in keyof PnIcon & keyof PnIconAttributes as `attr:${K}`]?: PnIconAttributes[K] } & { [K in keyof PnIcon & keyof PnIconAttributes as `prop:${K}`]?: PnIcon[K] };
         "pn-illustration": Omit<PnIllustration, keyof PnIllustrationAttributes> & { [K in keyof PnIllustration & keyof PnIllustrationAttributes]?: PnIllustration[K] } & { [K in keyof PnIllustration & keyof PnIllustrationAttributes as `attr:${K}`]?: PnIllustrationAttributes[K] } & { [K in keyof PnIllustration & keyof PnIllustrationAttributes as `prop:${K}`]?: PnIllustration[K] } & OneOf<"illustration", PnIllustration["illustration"], PnIllustrationAttributes["illustration"]>;
         "pn-input": Omit<PnInput, keyof PnInputAttributes> & { [K in keyof PnInput & keyof PnInputAttributes]?: PnInput[K] } & { [K in keyof PnInput & keyof PnInputAttributes as `attr:${K}`]?: PnInputAttributes[K] } & { [K in keyof PnInput & keyof PnInputAttributes as `prop:${K}`]?: PnInput[K] };
+        "pn-input-chip": Omit<PnInputChip, keyof PnInputChipAttributes> & { [K in keyof PnInputChip & keyof PnInputChipAttributes]?: PnInputChip[K] } & { [K in keyof PnInputChip & keyof PnInputChipAttributes as `attr:${K}`]?: PnInputChipAttributes[K] } & { [K in keyof PnInputChip & keyof PnInputChipAttributes as `prop:${K}`]?: PnInputChip[K] } & OneOf<"label", PnInputChip["label"], PnInputChipAttributes["label"]>;
         "pn-modal": Omit<PnModal, keyof PnModalAttributes> & { [K in keyof PnModal & keyof PnModalAttributes]?: PnModal[K] } & { [K in keyof PnModal & keyof PnModalAttributes as `attr:${K}`]?: PnModalAttributes[K] } & { [K in keyof PnModal & keyof PnModalAttributes as `prop:${K}`]?: PnModal[K] };
         "pn-multiselect": Omit<PnMultiselect, keyof PnMultiselectAttributes> & { [K in keyof PnMultiselect & keyof PnMultiselectAttributes]?: PnMultiselect[K] } & { [K in keyof PnMultiselect & keyof PnMultiselectAttributes as `attr:${K}`]?: PnMultiselectAttributes[K] } & { [K in keyof PnMultiselect & keyof PnMultiselectAttributes as `prop:${K}`]?: PnMultiselect[K] };
         "pn-ocr-search": Omit<PnOcrSearch, keyof PnOcrSearchAttributes> & { [K in keyof PnOcrSearch & keyof PnOcrSearchAttributes]?: PnOcrSearch[K] } & { [K in keyof PnOcrSearch & keyof PnOcrSearchAttributes as `attr:${K}`]?: PnOcrSearchAttributes[K] } & { [K in keyof PnOcrSearch & keyof PnOcrSearchAttributes as `prop:${K}`]?: PnOcrSearch[K] };
@@ -8095,6 +8341,7 @@ declare namespace LocalJSX {
         "pn-segment": Omit<PnSegment, keyof PnSegmentAttributes> & { [K in keyof PnSegment & keyof PnSegmentAttributes]?: PnSegment[K] } & { [K in keyof PnSegment & keyof PnSegmentAttributes as `attr:${K}`]?: PnSegmentAttributes[K] } & { [K in keyof PnSegment & keyof PnSegmentAttributes as `prop:${K}`]?: PnSegment[K] } & OneOf<"value", PnSegment["value"], PnSegmentAttributes["value"]> & OneOf<"name", PnSegment["name"], PnSegmentAttributes["name"]>;
         "pn-segmented-control": Omit<PnSegmentedControl, keyof PnSegmentedControlAttributes> & { [K in keyof PnSegmentedControl & keyof PnSegmentedControlAttributes]?: PnSegmentedControl[K] } & { [K in keyof PnSegmentedControl & keyof PnSegmentedControlAttributes as `attr:${K}`]?: PnSegmentedControlAttributes[K] } & { [K in keyof PnSegmentedControl & keyof PnSegmentedControlAttributes as `prop:${K}`]?: PnSegmentedControl[K] };
         "pn-select": Omit<PnSelect, keyof PnSelectAttributes> & { [K in keyof PnSelect & keyof PnSelectAttributes]?: PnSelect[K] } & { [K in keyof PnSelect & keyof PnSelectAttributes as `attr:${K}`]?: PnSelectAttributes[K] } & { [K in keyof PnSelect & keyof PnSelectAttributes as `prop:${K}`]?: PnSelect[K] };
+        "pn-skeleton-loader": Omit<PnSkeletonLoader, keyof PnSkeletonLoaderAttributes> & { [K in keyof PnSkeletonLoader & keyof PnSkeletonLoaderAttributes]?: PnSkeletonLoader[K] } & { [K in keyof PnSkeletonLoader & keyof PnSkeletonLoaderAttributes as `attr:${K}`]?: PnSkeletonLoaderAttributes[K] } & { [K in keyof PnSkeletonLoader & keyof PnSkeletonLoaderAttributes as `prop:${K}`]?: PnSkeletonLoader[K] };
         "pn-spinner": Omit<PnSpinner, keyof PnSpinnerAttributes> & { [K in keyof PnSpinner & keyof PnSpinnerAttributes]?: PnSpinner[K] } & { [K in keyof PnSpinner & keyof PnSpinnerAttributes as `attr:${K}`]?: PnSpinnerAttributes[K] } & { [K in keyof PnSpinner & keyof PnSpinnerAttributes as `prop:${K}`]?: PnSpinner[K] };
         "pn-tab": Omit<PnTab, keyof PnTabAttributes> & { [K in keyof PnTab & keyof PnTabAttributes]?: PnTab[K] } & { [K in keyof PnTab & keyof PnTabAttributes as `attr:${K}`]?: PnTabAttributes[K] } & { [K in keyof PnTab & keyof PnTabAttributes as `prop:${K}`]?: PnTab[K] } & OneOf<"label", PnTab["label"], PnTabAttributes["label"]> & OneOf<"value", PnTab["value"], PnTabAttributes["value"]>;
         "pn-table": Omit<PnTable, keyof PnTableAttributes> & { [K in keyof PnTable & keyof PnTableAttributes]?: PnTable[K] } & { [K in keyof PnTable & keyof PnTableAttributes as `attr:${K}`]?: PnTableAttributes[K] } & { [K in keyof PnTable & keyof PnTableAttributes as `prop:${K}`]?: PnTable[K] };
@@ -8229,6 +8476,12 @@ declare module "@stencil/core" {
              * @nativeChange The `change` event is emitted when the input loses focus, the user clicks `Enter` or makes a selection (such as auto complete or suggestions).
              */
             "pn-input": LocalJSX.IntrinsicElements["pn-input"] & JSXBase.HTMLAttributes<HTMLPnInputElement>;
+            /**
+             * The `pn-input-chip` represents a confirmed user input value that can be removed.
+             * It is visually similar to the `pn-choice-chip` but its only action is deletion.
+             * Clicking anywhere on the chip removes it.
+             */
+            "pn-input-chip": LocalJSX.IntrinsicElements["pn-input-chip"] & JSXBase.HTMLAttributes<HTMLPnInputChipElement>;
             /**
              * Present content in a modal that overlays everything on the current page.
              * Use the prop `open` to toggle the visiblity.
@@ -8325,6 +8578,10 @@ declare module "@stencil/core" {
              * @nativeChange Use the `change` event to listen to changes on the select element.
              */
             "pn-select": LocalJSX.IntrinsicElements["pn-select"] & JSXBase.HTMLAttributes<HTMLPnSelectElement>;
+            /**
+             * Display a skeleton loader placeholder to indicate content is loading.
+             */
+            "pn-skeleton-loader": LocalJSX.IntrinsicElements["pn-skeleton-loader"] & JSXBase.HTMLAttributes<HTMLPnSkeletonLoaderElement>;
             /**
              * Display a spinner to indicate a loading state.
              */

package/umd/modules/@postnord/web-components/vscode-data.json

@@ -1384,6 +1384,43 @@
         }
       ]
     },
+    {
+      "name": "pn-input-chip",
+      "description": {
+        "kind": "markdown",
+        "value": "The `pn-input-chip` represents a confirmed user input value that can be removed.\nIt is visually similar to the `pn-choice-chip` but its only action is deletion.\nClicking anywhere on the chip removes it."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Disable the chip. When disabled, the chip is not interactive."
+        },
+        {
+          "name": "icon",
+          "description": "Add a leading icon to the chip."
+        },
+        {
+          "name": "label",
+          "description": "The chip label text."
+        },
+        {
+          "name": "large",
+          "description": "Use the large size for the input chip."
+        },
+        {
+          "name": "pn-id",
+          "description": "A unique HTML ID for the input chip."
+        },
+        {
+          "name": "small",
+          "description": "Use the small size for the input chip."
+        },
+        {
+          "name": "value",
+          "description": "Optional value identifier emitted with the delete event."
+        }
+      ]
+    },
     {
       "name": "pn-modal",
       "description": {
@@ -2341,6 +2378,86 @@
         }
       ]
     },
+    {
+      "name": "pn-skeleton-loader",
+      "description": {
+        "kind": "markdown",
+        "value": "Display a skeleton loader placeholder to indicate content is loading."
+      },
+      "attributes": [
+        {
+          "name": "automatic",
+          "description": "When true, masks slotted content with shimmer instead of rendering a skeleton shape. The slotted content keeps its layout but text and images are hidden behind the shimmer effect."
+        },
+        {
+          "name": "border-radius",
+          "description": "Custom border-radius (CSS value). Overrides type default."
+        },
+        {
+          "name": "height",
+          "description": "Custom height (CSS value). Overrides type default."
+        },
+        {
+          "name": "hide",
+          "description": "When true, hides the skeleton. For automatic mode, the slotted content is shown without masking."
+        },
+        {
+          "name": "large",
+          "description": "Large size variant for type=\"chip\"."
+        },
+        {
+          "name": "lines",
+          "description": "Number of lines for type=\"paragraph\" or body rows for type=\"table\". Does not do anything for other types. Default is 3."
+        },
+        {
+          "name": "small",
+          "description": "Small size variant for type=\"chip\"."
+        },
+        {
+          "name": "type",
+          "description": "The skeleton shape to render.",
+          "values": [
+            {
+              "name": "avatar"
+            },
+            {
+              "name": "box"
+            },
+            {
+              "name": "button"
+            },
+            {
+              "name": "card"
+            },
+            {
+              "name": "chip"
+            },
+            {
+              "name": "header"
+            },
+            {
+              "name": "input"
+            },
+            {
+              "name": "paragraph"
+            },
+            {
+              "name": "table"
+            },
+            {
+              "name": "text"
+            },
+            {
+              "name": "tile"
+            }
+          ]
+        },
+        {
+          "name": "width",
+          "description": "Custom width (CSS value). Overrides type default."
+        }
+      ]
+    },
     {
       "name": "pn-spinner",
       "description": {

package/umd/pn-marketweb-header-wrongrembase.css

@@ -6,6 +6,10 @@ pn-marketweb-header header {
 box-shadow:0 0.6px 1.8px rgb(0 0 0 / 10%), 0 3.2px 7.2px rgb(0 0 0 / 13%)
 }
 
+pn-marketweb-header .marketweb-header-toggle-button {
+    font-size:16px;
+}
+
 pn-marketweb-header .siteheader-row {
 padding:0 16px;
 }
@@ -82,10 +86,6 @@ padding:10px 0;
     font-size:16px;
 }
 
-pn-marketweb-siteheader-login {
-padding:10px 0;
-max-height:52px;
-}
 pn-marketweb-siteheader-login-linklist li {
     padding:8px 16px;
 }
@@ -107,8 +107,9 @@ pn-mainnav>nav {
 }
 }
 pn-mainnav>nav {
-top:48px;
+top:70px;
 }
+
 [data-level="1"] pn-mainnav-link>button, [data-level="1"] pn-mainnav-link>a {
 border-bottom:1px solid #F3F2F2;
 font-size:20px;

package/umd/pn-marketweb-init.js

@@ -36,7 +36,7 @@
   };
 
   const s = document.createElement('script');
-  const currentMinorVersion = "4.4.0";
+  const currentMinorVersion = "4.5.0";
   const requestedComponentVersion = (new URLSearchParams(window.location.search)).get("componentversion");
   const versionToLoad = (requestedComponentVersion) ? requestedComponentVersion : currentMinorVersion;
   const currentScriptTag = document.querySelector('script[src*="pn-marketweb-init.js"]');

package/umd/pn-marketweb-salesforce-header.js

@@ -24,7 +24,7 @@
   document.body.insertBefore(header, document.body.firstElementChild);
   document.body.appendChild(footer);
 
-  const currentMinorVersion = "4.4.0";
+  const currentMinorVersion = "4.5.0";
   const requestedComponentVersion = new URLSearchParams(window.location.search).get("componentversion");
   const versionToLoad = requestedComponentVersion ? requestedComponentVersion : currentMinorVersion;