fix(tabs): spread style prop (#11981)

* fix(tabs): spread style prop

* chore(tabs): remove testing border

* chore(tabs): spread style prop better

* chore(tabs): nothing to see here

* chore(tabs): add test

Author: mcoker

packages/react-core/src/components/Tabs/Tabs.tsx

@@ -576,8 +576,12 @@ class Tabs extends Component<TabsProps, TabsState> {
           )}
           {...getOUIAProps(Tabs.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe)}
           id={id && id}
-          style={{ [linkAccentLength.name]: currentLinkAccentLength, [linkAccentStart.name]: currentLinkAccentStart }}
           {...props}
+          style={{
+            [linkAccentLength.name]: currentLinkAccentLength,
+            [linkAccentStart.name]: currentLinkAccentStart,
+            ...props.style
+          }}
         >
           {expandable && isVertical && (
             <GenerateId>

packages/react-core/src/components/Tabs/__tests__/Tabs.test.tsx

@@ -562,3 +562,15 @@ test('should render an enabled add button', () => {
   const addButton = screen.getByLabelText('add-label');
   expect(addButton).not.toBeDisabled();
 });
+
+test(`should render with custom inline style and accent position inline style`, () => {
+  render(
+    <Tabs role="region" style="background-color: #12345;">
+      <Tab title="Test title" eventKey={0}>
+        Tab Content
+      </Tab>
+    </Tabs>
+  );
+
+  expect(screen.getByRole('region')).toHaveStyle(`background-color: #12345;--pf-v6-c-tabs--link-accent--start: 0px;`);
+});