feat: update ErrorState design

daangn · Jan 21, 2025 · 702df41 · 702df41
1 parent a546b86
commit 702df41
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/docs/registry/ui/error-state.tsx b/docs/registry/ui/error-state.tsx
@@ -61,10 +61,14 @@ export const ErrorState = React.forwardRef<HTMLDivElement, ErrorStateProps>(
         {...otherProps}
       >
         <Stack gap="s1">
-          <Text align="center" fontSize="s5" fontWeight="regular">
+          <Text align="center" textStyle="titleSmallDefault">
             {title}
           </Text>
-          <Text align="center" color="fg.neutralSubtle" fontSize="s4">
+          <Text
+            align="center"
+            color="fg.neutralSubtle"
+            textStyle="bodyMediumDefault"
+          >
             {description}
           </Text>
         </Stack>

diff --git a/examples/stackflow-spa/src/design-system/ui/error-state.tsx b/examples/stackflow-spa/src/design-system/ui/error-state.tsx
@@ -60,10 +60,10 @@ export const ErrorState = React.forwardRef<HTMLDivElement, ErrorStateProps>((pro
       {...otherProps}
     >
       <Stack gap="s1">
-        <Text align="center" fontSize="s5" fontWeight="regular">
+        <Text align="center" textStyle="titleSmallDefault">
           {title}
         </Text>
-        <Text align="center" color="fg.neutralSubtle" fontSize="s4">
+        <Text align="center" color="fg.neutralSubtle" textStyle="bodyMediumDefault">
           {description}
         </Text>
       </Stack>