Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Version Packages #1631

Merged
merged 1 commit into from
Oct 31, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 0 additions & 17 deletions .changeset/beige-eels-cheer.md

This file was deleted.

22 changes: 0 additions & 22 deletions .changeset/bright-peas-trade.md

This file was deleted.

13 changes: 0 additions & 13 deletions .changeset/chatty-yaks-drop.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/grumpy-knives-suffer.md

This file was deleted.

12 changes: 0 additions & 12 deletions .changeset/loud-wasps-tickle.md

This file was deleted.

12 changes: 0 additions & 12 deletions .changeset/polite-donkeys-happen.md

This file was deleted.

17 changes: 0 additions & 17 deletions .changeset/soft-bees-smell.md

This file was deleted.

21 changes: 0 additions & 21 deletions .changeset/wet-bananas-end.md

This file was deleted.

60 changes: 59 additions & 1 deletion packages/braid-design-system/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,28 +1,86 @@
# braid-design-system

## 33.1.0

### Minor Changes

- **IconLicence:** Add component ([#1640](https://github.com/seek-oss/braid-design-system/pull/1640))

Add `IconLicence` to icon suite

**EXAMPLE USAGE:**

```jsx
<IconLicence />
```

- **IconAttachment:** Add component ([#1635](https://github.com/seek-oss/braid-design-system/pull/1635))

Add `IconAttachment` to icon suite

**EXAMPLE USAGE:**

```jsx
<IconAttachment />
```

- **Disclosure:** Add `size` support ([#1633](https://github.com/seek-oss/braid-design-system/pull/1633))

Introduce the `size` prop to the `Disclosure` component, providing the same options as the `Text` component.

**EXAMPLE USAGE:**

```jsx
<Disclosure size="small">...</Disclosure>
```

### Patch Changes

- Standardise icon slot spacing ([#1638](https://github.com/seek-oss/braid-design-system/pull/1638))

Normalise the space between the `icon` slot and component content across the system.

- **Rating:** Simplify internal layout ([#1638](https://github.com/seek-oss/braid-design-system/pull/1638))

Simplify the internal HTML and layout of the `Rating` component.
This change should not affect the appearance or behavior of the component.

- Remove lodash dependency ([#1639](https://github.com/seek-oss/braid-design-system/pull/1639))

- **useToast**: Ensure content is left aligned ([#1630](https://github.com/seek-oss/braid-design-system/pull/1630))

Applies left alignment to `Toast` content to ensure intended alignment, regardless of other styles applied.

- **IconRocket:** Update design ([#1636](https://github.com/seek-oss/braid-design-system/pull/1636))

Update the design asset for `IconRocket`

## 33.0.0

This release is a huge milestone for Braid with upgrades occurring across a number of key areas:

### Migrate layout components to [CSS Gap]

With SEEKs Browser Support Policy now enabling adoption of [CSS gap], Braid's layout components are now able to lean into the platform directly for its declarative, parent-driven approach to white space management.

The result is on average our experiences receive around a 20% reduction in DOM elements, more performant rendering, better composability without the introduction of intermediary elements and a better debug experience in dev tools.

The key tradeoff is the removal of `dividers` functionality which is explained further [here].

### Reduce `gutter` size in `seekJobs` theme

The size of the `gutter` token on the `seekJobs` theme has been reduced from `large` (i.e. 32px), to `medium` (i.e. 24px).
This is a semantic token that runs through many system components, and consumer should perform a visual design audit to ensure experiences are laid out as intended.

### Other key changes

- Remove support for React v17.x
- Removal of deprecated features

[CSS Gap]: https://developer.mozilla.org/en-US/docs/Web/CSS/gap
[here]: https://github.com/seek-oss/braid-design-system/blob/8177e4c6b502536e8f37811f5eef735ff265f1c6/docs/Removing%20dividers%20support%20from%20layout%20components.md

See full changelog below 👇
See full changelog below 👇

### Major Changes

Expand Down
2 changes: 1 addition & 1 deletion packages/braid-design-system/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "braid-design-system",
"version": "33.0.0",
"version": "33.1.0",
"description": "Themeable design system for the SEEK Group",
"homepage": "https://seek-oss.github.io/braid-design-system/",
"bugs": {
Expand Down
57 changes: 57 additions & 0 deletions site/src/componentUpdates.json
Original file line number Diff line number Diff line change
Expand Up @@ -4488,5 +4488,62 @@
"summary": "**List**: Reduce default space between list items\n\nReduce the default space between list items from `medium` to `small` or `xsmall` if the `size` prop is set to either `small` or `xsmall`."
}
]
},
{
"version": "33.1.0",
"updates": [
{
"updated": [
"IconLicence"
],
"summary": "**IconLicence:** Add component\n\nAdd `IconLicence` to icon suite\n\n**EXAMPLE USAGE:**\n```jsx\n<IconLicence />\n```"
},
{
"updated": [
"AccordionItem",
"Button",
"ButtonLink",
"FieldMessage",
"Heading",
"MenuItem",
"MenuItemCheckbox",
"Notice",
"Rating",
"Tab",
"Text"
],
"summary": "Standardise icon slot spacing\n\nNormalise the space between the `icon` slot and component content across the system."
},
{
"updated": [
"Rating"
],
"summary": "**Rating:** Simplify internal layout\n\nSimplify the internal HTML and layout of the `Rating` component.\nThis change should not affect the appearance or behavior of the component."
},
{
"updated": [
"useToast"
],
"summary": "**useToast**: Ensure content is left aligned\n\nApplies left alignment to `Toast` content to ensure intended alignment, regardless of other styles applied."
},
{
"updated": [
"IconRocket"
],
"summary": "**IconRocket:** Update design\n\nUpdate the design asset for `IconRocket`"
},
{
"new": [
"IconAttachment"
],
"summary": "**IconAttachment:** Add component\n\nAdd `IconAttachment` to icon suite\n\n**EXAMPLE USAGE:**\n```jsx\n<IconAttachment />\n```"
},
{
"updated": [
"Disclosure"
],
"summary": "**Disclosure:** Add `size` support\n\nIntroduce the `size` prop to the `Disclosure` component, providing the same options as the `Text` component.\n\n**EXAMPLE USAGE:**\n```jsx\n<Disclosure\n size=\"small\"\n>\n ...\n</Disclosure>\n```"
}
]
}
]