@wordpress/block-library 9.28.1-next.0f6f9d12c.0 → 9.29.1-next.e256d081a.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 +2 -0
- package/build/{accordions → accordion}/edit.js +1 -1
- package/build/accordion/edit.js.map +1 -0
- package/build/accordion/icon.js +33 -0
- package/build/accordion/icon.js.map +1 -0
- package/build/{accordions → accordion}/index.js +7 -10
- package/build/accordion/index.js.map +1 -0
- package/build/accordion/init.js.map +1 -0
- package/build/accordion/save.js.map +1 -0
- package/build/accordion/view.js.map +1 -0
- package/build/accordion-content/edit.js.map +1 -0
- package/build/accordion-content/icon.js +35 -0
- package/build/accordion-content/icon.js.map +1 -0
- package/build/accordion-content/icons.js.map +1 -0
- package/build/{accordion-item → accordion-content}/index.js +6 -9
- package/build/accordion-content/index.js.map +1 -0
- package/build/accordion-content/init.js.map +1 -0
- package/build/accordion-content/save.js.map +1 -0
- package/build/accordion-header/edit.js +4 -4
- package/build/accordion-header/edit.js.map +1 -1
- package/build/accordion-header/icon.js +25 -0
- package/build/accordion-header/icon.js.map +1 -0
- package/build/accordion-header/index.js +4 -7
- package/build/accordion-header/index.js.map +1 -1
- package/build/accordion-header/save.js +4 -4
- package/build/accordion-header/save.js.map +1 -1
- package/build/accordion-panel/icon.js +22 -0
- package/build/accordion-panel/icon.js.map +1 -0
- package/build/accordion-panel/index.js +4 -7
- package/build/accordion-panel/index.js.map +1 -1
- package/build/audio/edit.js +3 -1
- package/build/audio/edit.js.map +1 -1
- package/build/form/deprecated.js +97 -0
- package/build/form/deprecated.js.map +1 -0
- package/build/form/index.js +2 -1
- package/build/form/index.js.map +1 -1
- package/build/form/save.js +0 -1
- package/build/form/save.js.map +1 -1
- package/build/gallery/edit.js +9 -3
- package/build/gallery/edit.js.map +1 -1
- package/build/image/edit.js +0 -5
- package/build/image/edit.js.map +1 -1
- package/build/image/image.js +1 -1
- package/build/image/image.js.map +1 -1
- package/build/index.js +4 -4
- package/build/index.js.map +1 -1
- package/build/post-comments-link/edit.js +6 -1
- package/build/post-comments-link/edit.js.map +1 -1
- package/build/query/edit/index.js.map +1 -1
- package/build/query/edit/query-content.js +7 -6
- package/build/query/edit/query-content.js.map +1 -1
- package/build/query/edit/query-placeholder.js +30 -9
- package/build/query/edit/query-placeholder.js.map +1 -1
- package/build/query/edit/query-toolbar.js +4 -2
- package/build/query/edit/query-toolbar.js.map +1 -1
- package/build/template-part/edit/placeholder.js +2 -1
- package/build/template-part/edit/placeholder.js.map +1 -1
- package/build/video/edit-common-settings.js +6 -3
- package/build/video/edit-common-settings.js.map +1 -1
- package/build/video/edit.js +3 -1
- package/build/video/edit.js.map +1 -1
- package/build-module/{accordions → accordion}/edit.js +1 -1
- package/build-module/accordion/edit.js.map +1 -0
- package/build-module/accordion/icon.js +27 -0
- package/build-module/accordion/icon.js.map +1 -0
- package/build-module/{accordions → accordion}/index.js +7 -10
- package/build-module/accordion/index.js.map +1 -0
- package/build-module/accordion/init.js.map +1 -0
- package/build-module/accordion/save.js.map +1 -0
- package/build-module/accordion/view.js.map +1 -0
- package/build-module/accordion-content/edit.js.map +1 -0
- package/build-module/accordion-content/icon.js +29 -0
- package/build-module/accordion-content/icon.js.map +1 -0
- package/build-module/accordion-content/icons.js.map +1 -0
- package/build-module/{accordion-item → accordion-content}/index.js +6 -9
- package/build-module/accordion-content/index.js.map +1 -0
- package/build-module/accordion-content/init.js.map +1 -0
- package/build-module/accordion-content/save.js.map +1 -0
- package/build-module/accordion-header/edit.js +4 -4
- package/build-module/accordion-header/edit.js.map +1 -1
- package/build-module/accordion-header/icon.js +19 -0
- package/build-module/accordion-header/icon.js.map +1 -0
- package/build-module/accordion-header/index.js +4 -7
- package/build-module/accordion-header/index.js.map +1 -1
- package/build-module/accordion-header/save.js +4 -4
- package/build-module/accordion-header/save.js.map +1 -1
- package/build-module/accordion-panel/icon.js +16 -0
- package/build-module/accordion-panel/icon.js.map +1 -0
- package/build-module/accordion-panel/index.js +4 -7
- package/build-module/accordion-panel/index.js.map +1 -1
- package/build-module/audio/edit.js +4 -2
- package/build-module/audio/edit.js.map +1 -1
- package/build-module/form/deprecated.js +90 -0
- package/build-module/form/deprecated.js.map +1 -0
- package/build-module/form/index.js +2 -1
- package/build-module/form/index.js.map +1 -1
- package/build-module/form/save.js +0 -1
- package/build-module/form/save.js.map +1 -1
- package/build-module/gallery/edit.js +9 -3
- package/build-module/gallery/edit.js.map +1 -1
- package/build-module/image/edit.js +0 -5
- package/build-module/image/edit.js.map +1 -1
- package/build-module/image/image.js +1 -1
- package/build-module/image/image.js.map +1 -1
- package/build-module/index.js +4 -4
- package/build-module/index.js.map +1 -1
- package/build-module/post-comments-link/edit.js +6 -1
- package/build-module/post-comments-link/edit.js.map +1 -1
- package/build-module/query/edit/index.js.map +1 -1
- package/build-module/query/edit/query-content.js +8 -7
- package/build-module/query/edit/query-content.js.map +1 -1
- package/build-module/query/edit/query-placeholder.js +30 -10
- package/build-module/query/edit/query-placeholder.js.map +1 -1
- package/build-module/query/edit/query-toolbar.js +4 -2
- package/build-module/query/edit/query-toolbar.js.map +1 -1
- package/build-module/template-part/edit/placeholder.js +2 -1
- package/build-module/template-part/edit/placeholder.js.map +1 -1
- package/build-module/video/edit-common-settings.js +6 -3
- package/build-module/video/edit-common-settings.js.map +1 -1
- package/build-module/video/edit.js +4 -2
- package/build-module/video/edit.js.map +1 -1
- package/build-style/{accordions → accordion}/style-rtl.css +13 -13
- package/build-style/{accordions → accordion}/style.css +13 -13
- package/build-style/editor-rtl.css +4 -0
- package/build-style/editor.css +4 -0
- package/build-style/query/editor-rtl.css +4 -0
- package/build-style/query/editor.css +4 -0
- package/build-style/style-rtl.css +13 -13
- package/build-style/style.css +13 -13
- package/package.json +36 -36
- package/src/{accordions → accordion}/block.json +5 -5
- package/src/{accordions → accordion}/edit.js +1 -1
- package/src/accordion/icon.js +23 -0
- package/src/{accordion-item → accordion}/index.js +2 -5
- package/src/{accordions → accordion}/index.php +12 -12
- package/src/{accordions → accordion}/style.scss +13 -13
- package/src/{accordion-item → accordion-content}/block.json +4 -4
- package/src/accordion-content/icon.js +28 -0
- package/src/{accordions → accordion-content}/index.js +2 -5
- package/src/{accordion-item → accordion-content}/index.php +10 -10
- package/src/accordion-header/block.json +2 -2
- package/src/accordion-header/edit.js +9 -6
- package/src/accordion-header/icon.js +16 -0
- package/src/accordion-header/index.js +2 -5
- package/src/accordion-header/save.js +4 -4
- package/src/accordion-panel/block.json +2 -2
- package/src/accordion-panel/icon.js +15 -0
- package/src/accordion-panel/index.js +2 -5
- package/src/audio/edit.js +6 -1
- package/src/form/block.json +0 -1
- package/src/form/deprecated.js +96 -0
- package/src/form/index.js +2 -0
- package/src/form/save.js +0 -1
- package/src/gallery/edit.js +9 -3
- package/src/image/edit.js +0 -6
- package/src/image/image.js +2 -1
- package/src/index.js +4 -4
- package/src/navigation/edit/test/navigation-menu-selector.js +2 -2
- package/src/post-comments-link/edit.js +7 -1
- package/src/query/edit/index.js +1 -0
- package/src/query/edit/query-content.js +8 -4
- package/src/query/edit/query-placeholder.js +47 -17
- package/src/query/edit/query-toolbar.js +10 -2
- package/src/query/editor.scss +6 -1
- package/src/social-link/README.md +4 -1
- package/src/style.scss +1 -1
- package/src/template-part/edit/placeholder.js +2 -1
- package/src/video/edit-common-settings.js +14 -5
- package/src/video/edit.js +6 -1
- package/build/accordion-item/edit.js.map +0 -1
- package/build/accordion-item/icons.js.map +0 -1
- package/build/accordion-item/index.js.map +0 -1
- package/build/accordion-item/init.js.map +0 -1
- package/build/accordion-item/save.js.map +0 -1
- package/build/accordions/edit.js.map +0 -1
- package/build/accordions/index.js.map +0 -1
- package/build/accordions/init.js.map +0 -1
- package/build/accordions/save.js.map +0 -1
- package/build/accordions/view.js.map +0 -1
- package/build-module/accordion-item/edit.js.map +0 -1
- package/build-module/accordion-item/icons.js.map +0 -1
- package/build-module/accordion-item/index.js.map +0 -1
- package/build-module/accordion-item/init.js.map +0 -1
- package/build-module/accordion-item/save.js.map +0 -1
- package/build-module/accordions/edit.js.map +0 -1
- package/build-module/accordions/index.js.map +0 -1
- package/build-module/accordions/init.js.map +0 -1
- package/build-module/accordions/save.js.map +0 -1
- package/build-module/accordions/view.js.map +0 -1
- /package/build/{accordions → accordion}/init.js +0 -0
- /package/build/{accordions → accordion}/save.js +0 -0
- /package/build/{accordions → accordion}/view.js +0 -0
- /package/build/{accordion-item → accordion-content}/edit.js +0 -0
- /package/build/{accordion-item → accordion-content}/icons.js +0 -0
- /package/build/{accordion-item → accordion-content}/init.js +0 -0
- /package/build/{accordion-item → accordion-content}/save.js +0 -0
- /package/build-module/{accordions → accordion}/init.js +0 -0
- /package/build-module/{accordions → accordion}/save.js +0 -0
- /package/build-module/{accordions → accordion}/view.js +0 -0
- /package/build-module/{accordion-item → accordion-content}/edit.js +0 -0
- /package/build-module/{accordion-item → accordion-content}/icons.js +0 -0
- /package/build-module/{accordion-item → accordion-content}/init.js +0 -0
- /package/build-module/{accordion-item → accordion-content}/save.js +0 -0
- /package/src/{accordions → accordion}/init.js +0 -0
- /package/src/{accordions → accordion}/save.js +0 -0
- /package/src/{accordions → accordion}/view.js +0 -0
- /package/src/{accordion-item → accordion-content}/edit.js +0 -0
- /package/src/{accordion-item → accordion-content}/icons.js +0 -0
- /package/src/{accordion-item → accordion-content}/init.js +0 -0
- /package/src/{accordion-item → accordion-content}/save.js +0 -0
|
@@ -134,21 +134,21 @@
|
|
|
134
134
|
/**
|
|
135
135
|
* Reset the WP Admin page styles for Gutenberg-like pages.
|
|
136
136
|
*/
|
|
137
|
-
.wp-block-accordion-
|
|
137
|
+
.wp-block-accordion-content {
|
|
138
138
|
display: grid;
|
|
139
139
|
grid-template-rows: max-content 0fr;
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.wp-block-accordion-
|
|
142
|
+
.wp-block-accordion-content.is-open {
|
|
143
143
|
grid-template-rows: max-content 1fr;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
|
-
.accordion-
|
|
146
|
+
.accordion-content__heading {
|
|
147
147
|
margin-block-start: 0;
|
|
148
148
|
margin-block-end: 0;
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
-
.accordion-
|
|
151
|
+
.accordion-content__toggle {
|
|
152
152
|
font-family: inherit;
|
|
153
153
|
font-size: inherit;
|
|
154
154
|
font-weight: inherit;
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
width: 100%;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
.accordion-
|
|
173
|
+
.accordion-content__toggle > span {
|
|
174
174
|
width: 100%;
|
|
175
175
|
}
|
|
176
176
|
|
|
@@ -185,39 +185,39 @@
|
|
|
185
185
|
}
|
|
186
186
|
|
|
187
187
|
/* No icon block style */
|
|
188
|
-
.is-style-no-icon .accordion-
|
|
188
|
+
.is-style-no-icon .accordion-content__toggle-icon {
|
|
189
189
|
background-color: unset;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
.wp-block-accordion-header.icon-position-left .accordion-
|
|
192
|
+
.wp-block-accordion-header.icon-position-left .accordion-content__toggle {
|
|
193
193
|
/* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
|
|
194
194
|
flex-direction: row-reverse;
|
|
195
195
|
}
|
|
196
196
|
|
|
197
197
|
/* RTL language support */
|
|
198
|
-
[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-
|
|
198
|
+
[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-content__toggle {
|
|
199
199
|
/* stylelint-disable-next-line declaration-property-value-allowed-list -- Automatically adjust icon position for RTL languages. */
|
|
200
200
|
flex-direction: row-reverse;
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
-
[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-
|
|
203
|
+
[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-content__toggle {
|
|
204
204
|
flex-direction: row;
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
-
.accordion-
|
|
207
|
+
.accordion-content__toggle:focus-visible {
|
|
208
208
|
outline: 2px solid -webkit-focus-ring-color;
|
|
209
209
|
outline-offset: 2px;
|
|
210
210
|
}
|
|
211
211
|
|
|
212
212
|
/* Add transitions only for users who do not prefer reduced motion */
|
|
213
213
|
@media (prefers-reduced-motion: no-preference) {
|
|
214
|
-
.wp-block-accordion-
|
|
214
|
+
.wp-block-accordion-content .accordion-content__toggle-icon {
|
|
215
215
|
transition: transform 0.2s ease-in-out;
|
|
216
216
|
}
|
|
217
|
-
.wp-block-accordion-
|
|
217
|
+
.wp-block-accordion-content {
|
|
218
218
|
transition: grid-template-rows 0.3s ease-out;
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
|
-
.is-open .accordion-
|
|
221
|
+
.is-open .accordion-content__toggle-icon.has-icon-plus {
|
|
222
222
|
transform: rotate(45deg);
|
|
223
223
|
}
|
|
@@ -2660,6 +2660,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
|
|
2660
2660
|
margin-bottom: 0;
|
|
2661
2661
|
}
|
|
2662
2662
|
|
|
2663
|
+
.wp-block-query > .block-editor-media-placeholder.is-small {
|
|
2664
|
+
min-height: 60px;
|
|
2665
|
+
}
|
|
2666
|
+
|
|
2663
2667
|
.wp-block[data-align=center] > .wp-block-query-pagination {
|
|
2664
2668
|
justify-content: center;
|
|
2665
2669
|
}
|
package/build-style/editor.css
CHANGED
|
@@ -2667,6 +2667,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
|
|
2667
2667
|
margin-bottom: 0;
|
|
2668
2668
|
}
|
|
2669
2669
|
|
|
2670
|
+
.wp-block-query > .block-editor-media-placeholder.is-small {
|
|
2671
|
+
min-height: 60px;
|
|
2672
|
+
}
|
|
2673
|
+
|
|
2670
2674
|
.wp-block[data-align=center] > .wp-block-query-pagination {
|
|
2671
2675
|
justify-content: center;
|
|
2672
2676
|
}
|
|
@@ -135,21 +135,21 @@
|
|
|
135
135
|
/**
|
|
136
136
|
* Reset the WP Admin page styles for Gutenberg-like pages.
|
|
137
137
|
*/
|
|
138
|
-
.wp-block-accordion-
|
|
138
|
+
.wp-block-accordion-content {
|
|
139
139
|
display: grid;
|
|
140
140
|
grid-template-rows: max-content 0fr;
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
-
.wp-block-accordion-
|
|
143
|
+
.wp-block-accordion-content.is-open {
|
|
144
144
|
grid-template-rows: max-content 1fr;
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
-
.accordion-
|
|
147
|
+
.accordion-content__heading {
|
|
148
148
|
margin-block-start: 0;
|
|
149
149
|
margin-block-end: 0;
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
.accordion-
|
|
152
|
+
.accordion-content__toggle {
|
|
153
153
|
font-family: inherit;
|
|
154
154
|
font-size: inherit;
|
|
155
155
|
font-weight: inherit;
|
|
@@ -171,7 +171,7 @@
|
|
|
171
171
|
width: 100%;
|
|
172
172
|
}
|
|
173
173
|
|
|
174
|
-
.accordion-
|
|
174
|
+
.accordion-content__toggle > span {
|
|
175
175
|
width: 100%;
|
|
176
176
|
}
|
|
177
177
|
|
|
@@ -186,40 +186,40 @@
|
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
/* No icon block style */
|
|
189
|
-
.is-style-no-icon .accordion-
|
|
189
|
+
.is-style-no-icon .accordion-content__toggle-icon {
|
|
190
190
|
background-color: unset;
|
|
191
191
|
}
|
|
192
192
|
|
|
193
|
-
.wp-block-accordion-header.icon-position-left .accordion-
|
|
193
|
+
.wp-block-accordion-header.icon-position-left .accordion-content__toggle {
|
|
194
194
|
/* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
|
|
195
195
|
flex-direction: row-reverse;
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
/* RTL language support */
|
|
199
|
-
[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-
|
|
199
|
+
[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-content__toggle {
|
|
200
200
|
/* stylelint-disable-next-line declaration-property-value-allowed-list -- Automatically adjust icon position for RTL languages. */
|
|
201
201
|
flex-direction: row-reverse;
|
|
202
202
|
}
|
|
203
203
|
|
|
204
|
-
[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-
|
|
204
|
+
[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-content__toggle {
|
|
205
205
|
flex-direction: row;
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
.accordion-
|
|
208
|
+
.accordion-content__toggle:focus-visible {
|
|
209
209
|
outline: 2px solid -webkit-focus-ring-color;
|
|
210
210
|
outline-offset: 2px;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
/* Add transitions only for users who do not prefer reduced motion */
|
|
214
214
|
@media (prefers-reduced-motion: no-preference) {
|
|
215
|
-
.wp-block-accordion-
|
|
215
|
+
.wp-block-accordion-content .accordion-content__toggle-icon {
|
|
216
216
|
transition: transform 0.2s ease-in-out;
|
|
217
217
|
}
|
|
218
|
-
.wp-block-accordion-
|
|
218
|
+
.wp-block-accordion-content {
|
|
219
219
|
transition: grid-template-rows 0.3s ease-out;
|
|
220
220
|
}
|
|
221
221
|
}
|
|
222
|
-
.is-open .accordion-
|
|
222
|
+
.is-open .accordion-content__toggle-icon.has-icon-plus {
|
|
223
223
|
transform: rotate(-45deg);
|
|
224
224
|
}
|
|
225
225
|
|
package/build-style/style.css
CHANGED
|
@@ -135,21 +135,21 @@
|
|
|
135
135
|
/**
|
|
136
136
|
* Reset the WP Admin page styles for Gutenberg-like pages.
|
|
137
137
|
*/
|
|
138
|
-
.wp-block-accordion-
|
|
138
|
+
.wp-block-accordion-content {
|
|
139
139
|
display: grid;
|
|
140
140
|
grid-template-rows: max-content 0fr;
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
-
.wp-block-accordion-
|
|
143
|
+
.wp-block-accordion-content.is-open {
|
|
144
144
|
grid-template-rows: max-content 1fr;
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
-
.accordion-
|
|
147
|
+
.accordion-content__heading {
|
|
148
148
|
margin-block-start: 0;
|
|
149
149
|
margin-block-end: 0;
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
.accordion-
|
|
152
|
+
.accordion-content__toggle {
|
|
153
153
|
font-family: inherit;
|
|
154
154
|
font-size: inherit;
|
|
155
155
|
font-weight: inherit;
|
|
@@ -171,7 +171,7 @@
|
|
|
171
171
|
width: 100%;
|
|
172
172
|
}
|
|
173
173
|
|
|
174
|
-
.accordion-
|
|
174
|
+
.accordion-content__toggle > span {
|
|
175
175
|
width: 100%;
|
|
176
176
|
}
|
|
177
177
|
|
|
@@ -186,40 +186,40 @@
|
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
/* No icon block style */
|
|
189
|
-
.is-style-no-icon .accordion-
|
|
189
|
+
.is-style-no-icon .accordion-content__toggle-icon {
|
|
190
190
|
background-color: unset;
|
|
191
191
|
}
|
|
192
192
|
|
|
193
|
-
.wp-block-accordion-header.icon-position-left .accordion-
|
|
193
|
+
.wp-block-accordion-header.icon-position-left .accordion-content__toggle {
|
|
194
194
|
/* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
|
|
195
195
|
flex-direction: row-reverse;
|
|
196
196
|
}
|
|
197
197
|
|
|
198
198
|
/* RTL language support */
|
|
199
|
-
[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-
|
|
199
|
+
[dir=rtl] .wp-block-accordion-header:not(.icon-position-left) .accordion-content__toggle {
|
|
200
200
|
/* stylelint-disable-next-line declaration-property-value-allowed-list -- Automatically adjust icon position for RTL languages. */
|
|
201
201
|
flex-direction: row-reverse;
|
|
202
202
|
}
|
|
203
203
|
|
|
204
|
-
[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-
|
|
204
|
+
[dir=rtl] .wp-block-accordion-header.icon-position-left .accordion-content__toggle {
|
|
205
205
|
flex-direction: row;
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
.accordion-
|
|
208
|
+
.accordion-content__toggle:focus-visible {
|
|
209
209
|
outline: 2px solid -webkit-focus-ring-color;
|
|
210
210
|
outline-offset: 2px;
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
/* Add transitions only for users who do not prefer reduced motion */
|
|
214
214
|
@media (prefers-reduced-motion: no-preference) {
|
|
215
|
-
.wp-block-accordion-
|
|
215
|
+
.wp-block-accordion-content .accordion-content__toggle-icon {
|
|
216
216
|
transition: transform 0.2s ease-in-out;
|
|
217
217
|
}
|
|
218
|
-
.wp-block-accordion-
|
|
218
|
+
.wp-block-accordion-content {
|
|
219
219
|
transition: grid-template-rows 0.3s ease-out;
|
|
220
220
|
}
|
|
221
221
|
}
|
|
222
|
-
.is-open .accordion-
|
|
222
|
+
.is-open .accordion-content__toggle-icon.has-icon-plus {
|
|
223
223
|
transform: rotate(45deg);
|
|
224
224
|
}
|
|
225
225
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/block-library",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.29.1-next.e256d081a.0",
|
|
4
4
|
"description": "Block library for the WordPress editor.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"react-native": "src/index",
|
|
28
28
|
"wpScript": true,
|
|
29
29
|
"wpScriptModuleExports": {
|
|
30
|
-
"./
|
|
30
|
+
"./accordion/view": "./build-module/accordion/view.js",
|
|
31
31
|
"./file/view": "./build-module/file/view.js",
|
|
32
32
|
"./form/view": "./build-module/form/view.js",
|
|
33
33
|
"./image/view": "./build-module/image/view.js",
|
|
@@ -42,39 +42,39 @@
|
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@babel/runtime": "7.25.7",
|
|
45
|
-
"@wordpress/a11y": "^4.
|
|
46
|
-
"@wordpress/api-fetch": "^7.
|
|
47
|
-
"@wordpress/autop": "^4.
|
|
48
|
-
"@wordpress/blob": "^4.
|
|
49
|
-
"@wordpress/block-editor": "^15.
|
|
50
|
-
"@wordpress/blocks": "^15.
|
|
51
|
-
"@wordpress/components": "^30.2.
|
|
52
|
-
"@wordpress/compose": "^7.
|
|
53
|
-
"@wordpress/core-data": "^7.
|
|
54
|
-
"@wordpress/data": "^10.
|
|
55
|
-
"@wordpress/date": "^5.
|
|
56
|
-
"@wordpress/deprecated": "^4.
|
|
57
|
-
"@wordpress/dom": "^4.
|
|
58
|
-
"@wordpress/element": "^6.
|
|
59
|
-
"@wordpress/escape-html": "^3.
|
|
60
|
-
"@wordpress/hooks": "^4.
|
|
61
|
-
"@wordpress/html-entities": "^4.
|
|
62
|
-
"@wordpress/i18n": "^6.
|
|
63
|
-
"@wordpress/icons": "^10.
|
|
64
|
-
"@wordpress/interactivity": "^6.
|
|
65
|
-
"@wordpress/interactivity-router": "^2.
|
|
66
|
-
"@wordpress/keyboard-shortcuts": "^5.
|
|
67
|
-
"@wordpress/keycodes": "^4.
|
|
68
|
-
"@wordpress/notices": "^5.
|
|
69
|
-
"@wordpress/patterns": "^2.
|
|
70
|
-
"@wordpress/primitives": "^4.
|
|
71
|
-
"@wordpress/private-apis": "^1.
|
|
72
|
-
"@wordpress/reusable-blocks": "^5.
|
|
73
|
-
"@wordpress/rich-text": "^7.
|
|
74
|
-
"@wordpress/server-side-render": "^6.
|
|
75
|
-
"@wordpress/url": "^4.
|
|
76
|
-
"@wordpress/viewport": "^6.
|
|
77
|
-
"@wordpress/wordcount": "^4.
|
|
45
|
+
"@wordpress/a11y": "^4.29.1-next.e256d081a.0",
|
|
46
|
+
"@wordpress/api-fetch": "^7.29.1-next.e256d081a.0",
|
|
47
|
+
"@wordpress/autop": "^4.29.1-next.e256d081a.0",
|
|
48
|
+
"@wordpress/blob": "^4.29.1-next.e256d081a.0",
|
|
49
|
+
"@wordpress/block-editor": "^15.2.1-next.e256d081a.0",
|
|
50
|
+
"@wordpress/blocks": "^15.2.1-next.e256d081a.0",
|
|
51
|
+
"@wordpress/components": "^30.2.2-next.e256d081a.0",
|
|
52
|
+
"@wordpress/compose": "^7.29.1-next.e256d081a.0",
|
|
53
|
+
"@wordpress/core-data": "^7.29.1-next.e256d081a.0",
|
|
54
|
+
"@wordpress/data": "^10.29.1-next.e256d081a.0",
|
|
55
|
+
"@wordpress/date": "^5.30.1-next.e256d081a.0",
|
|
56
|
+
"@wordpress/deprecated": "^4.29.1-next.e256d081a.0",
|
|
57
|
+
"@wordpress/dom": "^4.29.1-next.e256d081a.0",
|
|
58
|
+
"@wordpress/element": "^6.29.1-next.e256d081a.0",
|
|
59
|
+
"@wordpress/escape-html": "^3.29.1-next.e256d081a.0",
|
|
60
|
+
"@wordpress/hooks": "^4.29.1-next.e256d081a.0",
|
|
61
|
+
"@wordpress/html-entities": "^4.29.1-next.e256d081a.0",
|
|
62
|
+
"@wordpress/i18n": "^6.2.1-next.e256d081a.0",
|
|
63
|
+
"@wordpress/icons": "^10.29.1-next.e256d081a.0",
|
|
64
|
+
"@wordpress/interactivity": "^6.29.1-next.e256d081a.0",
|
|
65
|
+
"@wordpress/interactivity-router": "^2.29.1-next.e256d081a.0",
|
|
66
|
+
"@wordpress/keyboard-shortcuts": "^5.29.1-next.e256d081a.0",
|
|
67
|
+
"@wordpress/keycodes": "^4.29.1-next.e256d081a.0",
|
|
68
|
+
"@wordpress/notices": "^5.29.1-next.e256d081a.0",
|
|
69
|
+
"@wordpress/patterns": "^2.29.1-next.e256d081a.0",
|
|
70
|
+
"@wordpress/primitives": "^4.29.1-next.e256d081a.0",
|
|
71
|
+
"@wordpress/private-apis": "^1.29.1-next.e256d081a.0",
|
|
72
|
+
"@wordpress/reusable-blocks": "^5.29.1-next.e256d081a.0",
|
|
73
|
+
"@wordpress/rich-text": "^7.29.1-next.e256d081a.0",
|
|
74
|
+
"@wordpress/server-side-render": "^6.5.1-next.e256d081a.0",
|
|
75
|
+
"@wordpress/url": "^4.29.1-next.e256d081a.0",
|
|
76
|
+
"@wordpress/viewport": "^6.29.1-next.e256d081a.0",
|
|
77
|
+
"@wordpress/wordcount": "^4.29.1-next.e256d081a.0",
|
|
78
78
|
"change-case": "^4.1.2",
|
|
79
79
|
"clsx": "^2.1.1",
|
|
80
80
|
"colord": "^2.7.0",
|
|
@@ -92,5 +92,5 @@
|
|
|
92
92
|
"publishConfig": {
|
|
93
93
|
"access": "public"
|
|
94
94
|
},
|
|
95
|
-
"gitHead": "
|
|
95
|
+
"gitHead": "7d529ba9a461795d5f1572d3856de33f744287c2"
|
|
96
96
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://schemas.wp.org/trunk/block.json",
|
|
3
3
|
"apiVersion": 3,
|
|
4
|
-
"name": "core/
|
|
5
|
-
"title": "
|
|
4
|
+
"name": "core/accordion",
|
|
5
|
+
"title": "Accordion",
|
|
6
6
|
"category": "design",
|
|
7
|
-
"description": "
|
|
7
|
+
"description": "Displays a group of accordion headers and associated expandable content.",
|
|
8
8
|
"example": {},
|
|
9
9
|
"__experimental": true,
|
|
10
10
|
"supports": {
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"core/accordion-icon-position": "iconPosition",
|
|
64
64
|
"core/accordion-show-icon": "showIcon"
|
|
65
65
|
},
|
|
66
|
-
"allowedBlocks": [ "core/accordion-
|
|
66
|
+
"allowedBlocks": [ "core/accordion-content" ],
|
|
67
67
|
"textdomain": "default",
|
|
68
|
-
"style": "wp-block-
|
|
68
|
+
"style": "wp-block-accordion"
|
|
69
69
|
}
|
|
@@ -20,7 +20,7 @@ import {
|
|
|
20
20
|
*/
|
|
21
21
|
import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
|
|
22
22
|
|
|
23
|
-
const ACCORDION_BLOCK_NAME = 'core/accordion-
|
|
23
|
+
const ACCORDION_BLOCK_NAME = 'core/accordion-content';
|
|
24
24
|
const ACCORDION_BLOCK = {
|
|
25
25
|
name: ACCORDION_BLOCK_NAME,
|
|
26
26
|
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WordPress dependencies
|
|
3
|
+
*/
|
|
4
|
+
import { SVG, Path } from '@wordpress/primitives';
|
|
5
|
+
|
|
6
|
+
export default (
|
|
7
|
+
<SVG xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
8
|
+
<Path
|
|
9
|
+
fillRule="evenodd"
|
|
10
|
+
clipRule="evenodd"
|
|
11
|
+
d="M19.5 9.25L9.5 9.25L9.5 7.75L19.5 7.75L19.5 9.25Z"
|
|
12
|
+
fill="currentColor"
|
|
13
|
+
/>
|
|
14
|
+
<Path d="M4.5 6L8.5 8.5L4.5 11L4.5 6Z" fill="currentColor" />
|
|
15
|
+
<Path
|
|
16
|
+
fillRule="evenodd"
|
|
17
|
+
clipRule="evenodd"
|
|
18
|
+
d="M19.5 16.25L9.5 16.25L9.5 14.75L19.5 14.75L19.5 16.25Z"
|
|
19
|
+
fill="currentColor"
|
|
20
|
+
/>
|
|
21
|
+
<Path d="M4.5 13L8.5 15.5L4.5 18L4.5 13Z" fill="currentColor" />
|
|
22
|
+
</SVG>
|
|
23
|
+
);
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { accordionItem } from '@wordpress/icons';
|
|
5
1
|
/**
|
|
6
2
|
* Internal dependencies
|
|
7
3
|
*/
|
|
@@ -9,13 +5,14 @@ import edit from './edit';
|
|
|
9
5
|
import save from './save';
|
|
10
6
|
import metadata from './block.json';
|
|
11
7
|
import initBlock from '../utils/init-block';
|
|
8
|
+
import icon from './icon';
|
|
12
9
|
|
|
13
10
|
const { name } = metadata;
|
|
14
11
|
|
|
15
12
|
export { metadata, name };
|
|
16
13
|
|
|
17
14
|
export const settings = {
|
|
18
|
-
icon
|
|
15
|
+
icon,
|
|
19
16
|
example: {},
|
|
20
17
|
edit,
|
|
21
18
|
save,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<?php
|
|
2
2
|
/**
|
|
3
|
-
* Server-side rendering of the `core/
|
|
3
|
+
* Server-side rendering of the `core/accordion` block.
|
|
4
4
|
*
|
|
5
5
|
* @package WordPress
|
|
6
6
|
* @since 6.6.0
|
|
@@ -10,31 +10,31 @@
|
|
|
10
10
|
*
|
|
11
11
|
* @return string Returns the updated markup.
|
|
12
12
|
*/
|
|
13
|
-
function
|
|
13
|
+
function render_block_core_accordion( $attributes, $content ) {
|
|
14
14
|
if ( ! $content ) {
|
|
15
15
|
return $content;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
$suffix = wp_scripts_get_suffix();
|
|
19
19
|
if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
|
|
20
|
-
$module_url = gutenberg_url( '/build-module/block-library/
|
|
20
|
+
$module_url = gutenberg_url( '/build-module/block-library/accordion/view.min.js' );
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
wp_register_script_module(
|
|
24
|
-
'@wordpress/block-library/
|
|
25
|
-
isset( $module_url ) ? $module_url : includes_url( "blocks/
|
|
24
|
+
'@wordpress/block-library/accordion',
|
|
25
|
+
isset( $module_url ) ? $module_url : includes_url( "blocks/accordion/view{$suffix}.js" ),
|
|
26
26
|
array( '@wordpress/interactivity' ),
|
|
27
27
|
defined( 'GUTENBERG_VERSION' ) ? GUTENBERG_VERSION : get_bloginfo( 'version' )
|
|
28
28
|
);
|
|
29
29
|
|
|
30
|
-
wp_enqueue_script_module( '@wordpress/block-library/
|
|
30
|
+
wp_enqueue_script_module( '@wordpress/block-library/accordion' );
|
|
31
31
|
|
|
32
32
|
$p = new WP_HTML_Tag_Processor( $content );
|
|
33
33
|
$autoclose = $attributes['autoclose'] ? 'true' : 'false';
|
|
34
34
|
$icon = $attributes['icon'] ?? 'plus';
|
|
35
35
|
$icon_position = $attributes['iconPosition'] ?? 'right';
|
|
36
36
|
|
|
37
|
-
if ( $p->next_tag( array( 'class_name' => 'wp-block-
|
|
37
|
+
if ( $p->next_tag( array( 'class_name' => 'wp-block-accordion' ) ) ) {
|
|
38
38
|
$p->set_attribute( 'data-wp-interactive', 'core/accordion' );
|
|
39
39
|
$p->set_attribute( 'data-wp-context', '{ "autoclose": ' . $autoclose . ', "isOpen": [], "icon": "' . $icon . '", "iconPosition": "' . $icon_position . '" }' );
|
|
40
40
|
|
|
@@ -46,16 +46,16 @@ function render_block_core_accordions( $attributes, $content ) {
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
/**
|
|
49
|
-
* Registers the `core/
|
|
49
|
+
* Registers the `core/accordion` block on server.
|
|
50
50
|
*
|
|
51
51
|
* @since 6.6.0
|
|
52
52
|
*/
|
|
53
|
-
function
|
|
53
|
+
function register_block_core_accordion() {
|
|
54
54
|
register_block_type_from_metadata(
|
|
55
|
-
__DIR__ . '/
|
|
55
|
+
__DIR__ . '/accordion',
|
|
56
56
|
array(
|
|
57
|
-
'render_callback' => '
|
|
57
|
+
'render_callback' => 'render_block_core_accordion',
|
|
58
58
|
)
|
|
59
59
|
);
|
|
60
60
|
}
|
|
61
|
-
add_action( 'init', '
|
|
61
|
+
add_action( 'init', 'register_block_core_accordion' );
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
.wp-block-accordion-
|
|
1
|
+
.wp-block-accordion-content {
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-rows: max-content 0fr;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.wp-block-accordion-
|
|
6
|
+
.wp-block-accordion-content.is-open {
|
|
7
7
|
grid-template-rows: max-content 1fr;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.accordion-
|
|
10
|
+
.accordion-content__heading {
|
|
11
11
|
margin-block-start: 0;
|
|
12
12
|
margin-block-end: 0;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.accordion-
|
|
15
|
+
.accordion-content__toggle {
|
|
16
16
|
font-family: inherit;
|
|
17
17
|
font-size: inherit;
|
|
18
18
|
font-weight: inherit;
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
width: 100%;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
.accordion-
|
|
37
|
+
.accordion-content__toggle > span {
|
|
38
38
|
width: 100%;
|
|
39
39
|
}
|
|
40
40
|
|
|
@@ -49,43 +49,43 @@
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
/* No icon block style */
|
|
52
|
-
.is-style-no-icon .accordion-
|
|
52
|
+
.is-style-no-icon .accordion-content__toggle-icon {
|
|
53
53
|
background-color: unset;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
.wp-block-accordion-header.icon-position-left .accordion-
|
|
56
|
+
.wp-block-accordion-header.icon-position-left .accordion-content__toggle {
|
|
57
57
|
/* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
|
|
58
58
|
flex-direction: row-reverse;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
/* RTL language support */
|
|
62
|
-
[dir="rtl"] .wp-block-accordion-header:not(.icon-position-left) .accordion-
|
|
62
|
+
[dir="rtl"] .wp-block-accordion-header:not(.icon-position-left) .accordion-content__toggle {
|
|
63
63
|
/* stylelint-disable-next-line declaration-property-value-allowed-list -- Automatically adjust icon position for RTL languages. */
|
|
64
64
|
flex-direction: row-reverse;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
[dir="rtl"] .wp-block-accordion-header.icon-position-left .accordion-
|
|
67
|
+
[dir="rtl"] .wp-block-accordion-header.icon-position-left .accordion-content__toggle {
|
|
68
68
|
flex-direction: row;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
.accordion-
|
|
71
|
+
.accordion-content__toggle:focus-visible {
|
|
72
72
|
outline: 2px solid -webkit-focus-ring-color;
|
|
73
73
|
outline-offset: 2px;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
/* Add transitions only for users who do not prefer reduced motion */
|
|
77
77
|
@media (prefers-reduced-motion: no-preference) {
|
|
78
|
-
.wp-block-accordion-
|
|
78
|
+
.wp-block-accordion-content .accordion-content__toggle-icon {
|
|
79
79
|
transition: transform 0.2s ease-in-out;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
.wp-block-accordion-
|
|
82
|
+
.wp-block-accordion-content {
|
|
83
83
|
transition: grid-template-rows 0.3s ease-out;
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
.is-open {
|
|
88
|
-
.accordion-
|
|
88
|
+
.accordion-content__toggle-icon.has-icon-plus {
|
|
89
89
|
transform: rotate(45deg);
|
|
90
90
|
}
|
|
91
91
|
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://schemas.wp.org/trunk/block.json",
|
|
3
3
|
"apiVersion": 3,
|
|
4
|
-
"name": "core/accordion-
|
|
4
|
+
"name": "core/accordion-content",
|
|
5
5
|
"version": "0.1.0",
|
|
6
|
-
"title": "Accordion",
|
|
6
|
+
"title": "Accordion Content",
|
|
7
7
|
"category": "design",
|
|
8
|
-
"description": "
|
|
8
|
+
"description": "Displays a section of content in an accordion, including a header and expandable content.",
|
|
9
9
|
"example": {},
|
|
10
10
|
"__experimental": true,
|
|
11
|
-
"parent": [ "core/
|
|
11
|
+
"parent": [ "core/accordion" ],
|
|
12
12
|
"allowedBlocks": [ "core/accordion-header", "core/accordion-panel" ],
|
|
13
13
|
"supports": {
|
|
14
14
|
"align": [ "wide", "full" ],
|