From 91fb46e708d5c426ca832e6bc78a92a1d85deeb7 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Thu, 8 Aug 2024 07:07:18 +0000 Subject: [PATCH] Version Packages --- .changeset/fast-kangaroos-switch.md | 29 ----------- .changeset/few-dogs-collect.md | 15 ------ .changeset/four-rings-shout.md | 20 -------- .changeset/pretty-geese-scream.md | 22 --------- packages/braid-design-system/CHANGELOG.md | 60 +++++++++++++++++++++++ packages/braid-design-system/package.json | 2 +- site/src/componentUpdates.json | 32 ++++++++++++ 7 files changed, 93 insertions(+), 87 deletions(-) delete mode 100644 .changeset/fast-kangaroos-switch.md delete mode 100644 .changeset/few-dogs-collect.md delete mode 100644 .changeset/four-rings-shout.md delete mode 100644 .changeset/pretty-geese-scream.md diff --git a/.changeset/fast-kangaroos-switch.md b/.changeset/fast-kangaroos-switch.md deleted file mode 100644 index c3b220df08b..00000000000 --- a/.changeset/fast-kangaroos-switch.md +++ /dev/null @@ -1,29 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -new: - - Column ---- - -**Column:** Add support for hide above/below breakpoint - -Introduce new `hideAbove` and `hideBelow` props on column for responsively hiding columns across breakpoint. - -These props can be used either separately or in combination to optimise content display across different screen sizes. - -**EXAMPLE USAGE:** -```jsx - - - - - - - - - - - -``` diff --git a/.changeset/few-dogs-collect.md b/.changeset/few-dogs-collect.md deleted file mode 100644 index 880bb4c22e3..00000000000 --- a/.changeset/few-dogs-collect.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - AccordionItem - - Checkbox - - CheckboxStandalone - - RadioItem ---- - -Move `badge` slot inside label - -Relocate the `badge` slot inside the `label` slot enabling the `Badge` to sit alongside the last word in wrapping lines of text. diff --git a/.changeset/four-rings-shout.md b/.changeset/four-rings-shout.md deleted file mode 100644 index e6d18a76933..00000000000 --- a/.changeset/four-rings-shout.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -updated: - - Badge ---- - -**Badge:** Enable usage inside typographic components - -A `Badge` can now be nested inside typographic components, e.g. `Text` and `Heading`, as an inline element alongside text. -Previously a `Badge` had to be aligned against text using an `Inline` component, which would result in the `Badge` dropping below the text when the copy wrapped. - -**EXAMPLE USAGE:** -```jsx - - Lorem ipsum velit in amet. - -``` diff --git a/.changeset/pretty-geese-scream.md b/.changeset/pretty-geese-scream.md deleted file mode 100644 index 46701f19731..00000000000 --- a/.changeset/pretty-geese-scream.md +++ /dev/null @@ -1,22 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -new: - - Tabs ---- - -**Tabs:** Add `size` support - -Introduces the ability to customise the `size` of the `Tab` components in the tab list. -Available sizes are `standard` (default) and `small`. - -**EXAMPLE USAGE:** -```jsx - - First tab - Second tab - Third tab - -``` diff --git a/packages/braid-design-system/CHANGELOG.md b/packages/braid-design-system/CHANGELOG.md index d08b7c1b300..5533faeb1f0 100644 --- a/packages/braid-design-system/CHANGELOG.md +++ b/packages/braid-design-system/CHANGELOG.md @@ -1,5 +1,65 @@ # braid-design-system +## 32.22.0 + +### Minor Changes + +- **Column:** Add support for hide above/below breakpoint ([#1553](https://github.com/seek-oss/braid-design-system/pull/1553)) + + Introduce new `hideAbove` and `hideBelow` props on column for responsively hiding columns across breakpoint. + + These props can be used either separately or in combination to optimise content display across different screen sizes. + + **EXAMPLE USAGE:** + + ```jsx + + + + + + + + + + + + ``` + +- **Badge:** Enable usage inside typographic components ([#1547](https://github.com/seek-oss/braid-design-system/pull/1547)) + + A `Badge` can now be nested inside typographic components, e.g. `Text` and `Heading`, as an inline element alongside text. + Previously a `Badge` had to be aligned against text using an `Inline` component, which would result in the `Badge` dropping below the text when the copy wrapped. + + **EXAMPLE USAGE:** + + ```jsx + + Lorem ipsum velit in amet. + + ``` + +- **Tabs:** Add `size` support ([#1550](https://github.com/seek-oss/braid-design-system/pull/1550)) + + Introduces the ability to customise the `size` of the `Tab` components in the tab list. + Available sizes are `standard` (default) and `small`. + + **EXAMPLE USAGE:** + + ```jsx + + First tab + Second tab + Third tab + + ``` + +### Patch Changes + +- Move `badge` slot inside label ([#1547](https://github.com/seek-oss/braid-design-system/pull/1547)) + + Relocate the `badge` slot inside the `label` slot enabling the `Badge` to sit alongside the last word in wrapping lines of text. + ## 32.21.0 ### Minor Changes diff --git a/packages/braid-design-system/package.json b/packages/braid-design-system/package.json index 086c33bb50a..86d7f1b6229 100644 --- a/packages/braid-design-system/package.json +++ b/packages/braid-design-system/package.json @@ -1,6 +1,6 @@ { "name": "braid-design-system", - "version": "32.21.0", + "version": "32.22.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 975b11ace44..c2ce03a66dd 100644 --- a/site/src/componentUpdates.json +++ b/site/src/componentUpdates.json @@ -4017,5 +4017,37 @@ "summary": "**MonthPicker:** Reduce space between month and year fields\n\nReducing the space between month and year fields to improve correlation between the two fields within the greater context of a form." } ] + }, + { + "version": "32.22.0", + "updates": [ + { + "new": [ + "Column" + ], + "summary": "**Column:** Add support for hide above/below breakpoint\n\nIntroduce new `hideAbove` and `hideBelow` props on column for responsively hiding columns across breakpoint.\n\nThese props can be used either separately or in combination to optimise content display across different screen sizes.\n\n**EXAMPLE USAGE:**\n```jsx\n\n \n \n \n \n \n \n \n \n \n\n```" + }, + { + "updated": [ + "AccordionItem", + "Checkbox", + "CheckboxStandalone", + "RadioItem" + ], + "summary": "Move `badge` slot inside label\n\nRelocate the `badge` slot inside the `label` slot enabling the `Badge` to sit alongside the last word in wrapping lines of text." + }, + { + "updated": [ + "Badge" + ], + "summary": "**Badge:** Enable usage inside typographic components\n\nA `Badge` can now be nested inside typographic components, e.g. `Text` and `Heading`, as an inline element alongside text.\nPreviously a `Badge` had to be aligned against text using an `Inline` component, which would result in the `Badge` dropping below the text when the copy wrapped.\n\n**EXAMPLE USAGE:**\n```jsx\n\n Lorem ipsum velit in amet.\n\n```" + }, + { + "new": [ + "Tabs" + ], + "summary": "**Tabs:** Add `size` support\n\nIntroduces the ability to customise the `size` of the `Tab` components in the tab list.\nAvailable sizes are `standard` (default) and `small`.\n\n**EXAMPLE USAGE:**\n```jsx\n\n First tab\n Second tab\n Third tab\n\n```" + } + ] } ]