@sellmate/design-system 1.6.0 → 1.7.0

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

@@ -232,7 +232,7 @@ const SdToastContainer = class {
         const activeToasts = toasts.filter(t => t.state !== 'exiting').reverse();
         const indexMap = new Map();
         activeToasts.forEach((t, i) => indexMap.set(t.id, i));
-        return (h("div", { key: '1de55d255b75842f52e3f0a147a69493ed1a7de5', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
+        return (h("div", { key: 'bc3c9591b6453eed7df462841e29784c29b3aeef', class: "sd-toast-container", style: this.getContainerStyles(), onMouseEnter: () => {
                 this.expanded = true;
                 this.pauseTimers();
             }, onMouseLeave: () => {

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

@@ -82,12 +82,12 @@ const SdToast = class {
         const linkColor = typeConfig.linkColor ?? typeConfig.content;
         const useDefaultCloseIntent = ['default', 'caution', 'info'].includes(this.type);
         const buttonName = TOAST_BUTTON_NAME_BY_TYPE[this.type] ?? TOAST_BUTTON_NAME_BY_TYPE.default;
-        return (h("div", { key: '735fa3f949ee4c7d0178f999c02e90c829c133b4', style: {
+        return (h("div", { key: 'db3ffaf51dc96c39c05558017f25929c679a59df', style: {
                 '--sd-toast-bg': typeConfig.bg,
                 '--sd-toast-text': typeConfig.content,
                 '--sd-toast-icon': iconColor,
                 '--sd-toast-link': linkColor,
-            } }, h("div", { key: '4e483d858c3268bde838ddc5c5c9cb5065855326', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '007eded85c508bdd2da05b1c9d489ff2d03a4df9', class: "sd-toast__icon" }, h("sd-icon", { key: '099d5556f4b0a11f5162cb76a6166a2d662d9590', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: '3825916248bc2385fe87c8aeb6d741b59738246f', class: "sd-toast__content" }, h("span", { key: 'fba817baf33179296f50d3fe4147cc99c38fbb83', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '39667765a9a72c761f0b464f78c7652e60e6dd16', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: '3da2f9a5daf53de4400bfec79654b5795c3b6af4', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: '2578d35dc11e06178c6902cb358bcdb8ccabbf36', class: "sd-toast__close", icon: "close", intent: useDefaultCloseIntent ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
+            } }, h("div", { key: '92344f5bb95b0d4787591207f2e017d7dd177091', class: "sd-toast", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.icon && (h("div", { key: '991db58b2cb019dd3a787e000e9d8813014bbb09', class: "sd-toast__icon" }, h("sd-icon", { key: '24d53cd77fdea82ec07663a8968493ec2b794751', name: this.icon, size: iconSize, color: iconColor }))), h("div", { key: '70cfad4ef389cca798be9baeac99bfc41efcc615', class: "sd-toast__content" }, h("span", { key: '5927023435b17dc25ee07630fc4ae4568aadd9b9', class: "sd-toast__message" }, this.message)), this.link && (h("a", { key: '410c024fd81ebcc78175c1855a86f590566d1a81', href: this.link, class: "sd-toast__link", target: "_blank", rel: "noopener noreferrer" }, this.linkLabel || this.link)), this.buttonLabel && (h("sd-button", { key: 'd85287e7ef796a11f850a0ce5cde87f5881fa5c9', class: "sd-toast__button", name: buttonName, label: this.buttonLabel, onSdClick: (event) => this.buttonClick.emit(event.detail) })), this.useClose && (h("sd-ghost-button", { key: '55a6bf6457bd89254f6eb01072d46a0edbb8b510', class: "sd-toast__close", icon: "close", intent: useDefaultCloseIntent ? 'default' : 'inverse', ariaLabel: "close", size: "xs", onClick: () => this.close.emit() })))));
     }
 };
 SdToast.style = sdToastCss();

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

@@ -118,7 +118,7 @@ const SdToggle = class {
             '--sd-toggle-content-select': TOGGLE_COLORS.content.select,
             '--sd-toggle-content-disabled': TOGGLE_COLORS.content.disabled,
         };
-        return (h("label", { key: 'f1b1b68270d523f7f3e40c8145f35e93df269d73', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: '7e07c190916e19ffe8744f6b491e92e6bf8efd36', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
+        return (h("label", { key: 'b16577aa25863a9dc337314d9059328799c1cd1e', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: '6130825b74df8a573f4e062671fd694508759e82', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
     }
 };
 SdToggle.style = sdToggleCss();

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

@@ -12,7 +12,7 @@ export declare class SdChip implements ValidatableField {
     internalValue: string;
     isEditing: boolean;
     update: EventEmitter<string>;
-    remove: EventEmitter<void>;
+    delete: EventEmitter<void>;
     focus: EventEmitter<void>;
     blur: EventEmitter<void>;
     private inputEl?;

package/dist/types/components/sd-file-picker/sd-file-picker.d.ts

@@ -51,7 +51,10 @@ export declare class SdFilePicker implements ComponentInterface {
     private handleClear;
     private handleClick;
     private hasFiles;
+    private hasChips;
     private getDisplayText;
+    private handleChipRemove;
+    private renderChipList;
     private checkOverflow;
     private getIconColor;
     render(): any;

package/dist/types/components/sd-loading-modal/sd-loading-modal.d.ts

@@ -7,6 +7,7 @@ export declare class SdLoadingModal {
     buttonLabel: string;
     width?: string | number;
     height?: string | number;
+    progress?: number;
     click: EventEmitter<void>;
     private get resolvedState();
     private get resolvedMessage();

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

@@ -24,6 +24,7 @@ export interface LoadingModalOptions {
     width?: string | number;
     height?: string | number;
     persistent?: boolean;
+    progress?: number;
 }
 export interface ModalEntry {
     id: string;

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

@@ -24,14 +24,15 @@ export declare class SdPopover {
     disabled: boolean;
     type: ButtonType;
     menuTitle?: string;
-    messages: string[];
     leftLink?: PopoverLink;
     button?: PopoverButton;
     menuClass: string;
+    slotContentHTML: string;
     showChange: EventEmitter<boolean>;
     private buttonEl?;
     private setShow;
     private get popoverOffset();
     private handleClose;
+    componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -1053,6 +1053,7 @@ export namespace Components {
           * @default ''
          */
         "message": string | string[];
+        "progress"?: number;
         /**
           * @default 'loading'
          */
@@ -1242,10 +1243,6 @@ export namespace Components {
          */
         "menuClass": string;
         "menuTitle"?: string;
-        /**
-          * @default []
-         */
-        "messages": string[];
         /**
           * @default 'primary_sm'
          */
@@ -4027,6 +4024,7 @@ declare namespace LocalJSX {
          */
         "message"?: string | string[];
         "onSdClick"?: (event: SdLoadingModalCustomEvent<void>) => void;
+        "progress"?: number;
         /**
           * @default 'loading'
          */
@@ -4210,10 +4208,6 @@ declare namespace LocalJSX {
          */
         "menuClass"?: string;
         "menuTitle"?: string;
-        /**
-          * @default []
-         */
-        "messages"?: string[];
         /**
           * @default 'primary_sm'
          */
@@ -5204,6 +5198,7 @@ declare namespace LocalJSX {
         "buttonLabel": string;
         "width": string;
         "height": string;
+        "progress": number;
     }
     interface SdModalContainerAttributes {
         "autoRemove": boolean;