@sellmate/design-system 1.0.21 → 1.0.23

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";
@@ -25,11 +27,13 @@ import { SelectMultipleEvents, SelectOption as SelectOption2 } from "./types/sel
 import { SelectOptionGroup } from "./components/sd-select-multiple-group/sd-select-multiple-group";
 import { Row, SdTableColumn } from "./components/sd-table/sd-table";
 import { TabOption } from "./components/sd-tabs/sd-tabs";
-import { TagColor, TagSize } from "./components/sd-tag/sd-tag";
+import { TagName } from "./components/sd-tag/sd-tag.config";
 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";
@@ -47,7 +51,7 @@ export { SelectMultipleEvents, SelectOption as SelectOption2 } from "./types/sel
 export { SelectOptionGroup } from "./components/sd-select-multiple-group/sd-select-multiple-group";
 export { Row, SdTableColumn } from "./components/sd-table/sd-table";
 export { TabOption } from "./components/sd-tabs/sd-tabs";
-export { TagColor, TagSize } from "./components/sd-tag/sd-tag";
+export { TagName } from "./components/sd-tag/sd-tag.config";
 export { ToastType } from "./components/sd-toast/sd-toast";
 export namespace Components {
     interface SdBadge {
@@ -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
@@ -1148,24 +1195,19 @@ export namespace Components {
         "value": string;
     }
     interface SdTag {
-        "bgColor"?: string;
+        "icon"?: IconName;
         /**
-          * @default 'grey'
+          * @default true
          */
-        "color": TagColor;
+        "isLeft": boolean;
         /**
           * @default ''
          */
         "label": string;
         /**
-          * @default false
+          * @default 'square_md_grey'
          */
-        "rounded": boolean;
-        /**
-          * @default 'md'
-         */
-        "size": TagSize;
-        "textColor"?: string;
+        "name": TagName;
     }
     interface SdTextarea {
         /**
@@ -1288,6 +1330,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 +1350,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 +1474,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 +1566,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 +2073,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 +2170,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 +2299,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
@@ -3146,24 +3277,19 @@ declare namespace LocalJSX {
         "value": string;
     }
     interface SdTag {
-        "bgColor"?: string;
+        "icon"?: IconName;
         /**
-          * @default 'grey'
+          * @default true
          */
-        "color"?: TagColor;
+        "isLeft"?: boolean;
         /**
           * @default ''
          */
         "label"?: string;
         /**
-          * @default false
+          * @default 'square_md_grey'
          */
-        "rounded"?: boolean;
-        /**
-          * @default 'md'
-         */
-        "size"?: TagSize;
-        "textColor"?: string;
+        "name"?: TagName;
     }
     interface SdTextarea {
         /**
@@ -3306,6 +3432,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 +3472,11 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "placeholder": string;
     }
+    interface SdDropdownButtonAttributes {
+        "name": DropdownButtonName;
+        "label": string;
+        "disabled": boolean;
+    }
     interface SdFieldAttributes {
         "name": string;
         "error": boolean;
@@ -3580,12 +3719,10 @@ declare namespace LocalJSX {
         "isSub": boolean;
     }
     interface SdTagAttributes {
-        "size": TagSize;
-        "color": TagColor;
-        "rounded": boolean;
+        "name": TagName;
         "label": string;
-        "bgColor": string;
-        "textColor": string;
+        "icon": IconName;
+        "isLeft": boolean;
     }
     interface SdTextareaAttributes {
         "value": string | null;
@@ -3633,11 +3770,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 +3817,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';