@sellmate/design-system 1.3.0 → 1.5.0

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

@@ -0,0 +1,34 @@
+export type CalloutType = 'default' | 'danger';
+export declare const CALLOUT_LAYOUT: {
+    readonly radius: `${string}px`;
+    readonly borderWidth: `${string}px`;
+    readonly bodyPaddingX: `${string}px`;
+    readonly bodyPaddingY: `${string}px`;
+    readonly bodyGap: `${string}px`;
+    readonly titlePaddingX: `${string}px`;
+    readonly titleGap: `${string}px`;
+    readonly titleIconSize: number;
+};
+export declare const CALLOUT_TYPOGRAPHY: {
+    readonly body: {
+        readonly fontFamily: string;
+        readonly fontSize: `${string}px`;
+        readonly fontWeight: string;
+        readonly lineHeight: `${string}px`;
+    };
+    readonly title: {
+        readonly fontFamily: string;
+        readonly fontSize: `${string}px`;
+        readonly fontWeight: string;
+        readonly lineHeight: `${string}px`;
+    };
+};
+export declare const CALLOUT_TYPE_CONFIG: Record<CalloutType, {
+    bg: string;
+    border: string;
+    content: string;
+    titleBg?: string;
+    titleColor?: string;
+}>;
+export declare const DANGER_TITLE_LABEL = "\uC8FC\uC758\uC0AC\uD56D";
+export declare const TYPE_ICON: Record<CalloutType, IconName | undefined>;

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

@@ -0,0 +1,11 @@
+import { type CalloutType } from './sd-callout.config';
+export declare class SdCallout {
+    type: CalloutType;
+    message: (string | string[])[];
+    private get calloutStyle();
+    private renderListItem;
+    private renderLi;
+    private renderBody;
+    private renderTitle;
+    render(): any;
+}

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

@@ -108,6 +108,7 @@ export declare class SdTable {
     registerUseFrameSync(rowKey: string, field: string): void;
     unregisterUseFrameSync(rowKey: string, field: string): void;
     hasUseFrameInRowSync(rowKey: string): boolean;
+    isCellUseFrameSync(rowKey: string, field: string): boolean;
     isRowSelectedSync(row: Row): boolean;
     isRowSelected(row: Row): Promise<boolean>;
     updateRowSelectSync(row: Row): void;
@@ -137,7 +138,6 @@ export declare class SdTable {
     hasRowspanSync(): boolean;
     isCoveredSync(rowKey: string, colIdx: number, columns: SdTableColumn[]): boolean;
     private resolveVisualBottom;
-    isVisualLastRowSync(rowKey: string, field: string): boolean;
     registerSeparatorSync(prevRowKey: string): void;
     unregisterSeparatorSync(prevRowKey: string): void;
     isVisualLastRowBeforeSeparatorSync(rowKey: string, field: string): boolean;

package/dist/types/components/sd-table/sd-td/sd-td.d.ts

@@ -14,7 +14,7 @@ export declare class SdTd {
     handleSpanChange(): void;
     handleSdClassChange(): void;
     handleDividerChange(): void;
-    handleUseFieldChange(): void;
+    handleUseFrameChange(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     connectedCallback(): void;
@@ -23,7 +23,7 @@ export declare class SdTd {
     private requestParentTrUpdate;
     private syncSpanRegistration;
     private syncCellClassRegistration;
-    private syncUseFieldRegistration;
+    private syncUseFrameRegistration;
     private syncSlotName;
     render(): any;
 }

package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts

@@ -39,9 +39,8 @@ export declare class SdTr {
     private getSpanFor;
     private isCovered;
     private getCellClassFor;
+    private getFramePaddingStyle;
     private expandCellClass;
-    private isVisualLastRow;
-    private isVisualLastRowForSelfRow;
     private isVisualLastRowBeforeSeparator;
     private isVisualLastRowBeforeSeparatorForSelfRow;
     render(): any;

package/dist/types/components.d.ts

@@ -13,6 +13,7 @@ import { Rule } from "./types/form";
 import { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 import { Event } from "./stencil-public-runtime";
 import { CalendarEventGroup } from "./components/sd-calendar/sd-calendar.config";
+import { CalloutType } from "./components/sd-callout/sd-callout.config";
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { CircleProgressType } from "./components/sd-circle-progress/sd-circle-progress.config";
 import { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
@@ -51,6 +52,7 @@ export { Rule } from "./types/form";
 export { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 export { Event } from "./stencil-public-runtime";
 export { CalendarEventGroup } from "./components/sd-calendar/sd-calendar.config";
+export { CalloutType } from "./components/sd-callout/sd-callout.config";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { CircleProgressType } from "./components/sd-circle-progress/sd-circle-progress.config";
 export { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
@@ -226,6 +228,10 @@ export namespace Components {
         "type": ButtonType;
     }
     interface SdCalendar {
+        /**
+          * @default false
+         */
+        "elevated": boolean;
         "events"?: CalendarEventGroup[];
         "selectable"?: [string, string];
         /**
@@ -233,6 +239,16 @@ export namespace Components {
          */
         "value": string | null;
     }
+    interface SdCallout {
+        /**
+          * @default []
+         */
+        "message": (string | string[])[];
+        /**
+          * @default 'default'
+         */
+        "type": CalloutType;
+    }
     interface SdCard {
         /**
           * @default false
@@ -2171,6 +2187,12 @@ declare global {
         prototype: HTMLSdCalendarElement;
         new (): HTMLSdCalendarElement;
     };
+    interface HTMLSdCalloutElement extends Components.SdCallout, HTMLStencilElement {
+    }
+    var HTMLSdCalloutElement: {
+        prototype: HTMLSdCalloutElement;
+        new (): HTMLSdCalloutElement;
+    };
     interface HTMLSdCardElement extends Components.SdCard, HTMLStencilElement {
     }
     var HTMLSdCardElement: {
@@ -2941,6 +2963,7 @@ declare global {
         "sd-barcode-input": HTMLSdBarcodeInputElement;
         "sd-button": HTMLSdButtonElement;
         "sd-calendar": HTMLSdCalendarElement;
+        "sd-callout": HTMLSdCalloutElement;
         "sd-card": HTMLSdCardElement;
         "sd-checkbox": HTMLSdCheckboxElement;
         "sd-chip": HTMLSdChipElement;
@@ -3142,6 +3165,10 @@ declare namespace LocalJSX {
         "type"?: ButtonType;
     }
     interface SdCalendar {
+        /**
+          * @default false
+         */
+        "elevated"?: boolean;
         "events"?: CalendarEventGroup[];
         "onSdUpdate"?: (event: SdCalendarCustomEvent<string>) => void;
         "onSdViewChange"?: (event: SdCalendarCustomEvent<{ year: number; month: number }>) => void;
@@ -3151,6 +3178,16 @@ declare namespace LocalJSX {
          */
         "value"?: string | null;
     }
+    interface SdCallout {
+        /**
+          * @default []
+         */
+        "message"?: (string | string[])[];
+        /**
+          * @default 'default'
+         */
+        "type"?: CalloutType;
+    }
     interface SdCard {
         /**
           * @default false
@@ -4895,6 +4932,10 @@ declare namespace LocalJSX {
     }
     interface SdCalendarAttributes {
         "value": string | null;
+        "elevated": boolean;
+    }
+    interface SdCalloutAttributes {
+        "type": CalloutType;
     }
     interface SdCardAttributes {
         "bordered": boolean;
@@ -5368,6 +5409,7 @@ declare namespace LocalJSX {
         "sd-barcode-input": Omit<SdBarcodeInput, keyof SdBarcodeInputAttributes> & { [K in keyof SdBarcodeInput & keyof SdBarcodeInputAttributes]?: SdBarcodeInput[K] } & { [K in keyof SdBarcodeInput & keyof SdBarcodeInputAttributes as `attr:${K}`]?: SdBarcodeInputAttributes[K] } & { [K in keyof SdBarcodeInput & keyof SdBarcodeInputAttributes as `prop:${K}`]?: SdBarcodeInput[K] };
         "sd-button": Omit<SdButton, keyof SdButtonAttributes> & { [K in keyof SdButton & keyof SdButtonAttributes]?: SdButton[K] } & { [K in keyof SdButton & keyof SdButtonAttributes as `attr:${K}`]?: SdButtonAttributes[K] } & { [K in keyof SdButton & keyof SdButtonAttributes as `prop:${K}`]?: SdButton[K] };
         "sd-calendar": Omit<SdCalendar, keyof SdCalendarAttributes> & { [K in keyof SdCalendar & keyof SdCalendarAttributes]?: SdCalendar[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `attr:${K}`]?: SdCalendarAttributes[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `prop:${K}`]?: SdCalendar[K] };
+        "sd-callout": Omit<SdCallout, keyof SdCalloutAttributes> & { [K in keyof SdCallout & keyof SdCalloutAttributes]?: SdCallout[K] } & { [K in keyof SdCallout & keyof SdCalloutAttributes as `attr:${K}`]?: SdCalloutAttributes[K] } & { [K in keyof SdCallout & keyof SdCalloutAttributes as `prop:${K}`]?: SdCallout[K] };
         "sd-card": Omit<SdCard, keyof SdCardAttributes> & { [K in keyof SdCard & keyof SdCardAttributes]?: SdCard[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `attr:${K}`]?: SdCardAttributes[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `prop:${K}`]?: SdCard[K] };
         "sd-checkbox": Omit<SdCheckbox, keyof SdCheckboxAttributes> & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes]?: SdCheckbox[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `attr:${K}`]?: SdCheckboxAttributes[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `prop:${K}`]?: SdCheckbox[K] } & OneOf<"value", SdCheckbox["value"], SdCheckboxAttributes["value"]>;
         "sd-chip": Omit<SdChip, keyof SdChipAttributes> & { [K in keyof SdChip & keyof SdChipAttributes]?: SdChip[K] } & { [K in keyof SdChip & keyof SdChipAttributes as `attr:${K}`]?: SdChipAttributes[K] } & { [K in keyof SdChip & keyof SdChipAttributes as `prop:${K}`]?: SdChip[K] };
@@ -5430,6 +5472,7 @@ declare module "@stencil/core" {
             "sd-barcode-input": LocalJSX.IntrinsicElements["sd-barcode-input"] & JSXBase.HTMLAttributes<HTMLSdBarcodeInputElement>;
             "sd-button": LocalJSX.IntrinsicElements["sd-button"] & JSXBase.HTMLAttributes<HTMLSdButtonElement>;
             "sd-calendar": LocalJSX.IntrinsicElements["sd-calendar"] & JSXBase.HTMLAttributes<HTMLSdCalendarElement>;
+            "sd-callout": LocalJSX.IntrinsicElements["sd-callout"] & JSXBase.HTMLAttributes<HTMLSdCalloutElement>;
             "sd-card": LocalJSX.IntrinsicElements["sd-card"] & JSXBase.HTMLAttributes<HTMLSdCardElement>;
             "sd-checkbox": LocalJSX.IntrinsicElements["sd-checkbox"] & JSXBase.HTMLAttributes<HTMLSdCheckboxElement>;
             "sd-chip": LocalJSX.IntrinsicElements["sd-chip"] & JSXBase.HTMLAttributes<HTMLSdChipElement>;

package/dist/types/utils/html/sanitize-inline-html.d.ts

@@ -0,0 +1 @@
+export declare const sanitizeInlineHtml: (value: string) => string;