sellmate-design-system-react 0.1.5 → 0.1.6

package/dist/components/SKeyValueTable/SKeyValueTable.cjs

@@ -4459,6 +4459,7 @@ var STag = react.forwardRef(function STag2({
   label = "",
   icon,
   iconLeft = true,
+  width,
   className,
   style,
   ...rest
@@ -4466,13 +4467,14 @@ var STag = react.forwardRef(function STag2({
   const s = TAG_SIZE_CONFIG[size];
   const contentColor = `var(--cmp-tag-${color}-content)`;
   const iconNode = icon ? /* @__PURE__ */ jsxRuntime.jsx(SIcon, { name: icon, size: s.iconSize, color: contentColor }) : null;
+  const resolvedWidth = typeof width === "number" ? `${width}px` : width;
   return /* @__PURE__ */ jsxRuntime.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: {
@@ -4485,6 +4487,7 @@ var STag = react.forwardRef(function STag2({
         lineHeight: `${s.lineHeight}px`,
         background: `var(--cmp-tag-${color}-bg)`,
         color: contentColor,
+        ...resolvedWidth != null ? { width: resolvedWidth } : {},
         ...style
       },
       ...rest,