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

Update grant buttons variant

Browse Source 
Signed-off-by: Émile Ré <nemile.re@gmail.com>
This commit is contained in:
Émile Ré
2025-12-10 14:02:56 +01:00
parent 15b3493bc9
commit c5a5d812f9
3 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/console/src/pages/organizations/trustCenter/TrustCenterAccessTab/TrustCenterDocumentAccessList.tsx
View File

@@ -29,7 +29,7 @@ export function TrustCenterDocumentAccessList(props: TrustCenterDocumentAccessLi
{showGrantCTA &&
<Button
type="button"
variant="success"
variant="quaternary"
onClick={onGrantAll}
className="text-xs h-7 min-h-7"
>
@@ -93,7 +93,7 @@ export function TrustCenterDocumentAccessList(props: TrustCenterDocumentAccessLi
{docAccess.status !== "GRANTED" &&
<Button
type="button"
variant="success"
variant="quaternary"
onClick={() => onUpdateStatus(docAccess, "GRANTED")}
className="text-xs h-7 min-h-7"
>

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

@@ -21,7 +21,6 @@ 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",
@@ -48,8 +47,7 @@ type Props = PropsWithChildren<
| "secondary"
| "tertiary"
| "quaternary"
| "danger"
| "success";
| "danger";
to?: string;
asChild?: boolean;
} & VariantProps<typeof button>

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

@@ -61,7 +61,6 @@
--color-subtle-hover: #0027000d;
--color-highlight-hover: #022a0213;
--color-accent-hover: #1e2c1c;
--color-success-hover: #1e2c1c;
--color-active-hover: #d7f2b0;
--color-danger-hover: #cf393f;
@@ -73,7 +72,6 @@
--color-subtle-pressed: #022a0213;
--color-highlight-pressed: #02210219;
--color-accent-pressed: #293a25;
--color-success-pressed: #293a25;
--color-active-pressed: #c9e894;
--color-danger-pressed: #c6373c;
@@ -199,7 +197,6 @@
--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);
@@ -228,7 +225,6 @@
--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);
@@ -240,7 +236,6 @@
--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);
}