udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/types/components.d.ts

@@ -1234,7 +1234,7 @@ export namespace Components {
         /**
           * Whether the field is read-only. Users can see the value but cannot modify it.
          */
-        "readOnly": boolean;
+        "readonly": boolean;
         /**
           * Whether the field is required for form submission. Adds visual indicator (*) and validation.
          */
@@ -1733,15 +1733,27 @@ export namespace Components {
     }
     interface StencilForm {
         "getApi": () => Promise<FormApi>;
-        "handleFormChange": (values: Object) => void;
+        "handleChange": (values: Object) => void;
         "handleSubmit": (values: Object) => void;
+        "handleValidate": (values: Object, errors: Object) => Object;
         "initialValues": Object;
-        "validate": (values: Object, errors: Object) => Object;
         /**
           * @default true
          */
         "validateOnBlur": boolean;
     }
+    /**
+     * @deprecated This component is deprecated and will be removed in a future version.
+     * Please use `udp-icon-button` instead, which provides better consistency with udp-button
+     * and improved theming support.
+     * Migration guide:
+     * - Replace `<stencil-icon-button>` with `<udp-icon-button>`
+     * - `secondary=true` → `variant='text'` or `variant='outlined'`
+     * - `noBackground=true` → `variant='text'`
+     * - `darkIcon` → Use `color` prop instead
+     * - `showLabel` → Use slot content (if content provided, label shows)
+     * - `count` → Use `badgeContent` prop
+     */
     interface StencilIconButton {
         "buttonId": string;
         /**
@@ -2028,6 +2040,10 @@ export namespace Components {
           * Maximum number of rows for auto-resizing.
          */
         "maxRows": number;
+        /**
+          * Minimum number of characters required in the textarea. Enforces minimum character limits.
+         */
+        "minCharacter": number;
         /**
           * Minimum number of rows for auto-resizing.
          */
@@ -2130,6 +2146,10 @@ export namespace Components {
           * Maximum number of characters allowed in the input. Enforces character limits.
          */
         "maxCharacter": number;
+        /**
+          * Minimum number of characters required in the input. Enforces minimum character limits.
+         */
+        "minCharacter": number;
         /**
           * Placeholder text shown when the input is empty. Provides hints about expected input format.
          */
@@ -3094,11 +3114,23 @@ export namespace Components {
         "version": number;
     }
     interface UdpFormsUi {
+        /**
+          * @default {}
+         */
+        "currentFormData": { [name: string]: any };
+        "deleteRepeatableSection": any;
         /**
           * @default false
          */
         "disabled": boolean;
+        "duplicateRepeatableSection": any;
+        "dynamicSections": any[];
         "form": UdpForm;
+        "handleAction": (actionId: Guid, params: Object) => void;
+        "handleChange": (values: { [name: string]: any }) => void;
+        "handleFinish": () => void;
+        "handleSave": (values: { [name: string]: any }) => Promise<void>;
+        "handleSubmit": (values: any) => Promise<void>;
         /**
           * @default {}
          */
@@ -3107,14 +3139,14 @@ export namespace Components {
           * @default false
          */
         "isSaving": boolean;
+        /**
+          * @default false
+         */
+        "isSubmitted": boolean;
         /**
           * @default false
          */
         "loading": boolean;
-        "onAction": (actionId: Guid, params: Object) => void;
-        "onChange": (values: { [name: string]: any }) => void;
-        "onFinish": () => void;
-        "onSubmit": (values: any) => Promise<void>;
         /**
           * @default false
          */
@@ -3131,6 +3163,10 @@ export namespace Components {
           * @default false
          */
         "submitSuccessful": boolean;
+        /**
+          * @default null
+         */
+        "userId": Guid | null;
     }
     interface UdpFunctionButton {
         /**
@@ -3194,6 +3230,79 @@ export namespace Components {
          */
         "iconType": string;
     }
+    /**
+     * UdpIconButton is a versatile icon button component that matches the udp-button API.
+     * It's designed to replace the deprecated `stencil-icon-button` with better consistency.
+     * Key improvements over `stencil-icon-button`:
+     * - Consistent API with `udp-button`
+     * - Better theming support using global CSS variables
+     * - Improved accessibility
+     * - Cleaner prop structure
+     * - Better TypeScript support
+     * Migration from `stencil-icon-button`:
+     * - `iconName` → Not needed, use `icon` prop directly
+     * - `iconClassName` → Not needed, styling handled by component
+     * - `secondary=true` → `variant='text'` or `variant='outlined'`
+     * - `noBackground=true` → `variant='text'`
+     * - `darkIcon` → Use `color` prop instead
+     * - `showLabel` → Use slot content (if content provided, label shows)
+     * - `count` → Use `badgeContent` prop
+     */
+    interface UdpIconButton {
+        /**
+          * Optional aria-label for accessibility. If not provided and tooltip exists, tooltip will be used.
+         */
+        "ariaLabel"?: string;
+        /**
+          * If provided, displays a badge with this content over the icon. Replaces the old `count` prop from stencil-icon-button. Must be a number as required by udp-badge component.
+         */
+        "badgeContent"?: number;
+        /**
+          * Optional button ID for testing/tracking purposes.
+         */
+        "buttonId"?: string;
+        /**
+          * The color of the component. It supports theming using global CSS variables. `inherit` will inherit the color from its parent.
+          * @default 'primary'
+         */
+        "color": 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
+        /**
+          * If `true`, the component is disabled.
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * The URL to link to when the button is clicked. If provided, the component renders as an `<a>` tag.
+         */
+        "href"?: string;
+        /**
+          * The icon to display. Should be a Carbon icon or similar SVG icon object. Expected format: { attrs: {...}, content: [...] }
+         */
+        "icon": any;
+        /**
+          * The color of the icon. If not provided, uses the button's color. Allows independent control of icon color from button color.
+         */
+        "iconColor"?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
+        /**
+          * The size of the component.
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * Tooltip text to display on hover.
+         */
+        "tooltip"?: string;
+        /**
+          * The type of the button. Only used if `href` is not set. Corresponds to the native `type` attribute of a `<button>` element.
+          * @default 'button'
+         */
+        "type": 'button' | 'submit' | 'reset';
+        /**
+          * The variant to use. - `text`: Typically used for less-pronounced actions (replaces noBackground=true). - `outlined`: Emphasizes actions with a border. - `contained`: High-emphasis, distinguished by a background color.
+          * @default 'text'
+         */
+        "variant": 'text' | 'outlined' | 'contained';
+    }
     interface UdpLineChart {
         /**
           * @default {}
@@ -3701,6 +3810,25 @@ export namespace Components {
         "name": string;
         "value": string;
     }
+    interface UdpSaveDraftButton {
+        "handleSave": (values?: any) => void;
+        /**
+          * @default false
+         */
+        "isSaving": boolean;
+        /**
+          * @default false
+         */
+        "isVisible": boolean;
+        /**
+          * @default null
+         */
+        "saveError": string | null;
+        /**
+          * @default false
+         */
+        "showSavedMessage": boolean;
+    }
     /**
      * A standardized selector component with single/multi-select support and various display options.
      * Supports both controlled and uncontrolled modes.
@@ -4130,6 +4258,10 @@ export interface UdpFormsBuilderMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUdpFormsBuilderMenuElement;
 }
+export interface UdpIconButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUdpIconButtonElement;
+}
 export interface UdpLinkCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLUdpLinkElement;
@@ -4848,6 +4980,7 @@ declare global {
     };
     interface HTMLStencilFormElementEventMap {
         "stencilFormInvalidEvent": Object;
+        "dirtyChange": boolean;
     }
     interface HTMLStencilFormElement extends Components.StencilForm, HTMLStencilElement {
         addEventListener<K extends keyof HTMLStencilFormElementEventMap>(type: K, listener: (this: HTMLStencilFormElement, ev: StencilFormCustomEvent<HTMLStencilFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4863,6 +4996,18 @@ declare global {
         prototype: HTMLStencilFormElement;
         new (): HTMLStencilFormElement;
     };
+    /**
+     * @deprecated This component is deprecated and will be removed in a future version.
+     * Please use `udp-icon-button` instead, which provides better consistency with udp-button
+     * and improved theming support.
+     * Migration guide:
+     * - Replace `<stencil-icon-button>` with `<udp-icon-button>`
+     * - `secondary=true` → `variant='text'` or `variant='outlined'`
+     * - `noBackground=true` → `variant='text'`
+     * - `darkIcon` → Use `color` prop instead
+     * - `showLabel` → Use slot content (if content provided, label shows)
+     * - `count` → Use `badgeContent` prop
+     */
     interface HTMLStencilIconButtonElement extends Components.StencilIconButton, HTMLStencilElement {
     }
     var HTMLStencilIconButtonElement: {
@@ -4951,6 +5096,7 @@ declare global {
     };
     interface HTMLTextAreaElementEventMap {
         "change": string;
+        "error": string;
     }
     /**
      * A standardized textarea component with auto-resizing, error handling, and validation.
@@ -5000,6 +5146,7 @@ declare global {
     };
     interface HTMLTextFieldElementEventMap {
         "change": string;
+        "error": string;
     }
     /**
      * A standardized text input field component with error handling, validation, and custom styling.
@@ -5510,6 +5657,41 @@ declare global {
         prototype: HTMLUdpIconElement;
         new (): HTMLUdpIconElement;
     };
+    interface HTMLUdpIconButtonElementEventMap {
+        "click": MouseEvent;
+    }
+    /**
+     * UdpIconButton is a versatile icon button component that matches the udp-button API.
+     * It's designed to replace the deprecated `stencil-icon-button` with better consistency.
+     * Key improvements over `stencil-icon-button`:
+     * - Consistent API with `udp-button`
+     * - Better theming support using global CSS variables
+     * - Improved accessibility
+     * - Cleaner prop structure
+     * - Better TypeScript support
+     * Migration from `stencil-icon-button`:
+     * - `iconName` → Not needed, use `icon` prop directly
+     * - `iconClassName` → Not needed, styling handled by component
+     * - `secondary=true` → `variant='text'` or `variant='outlined'`
+     * - `noBackground=true` → `variant='text'`
+     * - `darkIcon` → Use `color` prop instead
+     * - `showLabel` → Use slot content (if content provided, label shows)
+     * - `count` → Use `badgeContent` prop
+     */
+    interface HTMLUdpIconButtonElement extends Components.UdpIconButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLUdpIconButtonElementEventMap>(type: K, listener: (this: HTMLUdpIconButtonElement, ev: UdpIconButtonCustomEvent<HTMLUdpIconButtonElementEventMap[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 HTMLUdpIconButtonElementEventMap>(type: K, listener: (this: HTMLUdpIconButtonElement, ev: UdpIconButtonCustomEvent<HTMLUdpIconButtonElementEventMap[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 HTMLUdpIconButtonElement: {
+        prototype: HTMLUdpIconButtonElement;
+        new (): HTMLUdpIconButtonElement;
+    };
     interface HTMLUdpLineChartElement extends Components.UdpLineChart, HTMLStencilElement {
     }
     var HTMLUdpLineChartElement: {
@@ -5661,6 +5843,12 @@ declare global {
         prototype: HTMLUdpRadioButtonElement;
         new (): HTMLUdpRadioButtonElement;
     };
+    interface HTMLUdpSaveDraftButtonElement extends Components.UdpSaveDraftButton, HTMLStencilElement {
+    }
+    var HTMLUdpSaveDraftButtonElement: {
+        prototype: HTMLUdpSaveDraftButtonElement;
+        new (): HTMLUdpSaveDraftButtonElement;
+    };
     /**
      * A standardized selector component with single/multi-select support and various display options.
      * Supports both controlled and uncontrolled modes.
@@ -5757,6 +5945,7 @@ declare global {
     interface HTMLUdpTimeSelectorElementEventMap {
         "change": string;
         "input": string;
+        "error": string;
     }
     /**
      * A standardized time input component with validation, min/max constraints, and precise time selection.
@@ -5943,6 +6132,7 @@ declare global {
         "udp-grid-loader": HTMLUdpGridLoaderElement;
         "udp-hotlist-form": HTMLUdpHotlistFormElement;
         "udp-icon": HTMLUdpIconElement;
+        "udp-icon-button": HTMLUdpIconButtonElement;
         "udp-line-chart": HTMLUdpLineChartElement;
         "udp-linear-loader": HTMLUdpLinearLoaderElement;
         "udp-link": HTMLUdpLinkElement;
@@ -5959,6 +6149,7 @@ declare global {
         "udp-pop-over-grid-action-header": HTMLUdpPopOverGridActionHeaderElement;
         "udp-question": HTMLUdpQuestionElement;
         "udp-radio-button": HTMLUdpRadioButtonElement;
+        "udp-save-draft-button": HTMLUdpSaveDraftButtonElement;
         "udp-selector": HTMLUdpSelectorElement;
         "udp-side-sheet": HTMLUdpSideSheetElement;
         "udp-skeleton-loading": HTMLUdpSkeletonLoadingElement;
@@ -7209,7 +7400,7 @@ declare namespace LocalJSX {
         /**
           * Whether the field is read-only. Users can see the value but cannot modify it.
          */
-        "readOnly"?: boolean;
+        "readonly"?: boolean;
         /**
           * Whether the field is required for form submission. Adds visual indicator (*) and validation.
          */
@@ -7722,16 +7913,29 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface StencilForm {
-        "handleFormChange"?: (values: Object) => void;
+        "handleChange"?: (values: Object) => void;
         "handleSubmit"?: (values: Object) => void;
+        "handleValidate"?: (values: Object, errors: Object) => Object;
         "initialValues"?: Object;
+        "onDirtyChange"?: (event: StencilFormCustomEvent<boolean>) => void;
         "onStencilFormInvalidEvent"?: (event: StencilFormCustomEvent<Object>) => void;
-        "validate"?: (values: Object, errors: Object) => Object;
         /**
           * @default true
          */
         "validateOnBlur"?: boolean;
     }
+    /**
+     * @deprecated This component is deprecated and will be removed in a future version.
+     * Please use `udp-icon-button` instead, which provides better consistency with udp-button
+     * and improved theming support.
+     * Migration guide:
+     * - Replace `<stencil-icon-button>` with `<udp-icon-button>`
+     * - `secondary=true` → `variant='text'` or `variant='outlined'`
+     * - `noBackground=true` → `variant='text'`
+     * - `darkIcon` → Use `color` prop instead
+     * - `showLabel` → Use slot content (if content provided, label shows)
+     * - `count` → Use `badgeContent` prop
+     */
     interface StencilIconButton {
         "buttonId"?: string;
         /**
@@ -8023,6 +8227,10 @@ declare namespace LocalJSX {
           * Maximum number of rows for auto-resizing.
          */
         "maxRows"?: number;
+        /**
+          * Minimum number of characters required in the textarea. Enforces minimum character limits.
+         */
+        "minCharacter"?: number;
         /**
           * Minimum number of rows for auto-resizing.
          */
@@ -8035,6 +8243,10 @@ declare namespace LocalJSX {
           * Emitted when the value of the component changes (on blur).
          */
         "onChange"?: (event: TextAreaCustomEvent<string>) => void;
+        /**
+          * Emitted when validation errors occur (e.g., character length outside min/max constraints). Contains the error message string. Empty string indicates no error.
+         */
+        "onError"?: (event: TextAreaCustomEvent<string>) => void;
         /**
           * Placeholder text shown when the textarea is empty. Provides hints about expected input.
          */
@@ -8129,6 +8341,10 @@ declare namespace LocalJSX {
           * Maximum number of characters allowed in the input. Enforces character limits.
          */
         "maxCharacter"?: number;
+        /**
+          * Minimum number of characters required in the input. Enforces minimum character limits.
+         */
+        "minCharacter"?: number;
         /**
           * Emitted when the text field value changes (on blur, enter, etc.). Provides the final committed value when user finishes editing.
           * @event change
@@ -8136,6 +8352,10 @@ declare namespace LocalJSX {
           * @example ```tsx <text-field onChange={(e) => handleValueChange(e.detail)} /> ```
          */
         "onChange"?: (event: TextFieldCustomEvent<string>) => void;
+        /**
+          * Emitted when validation errors occur (e.g., character length outside min/max constraints). Contains the error message string. Empty string indicates no error.
+         */
+        "onError"?: (event: TextFieldCustomEvent<string>) => void;
         /**
           * Placeholder text shown when the input is empty. Provides hints about expected input format.
          */
@@ -9123,11 +9343,23 @@ declare namespace LocalJSX {
         "version"?: number;
     }
     interface UdpFormsUi {
+        /**
+          * @default {}
+         */
+        "currentFormData"?: { [name: string]: any };
+        "deleteRepeatableSection"?: any;
         /**
           * @default false
          */
         "disabled"?: boolean;
+        "duplicateRepeatableSection"?: any;
+        "dynamicSections"?: any[];
         "form"?: UdpForm;
+        "handleAction"?: (actionId: Guid, params: Object) => void;
+        "handleChange"?: (values: { [name: string]: any }) => void;
+        "handleFinish"?: () => void;
+        "handleSave"?: (values: { [name: string]: any }) => Promise<void>;
+        "handleSubmit"?: (values: any) => Promise<void>;
         /**
           * @default {}
          */
@@ -9136,14 +9368,14 @@ declare namespace LocalJSX {
           * @default false
          */
         "isSaving"?: boolean;
+        /**
+          * @default false
+         */
+        "isSubmitted"?: boolean;
         /**
           * @default false
          */
         "loading"?: boolean;
-        "onAction"?: (actionId: Guid, params: Object) => void;
-        "onChange"?: (values: { [name: string]: any }) => void;
-        "onFinish"?: () => void;
-        "onSubmit"?: (values: any) => Promise<void>;
         /**
           * @default false
          */
@@ -9160,6 +9392,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "submitSuccessful"?: boolean;
+        /**
+          * @default null
+         */
+        "userId"?: Guid | null;
     }
     interface UdpFunctionButton {
         /**
@@ -9223,6 +9459,83 @@ declare namespace LocalJSX {
          */
         "iconType"?: string;
     }
+    /**
+     * UdpIconButton is a versatile icon button component that matches the udp-button API.
+     * It's designed to replace the deprecated `stencil-icon-button` with better consistency.
+     * Key improvements over `stencil-icon-button`:
+     * - Consistent API with `udp-button`
+     * - Better theming support using global CSS variables
+     * - Improved accessibility
+     * - Cleaner prop structure
+     * - Better TypeScript support
+     * Migration from `stencil-icon-button`:
+     * - `iconName` → Not needed, use `icon` prop directly
+     * - `iconClassName` → Not needed, styling handled by component
+     * - `secondary=true` → `variant='text'` or `variant='outlined'`
+     * - `noBackground=true` → `variant='text'`
+     * - `darkIcon` → Use `color` prop instead
+     * - `showLabel` → Use slot content (if content provided, label shows)
+     * - `count` → Use `badgeContent` prop
+     */
+    interface UdpIconButton {
+        /**
+          * Optional aria-label for accessibility. If not provided and tooltip exists, tooltip will be used.
+         */
+        "ariaLabel"?: string;
+        /**
+          * If provided, displays a badge with this content over the icon. Replaces the old `count` prop from stencil-icon-button. Must be a number as required by udp-badge component.
+         */
+        "badgeContent"?: number;
+        /**
+          * Optional button ID for testing/tracking purposes.
+         */
+        "buttonId"?: string;
+        /**
+          * The color of the component. It supports theming using global CSS variables. `inherit` will inherit the color from its parent.
+          * @default 'primary'
+         */
+        "color"?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
+        /**
+          * If `true`, the component is disabled.
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * The URL to link to when the button is clicked. If provided, the component renders as an `<a>` tag.
+         */
+        "href"?: string;
+        /**
+          * The icon to display. Should be a Carbon icon or similar SVG icon object. Expected format: { attrs: {...}, content: [...] }
+         */
+        "icon"?: any;
+        /**
+          * The color of the icon. If not provided, uses the button's color. Allows independent control of icon color from button color.
+         */
+        "iconColor"?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';
+        /**
+          * Emitted when the button is clicked.
+         */
+        "onClick"?: (event: UdpIconButtonCustomEvent<MouseEvent>) => void;
+        /**
+          * The size of the component.
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * Tooltip text to display on hover.
+         */
+        "tooltip"?: string;
+        /**
+          * The type of the button. Only used if `href` is not set. Corresponds to the native `type` attribute of a `<button>` element.
+          * @default 'button'
+         */
+        "type"?: 'button' | 'submit' | 'reset';
+        /**
+          * The variant to use. - `text`: Typically used for less-pronounced actions (replaces noBackground=true). - `outlined`: Emphasizes actions with a border. - `contained`: High-emphasis, distinguished by a background color.
+          * @default 'text'
+         */
+        "variant"?: 'text' | 'outlined' | 'contained';
+    }
     interface UdpLineChart {
         /**
           * @default {}
@@ -9743,6 +10056,25 @@ declare namespace LocalJSX {
         "name"?: string;
         "value"?: string;
     }
+    interface UdpSaveDraftButton {
+        "handleSave"?: (values?: any) => void;
+        /**
+          * @default false
+         */
+        "isSaving"?: boolean;
+        /**
+          * @default false
+         */
+        "isVisible"?: boolean;
+        /**
+          * @default null
+         */
+        "saveError"?: string | null;
+        /**
+          * @default false
+         */
+        "showSavedMessage"?: boolean;
+    }
     /**
      * A standardized selector component with single/multi-select support and various display options.
      * Supports both controlled and uncontrolled modes.
@@ -10009,6 +10341,10 @@ declare namespace LocalJSX {
           * Emitted when the time value changes through user interaction or programmatic update. Contains the new time value in HH:mm format.
          */
         "onChange"?: (event: UdpTimeSelectorCustomEvent<string>) => void;
+        /**
+          * Emitted when validation errors occur (e.g., time outside min/max constraints). Contains the error message string. Empty string indicates no error.
+         */
+        "onError"?: (event: UdpTimeSelectorCustomEvent<string>) => void;
         /**
           * Emitted when the user types in the time input field. Contains the current input value (may be incomplete during typing).
          */
@@ -10181,6 +10517,7 @@ declare namespace LocalJSX {
         "udp-grid-loader": UdpGridLoader;
         "udp-hotlist-form": UdpHotlistForm;
         "udp-icon": UdpIcon;
+        "udp-icon-button": UdpIconButton;
         "udp-line-chart": UdpLineChart;
         "udp-linear-loader": UdpLinearLoader;
         "udp-link": UdpLink;
@@ -10197,6 +10534,7 @@ declare namespace LocalJSX {
         "udp-pop-over-grid-action-header": UdpPopOverGridActionHeader;
         "udp-question": UdpQuestion;
         "udp-radio-button": UdpRadioButton;
+        "udp-save-draft-button": UdpSaveDraftButton;
         "udp-selector": UdpSelector;
         "udp-side-sheet": UdpSideSheet;
         "udp-skeleton-loading": UdpSkeletonLoading;
@@ -10431,6 +10769,18 @@ declare module "@stencil/core" {
             "stencil-chip": LocalJSX.StencilChip & JSXBase.HTMLAttributes<HTMLStencilChipElement>;
             "stencil-field": LocalJSX.StencilField & JSXBase.HTMLAttributes<HTMLStencilFieldElement>;
             "stencil-form": LocalJSX.StencilForm & JSXBase.HTMLAttributes<HTMLStencilFormElement>;
+            /**
+             * @deprecated This component is deprecated and will be removed in a future version.
+             * Please use `udp-icon-button` instead, which provides better consistency with udp-button
+             * and improved theming support.
+             * Migration guide:
+             * - Replace `<stencil-icon-button>` with `<udp-icon-button>`
+             * - `secondary=true` → `variant='text'` or `variant='outlined'`
+             * - `noBackground=true` → `variant='text'`
+             * - `darkIcon` → Use `color` prop instead
+             * - `showLabel` → Use slot content (if content provided, label shows)
+             * - `count` → Use `badgeContent` prop
+             */
             "stencil-icon-button": LocalJSX.StencilIconButton & JSXBase.HTMLAttributes<HTMLStencilIconButtonElement>;
             "stencil-icon-button-grid-action-header": LocalJSX.StencilIconButtonGridActionHeader & JSXBase.HTMLAttributes<HTMLStencilIconButtonGridActionHeaderElement>;
             /**
@@ -10679,6 +11029,25 @@ declare module "@stencil/core" {
             "udp-grid-loader": LocalJSX.UdpGridLoader & JSXBase.HTMLAttributes<HTMLUdpGridLoaderElement>;
             "udp-hotlist-form": LocalJSX.UdpHotlistForm & JSXBase.HTMLAttributes<HTMLUdpHotlistFormElement>;
             "udp-icon": LocalJSX.UdpIcon & JSXBase.HTMLAttributes<HTMLUdpIconElement>;
+            /**
+             * UdpIconButton is a versatile icon button component that matches the udp-button API.
+             * It's designed to replace the deprecated `stencil-icon-button` with better consistency.
+             * Key improvements over `stencil-icon-button`:
+             * - Consistent API with `udp-button`
+             * - Better theming support using global CSS variables
+             * - Improved accessibility
+             * - Cleaner prop structure
+             * - Better TypeScript support
+             * Migration from `stencil-icon-button`:
+             * - `iconName` → Not needed, use `icon` prop directly
+             * - `iconClassName` → Not needed, styling handled by component
+             * - `secondary=true` → `variant='text'` or `variant='outlined'`
+             * - `noBackground=true` → `variant='text'`
+             * - `darkIcon` → Use `color` prop instead
+             * - `showLabel` → Use slot content (if content provided, label shows)
+             * - `count` → Use `badgeContent` prop
+             */
+            "udp-icon-button": LocalJSX.UdpIconButton & JSXBase.HTMLAttributes<HTMLUdpIconButtonElement>;
             "udp-line-chart": LocalJSX.UdpLineChart & JSXBase.HTMLAttributes<HTMLUdpLineChartElement>;
             "udp-linear-loader": LocalJSX.UdpLinearLoader & JSXBase.HTMLAttributes<HTMLUdpLinearLoaderElement>;
             "udp-link": LocalJSX.UdpLink & JSXBase.HTMLAttributes<HTMLUdpLinkElement>;
@@ -10695,6 +11064,7 @@ declare module "@stencil/core" {
             "udp-pop-over-grid-action-header": LocalJSX.UdpPopOverGridActionHeader & JSXBase.HTMLAttributes<HTMLUdpPopOverGridActionHeaderElement>;
             "udp-question": LocalJSX.UdpQuestion & JSXBase.HTMLAttributes<HTMLUdpQuestionElement>;
             "udp-radio-button": LocalJSX.UdpRadioButton & JSXBase.HTMLAttributes<HTMLUdpRadioButtonElement>;
+            "udp-save-draft-button": LocalJSX.UdpSaveDraftButton & JSXBase.HTMLAttributes<HTMLUdpSaveDraftButtonElement>;
             /**
              * A standardized selector component with single/multi-select support and various display options.
              * Supports both controlled and uncontrolled modes.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-stencil-component-library",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A Stencil based component library for UDP",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",