Version Packages (#1560)

seek-oss · Aug 15, 2024 · 1ef1a8b · 1ef1a8b
1 parent da3e28f
commit 1ef1a8b
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 37 deletions.
diff --git a/.changeset/silent-tigers-walk.md b/.changeset/silent-tigers-walk.md
diff --git a/.changeset/ten-seahorses-trade.md b/.changeset/ten-seahorses-trade.md
diff --git a/packages/braid-design-system/CHANGELOG.md b/packages/braid-design-system/CHANGELOG.md
@@ -1,5 +1,27 @@
 # braid-design-system
 
+## 32.23.0
+
+### Minor Changes
+
+- **Spread:** Add `component` prop support ([#1559](https://github.com/seek-oss/braid-design-system/pull/1559))
+
+  Enable support for changing the underlying HTML element of the `Spread` component.
+
+  **EXAMPLE USAGE:**
+
+  ```jsx
+  <Spread component="span">...</Spread>
+  ```
+
+- **Spread:** Add `data` prop support ([#1559](https://github.com/seek-oss/braid-design-system/pull/1559))
+
+  **EXAMPLE USAGE:**
+
+  ```jsx
+  <Spread data={{ test: 123 }}>...</Spread>
+  ```
+
 ## 32.22.0
 
 ### Minor Changes

diff --git a/packages/braid-design-system/package.json b/packages/braid-design-system/package.json
@@ -1,6 +1,6 @@
 {
   "name": "braid-design-system",
-  "version": "32.22.0",
+  "version": "32.23.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
@@ -4055,5 +4055,22 @@
         "summary": "**Spread:** Add new layout component\n\nIntroduce a new layout component, `Spread`, used to justify content with both an equally distributed and a specified minimum amount of space in between each child.\n\n**EXAMPLE USAGE:**\n\nThe `Spread` component works horizontally by default:\n\n```jsx\n<Spread space=\"small\" alignY=\"center\">\n  <Heading level=\"4\">Heading</Heading>\n\n  <OverflowMenu label=\"Options\">\n    <MenuItem>First</MenuItem>\n    <MenuItem>Second</MenuItem>\n  </OverflowMenu>\n</Spread>\n```\n\nBut can be switched to `vertical` via the `direction` prop:\n\n```jsx\n<Spread space=\"large\" direction=\"vertical\">\n  <Stack space=\"small\">\n    <Heading level=\"4\">Heading</Heading>\n    <Text>Text</Text>\n  </Stack>\n\n  <Text size=\"small\" tone=\"secondary\">\n    Date\n  </Text>\n</Spread>\n```"
       }
     ]
+  },
+  {
+    "version": "32.23.0",
+    "updates": [
+      {
+        "new": [
+          "Spread"
+        ],
+        "summary": "**Spread:** Add `component` prop support\n\nEnable support for changing the underlying HTML element of the `Spread` component.\n\n**EXAMPLE USAGE:**\n```jsx\n<Spread component=\"span\">\n  ...\n</Spread>\n```"
+      },
+      {
+        "new": [
+          "Spread"
+        ],
+        "summary": "**Spread:** Add `data` prop support\n\n**EXAMPLE USAGE:**\n```jsx\n<Spread data={{ test: 123 }}>\n  ...\n</Spread>\n```"
+      }
+    ]
   }
 ]