chore: updates

Author: georgewrmarshall

packages/design-system-react/package.json

@@ -66,6 +66,7 @@
     "@svgr/cli": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.6.1",
     "@ts-bridge/cli": "^0.6.3",
     "@types/jest": "^27.4.1",
     "@types/node": "^16.18.54",

packages/design-system-react/src/components/ButtonHero/ButtonHero.test.tsx

@@ -1,8 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import React from 'react';
-
-import { ButtonHeroSize } from '../../types';
+import React, { createRef } from 'react';
 
 import { ButtonHero } from './ButtonHero';
 
@@ -32,10 +30,9 @@ describe('ButtonHero Component', () => {
   });
 
   it('applies custom className correctly', () => {
-    render(<ButtonHero className="custom-class">Styled Button</ButtonHero>);
+    render(<ButtonHero className="bg-default">Styled Button</ButtonHero>);
     const button = screen.getByRole('button');
-    expect(button).toHaveClass('custom-class');
-    expect(button).toHaveClass('bg-primary-default'); // Should still have default classes
+    expect(button).toHaveClass('bg-default');
   });
 
   it('handles disabled state correctly', () => {
@@ -95,7 +92,7 @@ describe('ButtonHero Component', () => {
   });
 
   it('forwards ref correctly', () => {
-    const ref = React.createRef<HTMLButtonElement>();
+    const ref = createRef<HTMLButtonElement>();
     render(<ButtonHero ref={ref}>Button with ref</ButtonHero>);
 
     expect(ref.current).toBeInstanceOf(HTMLButtonElement);

packages/design-system-react/src/components/ButtonHero/ButtonHero.tsx

@@ -19,7 +19,6 @@ export const ButtonHero = forwardRef<HTMLButtonElement, ButtonHeroProps>(
         'hover:bg-primary-default-hover',
         'active:bg-primary-default-pressed',
       ],
-      'focus-visible:outline-none focus-visible:ring-0',
       'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-default',
       className,
     );

yarn.lock

@@ -3230,6 +3230,7 @@ __metadata:
     "@svgr/cli": "npm:^8.1.0"
     "@testing-library/jest-dom": "npm:^6.6.3"
     "@testing-library/react": "npm:^16.0.1"
+    "@testing-library/user-event": "npm:^14.6.1"
     "@ts-bridge/cli": "npm:^0.6.3"
     "@types/jest": "npm:^27.4.1"
     "@types/node": "npm:^16.18.54"