refactor(ui): fix style imports in page decorator

input-output-hk · May 8, 2024 · 9d3c5e4 · 9d3c5e4
1 parent 483e60d
commit 9d3c5e4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/ui/src/design-system/decorators/page-section.component.tsx b/packages/ui/src/design-system/decorators/page-section.component.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import { Box } from '../box';
 import { Text } from '../text';
 
-import { subtitleBox } from './page.css';
+import * as cx from './page.css';
 
 type Props = PropsWithChildren<{
   title: string;
@@ -22,7 +22,7 @@ export const Section = ({
         <Text.Heading>{title}</Text.Heading>
         {Boolean(subtitle) && (
           <Box pt="$16">
-            <div className={subtitleBox}>
+            <div className={cx.subtitleBox}>
               <Text.Body.Large>{subtitle}</Text.Body.Large>
             </div>
           </Box>

diff --git a/packages/ui/src/design-system/decorators/page.component.tsx b/packages/ui/src/design-system/decorators/page.component.tsx
@@ -12,7 +12,7 @@ import { Cell, Grid } from '../grid';
 import { Text } from '../text';
 
 import { usePageContext } from './page.context';
-import { subtitleBox } from './page.css';
+import * as cx from './page.css';
 
 export type PageProps = PropsWithChildren<{
   title: string;
@@ -45,7 +45,7 @@ export const Page = ({
             <Text.Display>{title}</Text.Display>
             {Boolean(subtitle) && (
               <Box pt="$32">
-                <div className={subtitleBox}>
+                <div className={cx.subtitleBox}>
                   <Text.Body.Large>{subtitle}</Text.Body.Large>
                 </div>
               </Box>