@sellmate/design-system 1.0.49 → 1.0.50

package/dist/esm/sd-tag.entry.js

@@ -169,7 +169,7 @@ const SdTag = class {
     render() {
         const config = this.resolvedConfig;
         const iconNode = this.renderIcon(config.icon, config.iconSize);
-        return (h("span", { key: 'e2ea10f2795e7cb481108903609785d490046539', class: "sd-tag", style: {
+        return (h("span", { key: '1cfaeb97f648f8929cdaf6bd5650e400f47cb207', class: "sd-tag", style: {
                 '--sd-tag-background': config.background,
                 '--sd-tag-content': config.content,
                 '--sd-tag-height': config.height,
@@ -179,7 +179,7 @@ const SdTag = class {
                 '--sd-tag-font-weight': config.fontWeight,
                 '--sd-tag-line-height': config.lineHeight,
                 '--sd-tag-radius': config.radius,
-            }, "aria-label": this.label || 'tag' }, this.icon && this.isLeft && iconNode, h("span", { key: '129b9791f345e368de9d19afef62f740435dd07f', class: "sd-tag__label" }, this.label), this.icon && !this.isLeft && iconNode));
+            }, "aria-label": this.label || 'tag' }, this.icon && this.isLeft && iconNode, h("span", { key: 'c858d07e4b33f9d142a7d2719399374c37785fe3', class: "sd-tag__label" }, this.label), this.icon && !this.isLeft && iconNode));
     }
 };
 SdTag.style = sdTagCss();

package/dist/esm/sd-text-link.entry.js

@@ -84,16 +84,16 @@ const SdTextLink = class {
             '--sd-text-link-text-decoration': typo.textDecoration,
             '--sd-text-link-color': contentColor,
         };
-        return (h("span", { key: 'e93a2744e49a267f4b775793e0e18f0c223a03dd', class: {
+        return (h("span", { key: '518661e48081a4c128667608ebda9a1dca1b19c0', class: {
                 'sd-text-link': true,
                 'sd-text-link--disabled': this.disabled,
-            }, style: cssVars, onClick: this.handleClick }, this.icon && (h("sd-icon", { key: '3f39510caef0cec81ba23340e25f920389886b69', name: this.icon, size: TEXT_LINK_LAYOUT.iconSize, color: iconColor, class: "sd-text-link__icon" })), h("span", { key: 'ad0cac3fda5be82e5f0d2d9e7822b2bf82d2d4ee', class: "sd-text-link__label" }, this.label), this.useArrow && (h("span", { key: '2ecdfdb83f62468ff36f6da1b96caf53b2302bbf', class: "sd-text-link__arrow", style: {
+            }, style: cssVars, onClick: this.handleClick }, this.icon && (h("sd-icon", { key: 'b73b19f38036987ab312e8ce9960280fa863a44e', name: this.icon, size: TEXT_LINK_LAYOUT.iconSize, color: iconColor, class: "sd-text-link__icon" })), h("span", { key: 'a61877f0c9740259fa81344b41f43de50d76d582', class: "sd-text-link__label" }, this.label), this.useArrow && (h("span", { key: '2887c482820bff0dcbd3e753f979b242b765e5b9', class: "sd-text-link__arrow", style: {
                 width: `${TEXT_LINK_LAYOUT.arrowFrame}px`,
                 height: `${TEXT_LINK_LAYOUT.arrowFrame}px`,
                 display: 'inline-flex',
                 alignItems: 'center',
                 justifyContent: 'center',
-            } }, h("sd-icon", { key: '92140c5c4fffc70af27894cd4f1a6bab80e6f64c', name: "chevronRight", size: TEXT_LINK_LAYOUT.arrowIconSize, color: arrowColor })))));
+            } }, h("sd-icon", { key: 'da303224cde569553d8eca8e6215761640ea2470', name: "chevronRight", size: TEXT_LINK_LAYOUT.arrowIconSize, color: arrowColor })))));
     }
 };
 SdTextLink.style = sdTextLinkCss();

package/dist/esm/sd-textarea.entry.js

@@ -84,10 +84,10 @@ const SdTextarea = class {
     }
     render() {
         const maxLengthCounter = this.getMaxLengthCounter();
-        return (h("div", { key: '623b3d8085c36cc4ea9de4e5b7c775d1a83eb73c', class: {
+        return (h("div", { key: 'cd47db7305c089848a3385932945a99cd3932ebb', class: {
                 'sd-textarea': true,
                 [this.getTextareaStatus()]: true,
-            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: '9947ecb8ddaede40977ab421603ac987853617f6', class: "sd-textarea__content" }, h("textarea", { key: '8373ccc78b85abf84b09af3953b15a145bf5e747', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: '7392aabb95444be4f95605c6d342dcf68c2b09e2', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: '0ace2ab4995f183184d6f1ed9f4c2ee77f30614c', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: '6b029c0b183d80ad3c838ef666ce2461679b3ce2', class: "sd-textarea__counter" }, maxLengthCounter)))));
+            }, onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false) }, h("div", { key: '2768eed1797ecc42e3e9d7a15416f93fa8eb211f', class: "sd-textarea__content" }, h("textarea", { key: '91af1337c1209d9798728912a7eae52acf02b6ca', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, autofocus: this.autoFocus, maxLength: this.maxLength, onInput: this.handleInput.bind(this), onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event) })), this.hasFooter() && (h("div", { key: '9d4e2e72a87beb9e95009c8824165f136e2b194c', class: "sd-textarea__footer" }, this.helpText !== undefined && h("span", { key: 'e420045dbb4cd253125594ea7230818281aa920f', class: "sd-textarea__help-text" }, this.helpText), maxLengthCounter !== null && h("span", { key: '3658f7f91c21e301f0fe5b69226a6380d500fbca', class: "sd-textarea__counter" }, maxLengthCounter)))));
     }
     static get watchers() { return {
         "value": [{

package/dist/esm/sd-toast.entry.js

@@ -38,7 +38,7 @@ const TOAST_LAYOUT = {
     iconSize: toastTokens.toast.icon,
 };
 
-const sdToastCss = () => `sd-toast{display:block;width:fit-content;height:fit-content}sd-toast .sd-toast{display:flex;width:fit-content;align-items:center;gap:var(--sd-toast-gap, 16px);padding:var(--sd-toast-padding-y, 12px) var(--sd-toast-padding-x, 24px);border-radius:var(--sd-toast-radius, 8px);background-color:var(--sd-toast-bg);color:var(--sd-toast-text);box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}sd-toast .sd-toast__icon{display:flex;align-items:center;flex-shrink:0}sd-toast .sd-toast__content{display:flex;flex:1}sd-toast .sd-toast__message{font-size:14px;line-height:24px;font-weight:700;white-space:nowrap}sd-toast .sd-toast__link{font-size:14px;line-height:24px;font-weight:700;color:var(--sd-toast-text);text-decoration:underline;cursor:pointer;transition:opacity 0.2s ease;margin-left:4px}sd-toast .sd-toast__link:hover{opacity:0.8}sd-toast .sd-toast__button{flex-shrink:0}sd-toast .sd-toast__button button{color:var(--button-text-color, inherit) !important}sd-toast .sd-toast__close{display:flex;align-items:center;justify-content:center;padding:4px;background-color:transparent;border:none;cursor:pointer;transition:opacity 0.2s ease;flex-shrink:0}sd-toast .sd-toast__close:hover{opacity:0.7}sd-toast .sd-toast__close:active{opacity:0.5}`;
+const sdToastCss = () => `sd-toast{display:block;width:fit-content;height:fit-content}sd-toast .sd-toast{display:flex;width:fit-content;align-items:center;gap:var(--sd-toast-gap, 16px);padding:var(--sd-toast-padding-y, 12px) var(--sd-toast-padding-x, 24px);border-radius:var(--sd-toast-radius, 8px);background-color:var(--sd-toast-bg);color:var(--sd-toast-text);box-shadow:2px 2px 8px 2px rgba(0, 0, 0, 0.2)}sd-toast .sd-toast__icon{display:flex;align-items:center;flex-shrink:0}sd-toast .sd-toast__content{display:flex;flex:1}sd-toast .sd-toast__message{font-size:14px;line-height:24px;font-weight:700;white-space:nowrap}sd-toast .sd-toast__link{font-size:14px;line-height:24px;font-weight:700;color:var(--sd-toast-text);text-decoration:underline;cursor:pointer;transition:opacity 0.2s ease;margin-left:4px}sd-toast .sd-toast__link:hover{opacity:0.8}sd-toast .sd-toast__button{flex-shrink:0}sd-toast .sd-toast__button button{color:var(--button-text-color, inherit) !important}sd-toast .sd-toast__close{flex-shrink:0}`;
 
 const SdToast = class {
     constructor(hostRef) {
@@ -55,10 +55,10 @@ const SdToast = class {
     render() {
         const typeConfig = TOAST_TYPE_CONFIG[this.type] ?? TOAST_TYPE_CONFIG.default;
         const iconSize = Number(TOAST_LAYOUT.iconSize);
-        return (h("div", { key: '02f7aaf208dabe0d4ed07816038379c865073296', style: {
+        return (h("div", { key: '9f9332b868ad1ae09854a6eeb7dc0935d412147c', style: {
                 '--sd-toast-bg': typeConfig.bg,
                 '--sd-toast-text': typeConfig.content,
-            } }, h("div", { key: 'b6273da0052dc663dc97c71705b8378ce9f73922', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '569b0afaeade5d5ec41218e1927a247df6beffc1', class: "sd-toast__icon" }, h("sd-icon", { key: 'b7e2113a36f3af91adaadbe1f87c39cef37c01fd', name: this.icon, size: iconSize, color: typeConfig.content }))), h("div", { key: 'af6e8c9e5db30cbf5a1be3f0958470101935dde2', class: "sd-toast__content" }, h("span", { key: 'f6459b3d086f7675b37e922f9f4bc8ae6a257197', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: 'd3c000b69d039850b65c35836c0246d91290c111', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.useClose && (h("button", { key: 'c9d75b733730fe6af6aa49b3780d1c9a894b7408', type: "button", class: "sd-toast__close", onClick: () => this.close.emit(), "aria-label": "Close", title: "Close" }, h("sd-icon", { key: '170643bc8fecd2f275202d28f2873ddb71918bbc', name: "close", size: iconSize, color: typeConfig.content }))))));
+            } }, h("div", { key: '762ac3406fd9d98dc4583244de6744f1e2c6eec6', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '8f7f2ce05c5e0f26b5d4af17284cc67ae35c9677', class: "sd-toast__icon" }, h("sd-icon", { key: '456de7bdf8b1ed1c11ec35d73b7b78ee7fd2c9d8', name: this.icon, size: iconSize, color: typeConfig.content }))), h("div", { key: 'a4feb91f9a79023413f01f79e2012dc9f9af0d3b', class: "sd-toast__content" }, h("span", { key: '091acd520b42f2cd2d0ae199ea540ce9d3a3f59f', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: 'f1738019a27b9f6f98c17183c7acdcbee9f6e00e', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.useClose && (h("sd-ghost-button", { key: '8cfb8c54a20d71fdc17f9bf8ba5fe6d6ce028ed3', class: "sd-toast__close", icon: "close", ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
     }
 };
 SdToast.style = sdToastCss();

package/dist/types/components/sd-action-modal/sd-action-modal.config.d.ts

@@ -19,5 +19,3 @@ export declare const ACTION_MODAL_TITLE: {
     fontSize: number;
     lineHeight: number;
 };
-export declare const CLOSE_ICON_SIZE: number;
-export declare const CLOSE_ICON_COLOR: string;

package/dist/types/components/sd-barcode-input/sd-barcode-input.config.d.ts

@@ -32,7 +32,3 @@ export declare const BARCODE_INPUT_COLORS: {
         default: string;
     };
 };
-export declare const BARCODE_INPUT_ICON: {
-    frameSize: number;
-    iconSize: number;
-};

package/dist/types/components/sd-confirm-modal/sd-confirm-modal.config.d.ts

@@ -9,7 +9,5 @@ export declare const CONFIRM_MODAL_DEFAULT_BUTTON: Record<ConfirmModalType, Conf
 export declare const CONFIRM_MODAL_ICON_MAP: Record<ConfirmModalType, IconName | null>;
 export declare const CONFIRM_MODAL_ICON_COLOR: Record<ConfirmModalType, string>;
 export declare const TITLE_ICON_SIZE: number;
-export declare const CLOSE_ICON_SIZE: number;
-export declare const CLOSE_ICON_COLOR: string;
 export declare const SUB_BUTTON_PRESET: ButtonV2Name;
 export type { TagName, ButtonV2Name };

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

@@ -0,0 +1,12 @@
+export type GhostButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+export type GhostButtonIntent = 'default' | 'danger' | 'action';
+export declare const GHOST_BUTTON_FOCUS_RING_COLOR = "#0075FF";
+export declare const GHOST_BUTTON_SIZES: Record<GhostButtonSize, {
+    size: number;
+    icon: number;
+}>;
+export declare const GHOST_BUTTON_RADIUS: number;
+export declare const GHOST_BUTTON_HOVER_OPACITY: string;
+export declare const GHOST_BUTTON_CONTENT_COLORS: Record<GhostButtonIntent, string>;
+export declare const GHOST_BUTTON_HOVER_BG_COLORS: Record<GhostButtonIntent, string>;
+export declare const GHOST_BUTTON_DISABLED_ICON: string;

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

@@ -0,0 +1,15 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type GhostButtonIntent, type GhostButtonSize } from './sd-ghost-button.config';
+export declare class SdGhostButton {
+    icon: IconName;
+    size: GhostButtonSize;
+    intent: GhostButtonIntent;
+    ariaLabel: string;
+    disabled: boolean;
+    click: EventEmitter<MouseEvent>;
+    private hasWarnedMissingAriaLabel;
+    private handleClick;
+    componentWillRender(): void;
+    private warnIfMissingAriaLabel;
+    render(): any;
+}

package/dist/types/components/sd-input/sd-input.config.d.ts

@@ -32,7 +32,3 @@ export declare const INPUT_COLORS: {
         default: string;
     };
 };
-export declare const INPUT_ICON: {
-    frameSize: number;
-    iconSize: number;
-};

package/dist/types/components.d.ts

@@ -18,6 +18,7 @@ import { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/
 import { Type } from "./components/sd-date-box/sd-date-box";
 import { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
 import { ValidatableField } from "./components/sd-form/sd-form";
+import { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
 import { InputSize } from "./components/sd-input/sd-input.config";
 import { ConfirmModalOptions, ModalDialogChainLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
 import { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
@@ -50,6 +51,7 @@ export { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/
 export { Type } from "./components/sd-date-box/sd-date-box";
 export { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
 export { ValidatableField } from "./components/sd-form/sd-form";
+export { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
 export { InputSize } from "./components/sd-input/sd-input.config";
 export { ConfirmModalOptions, ModalDialogChainLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
 export { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
@@ -536,6 +538,25 @@ export namespace Components {
         "sdUnregisterField": (name: string) => Promise<void>;
         "sdValidate": () => Promise<boolean>;
     }
+    interface SdGhostButton {
+        /**
+          * @default ''
+         */
+        "ariaLabel": string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "icon": IconName;
+        /**
+          * @default 'default'
+         */
+        "intent": GhostButtonIntent;
+        /**
+          * @default 'sm'
+         */
+        "size": GhostButtonSize;
+    }
     interface SdGuide {
         /**
           * @default ''
@@ -818,8 +839,8 @@ export namespace Components {
           * @default []
          */
         "buttons": {
-  [key: string]: any;
- }[];
+    [key: string]: any;
+  }[];
         /**
           * @default '#01BB4B'
          */
@@ -1877,6 +1898,10 @@ export interface SdFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdFormElement;
 }
+export interface SdGhostButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdGhostButtonElement;
+}
 export interface SdInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdInputElement;
@@ -2257,6 +2282,23 @@ declare global {
         prototype: HTMLSdFormElement;
         new (): HTMLSdFormElement;
     };
+    interface HTMLSdGhostButtonElementEventMap {
+        "sdClick": MouseEvent;
+    }
+    interface HTMLSdGhostButtonElement extends Components.SdGhostButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdGhostButtonElementEventMap>(type: K, listener: (this: HTMLSdGhostButtonElement, ev: SdGhostButtonCustomEvent<HTMLSdGhostButtonElementEventMap[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 HTMLSdGhostButtonElementEventMap>(type: K, listener: (this: HTMLSdGhostButtonElement, ev: SdGhostButtonCustomEvent<HTMLSdGhostButtonElementEventMap[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 HTMLSdGhostButtonElement: {
+        prototype: HTMLSdGhostButtonElement;
+        new (): HTMLSdGhostButtonElement;
+    };
     interface HTMLSdGuideElement extends Components.SdGuide, HTMLStencilElement {
     }
     var HTMLSdGuideElement: {
@@ -2842,6 +2884,7 @@ declare global {
         "sd-file-picker": HTMLSdFilePickerElement;
         "sd-floating-portal": HTMLSdFloatingPortalElement;
         "sd-form": HTMLSdFormElement;
+        "sd-ghost-button": HTMLSdGhostButtonElement;
         "sd-guide": HTMLSdGuideElement;
         "sd-icon": HTMLSdIconElement;
         "sd-input": HTMLSdInputElement;
@@ -3361,6 +3404,26 @@ declare namespace LocalJSX {
         "onSdSubmit"?: (event: SdFormCustomEvent<void>) => void;
         "onSdValidationError"?: (event: SdFormCustomEvent<void>) => void;
     }
+    interface SdGhostButton {
+        /**
+          * @default ''
+         */
+        "ariaLabel"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "icon": IconName;
+        /**
+          * @default 'default'
+         */
+        "intent"?: GhostButtonIntent;
+        "onSdClick"?: (event: SdGhostButtonCustomEvent<MouseEvent>) => void;
+        /**
+          * @default 'sm'
+         */
+        "size"?: GhostButtonSize;
+    }
     interface SdGuide {
         /**
           * @default ''
@@ -3637,8 +3700,8 @@ declare namespace LocalJSX {
           * @default []
          */
         "buttons"?: {
-  [key: string]: any;
- }[];
+    [key: string]: any;
+  }[];
         /**
           * @default '#01BB4B'
          */
@@ -4793,6 +4856,13 @@ declare namespace LocalJSX {
     interface SdFormAttributes {
         "formClass": string;
     }
+    interface SdGhostButtonAttributes {
+        "icon": IconName;
+        "size": GhostButtonSize;
+        "intent": GhostButtonIntent;
+        "ariaLabel": string;
+        "disabled": boolean;
+    }
     interface SdGuideAttributes {
         "type": GuideType;
         "label": string;
@@ -5137,6 +5207,7 @@ declare namespace LocalJSX {
         "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] };
         "sd-form": Omit<SdForm, keyof SdFormAttributes> & { [K in keyof SdForm & keyof SdFormAttributes]?: SdForm[K] } & { [K in keyof SdForm & keyof SdFormAttributes as `attr:${K}`]?: SdFormAttributes[K] } & { [K in keyof SdForm & keyof SdFormAttributes as `prop:${K}`]?: SdForm[K] };
+        "sd-ghost-button": Omit<SdGhostButton, keyof SdGhostButtonAttributes> & { [K in keyof SdGhostButton & keyof SdGhostButtonAttributes]?: SdGhostButton[K] } & { [K in keyof SdGhostButton & keyof SdGhostButtonAttributes as `attr:${K}`]?: SdGhostButtonAttributes[K] } & { [K in keyof SdGhostButton & keyof SdGhostButtonAttributes as `prop:${K}`]?: SdGhostButton[K] } & OneOf<"icon", SdGhostButton["icon"], SdGhostButtonAttributes["icon"]>;
         "sd-guide": Omit<SdGuide, keyof SdGuideAttributes> & { [K in keyof SdGuide & keyof SdGuideAttributes]?: SdGuide[K] } & { [K in keyof SdGuide & keyof SdGuideAttributes as `attr:${K}`]?: SdGuideAttributes[K] } & { [K in keyof SdGuide & keyof SdGuideAttributes as `prop:${K}`]?: SdGuide[K] };
         "sd-icon": Omit<SdIcon, keyof SdIconAttributes> & { [K in keyof SdIcon & keyof SdIconAttributes]?: SdIcon[K] } & { [K in keyof SdIcon & keyof SdIconAttributes as `attr:${K}`]?: SdIconAttributes[K] } & { [K in keyof SdIcon & keyof SdIconAttributes as `prop:${K}`]?: SdIcon[K] } & OneOf<"name", SdIcon["name"], SdIconAttributes["name"]>;
         "sd-input": Omit<SdInput, keyof SdInputAttributes> & { [K in keyof SdInput & keyof SdInputAttributes]?: SdInput[K] } & { [K in keyof SdInput & keyof SdInputAttributes as `attr:${K}`]?: SdInputAttributes[K] } & { [K in keyof SdInput & keyof SdInputAttributes as `prop:${K}`]?: SdInput[K] };
@@ -5196,6 +5267,7 @@ declare module "@stencil/core" {
             "sd-file-picker": LocalJSX.IntrinsicElements["sd-file-picker"] & JSXBase.HTMLAttributes<HTMLSdFilePickerElement>;
             "sd-floating-portal": LocalJSX.IntrinsicElements["sd-floating-portal"] & JSXBase.HTMLAttributes<HTMLSdFloatingPortalElement>;
             "sd-form": LocalJSX.IntrinsicElements["sd-form"] & JSXBase.HTMLAttributes<HTMLSdFormElement>;
+            "sd-ghost-button": LocalJSX.IntrinsicElements["sd-ghost-button"] & JSXBase.HTMLAttributes<HTMLSdGhostButtonElement>;
             "sd-guide": LocalJSX.IntrinsicElements["sd-guide"] & JSXBase.HTMLAttributes<HTMLSdGuideElement>;
             "sd-icon": LocalJSX.IntrinsicElements["sd-icon"] & JSXBase.HTMLAttributes<HTMLSdIconElement>;
             "sd-input": LocalJSX.IntrinsicElements["sd-input"] & JSXBase.HTMLAttributes<HTMLSdInputElement>;

package/dist/types/index.d.ts

@@ -7,7 +7,6 @@
  * DO NOT use this file to export your components. Instead, use the recommended approaches
  * to consume components of this package as outlined in the `README.md`.
  */
-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';