Release/v0.18.0 (#366)

# Summary | Résumé ## Release v0.18.0 ### New features - Grid functionality - Ability to add individually sized grid columns to grids as well as allowing to set equal height rows. ### Minor - #358 - [34b392d](34b392d) - Add light variant to link component ### Patch - #363 - [ab0e404](ab0e404) - Link variant property name fix - #364 - [ee16326](ee16326) - File uploader validation fix - #362 - [ac2ea8c](ac2ea8c) - Updated Header slots in storybook - #357 - [5a0bd5c](5a0bd5c) - Fixed storybook resources link - #353 - [e9624f0](e9624f0) - Updated instructions for font awesome in README
cds-snc · Jan 10, 2024 · 8261fc6 · 8261fc6
2 parents a96c1f8 + 885d57a
commit 8261fc6
Show file tree

Hide file tree

Showing 66 changed files with 828 additions and 453 deletions.
diff --git a/.github/workflows/compile-and-publish.yml b/.github/workflows/compile-and-publish.yml
@@ -45,7 +45,7 @@ jobs:
         working-directory: ${{ matrix.package }}
 
       - name: Publish ${{ matrix.name }}
-        uses: JS-DevTools/npm-publish@8d0621f78dc8b291082e6b83c56f5a170305410b
+        uses: JS-DevTools/npm-publish@3a3ce8768f68335c199746eadc16bcc7ddda963b
         id: publish
         with:
           token: ${{ secrets.NPM_TOKEN }}
@@ -137,7 +137,7 @@ jobs:
         working-directory: ${{ matrix.package }}
 
       - name: Publish ${{ matrix.name }}
-        uses: JS-DevTools/npm-publish@8d0621f78dc8b291082e6b83c56f5a170305410b
+        uses: JS-DevTools/npm-publish@3a3ce8768f68335c199746eadc16bcc7ddda963b
         id: publish
         with:
           token: ${{ secrets.NPM_TOKEN }}

diff --git a/.github/workflows/export_github_data.yml b/.github/workflows/export_github_data.yml
@@ -14,7 +14,7 @@ jobs:
           DNS_PROXY_FORWARDTOSENTINEL: "true"
           DNS_PROXY_LOGANALYTICSWORKSPACEID: ${{ secrets.LOG_ANALYTICS_WORKSPACE_ID }}
           DNS_PROXY_LOGANALYTICSSHAREDKEY: ${{ secrets.LOG_ANALYTICS_WORKSPACE_KEY }}
-      - uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 # v4.1.0
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
       - name: Export Data
         uses: cds-snc/github-repository-metadata-exporter@main
         with:

diff --git a/.github/workflows/ossf-scorecard.yml b/.github/workflows/ossf-scorecard.yml
@@ -20,12 +20,12 @@ jobs:
 
     steps:
       - name: "Checkout code"
-        uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 # v4.1.0
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           persist-credentials: false
 
       - name: "Run analysis"
-        uses: ossf/scorecard-action@2fa1e2fa153141e2950c7e1299ed05e2081ead0c
+        uses: ossf/scorecard-action@75cb7af1033cfb77c9fc7d8abc30420008f558f4
         with:
           results_file: ossf-results.json
           results_format: json

diff --git a/.github/workflows/s3-backup.yml b/.github/workflows/s3-backup.yml
@@ -10,7 +10,7 @@ jobs:
     steps:
 
     - name: Checkout
-      uses: actions/checkout@8ade135a41bc03ea155e62e844d188df1ea18608 # v4.1.0
+      uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
       with:
         fetch-depth: 0 # retrieve all history
 

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,26 @@
 
 All notable changes to this project will be documented in this file.
 
+## v0.18.0
+
+### New features
+
+- Grid functionality
+  - Ability to add individually sized grid columns to grids as well as allowing to set equal height rows.
+
+
+### Minor
+
+- https://github.com/cds-snc/gcds-components/pull/358 - [34b392d](https://github.com/cds-snc/gcds-components/commit/34b392d39f2ca0158fd608e46dcfc0509bbc69c0) - Add light variant to link component
+
+### Patch
+
+- https://github.com/cds-snc/gcds-components/pull/363 - [ab0e404](https://github.com/cds-snc/gcds-components/commit/ab0e4042d4db0c580fd61a049bd8a2696d9b3141) - Link variant property name fix
+- https://github.com/cds-snc/gcds-components/pull/364 - [ee16326](https://github.com/cds-snc/gcds-components/commit/ee16326a0daa8edb126c273f85c85c2a3cf0ef58) - File uploader validation fix
+- https://github.com/cds-snc/gcds-components/pull/362 - [ac2ea8c](https://github.com/cds-snc/gcds-components/commit/ac2ea8c0644fd98c53789cddcdb060c4b744cdcf) - Updated Header slots in storybook
+- https://github.com/cds-snc/gcds-components/pull/357 - [5a0bd5c](https://github.com/cds-snc/gcds-components/commit/5a0bd5c56ea8d59f4798ee21c385302598b2d501) - Fixed storybook resources link
+- https://github.com/cds-snc/gcds-components/pull/353 - [e9624f0](https://github.com/cds-snc/gcds-components/commit/e9624f071888db71abbf60b5869dc19d6e49b4b9) - Updated instructions for font awesome in README
+
 ## v0.17.1
 
 ### Patch

diff --git a/lerna.json b/lerna.json
@@ -1,7 +1,7 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "useNx": true,
-  "version": "0.17.1",
+  "version": "0.18.0",
   "packages": [
     "packages/web",
     "packages/react",

diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
diff --git a/packages/angular/package.json b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cdssnc/gcds-components-angular",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "author": "Government of Canada / Gouvernement du Canada",
   "description": "Angular wrapper for gcds-components",
   "homepage": "https://design-system.alpha.canada.ca/",
@@ -20,7 +20,7 @@
   "peerDependencies": {
     "@angular/common": "^16.0.0",
     "@angular/core": "^16.0.0",
-    "@cdssnc/gcds-components": "^0.17.1"
+    "@cdssnc/gcds-components": "^0.18.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

diff --git a/packages/angular/src/lib/stencil-generated/components.ts b/packages/angular/src/lib/stencil-generated/components.ts
@@ -402,14 +402,14 @@ export declare interface GcdsFooter extends Components.GcdsFooter {}
 
 
 @ProxyCmp({
-  inputs: ['alignContent', 'alignItems', 'centered', 'columns', 'columnsDesktop', 'columnsTablet', 'container', 'display', 'gap', 'justifyContent', 'justifyItems', 'placeContent', 'placeItems', 'tag']
+  inputs: ['alignContent', 'alignItems', 'centered', 'columns', 'columnsDesktop', 'columnsTablet', 'container', 'display', 'equalRowHeight', 'justifyContent', 'justifyItems', 'placeContent', 'placeItems', 'tag']
 })
 @Component({
   selector: 'gcds-grid',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['alignContent', 'alignItems', 'centered', 'columns', 'columnsDesktop', 'columnsTablet', 'container', 'display', 'gap', 'justifyContent', 'justifyItems', 'placeContent', 'placeItems', 'tag'],
+  inputs: ['alignContent', 'alignItems', 'centered', 'columns', 'columnsDesktop', 'columnsTablet', 'container', 'display', 'equalRowHeight', 'justifyContent', 'justifyItems', 'placeContent', 'placeItems', 'tag'],
 })
 export class GcdsGrid {
   protected el: HTMLElement;
@@ -423,6 +423,28 @@ export class GcdsGrid {
 export declare interface GcdsGrid extends Components.GcdsGrid {}
 
 
+@ProxyCmp({
+  inputs: ['desktop', 'tablet', 'tag']
+})
+@Component({
+  selector: 'gcds-grid-col',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['desktop', 'tablet', 'tag'],
+})
+export class GcdsGridCol {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface GcdsGridCol extends Components.GcdsGridCol {}
+
+
 @ProxyCmp({
   inputs: ['langHref', 'signatureHasLink', 'signatureVariant', 'skipToHref']
 })
@@ -601,14 +623,14 @@ export declare interface GcdsLangToggle extends Components.GcdsLangToggle {}
 
 
 @ProxyCmp({
-  inputs: ['display', 'download', 'external', 'href', 'rel', 'size', 'target', 'type']
+  inputs: ['display', 'download', 'external', 'href', 'rel', 'size', 'target', 'type', 'variant']
 })
 @Component({
   selector: 'gcds-link',
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-content></ng-content>',
   // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['display', 'download', 'external', 'href', 'rel', 'size', 'target', 'type'],
+  inputs: ['display', 'download', 'external', 'href', 'rel', 'size', 'target', 'type', 'variant'],
 })
 export class GcdsLink {
   protected el: HTMLElement;

diff --git a/packages/angular/src/lib/stencil-generated/index.ts b/packages/angular/src/lib/stencil-generated/index.ts
@@ -17,6 +17,7 @@ export const DIRECTIVES = [
   d.GcdsFileUploader,
   d.GcdsFooter,
   d.GcdsGrid,
+  d.GcdsGridCol,
   d.GcdsHeader,
   d.GcdsHeading,
   d.GcdsHint,

diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cdssnc/gcds-components-react",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "author": "Government of Canada / Gouvernement du Canada",
   "description": "React wrapper for gcds-components",
   "homepage": "https://design-system.alpha.canada.ca/",
@@ -29,7 +29,7 @@
     "gcds.css"
   ],
   "dependencies": {
-    "@cdssnc/gcds-components": "^0.17.1"
+    "@cdssnc/gcds-components": "^0.18.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.28",

diff --git a/packages/react/src/components/stencil-generated/index.ts b/packages/react/src/components/stencil-generated/index.ts
@@ -23,6 +23,7 @@ export const GcdsFieldset = /*@__PURE__*/createReactComponent<JSX.GcdsFieldset,
 export const GcdsFileUploader = /*@__PURE__*/createReactComponent<JSX.GcdsFileUploader, HTMLGcdsFileUploaderElement>('gcds-file-uploader');
 export const GcdsFooter = /*@__PURE__*/createReactComponent<JSX.GcdsFooter, HTMLGcdsFooterElement>('gcds-footer');
 export const GcdsGrid = /*@__PURE__*/createReactComponent<JSX.GcdsGrid, HTMLGcdsGridElement>('gcds-grid');
+export const GcdsGridCol = /*@__PURE__*/createReactComponent<JSX.GcdsGridCol, HTMLGcdsGridColElement>('gcds-grid-col');
 export const GcdsHeader = /*@__PURE__*/createReactComponent<JSX.GcdsHeader, HTMLGcdsHeaderElement>('gcds-header');
 export const GcdsHeading = /*@__PURE__*/createReactComponent<JSX.GcdsHeading, HTMLGcdsHeadingElement>('gcds-heading');
 export const GcdsHint = /*@__PURE__*/createReactComponent<JSX.GcdsHint, HTMLGcdsHintElement>('gcds-hint');

diff --git a/packages/web/.storybook/preview-head.html b/packages/web/.storybook/preview-head.html
@@ -308,11 +308,11 @@
   }
 
   .resources-list {
-    margin: var(--gcds-spacing-400) 0;
+    margin: var(--gcds-spacing-400) 0 !important;
   }
 
   .resources-list li {
-    margin: 0 0 var(--gcds-spacing-300);
+    margin: 0 0 var(--gcds-spacing-300) !important;
   }
 
   /* ----- COMPONENT SPECIFIC ----- */
@@ -351,6 +351,12 @@
     border: var(--gcds-border-width-sm) solid var(--gcds-border-default);
   }
 
+  /* gcds-link */
+  .sbdocs-preview .docs-story #story--components-link--variant-light {
+    background: var(--gcds-color-grayscale-900);
+    padding: var(--gcds-spacing-450);
+  }
+
   /* gcds-signature */
   .sbdocs-preview .docs-story #story--components-signature--signature-white,
   .sbdocs-preview .docs-story #story--components-signature--wordmark-white {