@wordpress/components 32.2.1-next.v.202602091733.0 → 32.2.1-next.v.202602111440.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 (5) hide show
  1. package/CHANGELOG.md +2 -1
  2. package/build-style/style-rtl.css +4 -0
  3. package/build-style/style.css +4 -0
  4. package/package.json +21 -21
  5. package/src/button/style.scss +6 -2
package/CHANGELOG.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
- ## 32.2.0-next.0 (2026-02-09)
5
+ ## 32.2.0-next.0 (2026-02-11)
6
6
 
7
7
  ### Bug Fixes
8
8
 
@@ -11,6 +11,7 @@
11
11
  - `RangeControl`: support forced-colors mode ([#75165](https://github.com/WordPress/gutenberg/pull/75165)).
12
12
  - `ToggleControl`: Prevent `__nextHasNoMarginBottom` from logging a console warning ([#75296](https://github.com/WordPress/gutenberg/pull/75296)).
13
13
  - `createSlotFill`: fix ref forwarding ([#75274](https://github.com/WordPress/gutenberg/pull/75274)).
14
+ - `Button`: Fix native outline showing when focused and active ([#75346](https://github.com/WordPress/gutenberg/pull/75346)).
14
15
 
15
16
  ### Enhancements
16
17
 
package/build-style/style-rtl.css CHANGED
@@ -290,6 +290,8 @@
290
290
  }
291
291
  .components-button:focus:not(:active) {
292
292
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
293
+ }
294
+ .components-button:focus {
293
295
  outline: 3px solid transparent;
294
296
  }
295
297
  .components-button {
@@ -537,6 +539,8 @@ p + .components-button.is-tertiary {
537
539
  }
538
540
  .components-button.is-pressed:focus:not(:active) {
539
541
  box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
542
+ }
543
+ .components-button.is-pressed:focus {
540
544
  outline: 2px solid transparent;
541
545
  }
542
546
  .components-button svg {
package/build-style/style.css CHANGED
@@ -290,6 +290,8 @@
290
290
  }
291
291
  .components-button:focus:not(:active) {
292
292
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
293
+ }
294
+ .components-button:focus {
293
295
  outline: 3px solid transparent;
294
296
  }
295
297
  .components-button {
@@ -537,6 +539,8 @@ p + .components-button.is-tertiary {
537
539
  }
538
540
  .components-button.is-pressed:focus:not(:active) {
539
541
  box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
542
+ }
543
+ .components-button.is-pressed:focus {
540
544
  outline: 2px solid transparent;
541
545
  }
542
546
  .components-button svg {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/components",
3
- "version": "32.2.1-next.v.202602091733.0+daa0b19c4",
3
+ "version": "32.2.1-next.v.202602111440.0+a307a2e35",
4
4
  "description": "UI components for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -64,24 +64,24 @@
64
64
  "@types/highlight-words-core": "1.2.1",
65
65
  "@types/react": "^18.3.27",
66
66
  "@use-gesture/react": "^10.3.1",
67
- "@wordpress/a11y": "^4.39.1-next.v.202602091733.0+daa0b19c4",
68
- "@wordpress/base-styles": "^6.15.1-next.v.202602091733.0+daa0b19c4",
69
- "@wordpress/compose": "^7.39.1-next.v.202602091733.0+daa0b19c4",
70
- "@wordpress/date": "^5.39.1-next.v.202602091733.0+daa0b19c4",
71
- "@wordpress/deprecated": "^4.39.1-next.v.202602091733.0+daa0b19c4",
72
- "@wordpress/dom": "^4.39.1-next.v.202602091733.0+daa0b19c4",
73
- "@wordpress/element": "^6.39.1-next.v.202602091733.0+daa0b19c4",
74
- "@wordpress/escape-html": "^3.39.1-next.v.202602091733.0+daa0b19c4",
75
- "@wordpress/hooks": "^4.39.1-next.v.202602091733.0+daa0b19c4",
76
- "@wordpress/html-entities": "^4.39.1-next.v.202602091733.0+daa0b19c4",
77
- "@wordpress/i18n": "^6.12.1-next.v.202602091733.0+daa0b19c4",
78
- "@wordpress/icons": "^11.6.1-next.v.202602091733.0+daa0b19c4",
79
- "@wordpress/is-shallow-equal": "^5.39.1-next.v.202602091733.0+daa0b19c4",
80
- "@wordpress/keycodes": "^4.39.1-next.v.202602091733.0+daa0b19c4",
81
- "@wordpress/primitives": "^4.39.1-next.v.202602091733.0+daa0b19c4",
82
- "@wordpress/private-apis": "^1.39.1-next.v.202602091733.0+daa0b19c4",
83
- "@wordpress/rich-text": "^7.39.1-next.v.202602091733.0+daa0b19c4",
84
- "@wordpress/warning": "^3.39.1-next.v.202602091733.0+daa0b19c4",
67
+ "@wordpress/a11y": "^4.39.1-next.v.202602111440.0+a307a2e35",
68
+ "@wordpress/base-styles": "^6.15.1-next.v.202602111440.0+a307a2e35",
69
+ "@wordpress/compose": "^7.39.1-next.v.202602111440.0+a307a2e35",
70
+ "@wordpress/date": "^5.39.1-next.v.202602111440.0+a307a2e35",
71
+ "@wordpress/deprecated": "^4.39.1-next.v.202602111440.0+a307a2e35",
72
+ "@wordpress/dom": "^4.39.1-next.v.202602111440.0+a307a2e35",
73
+ "@wordpress/element": "^6.39.1-next.v.202602111440.0+a307a2e35",
74
+ "@wordpress/escape-html": "^3.39.1-next.v.202602111440.0+a307a2e35",
75
+ "@wordpress/hooks": "^4.39.1-next.v.202602111440.0+a307a2e35",
76
+ "@wordpress/html-entities": "^4.39.1-next.v.202602111440.0+a307a2e35",
77
+ "@wordpress/i18n": "^6.12.1-next.v.202602111440.0+a307a2e35",
78
+ "@wordpress/icons": "^11.6.1-next.v.202602111440.0+a307a2e35",
79
+ "@wordpress/is-shallow-equal": "^5.39.1-next.v.202602111440.0+a307a2e35",
80
+ "@wordpress/keycodes": "^4.39.1-next.v.202602111440.0+a307a2e35",
81
+ "@wordpress/primitives": "^4.39.1-next.v.202602111440.0+a307a2e35",
82
+ "@wordpress/private-apis": "^1.39.1-next.v.202602111440.0+a307a2e35",
83
+ "@wordpress/rich-text": "^7.39.1-next.v.202602111440.0+a307a2e35",
84
+ "@wordpress/warning": "^3.39.1-next.v.202602111440.0+a307a2e35",
85
85
  "change-case": "^4.1.2",
86
86
  "clsx": "^2.1.1",
87
87
  "colord": "^2.7.0",
@@ -107,7 +107,7 @@
107
107
  "@storybook/react-vite": "^10.1.11",
108
108
  "@testing-library/jest-dom": "^6.6.3",
109
109
  "@types/jest": "^29.5.14",
110
- "@wordpress/jest-console": "^8.39.1-next.v.202602091733.0+daa0b19c4",
110
+ "@wordpress/jest-console": "^8.39.1-next.v.202602111440.0+a307a2e35",
111
111
  "snapshot-diff": "^0.10.0",
112
112
  "storybook": "^10.1.11",
113
113
  "timezone-mock": "^1.3.6"
@@ -119,5 +119,5 @@
119
119
  "publishConfig": {
120
120
  "access": "public"
121
121
  },
122
- "gitHead": "74f59922b25e30904319373dda91bf8e81f3544e"
122
+ "gitHead": "e0a2324a9690e55f4101d61113f4bbbf240b55ed"
123
123
  }
package/src/button/style.scss CHANGED
@@ -46,8 +46,10 @@
46
46
  // See https://github.com/WordPress/gutenberg/issues/13267 for more context on these selectors.
47
47
  &:focus:not(:active) {
48
48
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) $components-color-accent;
49
+ }
49
50
 
50
- // Windows High Contrast mode will show this outline, but not the box-shadow.
51
+ // Windows High Contrast mode will show this outline, but not the box-shadow.
52
+ &:focus {
51
53
  outline: 3px solid transparent;
52
54
  }
53
55
 
@@ -378,8 +380,10 @@
378
380
 
379
381
  &:focus:not(:active) {
380
382
  box-shadow: inset 0 0 0 1px $components-color-background, 0 0 0 var(--wp-admin-border-width-focus) $components-color-accent;
383
+ }
381
384
 
382
- // Windows High Contrast mode will show this outline, but not the box-shadow.
385
+ // Windows High Contrast mode will show this outline, but not the box-shadow.
386
+ &:focus {
383
387
  outline: 2px solid transparent;
384
388
  }
385
389
  }