braid-design-system 32.0.0 → 32.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +68 -0
- package/codemod/dist/wrapper.js +46164 -26338
- package/dist/ToastContext.chunk.cjs +64 -16
- package/dist/ToastContext.chunk.mjs +77 -29
- package/dist/Toggle.chunk.cjs +53 -30
- package/dist/Toggle.chunk.mjs +54 -31
- package/dist/index.d.ts +32 -32
- package/dist/playroom/components.d.ts +31 -31
- package/dist/playroom/components.mjs +1 -1
- package/dist/styles/lib/components/TextLink/TextLink.css.cjs +0 -5
- package/dist/styles/lib/components/TextLink/TextLink.css.mjs +0 -5
- package/dist/styles/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.css.cjs +9 -0
- package/dist/styles/lib/components/private/AvoidWidowIcon/AvoidWidowIcon.css.mjs +10 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,73 @@
|
|
|
1
1
|
# braid-design-system
|
|
2
2
|
|
|
3
|
+
## 32.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- **Disclosure:** Add `weight` support ([#1240](https://github.com/seek-oss/braid-design-system/pull/1240))
|
|
8
|
+
|
|
9
|
+
Provides support for reducing the visual weight of the Disclosure's call to action. Follows the same contextual styling rules as `TextLink`.
|
|
10
|
+
|
|
11
|
+
**EXAMPLE USAGE:**
|
|
12
|
+
|
|
13
|
+
```jsx
|
|
14
|
+
<Disclosure weight="weak">...</Disclosure>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
- **Disclosure:** Add inline content support ([#1240](https://github.com/seek-oss/braid-design-system/pull/1240))
|
|
18
|
+
|
|
19
|
+
Provides support for using a Disclosure within a sentence by allowing it to be nested within a typographic component, i.e. `Text`.
|
|
20
|
+
|
|
21
|
+
All size and weight properties will inherit from the parent component.
|
|
22
|
+
|
|
23
|
+
**EXAMPLE USAGE:**
|
|
24
|
+
|
|
25
|
+
```jsx
|
|
26
|
+
<Text>
|
|
27
|
+
Preceding text content that is followed by a Disclosure.
|
|
28
|
+
<Disclosure expandLabel="Read more">...</Disclosure>
|
|
29
|
+
</Text>
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
- **Button, ButtonLink, TextLink, TextLinkButton:** Add support for trailing icons ([#1242](https://github.com/seek-oss/braid-design-system/pull/1242))
|
|
33
|
+
|
|
34
|
+
Provide support for choosing the position of the `icon` slot within a `Button` or `TextLink`.
|
|
35
|
+
|
|
36
|
+
By default, the `iconPosition` will be `leading` the label, but optionally, can be set to `trailing`.
|
|
37
|
+
|
|
38
|
+
**EXAMPLE USAGE:**
|
|
39
|
+
|
|
40
|
+
```jsx
|
|
41
|
+
<Button icon={<IconArrow direction="right" />} iconPosition="trailing">
|
|
42
|
+
Next
|
|
43
|
+
</Button>
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### Patch Changes
|
|
47
|
+
|
|
48
|
+
- Show `description` on form fields when no `label` provided ([#1239](https://github.com/seek-oss/braid-design-system/pull/1239))
|
|
49
|
+
|
|
50
|
+
Previously, a `FieldLabel` without a `label` would return nothing. However, now that form fields can opt for [indirect or hidden labels] (via `aria-label` or `aria-labelledby`), the `description` should still be shown if provided.
|
|
51
|
+
|
|
52
|
+
> Note: The `secondaryLabel` and `tertiaryLabel` remain conditional based on the presence of a `label`. This is due to their location in the layout being anchored off the `label`.
|
|
53
|
+
|
|
54
|
+
**EXAMPLE USAGE:**
|
|
55
|
+
|
|
56
|
+
```jsx
|
|
57
|
+
<FieldLabel description="Description now visible without label" />
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
[indirect or hidden labels]: https://seek-oss.github.io/braid-design-system/components/TextField#indirect-or-hidden-field-labels
|
|
61
|
+
|
|
62
|
+
- **TextLink, TextLinkButton:** Increase text weight of weak links ([#1237](https://github.com/seek-oss/braid-design-system/pull/1237))
|
|
63
|
+
|
|
64
|
+
Increases the text weight of `weak` links to `medium`, increasing the affordance against standard text.
|
|
65
|
+
As a result, this makes the weight of all text links consistent.
|
|
66
|
+
|
|
67
|
+
- **Disclosure:** Ensure chevron does not wrap alone ([#1240](https://github.com/seek-oss/braid-design-system/pull/1240))
|
|
68
|
+
|
|
69
|
+
Fixes the scenario where based on copy length and container size, the chevron could wrap independently of the rest of the label. By using a zero-width, non-breaking space, the chevron will now wrap together with the last word of the label.
|
|
70
|
+
|
|
3
71
|
## 32.0.0
|
|
4
72
|
|
|
5
73
|
The is a huge enablement release that sees the removal of legacy themes and [treat](https://seek-oss.github.io/treat/) our previous styling solution, as well as a migration to our new build tool [Crackle](https://github.com/seek-oss/crackle/).
|