Version Packages

packages/braid-design-system/CHANGELOG.md

@@ -1,5 +1,58 @@
 # braid-design-system
 
+## 32.18.0
+
+### Minor Changes
+
+- **IconPromote:** Update semantic icon from sparkles to a megaphone ([#1500](https://github.com/seek-oss/braid-design-system/pull/1500))
+
+  With the introduction of `IconAI` recently adopting the sparkles artwork (aligning with the industry trend), the `IconPromote` semantic is now updated to use a megaphone instead of sparkles.
+
+  This change will run through all semantic usages, for example `Alert`, `Notice`, etc.
+
+- **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
+  <ButtonIcon size="small" icon={<IconEdit />} 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 size="small">Tag</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

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": {

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

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": {

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

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": [

site/src/componentUpdates.json

@@ -3782,5 +3782,78 @@
         "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."
+      },
+      {
+        "updated": [
+          "IconPromote"
+        ],
+        "summary": "**IconPromote:** Update semantic icon from sparkles to a megaphone\n\nWith the introduction of `IconAI` recently adopting the sparkles artwork (aligning with the industry trend), the `IconPromote` semantic is now updated to use a megaphone instead of sparkles.\n\nThis change will run through all semantic usages, for example `Alert`, `Notice`, etc."
+      },
+      {
+        "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<ButtonIcon\n  size=\"small\"\n  icon={<IconEdit />}\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<Tag size=\"small\">\n  Tag\n</Tag>\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."
+      }
+    ]
   }
 ]