@viasat/beam-react 2.58.0 → 2.58.1

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 2.58.1 (2026-08-20)
+
+### 🩹 Fixes
+
+- **SegmentedControl:** Fix initialSelection causing borderRadius to not render correctly ([#1411](https://git.viasat.com/vega/Beam/pull/1411))
+
+### ❤️ Thank You
+
+- Amaral, Thomas
+
 ## 2.58.0 (2026-08-20)
 
 ### 🚀 Features

package/lib/SegmentedControl/SegmentedControl.List.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),C=require("react"),g=require("clsx"),f=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const n=require("../../chunks/segmentedControl.module.Do2xEatq.js"),S=require("./SegmentedControlContext.cjs.js"),b=({children:e,className:a,...u})=>{const{selectedValue:i,setSelectedValue:t,setControlItems:o,fluid:c}=S.useSegmentedControl();C.useEffect(()=>{if(!i){if(!Array.isArray(e)){t(e.props.value),o([e.props.value]);return}const l=e.filter(s=>!s.props.disabled);l.length>0&&t(l[0].props.value),o(e.map(s=>s.props.value))}},[]);const{subElementClassPrefix:m}=f.getBEMClassNames("segmented-control"),r=`${m}list`,d=g(n.styles[r],c&&n.styles[`${r}--fluid`],a);return p.jsx("div",{className:d,...u,children:e})};exports.SegmentedControlList=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),f=require("react"),p=require("clsx"),S=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const r=require("../../chunks/segmentedControl.module.Do2xEatq.js"),b=require("./SegmentedControlContext.cjs.js"),q=({children:e,className:l,...n})=>{const{selectedValue:a,setSelectedValue:c,setControlItems:i,fluid:u}=b.useSegmentedControl();f.useEffect(()=>{const o=Array.isArray(e)?e:[e];if(i(o.map(s=>s.props.value)),!a){const s=o.filter(C=>!C.props.disabled);s.length>0&&c(s[0].props.value)}},[]);const{subElementClassPrefix:d}=S.getBEMClassNames("segmented-control"),t=`${d}list`,m=p(r.styles[t],u&&r.styles[`${t}--fluid`],l);return g.jsx("div",{className:m,...n,children:e})};exports.SegmentedControlList=q;

package/lib/SegmentedControl/SegmentedControl.List.es.js

@@ -1,33 +1,30 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useEffect as d } from "react";
-import C from "clsx";
-import { g } from "../../chunks/classNames.CA_0DokS.js";
+import { jsx as u } from "react/jsx-runtime";
+import { useEffect as C } from "react";
+import g from "clsx";
+import { g as b } from "../../chunks/classNames.CA_0DokS.js";
 import "../../chunks/constants.Cruz2A1w.js";
-import { s as a } from "../../chunks/segmentedControl.module.xmzdEbo3.js";
-import { useSegmentedControl as v } from "./SegmentedControlContext.es.js";
-const V = ({
+import { s as r } from "../../chunks/segmentedControl.module.xmzdEbo3.js";
+import { useSegmentedControl as x } from "./SegmentedControlContext.es.js";
+const $ = ({
   children: s,
-  className: m,
-  ...p
+  className: l,
+  ...m
 }) => {
-  const { selectedValue: f, setSelectedValue: t, setControlItems: o, fluid: i } = v();
-  d(() => {
-    if (!f) {
-      if (!Array.isArray(s)) {
-        t(s.props.value), o([s.props.value]);
-        return;
-      }
-      const l = s.filter((e) => !e.props.disabled);
-      l.length > 0 && t(l[0].props.value), o(s.map((e) => e.props.value));
+  const { selectedValue: a, setSelectedValue: i, setControlItems: n, fluid: p } = x();
+  C(() => {
+    const o = Array.isArray(s) ? s : [s];
+    if (n(o.map((e) => e.props.value)), !a) {
+      const e = o.filter((d) => !d.props.disabled);
+      e.length > 0 && i(e[0].props.value);
     }
   }, []);
-  const { subElementClassPrefix: n } = g("segmented-control"), r = `${n}list`, u = C(
-    a[r],
-    i && a[`${r}--fluid`],
-    m
+  const { subElementClassPrefix: f } = b("segmented-control"), t = `${f}list`, c = g(
+    r[t],
+    p && r[`${t}--fluid`],
+    l
   );
-  return /* @__PURE__ */ c("div", { className: u, ...p, children: s });
+  return /* @__PURE__ */ u("div", { className: c, ...m, children: s });
 };
 export {
-  V as SegmentedControlList
+  $ as SegmentedControlList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.58.0",
+  "version": "2.58.1",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -60,12 +60,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.58.0",
-    "@viasat/beam-shared": "2.58.0",
-    "@viasat/beam-styles": "2.58.0",
-    "@viasat/beam-tokens": "2.58.0",
-    "@viasat/beam-icons": "2.58.0",
-    "@viasat/beam-react-claude-plugin": "2.58.0",
+    "@viasat/beam-fonts": "2.58.1",
+    "@viasat/beam-shared": "2.58.1",
+    "@viasat/beam-styles": "2.58.1",
+    "@viasat/beam-tokens": "2.58.1",
+    "@viasat/beam-icons": "2.58.1",
+    "@viasat/beam-react-claude-plugin": "2.58.1",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",