sellmate-design-system-react 3.2.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,12 +14,12 @@
14
14
 
15
15
  ### Used by
16
16
 
17
- - [SList](../SList)
17
+ - [SSectionHeaderCard](../SSectionHeaderCard)
18
18
 
19
19
  ### Graph
20
20
 
21
21
  ```mermaid
22
22
  graph TD;
23
- SList --> SBadge
23
+ SSectionHeaderCard --> SBadge
24
24
  style SBadge fill:#f9f,stroke:#333,stroke-width:4px
25
25
  ```
@@ -36,7 +36,6 @@
36
36
  - [SGnb](../SGnb)
37
37
  - [SGuide](../SGuide)
38
38
  - [SKeyValueTable](../SKeyValueTable)
39
- - [SList](../SList)
40
39
  - [SLoadingModal](../SLoadingModal)
41
40
  - [SNumberInput](../SNumberInput)
42
41
  - [SPagination](../SPagination)
@@ -72,7 +71,6 @@ graph TD;
72
71
  SGnb --> SIcon
73
72
  SGuide --> SIcon
74
73
  SKeyValueTable --> SIcon
75
- SList --> SIcon
76
74
  SLoadingModal --> SIcon
77
75
  SNumberInput --> SIcon
78
76
  SPagination --> SIcon
@@ -37,7 +37,7 @@
37
37
 
38
38
  - [SField](../SField)
39
39
  - [SKeyValueTable](../SKeyValueTable)
40
- - [SList](../SList)
40
+ - [SSectionHeaderCard](../SSectionHeaderCard)
41
41
 
42
42
  ### Depends on
43
43
 
@@ -52,6 +52,6 @@ graph TD;
52
52
  STooltip --> SIcon
53
53
  SField --> STooltip
54
54
  SKeyValueTable --> STooltip
55
- SList --> STooltip
55
+ SSectionHeaderCard --> STooltip
56
56
  style STooltip fill:#f9f,stroke:#333,stroke-width:4px
57
57
  ```
package/dist/index.cjs CHANGED
@@ -5382,6 +5382,7 @@ function SActionModal({
5382
5382
  onClose,
5383
5383
  persistent,
5384
5384
  modalTitle = "",
5385
+ description,
5385
5386
  button,
5386
5387
  footerLeft,
5387
5388
  width,
@@ -5401,7 +5402,10 @@ function SActionModal({
5401
5402
  height,
5402
5403
  className: "w-fit min-w-[480px] min-h-[min(320px,calc(100dvh-48px))]",
5403
5404
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-auto flex-col", children: [
5404
- /* @__PURE__ */ jsxRuntime.jsx("header", { className: "flex flex-shrink-0 items-center gap-[var(--cmp-overlay-header-gap)] py-[var(--cmp-overlay-header-paddingY)] pl-[var(--cmp-overlay-header-paddingX)] pr-[calc(var(--cmp-overlay-header-paddingX)+20px)]", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-[16px] font-bold leading-[26px] text-[color:var(--cmp-overlay-header-title-color)]", children: modalTitle }) }),
5405
+ /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex flex-shrink-0 items-center gap-[var(--cmp-overlay-header-gap)] py-[var(--cmp-overlay-header-paddingY)] pl-[var(--cmp-overlay-header-paddingX)] pr-[calc(var(--cmp-overlay-header-paddingX)+20px)]", children: [
5406
+ /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "whitespace-nowrap text-[16px] font-bold leading-[26px] text-[color:var(--cmp-overlay-header-title-color)]", children: modalTitle }),
5407
+ description != null && description !== "" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2 text-[12px] font-normal leading-[20px] text-[color:var(--color-grey-65)]", children: description })
5408
+ ] }),
5405
5409
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-auto px-[var(--cmp-modal-action-body-paddingX)] pb-[var(--cmp-modal-action-body-paddingBottom)]", children }),
5406
5410
  (button || footerLeft) && /* @__PURE__ */ jsxRuntime.jsxs(
5407
5411
  "footer",