diff --git a/.changeset/calm-bikes-clean.md b/.changeset/calm-bikes-clean.md deleted file mode 100644 index 0daa40afded..00000000000 --- a/.changeset/calm-bikes-clean.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Autosuggest ---- - -Ensure all paths through `AutoSuggest` state updates are handled. \ No newline at end of file diff --git a/.changeset/calm-fireants-exist.md b/.changeset/calm-fireants-exist.md deleted file mode 100644 index ba2fa30ff6c..00000000000 --- a/.changeset/calm-fireants-exist.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Drawer ---- - -Fix minor bug which prevented the `Drawer` exit animation from occurring. diff --git a/.changeset/few-ravens-cheat.md b/.changeset/few-ravens-cheat.md deleted file mode 100644 index 24eaad4981e..00000000000 --- a/.changeset/few-ravens-cheat.md +++ /dev/null @@ -1,22 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -new: - - ButtonIcon ---- - -**ButtonIcon:** Add `small` size - -Introduce a new `small` size for `ButtonIcon` component. -This size sits alongside the existing `standard` and `large` sizes. - -**EXAMPLE USAGE:** -```jsx -} - label="Small size" -/> -``` diff --git a/.changeset/few-tools-deliver.md b/.changeset/few-tools-deliver.md deleted file mode 100644 index 56c848f1dbb..00000000000 --- a/.changeset/few-tools-deliver.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'braid-design-system': patch ---- - -Update Capsize dependencies diff --git a/.changeset/gentle-ads-stare.md b/.changeset/gentle-ads-stare.md deleted file mode 100644 index 9eb881731cc..00000000000 --- a/.changeset/gentle-ads-stare.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -updated: - - Dialog ---- - -Add exit animation to `Dialog` which mirrors the existing entrance animation. \ No newline at end of file diff --git a/.changeset/mighty-comics-tan.md b/.changeset/mighty-comics-tan.md deleted file mode 100644 index d43829f9bea..00000000000 --- a/.changeset/mighty-comics-tan.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Autosuggest - - PasswordField - - TextField ---- - -Adopt `small` sized `ButtonIcon` for field actions - -Switch over to `small` (previously `standard`) sized `ButtonIcon` for field actions such as clear field, or toggle password visibility. diff --git a/.changeset/orange-pots-sell.md b/.changeset/orange-pots-sell.md deleted file mode 100644 index 2a6a9bb38d3..00000000000 --- a/.changeset/orange-pots-sell.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'braid-design-system': patch -'@braid-design-system/docs-ui': patch -'@braid-design-system/source.macro': patch ---- - -Update Crackle CLI dependency diff --git a/.changeset/six-laws-burn.md b/.changeset/six-laws-burn.md deleted file mode 100644 index c93c58b5f07..00000000000 --- a/.changeset/six-laws-burn.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -new: - - Tag ---- - -**Tag:** Add `small` size - -Introduce a new `small` size for `Tag` component. -This size sits alongside the existing `standard` size, which is the default. - -**EXAMPLE USAGE:** -```jsx - - Tag - -``` diff --git a/.changeset/twelve-dryers-swim.md b/.changeset/twelve-dryers-swim.md deleted file mode 100644 index 15d5af8ff3c..00000000000 --- a/.changeset/twelve-dryers-swim.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -'@braid-design-system/docs-ui': patch ---- - ---- -updated: - - MenuButton ---- - -**MenuButton:** Improve virtual touch target positioning for narrow elements - -To maintain accessibility for smaller interactive elements, Braid uses a virtual touch target to maintain the minimum hit area. -This change ensures that the virtual element is always centered to the visual target, in particular when the width of the visual target is narrower than the minimum hit area. diff --git a/.changeset/yellow-badgers-cover.md b/.changeset/yellow-badgers-cover.md deleted file mode 100644 index a665b48f1eb..00000000000 --- a/.changeset/yellow-badgers-cover.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Accordion - - AccordionItem - - Alert - - Button - - ButtonLink - - ButtonIcon - - Checkbox - - RadioItem - - Radio - - TextDropdown - - TextLink - - TextLinkButton - - Toggle ---- - -Improve virtual touch target positioning for narrow elements - -To maintain accessibility for smaller interactive elements, Braid uses a virtual touch target to maintain the minimum hit area. -This change ensures that the virtual element is always centered to the visual target, in particular when the width of the visual target is narrower than the minimum hit area. diff --git a/packages/braid-design-system/CHANGELOG.md b/packages/braid-design-system/CHANGELOG.md index 88e9803d18e..14a3e8f94c3 100644 --- a/packages/braid-design-system/CHANGELOG.md +++ b/packages/braid-design-system/CHANGELOG.md @@ -1,5 +1,52 @@ # braid-design-system +## 32.18.0 + +### Minor Changes + +- **ButtonIcon:** Add `small` size ([#1496](https://github.com/seek-oss/braid-design-system/pull/1496)) + + Introduce a new `small` size for `ButtonIcon` component. + This size sits alongside the existing `standard` and `large` sizes. + + **EXAMPLE USAGE:** + + ```jsx + } label="Small size" /> + ``` + +- Add exit animation to `Dialog` which mirrors the existing entrance animation. ([#1489](https://github.com/seek-oss/braid-design-system/pull/1489)) + +- **Tag:** Add `small` size ([#1497](https://github.com/seek-oss/braid-design-system/pull/1497)) + + Introduce a new `small` size for `Tag` component. + This size sits alongside the existing `standard` size, which is the default. + + **EXAMPLE USAGE:** + + ```jsx + Tag + ``` + +### Patch Changes + +- Ensure all paths through `AutoSuggest` state updates are handled. ([#1486](https://github.com/seek-oss/braid-design-system/pull/1486)) + +- Fix minor bug which prevented the `Drawer` exit animation from occurring. ([#1489](https://github.com/seek-oss/braid-design-system/pull/1489)) + +- Update Capsize dependencies ([#1484](https://github.com/seek-oss/braid-design-system/pull/1484)) + +- Adopt `small` sized `ButtonIcon` for field actions ([#1496](https://github.com/seek-oss/braid-design-system/pull/1496)) + + Switch over to `small` (previously `standard`) sized `ButtonIcon` for field actions such as clear field, or toggle password visibility. + +- Update Crackle CLI dependency ([#1480](https://github.com/seek-oss/braid-design-system/pull/1480)) + +- Improve virtual touch target positioning for narrow elements ([#1493](https://github.com/seek-oss/braid-design-system/pull/1493)) + + To maintain accessibility for smaller interactive elements, Braid uses a virtual touch target to maintain the minimum hit area. + This change ensures that the virtual element is always centered to the visual target, in particular when the width of the visual target is narrower than the minimum hit area. + ## 32.17.0 ### Minor Changes diff --git a/packages/braid-design-system/package.json b/packages/braid-design-system/package.json index 4be948a1fdf..880ac93977f 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.17.0", + "version": "32.18.0", "description": "Themeable design system for the SEEK Group", "homepage": "https://seek-oss.github.io/braid-design-system/", "bugs": { diff --git a/packages/docs-ui/CHANGELOG.md b/packages/docs-ui/CHANGELOG.md index 6283f7e8644..904cb07e33e 100644 --- a/packages/docs-ui/CHANGELOG.md +++ b/packages/docs-ui/CHANGELOG.md @@ -1,5 +1,16 @@ # @braid-design-system/docs-ui +## 2.1.1 + +### Patch Changes + +- Update Crackle CLI dependency ([#1480](https://github.com/seek-oss/braid-design-system/pull/1480)) + +- **MenuButton:** Improve virtual touch target positioning for narrow elements ([#1493](https://github.com/seek-oss/braid-design-system/pull/1493)) + + To maintain accessibility for smaller interactive elements, Braid uses a virtual touch target to maintain the minimum hit area. + This change ensures that the virtual element is always centered to the visual target, in particular when the width of the visual target is narrower than the minimum hit area. + ## 2.1.0 ### Minor Changes diff --git a/packages/docs-ui/package.json b/packages/docs-ui/package.json index 1eee12bb4da..57eb97875ba 100644 --- a/packages/docs-ui/package.json +++ b/packages/docs-ui/package.json @@ -1,6 +1,6 @@ { "name": "@braid-design-system/docs-ui", - "version": "2.1.0", + "version": "2.1.1", "license": "MIT", "author": "SEEK", "exports": { diff --git a/packages/source.macro/CHANGELOG.md b/packages/source.macro/CHANGELOG.md index e2ed6fb0edf..9a6d4602a35 100644 --- a/packages/source.macro/CHANGELOG.md +++ b/packages/source.macro/CHANGELOG.md @@ -1,5 +1,11 @@ # @braid-design-system/source.macro +## 0.1.2 + +### Patch Changes + +- Update Crackle CLI dependency ([#1480](https://github.com/seek-oss/braid-design-system/pull/1480)) + ## 0.1.1 ### Patch Changes diff --git a/packages/source.macro/package.json b/packages/source.macro/package.json index 328ce1bb6d9..64ccb847d97 100644 --- a/packages/source.macro/package.json +++ b/packages/source.macro/package.json @@ -1,6 +1,6 @@ { "name": "@braid-design-system/source.macro", - "version": "0.1.1", + "version": "0.1.2", "main": "source.macro.cjs", "types": "source.macro.d.ts", "files": [ diff --git a/site/src/componentUpdates.json b/site/src/componentUpdates.json index b68d4290c20..5bab865389d 100644 --- a/site/src/componentUpdates.json +++ b/site/src/componentUpdates.json @@ -3782,5 +3782,72 @@ "summary": "Add new icons to the library" } ] + }, + { + "version": "32.18.0", + "updates": [ + { + "updated": [ + "Autosuggest" + ], + "summary": "Ensure all paths through `AutoSuggest` state updates are handled." + }, + { + "updated": [ + "Drawer" + ], + "summary": "Fix minor bug which prevented the `Drawer` exit animation from occurring." + }, + { + "new": [ + "ButtonIcon" + ], + "summary": "**ButtonIcon:** Add `small` size\n\nIntroduce a new `small` size for `ButtonIcon` component.\nThis size sits alongside the existing `standard` and `large` sizes.\n\n**EXAMPLE USAGE:**\n```jsx\n}\n label=\"Small size\"\n/>\n```" + }, + { + "updated": [ + "Dialog" + ], + "summary": "Add exit animation to `Dialog` which mirrors the existing entrance animation." + }, + { + "updated": [ + "Autosuggest", + "PasswordField", + "TextField" + ], + "summary": "Adopt `small` sized `ButtonIcon` for field actions\n\nSwitch over to `small` (previously `standard`) sized `ButtonIcon` for field actions such as clear field, or toggle password visibility." + }, + { + "new": [ + "Tag" + ], + "summary": "**Tag:** Add `small` size\n\nIntroduce a new `small` size for `Tag` component.\nThis size sits alongside the existing `standard` size, which is the default.\n\n**EXAMPLE USAGE:**\n```jsx\n\n Tag\n\n```" + }, + { + "updated": [ + "MenuButton" + ], + "summary": "**MenuButton:** Improve virtual touch target positioning for narrow elements\n\nTo maintain accessibility for smaller interactive elements, Braid uses a virtual touch target to maintain the minimum hit area.\nThis change ensures that the virtual element is always centered to the visual target, in particular when the width of the visual target is narrower than the minimum hit area." + }, + { + "updated": [ + "Accordion", + "AccordionItem", + "Alert", + "Button", + "ButtonLink", + "ButtonIcon", + "Checkbox", + "RadioItem", + "Radio", + "TextDropdown", + "TextLink", + "TextLinkButton", + "Toggle" + ], + "summary": "Improve virtual touch target positioning for narrow elements\n\nTo maintain accessibility for smaller interactive elements, Braid uses a virtual touch target to maintain the minimum hit area.\nThis change ensures that the virtual element is always centered to the visual target, in particular when the width of the visual target is narrower than the minimum hit area." + } + ] } ]