From eb4197c4421b5861adfc28f658bf7737a4e0c7ee Mon Sep 17 00:00:00 2001 From: seek-oss-ci <34733141+seek-oss-ci@users.noreply.github.com> Date: Thu, 31 Oct 2024 13:52:49 +1100 Subject: [PATCH] Version Packages (#1631) --- .changeset/beige-eels-cheer.md | 17 ------- .changeset/bright-peas-trade.md | 22 --------- .changeset/chatty-yaks-drop.md | 13 ----- .changeset/grumpy-knives-suffer.md | 5 -- .changeset/loud-wasps-tickle.md | 12 ----- .changeset/polite-donkeys-happen.md | 12 ----- .changeset/soft-bees-smell.md | 17 ------- .changeset/wet-bananas-end.md | 21 -------- packages/braid-design-system/CHANGELOG.md | 60 ++++++++++++++++++++++- packages/braid-design-system/package.json | 2 +- site/src/componentUpdates.json | 57 +++++++++++++++++++++ 11 files changed, 117 insertions(+), 121 deletions(-) delete mode 100644 .changeset/beige-eels-cheer.md delete mode 100644 .changeset/bright-peas-trade.md delete mode 100644 .changeset/chatty-yaks-drop.md delete mode 100644 .changeset/grumpy-knives-suffer.md delete mode 100644 .changeset/loud-wasps-tickle.md delete mode 100644 .changeset/polite-donkeys-happen.md delete mode 100644 .changeset/soft-bees-smell.md delete mode 100644 .changeset/wet-bananas-end.md diff --git a/.changeset/beige-eels-cheer.md b/.changeset/beige-eels-cheer.md deleted file mode 100644 index 164b4ef8550..00000000000 --- a/.changeset/beige-eels-cheer.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -updated: - - IconLicence ---- - -**IconLicence:** Add component - -Add `IconLicence` to icon suite - -**EXAMPLE USAGE:** -```jsx - -``` \ No newline at end of file diff --git a/.changeset/bright-peas-trade.md b/.changeset/bright-peas-trade.md deleted file mode 100644 index 6679ead9da6..00000000000 --- a/.changeset/bright-peas-trade.md +++ /dev/null @@ -1,22 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - AccordionItem - - Button - - ButtonLink - - FieldMessage - - Heading - - MenuItem - - MenuItemCheckbox - - Notice - - Rating - - Tab - - Text ---- - -Standardise icon slot spacing - -Normalise the space between the `icon` slot and component content across the system. diff --git a/.changeset/chatty-yaks-drop.md b/.changeset/chatty-yaks-drop.md deleted file mode 100644 index c0024e31639..00000000000 --- a/.changeset/chatty-yaks-drop.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Rating ---- - -**Rating:** Simplify internal layout - -Simplify the internal HTML and layout of the `Rating` component. -This change should not affect the appearance or behavior of the component. diff --git a/.changeset/grumpy-knives-suffer.md b/.changeset/grumpy-knives-suffer.md deleted file mode 100644 index 62b905a5ff4..00000000000 --- a/.changeset/grumpy-knives-suffer.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'braid-design-system': patch ---- - -Remove lodash dependency 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/polite-donkeys-happen.md b/.changeset/polite-donkeys-happen.md deleted file mode 100644 index 2e0ed22b557..00000000000 --- a/.changeset/polite-donkeys-happen.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - IconRocket ---- - -**IconRocket:** Update design - -Update the design asset for `IconRocket` diff --git a/.changeset/soft-bees-smell.md b/.changeset/soft-bees-smell.md deleted file mode 100644 index 5aeefc020de..00000000000 --- a/.changeset/soft-bees-smell.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -new: - - IconAttachment ---- - -**IconAttachment:** Add component - -Add `IconAttachment` to icon suite - -**EXAMPLE USAGE:** -```jsx - -``` 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..d39f47bc9f6 100644 --- a/packages/braid-design-system/CHANGELOG.md +++ b/packages/braid-design-system/CHANGELOG.md @@ -1,10 +1,66 @@ # braid-design-system +## 33.1.0 + +### Minor Changes + +- **IconLicence:** Add component ([#1640](https://github.com/seek-oss/braid-design-system/pull/1640)) + + Add `IconLicence` to icon suite + + **EXAMPLE USAGE:** + + ```jsx + + ``` + +- **IconAttachment:** Add component ([#1635](https://github.com/seek-oss/braid-design-system/pull/1635)) + + Add `IconAttachment` to icon suite + + **EXAMPLE USAGE:** + + ```jsx + + ``` + +- **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 + +- Standardise icon slot spacing ([#1638](https://github.com/seek-oss/braid-design-system/pull/1638)) + + Normalise the space between the `icon` slot and component content across the system. + +- **Rating:** Simplify internal layout ([#1638](https://github.com/seek-oss/braid-design-system/pull/1638)) + + Simplify the internal HTML and layout of the `Rating` component. + This change should not affect the appearance or behavior of the component. + +- Remove lodash dependency ([#1639](https://github.com/seek-oss/braid-design-system/pull/1639)) + +- **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. + +- **IconRocket:** Update design ([#1636](https://github.com/seek-oss/braid-design-system/pull/1636)) + + Update the design asset for `IconRocket` + ## 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 +68,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 26269febfc0..041fbda3a73 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..0897f1636c1 100644 --- a/site/src/componentUpdates.json +++ b/site/src/componentUpdates.json @@ -4488,5 +4488,62 @@ "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": [ + "IconLicence" + ], + "summary": "**IconLicence:** Add component\n\nAdd `IconLicence` to icon suite\n\n**EXAMPLE USAGE:**\n```jsx\n\n```" + }, + { + "updated": [ + "AccordionItem", + "Button", + "ButtonLink", + "FieldMessage", + "Heading", + "MenuItem", + "MenuItemCheckbox", + "Notice", + "Rating", + "Tab", + "Text" + ], + "summary": "Standardise icon slot spacing\n\nNormalise the space between the `icon` slot and component content across the system." + }, + { + "updated": [ + "Rating" + ], + "summary": "**Rating:** Simplify internal layout\n\nSimplify the internal HTML and layout of the `Rating` component.\nThis change should not affect the appearance or behavior of the component." + }, + { + "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": [ + "IconRocket" + ], + "summary": "**IconRocket:** Update design\n\nUpdate the design asset for `IconRocket`" + }, + { + "new": [ + "IconAttachment" + ], + "summary": "**IconAttachment:** Add component\n\nAdd `IconAttachment` to icon suite\n\n**EXAMPLE USAGE:**\n```jsx\n\n```" + }, + { + "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```" + } + ] } ]