npm - @sellmate/design-system - Versions diffs - 0.0.28 → 0.0.31 - Mend

@@ -353,6 +353,29 @@ export namespace Components {
          */
         "zIndex": number;
     }
+    interface SdProgress {
+        "label"?: string;
+        /**
+          * @default 0
+         */
+        "percentage": number;
+        /**
+          * @default 80
+         */
+        "size": number;
+        /**
+          * @default 'default'
+         */
+        "status": 'default' | 'progress' | 'complete' | 'error';
+        /**
+          * @default 12
+         */
+        "strokeWidth": number;
+        /**
+          * @default 'bar'
+         */
+        "type": 'bar' | 'spinner';
+    }
     interface SdSelect {
         /**
           * @default false
@@ -952,6 +975,12 @@ declare global {
         prototype: HTMLSdPortalElement;
         new (): HTMLSdPortalElement;
     };
+    interface HTMLSdProgressElement extends Components.SdProgress, HTMLStencilElement {
+    }
+    var HTMLSdProgressElement: {
+        prototype: HTMLSdProgressElement;
+        new (): HTMLSdProgressElement;
+    };
     interface HTMLSdSelectElementEventMap {
         "sdChange": SelectEvents['sdChange'];
         "dropDownShow": SelectEvents['dropDownShow'];
@@ -1112,6 +1141,7 @@ declare global {
         "sd-pagination": HTMLSdPaginationElement;
         "sd-popover": HTMLSdPopoverElement;
         "sd-portal": HTMLSdPortalElement;
+        "sd-progress": HTMLSdProgressElement;
         "sd-select": HTMLSdSelectElement;
         "sd-select-multiple": HTMLSdSelectMultipleElement;
         "sd-select-multiple-group": HTMLSdSelectMultipleGroupElement;
@@ -1464,6 +1494,29 @@ declare namespace LocalJSX {
          */
         "zIndex"?: number;
     }
+    interface SdProgress {
+        "label"?: string;
+        /**
+          * @default 0
+         */
+        "percentage"?: number;
+        /**
+          * @default 80
+         */
+        "size"?: number;
+        /**
+          * @default 'default'
+         */
+        "status"?: 'default' | 'progress' | 'complete' | 'error';
+        /**
+          * @default 12
+         */
+        "strokeWidth"?: number;
+        /**
+          * @default 'bar'
+         */
+        "type"?: 'bar' | 'spinner';
+    }
     interface SdSelect {
         /**
           * @default false
@@ -1858,6 +1911,7 @@ declare namespace LocalJSX {
         "sd-pagination": SdPagination;
         "sd-popover": SdPopover;
         "sd-portal": SdPortal;
+        "sd-progress": SdProgress;
         "sd-select": SdSelect;
         "sd-select-multiple": SdSelectMultiple;
         "sd-select-multiple-group": SdSelectMultipleGroup;
@@ -1887,6 +1941,7 @@ declare module "@stencil/core" {
             "sd-pagination": LocalJSX.SdPagination & JSXBase.HTMLAttributes<HTMLSdPaginationElement>;
             "sd-popover": LocalJSX.SdPopover & JSXBase.HTMLAttributes<HTMLSdPopoverElement>;
             "sd-portal": LocalJSX.SdPortal & JSXBase.HTMLAttributes<HTMLSdPortalElement>;
+            "sd-progress": LocalJSX.SdProgress & JSXBase.HTMLAttributes<HTMLSdProgressElement>;
             "sd-select": LocalJSX.SdSelect & JSXBase.HTMLAttributes<HTMLSdSelectElement>;
             "sd-select-multiple": LocalJSX.SdSelectMultiple & JSXBase.HTMLAttributes<HTMLSdSelectMultipleElement>;
             "sd-select-multiple-group": LocalJSX.SdSelectMultipleGroup & JSXBase.HTMLAttributes<HTMLSdSelectMultipleGroupElement>;

@@ -24,6 +24,23 @@ export declare const Icons: {
     pageMove: {
         12: (props: SVGProps) => any;
     };
+    notificationFilled: {
+        8: (props: SVGProps) => any;
+        10: (props: SVGProps) => any;
+        12: (props: SVGProps) => any;
+        16: (props: SVGProps) => any;
+        20: (props: SVGProps) => any;
+        24: (props: SVGProps) => any;
+    };
+    notificationOutline: {
+        8: (props: SVGProps) => any;
+        10: (props: SVGProps) => any;
+        12: (props: SVGProps) => any;
+        16: (props: SVGProps) => any;
+        20: (props: SVGProps) => any;
+        24: (props: SVGProps) => any;
+        32: (props: SVGProps) => any;
+    };
     minus: {
         12: (props: any) => any;
     };
@@ -38,6 +55,14 @@ export declare const Icons: {
     event: {
         16: (props: SVGProps) => any;
     };
+    etc: {
+        8: (props: SVGProps) => any;
+        10: (props: SVGProps) => any;
+        12: (props: SVGProps) => any;
+        16: (props: SVGProps) => any;
+        20: (props: SVGProps) => any;
+        24: (props: SVGProps) => any;
+    };
     date: {
         16: (props: SVGProps) => any;
     };
@@ -49,6 +74,22 @@ export declare const Icons: {
         20: (props: SVGProps) => any;
         24: (props: SVGProps) => any;
     };
+    CheckOutline: {
+        8: (props: SVGProps) => any;
+        10: (props: SVGProps) => any;
+        12: (props: SVGProps) => any;
+        16: (props: SVGProps) => any;
+        20: (props: SVGProps) => any;
+        24: (props: SVGProps) => any;
+    };
+    CheckFilled: {
+        8: (props: SVGProps) => any;
+        10: (props: SVGProps) => any;
+        12: (props: SVGProps) => any;
+        16: (props: SVGProps) => any;
+        20: (props: SVGProps) => any;
+        24: (props: SVGProps) => any;
+    };
     check: {
         12: (props: any) => any;
     };
@@ -73,6 +114,14 @@ export declare const Icons: {
     arrowLeft: {
         12: (props: any) => any;
     };
+    arrow2Up: {
+        8: (props: SVGProps) => any;
+        10: (props: SVGProps) => any;
+        12: (props: SVGProps) => any;
+        16: (props: SVGProps) => any;
+        20: (props: SVGProps) => any;
+        24: (props: SVGProps) => any;
+    };
     arrow2Down: {
         8: (props: SVGProps) => any;
         10: (props: SVGProps) => any;

@@ -0,0 +1,8 @@
+export declare const notificationFilled: {
+    8: (props: SVGProps) => any;
+    10: (props: SVGProps) => any;
+    12: (props: SVGProps) => any;
+    16: (props: SVGProps) => any;
+    20: (props: SVGProps) => any;
+    24: (props: SVGProps) => any;
+};

@@ -0,0 +1,9 @@
+export declare const notificationOutline: {
+    8: (props: SVGProps) => any;
+    10: (props: SVGProps) => any;
+    12: (props: SVGProps) => any;
+    16: (props: SVGProps) => any;
+    20: (props: SVGProps) => any;
+    24: (props: SVGProps) => any;
+    32: (props: SVGProps) => any;
+};

@@ -0,0 +1,12 @@
+export declare class SdProgress {
+    type: 'bar' | 'spinner';
+    status: 'default' | 'progress' | 'complete' | 'error';
+    percentage: number;
+    size: number;
+    strokeWidth: number;
+    label?: string;
+    private statusColor;
+    render(): any;
+    renderBarProgress(): any;
+    renderSpinnerProgress(): any;
+}

	@@ -0,0 +1 @@
1	+ export declare const NotificationFilled10: (props: SVGProps) => any;

	@@ -0,0 +1 @@
1	+ export declare const NotificationOutline10: (props: SVGProps) => any;

@sellmate/design-system 0.0.28 → 0.0.31