studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️(react) update Button component props and refactor related components

Browse Source 
This commit modifies the Button component to switch the `variant` and
`color` props, ensuring consistency across various components that
utilize the Button. The changes include updates in the Alert, Modal,
Tooltip, and other components to reflect this new prop structure.
Additionally, several test and story files have been adjusted to
accommodate these changes, enhancing the overall component architecture.
This commit is contained in:
Nathan Panchout
2025-09-18 15:19:01 +02:00
committed by NathanVss
parent f93a83655c
commit 748d070bd9
27 changed files with 186 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/react/src/components/Tooltip/index.spec.tsx
View File

@@ -14,10 +14,10 @@ describe("<Tooltip />", () => {
it("appear on button hover and then disappear", async () => {
render(
<Tooltip content="Hi there" closeDelay={0}>
<Button size="nano" color="tertiary">
<Button size="nano" variant="tertiary">
⬅️
</Button>
</Tooltip>,
</Tooltip>
);
const button = screen.getByRole("button");
@@ -33,10 +33,10 @@ describe("<Tooltip />", () => {
it("appear on button focus and then disappear", async () => {
render(
<Tooltip content="Hi there" closeDelay={0}>
<Button size="nano" color="tertiary">
<Button size="nano" variant="tertiary">
⬅️
</Button>
</Tooltip>,
</Tooltip>
);
expect(screen.queryByText("Hi there")).not.toBeInTheDocument();
@@ -51,10 +51,10 @@ describe("<Tooltip />", () => {
it("sets entering and exiting class", async () => {
render(
<Tooltip content="Hi there" closeDelay={0}>
<Button size="nano" color="tertiary">
<Button size="nano" variant="tertiary">
⬅️
</Button>
</Tooltip>,
</Tooltip>
);
expect(screen.queryByText("Hi there")).not.toBeInTheDocument();
@@ -102,10 +102,10 @@ describe("<Tooltip />", () => {
}
closeDelay={0}
>
<Button size="nano" color="tertiary">
<Button size="nano" variant="tertiary">
⬅️
</Button>
</Tooltip>,
</Tooltip>
);
const button = screen.getByRole("button");
@@ -128,10 +128,10 @@ describe("<Tooltip />", () => {
closeDelay={0}
className="my-custom-class"
>
<Button size="nano" color="tertiary">
<Button size="nano" variant="tertiary">
⬅️
</Button>
</Tooltip>,
</Tooltip>
);
const button = screen.getByRole("button");