@sellmate/design-system 1.0.65 → 1.0.67

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BqHL8W3c.js';
+import { r as registerInstance, c as createEvent, h } from './index-Dcpqhs6V.js';
 
 const sdTabsCss = () => `sd-tabs{display:inline-block;width:100%}sd-tabs .sd-tabs{display:flex;flex-direction:row;gap:4px;border-bottom:1px solid #0075FF}sd-tabs .sd-tabs__tab{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid #CCCCCC;border-bottom:none;border-radius:4px 4px 0 0;background-color:#F6F6F6;color:#888888;font-weight:400;transition:all 0.2s ease;position:relative;user-select:none}sd-tabs .sd-tabs__tab::before{content:"";position:absolute;inset:0;opacity:0;transition:all 0.3s}sd-tabs .sd-tabs__tab--selected{border-color:#0075FF;color:#0075FF;background-color:white}sd-tabs .sd-tabs__tab--selected .sd-tabs__label::before{font-weight:700}sd-tabs .sd-tabs__tab--selected:hover::before{background-color:#0075FF;opacity:0.15}sd-tabs .sd-tabs__tab--unselected:hover::before{background-color:#888888;opacity:0.15}sd-tabs .sd-tabs__label{user-select:none;font-weight:700;visibility:hidden;position:relative;white-space:nowrap}sd-tabs .sd-tabs__label::before{content:attr(data-label);visibility:visible;position:absolute;inset:0;font-weight:400;transition:font-weight 0.2s ease}sd-tabs .sd-tabs--md .sd-tabs__tab{padding:12px 32px;font-size:12px;line-height:20px}sd-tabs .sd-tabs--sm .sd-tabs__tab{padding:8px 20px;font-size:12px;line-height:16px}sd-tabs .sd-tabs--sub{gap:32px;border-bottom:none}sd-tabs .sd-tabs--sub .sd-tabs__tab{border:none;border-radius:0;background-color:transparent;color:#222222;font-weight:400;padding:0 0 2px 0;position:relative}sd-tabs .sd-tabs--sub .sd-tabs__tab::before{content:"";position:absolute;top:100%;left:0;right:0;height:1px;width:100%;background-color:#0075FF;opacity:0;transition:opacity 0.2s ease}sd-tabs .sd-tabs--sub .sd-tabs__tab::after{font-weight:400}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected{color:#0075FF;background-color:transparent}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::before{opacity:1}sd-tabs .sd-tabs--sub .sd-tabs__tab--selected::after{font-weight:700}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BqHL8W3c.js';
+import { r as registerInstance, h } from './index-Dcpqhs6V.js';
 
 const tag = {
 	xs: {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h, H as Host } from './index-BqHL8W3c.js';
+import { r as registerInstance, a as getElement, h, H as Host } from './index-Dcpqhs6V.js';
 import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
 
 const sdTbodyCss = () => `:host{display:contents}:host *{box-sizing:border-box}.tbody{display:table-row-group}.tbody--empty .tbody__no-data-row{display:table-row}.tbody--empty .tbody__no-data-cell{display:table-cell;padding:0;border-bottom:none}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-BqHL8W3c.js';
+import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-Dcpqhs6V.js';
 import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
 
 const sdTdCss = () => `sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}`;

package/dist/esm/sd-text-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BqHL8W3c.js';
+import { r as registerInstance, c as createEvent, h } from './index-Dcpqhs6V.js';
 
 const textLink = {
 	gap: "4",

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BqHL8W3c.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-Dcpqhs6V.js';
 import { n as nanoid } from './index-CCwNgVmC.js';
 import { i as inputTokens } from './component.textinput-CJwbBrt5.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h, H as Host } from './index-BqHL8W3c.js';
+import { r as registerInstance, a as getElement, h, H as Host } from './index-Dcpqhs6V.js';
 import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
 
 const sdTheadCss = () => `sd-thead{display:contents}sd-thead *{box-sizing:border-box}.thead{display:table-header-group;height:36px}.thead--sticky{position:sticky;top:0;z-index:120}.tr{display:table-row;width:100%}.th{display:table-cell;background:#F5FAFF;height:36px;padding:0 16px;font-weight:500;vertical-align:middle;border-bottom:1px solid #E1E1E1;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th--selected{position:relative;width:52px !important;max-width:52px !important;min-width:52px !important;padding:0 10px 0 24px;text-align:left}.th--selected sd-checkbox label{position:relative}.th--selected sd-checkbox label:before{content:"";position:absolute;inset:-6px}.th.sticky-left{position:sticky;background-color:#F5FAFF;z-index:110 !important;left:var(--sticky-left-offset, 0)}.th.sticky-right{position:sticky;background-color:#F5FAFF;z-index:110 !important;right:var(--sticky-right-offset, 0)}.th.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}.th.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}.th.sticky-left-edge.is-scrolled-left{overflow:visible}.th.sticky-left-edge.is-scrolled-left:after{opacity:1}.th.sticky-right-edge.is-scrolled-right{overflow:visible}.th.sticky-right-edge.is-scrolled-right:after{opacity:1}.th__content{display:flex;flex-flow:row nowrap;align-items:center;gap:4px}.th__content--left{justify-content:flex-start}.th__content--center{justify-content:center}.th__content--right{justify-content:flex-end}.th__content--label{white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.th__resizer{position:absolute;top:50%;right:0;transform:translateY(-50%);width:4px;height:16px;cursor:col-resize;z-index:3;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC}.th__resizer--left{right:auto;left:0}`;

package/dist/esm/sd-toast-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BqHL8W3c.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-Dcpqhs6V.js';
 
 const DEFAULT_DURATION = 4000;
 const DEFAULT_MAX_VISIBLE = 3;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BqHL8W3c.js';
+import { r as registerInstance, c as createEvent, h } from './index-Dcpqhs6V.js';
 
 const toast = {
 	icon: "16",

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BqHL8W3c.js';
+import { r as registerInstance, c as createEvent, h } from './index-Dcpqhs6V.js';
 
 const toggle = {
 	height: "28",

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, h, H as Host } from './index-BqHL8W3c.js';
+import { r as registerInstance, a as getElement, h, H as Host } from './index-Dcpqhs6V.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}`;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BqHL8W3c.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-Dcpqhs6V.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}`;
 

package/dist/esm/{tooltipArrow-BcsrQx1U.js → tooltipArrow-fP-ISMAm.js}

@@ -1,4 +1,4 @@
-import { h } from './index-BqHL8W3c.js';
+import { h } from './index-Dcpqhs6V.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-action-modal/sd-action-modal.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import type { ButtonV2Props } from '../sd-button-v2/sd-button-v2.config';
 export declare class SdActionModal {
     modalTitle: string;
-    buttonProps: ButtonV2Props;
+    buttonProps?: ButtonV2Props;
     width?: string | number;
     height?: string | number;
     close: EventEmitter<void>;

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

@@ -3,6 +3,7 @@ import { type LoadingModalState } from './sd-loading-modal.config';
 export declare class SdLoadingModal {
     state: LoadingModalState;
     message: string;
+    useButton: boolean;
     buttonLabel: string;
     width?: string | number;
     height?: string | number;

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

@@ -19,6 +19,7 @@ export interface ConfirmModalOptions {
 export interface LoadingModalOptions {
     state?: LoadingModalState;
     message?: string;
+    useButton?: boolean;
     buttonLabel?: string;
     width?: string | number;
     height?: string | number;

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

@@ -3,6 +3,7 @@ export declare const RADIO_LAYOUT: {
     radius: string;
     borderWidth: string;
     gap: string;
+    dotSize: string;
 };
 export declare const RADIO_TYPOGRAPHY: {
     fontSize: string;

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

@@ -61,6 +61,7 @@ export declare const LIST_ITEM_TYPOGRAPHY: {
     fontSize: string;
     lineHeight: string;
     fontWeight: string;
+    selectedFontWeight: string;
 };
 export declare const LIST_ITEM_COLORS: {
     bg: {
@@ -71,6 +72,7 @@ export declare const LIST_ITEM_COLORS: {
         default: string;
         hover: string;
         disabled: string;
+        selected: string;
     };
     depth1: {
         bg: string;

package/dist/types/components.d.ts

@@ -89,10 +89,7 @@ export { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-t
 export { CellRenderer, HeaderRenderer, TableColumn, TableRow } from "./components/table-test/table-test";
 export namespace Components {
     interface SdActionModal {
-        /**
-          * @default {}
-         */
-        "buttonProps": ButtonV2Props;
+        "buttonProps"?: ButtonV2Props;
         "height"?: string | number;
         /**
           * @default ''
@@ -988,6 +985,10 @@ export namespace Components {
           * @default 'loading'
          */
         "state": LoadingModalState;
+        /**
+          * @default false
+         */
+        "useButton": boolean;
         "width"?: string | number;
     }
     interface SdModalContainer {
@@ -3550,9 +3551,6 @@ declare namespace LocalJSX {
     type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
 
     interface SdActionModal {
-        /**
-          * @default {}
-         */
         "buttonProps"?: ButtonV2Props;
         "height"?: string | number;
         /**
@@ -4459,6 +4457,10 @@ declare namespace LocalJSX {
           * @default 'loading'
          */
         "state"?: LoadingModalState;
+        /**
+          * @default false
+         */
+        "useButton"?: boolean;
         "width"?: string | number;
     }
     interface SdModalContainer {
@@ -6021,6 +6023,7 @@ declare namespace LocalJSX {
     interface SdLoadingModalAttributes {
         "state": LoadingModalState;
         "message": string;
+        "useButton": boolean;
         "buttonLabel": string;
         "width": string;
         "height": string;