@wordpress/interface 9.34.1 → 9.35.1-next.v.202607070741.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 (6) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build-style/style-rtl.css +9 -8
  3. package/build-style/style.css +9 -8
  4. package/package.json +15 -15
  5. package/src/components/fullscreen-mode/style.scss +1 -7
  6. package/src/components/interface-skeleton/style.scss +2 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 9.35.0 (2026-07-01)
6
+
5
7
  ## 9.34.0 (2026-06-24)
6
8
 
7
9
  ## 9.33.1 (2026-06-16)
package/build-style/style-rtl.css CHANGED
@@ -76,6 +76,12 @@
76
76
  /**
77
77
  * Focus styles.
78
78
  */
79
+ /**
80
+ * Standard focus rings for the WordPress Design System.
81
+ *
82
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
83
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
84
+ */
79
85
  /**
80
86
  * Applies editor left position to the selector passed as argument
81
87
  */
@@ -162,12 +168,7 @@
162
168
  }
163
169
 
164
170
  @media (min-width: 782px) {
165
- body.js.is-fullscreen-mode {
166
- margin-top: -32px;
167
- height: calc(100% + 32px);
168
- }
169
- body.js.is-fullscreen-mode #adminmenumain,
170
- body.js.is-fullscreen-mode #wpadminbar {
171
+ body.js.is-fullscreen-mode #adminmenumain {
171
172
  display: none;
172
173
  }
173
174
  body.js.is-fullscreen-mode #wpcontent,
@@ -203,7 +204,7 @@ html.interface-interface-skeleton__html-container {
203
204
  top: 32px;
204
205
  }
205
206
  .is-fullscreen-mode .interface-interface-skeleton {
206
- top: 0;
207
+ top: var(--wp-admin--admin-bar--height, 0);
207
208
  }
208
209
  }
209
210
 
@@ -382,7 +383,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
382
383
  top: 32px;
383
384
  }
384
385
  .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
385
- top: 0;
386
+ top: var(--wp-admin--admin-bar--height, 0);
386
387
  }
387
388
  }
388
389
 
package/build-style/style.css CHANGED
@@ -76,6 +76,12 @@
76
76
  /**
77
77
  * Focus styles.
78
78
  */
79
+ /**
80
+ * Standard focus rings for the WordPress Design System.
81
+ *
82
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
83
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
84
+ */
79
85
  /**
80
86
  * Applies editor left position to the selector passed as argument
81
87
  */
@@ -162,12 +168,7 @@
162
168
  }
163
169
 
164
170
  @media (min-width: 782px) {
165
- body.js.is-fullscreen-mode {
166
- margin-top: -32px;
167
- height: calc(100% + 32px);
168
- }
169
- body.js.is-fullscreen-mode #adminmenumain,
170
- body.js.is-fullscreen-mode #wpadminbar {
171
+ body.js.is-fullscreen-mode #adminmenumain {
171
172
  display: none;
172
173
  }
173
174
  body.js.is-fullscreen-mode #wpcontent,
@@ -203,7 +204,7 @@ html.interface-interface-skeleton__html-container {
203
204
  top: 32px;
204
205
  }
205
206
  .is-fullscreen-mode .interface-interface-skeleton {
206
- top: 0;
207
+ top: var(--wp-admin--admin-bar--height, 0);
207
208
  }
208
209
  }
209
210
 
@@ -382,7 +383,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
382
383
  top: 32px;
383
384
  }
384
385
  .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
385
- top: 0;
386
+ top: var(--wp-admin--admin-bar--height, 0);
386
387
  }
387
388
  }
388
389
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/interface",
3
- "version": "9.34.1",
3
+ "version": "9.35.1-next.v.202607070741.0+a51d59513",
4
4
  "description": "Interface module for WordPress. The package contains shared functionality across the modern JavaScript-based WordPress screens.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -52,19 +52,19 @@
52
52
  "build-module/store/index.mjs"
53
53
  ],
54
54
  "dependencies": {
55
- "@wordpress/a11y": "^4.49.0",
56
- "@wordpress/admin-ui": "^2.4.1",
57
- "@wordpress/base-styles": "^10.1.0",
58
- "@wordpress/components": "^36.0.1",
59
- "@wordpress/compose": "^8.2.0",
60
- "@wordpress/data": "^10.49.0",
61
- "@wordpress/deprecated": "^4.49.0",
62
- "@wordpress/element": "^8.1.0",
63
- "@wordpress/i18n": "^6.22.0",
64
- "@wordpress/icons": "^15.0.0",
65
- "@wordpress/plugins": "^7.49.1",
66
- "@wordpress/preferences": "^4.49.1",
67
- "@wordpress/viewport": "^6.49.0",
55
+ "@wordpress/a11y": "^4.50.1-next.v.202607070741.0+a51d59513",
56
+ "@wordpress/admin-ui": "^2.5.1-next.v.202607070741.0+a51d59513",
57
+ "@wordpress/base-styles": "^10.3.1-next.v.202607070741.0+a51d59513",
58
+ "@wordpress/components": "^37.0.1-next.v.202607070741.0+a51d59513",
59
+ "@wordpress/compose": "^8.3.1-next.v.202607070741.0+a51d59513",
60
+ "@wordpress/data": "^10.50.1-next.v.202607070741.0+a51d59513",
61
+ "@wordpress/deprecated": "^4.50.1-next.v.202607070741.0+a51d59513",
62
+ "@wordpress/element": "^8.2.1-next.v.202607070741.0+a51d59513",
63
+ "@wordpress/i18n": "^6.23.1-next.v.202607070741.0+a51d59513",
64
+ "@wordpress/icons": "^15.1.1-next.v.202607070741.0+a51d59513",
65
+ "@wordpress/plugins": "^7.50.1-next.v.202607070741.0+a51d59513",
66
+ "@wordpress/preferences": "^4.50.1-next.v.202607070741.0+a51d59513",
67
+ "@wordpress/viewport": "^6.50.1-next.v.202607070741.0+a51d59513",
68
68
  "clsx": "^2.1.1"
69
69
  },
70
70
  "devDependencies": {
@@ -78,5 +78,5 @@
78
78
  "publishConfig": {
79
79
  "access": "public"
80
80
  },
81
- "gitHead": "9a75283890dda96ae1d37197b5070fae8c9cf66f"
81
+ "gitHead": "f637726e370c8b23695ed9af82adbe171ad235d8"
82
82
  }
package/src/components/fullscreen-mode/style.scss CHANGED
@@ -4,13 +4,7 @@
4
4
  body.js.is-fullscreen-mode {
5
5
 
6
6
  @include break-medium {
7
- // Reset the html.wp-topbar padding.
8
- // Because this uses negative margins, we have to compensate for the height.
9
- margin-top: -$admin-bar-height;
10
- height: calc(100% + #{ $admin-bar-height });
11
-
12
- #adminmenumain,
13
- #wpadminbar {
7
+ #adminmenumain {
14
8
  display: none;
15
9
  }
16
10
 
package/src/components/interface-skeleton/style.scss CHANGED
@@ -36,7 +36,7 @@ html.interface-interface-skeleton__html-container {
36
36
  top: $admin-bar-height;
37
37
 
38
38
  .is-fullscreen-mode & {
39
- top: 0;
39
+ top: var(--wp-admin--admin-bar--height, 0);
40
40
  }
41
41
  }
42
42
  }
@@ -209,7 +209,7 @@ html.interface-interface-skeleton__html-container {
209
209
  top: $admin-bar-height;
210
210
 
211
211
  .is-fullscreen-mode & {
212
- top: 0;
212
+ top: var(--wp-admin--admin-bar--height, 0);
213
213
  }
214
214
  }
215
215
  }