@refinn/core-ui 0.1.24 → 0.1.25

package/dist/index.cjs

@@ -2667,11 +2667,11 @@ var SegmentControl = (0, import_react21.forwardRef)(
                 setSelected == null ? void 0 : setSelected(item.value);
                 onChange == null ? void 0 : onChange(item.value);
               },
-              className: "group flex-1 min-w-0 rounded-full border-2 border-transparent p-2 outline-none cursor-pointer transition-colors focus-visible:border-segmented-control-border-focus",
+              className: "group flex-1 min-w-0 rounded-full outline-none cursor-pointer",
               children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 "span",
                 {
-                  className: `flex w-full items-center justify-center rounded-full text-center transition-colors ${itemSizeClasses[size]} ${isSelected ? "bg-segmented-control-background-active text-segmented-control-text-inverse shadow-small group-focus-visible:bg-segmented-control-background-active-focus group-focus-visible:text-segmented-control-text-primary" : "text-segmented-control-text-primary hover:bg-segmented-control-background-hover"}`,
+                  className: `flex w-full items-center justify-center rounded-full text-center transition-colors group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-segmented-control-border-focus ${itemSizeClasses[size]} ${isSelected ? "bg-segmented-control-background-active text-segmented-control-text-inverse shadow-small group-focus-visible:bg-segmented-control-background-active-focus group-focus-visible:text-segmented-control-text-primary" : "text-segmented-control-text-primary hover:bg-segmented-control-background-hover"}`,
                   children: item.label
                 }
               )

package/dist/index.js

@@ -2667,11 +2667,11 @@ var SegmentControl = forwardRef21(
                 setSelected == null ? void 0 : setSelected(item.value);
                 onChange == null ? void 0 : onChange(item.value);
               },
-              className: "group flex-1 min-w-0 rounded-full border-2 border-transparent p-2 outline-none cursor-pointer transition-colors focus-visible:border-segmented-control-border-focus",
+              className: "group flex-1 min-w-0 rounded-full outline-none cursor-pointer",
               children: /* @__PURE__ */ jsx21(
                 "span",
                 {
-                  className: `flex w-full items-center justify-center rounded-full text-center transition-colors ${itemSizeClasses[size]} ${isSelected ? "bg-segmented-control-background-active text-segmented-control-text-inverse shadow-small group-focus-visible:bg-segmented-control-background-active-focus group-focus-visible:text-segmented-control-text-primary" : "text-segmented-control-text-primary hover:bg-segmented-control-background-hover"}`,
+                  className: `flex w-full items-center justify-center rounded-full text-center transition-colors group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-segmented-control-border-focus ${itemSizeClasses[size]} ${isSelected ? "bg-segmented-control-background-active text-segmented-control-text-inverse shadow-small group-focus-visible:bg-segmented-control-background-active-focus group-focus-visible:text-segmented-control-text-primary" : "text-segmented-control-text-primary hover:bg-segmented-control-background-hover"}`,
                   children: item.label
                 }
               )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinn/core-ui",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "description": "Refinn Design System — UI components + Tailwind v4 theme preset",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",