refactor: use helix typography

Opentrons · Jun 21, 2024 · 8e82f7b · 8e82f7b
1 parent 28d169e
commit 8e82f7b
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/app/src/molecules/InterventionModal/ModalContentMixed.tsx b/app/src/molecules/InterventionModal/ModalContentMixed.tsx
@@ -86,10 +86,19 @@ export function ModalContentMixed(props: ModalContentMixedProps): JSX.Element {
         `}
       >
         {props.headline != null ? (
-          <StyledText as="h3Bold">{props.headline}</StyledText>
+          <StyledText
+            oddStyle="level3HeaderBold"
+            desktopStyle="headingSmallBold"
+          >
+            {props.headline}
+          </StyledText>
         ) : null}
         {props.subText != null ? (
-          <StyledText as="h4" color={COLORS.grey60}>
+          <StyledText
+            oddStyle="level4HeaderRegular"
+            desktopStyle="bodyDefaultRegular"
+            color={COLORS.grey60}
+          >
             {props.subText}
           </StyledText>
         ) : null}

diff --git a/app/src/molecules/InterventionModal/index.tsx b/app/src/molecules/InterventionModal/index.tsx
@@ -24,7 +24,12 @@ import { ModalContentOneColSimpleButtons } from './ModalContentOneColSimpleButto
 import { TwoColumn } from './TwoColumn'
 import { OneColumn } from './OneColumn'
 import { ModalContentMixed } from './ModalContentMixed'
-export { ModalContentOneColSimpleButtons, TwoColumn, OneColumn, ModalContentMixed }
+export {
+  ModalContentOneColSimpleButtons,
+  TwoColumn,
+  OneColumn,
+  ModalContentMixed,
+}
 
 export type ModalType = 'intervention-required' | 'error'