fix: the typescript issue by changing fallback to reactNode

HamzaAmar · Nov 29, 2024 · d4f1d67 · d4f1d67
1 parent 0d5ad9c
commit d4f1d67
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/packages/pillar-core/src/core/avatar/_avatar.css b/packages/pillar-core/src/core/avatar/_avatar.css
@@ -3,6 +3,7 @@
   --fx: inline-flex;
   --eq-s: 2.75em;
   padding: 0;
+  font-weight: 500;
   /* border: 3px solid var(--B1); */
   background:
     linear-gradient(var(--av-b), var(--av-b)) content-box,

diff --git a/packages/pillar-core/src/core/avatar/avatar.type.ts b/packages/pillar-core/src/core/avatar/avatar.type.ts
@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react'
+import { ReactNode } from 'react'
 import type { Color, Corner, CornerBlob, CornerHand, Size, Variant } from '../../types'
 
 type Animate = 'zoom' | 'jump-y' | 'jump-x' | 'jump--y' | 'jump--x' | 'zoom-in'
@@ -9,7 +9,7 @@ interface AvatarBase {
   color?: Color
   variant?: Omit<Variant, 'text'> | 'dashed'
   animate?: Animate
-  fallback?: ReactElement
+  fallback?: ReactNode
 }
 
 export interface AvatarProps extends AvatarBase {

diff --git a/packages/pillar-core/src/core/switch/_switch.css b/packages/pillar-core/src/core/switch/_switch.css
@@ -7,6 +7,10 @@
   flex: none;
   height: 1.25em;
 
+  & svg {
+    width: 1em;
+  }
+
   /*
     These properties serve as fallbacks. If the corresponding utility functions are
     unavailable, these properties take priority. However, if specific props related to