[fix](@svelteui/core): add missing fontFamily to components

Author: BeeMargarida

packages/svelteui-core/src/components/Accordion/AccordionItem/AccordionItem.styles.ts

@@ -69,6 +69,7 @@ export default createStyles(
 				}
 			},
 			controlContent: {
+				fontFamily: theme.fonts.standard.value ?? 'sans-serif',
 				color: 'inherit',
 				fontWeight: 400,
 				flex: 1,

packages/svelteui-core/src/components/Alert/Alert.styles.ts

@@ -11,6 +11,7 @@ export interface AlertStylesParams {
 export default createStyles((theme, { color, radius, variant }: AlertStylesParams, getRef) => {
 	return {
 		root: {
+			fontFamily: theme.fonts.standard.value ?? 'sans-serif',
 			position: 'relative',
 			overflow: 'hidden',
 			padding: `${theme.space.sm.value}px ${theme.space.md.value}px`,

packages/svelteui-core/src/components/AppShell/HorizontalSection/HorizontalSection.styles.ts

@@ -52,7 +52,7 @@ export default createStyles(
 						5
 					)}`
 				},
-				fontFamily: '$standard' || 'sans-serif',
+				fontFamily: theme.fonts.standard.value ?? 'sans-serif',
 				...position,
 				top: position?.top || 'var(--svelteui-header-height)',
 				zIndex,

packages/svelteui-core/src/components/AppShell/VerticalSection/VerticalSection.styles.ts

@@ -23,7 +23,7 @@ export default createStyles(
 				...position,
 				zIndex,
 				height,
-				fontFamily: '$standard' || 'sans-serif',
+				fontFamily: theme.fonts.standard.value ?? 'sans-serif',
 				maxHeight: height,
 				position: fixed ? 'fixed' : 'static',
 				boxSizing: 'border-box',

packages/svelteui-core/src/components/Badge/Badge.styles.ts

@@ -73,6 +73,7 @@ export default createStyles(
 				width: fullWidth ? '100%' : 'auto',
 				textTransform: 'uppercase',
 				borderRadius: theme.fn.radius(radius),
+				fontFamily: theme.fonts.standard.value ?? 'sans-serif',
 				fontWeight: 700,
 				letterSpacing: 0.25,
 				cursor: 'default',

packages/svelteui-core/src/components/Blockquote/Blockquote.styles.ts

@@ -10,6 +10,7 @@ export default createStyles((theme, { color }: BlockquoteStylesParams) => {
 			darkMode: {
 				color: theme.fn.themeColor('dark', 0)
 			},
+			fontFamily: theme.fonts.standard.value ?? 'sans-serif',
 			fontSize: theme.fontSizes.lg.value,
 			lineHeight: theme.lineHeights.md.value,
 			color: theme.fn.themeColor('black'),

packages/svelteui-core/src/components/Breadcrumbs/BreadcrumbsItem/BreadcrumbsItem.styles.ts

@@ -16,7 +16,8 @@ export const fontSizes = {
 
 export default createStyles((theme, { color, size }: BreadcrumbItemStylesParams) => ({
 	root: {
-		position: 'relative'
+		position: 'relative',
+		fontFamily: theme.fonts.standard.value ?? 'sans-serif'
 	},
 	wrapper: {
 		display: 'flex',

packages/svelteui-core/src/components/Button/Button.styles.ts

@@ -89,7 +89,7 @@ export default createStyles(
 					typeof size === 'number'
 						? `0px ${size}px`
 						: sizes[compact ? `compact-${size}` : size].padding,
-				fontFamily: '$standard',
+				fontFamily: theme.fonts.standard.value ?? 'sans-serif',
 				fontWeight: '$semibold',
 				fontSize: `$${size}`,
 				lineHeight: 1,

packages/svelteui-core/src/components/Button/UnstyledButton/UnstyledButton.styles.ts

@@ -10,6 +10,7 @@ export default createStyles((theme) => ({
 		border: 0,
 		padding: 0,
 		appearance: 'none',
+		fontFamily: theme.fonts.standard.value ?? 'sans-serif',
 		fontSize: theme.fontSizes.md.value,
 		backgroundColor: 'transparent',
 		textAlign: 'left',

packages/svelteui-core/src/components/Chip/Chip.styles.ts

@@ -58,6 +58,7 @@ export default createStyles(
 				border: '1px solid transparent',
 				borderRadius: theme.fn.radius(radius),
 				height: theme.fn.size({ size, sizes }),
+				fontFamily: theme.fonts.standard.value ?? 'sans-serif',
 				fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
 				lineHeight: `${theme.fn.size({ size, sizes }) - 2}px`,
 				paddingLeft: theme.fn.size({ size, sizes: padding }),