diff --git a/.changeset/loud-wasps-tickle.md b/.changeset/loud-wasps-tickle.md deleted file mode 100644 index 449b105ff08..00000000000 --- a/.changeset/loud-wasps-tickle.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - useToast ---- - -**useToast**: Ensure content is left aligned - -Applies left alignment to `Toast` content to ensure intended alignment, regardless of other styles applied. diff --git a/.changeset/wet-bananas-end.md b/.changeset/wet-bananas-end.md deleted file mode 100644 index 0e54c28776c..00000000000 --- a/.changeset/wet-bananas-end.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -updated: - - Disclosure ---- - -**Disclosure:** Add `size` support - -Introduce the `size` prop to the `Disclosure` component, providing the same options as the `Text` component. - -**EXAMPLE USAGE:** -```jsx - - ... - -``` diff --git a/packages/braid-design-system/CHANGELOG.md b/packages/braid-design-system/CHANGELOG.md index 1a7f9bbe4d7..5859e3e9a29 100644 --- a/packages/braid-design-system/CHANGELOG.md +++ b/packages/braid-design-system/CHANGELOG.md @@ -1,10 +1,31 @@ # braid-design-system +## 33.1.0 + +### Minor Changes + +- **Disclosure:** Add `size` support ([#1633](https://github.com/seek-oss/braid-design-system/pull/1633)) + + Introduce the `size` prop to the `Disclosure` component, providing the same options as the `Text` component. + + **EXAMPLE USAGE:** + + ```jsx + ... + ``` + +### Patch Changes + +- **useToast**: Ensure content is left aligned ([#1630](https://github.com/seek-oss/braid-design-system/pull/1630)) + + Applies left alignment to `Toast` content to ensure intended alignment, regardless of other styles applied. + ## 33.0.0 This release is a huge milestone for Braid with upgrades occurring across a number of key areas: ### Migrate layout components to [CSS Gap] + With SEEKs Browser Support Policy now enabling adoption of [CSS gap], Braid's layout components are now able to lean into the platform directly for its declarative, parent-driven approach to white space management. The result is on average our experiences receive around a 20% reduction in DOM elements, more performant rendering, better composability without the introduction of intermediary elements and a better debug experience in dev tools. @@ -12,17 +33,19 @@ The result is on average our experiences receive around a 20% reduction in DOM e The key tradeoff is the removal of `dividers` functionality which is explained further [here]. ### Reduce `gutter` size in `seekJobs` theme + The size of the `gutter` token on the `seekJobs` theme has been reduced from `large` (i.e. 32px), to `medium` (i.e. 24px). This is a semantic token that runs through many system components, and consumer should perform a visual design audit to ensure experiences are laid out as intended. ### Other key changes + - Remove support for React v17.x - Removal of deprecated features [CSS Gap]: https://developer.mozilla.org/en-US/docs/Web/CSS/gap [here]: https://github.com/seek-oss/braid-design-system/blob/8177e4c6b502536e8f37811f5eef735ff265f1c6/docs/Removing%20dividers%20support%20from%20layout%20components.md -See full changelog below 👇 +See full changelog below 👇 ### Major Changes diff --git a/packages/braid-design-system/package.json b/packages/braid-design-system/package.json index 10032eaf254..2534133022d 100644 --- a/packages/braid-design-system/package.json +++ b/packages/braid-design-system/package.json @@ -1,6 +1,6 @@ { "name": "braid-design-system", - "version": "33.0.0", + "version": "33.1.0", "description": "Themeable design system for the SEEK Group", "homepage": "https://seek-oss.github.io/braid-design-system/", "bugs": { diff --git a/site/src/componentUpdates.json b/site/src/componentUpdates.json index aff4fe10bd9..0ad300b9740 100644 --- a/site/src/componentUpdates.json +++ b/site/src/componentUpdates.json @@ -4488,5 +4488,22 @@ "summary": "**List**: Reduce default space between list items\n\nReduce the default space between list items from `medium` to `small` or `xsmall` if the `size` prop is set to either `small` or `xsmall`." } ] + }, + { + "version": "33.1.0", + "updates": [ + { + "updated": [ + "useToast" + ], + "summary": "**useToast**: Ensure content is left aligned\n\nApplies left alignment to `Toast` content to ensure intended alignment, regardless of other styles applied." + }, + { + "updated": [ + "Disclosure" + ], + "summary": "**Disclosure:** Add `size` support\n\nIntroduce the `size` prop to the `Disclosure` component, providing the same options as the `Text` component.\n\n**EXAMPLE USAGE:**\n```jsx\n\n ...\n\n```" + } + ] } ]