From 7675a1d2930776f7da21d35c9e87c86ff62a3f23 Mon Sep 17 00:00:00 2001 From: lukewalczak Date: Tue, 6 May 2025 15:57:04 +0200 Subject: [PATCH 1/2] fix: correct border end width --- src/components/SegmentedButtons/utils.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/SegmentedButtons/utils.ts b/src/components/SegmentedButtons/utils.ts index 87d343c8a9..254f0ebc95 100644 --- a/src/components/SegmentedButtons/utils.ts +++ b/src/components/SegmentedButtons/utils.ts @@ -69,7 +69,7 @@ export const getSegmentedButtonBorderRadius = ({ return { borderTopRightRadius: 0, borderBottomRightRadius: 0, - ...(theme.isV3 && { borderRightWidth: 0 }), + ...(theme.isV3 && { borderEndWidth: 0 }), }; } else if (segment === 'last') { return { @@ -79,7 +79,7 @@ export const getSegmentedButtonBorderRadius = ({ } else { return { borderRadius: 0, - ...(theme.isV3 && { borderRightWidth: 0 }), + ...(theme.isV3 && { borderEndWidth: 0 }), }; } }; From c5aff176ed5d61a6153bea36f1eac96077ad7dda Mon Sep 17 00:00:00 2001 From: lukewalczak Date: Tue, 6 May 2025 16:20:58 +0200 Subject: [PATCH 2/2] fix: update snapshot --- .../__tests__/__snapshots__/SegmentedButton.test.tsx.snap | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap b/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap index eb497fdbf8..83f1541397 100644 --- a/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap +++ b/src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap @@ -18,8 +18,8 @@ exports[`renders segmented button 1`] = ` "backgroundColor": "rgba(232, 222, 248, 1)", "borderBottomRightRadius": 0, "borderColor": "rgba(121, 116, 126, 1)", + "borderEndWidth": 0, "borderRadius": 20, - "borderRightWidth": 0, "borderTopRightRadius": 0, "borderWidth": 1, }, @@ -73,8 +73,8 @@ exports[`renders segmented button 1`] = ` }, { "borderBottomRightRadius": 0, + "borderEndWidth": 0, "borderRadius": 20, - "borderRightWidth": 0, "borderTopRightRadius": 0, }, ]