sellmate-design-system-react 2.1.0 → 2.1.2

package/dist/components/SExpansionItem/SExpansionItem.cjs

@@ -2877,7 +2877,7 @@ var SExpansionItem = react.forwardRef(
       {
         ref,
         className: cn(
-          "group/expansion-item overflow-hidden bg-[var(--cmp-expansionItem-title-bg-default)]",
+          "group/expansion-item overflow-hidden bg-[var(--cmp-listExpansionItem-title-bg-default)]",
           // TODO: expansionItem/bordered/radius 및 border intent 토큰 생성 후 고정값을 토큰으로 교체한다.
           bordered && "rounded-[8px] border border-[#E1E1E1] hover:border-[#AAAAAA] [&:has(>button:hover)]:border-[#AAAAAA]",
           bordered && isExpanded && "!border-[#93C4FF]",
@@ -2899,14 +2899,14 @@ var SExpansionItem = react.forwardRef(
                 onToggle?.(next, event);
               },
               className: cn(
-                "flex w-full items-center justify-between border-0 text-left text-[14px] font-bold leading-[24px] text-[var(--cmp-expansionItem-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",
-                isExpanded && "border-b border-(--cmp-expansionItem-title-border)",
-                !isExpanded && "hover:bg-(--cmp-expansionItem-title-bg-hover)",
-                dense ? "min-h-8 py-(--cmp-expansionItem-title-paddingY-dense)" : "min-h-10 py-(--cmp-expansionItem-title-paddingY-normal)",
-                "gap-(--cmp-expansionItem-title-gap)",
-                "pr-(--cmp-expansionItem-title-paddingX)",
-                depth === 2 ? "pl-[calc(var(--cmp-expansionItem-title-paddingX)+32px)]" : depth === 3 ? "pl-[calc(var(--cmp-expansionItem-title-paddingX)+64px)]" : "pl-(--cmp-expansionItem-title-paddingX)",
-                isExpanded && "bg-(--cmp-expansionItem-title-bg-expanded) text-(--cmp-expansionItem-title-text-expanded)"
+                "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",
+                isExpanded && "border-b border-(--cmp-listExpansionItem-title-border)",
+                !isExpanded && "hover:bg-(--cmp-listExpansionItem-title-bg-hover)",
+                dense ? "min-h-8 py-(--cmp-listExpansionItem-title-paddingY-dense)" : "min-h-10 py-(--cmp-listExpansionItem-title-paddingY-normal)",
+                "gap-(--cmp-listExpansionItem-title-gap)",
+                "pr-(--cmp-listExpansionItem-title-paddingX)",
+                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)",
+                isExpanded && "bg-(--cmp-listExpansionItem-title-bg-expanded) text-(--cmp-listExpansionItem-title-text-expanded)"
               ),
               children: [
                 !leading && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2931,7 +2931,7 @@ var SExpansionItem = react.forwardRef(
               id,
               "aria-hidden": !isExpanded,
               className: cn(
-                "grid overflow-hidden bg-[var(--cmp-expansionItem-body-bg)] transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
+                "grid overflow-hidden bg-[var(--cmp-listExpansionItem-body-bg)] transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
                 isExpanded ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2939,7 +2939,7 @@ var SExpansionItem = react.forwardRef(
                 {
                   className: cn(
                     "min-h-0 overflow-hidden",
-                    bodyPadding && isExpanded && "p-(--cmp-expansionItem-body-padding)"
+                    bodyPadding && isExpanded && "p-(--cmp-listExpansionItem-body-padding)"
                   ),
                   children
                 }