@wordpress/customize-widgets 5.14.0 → 5.15.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/LICENSE.md +1 -1
  3. package/build-style/style-rtl.css +14 -2
  4. package/build-style/style.css +14 -2
  5. package/package.json +22 -22
  6. package/src/components/header/style.scss +11 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 5.15.0 (2025-01-02)
6
+
5
7
  ## 5.14.0 (2024-12-11)
6
8
 
7
9
  ## 5.13.0 (2024-11-27)
package/LICENSE.md CHANGED
@@ -1,6 +1,6 @@
1
1
  ## Gutenberg
2
2
 
3
- Copyright 2016-2024 by the contributors
3
+ Copyright 2016-2025 by the contributors
4
4
 
5
5
  **License for Contributions (on and after April 15, 2021)**
6
6
 
package/build-style/style-rtl.css CHANGED
@@ -161,16 +161,28 @@
161
161
  border-radius: 2px;
162
162
  color: #fff;
163
163
  padding: 0;
164
- min-width: 24px;
165
- height: 24px;
164
+ min-width: 32px;
165
+ height: 32px;
166
166
  margin: 12px auto 12px 0;
167
167
  }
168
168
  .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before {
169
169
  content: none;
170
170
  }
171
+ .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg {
172
+ transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
173
+ }
174
+ @media (prefers-reduced-motion: reduce) {
175
+ .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg {
176
+ transition-duration: 0s;
177
+ transition-delay: 0s;
178
+ }
179
+ }
171
180
  .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed {
172
181
  background: #1e1e1e;
173
182
  }
183
+ .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed svg {
184
+ transform: rotate(-45deg);
185
+ }
174
186
  .customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button {
175
187
  margin-right: -12px;
176
188
  }
package/build-style/style.css CHANGED
@@ -161,16 +161,28 @@
161
161
  border-radius: 2px;
162
162
  color: #fff;
163
163
  padding: 0;
164
- min-width: 24px;
165
- height: 24px;
164
+ min-width: 32px;
165
+ height: 32px;
166
166
  margin: 12px 0 12px auto;
167
167
  }
168
168
  .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before {
169
169
  content: none;
170
170
  }
171
+ .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg {
172
+ transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
173
+ }
174
+ @media (prefers-reduced-motion: reduce) {
175
+ .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg {
176
+ transition-duration: 0s;
177
+ transition-delay: 0s;
178
+ }
179
+ }
171
180
  .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed {
172
181
  background: #1e1e1e;
173
182
  }
183
+ .customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed svg {
184
+ transform: rotate(45deg);
185
+ }
174
186
  .customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button {
175
187
  margin-left: -12px;
176
188
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/customize-widgets",
3
- "version": "5.14.0",
3
+ "version": "5.15.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",
@@ -26,26 +26,26 @@
26
26
  "wpScript": true,
27
27
  "dependencies": {
28
28
  "@babel/runtime": "7.25.7",
29
- "@wordpress/block-editor": "*",
30
- "@wordpress/block-library": "*",
31
- "@wordpress/blocks": "*",
32
- "@wordpress/components": "*",
33
- "@wordpress/compose": "*",
34
- "@wordpress/core-data": "*",
35
- "@wordpress/data": "*",
36
- "@wordpress/dom": "*",
37
- "@wordpress/element": "*",
38
- "@wordpress/hooks": "*",
39
- "@wordpress/i18n": "*",
40
- "@wordpress/icons": "*",
41
- "@wordpress/interface": "*",
42
- "@wordpress/is-shallow-equal": "*",
43
- "@wordpress/keyboard-shortcuts": "*",
44
- "@wordpress/keycodes": "*",
45
- "@wordpress/media-utils": "*",
46
- "@wordpress/preferences": "*",
47
- "@wordpress/private-apis": "*",
48
- "@wordpress/widgets": "*",
29
+ "@wordpress/block-editor": "^14.10.0",
30
+ "@wordpress/block-library": "^9.15.0",
31
+ "@wordpress/blocks": "^14.4.0",
32
+ "@wordpress/components": "^29.1.0",
33
+ "@wordpress/compose": "^7.15.0",
34
+ "@wordpress/core-data": "^7.15.0",
35
+ "@wordpress/data": "^10.15.0",
36
+ "@wordpress/dom": "^4.15.0",
37
+ "@wordpress/element": "^6.15.0",
38
+ "@wordpress/hooks": "^4.15.0",
39
+ "@wordpress/i18n": "^5.15.0",
40
+ "@wordpress/icons": "^10.15.0",
41
+ "@wordpress/interface": "^9.0.0",
42
+ "@wordpress/is-shallow-equal": "^5.15.0",
43
+ "@wordpress/keyboard-shortcuts": "^5.15.0",
44
+ "@wordpress/keycodes": "^4.15.0",
45
+ "@wordpress/media-utils": "^5.15.0",
46
+ "@wordpress/preferences": "^4.15.0",
47
+ "@wordpress/private-apis": "^1.15.0",
48
+ "@wordpress/widgets": "^4.15.0",
49
49
  "clsx": "^2.1.1",
50
50
  "fast-deep-equal": "^3.1.3"
51
51
  },
@@ -56,5 +56,5 @@
56
56
  "publishConfig": {
57
57
  "access": "public"
58
58
  },
59
- "gitHead": "b432c18934c9db866b6dba7d37517a4e97d642e3"
59
+ "gitHead": "75a65eb8ffc168a92042544052f46d080a71ea45"
60
60
  }
package/src/components/header/style.scss CHANGED
@@ -33,16 +33,25 @@
33
33
  border-radius: $radius-small;
34
34
  color: $white;
35
35
  padding: 0;
36
- min-width: $grid-unit-30;
37
- height: $grid-unit-30;
36
+ min-width: $grid-unit-40;
37
+ height: $grid-unit-40;
38
38
  margin: $grid-unit-15 0 $grid-unit-15 auto;
39
39
 
40
40
  &::before {
41
41
  content: none;
42
42
  }
43
43
 
44
+ svg {
45
+ transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
46
+ @include reduce-motion("transition");
47
+ }
48
+
44
49
  &.is-pressed {
45
50
  background: $gray-900;
51
+
52
+ svg {
53
+ transform: rotate(45deg);
54
+ }
46
55
  }
47
56
  }
48
57