@sellmate/design-system 1.0.71 → 1.0.73

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BGyJgVXm.js';
+import { r as registerInstance, c as createEvent, h } from './index-Bp7ytJz5.js';
 
 const toggle = {
 	height: "28",
@@ -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: '1e0864450b0447ec08643290d1050e4d0ee0c4a4', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: '7e44e8569de24839c41e8c28f579923e3a837366', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
+        return (h("label", { key: 'fe56ffe876ccc859536ca74703e0870ad97e1668', class: this.toggleClasses, style: cssVars, "aria-label": this.label || 'toggle' }, this.label, h("input", { key: 'f473fd71c03d0e4e3e8fb354753d769033f148f2', style: { display: 'none' }, type: "checkbox", onInput: this.handleChange })));
     }
 };
 SdToggle.style = sdToggleCss();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h, H as Host } from './index-BGyJgVXm.js';
+import { r as registerInstance, a as getElement, h, H as Host } from './index-Bp7ytJz5.js';
 import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
 
 const sdTrCss = () => `sd-tr{display:contents}sd-tr *{box-sizing:border-box}.tr{display:table-row}.tr:hover .td{background-color:#F9F9F9}.td{display:table-cell;height:44px;padding:0 16px;border-bottom:1px solid #E1E1E1;background:white;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.td--left{text-align:left}.td--center{text-align:center}.td--right{text-align:right}.td--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.td--selected sd-checkbox label{position:relative}.td--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.td.sticky-left{position:sticky;background-color:white;z-index:100 !important;left:var(--sticky-left-offset, 0)}.td.sticky-right{position:sticky;background-color:white;z-index:100 !important;right:var(--sticky-right-offset, 0)}.td.sticky-left-edge:after{content:"";position:absolute;top:0;left:100%;right:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset 12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-right-edge:after{content:"";position:absolute;top:0;left:-20px;width:20px;height:100%;z-index:101 !important;box-shadow:inset -12px 0 20px -25px;opacity:0;pointer-events:none;transition:opacity 0.2s}.td.sticky-left-edge.is-scrolled-left{overflow:visible}.td.sticky-left-edge.is-scrolled-left:after{opacity:1}.td.sticky-right-edge.is-scrolled-right{overflow:visible}.td.sticky-right-edge.is-scrolled-right:after{opacity:1}.tr:hover .td.sticky-left,.tr:hover .td.sticky-right{background-color:#F9F9F9}`;
@@ -129,13 +129,13 @@ const SdTr = class {
         const stickyLeftCols = this.visibleColumns.slice(0, stickyLeftCount);
         const middleCols = this.visibleColumns.slice(stickyLeftCount, this.visibleColumns.length - stickyRightCount);
         const stickyRightCols = this.visibleColumns.slice(this.visibleColumns.length - stickyRightCount);
-        return (h(Host, { key: '3bc910f3afa801d7824eee2e73456ef152c7dc93', style: { display: this.isVisible ? '' : 'none' } }, h("tr", { key: '93b1f4113ae63aa1c0cf79addaa9e8d15c9e8287', class: "tr" }, this._selectable && (h("td", { key: '0caba47c216126f4b7407dfe26afb9f0c75f6450', class: {
+        return (h(Host, { key: 'd6259e5c87cce0fa70f1d849e11416ad69b0cac1', style: { display: this.isVisible ? '' : 'none' } }, h("tr", { key: '90e36c39bede0e07fc1c4d90183a73ebc99b6ed8', class: "tr" }, this._selectable && (h("td", { key: '601f1747063d8e73803304abc2cd767f420f359c', class: {
                 'td': true,
                 'td--selected': true,
                 'sticky-left': true,
                 'sticky-left-edge': stickyLeftCount === 0,
                 'is-scrolled-left': stickyLeftCount === 0 && this._scrolledLeft,
-            }, style: { '--sticky-left-offset': '0px' } }, h("sd-checkbox", { key: '2e41b3902f489877b624266e588221698aaa8f12', value: this.isSelected(), onSdUpdate: () => this.handleSelect() }))), stickyLeftCols.map((col, idx) => (h("td", { key: col.name, class: {
+            }, style: { '--sticky-left-offset': '0px' } }, h("sd-checkbox", { key: '97068a623d3b7876c7e6392e3f5ed81cfc60d592', value: this.isSelected(), onSdUpdate: () => this.handleSelect() }))), stickyLeftCols.map((col, idx) => (h("td", { key: col.name, class: {
                 'td': true,
                 [`td--${col.align || 'left'}`]: true,
                 'sticky-left': true,

package/dist/esm/{system-C-txBx-h.js → system-BgFLSKqC.js}

@@ -5,6 +5,7 @@ const color = {
 	content: {
 		primary: "#222222",
 		secondary: "#555555",
+		tertiary: "#888888",
 		inverse: "#FFFFFF"
 	}};
 var systemTokens = {

package/dist/esm/table-test.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BGyJgVXm.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-Bp7ytJz5.js';
 
 const tableTestCss = () => `:host{display:block}.table-wrapper{width:100%;overflow-x:auto}.templates-slot{display:none}.data-table{width:100%;border-collapse:collapse;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:14px}.data-table th,.data-table td{padding:12px 16px;text-align:left;vertical-align:middle}.data-table th{font-weight:600;background-color:#f8f9fa;color:#333}.data-table.bordered th,.data-table.bordered td{border:1px solid #dee2e6}.data-table.striped tbody tr:nth-child(odd){background-color:#f8f9fa}.data-table tbody tr:hover{background-color:#e9ecef}.data-table .cell-flex{display:flex;align-items:center;gap:8px}.data-table .cell-image{width:24px;height:16px;object-fit:cover;border-radius:2px}`;
 
@@ -78,7 +78,7 @@ const DataTable = class {
         return el.innerHTML;
     }
     render() {
-        return (h("div", { key: '2aaa005ce2516e841fdace352e9d8cf2b98cbde4', class: "table-wrapper" }, h("table", { key: '3b13c885dc0cefd1c2b7de3c336d803099009063', class: { 'data-table': true, 'bordered': this.bordered, 'striped': this.striped } }, h("thead", { key: 'a866c3ce695250fc6b220044955c6fafa68f5647' }, h("tr", { key: '465974d2bd2f39114cabda226aba8645d79b4a68' }, this.columns.map(column => (h("th", { key: column.field, style: { width: column.width } }, this.renderHeaderContent(column)))))), h("tbody", { key: '4b0a96da5bf54404774fca7bb9136561ddc57170' }, this.rows.map((row, rowIndex) => (h("tr", { key: rowIndex }, this.columns.map(column => (h("td", { key: `${rowIndex}-${column.field}` }, this.renderCellContent(column, row, rowIndex))))))))), h("div", { key: '1deba9664748b1953a65b2d7badc4b2e813ab2eb', class: "templates-slot", hidden: true }, h("slot", { key: '782d4ef14b8e6068e1d96a55af5f0b16af33dc0f' }))));
+        return (h("div", { key: 'a34267f6b11cdd0dff53bfa3da62b7a47934c73b', class: "table-wrapper" }, h("table", { key: 'b23ac2cd9a785d8fc89c09a04a6aa29a63e6d2b4', class: { 'data-table': true, 'bordered': this.bordered, 'striped': this.striped } }, h("thead", { key: 'e08ff945e40f3ec6db10285840d4185d110a1dc0' }, h("tr", { key: 'ffe2e7253865f5a650611e2859f979d0204fca2a' }, this.columns.map(column => (h("th", { key: column.field, style: { width: column.width } }, this.renderHeaderContent(column)))))), h("tbody", { key: '2d47105abba4eecad71b549282650b7f2b056b4c' }, this.rows.map((row, rowIndex) => (h("tr", { key: rowIndex }, this.columns.map(column => (h("td", { key: `${rowIndex}-${column.field}` }, this.renderCellContent(column, row, rowIndex))))))))), h("div", { key: '99fe2715e69abf50f69a844e76a3ad422f5b870b', class: "templates-slot", hidden: true }, h("slot", { key: '8c56201e8edb251c5f7494e00acdc5e5fbb67d00' }))));
     }
     static get watchers() { return {
         "columns": [{

package/dist/esm/{tooltipArrow-BAjP9_Hx.js → tooltipArrow-BHRQVawd.js}

@@ -1,4 +1,4 @@
-import { h } from './index-BGyJgVXm.js';
+import { h } from './index-Bp7ytJz5.js';
 
 const TooltipArrow = (props) => (h("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, h("path", { d: "M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z", fill: "currentColor" })));
 

package/dist/types/components/sd-circle-progress/sd-circle-progress.config.d.ts

@@ -1,4 +1,6 @@
 export type CircleProgressType = 'primary' | 'inverse' | 'error' | 'complete';
+export declare const CIRCLE_PROGRESS_LABEL_COLOR: string;
+export declare const CIRCLE_PROGRESS_PERCENT_ZERO_COLOR: string;
 export declare const CIRCLE_PROGRESS_COLOR_MAP: Record<CircleProgressType, {
     arc: string;
     track: string;

package/dist/types/components/sd-circle-progress/sd-circle-progress.d.ts

@@ -3,6 +3,7 @@ export declare class SdCircleProgress {
     indeterminate: boolean;
     value: number;
     type: CircleProgressType;
+    label?: string;
     private get clampedValue();
     render(): any;
 }

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

@@ -4,18 +4,22 @@ export interface ValidatableField {
     name: string;
     rules?: Rule[];
     sdValidate: () => Promise<boolean>;
-    sdReset: () => void;
-    sdResetValidation: () => void;
-    sdFocus: () => void;
+    sdReset: () => Promise<void>;
+    sdResetValidation: () => Promise<void>;
+    sdFocus: () => Promise<void> | void;
 }
+export type FieldIdentifier = ValidatableField | string;
 export declare class SdForm {
     formClass: string;
     private fields;
-    submitSuccess: EventEmitter<void>;
-    submitFail: EventEmitter<void>;
+    sdSubmit: EventEmitter<void>;
+    sdValidationError: EventEmitter<{
+        names: string[];
+    }>;
     private sortFieldsByDomOrder;
     sdRegisterField(field: ValidatableField): Promise<void>;
-    sdUnregisterField(name: string): Promise<void>;
+    sdUnregisterField(fieldOrName: FieldIdentifier): Promise<void>;
+    private runValidation;
     sdValidate(): Promise<boolean>;
     sdReset(): Promise<void>;
     sdResetValidation(): Promise<void>;

package/dist/types/components/sd-linear-progress/sd-linear-progress.config.d.ts

@@ -0,0 +1,29 @@
+export type LinearProgressType = 'primary' | 'error' | 'complete';
+export declare const LINEAR_PROGRESS_LAYOUT: {
+    height: number;
+    radius: number;
+    gap: number;
+};
+export declare const LINEAR_PROGRESS_TYPOGRAPHY: {
+    bar: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        textDecoration: string;
+        lineHeight: string;
+    };
+    label: {
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        textDecoration: string;
+    };
+};
+export declare const LINEAR_PROGRESS_COLORS: {
+    track: string;
+    label: string;
+    valueOnFill: string;
+    valueZero: string;
+};
+export declare const LINEAR_PROGRESS_FILL_COLOR_MAP: Record<LinearProgressType, string>;

package/dist/types/components/sd-linear-progress/sd-linear-progress.d.ts

@@ -0,0 +1,9 @@
+import { type LinearProgressType } from './sd-linear-progress.config';
+export declare class SdLinearProgress {
+    indeterminate: boolean;
+    value: number;
+    type: LinearProgressType;
+    label?: string;
+    private get clampedValue();
+    render(): any;
+}

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

@@ -0,0 +1,78 @@
+export type TabSize = 'md' | 'lg';
+export type TabOption = {
+    label: string;
+    value: string;
+    badge?: string | number;
+};
+export declare const TAB_MAIN_LAYOUT: {
+    md: {
+        height: number;
+        paddingX: number;
+    };
+    lg: {
+        height: number;
+        paddingX: number;
+    };
+    gap: number;
+    containerGap: number;
+    radius: number;
+    borderWidth: number;
+};
+export declare const TAB_MAIN_COLORS: {
+    selected: {
+        bg: string;
+        text: string;
+        border: string;
+    };
+    default: {
+        bg: string;
+        text: string;
+        border: string;
+    };
+};
+export declare const TAB_MAIN_TYPOGRAPHY: {
+    selected: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        textDecoration: string;
+    };
+    default: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        textDecoration: string;
+    };
+};
+export declare const TAB_SUB_LAYOUT: {
+    gap: number;
+    contentGap: number;
+    borderWidth: number;
+};
+export declare const TAB_SUB_COLORS: {
+    selected: {
+        text: string;
+        line: string;
+    };
+    default: {
+        text: string;
+    };
+};
+export declare const TAB_SUB_TYPOGRAPHY: {
+    selected: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        textDecoration: string;
+    };
+    default: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        textDecoration: string;
+    };
+};

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

@@ -1,21 +1,17 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export type TabOption = {
-    label: string;
-    value: string;
-    badge?: string | number;
-};
+import { type TabSize, type TabOption } from './sd-tabs.config';
 export declare class SdTabs {
     value: string;
     tabs: TabOption[];
-    size: 'sm' | 'md';
+    size: TabSize;
     isSub: boolean;
     update: EventEmitter<string>;
-    componentWillLoad(): void;
     valueChanged(newValue: string): void;
     private handleTabClick;
     private isTabSelected;
     private getTabClasses;
     private getContainerClasses;
     private getBadgeName;
+    private buildCssVars;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -22,10 +22,11 @@ import { DatePickerSize } from "./components/sd-date-picker/sd-date-picker.confi
 import { DateRangeValue } from "./components/sd-date-range-picker/sd-date-range-picker";
 import { DatePickerSize as DatePickerSize1 } from "./components/sd-date-range-picker/sd-date-range-picker.config";
 import { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
-import { ValidatableField } from "./components/sd-form/sd-form";
+import { FieldIdentifier, ValidatableField } from "./components/sd-form/sd-form";
 import { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
 import { GuideType } from "./components/sd-guide/sd-guide";
 import { InputSize } from "./components/sd-input/sd-input.config";
+import { LinearProgressType } from "./components/sd-linear-progress/sd-linear-progress.config";
 import { SdLoadingShowArgs } from "./components/sd-loading-container/sd-loading-container.config";
 import { LoadingModalState } from "./components/sd-loading-modal/sd-loading-modal.config";
 import { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
@@ -43,7 +44,7 @@ import { SelectMultipleEvents, SelectOption as SelectOption2 } from "./types/sel
 import { SelectOptionGroup as SelectOptionGroup1 } from "./components/sd-select-multiple-group/sd-select-multiple-group";
 import { SelectV2Name, SelectV2Option, SelectV2OptionSelectDetail, SelectV2Value } from "./components/sd-select-v2/sd-select-v2.config";
 import { Row, SdTableColumn, SdTablePagination, SdTableStickyColumn, SelectOption as SelectOption3 } from "./components/sd-table/constants";
-import { TabOption } from "./components/sd-tabs/sd-tabs";
+import { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
 import { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
 import { ToastType } from "./components/sd-toast/sd-toast.config";
 import { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-toast-container/sd-toast-container.config";
@@ -65,10 +66,11 @@ export { DatePickerSize } from "./components/sd-date-picker/sd-date-picker.confi
 export { DateRangeValue } from "./components/sd-date-range-picker/sd-date-range-picker";
 export { DatePickerSize as DatePickerSize1 } from "./components/sd-date-range-picker/sd-date-range-picker.config";
 export { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
-export { ValidatableField } from "./components/sd-form/sd-form";
+export { FieldIdentifier, ValidatableField } from "./components/sd-form/sd-form";
 export { GhostButtonIntent, GhostButtonSize } from "./components/sd-ghost-button/sd-ghost-button.config";
 export { GuideType } from "./components/sd-guide/sd-guide";
 export { InputSize } from "./components/sd-input/sd-input.config";
+export { LinearProgressType } from "./components/sd-linear-progress/sd-linear-progress.config";
 export { SdLoadingShowArgs } from "./components/sd-loading-container/sd-loading-container.config";
 export { LoadingModalState } from "./components/sd-loading-modal/sd-loading-modal.config";
 export { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
@@ -86,7 +88,7 @@ export { SelectMultipleEvents, SelectOption as SelectOption2 } from "./types/sel
 export { SelectOptionGroup as SelectOptionGroup1 } from "./components/sd-select-multiple-group/sd-select-multiple-group";
 export { SelectV2Name, SelectV2Option, SelectV2OptionSelectDetail, SelectV2Value } from "./components/sd-select-v2/sd-select-v2.config";
 export { Row, SdTableColumn, SdTablePagination, SdTableStickyColumn, SelectOption as SelectOption3 } from "./components/sd-table/constants";
-export { TabOption } from "./components/sd-tabs/sd-tabs";
+export { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
 export { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
 export { ToastType } from "./components/sd-toast/sd-toast.config";
 export { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-toast-container/sd-toast-container.config";
@@ -354,6 +356,7 @@ export namespace Components {
           * @default false
          */
         "indeterminate": boolean;
+        "label"?: string;
         /**
           * @default 'primary'
          */
@@ -839,7 +842,7 @@ export namespace Components {
         "sdRegisterField": (field: ValidatableField) => Promise<void>;
         "sdReset": () => Promise<void>;
         "sdResetValidation": () => Promise<void>;
-        "sdUnregisterField": (name: string) => Promise<void>;
+        "sdUnregisterField": (fieldOrName: FieldIdentifier) => Promise<void>;
         "sdValidate": () => Promise<boolean>;
     }
     interface SdGhostButton {
@@ -1027,6 +1030,21 @@ export namespace Components {
          */
         "width": string | number;
     }
+    interface SdLinearProgress {
+        /**
+          * @default false
+         */
+        "indeterminate": boolean;
+        "label"?: string;
+        /**
+          * @default 'primary'
+         */
+        "type": LinearProgressType;
+        /**
+          * @default 0
+         */
+        "value": number;
+    }
     interface SdLoadingContainer {
         "hide": () => Promise<void>;
         "show": (options?: SdLoadingShowArgs) => Promise<void>;
@@ -2066,7 +2084,7 @@ export namespace Components {
         /**
           * @default 'md'
          */
-        "size": 'sm' | 'md';
+        "size": TabSize;
         /**
           * @default []
          */
@@ -2921,7 +2939,7 @@ declare global {
     };
     interface HTMLSdFormElementEventMap {
         "sdSubmit": void;
-        "sdValidationError": void;
+        "sdValidationError": { names: string[] };
     }
     interface HTMLSdFormElement extends Components.SdForm, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdFormElementEventMap>(type: K, listener: (this: HTMLSdFormElement, ev: SdFormCustomEvent<HTMLSdFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2985,6 +3003,12 @@ declare global {
         prototype: HTMLSdInputElement;
         new (): HTMLSdInputElement;
     };
+    interface HTMLSdLinearProgressElement extends Components.SdLinearProgress, HTMLStencilElement {
+    }
+    var HTMLSdLinearProgressElement: {
+        prototype: HTMLSdLinearProgressElement;
+        new (): HTMLSdLinearProgressElement;
+    };
     interface HTMLSdLoadingContainerElement extends Components.SdLoadingContainer, HTMLStencilElement {
     }
     var HTMLSdLoadingContainerElement: {
@@ -3629,6 +3653,7 @@ declare global {
         "sd-guide": HTMLSdGuideElement;
         "sd-icon": HTMLSdIconElement;
         "sd-input": HTMLSdInputElement;
+        "sd-linear-progress": HTMLSdLinearProgressElement;
         "sd-loading-container": HTMLSdLoadingContainerElement;
         "sd-loading-modal": HTMLSdLoadingModalElement;
         "sd-modal-container": HTMLSdModalContainerElement;
@@ -3941,6 +3966,7 @@ declare namespace LocalJSX {
           * @default false
          */
         "indeterminate"?: boolean;
+        "label"?: string;
         /**
           * @default 'primary'
          */
@@ -4431,7 +4457,7 @@ declare namespace LocalJSX {
          */
         "formClass"?: string;
         "onSdSubmit"?: (event: SdFormCustomEvent<void>) => void;
-        "onSdValidationError"?: (event: SdFormCustomEvent<void>) => void;
+        "onSdValidationError"?: (event: SdFormCustomEvent<{ names: string[] }>) => void;
     }
     interface SdGhostButton {
         /**
@@ -4617,6 +4643,21 @@ declare namespace LocalJSX {
          */
         "width"?: string | number;
     }
+    interface SdLinearProgress {
+        /**
+          * @default false
+         */
+        "indeterminate"?: boolean;
+        "label"?: string;
+        /**
+          * @default 'primary'
+         */
+        "type"?: LinearProgressType;
+        /**
+          * @default 0
+         */
+        "value"?: number;
+    }
     interface SdLoadingContainer {
     }
     interface SdLoadingModal {
@@ -5671,7 +5712,7 @@ declare namespace LocalJSX {
         /**
           * @default 'md'
          */
-        "size"?: 'sm' | 'md';
+        "size"?: TabSize;
         /**
           * @default []
          */
@@ -6060,6 +6101,7 @@ declare namespace LocalJSX {
         "indeterminate": boolean;
         "value": number;
         "type": CircleProgressType;
+        "label": string;
     }
     interface SdConfirmModalAttributes {
         "type": ConfirmModalType;
@@ -6231,6 +6273,12 @@ declare namespace LocalJSX {
         "labelWidth": string;
         "labelTooltip": string;
     }
+    interface SdLinearProgressAttributes {
+        "indeterminate": boolean;
+        "value": number;
+        "type": LinearProgressType;
+        "label": string;
+    }
     interface SdLoadingModalAttributes {
         "state": LoadingModalState;
         "message": string;
@@ -6481,7 +6529,7 @@ declare namespace LocalJSX {
     }
     interface SdTabsAttributes {
         "value": string;
-        "size": 'sm' | 'md';
+        "size": TabSize;
         "isSub": boolean;
     }
     interface SdTagAttributes {
@@ -6602,6 +6650,7 @@ declare namespace LocalJSX {
         "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] };
+        "sd-linear-progress": Omit<SdLinearProgress, keyof SdLinearProgressAttributes> & { [K in keyof SdLinearProgress & keyof SdLinearProgressAttributes]?: SdLinearProgress[K] } & { [K in keyof SdLinearProgress & keyof SdLinearProgressAttributes as `attr:${K}`]?: SdLinearProgressAttributes[K] } & { [K in keyof SdLinearProgress & keyof SdLinearProgressAttributes as `prop:${K}`]?: SdLinearProgress[K] };
         "sd-loading-container": SdLoadingContainer;
         "sd-loading-modal": Omit<SdLoadingModal, keyof SdLoadingModalAttributes> & { [K in keyof SdLoadingModal & keyof SdLoadingModalAttributes]?: SdLoadingModal[K] } & { [K in keyof SdLoadingModal & keyof SdLoadingModalAttributes as `attr:${K}`]?: SdLoadingModalAttributes[K] } & { [K in keyof SdLoadingModal & keyof SdLoadingModalAttributes as `prop:${K}`]?: SdLoadingModal[K] };
         "sd-modal-container": Omit<SdModalContainer, keyof SdModalContainerAttributes> & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes]?: SdModalContainer[K] } & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes as `attr:${K}`]?: SdModalContainerAttributes[K] } & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes as `prop:${K}`]?: SdModalContainer[K] };
@@ -6673,6 +6722,7 @@ declare module "@stencil/core" {
             "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>;
+            "sd-linear-progress": LocalJSX.IntrinsicElements["sd-linear-progress"] & JSXBase.HTMLAttributes<HTMLSdLinearProgressElement>;
             "sd-loading-container": LocalJSX.IntrinsicElements["sd-loading-container"] & JSXBase.HTMLAttributes<HTMLSdLoadingContainerElement>;
             "sd-loading-modal": LocalJSX.IntrinsicElements["sd-loading-modal"] & JSXBase.HTMLAttributes<HTMLSdLoadingModalElement>;
             "sd-modal-container": LocalJSX.IntrinsicElements["sd-modal-container"] & JSXBase.HTMLAttributes<HTMLSdModalContainerElement>;