@sellmate/design-system 1.0.21 → 1.0.22

package/dist/types/components/sd-button-v2/sd-button-v2.config.d.ts

@@ -0,0 +1,178 @@
+export type ButtonV2Size = 'xs' | 'sm' | 'md' | 'lg';
+export type ButtonV2Type = 'button' | 'submit' | 'reset';
+export declare const BUTTON_FOCUS_RING_COLOR = "#0075FF";
+export declare const BUTTON_CONFIG: {
+    readonly primary_xs: {
+        readonly variant: "primary";
+        readonly size: "xs";
+        readonly color: string;
+    };
+    readonly secondary_xs: {
+        readonly variant: "primary";
+        readonly size: "xs";
+        readonly color: string;
+    };
+    readonly primary_outline_xs: {
+        readonly variant: "outline";
+        readonly size: "xs";
+        readonly color: string;
+    };
+    readonly neutral_xs: {
+        readonly variant: "primary";
+        readonly size: "xs";
+        readonly color: string;
+    };
+    readonly neutral_outline_xs: {
+        readonly variant: "outline";
+        readonly size: "xs";
+        readonly color: string;
+    };
+    readonly danger_xs: {
+        readonly variant: "primary";
+        readonly size: "xs";
+        readonly color: string;
+    };
+    readonly danger_outline_xs: {
+        readonly variant: "outline";
+        readonly size: "xs";
+        readonly color: string;
+    };
+    readonly primary_sm: {
+        readonly variant: "primary";
+        readonly size: "sm";
+        readonly color: string;
+    };
+    readonly secondary_sm: {
+        readonly variant: "primary";
+        readonly size: "sm";
+        readonly color: string;
+    };
+    readonly primary_outline_sm: {
+        readonly variant: "outline";
+        readonly size: "sm";
+        readonly color: string;
+    };
+    readonly neutral_sm: {
+        readonly variant: "primary";
+        readonly size: "sm";
+        readonly color: string;
+    };
+    readonly neutral_outline_sm: {
+        readonly variant: "outline";
+        readonly size: "sm";
+        readonly color: string;
+    };
+    readonly danger_sm: {
+        readonly variant: "primary";
+        readonly size: "sm";
+        readonly color: string;
+    };
+    readonly danger_outline_sm: {
+        readonly variant: "outline";
+        readonly size: "sm";
+        readonly color: string;
+    };
+    readonly primary_md: {
+        readonly variant: "primary";
+        readonly size: "md";
+        readonly color: string;
+    };
+    readonly secondary_md: {
+        readonly variant: "primary";
+        readonly size: "md";
+        readonly color: string;
+    };
+    readonly primary_outline_md: {
+        readonly variant: "outline";
+        readonly size: "md";
+        readonly color: string;
+    };
+    readonly neutral_md: {
+        readonly variant: "primary";
+        readonly size: "md";
+        readonly color: string;
+    };
+    readonly neutral_outline_md: {
+        readonly variant: "outline";
+        readonly size: "md";
+        readonly color: string;
+    };
+    readonly danger_md: {
+        readonly variant: "primary";
+        readonly size: "md";
+        readonly color: string;
+    };
+    readonly danger_outline_md: {
+        readonly variant: "outline";
+        readonly size: "md";
+        readonly color: string;
+    };
+    readonly primary_lg: {
+        readonly variant: "primary";
+        readonly size: "lg";
+        readonly color: string;
+    };
+    readonly secondary_lg: {
+        readonly variant: "primary";
+        readonly size: "lg";
+        readonly color: string;
+    };
+    readonly primary_outline_lg: {
+        readonly variant: "outline";
+        readonly size: "lg";
+        readonly color: string;
+    };
+    readonly neutral_lg: {
+        readonly variant: "primary";
+        readonly size: "lg";
+        readonly color: string;
+    };
+    readonly neutral_outline_lg: {
+        readonly variant: "outline";
+        readonly size: "lg";
+        readonly color: string;
+    };
+    readonly danger_lg: {
+        readonly variant: "primary";
+        readonly size: "lg";
+        readonly color: string;
+    };
+    readonly danger_outline_lg: {
+        readonly variant: "outline";
+        readonly size: "lg";
+        readonly color: string;
+    };
+};
+export type ButtonV2Name = keyof typeof BUTTON_CONFIG;
+export declare const BUTTON_ICON_SIZES: Record<ButtonV2Size, number>;
+export declare const PRESET_HOVER_BACKGROUNDS: {
+    readonly primary: string;
+    readonly secondary: string;
+    readonly primary_outline: string;
+    readonly neutral: string;
+    readonly neutral_outline: string;
+    readonly danger: string;
+    readonly danger_outline: string;
+};
+export declare const PRESET_CONTENT_COLORS: {
+    readonly primary: string;
+    readonly secondary: string;
+    readonly primary_outline: string;
+    readonly neutral: string;
+    readonly neutral_outline: string;
+    readonly danger: string;
+    readonly danger_outline: string;
+};
+export declare const PRESET_BORDER_COLORS: {
+    readonly primary: "transparent";
+    readonly secondary: "transparent";
+    readonly primary_outline: string;
+    readonly neutral: "transparent";
+    readonly neutral_outline: string;
+    readonly danger: "transparent";
+    readonly danger_outline: string;
+};
+export type ButtonV2Preset = keyof typeof PRESET_CONTENT_COLORS;
+export declare const DISABLED_CONTENT: string;
+export declare const isButtonV2Name: (value: string) => value is ButtonV2Name;
+export declare const getPresetName: (value: ButtonV2Name) => ButtonV2Preset;

package/dist/types/components/sd-button-v2/sd-button-v2.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type ButtonV2Name, type ButtonV2Type } from './sd-button-v2.config';
+export declare class SdButtonV2 {
+    name: ButtonV2Name;
+    label: string;
+    icon?: IconName;
+    ariaLabel: string;
+    disabled: boolean;
+    type: ButtonV2Type;
+    click: EventEmitter<MouseEvent>;
+    private hasWarnedMissingAriaLabel;
+    private handleClick;
+    private get resolvedConfig();
+    private getButtonClasses;
+    componentWillRender(): void;
+    private warnIfMissingAriaLabel;
+    render(): any;
+}

package/dist/types/components/sd-dropdown-button/sd-dropdown-button.config.d.ts

@@ -0,0 +1,55 @@
+import { type ButtonV2Name, type ButtonV2Preset } from '../sd-button-v2/sd-button-v2.config';
+export interface DropdownButtonItem {
+    value: string | number;
+    label: string;
+    icon?: IconName;
+    disabled?: boolean;
+}
+export type DropdownButtonValue = DropdownButtonItem['value'];
+export type DropdownButtonSize = 'xs' | 'sm' | 'md';
+type UnsupportedDropdownButtonName = 'neutral_xs' | 'neutral_sm' | 'neutral_md' | `${string}_lg`;
+export type DropdownButtonName = Exclude<ButtonV2Name, UnsupportedDropdownButtonName>;
+export type DropdownButtonPreset = ButtonV2Preset;
+export declare const DROPDOWN_BUTTON_CONFIG: Record<DropdownButtonName, {
+    variant: "primary" | "outline";
+    size: DropdownButtonSize;
+    color: string;
+}>;
+export declare const DROPDOWN_BUTTON_MIN_WIDTHS: Record<DropdownButtonSize, string>;
+export declare const PRESET_HOVER_BACKGROUNDS: {
+    readonly primary: string;
+    readonly secondary: string;
+    readonly primary_outline: string;
+    readonly neutral: string;
+    readonly neutral_outline: string;
+    readonly danger: string;
+    readonly danger_outline: string;
+};
+export declare const PRESET_CONTENT_COLORS: {
+    readonly primary: string;
+    readonly secondary: string;
+    readonly primary_outline: string;
+    readonly neutral: string;
+    readonly neutral_outline: string;
+    readonly danger: string;
+    readonly danger_outline: string;
+};
+export declare const PRESET_BORDER_COLORS: {
+    readonly primary: "transparent";
+    readonly secondary: "transparent";
+    readonly primary_outline: string;
+    readonly neutral: "transparent";
+    readonly neutral_outline: string;
+    readonly danger: "transparent";
+    readonly danger_outline: string;
+};
+export declare const PRESET_DIVIDER_COLORS: Record<DropdownButtonPreset, string>;
+export declare const PRESET_MENU_ITEM_COLORS: Record<DropdownButtonPreset, string>;
+export declare const PRESET_MENU_ITEM_ACTIVE_BACKGROUNDS: Record<DropdownButtonPreset, string>;
+export declare const PRESET_MENU_ITEM_ACTIVE_COLORS: Record<DropdownButtonPreset, string>;
+export declare const DROPDOWN_DISABLED_BACKGROUND: string;
+export declare const DROPDOWN_DISABLED_CONTENT: string;
+export declare const DROPDOWN_DISABLED_BORDER: string;
+export declare const isDropdownButtonName: (value: string) => value is DropdownButtonName;
+export declare const getDropdownButtonPreset: (value: DropdownButtonName) => DropdownButtonPreset;
+export {};

package/dist/types/components/sd-dropdown-button/sd-dropdown-button.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { BaseDropdownEvent } from '../../utils/base-dropdown-event';
+import { type DropdownButtonItem, type DropdownButtonName, type DropdownButtonValue } from './sd-dropdown-button.config';
+export declare class SdDropdownButton extends BaseDropdownEvent {
+    el: HTMLElement;
+    name: DropdownButtonName;
+    label: string;
+    items: DropdownButtonItem[];
+    disabled: boolean;
+    isOpen: boolean;
+    itemIndex: number;
+    private triggerRef?;
+    private menuRef?;
+    click: EventEmitter<DropdownButtonValue>;
+    dropDownShow: EventEmitter<{
+        isOpen: boolean;
+    }>;
+    handleOpenChange(isOpen: boolean): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    sdOpen(): Promise<void>;
+    sdClose(): Promise<void>;
+    closeDropdown: () => void;
+    protected handleDocumentClick(event: Event): void;
+    protected handleDocumentKeydown(event: KeyboardEvent): void;
+    private get resolvedConfig();
+    private getNextEnabledIndex;
+    private toggleDropdown;
+    private selectItem;
+    private getTriggerClasses;
+    private getMenuItemClasses;
+    private renderDropdown;
+    render(): any;
+}

package/dist/types/components/sd-portal/sd-portal.d.ts

@@ -11,17 +11,26 @@ export declare class SdPortal {
     private wrapper?;
     private rafId?;
     private isInsideClick;
+    private readonly handleObservedScroll;
     private resizeObserver?;
     private mutationObserver?;
+    private scrollParents;
+    private isObserved;
+    handleOpenChange(): void;
     componentDidLoad(): void;
     componentDidRender(): void;
     disconnectedCallback(): void;
     private resolveContainer;
     private createWrapper;
+    private ensureWrapper;
+    private syncPortalState;
     private moveSlotContent;
     updatePosition(): void;
     private observeParent;
     private unobserveParent;
+    private observeScrollParents;
+    private unobserveScrollParents;
+    private getScrollParents;
     handleMouseDown(e: MouseEvent): void;
     handleWindowClick(e: MouseEvent): void;
     render(): any;

package/dist/types/components.d.ts

@@ -6,8 +6,10 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
+import { ButtonV2Name, ButtonV2Type } from "./components/sd-button-v2/sd-button-v2.config";
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { Type } from "./components/sd-date-box/sd-date-box";
+import { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
 import { Rule } from "./types/form";
 import { SdTooltipProps } from "./components/sd-tooltip/sd-tooltip";
 import { ValidatableField } from "./components/sd-form/sd-form";
@@ -28,8 +30,10 @@ import { TabOption } from "./components/sd-tabs/sd-tabs";
 import { TagColor, TagSize } from "./components/sd-tag/sd-tag";
 import { ToastType } from "./components/sd-toast/sd-toast";
 export { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
+export { ButtonV2Name, ButtonV2Type } from "./components/sd-button-v2/sd-button-v2.config";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { Type } from "./components/sd-date-box/sd-date-box";
+export { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
 export { Rule } from "./types/form";
 export { SdTooltipProps } from "./components/sd-tooltip/sd-tooltip";
 export { ValidatableField } from "./components/sd-form/sd-form";
@@ -102,6 +106,29 @@ export namespace Components {
          */
         "variant"?: ButtonVariant;
     }
+    interface SdButtonV2 {
+        /**
+          * @default ''
+         */
+        "ariaLabel": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "icon"?: IconName;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default 'primary_sm'
+         */
+        "name": ButtonV2Name;
+        /**
+          * @default 'button'
+         */
+        "type": ButtonV2Type;
+    }
     interface SdCard {
         /**
           * @default false
@@ -199,6 +226,26 @@ export namespace Components {
          */
         "value": [string, string];
     }
+    interface SdDropdownButton {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default []
+         */
+        "items": DropdownButtonItem[];
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default 'primary_sm'
+         */
+        "name": DropdownButtonName;
+        "sdClose": () => Promise<void>;
+        "sdOpen": () => Promise<void>;
+    }
     interface SdField {
         /**
           * @default false
@@ -1288,6 +1335,10 @@ export interface SdButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdButtonElement;
 }
+export interface SdButtonV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdButtonV2Element;
+}
 export interface SdCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdCheckboxElement;
@@ -1304,6 +1355,10 @@ export interface SdDateRangePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDateRangePickerElement;
 }
+export interface SdDropdownButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdDropdownButtonElement;
+}
 export interface SdFilePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdFilePickerElement;
@@ -1424,6 +1479,23 @@ declare global {
         prototype: HTMLSdButtonElement;
         new (): HTMLSdButtonElement;
     };
+    interface HTMLSdButtonV2ElementEventMap {
+        "sdClick": MouseEvent;
+    }
+    interface HTMLSdButtonV2Element extends Components.SdButtonV2, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdButtonV2ElementEventMap>(type: K, listener: (this: HTMLSdButtonV2Element, ev: SdButtonV2CustomEvent<HTMLSdButtonV2ElementEventMap[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 HTMLSdButtonV2ElementEventMap>(type: K, listener: (this: HTMLSdButtonV2Element, ev: SdButtonV2CustomEvent<HTMLSdButtonV2ElementEventMap[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 HTMLSdButtonV2Element: {
+        prototype: HTMLSdButtonV2Element;
+        new (): HTMLSdButtonV2Element;
+    };
     interface HTMLSdCardElement extends Components.SdCard, HTMLStencilElement {
     }
     var HTMLSdCardElement: {
@@ -1499,6 +1571,24 @@ declare global {
         prototype: HTMLSdDateRangePickerElement;
         new (): HTMLSdDateRangePickerElement;
     };
+    interface HTMLSdDropdownButtonElementEventMap {
+        "sdClick": DropdownButtonValue;
+        "sdDropDownShow": { isOpen: boolean };
+    }
+    interface HTMLSdDropdownButtonElement extends Components.SdDropdownButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdDropdownButtonElementEventMap>(type: K, listener: (this: HTMLSdDropdownButtonElement, ev: SdDropdownButtonCustomEvent<HTMLSdDropdownButtonElementEventMap[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 HTMLSdDropdownButtonElementEventMap>(type: K, listener: (this: HTMLSdDropdownButtonElement, ev: SdDropdownButtonCustomEvent<HTMLSdDropdownButtonElementEventMap[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 HTMLSdDropdownButtonElement: {
+        prototype: HTMLSdDropdownButtonElement;
+        new (): HTMLSdDropdownButtonElement;
+    };
     interface HTMLSdFieldElement extends Components.SdField, HTMLStencilElement {
     }
     var HTMLSdFieldElement: {
@@ -1988,11 +2078,13 @@ declare global {
     interface HTMLElementTagNameMap {
         "sd-badge": HTMLSdBadgeElement;
         "sd-button": HTMLSdButtonElement;
+        "sd-button-v2": HTMLSdButtonV2Element;
         "sd-card": HTMLSdCardElement;
         "sd-checkbox": HTMLSdCheckboxElement;
         "sd-date-box": HTMLSdDateBoxElement;
         "sd-date-picker": HTMLSdDatePickerElement;
         "sd-date-range-picker": HTMLSdDateRangePickerElement;
+        "sd-dropdown-button": HTMLSdDropdownButtonElement;
         "sd-field": HTMLSdFieldElement;
         "sd-file-picker": HTMLSdFilePickerElement;
         "sd-floating-portal": HTMLSdFloatingPortalElement;
@@ -2083,6 +2175,30 @@ declare namespace LocalJSX {
          */
         "variant"?: ButtonVariant;
     }
+    interface SdButtonV2 {
+        /**
+          * @default ''
+         */
+        "ariaLabel"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "icon"?: IconName;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default 'primary_sm'
+         */
+        "name"?: ButtonV2Name;
+        "onSdClick"?: (event: SdButtonV2CustomEvent<MouseEvent>) => void;
+        /**
+          * @default 'button'
+         */
+        "type"?: ButtonV2Type;
+    }
     interface SdCard {
         /**
           * @default false
@@ -2188,6 +2304,26 @@ declare namespace LocalJSX {
          */
         "value"?: [string, string];
     }
+    interface SdDropdownButton {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default []
+         */
+        "items"?: DropdownButtonItem[];
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default 'primary_sm'
+         */
+        "name"?: DropdownButtonName;
+        "onSdClick"?: (event: SdDropdownButtonCustomEvent<DropdownButtonValue>) => void;
+        "onSdDropDownShow"?: (event: SdDropdownButtonCustomEvent<{ isOpen: boolean }>) => void;
+    }
     interface SdField {
         /**
           * @default false
@@ -3306,6 +3442,14 @@ declare namespace LocalJSX {
         "noHover": boolean;
         "sdClass": string;
     }
+    interface SdButtonV2Attributes {
+        "name": ButtonV2Name;
+        "label": string;
+        "icon": IconName;
+        "ariaLabel": string;
+        "disabled": boolean;
+        "type": ButtonV2Type;
+    }
     interface SdCardAttributes {
         "bordered": boolean;
         "sdClass": string;
@@ -3338,6 +3482,11 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "placeholder": string;
     }
+    interface SdDropdownButtonAttributes {
+        "name": DropdownButtonName;
+        "label": string;
+        "disabled": boolean;
+    }
     interface SdFieldAttributes {
         "name": string;
         "error": boolean;
@@ -3633,11 +3782,13 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "sd-badge": Omit<SdBadge, keyof SdBadgeAttributes> & { [K in keyof SdBadge & keyof SdBadgeAttributes]?: SdBadge[K] } & { [K in keyof SdBadge & keyof SdBadgeAttributes as `attr:${K}`]?: SdBadgeAttributes[K] } & { [K in keyof SdBadge & keyof SdBadgeAttributes as `prop:${K}`]?: SdBadge[K] };
         "sd-button": Omit<SdButton, keyof SdButtonAttributes> & { [K in keyof SdButton & keyof SdButtonAttributes]?: SdButton[K] } & { [K in keyof SdButton & keyof SdButtonAttributes as `attr:${K}`]?: SdButtonAttributes[K] } & { [K in keyof SdButton & keyof SdButtonAttributes as `prop:${K}`]?: SdButton[K] };
+        "sd-button-v2": Omit<SdButtonV2, keyof SdButtonV2Attributes> & { [K in keyof SdButtonV2 & keyof SdButtonV2Attributes]?: SdButtonV2[K] } & { [K in keyof SdButtonV2 & keyof SdButtonV2Attributes as `attr:${K}`]?: SdButtonV2Attributes[K] } & { [K in keyof SdButtonV2 & keyof SdButtonV2Attributes as `prop:${K}`]?: SdButtonV2[K] };
         "sd-card": Omit<SdCard, keyof SdCardAttributes> & { [K in keyof SdCard & keyof SdCardAttributes]?: SdCard[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `attr:${K}`]?: SdCardAttributes[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `prop:${K}`]?: SdCard[K] };
         "sd-checkbox": Omit<SdCheckbox, keyof SdCheckboxAttributes> & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes]?: SdCheckbox[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `attr:${K}`]?: SdCheckboxAttributes[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `prop:${K}`]?: SdCheckbox[K] } & OneOf<"value", SdCheckbox["value"], SdCheckboxAttributes["value"]>;
         "sd-date-box": Omit<SdDateBox, keyof SdDateBoxAttributes> & { [K in keyof SdDateBox & keyof SdDateBoxAttributes]?: SdDateBox[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `attr:${K}`]?: SdDateBoxAttributes[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `prop:${K}`]?: SdDateBox[K] };
         "sd-date-picker": Omit<SdDatePicker, keyof SdDatePickerAttributes> & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes]?: SdDatePicker[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `attr:${K}`]?: SdDatePickerAttributes[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `prop:${K}`]?: SdDatePicker[K] };
         "sd-date-range-picker": Omit<SdDateRangePicker, keyof SdDateRangePickerAttributes> & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes]?: SdDateRangePicker[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `attr:${K}`]?: SdDateRangePickerAttributes[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `prop:${K}`]?: SdDateRangePicker[K] };
+        "sd-dropdown-button": Omit<SdDropdownButton, keyof SdDropdownButtonAttributes> & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes]?: SdDropdownButton[K] } & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes as `attr:${K}`]?: SdDropdownButtonAttributes[K] } & { [K in keyof SdDropdownButton & keyof SdDropdownButtonAttributes as `prop:${K}`]?: SdDropdownButton[K] };
         "sd-field": Omit<SdField, keyof SdFieldAttributes> & { [K in keyof SdField & keyof SdFieldAttributes]?: SdField[K] } & { [K in keyof SdField & keyof SdFieldAttributes as `attr:${K}`]?: SdFieldAttributes[K] } & { [K in keyof SdField & keyof SdFieldAttributes as `prop:${K}`]?: SdField[K] };
         "sd-file-picker": Omit<SdFilePicker, keyof SdFilePickerAttributes> & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes]?: SdFilePicker[K] } & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes as `attr:${K}`]?: SdFilePickerAttributes[K] } & { [K in keyof SdFilePicker & keyof SdFilePickerAttributes as `prop:${K}`]?: SdFilePicker[K] };
         "sd-floating-portal": Omit<SdFloatingPortal, keyof SdFloatingPortalAttributes> & { [K in keyof SdFloatingPortal & keyof SdFloatingPortalAttributes]?: SdFloatingPortal[K] } & { [K in keyof SdFloatingPortal & keyof SdFloatingPortalAttributes as `attr:${K}`]?: SdFloatingPortalAttributes[K] } & { [K in keyof SdFloatingPortal & keyof SdFloatingPortalAttributes as `prop:${K}`]?: SdFloatingPortal[K] };
@@ -3678,11 +3829,13 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "sd-badge": LocalJSX.IntrinsicElements["sd-badge"] & JSXBase.HTMLAttributes<HTMLSdBadgeElement>;
             "sd-button": LocalJSX.IntrinsicElements["sd-button"] & JSXBase.HTMLAttributes<HTMLSdButtonElement>;
+            "sd-button-v2": LocalJSX.IntrinsicElements["sd-button-v2"] & JSXBase.HTMLAttributes<HTMLSdButtonV2Element>;
             "sd-card": LocalJSX.IntrinsicElements["sd-card"] & JSXBase.HTMLAttributes<HTMLSdCardElement>;
             "sd-checkbox": LocalJSX.IntrinsicElements["sd-checkbox"] & JSXBase.HTMLAttributes<HTMLSdCheckboxElement>;
             "sd-date-box": LocalJSX.IntrinsicElements["sd-date-box"] & JSXBase.HTMLAttributes<HTMLSdDateBoxElement>;
             "sd-date-picker": LocalJSX.IntrinsicElements["sd-date-picker"] & JSXBase.HTMLAttributes<HTMLSdDatePickerElement>;
             "sd-date-range-picker": LocalJSX.IntrinsicElements["sd-date-range-picker"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerElement>;
+            "sd-dropdown-button": LocalJSX.IntrinsicElements["sd-dropdown-button"] & JSXBase.HTMLAttributes<HTMLSdDropdownButtonElement>;
             "sd-field": LocalJSX.IntrinsicElements["sd-field"] & JSXBase.HTMLAttributes<HTMLSdFieldElement>;
             "sd-file-picker": LocalJSX.IntrinsicElements["sd-file-picker"] & JSXBase.HTMLAttributes<HTMLSdFilePickerElement>;
             "sd-floating-portal": LocalJSX.IntrinsicElements["sd-floating-portal"] & JSXBase.HTMLAttributes<HTMLSdFloatingPortalElement>;

package/dist/types/index.d.ts

@@ -10,3 +10,5 @@
 export { format } from './utils/utils';
 export type * from './components.d.ts';
 export type { SdTableSortDir, SdTableColumn, Row } from './components/sd-table/sd-table';
+export type { ButtonV2Name, ButtonV2Size, ButtonV2Type, } from './components/sd-button-v2/sd-button-v2.config';
+export type { DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, } from './components/sd-dropdown-button/sd-dropdown-button.config';