sellmate-design-system-react 0.1.4 → 0.1.6

package/dist/components/SKeyValueTable/SKeyValueTable.js

@@ -2867,7 +2867,7 @@ var HIDE_DELAY_MS = 100;
 function useBody(content, message = []) {
   if (content != null) return content;
   if (message.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[12px]", children: message.map((line, i) => /* @__PURE__ */ jsx("span", { children: line }, i)) });
+  return /* @__PURE__ */ jsx(Fragment, { children: message.map((line, i) => /* @__PURE__ */ jsx("div", { children: line }, i)) });
 }
 var STooltip = forwardRef(function STooltip2({
   content,
@@ -4348,7 +4348,7 @@ function SCheckbox({
       onValueChange(false);
     }
   };
-  const boxBg = disabled ? "var(--cmp-checkbox-bg-disabled)" : isChecked && !inverse ? "var(--cmp-checkbox-checked-bg-default)" : "transparent";
+  const boxBg = disabled ? "var(--cmp-checkbox-bg-disabled)" : inverse ? "transparent" : isChecked ? "var(--cmp-checkbox-checked-bg-default)" : "var(--cmp-checkbox-unchecked-bg-default)";
   const boxBorder = disabled ? "var(--cmp-checkbox-border-disabled)" : inverse ? "var(--cmp-checkbox-checked-border-inverse)" : isChecked ? "var(--cmp-checkbox-checked-bg-default)" : "var(--cmp-checkbox-unchecked-border-default)";
   const iconColor = disabled ? "var(--cmp-checkbox-checked-icon-disabled)" : "var(--cmp-checkbox-checked-icon-default)";
   const labelColor = disabled ? "var(--cmp-checkbox-label-disabled)" : inverse ? "var(--cmp-checkbox-label-inverse)" : "var(--cmp-checkbox-label-default)";
@@ -4434,6 +4434,7 @@ var STag = forwardRef(function STag2({
   label = "",
   icon,
   iconLeft = true,
+  width,
   className,
   style,
   ...rest
@@ -4441,13 +4442,14 @@ var STag = forwardRef(function STag2({
   const s = TAG_SIZE_CONFIG[size];
   const contentColor = `var(--cmp-tag-${color}-content)`;
   const iconNode = icon ? /* @__PURE__ */ jsx(SIcon, { name: icon, size: s.iconSize, color: contentColor }) : null;
+  const resolvedWidth = typeof width === "number" ? `${width}px` : width;
   return /* @__PURE__ */ jsxs(
     "span",
     {
       ref,
       "aria-label": label || "tag",
       className: cn(
-        "box-border inline-flex select-none items-center justify-center whitespace-nowrap",
+        "box-border inline-flex w-fit select-none items-center justify-center whitespace-nowrap",
         className
       ),
       style: {
@@ -4460,6 +4462,7 @@ var STag = forwardRef(function STag2({
         lineHeight: `${s.lineHeight}px`,
         background: `var(--cmp-tag-${color}-bg)`,
         color: contentColor,
+        ...resolvedWidth != null ? { width: resolvedWidth } : {},
         ...style
       },
       ...rest,