@sellmate/design-system 1.0.63 → 1.0.65

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

@@ -39,6 +39,7 @@ const SdTextarea = class {
     width = '';
     // props - sd-field
     label = '';
+    labelWidth = '';
     addonLabel = '';
     hint = '';
     errorMessage = '';
@@ -126,7 +127,7 @@ const SdTextarea = class {
             '--sd-system-size-field-sm-height': 'auto',
             '--sd-system-radius-field-sm': `${TEXTAREA_TOKENS.radius}px`,
         };
-        return (h("sd-field", { key: '4525a68094b0655721c1d8679ee32bc041cf9677', name: this.name, label: this.label, addonLabel: this.addonLabel, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: '8a7724f1ff423b44dd9017f0446cfeb1220fda95', class: "sd-textarea__content" }, h("textarea", { key: '3eb2bafbbd31cd36ba5626aa9e0069d24d4634ec', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
+        return (h("sd-field", { key: '6b2360f01a356db14659e1ebc53d8c4d8c4f671f', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'f43279ee861d3502c9130f1de0c47cba61ad0866', class: "sd-textarea__content" }, h("textarea", { key: '0600b577417019ae36a0daba637168ebc5685220', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -3,6 +3,8 @@ import type { ButtonV2Props } from '../sd-button-v2/sd-button-v2.config';
 export declare class SdActionModal {
     modalTitle: string;
     buttonProps: ButtonV2Props;
+    width?: string | number;
+    height?: string | number;
     close: EventEmitter<void>;
     ok: EventEmitter<void>;
     render(): any;

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

@@ -22,6 +22,7 @@ export declare class SdBarcodeInput {
     focused: boolean;
     hovered: boolean;
     label?: string;
+    labelWidth: string | number;
     icon?: IconProps;
     labelTooltip: string;
     labelTooltipProps: SdTooltipProps | null;

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

@@ -12,6 +12,7 @@ export declare class SdDatePicker {
     disabled: boolean;
     width: string | number;
     label: string;
+    labelWidth: string | number;
     addonLabel: string;
     hint: string;
     errorMessage: string;

package/dist/types/components/sd-date-range-picker/sd-date-range-picker.d.ts

@@ -14,6 +14,7 @@ export declare class SdDateRangePicker {
     disabled: boolean;
     width: string | number;
     label: string;
+    labelWidth: string | number;
     addonLabel: string;
     hint: string;
     errorMessage: string;

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

@@ -16,6 +16,7 @@ export declare class SdField implements ValidatableField {
     width: string | number;
     size: FieldSize;
     label: string;
+    labelWidth: string | number;
     addonLabel: string;
     icon?: IconProps;
     labelTooltip: string;

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

@@ -14,6 +14,7 @@ export declare class SdFilePicker implements ComponentInterface {
     maxFiles?: number | string;
     name: string;
     label: string;
+    labelWidth: string | number;
     addonLabel: string;
     hint: string;
     errorMessage: string;

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

@@ -29,6 +29,7 @@ export declare class SdInput {
     focused: boolean;
     hovered: boolean;
     label?: string;
+    labelWidth: string | number;
     icon?: IconProps;
     labelTooltip: string;
     labelTooltipProps: SdTooltipProps | null;

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

@@ -44,7 +44,7 @@ export interface SdModalCreateOptions {
  */
 export interface SdModalCreateOption {
     component: HTMLElement;
-    persist?: boolean;
+    persistent?: boolean;
 }
 export interface ModalDialogRefLike {
     _triggerOk(): void;

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

@@ -11,6 +11,7 @@ export declare class SdNumberInput {
     useDecimal: boolean;
     value?: string | number | null;
     label?: string;
+    labelWidth: string | number;
     addonLabel: string;
     placeholder: string;
     disabled: boolean;

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

@@ -57,6 +57,7 @@ export declare class SdSelect extends BaseDropdownEvent {
     clearable: boolean;
     searchable: boolean;
     label: string;
+    labelWidth: string | number;
     addonLabel: string;
     icon?: IconProps;
     labelTooltip: string;

package/dist/types/components/sd-select-group/sd-select-group.d.ts

@@ -19,6 +19,7 @@ export declare class SdSelectGroup extends BaseDropdownEvent {
     clearable: boolean;
     searchable: boolean;
     label: string;
+    labelWidth: string | number;
     addonLabel: string;
     icon?: IconProps;
     labelTooltip: string;

package/dist/types/components/sd-select-multiple/sd-select-multiple.d.ts

@@ -20,6 +20,7 @@ export declare class SdSelectMultiple extends BaseDropdownEvent {
     useAll: boolean;
     useCheckbox: boolean;
     label: string;
+    labelWidth: string | number;
     icon?: IconProps;
     labelTooltip: string;
     labelTooltipProps: SdTooltipProps | null;

package/dist/types/components/sd-select-multiple-group/sd-select-multiple-group.d.ts

@@ -26,6 +26,7 @@ export declare class SdSelectMultipleGroup extends BaseDropdownEvent {
     allCheckedLabel: string;
     allCheckOptionLabel: string;
     label: string;
+    labelWidth: string | number;
     icon?: IconProps;
     labelTooltip: string;
     labelTooltipProps: SdTooltipProps | null;

package/dist/types/components/sd-select-v2/sd-select-v2.d.ts

@@ -15,6 +15,7 @@ export declare class SdSelectV2 {
     dropdownHeight: string;
     disabled: boolean;
     label: string;
+    labelWidth: string | number;
     addonLabel: string;
     error: boolean;
     hint: string;

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

@@ -17,6 +17,7 @@ export declare class SdTextarea {
     spellcheck: boolean;
     width: string | number;
     label?: string;
+    labelWidth: string | number;
     addonLabel: string;
     hint: string;
     errorMessage: string;

package/dist/types/components.d.ts

@@ -93,10 +93,12 @@ export namespace Components {
           * @default {}
          */
         "buttonProps": ButtonV2Props;
+        "height"?: string | number;
         /**
           * @default ''
          */
         "modalTitle": string;
+        "width"?: string | number;
     }
     interface SdBadge {
         /**
@@ -169,6 +171,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         /**
           * @default '입력해 주세요.'
          */
@@ -439,6 +445,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         /**
           * @default 'YYYY-MM-DD'
          */
@@ -530,6 +540,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         "maxRange"?: number;
         /**
           * @default 'YYYY-MM-DD ~ YYYY-MM-DD'
@@ -629,6 +643,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         /**
           * @default ''
          */
@@ -701,6 +719,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         "maxFileSize"?: number | string;
         "maxFiles"?: number | string;
         "maxTotalSize"?: number | string;
@@ -752,7 +774,7 @@ export namespace Components {
          */
         "to": HTMLElement | string;
         /**
-          * @default 9999
+          * @default 10000
          */
         "zIndex": number;
     }
@@ -903,6 +925,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         "maxlength"?: number;
         "minlength"?: number;
         /**
@@ -1021,6 +1047,10 @@ export namespace Components {
          */
         "inputSuffix": string;
         "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         /**
           * @default Number.POSITIVE_INFINITY
          */
@@ -1162,7 +1192,7 @@ export namespace Components {
          */
         "viewportPadding": number;
         /**
-          * @default 9999
+          * @default 10000
          */
         "zIndex": number;
     }
@@ -1274,6 +1304,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         /**
           * @default '선택지가 없습니다.'
          */
@@ -1385,6 +1419,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         /**
           * @default '선택지가 없습니다.'
          */
@@ -1468,6 +1506,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps1 | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         /**
           * @default '선택지가 없습니다.'
          */
@@ -1567,6 +1609,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         /**
           * @default '선택지가 없습니다.'
          */
@@ -1731,6 +1777,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         /**
           * @default '640px'
          */
@@ -2050,6 +2100,10 @@ export namespace Components {
           * @default null
          */
         "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth": string | number;
         "maxLength"?: number;
         /**
           * @default '입력해 주세요.'
@@ -3500,12 +3554,14 @@ declare namespace LocalJSX {
           * @default {}
          */
         "buttonProps"?: ButtonV2Props;
+        "height"?: string | number;
         /**
           * @default ''
          */
         "modalTitle"?: string;
         "onSdClose"?: (event: SdActionModalCustomEvent<void>) => void;
         "onSdOk"?: (event: SdActionModalCustomEvent<void>) => void;
+        "width"?: string | number;
     }
     interface SdBadge {
         /**
@@ -3578,6 +3634,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         "onSdBlur"?: (event: SdBarcodeInputCustomEvent<Event>) => void;
         "onSdFocus"?: (event: SdBarcodeInputCustomEvent<Event>) => void;
         "onSdUpdate"?: (event: SdBarcodeInputCustomEvent<string | number | null>) => void;
@@ -3859,6 +3919,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         "onSdUpdate"?: (event: SdDatePickerCustomEvent<string | null>) => void;
         "onSdViewChange"?: (event: SdDatePickerCustomEvent<{ year: number; month: number }>) => void;
         /**
@@ -3952,6 +4016,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         "maxRange"?: number;
         "onSdUpdate"?: (event: SdDateRangePickerCustomEvent<DateRangeValue>) => void;
         "onSdViewChange"?: (event: SdDateRangePickerCustomEvent<{ year: number; month: number }>) => void;
@@ -4052,6 +4120,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         /**
           * @default ''
          */
@@ -4120,6 +4192,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         "maxFileSize"?: number | string;
         "maxFiles"?: number | string;
         "maxTotalSize"?: number | string;
@@ -4174,7 +4250,7 @@ declare namespace LocalJSX {
          */
         "to"?: HTMLElement | string;
         /**
-          * @default 9999
+          * @default 10000
          */
         "zIndex"?: number;
     }
@@ -4323,6 +4399,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         "maxlength"?: number;
         "minlength"?: number;
         "onSdBlur"?: (event: SdInputCustomEvent<Event>) => void;
@@ -4433,6 +4513,10 @@ declare namespace LocalJSX {
          */
         "inputSuffix"?: string;
         "label"?: string;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         /**
           * @default Number.POSITIVE_INFINITY
          */
@@ -4574,7 +4658,7 @@ declare namespace LocalJSX {
          */
         "viewportPadding"?: number;
         /**
-          * @default 9999
+          * @default 10000
          */
         "zIndex"?: number;
     }
@@ -4689,6 +4773,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         "onSdDropDownShow"?: (event: SdSelectCustomEvent<SelectEvents['dropDownShow']>) => void;
         "onSdUpdate"?: (event: SdSelectCustomEvent<SelectEvents['sdUpdate']>) => void;
         /**
@@ -4804,6 +4892,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         "onSdDropDownShow"?: (event: SdSelectGroupCustomEvent<SelectEvents1['dropDownShow']>) => void;
         "onSdUpdate"?: (event: SdSelectGroupCustomEvent<SelectEvents1['sdUpdate']>) => void;
         /**
@@ -4884,6 +4976,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps1 | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         "onSdDropDownShow"?: (event: SdSelectMultipleCustomEvent<SelectMultipleEvents['dropDownShow']>) => void;
         "onSdUpdate"?: (event: SdSelectMultipleCustomEvent<SelectMultipleEvents['sdUpdate']>) => void;
         /**
@@ -4980,6 +5076,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         "onSdDropDownShow"?: (event: SdSelectMultipleGroupCustomEvent<SelectMultipleEvents1['dropDownShow']>) => void;
         "onSdUpdate"?: (event: SdSelectMultipleGroupCustomEvent<SelectMultipleEvents1['sdUpdate']>) => void;
         /**
@@ -5150,6 +5250,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         /**
           * @default '640px'
          */
@@ -5484,6 +5588,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * @default ''
+         */
+        "labelWidth"?: string | number;
         "maxLength"?: number;
         "onSdBlur"?: (event: SdTextareaCustomEvent<Event>) => void;
         "onSdFocus"?: (event: SdTextareaCustomEvent<Event>) => void;
@@ -5675,6 +5783,8 @@ declare namespace LocalJSX {
 
     interface SdActionModalAttributes {
         "modalTitle": string;
+        "width": string;
+        "height": string;
     }
     interface SdBadgeAttributes {
         "color": BadgeColor;
@@ -5698,6 +5808,7 @@ declare namespace LocalJSX {
         "focused": boolean;
         "hovered": boolean;
         "label": string;
+        "labelWidth": string;
         "labelTooltip": string;
     }
     interface SdButtonAttributes {
@@ -5770,6 +5881,7 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "width": string;
         "label": string;
+        "labelWidth": string;
         "addonLabel": string;
         "hint": string;
         "errorMessage": string;
@@ -5793,6 +5905,7 @@ declare namespace LocalJSX {
         "disabled": boolean;
         "width": string;
         "label": string;
+        "labelWidth": string;
         "addonLabel": string;
         "hint": string;
         "errorMessage": string;
@@ -5820,6 +5933,7 @@ declare namespace LocalJSX {
         "width": string;
         "size": FieldSize;
         "label": string;
+        "labelWidth": string;
         "addonLabel": string;
         "labelTooltip": string;
     }
@@ -5834,6 +5948,7 @@ declare namespace LocalJSX {
         "maxFiles": string;
         "name": string;
         "label": string;
+        "labelWidth": string;
         "addonLabel": string;
         "hint": string;
         "errorMessage": string;
@@ -5900,6 +6015,7 @@ declare namespace LocalJSX {
         "focused": boolean;
         "hovered": boolean;
         "label": string;
+        "labelWidth": string;
         "labelTooltip": string;
     }
     interface SdLoadingModalAttributes {
@@ -5918,6 +6034,7 @@ declare namespace LocalJSX {
         "useDecimal": boolean;
         "value": string;
         "label": string;
+        "labelWidth": string;
         "addonLabel": string;
         "placeholder": string;
         "disabled": boolean;
@@ -5996,6 +6113,7 @@ declare namespace LocalJSX {
         "clearable": boolean;
         "searchable": boolean;
         "label": string;
+        "labelWidth": string;
         "addonLabel": string;
         "labelTooltip": string;
         "error": boolean;
@@ -6021,6 +6139,7 @@ declare namespace LocalJSX {
         "clearable": boolean;
         "searchable": boolean;
         "label": string;
+        "labelWidth": string;
         "addonLabel": string;
         "labelTooltip": string;
         "error": boolean;
@@ -6037,6 +6156,7 @@ declare namespace LocalJSX {
         "useAll": boolean;
         "useCheckbox": boolean;
         "label": string;
+        "labelWidth": string;
         "labelTooltip": string;
         "error": boolean;
     }
@@ -6053,6 +6173,7 @@ declare namespace LocalJSX {
         "allCheckedLabel": string;
         "allCheckOptionLabel": string;
         "label": string;
+        "labelWidth": string;
         "labelTooltip": string;
         "error": boolean;
     }
@@ -6083,6 +6204,7 @@ declare namespace LocalJSX {
         "dropdownHeight": string;
         "disabled": boolean;
         "label": string;
+        "labelWidth": string;
         "addonLabel": string;
         "error": boolean;
         "hint": string;
@@ -6174,6 +6296,7 @@ declare namespace LocalJSX {
         "spellcheck": boolean;
         "width": string;
         "label": string;
+        "labelWidth": string;
         "addonLabel": string;
         "hint": string;
         "errorMessage": string;