gcds-components-angular: v0.22.1

0.22.1 (2024-05-27)

Patch

• gcds-components-angular: Synchronize GCDS Components versions

Dependencies

• The following workspace dependencies were updated
  • peerDependencies
    • @cdssnc/gcds-components bumped from ^0.22.0 to ^0.22.1

gcds-components-vue: v0.22.0

0.22.0 (2024-05-21)

New Features

• Add/create @cdssnc/gcds-components-vue package (#516) (3933498)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @cdssnc/gcds-components bumped from ^0.21.0 to ^0.22.0

gcds-components: v0.22.0

0.22.0 (2024-05-21)

New Features

• Add @outputs to angular wrapper components (#529) (0660093)
• Add dist-hyrdate-app output (#524) (c448c59)
• Add dist-hyrdate-app output target (c448c59)
• Add/create @cdssnc/gcds-components-vue package (#516) (3933498)

Bug Fixes

• Emit change event (d956370)
• Emit change event from form components (#523) (d956370)

gcds-components-react: v0.22.0

0.22.0 (2024-05-21)

Patch

• gcds-components-react: Synchronize GCDS Components versions

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @cdssnc/gcds-components bumped from ^0.21.0 to ^0.22.0

gcds-components-angular: v0.22.0

0.22.0 (2024-05-21)

New Features

• Add @outputs to angular wrapper components (#529) (0660093)

Dependencies

• The following workspace dependencies were updated
  • peerDependencies
    • @cdssnc/gcds-components bumped from ^0.21.0 to ^0.22.0

gcds-components: v0.21.0

0.21.0 (2024-05-08)

Breaking changes

Transition to form-associated custom elements

We've undertaken significant efforts to migrate our components to form-associated custom elements. GC Design System form components will now use the shadow DOM (document object model). The shadow DOM provides improved encapsulation and control over styling and lets form components integrate with native browser features for validation and accessibility. This feature depends on HTMLElement API attachInternals which is supported in most browsers.

This change will require all form components to have the name attribute. Here's a list of the GC Design System components affected by the change:

• File uploader (gcds-file-uploader)
• Input (gcds-input)
• Select (gcds-select)
• Text area (gcds-textarea)

Required changes for form components

• Add a name attribute
• Your code should look similar to the following:

<gcds-file-uploader name="" uploader-id="" label=""></gcds-file-uploader>
<gcds-input name="" input-id="" label=""></gcds-input>
<gcds-select name="" select-id="" label=""></gcds-select>
<gcds-textarea name="" textarea-id="" label=""></gcds-textarea>

Shadow-dom

The following components have been updated to now use the shadow DOM like other GC Design System components:

• Pagination (gcds-pagination)
• Search (gcds-search)
• Signature (gcds-signature)

Radio group

As part of the transition, our gcds-radio component has been deprecated in favour of a new component gcds-radio-group. The radio group component allows for better (native HTML) form controls in a shadow DOM environment.

Old implementation

<gcds-radio
    radio-id="radio-1"
    name="radio-example"
    label="Label 1"
    value="label-1"
>
  </gcds-radio>
  <gcds-radio
    radio-id="radio-2"
    name="radio-example"
    label="Label 2"
    value="label-2"
      >
 </gcds-radio>

New implementation

<gcds-radio-group
  name="radio-example"
  options="[{ 
      'id': 'radio-1',
      'label': 'Label 1',
      'value': 'label-1'}, {
      'id': 'radio-2',
      'label': 'Label 2',
      'value': 'label-2'}]"
>
</gcds-radio-group>

New Features

• add tag prop to gcds-sr-only component (#484) (dfb7285)

Bug Fixes

• Update utility functions for more usability (#495) (a0e8fbb)

gcds-components-react: v0.21.0

0.21.0 (2024-05-08)

Changes

• Breaking: Component rewrites (form-associated, gcds-radio-group, CSS rewrites) (#486) (ae05841)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @cdssnc/gcds-components bumped from ^0.20.0 to ^0.21.0

gcds-components-angular: v0.21.0

0.21.0 (2024-05-08)

New Features

• add tag prop to gcds-sr-only component (#484) (dfb7285)

Changes

• Breaking: Component rewrites (form-associated, gcds-radio-group, CSS rewrites) (#486) (ae05841)

Dependencies

• The following workspace dependencies were updated
  • peerDependencies
    • @cdssnc/gcds-components bumped from ^0.20.0 to ^0.21.0

gcds-components: v0.20.0

0.20.0 (2024-03-14)

New Features

• set allowed values for grid tag property to limit misuse (#470) (a686d09)

gcds-components-react: v0.20.0

0.20.0 (2024-03-14)

Bug Fixes

• invalid path for types (#471) (f859d43)

Dependencies

• The following workspace dependencies were updated
  • dependencies
    • @cdssnc/gcds-components bumped from ^0.19.1 to ^0.20.0