@wordpress/customize-widgets 5.50.0 → 5.51.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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/build-style/style-rtl.css +9 -3
  3. package/build-style/style.css +9 -3
  4. package/package.json +26 -26
  5. package/src/components/keyboard-shortcut-help-modal/style.scss +2 -2
  6. package/src/components/sidebar-block-editor/style.scss +2 -0
  7. package/src/components/welcome-guide/style.scss +1 -1
  8. package/src/style.scss +2 -0
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 5.51.0 (2026-07-14)
6
+
7
+ ### Enhancements
8
+
9
+ - Widen React peer dependency ranges to `^18 || ^19` to support both React 18 and React 19 environments ([#80024](https://github.com/WordPress/gutenberg/pull/80024)).
10
+
5
11
  ## 5.50.0 (2026-07-01)
6
12
 
7
13
  ## 5.49.0 (2026-06-24)
package/build-style/style-rtl.css CHANGED
@@ -67,6 +67,12 @@
67
67
  /**
68
68
  * Focus styles.
69
69
  */
70
+ /**
71
+ * Standard focus rings for the WordPress Design System.
72
+ *
73
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
74
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
75
+ */
70
76
  /**
71
77
  * Applies editor left position to the selector passed as argument
72
78
  */
@@ -211,7 +217,7 @@
211
217
  }
212
218
  .customize-widgets-keyboard-shortcut-help-modal__section-title {
213
219
  font-size: 0.9rem;
214
- font-weight: 600;
220
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
215
221
  }
216
222
  .customize-widgets-keyboard-shortcut-help-modal__shortcut {
217
223
  display: flex;
@@ -227,7 +233,7 @@
227
233
  display: none;
228
234
  }
229
235
  .customize-widgets-keyboard-shortcut-help-modal__shortcut-term {
230
- font-weight: 600;
236
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
231
237
  margin: 0 1rem 0 0;
232
238
  text-align: left;
233
239
  }
@@ -277,7 +283,7 @@
277
283
  }
278
284
  .wrap .customize-widgets-welcome-guide__heading {
279
285
  font-size: 18px;
280
- font-weight: 600;
286
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
281
287
  }
282
288
  .customize-widgets-welcome-guide__text {
283
289
  line-height: 1.7;
package/build-style/style.css CHANGED
@@ -67,6 +67,12 @@
67
67
  /**
68
68
  * Focus styles.
69
69
  */
70
+ /**
71
+ * Standard focus rings for the WordPress Design System.
72
+ *
73
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
74
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
75
+ */
70
76
  /**
71
77
  * Applies editor left position to the selector passed as argument
72
78
  */
@@ -211,7 +217,7 @@
211
217
  }
212
218
  .customize-widgets-keyboard-shortcut-help-modal__section-title {
213
219
  font-size: 0.9rem;
214
- font-weight: 600;
220
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
215
221
  }
216
222
  .customize-widgets-keyboard-shortcut-help-modal__shortcut {
217
223
  display: flex;
@@ -227,7 +233,7 @@
227
233
  display: none;
228
234
  }
229
235
  .customize-widgets-keyboard-shortcut-help-modal__shortcut-term {
230
- font-weight: 600;
236
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
231
237
  margin: 0 0 0 1rem;
232
238
  text-align: right;
233
239
  }
@@ -277,7 +283,7 @@
277
283
  }
278
284
  .wrap .customize-widgets-welcome-guide__heading {
279
285
  font-size: 18px;
280
- font-weight: 600;
286
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
281
287
  }
282
288
  .customize-widgets-welcome-guide__text {
283
289
  line-height: 1.7;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/customize-widgets",
3
- "version": "5.50.0",
3
+ "version": "5.51.0",
4
4
  "description": "Widgets blocks in Customizer Module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -39,28 +39,28 @@
39
39
  },
40
40
  "wpScript": true,
41
41
  "dependencies": {
42
- "@wordpress/base-styles": "^10.2.0",
43
- "@wordpress/block-editor": "^15.23.0",
44
- "@wordpress/block-library": "^10.1.0",
45
- "@wordpress/blocks": "^15.23.0",
46
- "@wordpress/components": "^36.1.0",
47
- "@wordpress/compose": "^8.3.0",
48
- "@wordpress/core-data": "^7.50.0",
49
- "@wordpress/data": "^10.50.0",
50
- "@wordpress/dom": "^4.50.0",
51
- "@wordpress/element": "^8.2.0",
52
- "@wordpress/hooks": "^4.50.0",
53
- "@wordpress/i18n": "^6.23.0",
54
- "@wordpress/icons": "^15.1.0",
55
- "@wordpress/interface": "^9.35.0",
56
- "@wordpress/is-shallow-equal": "^5.50.0",
57
- "@wordpress/keyboard-shortcuts": "^5.50.0",
58
- "@wordpress/keycodes": "^4.50.0",
59
- "@wordpress/media-utils": "^5.50.0",
60
- "@wordpress/preferences": "^4.50.0",
61
- "@wordpress/private-apis": "^1.50.0",
62
- "@wordpress/ui": "^0.17.0",
63
- "@wordpress/widgets": "^4.50.0",
42
+ "@wordpress/base-styles": "^11.0.0",
43
+ "@wordpress/block-editor": "^16.0.0",
44
+ "@wordpress/block-library": "^10.2.0",
45
+ "@wordpress/blocks": "^15.24.0",
46
+ "@wordpress/components": "^37.0.0",
47
+ "@wordpress/compose": "^8.4.0",
48
+ "@wordpress/core-data": "^7.51.0",
49
+ "@wordpress/data": "^10.51.0",
50
+ "@wordpress/dom": "^4.51.0",
51
+ "@wordpress/element": "^8.3.0",
52
+ "@wordpress/hooks": "^4.51.0",
53
+ "@wordpress/i18n": "^6.24.0",
54
+ "@wordpress/icons": "^15.2.0",
55
+ "@wordpress/interface": "^9.36.0",
56
+ "@wordpress/is-shallow-equal": "^5.51.0",
57
+ "@wordpress/keyboard-shortcuts": "^5.51.0",
58
+ "@wordpress/keycodes": "^4.51.0",
59
+ "@wordpress/media-utils": "^5.51.0",
60
+ "@wordpress/preferences": "^4.51.0",
61
+ "@wordpress/private-apis": "^1.51.0",
62
+ "@wordpress/ui": "^0.18.0",
63
+ "@wordpress/widgets": "^4.51.0",
64
64
  "clsx": "^2.1.1",
65
65
  "fast-deep-equal": "^3.1.3"
66
66
  },
@@ -69,11 +69,11 @@
69
69
  "@testing-library/react": "^16.3.2"
70
70
  },
71
71
  "peerDependencies": {
72
- "react": "^18.0.0",
73
- "react-dom": "^18.0.0"
72
+ "react": "^18 || ^19",
73
+ "react-dom": "^18 || ^19"
74
74
  },
75
75
  "publishConfig": {
76
76
  "access": "public"
77
77
  },
78
- "gitHead": "fee6e24e8e63d36f6bbcf487c193461e9bd79753"
78
+ "gitHead": "e9a74f9c14095a34398ecd4d1f7a908e55051205"
79
79
  }
package/src/components/keyboard-shortcut-help-modal/style.scss CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  &__section-title {
9
9
  font-size: 0.9rem;
10
- font-weight: 600;
10
+ font-weight: var(--wpds-typography-font-weight-emphasis);
11
11
  }
12
12
 
13
13
  &__shortcut {
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  &__shortcut-term {
30
- font-weight: 600;
30
+ font-weight: var(--wpds-typography-font-weight-emphasis);
31
31
  margin: 0 0 0 1rem;
32
32
  text-align: right;
33
33
  }
package/src/components/sidebar-block-editor/style.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @use "@wordpress/base-styles/z-index" as *;
2
2
 
3
+ // stylelint-disable selector-class-pattern -- WordPress Customizer control class names use underscores by convention.
3
4
  .customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
4
5
  // FloatingUI library used in Popover component forces us to have an "absolute" inline style.
5
6
  // We need to override this in the customizer.
@@ -13,3 +14,4 @@
13
14
  // We need to override this in the customizer.
14
15
  position: fixed !important;
15
16
  }
17
+ // stylelint-enable selector-class-pattern
package/src/components/welcome-guide/style.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  // Extra specificity to override `.wrap h1` styles.
15
15
  .wrap &__heading {
16
16
  font-size: 18px;
17
- font-weight: 600;
17
+ font-weight: var(--wpds-typography-font-weight-emphasis);
18
18
  }
19
19
 
20
20
  &__text {
package/src/style.scss CHANGED
@@ -15,7 +15,9 @@
15
15
  }
16
16
 
17
17
  // Include reset CSS for the customizer.
18
+ // stylelint-disable selector-class-pattern -- WordPress Customizer control class names use underscores by convention.
18
19
  .customize-control-sidebar_block_editor,
19
20
  .customize-widgets-layout__inspector {
20
21
  @include reset;
21
22
  }
23
+ // stylelint-enable selector-class-pattern