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.
Files changed (36) hide show
  1. package/.changeset/README.md +2 -2
  2. package/.eslintrc +1 -1
  3. package/CHANGELOG.md +42 -0
  4. package/README.md +5 -5
  5. package/codemod/dist/index.js +249 -249
  6. package/codemod/dist/wrapper.js +14655 -16120
  7. package/color-mode/index.ts +10 -6
  8. package/css/index.ts +2 -0
  9. package/css/vars.docs.tsx +39 -2
  10. package/lib/components/Accordion/Accordion.docs.tsx +40 -1
  11. package/lib/components/Accordion/Accordion.gallery.tsx +25 -0
  12. package/lib/components/Accordion/Accordion.screenshots.tsx +17 -1
  13. package/lib/components/Accordion/Accordion.snippets.tsx +16 -0
  14. package/lib/components/Accordion/AccordionItem.tsx +27 -4
  15. package/lib/components/Autosuggest/Autosuggest.tsx +13 -0
  16. package/lib/components/Badge/Badge.playroom.tsx +2 -0
  17. package/lib/components/Badge/Badge.tsx +2 -0
  18. package/lib/components/Button/Button.docs.tsx +2 -2
  19. package/lib/components/MenuItem/MenuItem.docs.tsx +3 -3
  20. package/lib/components/MenuItemCheckbox/MenuItemCheckbox.docs.tsx +2 -2
  21. package/lib/components/MenuItemCheckbox/MenuItemCheckbox.gallery.tsx +1 -1
  22. package/lib/components/MenuItemDivider/MenuItemDivider.docs.tsx +2 -2
  23. package/lib/components/MenuItemDivider/MenuItemDivider.gallery.tsx +1 -1
  24. package/lib/components/MenuRenderer/MenuRenderer.css.ts +0 -5
  25. package/lib/components/MenuRenderer/MenuRenderer.docs.tsx +65 -55
  26. package/lib/components/MenuRenderer/MenuRenderer.gallery.tsx +57 -50
  27. package/lib/components/MenuRenderer/MenuRenderer.screenshots.tsx +64 -0
  28. package/lib/components/MenuRenderer/MenuRenderer.tsx +3 -6
  29. package/lib/components/MonthPicker/MonthPicker.docs.tsx +2 -2
  30. package/lib/components/OverflowMenu/OverflowMenu.docs.tsx +3 -3
  31. package/lib/components/OverflowMenu/OverflowMenu.gallery.tsx +1 -1
  32. package/lib/components/OverflowMenu/OverflowMenu.screenshots.tsx +1 -1
  33. package/lib/components/OverflowMenu/OverflowMenu.tsx +5 -1
  34. package/lib/components/Tabs/Tab.tsx +3 -2
  35. package/package.json +23 -27
  36. package/tsconfig.json +2 -4
@@ -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
- yarn changeset add
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 `yarn changeset version`.
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 [Yarn](https://yarnpkg.com) for development dependencies.
90
+ This project uses [pnpm](https://pnpm.io/) for development dependencies.
91
91
 
92
- Installing with `yarn` is required to ensure dependencies match the current [yarn.lock](./yarn.lock).
92
+ Installing with `pnpm` is required to ensure dependencies match the current [pnpm-lock.yaml](./pnpm-lock.yaml).
93
93
 
94
94
  ```bash
95
- $ yarn
96
- $ yarn start
95
+ $ pnpm install
96
+ $ pnpm start
97
97
  ```
98
98
 
99
99
  Start a local Storybook server:
100
100
 
101
101
  ```bash
102
- $ yarn storybook
102
+ $ pnpm storybook
103
103
  ```
104
104
 
105
105
  ## Contributing