@sellmate/design-system 1.0.50 → 1.0.51

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

@@ -0,0 +1,31 @@
+export declare const FILE_PICKER_LAYOUT: {
+    height: string;
+    paddingX: string;
+    gap: string;
+    radius: string;
+    borderWidth: string;
+    fontSize: string;
+    lineHeight: string;
+    fontWeight: string;
+    iconSize: string;
+    contentsGap: string;
+};
+export declare const FILE_PICKER_COLORS: {
+    border: {
+        default: string;
+        disabled: string;
+    };
+    bg: {
+        default: string;
+        disabled: string;
+    };
+    text: {
+        default: string;
+        placeholder: string;
+        disabled: string;
+    };
+    icon: {
+        default: string;
+        disabled: string;
+    };
+};

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

@@ -1,4 +1,6 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { Rule } from '../../types/form';
+import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 export declare class SdFilePicker implements ComponentInterface {
     el: HTMLElement;
     value?: File[] | File | null;
@@ -7,19 +9,44 @@ export declare class SdFilePicker implements ComponentInterface {
     inline: boolean;
     multiple: boolean;
     accept?: string;
+    maxFileSize?: number | string;
+    maxTotalSize?: number | string;
+    maxFiles?: number | string;
+    name: string;
+    label: string;
+    addonLabel: string;
+    hint: string;
+    errorMessage: string;
+    width: string | number;
+    rules?: Rule[];
+    error: boolean;
+    status?: 'default' | 'pass' | 'error';
+    icon?: IconProps;
+    labelTooltip: string;
+    labelTooltipProps: SdTooltipProps | null;
+    focused: boolean;
+    hovered: boolean;
     private internalValue;
-    private hovered;
     private showTooltip;
     private fileInputRef?;
     private fileNamesRef?;
+    private formField?;
     update: EventEmitter<File[] | File | null>;
+    reject: EventEmitter<{
+        files: File[];
+        reason: 'max-file-size' | 'max-total-size' | 'max-files';
+    }>;
     valueChanged(newValue: File[] | File | null): void;
     componentDidLoad(): void;
     componentDidUpdate(): void;
+    sdValidate(): Promise<boolean>;
+    sdReset(): Promise<void>;
+    sdResetValidate(): Promise<void>;
+    private toBytes;
+    private validateFiles;
     private handleFileChange;
     private handleClear;
     private handleClick;
-    private getStatusClass;
     private hasFiles;
     private getDisplayText;
     private checkOverflow;

package/dist/types/components.d.ts

@@ -480,26 +480,82 @@ export namespace Components {
     }
     interface SdFilePicker {
         "accept"?: string;
+        /**
+          * @default ''
+         */
+        "addonLabel": string;
         /**
           * @default false
          */
         "disabled": boolean;
+        /**
+          * @default false
+         */
+        "error": boolean;
+        /**
+          * @default ''
+         */
+        "errorMessage": string;
+        /**
+          * @default false
+         */
+        "focused": boolean;
+        /**
+          * @default ''
+         */
+        "hint": string;
+        /**
+          * @default false
+         */
+        "hovered": boolean;
+        /**
+          * @default undefined
+         */
+        "icon"?: IconProps;
         /**
           * @default false
          */
         "inline": boolean;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps | null;
+        "maxFileSize"?: number | string;
+        "maxFiles"?: number | string;
+        "maxTotalSize"?: number | string;
         /**
           * @default false
          */
         "multiple": boolean;
+        /**
+          * @default ''
+         */
+        "name": string;
         /**
           * @default 'Click to upload'
          */
         "placeholder": string;
+        "rules"?: Rule[];
+        "sdReset": () => Promise<void>;
+        "sdResetValidate": () => Promise<void>;
+        "sdValidate": () => Promise<boolean>;
+        "status"?: 'default' | 'pass' | 'error';
         /**
           * @default null
          */
         "value"?: File[] | File | null;
+        /**
+          * @default ''
+         */
+        "width": string | number;
     }
     interface SdFloatingPortal {
         /**
@@ -2232,6 +2288,7 @@ declare global {
     };
     interface HTMLSdFilePickerElementEventMap {
         "sdUpdate": File[] | File | null;
+        "sdReject": { files: File[]; reason: 'max-file-size' | 'max-total-size' | 'max-files' };
     }
     interface HTMLSdFilePickerElement extends Components.SdFilePicker, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdFilePickerElementEventMap>(type: K, listener: (this: HTMLSdFilePickerElement, ev: SdFilePickerCustomEvent<HTMLSdFilePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3347,27 +3404,81 @@ declare namespace LocalJSX {
     }
     interface SdFilePicker {
         "accept"?: string;
+        /**
+          * @default ''
+         */
+        "addonLabel"?: string;
         /**
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * @default ''
+         */
+        "errorMessage"?: string;
+        /**
+          * @default false
+         */
+        "focused"?: boolean;
+        /**
+          * @default ''
+         */
+        "hint"?: string;
+        /**
+          * @default false
+         */
+        "hovered"?: boolean;
+        /**
+          * @default undefined
+         */
+        "icon"?: IconProps;
         /**
           * @default false
          */
         "inline"?: boolean;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps | null;
+        "maxFileSize"?: number | string;
+        "maxFiles"?: number | string;
+        "maxTotalSize"?: number | string;
         /**
           * @default false
          */
         "multiple"?: boolean;
+        /**
+          * @default ''
+         */
+        "name"?: string;
+        "onSdReject"?: (event: SdFilePickerCustomEvent<{ files: File[]; reason: 'max-file-size' | 'max-total-size' | 'max-files' }>) => void;
         "onSdUpdate"?: (event: SdFilePickerCustomEvent<File[] | File | null>) => void;
         /**
           * @default 'Click to upload'
          */
         "placeholder"?: string;
+        "rules"?: Rule[];
+        "status"?: 'default' | 'pass' | 'error';
         /**
           * @default null
          */
         "value"?: File[] | File | null;
+        /**
+          * @default ''
+         */
+        "width"?: string | number;
     }
     interface SdFloatingPortal {
         /**
@@ -4846,6 +4957,20 @@ declare namespace LocalJSX {
         "inline": boolean;
         "multiple": boolean;
         "accept": string;
+        "maxFileSize": string;
+        "maxTotalSize": string;
+        "maxFiles": string;
+        "name": string;
+        "label": string;
+        "addonLabel": string;
+        "hint": string;
+        "errorMessage": string;
+        "width": string;
+        "error": boolean;
+        "status": 'default' | 'pass' | 'error';
+        "labelTooltip": string;
+        "focused": boolean;
+        "hovered": boolean;
     }
     interface SdFloatingPortalAttributes {
         "to": HTMLElement | string;