rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Handle document list state + API payload

Browse Source 
Signed-off-by: Émile Ré <nemile.re@gmail.com>
This commit is contained in:
Émile Ré
2025-12-09 18:01:40 +01:00
parent e52282e0f5
commit eab3af5f26
23 changed files with 507 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/src/Atoms/Button/Button.tsx
View File

@@ -21,6 +21,7 @@ export const button = tv({
quaternary:
"bg-highlight text-txt-primary hover:bg-highlight-hover active:bg-highlight-pressed",
danger: "bg-danger-plain text-txt-invert hover:bg-danger-hover shadow-base hover:shadow-hover active:bg-danger-pressed border border-border-danger",
success: "bg-success-plain text-txt-invert hover:text-invert hover:bg-success-hover shadow-base hover:shadow-hover active:bg-success-pressed border border-border-success",
},
disabled: {
true: "opacity-60 cursor-default",
@@ -47,7 +48,8 @@ type Props = PropsWithChildren<
| "secondary"
| "tertiary"
| "quaternary"
| "danger";
| "danger"
| "success";
to?: string;
asChild?: boolean;
} & VariantProps<typeof button>

5
packages/ui/src/theme.css
View File

@@ -61,6 +61,7 @@
--color-subtle-hover: #0027000d;
--color-highlight-hover: #022a0213;
--color-accent-hover: #1e2c1c;
--color-success-hover: #1e2c1c;
--color-active-hover: #d7f2b0;
--color-danger-hover: #cf393f;
@@ -72,6 +73,7 @@
--color-subtle-pressed: #022a0213;
--color-highlight-pressed: #02210219;
--color-accent-pressed: #293a25;
--color-success-pressed: #293a25;
--color-active-pressed: #c9e894;
--color-danger-pressed: #c6373c;
@@ -197,6 +199,7 @@
--color-highlight: rgba(214, 251, 196, 0.06);
--color-active: rgba(239, 254, 226, 0.08);
--color-accent: #c4f042;
--color-success-plain: #c4f042;
--color-danger: rgba(254, 58, 61, 0.13);
--color-danger-plain: rgba(254, 58, 61, 0.13);
--color-danger-dark: rgba(255, 89, 95, 0.94);
@@ -225,6 +228,7 @@
--color-subtle-hover: rgba(214, 251, 196, 0.06);
--color-highlight-hover: rgba(233, 254, 223, 0.1);
--color-accent-hover: rgba(183, 255, 50, 0.82);
--color-success-hover: rgba(183, 255, 50, 0.82);
--color-active-hover: rgba(233, 254, 223, 0.1);
--color-danger-hover: rgba(254, 58, 61, 0.7);
@@ -236,6 +240,7 @@
--color-subtle-pressed: rgba(239, 254, 226, 0.08);
--color-highlight-pressed: rgba(236, 254, 229, 0.13);
--color-accent-pressed: rgba(209, 255, 70, 0.94);
--color-success-pressed: rgba(209, 255, 70, 0.94);
--color-active-pressed: rgba(236, 254, 229, 0.13);
--color-danger-pressed: rgba(254, 58, 61, 0.5);
}