diff --git a/.github/workflows/publish-release.yml b/.github/workflows/publish-release.yml index 0a0d2b8962..5a5251374c 100644 --- a/.github/workflows/publish-release.yml +++ b/.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: | diff --git a/README.md b/README.md index cf4d8317df..f198c27c37 100644 --- a/README.md +++ b/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 diff --git a/packages/lib/src/flex/Flex.stories.tsx b/packages/lib/src/flex/Flex.stories.tsx index 99b1a9e265..c278117ee7 100644 --- a/packages/lib/src/flex/Flex.stories.tsx +++ b/packages/lib/src/flex/Flex.stories.tsx @@ -26,6 +26,11 @@ const Placeholder = styled.div<{ minWidth?: string; width?: string }>` const Flex = () => ( <> +
+ + + +
<Container> <DxcFlex> diff --git a/packages/lib/src/flex/Flex.tsx b/packages/lib/src/flex/Flex.tsx index e7725433c0..5a0e01a50e 100644 --- a/packages/lib/src/flex/Flex.tsx +++ b/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} /> ); diff --git a/packages/lib/src/flex/types.ts b/packages/lib/src/flex/types.ts index 386c0c4ddf..d729d1a37a 100644 --- a/packages/lib/src/flex/types.ts +++ b/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;