V15.3.2

.github/workflows/publish-release.yml

@@ -1,6 +1,8 @@
 name: Publish Release
 
-on: push
+on:
+  release:
+    types: [published]
 
 jobs:
   build:
@@ -10,10 +12,10 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v2
 
-      - name: Install Node.js 18.x
+      - name: Install Node.js 22.x
         uses: actions/setup-node@v1
         with:
-          node-version: 18.x
+          node-version: 22.x
           registry-url: https://registry.npmjs.org/
 
       - name: Configure AWS Credentials
@@ -32,14 +34,31 @@ jobs:
       - name: Build library and website
         run: npm run build
 
+      - name: Test library
+        run: npm run test
+
+      - name: Test library accessibility
+        run: npm run test:accessibility
+
+      - name: Publish RELEASE to npm
+        run: |
+          sed -i "s#\"version\": \".*\"#\"version\": \"${TAG_NAME}\"#" ./packages/lib/package.json
+          cd packages/lib
+          npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NODE_AUTH_TOKEN }}
+          TAG_NAME: ${{ github.event.release.tag_name }}
+
       - name: Install scripts dependencies
         run: cd scripts && npm install
 
       - name: Move RELEASE website to S3
-        run: node scripts/release-website.js 15.3.0
+        run: node scripts/release-website.js $TAG_NAME
+        env:
+          TAG_NAME: ${{ github.event.release.tag_name }}
 
       - name: Execute script version
-        run: node scripts/create-version.js 15.3.0
+        run: node scripts/create-version.js $TAG_NAME
 
       - name: Deploy version to S3 Bucket
         run: |

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;