sellmate-design-system-react 2.2.0 → 3.0.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.
Files changed (41) hide show
  1. package/dist/components/SCallout/SCallout.cjs +76 -1
  2. package/dist/components/SCallout/SCallout.cjs.map +1 -1
  3. package/dist/components/SCallout/SCallout.d.ts +6 -2
  4. package/dist/components/SCallout/SCallout.js +76 -1
  5. package/dist/components/SCallout/SCallout.js.map +1 -1
  6. package/dist/components/SDraggableItem/SDraggableItem.cjs +3079 -0
  7. package/dist/components/SDraggableItem/SDraggableItem.cjs.map +1 -0
  8. package/dist/components/SDraggableItem/SDraggableItem.d.ts +33 -0
  9. package/dist/components/SDraggableItem/SDraggableItem.js +3077 -0
  10. package/dist/components/SDraggableItem/SDraggableItem.js.map +1 -0
  11. package/dist/components/SDraggableItem/index.d.ts +1 -0
  12. package/dist/components/SExpansionItem/SExpansionItem.cjs +6 -15
  13. package/dist/components/SExpansionItem/SExpansionItem.cjs.map +1 -1
  14. package/dist/components/SExpansionItem/SExpansionItem.js +6 -15
  15. package/dist/components/SExpansionItem/SExpansionItem.js.map +1 -1
  16. package/dist/components/SList/SList.cjs +38 -0
  17. package/dist/components/SList/SList.cjs.map +1 -0
  18. package/dist/components/SList/SList.d.ts +10 -0
  19. package/dist/components/SList/SList.js +36 -0
  20. package/dist/components/SList/SList.js.map +1 -0
  21. package/dist/components/SList/index.d.ts +1 -0
  22. package/dist/components/SListItem/SListItem.cjs +83 -0
  23. package/dist/components/SListItem/SListItem.cjs.map +1 -0
  24. package/dist/components/SListItem/SListItem.d.ts +26 -0
  25. package/dist/components/SListItem/SListItem.js +81 -0
  26. package/dist/components/SListItem/SListItem.js.map +1 -0
  27. package/dist/components/SListItem/index.d.ts +1 -0
  28. package/dist/components/SSectionHeaderCard/SSectionHeaderCard.cjs +3414 -0
  29. package/dist/components/SSectionHeaderCard/SSectionHeaderCard.cjs.map +1 -0
  30. package/dist/components/SSectionHeaderCard/SSectionHeaderCard.d.ts +32 -0
  31. package/dist/components/SSectionHeaderCard/SSectionHeaderCard.js +3392 -0
  32. package/dist/components/SSectionHeaderCard/SSectionHeaderCard.js.map +1 -0
  33. package/dist/components/SSectionHeaderCard/index.d.ts +1 -0
  34. package/dist/index.cjs +815 -419
  35. package/dist/index.cjs.map +1 -1
  36. package/dist/index.d.ts +4 -0
  37. package/dist/index.js +815 -423
  38. package/dist/index.js.map +1 -1
  39. package/dist/styles.css +336 -19
  40. package/dist/theme.css +14 -0
  41. package/package.json +1 -1
package/dist/components/SExpansionItem/SExpansionItem.js CHANGED
@@ -2875,7 +2875,7 @@ var SExpansionItem = forwardRef(
2875
2875
  {
2876
2876
  ref,
2877
2877
  className: cn(
2878
- "group/expansion-item overflow-hidden bg-[var(--cmp-listExpansionItem-title-bg-default)]",
2878
+ "group/expansion-item overflow-hidden bg-(--cmp-listExpansionItem-title-bg-default)",
2879
2879
  // TODO: expansionItem/bordered/radius 및 border intent 토큰 생성 후 고정값을 토큰으로 교체한다.
2880
2880
  bordered && "rounded-[8px] border border-[#E1E1E1] hover:border-[#AAAAAA] [&:has(>button:hover)]:border-[#AAAAAA]",
2881
2881
  bordered && isExpanded && "!border-[#93C4FF]",
@@ -2897,10 +2897,10 @@ var SExpansionItem = forwardRef(
2897
2897
  onToggle?.(next, event);
2898
2898
  },
2899
2899
  className: cn(
2900
- "flex w-full items-center justify-between border-0 text-left text-[14px] font-bold leading-[24px] text-[var(--cmp-listExpansionItem-title-text-default)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--sys-color-border-accent)] disabled:cursor-not-allowed disabled:text-[var(--sys-color-disabled-text)] cursor-pointer",
2900
+ "flex w-full cursor-pointer items-center justify-between border-0 text-left text-[14px] font-bold leading-[24px] text-(--cmp-listExpansionItem-title-text-default) focus-visible:outline focus-visible:outline-2 focus-visible:outline-(--sys-color-border-accent) disabled:cursor-not-allowed disabled:text-(--sys-color-disabled-text)",
2901
2901
  isExpanded && "border-b border-(--cmp-listExpansionItem-title-border)",
2902
2902
  !isExpanded && "hover:bg-(--cmp-listExpansionItem-title-bg-hover)",
2903
- dense ? "min-h-8 py-(--cmp-listExpansionItem-title-paddingY-dense)" : "min-h-10 py-(--cmp-listExpansionItem-title-paddingY-normal)",
2903
+ dense ? "h-[32px] py-(--cmp-listExpansionItem-title-paddingY-dense)" : "h-[40px] py-(--cmp-listExpansionItem-title-paddingY-normal)",
2904
2904
  "gap-(--cmp-listExpansionItem-title-gap)",
2905
2905
  "pr-(--cmp-listExpansionItem-title-paddingX)",
2906
2906
  depth === 2 ? "pl-[calc(var(--cmp-listExpansionItem-title-paddingX)+32px)]" : depth === 3 ? "pl-[calc(var(--cmp-listExpansionItem-title-paddingX)+64px)]" : "pl-(--cmp-listExpansionItem-title-paddingX)",
@@ -2914,7 +2914,7 @@ var SExpansionItem = forwardRef(
2914
2914
  "flex transition-transform duration-200 ease-out motion-reduce:transition-none",
2915
2915
  isExpanded && "rotate-180"
2916
2916
  ),
2917
- children: /* @__PURE__ */ jsx(SIcon, { name: "caretDown", size: 12 })
2917
+ children: /* @__PURE__ */ jsx(SIcon, { name: "caretDown", size: 12, color: "var(--sys-color-fg-quaternary)" })
2918
2918
  }
2919
2919
  ),
2920
2920
  leadingNode,
@@ -2929,19 +2929,10 @@ var SExpansionItem = forwardRef(
2929
2929
  id,
2930
2930
  "aria-hidden": !isExpanded,
2931
2931
  className: cn(
2932
- "grid overflow-hidden bg-[var(--cmp-listExpansionItem-body-bg)] transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
2932
+ "grid overflow-hidden bg-(--cmp-listExpansionItem-body-bg) transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
2933
2933
  isExpanded ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
2934
2934
  ),
2935
- children: /* @__PURE__ */ jsx(
2936
- "div",
2937
- {
2938
- className: cn(
2939
- "min-h-0 overflow-hidden",
2940
- bodyPadding && isExpanded && "p-(--cmp-listExpansionItem-body-padding)"
2941
- ),
2942
- children
2943
- }
2944
- )
2935
+ children: /* @__PURE__ */ jsx("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: cn(bodyPadding && "p-(--cmp-listExpansionItem-body-padding)"), children }) })
2945
2936
  }
2946
2937
  )
2947
2938
  ]