Readme lupdated and missing styles applied to flex

Author: Jialecl

README.md

@@ -31,7 +31,7 @@ const App = () => (
 
 ## Where to start
 
-Learn everything you need to know about Halstack principles and components on the [official documentation site](https://developer.dxc.com/halstack/).
+Learn everything you need to know about Halstack principles and components on the [official documentation site](https://developer.assure.dxc.com/halstack).
 
 ## Contributing
 

packages/lib/src/flex/Flex.stories.tsx

@@ -26,6 +26,11 @@ const Placeholder = styled.div<{ minWidth?: string; width?: string }>`
 
 const Flex = () => (
   <>
+    <div style={{ height: "200px", backgroundColor: "#fabada" }}>
+      <DxcFlex fullHeight justifyContent="center" alignItems="center">
+        <Placeholder />
+      </DxcFlex>
+    </div>
     <Title title="Default" level={4} />
     <Container>
       <DxcFlex>

packages/lib/src/flex/Flex.tsx

@@ -9,6 +9,7 @@ const Flex = styled.div<StyledProps>`
     ${typeof props.alignSelf === "string" ? `align-self: ${props.alignSelf};` : ""}
     ${typeof props.$basis === "string" ? `flex-basis: ${props.$basis};` : ""}
     ${typeof props.$direction === "string" ? `flex-direction: ${props.$direction};` : ""}
+    ${props.$fullHeight ? "height: 100%;" : ""}
     ${typeof props.$gap === "string" ? `gap: ${props.$gap};` : ""}
     ${typeof props.$gap === "object" ? `column-gap: ${props.$gap.columnGap}; row-gap: ${props.$gap.rowGap};` : ""}
     ${typeof props.$grow === "number" ? `flex-grow: ${props.$grow};` : ""}
@@ -28,6 +29,7 @@ const DxcFlex = ({ basis, direction, fullHeight = false, gap, grow, order, shrin
     $order={order}
     $shrink={shrink}
     $wrap={wrap}
+    $fullHeight={fullHeight}
     {...props}
   />
 );

packages/lib/src/flex/types.ts

@@ -126,6 +126,7 @@ export type StyledProps = CommonProps & {
   $wrap?: "nowrap" | "wrap" | "wrap-reverse";
   $gap?: CoreSpacingTokensType | Gap;
   $order?: number;
+  $fullHeight?: boolean;
   $grow?: number;
   $shrink?: number;
   $basis?: string;