@wordpress/interface 9.29.1-next.v.202604201441.0 → 9.30.1-next.v.202605131006.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 +0 -121
  3. package/build-style/style.css +0 -121
  4. package/package.json +15 -15
  5. package/src/components/complementary-area/style.scss +3 -3
  6. package/src/style.scss +0 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 9.30.0 (2026-04-29)
6
+
5
7
  ## 9.29.0 (2026-04-15)
6
8
 
7
9
  ## 9.28.0 (2026-04-01)
package/build-style/style-rtl.css CHANGED
@@ -1,124 +1,3 @@
1
- .admin-ui-page {
2
- display: flex;
3
- height: 100%;
4
- background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
5
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
6
- position: relative;
7
- z-index: 1;
8
- flex-flow: column;
9
- text-wrap: pretty;
10
- }
11
-
12
- .admin-ui-page__header {
13
- padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
14
- border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
15
- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
16
- position: sticky;
17
- top: 0;
18
- z-index: 1;
19
- }
20
-
21
- .admin-ui-page__header-title {
22
- font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
23
- font-size: var(--wpds-typography-font-size-lg, 15px);
24
- font-weight: var(--wpds-typography-font-weight-medium, 499);
25
- line-height: var(--wpds-typography-line-height-lg, 28px);
26
- margin: 0;
27
- overflow: hidden;
28
- text-overflow: ellipsis;
29
- white-space: nowrap;
30
- }
31
-
32
- .admin-ui-page__sidebar-toggle-slot:empty {
33
- display: none;
34
- }
35
-
36
- .admin-ui-page__header-subtitle {
37
- padding-block-end: var(--wpds-dimension-padding-xs, 4px);
38
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
39
- font-size: var(--wpds-typography-font-size-md, 13px);
40
- line-height: var(--wpds-typography-line-height-md, 24px);
41
- margin: 0;
42
- }
43
-
44
- .admin-ui-page__content {
45
- flex-grow: 1;
46
- overflow: auto;
47
- display: flex;
48
- flex-direction: column;
49
- }
50
-
51
- .admin-ui-page__content.has-padding {
52
- padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
53
- }
54
-
55
- /**
56
- * SCSS Variables.
57
- *
58
- * Please use variables from this sheet to ensure consistency across the UI.
59
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
60
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
61
- */
62
- /**
63
- * Colors
64
- */
65
- /**
66
- * Fonts & basic variables.
67
- */
68
- /**
69
- * Typography
70
- */
71
- /**
72
- * Grid System.
73
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
74
- */
75
- /**
76
- * Radius scale.
77
- */
78
- /**
79
- * Elevation scale.
80
- */
81
- /**
82
- * Dimensions.
83
- */
84
- /**
85
- * Mobile specific styles
86
- */
87
- /**
88
- * Editor styles.
89
- */
90
- /**
91
- * Block & Editor UI.
92
- */
93
- /**
94
- * Block paddings.
95
- */
96
- /**
97
- * React Native specific.
98
- * These variables do not appear to be used anywhere else.
99
- */
100
- .admin-ui-breadcrumbs__list {
101
- font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
102
- font-size: var(--wpds-typography-font-size-lg, 15px);
103
- font-weight: var(--wpds-typography-font-weight-medium, 499);
104
- line-height: var(--wpds-typography-line-height-lg, 28px);
105
- list-style: none;
106
- padding: 0;
107
- margin: 0;
108
- gap: 0;
109
- min-height: 32px;
110
- }
111
-
112
- .admin-ui-breadcrumbs__list li:not(:last-child)::after {
113
- content: "/";
114
- margin: 0 8px;
115
- }
116
-
117
- .admin-ui-breadcrumbs__list h1 {
118
- font-size: inherit;
119
- line-height: inherit;
120
- }
121
-
122
1
  /**
123
2
  * Colors
124
3
  */
package/build-style/style.css CHANGED
@@ -1,124 +1,3 @@
1
- .admin-ui-page {
2
- display: flex;
3
- height: 100%;
4
- background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
5
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
6
- position: relative;
7
- z-index: 1;
8
- flex-flow: column;
9
- text-wrap: pretty;
10
- }
11
-
12
- .admin-ui-page__header {
13
- padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
14
- border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
15
- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
16
- position: sticky;
17
- top: 0;
18
- z-index: 1;
19
- }
20
-
21
- .admin-ui-page__header-title {
22
- font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
23
- font-size: var(--wpds-typography-font-size-lg, 15px);
24
- font-weight: var(--wpds-typography-font-weight-medium, 499);
25
- line-height: var(--wpds-typography-line-height-lg, 28px);
26
- margin: 0;
27
- overflow: hidden;
28
- text-overflow: ellipsis;
29
- white-space: nowrap;
30
- }
31
-
32
- .admin-ui-page__sidebar-toggle-slot:empty {
33
- display: none;
34
- }
35
-
36
- .admin-ui-page__header-subtitle {
37
- padding-block-end: var(--wpds-dimension-padding-xs, 4px);
38
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
39
- font-size: var(--wpds-typography-font-size-md, 13px);
40
- line-height: var(--wpds-typography-line-height-md, 24px);
41
- margin: 0;
42
- }
43
-
44
- .admin-ui-page__content {
45
- flex-grow: 1;
46
- overflow: auto;
47
- display: flex;
48
- flex-direction: column;
49
- }
50
-
51
- .admin-ui-page__content.has-padding {
52
- padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
53
- }
54
-
55
- /**
56
- * SCSS Variables.
57
- *
58
- * Please use variables from this sheet to ensure consistency across the UI.
59
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
60
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
61
- */
62
- /**
63
- * Colors
64
- */
65
- /**
66
- * Fonts & basic variables.
67
- */
68
- /**
69
- * Typography
70
- */
71
- /**
72
- * Grid System.
73
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
74
- */
75
- /**
76
- * Radius scale.
77
- */
78
- /**
79
- * Elevation scale.
80
- */
81
- /**
82
- * Dimensions.
83
- */
84
- /**
85
- * Mobile specific styles
86
- */
87
- /**
88
- * Editor styles.
89
- */
90
- /**
91
- * Block & Editor UI.
92
- */
93
- /**
94
- * Block paddings.
95
- */
96
- /**
97
- * React Native specific.
98
- * These variables do not appear to be used anywhere else.
99
- */
100
- .admin-ui-breadcrumbs__list {
101
- font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
102
- font-size: var(--wpds-typography-font-size-lg, 15px);
103
- font-weight: var(--wpds-typography-font-weight-medium, 499);
104
- line-height: var(--wpds-typography-line-height-lg, 28px);
105
- list-style: none;
106
- padding: 0;
107
- margin: 0;
108
- gap: 0;
109
- min-height: 32px;
110
- }
111
-
112
- .admin-ui-breadcrumbs__list li:not(:last-child)::after {
113
- content: "/";
114
- margin: 0 8px;
115
- }
116
-
117
- .admin-ui-breadcrumbs__list h1 {
118
- font-size: inherit;
119
- line-height: inherit;
120
- }
121
-
122
1
  /**
123
2
  * Colors
124
3
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/interface",
3
- "version": "9.29.1-next.v.202604201441.0+dab6d8c07",
3
+ "version": "9.30.1-next.v.202605131006.0+2a3d07cab",
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",
@@ -53,19 +53,19 @@
53
53
  "build-module/store/index.mjs"
54
54
  ],
55
55
  "dependencies": {
56
- "@wordpress/a11y": "^4.44.1-next.v.202604201441.0+dab6d8c07",
57
- "@wordpress/admin-ui": "^1.12.1-next.v.202604201441.0+dab6d8c07",
58
- "@wordpress/base-styles": "^6.20.1-next.v.202604201441.0+dab6d8c07",
59
- "@wordpress/components": "^33.0.1-next.v.202604201441.0+dab6d8c07",
60
- "@wordpress/compose": "^7.44.1-next.v.202604201441.0+dab6d8c07",
61
- "@wordpress/data": "^10.45.1-next.v.202604201441.0+dab6d8c07",
62
- "@wordpress/deprecated": "^4.44.1-next.v.202604201441.0+dab6d8c07",
63
- "@wordpress/element": "^6.44.1-next.v.202604201441.0+dab6d8c07",
64
- "@wordpress/i18n": "^6.17.1-next.v.202604201441.0+dab6d8c07",
65
- "@wordpress/icons": "^12.2.1-next.v.202604201441.0+dab6d8c07",
66
- "@wordpress/plugins": "^7.44.1-next.v.202604201441.0+dab6d8c07",
67
- "@wordpress/preferences": "^4.44.1-next.v.202604201441.0+dab6d8c07",
68
- "@wordpress/viewport": "^6.44.1-next.v.202604201441.0+dab6d8c07",
56
+ "@wordpress/a11y": "^4.45.1-next.v.202605131006.0+2a3d07cab",
57
+ "@wordpress/admin-ui": "^2.0.2-next.v.202605131006.0+2a3d07cab",
58
+ "@wordpress/base-styles": "^8.0.1-next.v.202605131006.0+2a3d07cab",
59
+ "@wordpress/components": "^33.1.1-next.v.202605131006.0+2a3d07cab",
60
+ "@wordpress/compose": "^7.45.1-next.v.202605131006.0+2a3d07cab",
61
+ "@wordpress/data": "^10.45.1-next.v.202605131006.0+2a3d07cab",
62
+ "@wordpress/deprecated": "^4.45.1-next.v.202605131006.0+2a3d07cab",
63
+ "@wordpress/element": "^6.45.1-next.v.202605131006.0+2a3d07cab",
64
+ "@wordpress/i18n": "^6.18.1-next.v.202605131006.0+2a3d07cab",
65
+ "@wordpress/icons": "^13.0.1-next.v.202605131006.0+2a3d07cab",
66
+ "@wordpress/plugins": "^7.45.1-next.v.202605131006.0+2a3d07cab",
67
+ "@wordpress/preferences": "^4.45.1-next.v.202605131006.0+2a3d07cab",
68
+ "@wordpress/viewport": "^6.45.1-next.v.202605131006.0+2a3d07cab",
69
69
  "clsx": "^2.1.1"
70
70
  },
71
71
  "peerDependencies": {
@@ -75,5 +75,5 @@
75
75
  "publishConfig": {
76
76
  "access": "public"
77
77
  },
78
- "gitHead": "c788005ba4ee2a34851c1217c51602656aa7c3a6"
78
+ "gitHead": "8804fa29bc78a1d98e5a4d40c3e180ddd907016c"
79
79
  }
package/src/components/complementary-area/style.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  @use "@wordpress/base-styles/colors" as *;
2
2
  @use "@wordpress/base-styles/mixins" as *;
3
3
  @use "@wordpress/base-styles/variables" as *;
4
- @use "@wordpress/base-styles/z-index" as *;
5
4
 
6
5
  .interface-complementary-area {
7
6
  background: $white;
@@ -17,13 +16,14 @@
17
16
  border: none;
18
17
  // Make a stacking context that keeps all descendents behind the sticky header
19
18
  position: relative;
20
- z-index: z-index(".interface-complementary-area .components-panel");
19
+ z-index: 0;
21
20
  }
22
21
 
23
22
  .components-panel__header {
24
23
  position: sticky;
25
24
  top: 0;
26
- z-index: z-index(".interface-complementary-area .components-panel__header");
25
+ // Sit above the panel's scrolling content within the stacking context above.
26
+ z-index: 1;
27
27
 
28
28
  &.editor-sidebar__panel-tabs {
29
29
  top: 0;
package/src/style.scss CHANGED
@@ -1,4 +1,3 @@
1
- @use "@wordpress/admin-ui/build-style/style.css" as *;
2
1
  @use "./components/complementary-area-header/style.scss" as *;
3
2
  @use "./components/complementary-area/style.scss" as *;
4
3
  @use "./components/fullscreen-mode/style.scss" as *;