diff --git a/packages/pillar-core/src/core/avatar/_avatar.css b/packages/pillar-core/src/core/avatar/_avatar.css index e40cc2d9..a1d0a6ca 100644 --- 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 index da46e394..2e8f3abb 100644 --- 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 | '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 index 55fe7427..b1966533 100644 --- 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