Merge pull request #183 from BouyguesTelecom/fix/columns

Fix/columns
BouyguesTelecom · Nov 4, 2024 · 5d44b11 · 5d44b11
2 parents a6b8c3f + 4c3b826
commit 5d44b11
Show file tree

Hide file tree

Showing 37 changed files with 226 additions and 956 deletions.
diff --git a/examples/react-template/screens/Box.tsx b/examples/react-template/screens/Box.tsx
@@ -19,7 +19,7 @@ import {
   Title,
   TitleLevels
 } from '@trilogy-ds/react/components'
-import {TrilogyColor, TypographyAlign} from '@trilogy-ds/react/objects'
+import {TrilogyColor, TypographyAlign, VariantState} from '@trilogy-ds/react/objects'
 
 export const BoxScreen = (): JSX.Element => {
   const [active, setActive] = React.useState(false);
@@ -108,7 +108,7 @@ export const BoxScreen = (): JSX.Element => {
       </Box>
 
       <Box backgroundColor={TrilogyColor.MAIN_FADE}>
-        <BoxHeader>Box with Header and Content</BoxHeader>
+        <BoxHeader variant={"WARNING"}>Box with Header and Content</BoxHeader>
         <BoxContent>
           <Text>Background color is faded.</Text>
         </BoxContent>

diff --git a/examples/react-template/screens/Breadcrumb.tsx b/examples/react-template/screens/Breadcrumb.tsx
@@ -74,11 +74,11 @@ export const BreadcrumScreen = (): JSX.Element => {
       </Card>
 
       <Text typo={[TypographyBold.TEXT_WEIGHT_SEMIBOLD]}>Breadcrumb in rows</Text>
-      <Container centered={true} verticalCentered={true}>
+      <Container >
         <Rows>
           <RowItem></RowItem>
           <RowItem>
-            <Container centered verticalCentered>
+            <Container >
               <Breadcrumb>
                 <BreadcrumbItem href='https://Home.fr'>Home</BreadcrumbItem>
                 <BreadcrumbItem to='#anchor'>Catalog</BreadcrumbItem>