@wordpress/components 25.1.2 → 25.1.3

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 +1 -0
  2. package/build-style/style-rtl.css +2 -2
  3. package/build-style/style.css +2 -2
  4. package/package.json +2 -2
  5. package/src/modal/style.scss +3 -2
package/CHANGELOG.md CHANGED
@@ -18,6 +18,7 @@
18
18
  - `Autocomplete`: Announce how many results are available to screen readers when suggestions list first renders ([#51018](https://github.com/WordPress/gutenberg/pull/51018)).
19
19
  - `ConfirmDialog`: Ensure onConfirm isn't called an extra time when submitting one of the buttons using the keyboard ([#51730](https://github.com/WordPress/gutenberg/pull/51730)).
20
20
  - `ZStack`: ZStack: fix component bounding box to match children ([#51836](https://github.com/WordPress/gutenberg/pull/51836)).
21
+ - `Modal`: Add small top padding to the content so that avoid cutting off the visible outline when hovering items ([#51829](https://github.com/WordPress/gutenberg/pull/51829)).
21
22
 
22
23
  ### Internal
23
24
 
package/build-style/style-rtl.css CHANGED
@@ -1904,7 +1904,7 @@ body.is-dragging-components-draggable {
1904
1904
  .components-modal__header {
1905
1905
  box-sizing: border-box;
1906
1906
  border-bottom: 1px solid transparent;
1907
- padding: 24px 32px 12px;
1907
+ padding: 24px 32px 8px;
1908
1908
  display: flex;
1909
1909
  flex-direction: row;
1910
1910
  justify-content: space-between;
@@ -1955,7 +1955,7 @@ body.is-dragging-components-draggable {
1955
1955
  .components-modal__content {
1956
1956
  flex: 1;
1957
1957
  margin-top: 72px;
1958
- padding: 0 32px 32px;
1958
+ padding: 4px 32px 32px;
1959
1959
  overflow: auto;
1960
1960
  }
1961
1961
  .components-modal__content.hide-header {
package/build-style/style.css CHANGED
@@ -1909,7 +1909,7 @@ body.is-dragging-components-draggable {
1909
1909
  .components-modal__header {
1910
1910
  box-sizing: border-box;
1911
1911
  border-bottom: 1px solid transparent;
1912
- padding: 24px 32px 12px;
1912
+ padding: 24px 32px 8px;
1913
1913
  display: flex;
1914
1914
  flex-direction: row;
1915
1915
  justify-content: space-between;
@@ -1960,7 +1960,7 @@ body.is-dragging-components-draggable {
1960
1960
  .components-modal__content {
1961
1961
  flex: 1;
1962
1962
  margin-top: 72px;
1963
- padding: 0 32px 32px;
1963
+ padding: 4px 32px 32px;
1964
1964
  overflow: auto;
1965
1965
  }
1966
1966
  .components-modal__content.hide-header {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/components",
3
- "version": "25.1.2",
3
+ "version": "25.1.3",
4
4
  "description": "UI components for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -87,5 +87,5 @@
87
87
  "publishConfig": {
88
88
  "access": "public"
89
89
  },
90
- "gitHead": "a00463f06c90ae6705951861eb889e67a52bf448"
90
+ "gitHead": "7efa7c2321a958ddfa723825a0354071435a9d43"
91
91
  }
package/src/modal/style.scss CHANGED
@@ -72,7 +72,7 @@
72
72
  .components-modal__header {
73
73
  box-sizing: border-box;
74
74
  border-bottom: $border-width solid transparent;
75
- padding: $grid-unit-30 $grid-unit-40 $grid-unit-15;
75
+ padding: $grid-unit-30 $grid-unit-40 $grid-unit-10;
76
76
  display: flex;
77
77
  flex-direction: row;
78
78
  justify-content: space-between;
@@ -130,7 +130,8 @@
130
130
  .components-modal__content {
131
131
  flex: 1;
132
132
  margin-top: $header-height + $grid-unit-15;
133
- padding: 0 $grid-unit-40 $grid-unit-40;
133
+ // Small top padding required to avoid cutting off the visible outline when the first child element is focusable.
134
+ padding: $grid-unit-05 $grid-unit-40 $grid-unit-40;
134
135
  overflow: auto;
135
136
 
136
137
  &.hide-header {