diff --git a/.changeset/calm-owls-fail.md b/.changeset/calm-owls-fail.md deleted file mode 100644 index 68fbb53c855..00000000000 --- a/.changeset/calm-owls-fail.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -new: - - IconHash ---- - -**IconHash:** Add component - -**EXAMPLE USAGE:** -```jsx - -``` diff --git a/.changeset/chilled-bulldogs-remember.md b/.changeset/chilled-bulldogs-remember.md deleted file mode 100644 index e7b3015d281..00000000000 --- a/.changeset/chilled-bulldogs-remember.md +++ /dev/null @@ -1,18 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Checkbox - - CheckboxStandalone - - MenuItemCheckbox - - RadioItem - - Toggle ---- - -Refine the Checkbox, Radio, Toggle & MenuItemCheckbox size - -Refines the size of the inline field elements including the `RadioItem`, `Checkbox`, `Toggle` and `MenuItemCheckbox` components. - -Primarily impacts consumers of the `seekJobs` theme, seeing a reduction across all sizes. diff --git a/.changeset/famous-crabs-dress.md b/.changeset/famous-crabs-dress.md deleted file mode 100644 index 253e76b0120..00000000000 --- a/.changeset/famous-crabs-dress.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Autosuggest - - Dropdown - - PasswordField - - TextField - - Textarea ---- - -Ensure no space above field with `undefined` label - -Fixes an issue where passing `undefined` as the `label` to a form field would result in an unwanted space above the field. diff --git a/.changeset/mighty-rats-sip.md b/.changeset/mighty-rats-sip.md deleted file mode 100644 index c181f08c173..00000000000 --- a/.changeset/mighty-rats-sip.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -updated: - - Autosuggest - - Dropdown - - MonthPicker - - PasswordField - - TextField - - Textarea - - Checkbox - - RadioItem - - RadioGroup - - FieldLabel - - FieldMessage ---- - -Improve internal form field spacing - -Refined the spacing between internal elements of form fields to align with the latest spacing guidelines. - -This change impacts the `Stack` spacing between `label` and `description`, the form field itself and the `message` slots. - diff --git a/.changeset/orange-news-flash.md b/.changeset/orange-news-flash.md deleted file mode 100644 index 6e15092c261..00000000000 --- a/.changeset/orange-news-flash.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -updated: - - Autosuggest ---- - -**Autosuggest:** Add `suggestionHighlight` prop - -Introduces the `suggestionHighlight` prop, which uses the input value to automatically highlight either the `matching` or `remaining` portion of each suggestion. - -**EXAMPLE USAGE:** -```jsx - -``` \ No newline at end of file diff --git a/.changeset/perfect-rockets-tan.md b/.changeset/perfect-rockets-tan.md deleted file mode 100644 index 6519335a2be..00000000000 --- a/.changeset/perfect-rockets-tan.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Badge ---- - -**Badge:** Ensure label follows correct tone - -Ensure that the foreground text of a `Badge` always follows the correct tone for the background colour. -Fixes a bug where using a `Badge` in a `List` that overrides the default tone would result in the `Badge` text following the `List` tone instead of the `Badge` tone. diff --git a/.changeset/strange-otters-carry.md b/.changeset/strange-otters-carry.md deleted file mode 100644 index 8c955d4e583..00000000000 --- a/.changeset/strange-otters-carry.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - useToast ---- - -Fix warning in React 18.3.0 when using useToast. \ No newline at end of file diff --git a/.changeset/swift-insects-own.md b/.changeset/swift-insects-own.md deleted file mode 100644 index 69e56ad2474..00000000000 --- a/.changeset/swift-insects-own.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - MonthPicker ---- - -**MonthPicker:** Reduce space between month and year fields - -Reducing the space between month and year fields to improve correlation between the two fields within the greater context of a form. diff --git a/packages/braid-design-system/CHANGELOG.md b/packages/braid-design-system/CHANGELOG.md index 020754d6412..d08b7c1b300 100644 --- a/packages/braid-design-system/CHANGELOG.md +++ b/packages/braid-design-system/CHANGELOG.md @@ -1,5 +1,56 @@ # braid-design-system +## 32.21.0 + +### Minor Changes + +- **IconHash:** Add component ([#1543](https://github.com/seek-oss/braid-design-system/pull/1543)) + + **EXAMPLE USAGE:** + + ```jsx + + ``` + +- Improve internal form field spacing ([#1541](https://github.com/seek-oss/braid-design-system/pull/1541)) + + Refined the spacing between internal elements of form fields to align with the latest spacing guidelines. + + This change impacts the `Stack` spacing between `label` and `description`, the form field itself and the `message` slots. + +- **Autosuggest:** Add `suggestionHighlight` prop ([#1536](https://github.com/seek-oss/braid-design-system/pull/1536)) + + Introduces the `suggestionHighlight` prop, which uses the input value to automatically highlight either the `matching` or `remaining` portion of each suggestion. + + **EXAMPLE USAGE:** + + ```jsx + + ``` + +### Patch Changes + +- Refine the Checkbox, Radio, Toggle & MenuItemCheckbox size ([#1541](https://github.com/seek-oss/braid-design-system/pull/1541)) + + Refines the size of the inline field elements including the `RadioItem`, `Checkbox`, `Toggle` and `MenuItemCheckbox` components. + + Primarily impacts consumers of the `seekJobs` theme, seeing a reduction across all sizes. + +- Ensure no space above field with `undefined` label ([#1541](https://github.com/seek-oss/braid-design-system/pull/1541)) + + Fixes an issue where passing `undefined` as the `label` to a form field would result in an unwanted space above the field. + +- **Badge:** Ensure label follows correct tone ([#1544](https://github.com/seek-oss/braid-design-system/pull/1544)) + + Ensure that the foreground text of a `Badge` always follows the correct tone for the background colour. + Fixes a bug where using a `Badge` in a `List` that overrides the default tone would result in the `Badge` text following the `List` tone instead of the `Badge` tone. + +- Fix warning in React 18.3.0 when using useToast. ([#1534](https://github.com/seek-oss/braid-design-system/pull/1534)) + +- **MonthPicker:** Reduce space between month and year fields ([#1541](https://github.com/seek-oss/braid-design-system/pull/1541)) + + Reducing the space between month and year fields to improve correlation between the two fields within the greater context of a form. + ## 32.20.0 ### Minor Changes diff --git a/packages/braid-design-system/package.json b/packages/braid-design-system/package.json index b798be1415b..2b4a1c4c067 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.20.0", + "version": "32.21.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 d0dc1e91e9c..975b11ace44 100644 --- a/site/src/componentUpdates.json +++ b/site/src/componentUpdates.json @@ -3946,5 +3946,76 @@ "summary": "**Toggle:** Remove tick icon & fix antialias haze when selected\n\nSimplying the selected state design by removing the tick icon from the toggle thumb.\n\nAlso fixes the antialias haze that appears around the thumb when selected." } ] + }, + { + "version": "32.21.0", + "updates": [ + { + "new": [ + "IconHash" + ], + "summary": "**IconHash:** Add component\n\n**EXAMPLE USAGE:**\n```jsx\n\n```" + }, + { + "updated": [ + "Checkbox", + "CheckboxStandalone", + "MenuItemCheckbox", + "RadioItem", + "Toggle" + ], + "summary": "Refine the Checkbox, Radio, Toggle & MenuItemCheckbox size\n\nRefines the size of the inline field elements including the `RadioItem`, `Checkbox`, `Toggle` and `MenuItemCheckbox` components.\n\nPrimarily impacts consumers of the `seekJobs` theme, seeing a reduction across all sizes." + }, + { + "updated": [ + "Autosuggest", + "Dropdown", + "PasswordField", + "TextField", + "Textarea" + ], + "summary": "Ensure no space above field with `undefined` label\n\nFixes an issue where passing `undefined` as the `label` to a form field would result in an unwanted space above the field." + }, + { + "updated": [ + "Autosuggest", + "Dropdown", + "MonthPicker", + "PasswordField", + "TextField", + "Textarea", + "Checkbox", + "RadioItem", + "RadioGroup", + "FieldLabel", + "FieldMessage" + ], + "summary": "Improve internal form field spacing\n\nRefined the spacing between internal elements of form fields to align with the latest spacing guidelines.\n\nThis change impacts the `Stack` spacing between `label` and `description`, the form field itself and the `message` slots." + }, + { + "updated": [ + "Autosuggest" + ], + "summary": "**Autosuggest:** Add `suggestionHighlight` prop\n\nIntroduces the `suggestionHighlight` prop, which uses the input value to automatically highlight either the `matching` or `remaining` portion of each suggestion.\n\n**EXAMPLE USAGE:**\n```jsx\n\n```" + }, + { + "updated": [ + "Badge" + ], + "summary": "**Badge:** Ensure label follows correct tone\n\nEnsure that the foreground text of a `Badge` always follows the correct tone for the background colour.\nFixes a bug where using a `Badge` in a `List` that overrides the default tone would result in the `Badge` text following the `List` tone instead of the `Badge` tone." + }, + { + "updated": [ + "useToast" + ], + "summary": "Fix warning in React 18.3.0 when using useToast." + }, + { + "updated": [ + "MonthPicker" + ], + "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." + } + ] } ]