🎨(react) enhance alert component styles

update alert token and css files with new css variables introduce with the new tokens architectures
2025-08-22 10:11:55 +02:00
parent bccdebd770
commit 3e62cdb929
5 changed files with 49 additions and 43 deletions
--- a/packages/react/src/components/Alert/index.stories.tsx
+++ b/packages/react/src/components/Alert/index.stories.tsx
@@ -58,8 +58,12 @@ export const CustomButtons: Story = {
    canClose: true,
    buttons: (
      <div style={{ display: "flex", gap: "0.5rem" }}>
-        <Button color="primary">Primary</Button>
-        <Button color="secondary">Secondary</Button>
+        <Button variant="brand" color="primary">
+          Primary
+        </Button>
+        <Button variant="brand" color="secondary">
+          Secondary
+        </Button>
      </div>
    ),
  },