@wordpress/interface 4.5.3 → 4.7.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.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 4.7.0 (2022-05-04)
6
+
7
+ ## 4.6.0 (2022-04-21)
8
+
5
9
  ## 4.5.0 (2022-04-08)
6
10
 
7
11
  ## 4.4.0 (2022-03-23)
@@ -430,6 +430,8 @@ body.is-fullscreen-mode .interface-interface-skeleton {
430
430
 
431
431
  .interface-pinned-items {
432
432
  display: flex;
433
+ gap: 4px;
434
+ margin-left: -4px;
433
435
  }
434
436
  .interface-pinned-items .components-button:not(:first-child) {
435
437
  display: none;
@@ -440,7 +442,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
440
442
  }
441
443
  }
442
444
  .interface-pinned-items .components-button {
443
- margin-right: 4px;
445
+ margin: 0;
444
446
  }
445
447
  .interface-pinned-items .components-button svg {
446
448
  max-width: 24px;
@@ -430,6 +430,8 @@ body.is-fullscreen-mode .interface-interface-skeleton {
430
430
 
431
431
  .interface-pinned-items {
432
432
  display: flex;
433
+ gap: 4px;
434
+ margin-right: -4px;
433
435
  }
434
436
  .interface-pinned-items .components-button:not(:first-child) {
435
437
  display: none;
@@ -440,7 +442,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
440
442
  }
441
443
  }
442
444
  .interface-pinned-items .components-button {
443
- margin-left: 4px;
445
+ margin: 0;
444
446
  }
445
447
  .interface-pinned-items .components-button svg {
446
448
  max-width: 24px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/interface",
3
- "version": "4.5.3",
3
+ "version": "4.7.0",
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",
@@ -32,17 +32,17 @@
32
32
  ],
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.16.0",
35
- "@wordpress/a11y": "^3.6.1",
36
- "@wordpress/components": "^19.8.3",
37
- "@wordpress/compose": "^5.4.1",
38
- "@wordpress/data": "^6.6.1",
39
- "@wordpress/deprecated": "^3.6.1",
40
- "@wordpress/element": "^4.4.1",
41
- "@wordpress/i18n": "^4.6.1",
42
- "@wordpress/icons": "^8.2.2",
43
- "@wordpress/plugins": "^4.4.2",
44
- "@wordpress/preferences": "^1.2.3",
45
- "@wordpress/viewport": "^4.4.1",
35
+ "@wordpress/a11y": "^3.8.0",
36
+ "@wordpress/components": "^19.10.0",
37
+ "@wordpress/compose": "^5.6.0",
38
+ "@wordpress/data": "^6.8.0",
39
+ "@wordpress/deprecated": "^3.8.0",
40
+ "@wordpress/element": "^4.6.0",
41
+ "@wordpress/i18n": "^4.8.0",
42
+ "@wordpress/icons": "^8.4.0",
43
+ "@wordpress/plugins": "^4.6.0",
44
+ "@wordpress/preferences": "^2.0.0",
45
+ "@wordpress/viewport": "^4.6.0",
46
46
  "classnames": "^2.3.1",
47
47
  "lodash": "^4.17.21"
48
48
  },
@@ -53,5 +53,5 @@
53
53
  "publishConfig": {
54
54
  "access": "public"
55
55
  },
56
- "gitHead": "1fdd4758150247d6b690051aed18fa27c15f3a32"
56
+ "gitHead": "4631d515033397fcfeda77e5755960253caef9bf"
57
57
  }
@@ -11,8 +11,14 @@
11
11
  }
12
12
  }
13
13
 
14
+ // Gap between pinned items.
15
+ gap: $grid-unit-05;
16
+
17
+ // Account for larger grid from parent container gap.
18
+ margin-right: -$grid-unit-05;
19
+
14
20
  .components-button {
15
- margin-left: $grid-unit-05;
21
+ margin: 0;
16
22
 
17
23
  svg {
18
24
  max-width: $icon-size;