@wordpress/interface 5.3.4 → 5.3.5

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 (4) hide show
  1. package/build-style/style-rtl.css +6 -3
  2. package/build-style/style.css +6 -3
  3. package/package.json +10 -10
  4. package/src/components/interface-skeleton/style.scss +11 -7
package/build-style/style-rtl.css CHANGED
@@ -413,15 +413,18 @@ body.is-fullscreen-mode .interface-interface-skeleton {
413
413
  }
414
414
  }
415
415
  .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
416
- top: 46px;
416
+ top: auto;
417
417
  bottom: 0;
418
418
  }
419
+ .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
420
+ top: 46px;
421
+ }
419
422
  @media (min-width: 782px) {
420
- .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
423
+ .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
421
424
  border-right: 1px solid #ddd;
422
425
  top: 32px;
423
426
  }
424
- .is-fullscreen-mode .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .interface-interface-skeleton__actions:focus-within {
427
+ .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 {
425
428
  top: 0;
426
429
  }
427
430
  }
package/build-style/style.css CHANGED
@@ -413,15 +413,18 @@ body.is-fullscreen-mode .interface-interface-skeleton {
413
413
  }
414
414
  }
415
415
  .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
416
- top: 46px;
416
+ top: auto;
417
417
  bottom: 0;
418
418
  }
419
+ .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
420
+ top: 46px;
421
+ }
419
422
  @media (min-width: 782px) {
420
- .interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within {
423
+ .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
421
424
  border-left: 1px solid #ddd;
422
425
  top: 32px;
423
426
  }
424
- .is-fullscreen-mode .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .interface-interface-skeleton__actions:focus-within {
427
+ .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 {
425
428
  top: 0;
426
429
  }
427
430
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/interface",
3
- "version": "5.3.4",
3
+ "version": "5.3.5",
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",
@@ -33,16 +33,16 @@
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.16.0",
35
35
  "@wordpress/a11y": "^3.26.1",
36
- "@wordpress/components": "^23.3.3",
37
- "@wordpress/compose": "^6.3.2",
38
- "@wordpress/data": "^8.3.2",
36
+ "@wordpress/components": "^23.3.4",
37
+ "@wordpress/compose": "^6.3.3",
38
+ "@wordpress/data": "^8.3.3",
39
39
  "@wordpress/deprecated": "^3.26.1",
40
- "@wordpress/element": "^5.3.1",
40
+ "@wordpress/element": "^5.3.2",
41
41
  "@wordpress/i18n": "^4.26.1",
42
- "@wordpress/icons": "^9.17.1",
43
- "@wordpress/plugins": "^5.3.2",
44
- "@wordpress/preferences": "^3.3.3",
45
- "@wordpress/viewport": "^5.3.2",
42
+ "@wordpress/icons": "^9.17.2",
43
+ "@wordpress/plugins": "^5.3.3",
44
+ "@wordpress/preferences": "^3.3.4",
45
+ "@wordpress/viewport": "^5.3.3",
46
46
  "classnames": "^2.3.1"
47
47
  },
48
48
  "peerDependencies": {
@@ -52,5 +52,5 @@
52
52
  "publishConfig": {
53
53
  "access": "public"
54
54
  },
55
- "gitHead": "ccabeeffe1fe117c3934ec7705c15d52857d9a87"
55
+ "gitHead": "1e2b2f680c6378f789d6660bc04b30e35e3a33a3"
56
56
  }
package/src/components/interface-skeleton/style.scss CHANGED
@@ -184,16 +184,20 @@ html.interface-interface-skeleton__html-container {
184
184
 
185
185
  &:focus,
186
186
  &:focus-within {
187
- top: $admin-bar-height-big;
187
+ top: auto;
188
+ bottom: 0;
188
189
 
189
- @include break-medium() {
190
- border-left: $border-width solid $gray-300;
191
- top: $admin-bar-height;
190
+ .is-entity-save-view-open & {
191
+ top: $admin-bar-height-big;
192
192
 
193
- .is-fullscreen-mode & {
194
- top: 0;
193
+ @include break-medium() {
194
+ border-left: $border-width solid $gray-300;
195
+ top: $admin-bar-height;
196
+
197
+ .is-fullscreen-mode & {
198
+ top: 0;
199
+ }
195
200
  }
196
201
  }
197
- bottom: 0;
198
202
  }
199
203
  }