feat(react): remove default accent color, let it be inherited through…

… data-color instead
digdir · Oct 29, 2024 · 940ad6e · 940ad6e
1 parent fcfaf42
commit 940ad6e
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/react/src/components/Avatar/Avatar.tsx b/packages/react/src/components/Avatar/Avatar.tsx
@@ -52,7 +52,7 @@ export type AvatarProps = {
 export const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(function Avatar(
   {
     'aria-label': ariaLabel,
-    color = 'accent',
+    color,
     variant = 'circle',
     className,
     children,

diff --git a/packages/react/src/components/Badge/Badge.tsx b/packages/react/src/components/Badge/Badge.tsx
@@ -54,7 +54,7 @@ export type BadgeProps = {
 export const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(
   {
     className,
-    color = 'accent',
+    color,
     count,
     maxCount,
     overlap = 'rectangle',

diff --git a/packages/react/src/components/Button/Button.tsx b/packages/react/src/components/Button/Button.tsx
@@ -47,7 +47,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
       asChild,
       className,
       children,
-      color = 'accent',
+      color,
       icon = false,
       loading = false,
       variant = 'primary',

diff --git a/packages/react/src/components/Link/Link.tsx b/packages/react/src/components/Link/Link.tsx
@@ -26,7 +26,7 @@ export type LinkProps = {
 } & AnchorHTMLAttributes<HTMLAnchorElement>;
 
 export const Link = forwardRef<HTMLAnchorElement, LinkProps>(
-  ({ asChild, className, color = 'accent', ...rest }, ref) => {
+  ({ asChild, className, color, ...rest }, ref) => {
     const Component = asChild ? Slot : 'a';
 
     return (