@westpac/ui 0.40.1 → 0.40.3

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 (6) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/button/button.styles.js +1 -1
  3. package/dist/components/popover/components/panel/panel.component.js +0 -1
  4. package/package.json +3 -3
  5. package/src/components/button/button.styles.ts +1 -1
  6. package/src/components/popover/components/panel/panel.component.tsx +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @westpac/ui
2
2
 
3
+ ## 0.40.3
4
+
5
+ ### Patch Changes
6
+
7
+ - b31459e: Update button.styles.ts to implement #1014
8
+
9
+ ## 0.40.2
10
+
11
+ ### Patch Changes
12
+
13
+ - 18c66ea: Fix popover focus issue
14
+
3
15
  ## 0.40.1
4
16
 
5
17
  ### Patch Changes
package/dist/components/button/button.styles.js CHANGED
@@ -30,7 +30,7 @@ export const styles = tv({
30
30
  base: 'border border-hero bg-hero text-white hover:bg-hero-70 active:bg-hero-50'
31
31
  },
32
32
  faint: {
33
- base: 'border border-border bg-light text-muted hover:bg-white active:bg-white'
33
+ base: 'border border-borderDark bg-light text-muted hover:bg-white active:bg-white'
34
34
  },
35
35
  link: {
36
36
  base: 'text-link underline'
package/dist/components/popover/components/panel/panel.component.js CHANGED
@@ -32,7 +32,6 @@ export function BasePanel({ state , heading , headingTag: Tag = 'h1' , content ,
32
32
  placement
33
33
  });
34
34
  return React.createElement(FocusScope, {
35
- contain: true,
36
35
  autoFocus: true,
37
36
  restoreFocus: true
38
37
  }, React.createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@westpac/ui",
3
- "version": "0.40.1",
3
+ "version": "0.40.3",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "type": "module",
@@ -258,8 +258,8 @@
258
258
  "vite": "^5.2.12",
259
259
  "vitest": "^0.30.1",
260
260
  "@westpac/eslint-config": "~0.4.0",
261
- "@westpac/test-config": "~0.0.0",
262
- "@westpac/ts-config": "~0.0.0"
261
+ "@westpac/ts-config": "~0.0.0",
262
+ "@westpac/test-config": "~0.0.0"
263
263
  },
264
264
  "dependencies": {
265
265
  "@duetds/date-picker": "~1.4.0",
package/src/components/button/button.styles.ts CHANGED
@@ -32,7 +32,7 @@ export const styles = tv(
32
32
  base: 'relative border border-primary bg-primary text-white hover:bg-primary-70 active:bg-primary-50 active-theme-rams:border-b-pop active-theme-rams:before:absolute active-theme-rams:before:bottom-0 active-theme-rams:before:block active-theme-rams:before:w-full active-theme-rams:before:bg-pop',
33
33
  },
34
34
  hero: { base: 'border border-hero bg-hero text-white hover:bg-hero-70 active:bg-hero-50' },
35
- faint: { base: 'border border-border bg-light text-muted hover:bg-white active:bg-white' },
35
+ faint: { base: 'border border-borderDark bg-light text-muted hover:bg-white active:bg-white' },
36
36
  link: { base: 'text-link underline' },
37
37
  unstyled: { base: '' },
38
38
  },
package/src/components/popover/components/panel/panel.component.tsx CHANGED
@@ -25,7 +25,7 @@ export function BasePanel({
25
25
 
26
26
  const styles = panelStyles({ placement });
27
27
  return (
28
- <FocusScope contain autoFocus restoreFocus>
28
+ <FocusScope autoFocus restoreFocus>
29
29
  <div style={popoverPosition} className={styles.popover()} test-id="popover" id={id} ref={popoverRef}>
30
30
  <div className={styles.content()}>
31
31
  <Tag tabIndex={0} className={styles.heading()}>