diff --git a/.changeset/clever-seahorses-yell.md b/.changeset/clever-seahorses-yell.md deleted file mode 100644 index 1670f36777e..00000000000 --- a/.changeset/clever-seahorses-yell.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Tiles ---- - -**Tiles**: Fixes a bug where nested `Tiles` components could calculate their columns incorrectly. - -Previously, when using a `Tiles` component inside another `Tiles` component, the responsive column calculation could be incorrect in certain scenarios. -This change ensures nested `Tiles` elements always calculate their columns correctly. diff --git a/.changeset/four-cups-live.md b/.changeset/four-cups-live.md deleted file mode 100644 index 645f9016df5..00000000000 --- a/.changeset/four-cups-live.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Button - - ButtonLink ---- - -**Button, ButtonLink:** Ensure inner label is full width - -Ensuring the inner label element is full width to maintain backwards compatibility with previous block layout. diff --git a/.changeset/orange-kiwis-laugh.md b/.changeset/orange-kiwis-laugh.md deleted file mode 100644 index 64892a1c83d..00000000000 --- a/.changeset/orange-kiwis-laugh.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Columns ---- - -**Columns:** Ensure component occupies available height - -Enables `Columns` content to occupy the available height of the parent container. diff --git a/.changeset/tender-readers-draw.md b/.changeset/tender-readers-draw.md deleted file mode 100644 index 79876ee4eb6..00000000000 --- a/.changeset/tender-readers-draw.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -new: - - Table ---- - -**Table:** Add component - -**EXAMPLE USAGE:** -```jsx - - - - ... - ... - ... - - - - - ... - ... - ... - - ... - -
-``` diff --git a/.changeset/tidy-cooks-fly.md b/.changeset/tidy-cooks-fly.md deleted file mode 100644 index 00917585ca9..00000000000 --- a/.changeset/tidy-cooks-fly.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - AccordionItem ---- - -**AccordionItem**: Simplify internal layout. diff --git a/.changeset/wicked-dancers-end.md b/.changeset/wicked-dancers-end.md deleted file mode 100644 index 269407029c6..00000000000 --- a/.changeset/wicked-dancers-end.md +++ /dev/null @@ -1,19 +0,0 @@ ---- -'braid-design-system': minor ---- - ---- -updated: - - MenuRenderer - - OverflowMenu ---- - -**MenuRenderer, OverflowMenu:** Add `small` size. - -Introduce a new `small` size for `MenuRenderer` and `OverflowMenu`. -This is available via the `size` prop, which supports the existing `standard` (default) and `small`. - -**EXAMPLE USAGE:** -```jsx - -``` diff --git a/.changeset/wise-guests-bow.md b/.changeset/wise-guests-bow.md deleted file mode 100644 index f69ba9f9e3b..00000000000 --- a/.changeset/wise-guests-bow.md +++ /dev/null @@ -1,16 +0,0 @@ ---- -'braid-design-system': patch ---- - ---- -updated: - - Accordion - - AccordionItem ---- - -**Accordion, AccordionItem**: Adjust spacing values for improved visual balance. - -This change reduces the default spacing within `Accordion` and `AccordionItem` components at certain sizes, ensuring the content is better associated with the correct `AccordionItem`. - -Within the `Accordion` component, the default space between `AccordionItem` components has been reduced for size `large` with dividers, and sizes `small` and `xsmall` without dividers. -Within the `AccordionItem` component, the space between the `label` and content has been reduced for sizes `large` and `small`. diff --git a/packages/braid-design-system/CHANGELOG.md b/packages/braid-design-system/CHANGELOG.md index 3d9238cde4b..052f7d056ea 100644 --- a/packages/braid-design-system/CHANGELOG.md +++ b/packages/braid-design-system/CHANGELOG.md @@ -1,5 +1,68 @@ # braid-design-system +## 33.3.0 + +### Minor Changes + +- **Table:** Add component ([#1673](https://github.com/seek-oss/braid-design-system/pull/1673)) + + **EXAMPLE USAGE:** + + ```jsx + + + + ... + ... + ... + + + + + ... + ... + ... + + ... + +
+ ``` + +- **MenuRenderer, OverflowMenu:** Add `small` size. ([#1675](https://github.com/seek-oss/braid-design-system/pull/1675)) + + Introduce a new `small` size for `MenuRenderer` and `OverflowMenu`. + This is available via the `size` prop, which supports the existing `standard` (default) and `small`. + + **EXAMPLE USAGE:** + + ```jsx + + ``` + +### Patch Changes + +- **Tiles**: Fixes a bug where nested `Tiles` components could calculate their columns incorrectly. ([#1667](https://github.com/seek-oss/braid-design-system/pull/1667)) + + Previously, when using a `Tiles` component inside another `Tiles` component, the responsive column calculation could be incorrect in certain scenarios. + This change ensures nested `Tiles` elements always calculate their columns correctly. + +- **Button, ButtonLink:** Ensure inner label is full width ([#1671](https://github.com/seek-oss/braid-design-system/pull/1671)) + + Ensuring the inner label element is full width to maintain backwards compatibility with previous block layout. + +- **Columns:** Ensure component occupies available height ([#1672](https://github.com/seek-oss/braid-design-system/pull/1672)) + + Enables `Columns` content to occupy the available height of the parent container. + +- **AccordionItem**: Simplify internal layout. ([#1674](https://github.com/seek-oss/braid-design-system/pull/1674)) + +- **Accordion, AccordionItem**: Adjust spacing values for improved visual balance. ([#1674](https://github.com/seek-oss/braid-design-system/pull/1674)) + + This change reduces the default spacing within `Accordion` and `AccordionItem` components at certain sizes, ensuring the content is better associated with the correct `AccordionItem`. + + Within the `Accordion` component, the default space between `AccordionItem` components has been reduced for size `large` with dividers, and sizes `small` and `xsmall` without dividers. + Within the `AccordionItem` component, the space between the `label` and content has been reduced for sizes `large` and `small`. + ## 33.2.2 ### Patch Changes diff --git a/packages/braid-design-system/package.json b/packages/braid-design-system/package.json index 10d137bf2e3..9e8e2d29965 100644 --- a/packages/braid-design-system/package.json +++ b/packages/braid-design-system/package.json @@ -1,6 +1,6 @@ { "name": "braid-design-system", - "version": "33.2.2", + "version": "33.3.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 e292e6fd38e..74c77ce6ddf 100644 --- a/site/src/componentUpdates.json +++ b/site/src/componentUpdates.json @@ -4619,5 +4619,55 @@ "summary": "**MenuRenderer, OverflowMenu:** Fixes a bug where menus could be obscured when rendered inside a `Dialog` or `Drawer` component." } ] + }, + { + "version": "33.3.0", + "updates": [ + { + "updated": [ + "Tiles" + ], + "summary": "**Tiles**: Fixes a bug where nested `Tiles` components could calculate their columns incorrectly.\n\nPreviously, when using a `Tiles` component inside another `Tiles` component, the responsive column calculation could be incorrect in certain scenarios. \nThis change ensures nested `Tiles` elements always calculate their columns correctly." + }, + { + "updated": [ + "Button", + "ButtonLink" + ], + "summary": "**Button, ButtonLink:** Ensure inner label is full width\n\nEnsuring the inner label element is full width to maintain backwards compatibility with previous block layout." + }, + { + "updated": [ + "Columns" + ], + "summary": "**Columns:** Ensure component occupies available height\n\nEnables `Columns` content to occupy the available height of the parent container." + }, + { + "new": [ + "Table" + ], + "summary": "**Table:** Add component\n\n**EXAMPLE USAGE:**\n```jsx\n\n \n \n ...\n ...\n ...\n \n \n \n \n ...\n ...\n ...\n \n ...\n \n
\n```" + }, + { + "updated": [ + "AccordionItem" + ], + "summary": "**AccordionItem**: Simplify internal layout." + }, + { + "updated": [ + "MenuRenderer", + "OverflowMenu" + ], + "summary": "**MenuRenderer, OverflowMenu:** Add `small` size.\n\nIntroduce a new `small` size for `MenuRenderer` and `OverflowMenu`.\nThis is available via the `size` prop, which supports the existing `standard` (default) and `small`.\n\n**EXAMPLE USAGE:**\n```jsx\n\n```" + }, + { + "updated": [ + "Accordion", + "AccordionItem" + ], + "summary": "**Accordion, AccordionItem**: Adjust spacing values for improved visual balance.\n\nThis change reduces the default spacing within `Accordion` and `AccordionItem` components at certain sizes, ensuring the content is better associated with the correct `AccordionItem`.\n\nWithin the `Accordion` component, the default space between `AccordionItem` components has been reduced for size `large` with dividers, and sizes `small` and `xsmall` without dividers.\nWithin the `AccordionItem` component, the space between the `label` and content has been reduced for sizes `large` and `small`." + } + ] } ]