🎨(react) enhance Tooltip component styles

update Tooltip token and css files with new css variables introduce
with the new tokens architectures
This commit is contained in:
Nathan Panchout
2025-08-22 10:16:14 +02:00
committed by NathanVss
parent 6105377811
commit 3e4da2f95a
4 changed files with 19 additions and 14 deletions

View File

@@ -14,7 +14,7 @@ describe("<Tooltip />", () => {
it("appear on button hover and then disappear", async () => {
render(
<Tooltip content="Hi there" closeDelay={0}>
<Button size="nano" color="tertiary-text">
<Button size="nano" color="tertiary">
</Button>
</Tooltip>,
@@ -33,7 +33,7 @@ describe("<Tooltip />", () => {
it("appear on button focus and then disappear", async () => {
render(
<Tooltip content="Hi there" closeDelay={0}>
<Button size="nano" color="tertiary-text">
<Button size="nano" color="tertiary">
</Button>
</Tooltip>,
@@ -51,7 +51,7 @@ describe("<Tooltip />", () => {
it("sets entering and exiting class", async () => {
render(
<Tooltip content="Hi there" closeDelay={0}>
<Button size="nano" color="tertiary-text">
<Button size="nano" color="tertiary">
</Button>
</Tooltip>,
@@ -102,7 +102,7 @@ describe("<Tooltip />", () => {
}
closeDelay={0}
>
<Button size="nano" color="tertiary-text">
<Button size="nano" color="tertiary">
</Button>
</Tooltip>,
@@ -128,7 +128,7 @@ describe("<Tooltip />", () => {
closeDelay={0}
className="my-custom-class"
>
<Button size="nano" color="tertiary-text">
<Button size="nano" color="tertiary">
</Button>
</Tooltip>,