braid-design-system 31.2.2 → 31.4.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/.changeset/README.md +2 -2
- package/.eslintrc +1 -1
- package/CHANGELOG.md +42 -0
- package/README.md +5 -5
- package/codemod/dist/index.js +249 -249
- package/codemod/dist/wrapper.js +14655 -16120
- package/color-mode/index.ts +10 -6
- package/css/index.ts +2 -0
- package/css/vars.docs.tsx +39 -2
- package/lib/components/Accordion/Accordion.docs.tsx +40 -1
- package/lib/components/Accordion/Accordion.gallery.tsx +25 -0
- package/lib/components/Accordion/Accordion.screenshots.tsx +17 -1
- package/lib/components/Accordion/Accordion.snippets.tsx +16 -0
- package/lib/components/Accordion/AccordionItem.tsx +27 -4
- package/lib/components/Autosuggest/Autosuggest.tsx +13 -0
- package/lib/components/Badge/Badge.playroom.tsx +2 -0
- package/lib/components/Badge/Badge.tsx +2 -0
- package/lib/components/Button/Button.docs.tsx +2 -2
- package/lib/components/MenuItem/MenuItem.docs.tsx +3 -3
- package/lib/components/MenuItemCheckbox/MenuItemCheckbox.docs.tsx +2 -2
- package/lib/components/MenuItemCheckbox/MenuItemCheckbox.gallery.tsx +1 -1
- package/lib/components/MenuItemDivider/MenuItemDivider.docs.tsx +2 -2
- package/lib/components/MenuItemDivider/MenuItemDivider.gallery.tsx +1 -1
- package/lib/components/MenuRenderer/MenuRenderer.css.ts +0 -5
- package/lib/components/MenuRenderer/MenuRenderer.docs.tsx +65 -55
- package/lib/components/MenuRenderer/MenuRenderer.gallery.tsx +57 -50
- package/lib/components/MenuRenderer/MenuRenderer.screenshots.tsx +64 -0
- package/lib/components/MenuRenderer/MenuRenderer.tsx +3 -6
- package/lib/components/MonthPicker/MonthPicker.docs.tsx +2 -2
- package/lib/components/OverflowMenu/OverflowMenu.docs.tsx +3 -3
- package/lib/components/OverflowMenu/OverflowMenu.gallery.tsx +1 -1
- package/lib/components/OverflowMenu/OverflowMenu.screenshots.tsx +1 -1
- package/lib/components/OverflowMenu/OverflowMenu.tsx +5 -1
- package/lib/components/Tabs/Tab.tsx +3 -2
- package/package.json +23 -27
- package/tsconfig.json +2 -4
package/.changeset/README.md
CHANGED
|
@@ -29,7 +29,7 @@ My summary of the change
|
|
|
29
29
|
Add a changeset as part of a PR if the changes impact the consumer. A changeset is basically a markdown file which also describes the size of the change (patch, minor or major).
|
|
30
30
|
|
|
31
31
|
```bash
|
|
32
|
-
|
|
32
|
+
pnpm changeset add
|
|
33
33
|
```
|
|
34
34
|
|
|
35
35
|
A PR could theoretically have multiple changesets describing different changes.
|
|
@@ -42,7 +42,7 @@ The [changeset-bot](https://github.com/apps/changeset-bot) will add a reminder o
|
|
|
42
42
|
|
|
43
43
|
### Github action creates a changeset PR (kind of like renovate)
|
|
44
44
|
|
|
45
|
-
After merging the PR to master, a new PR is automatically created that contains the result of `
|
|
45
|
+
After merging the PR to master, a new PR is automatically created that contains the result of `pnpm changeset version`.
|
|
46
46
|
|
|
47
47
|
This:
|
|
48
48
|
|
package/.eslintrc
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/** THIS FILE IS GENERATED BY SKU, MANUAL CHANGES WILL BE DISCARDED **/
|
|
2
2
|
{
|
|
3
|
-
"extends": "/home/runner/work/braid-design-system/braid-design-system/node_modules/eslint-config-seek/.eslintrc.js"
|
|
3
|
+
"extends": "/home/runner/work/braid-design-system/braid-design-system/node_modules/.pnpm/eslint-config-seek@7.0.8_eslint@7.30.0+typescript@4.4.2/node_modules/eslint-config-seek/.eslintrc.js"
|
|
4
4
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,47 @@
|
|
|
1
1
|
# braid-design-system
|
|
2
2
|
|
|
3
|
+
## 31.4.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- **AccordionItem:** Add badge support ([#1057](https://github.com/seek-oss/braid-design-system/pull/1057))
|
|
8
|
+
|
|
9
|
+
The `AccordionItem` now has support for the `badge` prop.
|
|
10
|
+
|
|
11
|
+
**EXAMPLE USAGE:**
|
|
12
|
+
|
|
13
|
+
```jsx
|
|
14
|
+
<AccordionItem label="Label" badge={<Badge>New</Badge>}>
|
|
15
|
+
...
|
|
16
|
+
</AccordionItem>
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- **Autosuggest:** Scroll list into view ([#1058](https://github.com/seek-oss/braid-design-system/pull/1058))
|
|
22
|
+
|
|
23
|
+
The suggestions list will now be scrolled into view (on tablet and above) if it extends beyond the bottom of the window. This prevents suggestions (particularly those loaded asynchronously) from being obscured by the edge of the window.
|
|
24
|
+
|
|
25
|
+
## 31.3.1
|
|
26
|
+
|
|
27
|
+
### Patch Changes
|
|
28
|
+
|
|
29
|
+
- **MenuRenderer, OverflowMenu:** Ensure layout of the trigger is controlled by the parent ([#1055](https://github.com/seek-oss/braid-design-system/pull/1055))
|
|
30
|
+
|
|
31
|
+
Fixes an issue where the trigger container did not adhere to the parent layout, preventing consumers from providing triggers that take up the full width of their available space. This goes against one of Braid's key layout principles which says [spacing between elements is owned entirely by layout components](https://seek-oss.github.io/braid-design-system/foundations/layout).
|
|
32
|
+
|
|
33
|
+
## 31.3.0
|
|
34
|
+
|
|
35
|
+
### Minor Changes
|
|
36
|
+
|
|
37
|
+
- **vars:** Expose `contentWidth` theme tokens ([#1052](https://github.com/seek-oss/braid-design-system/pull/1052))
|
|
38
|
+
|
|
39
|
+
## 31.2.3
|
|
40
|
+
|
|
41
|
+
### Patch Changes
|
|
42
|
+
|
|
43
|
+
- Update experimental color mode flags ([#1050](https://github.com/seek-oss/braid-design-system/pull/1050))
|
|
44
|
+
|
|
3
45
|
## 31.2.2
|
|
4
46
|
|
|
5
47
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -87,19 +87,19 @@ If you're migrating from an existing style guide, please refer to the [Style Gui
|
|
|
87
87
|
|
|
88
88
|
## Local Development
|
|
89
89
|
|
|
90
|
-
This project uses [
|
|
90
|
+
This project uses [pnpm](https://pnpm.io/) for development dependencies.
|
|
91
91
|
|
|
92
|
-
Installing with `
|
|
92
|
+
Installing with `pnpm` is required to ensure dependencies match the current [pnpm-lock.yaml](./pnpm-lock.yaml).
|
|
93
93
|
|
|
94
94
|
```bash
|
|
95
|
-
$
|
|
96
|
-
$
|
|
95
|
+
$ pnpm install
|
|
96
|
+
$ pnpm start
|
|
97
97
|
```
|
|
98
98
|
|
|
99
99
|
Start a local Storybook server:
|
|
100
100
|
|
|
101
101
|
```bash
|
|
102
|
-
$
|
|
102
|
+
$ pnpm storybook
|
|
103
103
|
```
|
|
104
104
|
|
|
105
105
|
## Contributing
|