@wordpress/fields 0.29.0 → 0.29.1-next.06ee73755.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 +0 -2
- package/LICENSE.md +1 -1
- package/README.md +41 -0
- package/build/actions/{delete-post.js → delete-post.cjs} +4 -4
- package/build/actions/{duplicate-pattern.js → duplicate-pattern.cjs} +2 -2
- package/build/actions/{duplicate-post.js → duplicate-post.cjs} +2 -2
- package/build/actions/{duplicate-template-part.js → duplicate-template-part.cjs} +3 -3
- package/build/actions/{export-pattern.js → export-pattern.cjs} +2 -2
- package/build/actions/{index.js → index.cjs} +14 -14
- package/build/actions/{permanently-delete-post.js → permanently-delete-post.cjs} +2 -2
- package/build/actions/{rename-post.js → rename-post.cjs} +3 -4
- package/build/actions/{rename-post.js.map → rename-post.cjs.map} +2 -2
- package/build/actions/{reorder-page.js → reorder-page.cjs} +2 -2
- package/build/actions/reorder-page.cjs.map +7 -0
- package/build/actions/{reset-post.js → reset-post.cjs} +2 -2
- package/build/actions/{restore-post.js → restore-post.cjs} +2 -2
- package/build/actions/{trash-post.js → trash-post.cjs} +2 -2
- package/build/actions/{utils.js → utils.cjs} +1 -1
- package/build/actions/{view-post-revisions.js → view-post-revisions.cjs} +1 -1
- package/build/actions/{view-post.js → view-post.cjs} +1 -1
- package/build/components/create-template-part-modal/{index.js → index.cjs} +3 -4
- package/build/components/create-template-part-modal/index.cjs.map +7 -0
- package/build/components/create-template-part-modal/{utils.js → utils.cjs} +1 -1
- package/build/components/media-edit/index.cjs +494 -0
- package/build/components/media-edit/index.cjs.map +7 -0
- package/build/fields/author/{author-view.js → author-view.cjs} +1 -1
- package/build/fields/author/{index.js → index.cjs} +2 -2
- package/build/fields/comment-status/{index.js → index.cjs} +1 -1
- package/build/fields/date/{date-view.js → date-view.cjs} +1 -1
- package/build/fields/date/{index.js → index.cjs} +2 -2
- package/build/fields/discussion/{index.js → index.cjs} +1 -1
- package/build/fields/featured-image/{featured-image-view.js → featured-image-view.cjs} +1 -1
- package/build/fields/featured-image/index.cjs +52 -0
- package/build/fields/featured-image/index.cjs.map +7 -0
- package/build/fields/{index.js → index.cjs} +18 -18
- package/build/fields/notes/{index.js → index.cjs} +1 -1
- package/build/fields/order/{index.js → index.cjs} +1 -1
- package/build/fields/page-title/{index.js → index.cjs} +3 -3
- package/build/fields/page-title/{view.js → view.cjs} +3 -3
- package/build/fields/parent/{index.js → index.cjs} +3 -3
- package/build/fields/parent/{parent-edit.js → parent-edit.cjs} +2 -3
- package/build/fields/parent/{parent-edit.js.map → parent-edit.cjs.map} +2 -2
- package/build/fields/parent/{parent-view.js → parent-view.cjs} +2 -2
- package/build/fields/parent/{utils.js → utils.cjs} +1 -1
- package/build/fields/password/{edit.js → edit.cjs} +1 -3
- package/build/fields/password/{edit.js.map → edit.cjs.map} +2 -2
- package/build/fields/password/{index.js → index.cjs} +2 -2
- package/build/fields/pattern-title/{index.js → index.cjs} +3 -3
- package/build/fields/pattern-title/{view.js → view.cjs} +3 -3
- package/build/fields/ping-status/{index.js → index.cjs} +1 -2
- package/build/fields/ping-status/index.cjs.map +7 -0
- package/build/fields/slug/{index.js → index.cjs} +3 -3
- package/build/fields/slug/{slug-edit.js → slug-edit.cjs} +2 -2
- package/build/fields/slug/{slug-view.js → slug-view.cjs} +2 -2
- package/build/fields/slug/{utils.js → utils.cjs} +2 -2
- package/build/fields/status/{index.js → index.cjs} +3 -3
- package/build/fields/status/{status-elements.js → status-elements.cjs} +1 -1
- package/build/fields/status/{status-view.js → status-view.cjs} +2 -2
- package/build/fields/template/{index.js → index.cjs} +2 -2
- package/build/fields/template/{template-edit.js → template-edit.cjs} +3 -3
- package/build/fields/template-title/{index.js → index.cjs} +3 -3
- package/build/fields/title/{index.js → index.cjs} +3 -3
- package/build/fields/title/{view.js → view.cjs} +2 -2
- package/build/{index.js → index.cjs} +10 -7
- package/build/index.cjs.map +7 -0
- package/build/{lock-unlock.js → lock-unlock.cjs} +1 -1
- package/build/mutation/{index.js → index.cjs} +1 -1
- package/build/{types.js → types.cjs} +1 -1
- package/build/types.cjs.map +7 -0
- package/build-module/actions/{delete-post.js → delete-post.mjs} +4 -4
- package/build-module/actions/{duplicate-pattern.js → duplicate-pattern.mjs} +2 -2
- package/build-module/actions/{duplicate-post.js → duplicate-post.mjs} +2 -2
- package/build-module/actions/{duplicate-template-part.js → duplicate-template-part.mjs} +3 -3
- package/build-module/actions/{export-pattern.js → export-pattern.mjs} +2 -2
- package/build-module/actions/index.mjs +30 -0
- package/build-module/actions/{permanently-delete-post.js → permanently-delete-post.mjs} +2 -2
- package/build-module/actions/{rename-post.js → rename-post.mjs} +3 -4
- package/build-module/actions/{rename-post.js.map → rename-post.mjs.map} +2 -2
- package/build-module/actions/{reorder-page.js → reorder-page.mjs} +2 -2
- package/build-module/actions/reorder-page.mjs.map +7 -0
- package/build-module/actions/{reset-post.js → reset-post.mjs} +2 -2
- package/build-module/actions/{restore-post.js → restore-post.mjs} +2 -2
- package/build-module/actions/{trash-post.js → trash-post.mjs} +2 -2
- package/build-module/actions/{utils.js → utils.mjs} +1 -1
- package/build-module/actions/{view-post-revisions.js → view-post-revisions.mjs} +1 -1
- package/build-module/actions/{view-post.js → view-post.mjs} +1 -1
- package/build-module/components/create-template-part-modal/{index.js → index.mjs} +3 -4
- package/build-module/components/create-template-part-modal/index.mjs.map +7 -0
- package/build-module/components/create-template-part-modal/{utils.js → utils.mjs} +1 -1
- package/build-module/components/media-edit/index.mjs +478 -0
- package/build-module/components/media-edit/index.mjs.map +7 -0
- package/build-module/fields/author/{author-view.js → author-view.mjs} +1 -1
- package/build-module/fields/author/{index.js → index.mjs} +2 -2
- package/build-module/fields/comment-status/{index.js → index.mjs} +1 -1
- package/build-module/fields/date/{date-view.js → date-view.mjs} +1 -1
- package/build-module/fields/date/{index.js → index.mjs} +2 -2
- package/build-module/fields/discussion/{index.js → index.mjs} +1 -1
- package/build-module/fields/featured-image/{featured-image-view.js → featured-image-view.mjs} +1 -1
- package/build-module/fields/featured-image/{index.js → index.mjs} +8 -5
- package/build-module/fields/featured-image/index.mjs.map +7 -0
- package/build-module/fields/index.mjs +38 -0
- package/build-module/fields/notes/{index.js → index.mjs} +1 -1
- package/build-module/fields/order/{index.js → index.mjs} +1 -1
- package/build-module/fields/page-title/{index.js → index.mjs} +3 -3
- package/build-module/fields/page-title/{view.js → view.mjs} +3 -3
- package/build-module/fields/parent/{index.js → index.mjs} +3 -3
- package/build-module/fields/parent/{parent-edit.js → parent-edit.mjs} +2 -3
- package/build-module/fields/parent/{parent-edit.js.map → parent-edit.mjs.map} +2 -2
- package/build-module/fields/parent/{parent-view.js → parent-view.mjs} +2 -2
- package/build-module/fields/parent/{utils.js → utils.mjs} +1 -1
- package/build-module/fields/password/{edit.js → edit.mjs} +1 -3
- package/build-module/fields/password/{edit.js.map → edit.mjs.map} +2 -2
- package/build-module/fields/password/{index.js → index.mjs} +2 -2
- package/build-module/fields/pattern-title/{index.js → index.mjs} +3 -3
- package/build-module/fields/pattern-title/{view.js → view.mjs} +3 -3
- package/build-module/fields/ping-status/{index.js → index.mjs} +1 -2
- package/build-module/fields/ping-status/index.mjs.map +7 -0
- package/build-module/fields/slug/{index.js → index.mjs} +3 -3
- package/build-module/fields/slug/{slug-edit.js → slug-edit.mjs} +2 -2
- package/build-module/fields/slug/{slug-view.js → slug-view.mjs} +2 -2
- package/build-module/fields/slug/{utils.js → utils.mjs} +2 -2
- package/build-module/fields/status/{index.js → index.mjs} +3 -3
- package/build-module/fields/status/{status-elements.js → status-elements.mjs} +1 -1
- package/build-module/fields/status/{status-view.js → status-view.mjs} +2 -2
- package/build-module/fields/template/{index.js → index.mjs} +2 -2
- package/build-module/fields/template/{template-edit.js → template-edit.mjs} +3 -3
- package/build-module/fields/template-title/{index.js → index.mjs} +3 -3
- package/build-module/fields/title/{index.js → index.mjs} +3 -3
- package/build-module/fields/title/{view.js → view.mjs} +2 -2
- package/build-module/index.mjs +10 -0
- package/build-module/index.mjs.map +7 -0
- package/build-module/{lock-unlock.js → lock-unlock.mjs} +1 -1
- package/build-module/mutation/{index.js → index.mjs} +1 -1
- package/build-module/types.mjs +1 -0
- package/build-style/style-rtl.css +191 -62
- package/build-style/style.css +191 -62
- package/build-types/actions/rename-post.d.ts.map +1 -1
- package/build-types/actions/reorder-page.d.ts.map +1 -1
- package/build-types/components/create-template-part-modal/index.d.ts.map +1 -1
- package/build-types/components/media-edit/index.d.ts +42 -0
- package/build-types/components/media-edit/index.d.ts.map +1 -0
- package/build-types/fields/featured-image/index.d.ts +0 -3
- package/build-types/fields/featured-image/index.d.ts.map +1 -1
- package/build-types/fields/parent/parent-edit.d.ts.map +1 -1
- package/build-types/fields/password/edit.d.ts.map +1 -1
- package/build-types/fields/ping-status/index.d.ts.map +1 -1
- package/build-types/index.d.ts +2 -1
- package/build-types/index.d.ts.map +1 -1
- package/build-types/types.d.ts +24 -0
- package/build-types/types.d.ts.map +1 -1
- package/package.json +38 -30
- package/src/actions/rename-post.tsx +0 -1
- package/src/actions/reorder-page.tsx +1 -2
- package/src/components/create-template-part-modal/index.tsx +2 -3
- package/src/components/media-edit/index.tsx +616 -0
- package/src/components/media-edit/style.scss +232 -0
- package/src/fields/featured-image/{index.ts → index.tsx} +5 -2
- package/src/fields/featured-image/style.scss +7 -89
- package/src/fields/parent/parent-edit.tsx +0 -1
- package/src/fields/password/edit.tsx +0 -2
- package/src/fields/ping-status/index.tsx +0 -1
- package/src/index.ts +2 -0
- package/src/style.scss +1 -0
- package/src/types.ts +30 -0
- package/build/actions/reorder-page.js.map +0 -7
- package/build/components/create-template-part-modal/index.js.map +0 -7
- package/build/fields/featured-image/featured-image-edit.js +0 -162
- package/build/fields/featured-image/featured-image-edit.js.map +0 -7
- package/build/fields/featured-image/index.js +0 -39
- package/build/fields/featured-image/index.js.map +0 -7
- package/build/fields/ping-status/index.js.map +0 -7
- package/build/index.js.map +0 -7
- package/build/types.js.map +0 -7
- package/build-module/actions/index.js +0 -30
- package/build-module/actions/reorder-page.js.map +0 -7
- package/build-module/components/create-template-part-modal/index.js.map +0 -7
- package/build-module/fields/featured-image/featured-image-edit.js +0 -140
- package/build-module/fields/featured-image/featured-image-edit.js.map +0 -7
- package/build-module/fields/featured-image/index.js.map +0 -7
- package/build-module/fields/index.js +0 -38
- package/build-module/fields/ping-status/index.js.map +0 -7
- package/build-module/index.js +0 -8
- package/build-module/index.js.map +0 -7
- package/build-module/types.js +0 -1
- package/build-types/fields/featured-image/featured-image-edit.d.ts +0 -7
- package/build-types/fields/featured-image/featured-image-edit.d.ts.map +0 -1
- package/src/fields/featured-image/featured-image-edit.tsx +0 -170
- package/tsconfig.json +0 -31
- package/tsconfig.tsbuildinfo +0 -1
- /package/build/actions/{delete-post.js.map → delete-post.cjs.map} +0 -0
- /package/build/actions/{duplicate-pattern.js.map → duplicate-pattern.cjs.map} +0 -0
- /package/build/actions/{duplicate-post.js.map → duplicate-post.cjs.map} +0 -0
- /package/build/actions/{duplicate-template-part.js.map → duplicate-template-part.cjs.map} +0 -0
- /package/build/actions/{export-pattern.js.map → export-pattern.cjs.map} +0 -0
- /package/build/actions/{index.js.map → index.cjs.map} +0 -0
- /package/build/actions/{permanently-delete-post.js.map → permanently-delete-post.cjs.map} +0 -0
- /package/build/actions/{reset-post.js.map → reset-post.cjs.map} +0 -0
- /package/build/actions/{restore-post.js.map → restore-post.cjs.map} +0 -0
- /package/build/actions/{trash-post.js.map → trash-post.cjs.map} +0 -0
- /package/build/actions/{utils.js.map → utils.cjs.map} +0 -0
- /package/build/actions/{view-post-revisions.js.map → view-post-revisions.cjs.map} +0 -0
- /package/build/actions/{view-post.js.map → view-post.cjs.map} +0 -0
- /package/build/components/create-template-part-modal/{utils.js.map → utils.cjs.map} +0 -0
- /package/build/fields/author/{author-view.js.map → author-view.cjs.map} +0 -0
- /package/build/fields/author/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/comment-status/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/date/{date-view.js.map → date-view.cjs.map} +0 -0
- /package/build/fields/date/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/discussion/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/featured-image/{featured-image-view.js.map → featured-image-view.cjs.map} +0 -0
- /package/build/fields/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/notes/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/order/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/page-title/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/page-title/{view.js.map → view.cjs.map} +0 -0
- /package/build/fields/parent/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/parent/{parent-view.js.map → parent-view.cjs.map} +0 -0
- /package/build/fields/parent/{utils.js.map → utils.cjs.map} +0 -0
- /package/build/fields/password/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/pattern-title/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/pattern-title/{view.js.map → view.cjs.map} +0 -0
- /package/build/fields/slug/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/slug/{slug-edit.js.map → slug-edit.cjs.map} +0 -0
- /package/build/fields/slug/{slug-view.js.map → slug-view.cjs.map} +0 -0
- /package/build/fields/slug/{utils.js.map → utils.cjs.map} +0 -0
- /package/build/fields/status/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/status/{status-elements.js.map → status-elements.cjs.map} +0 -0
- /package/build/fields/status/{status-view.js.map → status-view.cjs.map} +0 -0
- /package/build/fields/template/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/template/{template-edit.js.map → template-edit.cjs.map} +0 -0
- /package/build/fields/template-title/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/title/{index.js.map → index.cjs.map} +0 -0
- /package/build/fields/title/{view.js.map → view.cjs.map} +0 -0
- /package/build/{lock-unlock.js.map → lock-unlock.cjs.map} +0 -0
- /package/build/mutation/{index.js.map → index.cjs.map} +0 -0
- /package/build-module/actions/{delete-post.js.map → delete-post.mjs.map} +0 -0
- /package/build-module/actions/{duplicate-pattern.js.map → duplicate-pattern.mjs.map} +0 -0
- /package/build-module/actions/{duplicate-post.js.map → duplicate-post.mjs.map} +0 -0
- /package/build-module/actions/{duplicate-template-part.js.map → duplicate-template-part.mjs.map} +0 -0
- /package/build-module/actions/{export-pattern.js.map → export-pattern.mjs.map} +0 -0
- /package/build-module/actions/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/actions/{permanently-delete-post.js.map → permanently-delete-post.mjs.map} +0 -0
- /package/build-module/actions/{reset-post.js.map → reset-post.mjs.map} +0 -0
- /package/build-module/actions/{restore-post.js.map → restore-post.mjs.map} +0 -0
- /package/build-module/actions/{trash-post.js.map → trash-post.mjs.map} +0 -0
- /package/build-module/actions/{utils.js.map → utils.mjs.map} +0 -0
- /package/build-module/actions/{view-post-revisions.js.map → view-post-revisions.mjs.map} +0 -0
- /package/build-module/actions/{view-post.js.map → view-post.mjs.map} +0 -0
- /package/build-module/components/create-template-part-modal/{utils.js.map → utils.mjs.map} +0 -0
- /package/build-module/fields/author/{author-view.js.map → author-view.mjs.map} +0 -0
- /package/build-module/fields/author/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/comment-status/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/date/{date-view.js.map → date-view.mjs.map} +0 -0
- /package/build-module/fields/date/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/discussion/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/featured-image/{featured-image-view.js.map → featured-image-view.mjs.map} +0 -0
- /package/build-module/fields/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/notes/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/order/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/page-title/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/page-title/{view.js.map → view.mjs.map} +0 -0
- /package/build-module/fields/parent/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/parent/{parent-view.js.map → parent-view.mjs.map} +0 -0
- /package/build-module/fields/parent/{utils.js.map → utils.mjs.map} +0 -0
- /package/build-module/fields/password/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/pattern-title/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/pattern-title/{view.js.map → view.mjs.map} +0 -0
- /package/build-module/fields/slug/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/slug/{slug-edit.js.map → slug-edit.mjs.map} +0 -0
- /package/build-module/fields/slug/{slug-view.js.map → slug-view.mjs.map} +0 -0
- /package/build-module/fields/slug/{utils.js.map → utils.mjs.map} +0 -0
- /package/build-module/fields/status/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/status/{status-elements.js.map → status-elements.mjs.map} +0 -0
- /package/build-module/fields/status/{status-view.js.map → status-view.mjs.map} +0 -0
- /package/build-module/fields/template/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/template/{template-edit.js.map → template-edit.mjs.map} +0 -0
- /package/build-module/fields/template-title/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/title/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/fields/title/{view.js.map → view.mjs.map} +0 -0
- /package/build-module/{lock-unlock.js.map → lock-unlock.mjs.map} +0 -0
- /package/build-module/mutation/{index.js.map → index.mjs.map} +0 -0
- /package/build-module/{types.js.map → types.mjs.map} +0 -0
|
@@ -83,6 +83,10 @@
|
|
|
83
83
|
/**
|
|
84
84
|
* Reset the WP Admin page styles for Gutenberg-like pages.
|
|
85
85
|
*/
|
|
86
|
+
/**
|
|
87
|
+
* Creates a checkerboard pattern background to indicate transparency.
|
|
88
|
+
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
|
89
|
+
*/
|
|
86
90
|
:root {
|
|
87
91
|
--wp-block-synced-color: #7a00df;
|
|
88
92
|
--wp-block-synced-color--rgb: 122, 0, 223;
|
|
@@ -177,100 +181,220 @@ input[type=radio]:not(:checked):hover ~ .fields-create-template-part-modal__area
|
|
|
177
181
|
color: inherit;
|
|
178
182
|
}
|
|
179
183
|
|
|
180
|
-
.
|
|
184
|
+
fieldset.fields__media-edit {
|
|
181
185
|
border: 0;
|
|
182
186
|
padding: 0;
|
|
183
187
|
margin: 0;
|
|
188
|
+
width: 100%;
|
|
189
|
+
/* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
|
|
190
|
+
container-type: inline-size;
|
|
184
191
|
}
|
|
185
|
-
.
|
|
186
|
-
|
|
192
|
+
fieldset.fields__media-edit .fields__media-edit-compact {
|
|
193
|
+
display: grid;
|
|
194
|
+
grid-template-columns: 1fr auto;
|
|
195
|
+
gap: 8px;
|
|
196
|
+
align-items: center;
|
|
187
197
|
}
|
|
188
|
-
.
|
|
189
|
-
|
|
198
|
+
fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner {
|
|
199
|
+
display: flex;
|
|
200
|
+
align-items: center;
|
|
201
|
+
gap: 8px;
|
|
190
202
|
}
|
|
191
|
-
.
|
|
192
|
-
|
|
203
|
+
fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
|
|
204
|
+
margin: 0;
|
|
193
205
|
}
|
|
194
|
-
.
|
|
206
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner {
|
|
195
207
|
display: flex;
|
|
196
|
-
|
|
208
|
+
align-items: center;
|
|
209
|
+
gap: 8px;
|
|
197
210
|
}
|
|
198
|
-
.
|
|
199
|
-
|
|
211
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
|
|
212
|
+
margin: 0;
|
|
200
213
|
}
|
|
201
|
-
|
|
202
|
-
|
|
214
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button {
|
|
215
|
+
position: relative;
|
|
216
|
+
display: flex;
|
|
217
|
+
align-items: center;
|
|
218
|
+
gap: 12px;
|
|
219
|
+
border: 1px dashed #949494;
|
|
220
|
+
border-radius: 1px;
|
|
221
|
+
padding: calc(8px - 1px);
|
|
222
|
+
cursor: pointer;
|
|
223
|
+
min-width: 0;
|
|
224
|
+
}
|
|
225
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button:hover {
|
|
226
|
+
background-color: #f0f0f0;
|
|
227
|
+
}
|
|
228
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button:focus-visible {
|
|
229
|
+
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
230
|
+
outline: none;
|
|
231
|
+
}
|
|
232
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button[aria-disabled=true] {
|
|
233
|
+
opacity: 0.6;
|
|
234
|
+
cursor: default;
|
|
235
|
+
}
|
|
236
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button .fields__media-edit-picker-button-spinner {
|
|
237
|
+
position: absolute;
|
|
238
|
+
top: 50%;
|
|
239
|
+
right: 50%;
|
|
240
|
+
transform: translate(50%, -50%);
|
|
241
|
+
z-index: 1;
|
|
242
|
+
}
|
|
243
|
+
fieldset.fields__media-edit .fields__media-edit-filename,
|
|
244
|
+
fieldset.fields__media-edit .fields__media-edit-placeholder {
|
|
245
|
+
flex: 1;
|
|
246
|
+
width: 100%;
|
|
247
|
+
min-width: 0;
|
|
248
|
+
}
|
|
249
|
+
fieldset.fields__media-edit .fields__media-edit-placeholder {
|
|
250
|
+
text-align: center;
|
|
251
|
+
}
|
|
252
|
+
fieldset.fields__media-edit .fields__media-edit-thumbnail {
|
|
253
|
+
width: 24px;
|
|
254
|
+
aspect-ratio: 1/1;
|
|
255
|
+
flex-shrink: 0;
|
|
203
256
|
border-radius: 2px;
|
|
204
|
-
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
|
|
205
|
-
display: inline-block;
|
|
206
|
-
padding: 0;
|
|
207
|
-
background: #fff linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
|
|
208
257
|
}
|
|
209
|
-
|
|
210
|
-
|
|
258
|
+
fieldset.fields__media-edit .fields__media-edit-expanded {
|
|
259
|
+
display: grid;
|
|
260
|
+
gap: 8px;
|
|
261
|
+
}
|
|
262
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner {
|
|
263
|
+
display: flex;
|
|
264
|
+
align-items: center;
|
|
265
|
+
gap: 8px;
|
|
266
|
+
}
|
|
267
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
|
|
268
|
+
margin: 0;
|
|
269
|
+
}
|
|
270
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview {
|
|
271
|
+
position: relative;
|
|
211
272
|
width: 100%;
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
273
|
+
aspect-ratio: 3/2;
|
|
274
|
+
border-radius: 2px;
|
|
275
|
+
padding: 4px;
|
|
215
276
|
overflow: hidden;
|
|
277
|
+
display: flex;
|
|
278
|
+
align-items: center;
|
|
279
|
+
justify-content: center;
|
|
216
280
|
}
|
|
217
|
-
|
|
218
|
-
.fields-controls__featured-image-image {
|
|
281
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview .fields__media-edit-expanded-preview-stack {
|
|
219
282
|
width: 100%;
|
|
220
283
|
height: 100%;
|
|
221
|
-
border-radius: 2px;
|
|
222
|
-
align-self: center;
|
|
223
284
|
}
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
285
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
|
|
286
|
+
position: absolute;
|
|
287
|
+
top: 0;
|
|
288
|
+
right: 0;
|
|
289
|
+
left: 0;
|
|
290
|
+
bottom: 0;
|
|
291
|
+
opacity: 0;
|
|
292
|
+
pointer-events: none;
|
|
293
|
+
}
|
|
294
|
+
@media not (prefers-reduced-motion) {
|
|
295
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
|
|
296
|
+
transition: opacity 50ms ease-out;
|
|
297
|
+
}
|
|
227
298
|
}
|
|
228
|
-
.
|
|
229
|
-
|
|
299
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay * {
|
|
300
|
+
pointer-events: auto;
|
|
230
301
|
}
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
302
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-remove {
|
|
303
|
+
position: absolute;
|
|
304
|
+
top: 8px;
|
|
305
|
+
left: 8px;
|
|
306
|
+
border-radius: 1px;
|
|
307
|
+
backdrop-filter: blur(16px) saturate(180%);
|
|
308
|
+
background: rgba(255, 255, 255, 0.75);
|
|
309
|
+
}
|
|
310
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-title {
|
|
311
|
+
position: absolute;
|
|
312
|
+
bottom: 0;
|
|
313
|
+
right: 0;
|
|
314
|
+
left: 0;
|
|
315
|
+
margin: 8px;
|
|
316
|
+
padding: 4px;
|
|
317
|
+
text-align: center;
|
|
318
|
+
border-radius: 1px;
|
|
319
|
+
backdrop-filter: blur(16px) saturate(180%);
|
|
320
|
+
background: rgba(255, 255, 255, 0.75);
|
|
321
|
+
}
|
|
322
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item {
|
|
323
|
+
position: relative;
|
|
324
|
+
min-width: 0;
|
|
325
|
+
}
|
|
326
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:hover .fields__media-edit-expanded-overlay, fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:focus-within .fields__media-edit-expanded-overlay {
|
|
327
|
+
opacity: 1;
|
|
328
|
+
}
|
|
329
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:not(.has-preview-image) .fields__media-edit-expanded-preview-stack {
|
|
330
|
+
padding: 8px;
|
|
331
|
+
}
|
|
332
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-thumbnail {
|
|
333
|
+
width: 100%;
|
|
334
|
+
height: 100%;
|
|
335
|
+
object-fit: cover;
|
|
336
|
+
object-position: 50% 50%;
|
|
337
|
+
}
|
|
338
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-filename {
|
|
339
|
+
text-align: center;
|
|
340
|
+
flex: none;
|
|
341
|
+
}
|
|
342
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-picker-button-spinner svg {
|
|
235
343
|
margin: 0;
|
|
236
344
|
}
|
|
237
|
-
fieldset.
|
|
238
|
-
|
|
239
|
-
border-radius: 2px;
|
|
240
|
-
padding: 8px 12px;
|
|
241
|
-
cursor: pointer;
|
|
345
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-single {
|
|
346
|
+
grid-template-columns: 1fr;
|
|
242
347
|
}
|
|
243
|
-
fieldset.
|
|
244
|
-
|
|
348
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-single .fields__media-edit-expanded-preview {
|
|
349
|
+
aspect-ratio: 2/1;
|
|
245
350
|
}
|
|
246
|
-
fieldset.
|
|
247
|
-
|
|
248
|
-
|
|
351
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
|
|
352
|
+
grid-template-columns: repeat(3, 1fr);
|
|
353
|
+
/* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
|
|
249
354
|
}
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
355
|
+
@container (max-width: 768px) {
|
|
356
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
|
|
357
|
+
grid-template-columns: repeat(2, 1fr);
|
|
358
|
+
}
|
|
254
359
|
}
|
|
255
|
-
fieldset.
|
|
360
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
|
|
361
|
+
/* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
|
|
362
|
+
}
|
|
363
|
+
@container (max-width: 280px) {
|
|
364
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
|
|
365
|
+
grid-template-columns: 1fr;
|
|
366
|
+
}
|
|
367
|
+
}
|
|
368
|
+
fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-picker-button {
|
|
256
369
|
padding: 0;
|
|
257
|
-
height: fit-content;
|
|
258
370
|
}
|
|
259
|
-
fieldset.
|
|
371
|
+
fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-placeholder {
|
|
372
|
+
display: flex;
|
|
373
|
+
align-items: center;
|
|
374
|
+
justify-content: center;
|
|
375
|
+
aspect-ratio: 3/2;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
.fields-controls__slug {
|
|
260
379
|
border: 0;
|
|
261
|
-
|
|
380
|
+
padding: 0;
|
|
381
|
+
margin: 0;
|
|
262
382
|
}
|
|
263
|
-
|
|
264
|
-
|
|
383
|
+
.fields-controls__slug .fields-controls__slug-external-icon {
|
|
384
|
+
margin-right: 5ch;
|
|
265
385
|
}
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
width: 16px;
|
|
269
|
-
height: 16px;
|
|
386
|
+
.fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
|
|
387
|
+
padding-inline-start: 0 !important;
|
|
270
388
|
}
|
|
271
|
-
.
|
|
272
|
-
|
|
273
|
-
|
|
389
|
+
.fields-controls__slug .fields-controls__slug-help-link {
|
|
390
|
+
word-break: break-word;
|
|
391
|
+
}
|
|
392
|
+
.fields-controls__slug .fields-controls__slug-help {
|
|
393
|
+
display: flex;
|
|
394
|
+
flex-direction: column;
|
|
395
|
+
}
|
|
396
|
+
.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
|
|
397
|
+
font-weight: 600;
|
|
274
398
|
}
|
|
275
399
|
|
|
276
400
|
.dataviews-view-grid__media .fields-controls__featured-image-image,
|
|
@@ -297,6 +421,11 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
|
|
|
297
421
|
height: 32px;
|
|
298
422
|
}
|
|
299
423
|
|
|
424
|
+
.dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
|
|
425
|
+
width: 16px;
|
|
426
|
+
height: 16px;
|
|
427
|
+
}
|
|
428
|
+
|
|
300
429
|
.fields-controls__parent {
|
|
301
430
|
border: 0;
|
|
302
431
|
padding: 0;
|
package/build-style/style.css
CHANGED
|
@@ -83,6 +83,10 @@
|
|
|
83
83
|
/**
|
|
84
84
|
* Reset the WP Admin page styles for Gutenberg-like pages.
|
|
85
85
|
*/
|
|
86
|
+
/**
|
|
87
|
+
* Creates a checkerboard pattern background to indicate transparency.
|
|
88
|
+
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
|
89
|
+
*/
|
|
86
90
|
:root {
|
|
87
91
|
--wp-block-synced-color: #7a00df;
|
|
88
92
|
--wp-block-synced-color--rgb: 122, 0, 223;
|
|
@@ -177,100 +181,220 @@ input[type=radio]:not(:checked):hover ~ .fields-create-template-part-modal__area
|
|
|
177
181
|
color: inherit;
|
|
178
182
|
}
|
|
179
183
|
|
|
180
|
-
.
|
|
184
|
+
fieldset.fields__media-edit {
|
|
181
185
|
border: 0;
|
|
182
186
|
padding: 0;
|
|
183
187
|
margin: 0;
|
|
188
|
+
width: 100%;
|
|
189
|
+
/* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
|
|
190
|
+
container-type: inline-size;
|
|
184
191
|
}
|
|
185
|
-
.
|
|
186
|
-
|
|
192
|
+
fieldset.fields__media-edit .fields__media-edit-compact {
|
|
193
|
+
display: grid;
|
|
194
|
+
grid-template-columns: 1fr auto;
|
|
195
|
+
gap: 8px;
|
|
196
|
+
align-items: center;
|
|
187
197
|
}
|
|
188
|
-
.
|
|
189
|
-
|
|
198
|
+
fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner {
|
|
199
|
+
display: flex;
|
|
200
|
+
align-items: center;
|
|
201
|
+
gap: 8px;
|
|
190
202
|
}
|
|
191
|
-
.
|
|
192
|
-
|
|
203
|
+
fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
|
|
204
|
+
margin: 0;
|
|
193
205
|
}
|
|
194
|
-
.
|
|
206
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner {
|
|
195
207
|
display: flex;
|
|
196
|
-
|
|
208
|
+
align-items: center;
|
|
209
|
+
gap: 8px;
|
|
197
210
|
}
|
|
198
|
-
.
|
|
199
|
-
|
|
211
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
|
|
212
|
+
margin: 0;
|
|
200
213
|
}
|
|
201
|
-
|
|
202
|
-
|
|
214
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button {
|
|
215
|
+
position: relative;
|
|
216
|
+
display: flex;
|
|
217
|
+
align-items: center;
|
|
218
|
+
gap: 12px;
|
|
219
|
+
border: 1px dashed #949494;
|
|
220
|
+
border-radius: 1px;
|
|
221
|
+
padding: calc(8px - 1px);
|
|
222
|
+
cursor: pointer;
|
|
223
|
+
min-width: 0;
|
|
224
|
+
}
|
|
225
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button:hover {
|
|
226
|
+
background-color: #f0f0f0;
|
|
227
|
+
}
|
|
228
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button:focus-visible {
|
|
229
|
+
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
230
|
+
outline: none;
|
|
231
|
+
}
|
|
232
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button[aria-disabled=true] {
|
|
233
|
+
opacity: 0.6;
|
|
234
|
+
cursor: default;
|
|
235
|
+
}
|
|
236
|
+
fieldset.fields__media-edit .fields__media-edit-picker-button .fields__media-edit-picker-button-spinner {
|
|
237
|
+
position: absolute;
|
|
238
|
+
top: 50%;
|
|
239
|
+
left: 50%;
|
|
240
|
+
transform: translate(-50%, -50%);
|
|
241
|
+
z-index: 1;
|
|
242
|
+
}
|
|
243
|
+
fieldset.fields__media-edit .fields__media-edit-filename,
|
|
244
|
+
fieldset.fields__media-edit .fields__media-edit-placeholder {
|
|
245
|
+
flex: 1;
|
|
246
|
+
width: 100%;
|
|
247
|
+
min-width: 0;
|
|
248
|
+
}
|
|
249
|
+
fieldset.fields__media-edit .fields__media-edit-placeholder {
|
|
250
|
+
text-align: center;
|
|
251
|
+
}
|
|
252
|
+
fieldset.fields__media-edit .fields__media-edit-thumbnail {
|
|
253
|
+
width: 24px;
|
|
254
|
+
aspect-ratio: 1/1;
|
|
255
|
+
flex-shrink: 0;
|
|
203
256
|
border-radius: 2px;
|
|
204
|
-
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
|
|
205
|
-
display: inline-block;
|
|
206
|
-
padding: 0;
|
|
207
|
-
background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
|
|
208
257
|
}
|
|
209
|
-
|
|
210
|
-
|
|
258
|
+
fieldset.fields__media-edit .fields__media-edit-expanded {
|
|
259
|
+
display: grid;
|
|
260
|
+
gap: 8px;
|
|
261
|
+
}
|
|
262
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner {
|
|
263
|
+
display: flex;
|
|
264
|
+
align-items: center;
|
|
265
|
+
gap: 8px;
|
|
266
|
+
}
|
|
267
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
|
|
268
|
+
margin: 0;
|
|
269
|
+
}
|
|
270
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview {
|
|
271
|
+
position: relative;
|
|
211
272
|
width: 100%;
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
273
|
+
aspect-ratio: 3/2;
|
|
274
|
+
border-radius: 2px;
|
|
275
|
+
padding: 4px;
|
|
215
276
|
overflow: hidden;
|
|
277
|
+
display: flex;
|
|
278
|
+
align-items: center;
|
|
279
|
+
justify-content: center;
|
|
216
280
|
}
|
|
217
|
-
|
|
218
|
-
.fields-controls__featured-image-image {
|
|
281
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview .fields__media-edit-expanded-preview-stack {
|
|
219
282
|
width: 100%;
|
|
220
283
|
height: 100%;
|
|
221
|
-
border-radius: 2px;
|
|
222
|
-
align-self: center;
|
|
223
284
|
}
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
285
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
|
|
286
|
+
position: absolute;
|
|
287
|
+
top: 0;
|
|
288
|
+
left: 0;
|
|
289
|
+
right: 0;
|
|
290
|
+
bottom: 0;
|
|
291
|
+
opacity: 0;
|
|
292
|
+
pointer-events: none;
|
|
293
|
+
}
|
|
294
|
+
@media not (prefers-reduced-motion) {
|
|
295
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
|
|
296
|
+
transition: opacity 50ms ease-out;
|
|
297
|
+
}
|
|
227
298
|
}
|
|
228
|
-
.
|
|
229
|
-
|
|
299
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay * {
|
|
300
|
+
pointer-events: auto;
|
|
230
301
|
}
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
302
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-remove {
|
|
303
|
+
position: absolute;
|
|
304
|
+
top: 8px;
|
|
305
|
+
right: 8px;
|
|
306
|
+
border-radius: 1px;
|
|
307
|
+
backdrop-filter: blur(16px) saturate(180%);
|
|
308
|
+
background: rgba(255, 255, 255, 0.75);
|
|
309
|
+
}
|
|
310
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-title {
|
|
311
|
+
position: absolute;
|
|
312
|
+
bottom: 0;
|
|
313
|
+
left: 0;
|
|
314
|
+
right: 0;
|
|
315
|
+
margin: 8px;
|
|
316
|
+
padding: 4px;
|
|
317
|
+
text-align: center;
|
|
318
|
+
border-radius: 1px;
|
|
319
|
+
backdrop-filter: blur(16px) saturate(180%);
|
|
320
|
+
background: rgba(255, 255, 255, 0.75);
|
|
321
|
+
}
|
|
322
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item {
|
|
323
|
+
position: relative;
|
|
324
|
+
min-width: 0;
|
|
325
|
+
}
|
|
326
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:hover .fields__media-edit-expanded-overlay, fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:focus-within .fields__media-edit-expanded-overlay {
|
|
327
|
+
opacity: 1;
|
|
328
|
+
}
|
|
329
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:not(.has-preview-image) .fields__media-edit-expanded-preview-stack {
|
|
330
|
+
padding: 8px;
|
|
331
|
+
}
|
|
332
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-thumbnail {
|
|
333
|
+
width: 100%;
|
|
334
|
+
height: 100%;
|
|
335
|
+
object-fit: cover;
|
|
336
|
+
object-position: 50% 50%;
|
|
337
|
+
}
|
|
338
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-filename {
|
|
339
|
+
text-align: center;
|
|
340
|
+
flex: none;
|
|
341
|
+
}
|
|
342
|
+
fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-picker-button-spinner svg {
|
|
235
343
|
margin: 0;
|
|
236
344
|
}
|
|
237
|
-
fieldset.
|
|
238
|
-
|
|
239
|
-
border-radius: 2px;
|
|
240
|
-
padding: 8px 12px;
|
|
241
|
-
cursor: pointer;
|
|
345
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-single {
|
|
346
|
+
grid-template-columns: 1fr;
|
|
242
347
|
}
|
|
243
|
-
fieldset.
|
|
244
|
-
|
|
348
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-single .fields__media-edit-expanded-preview {
|
|
349
|
+
aspect-ratio: 2/1;
|
|
245
350
|
}
|
|
246
|
-
fieldset.
|
|
247
|
-
|
|
248
|
-
|
|
351
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
|
|
352
|
+
grid-template-columns: repeat(3, 1fr);
|
|
353
|
+
/* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
|
|
249
354
|
}
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
355
|
+
@container (max-width: 768px) {
|
|
356
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
|
|
357
|
+
grid-template-columns: repeat(2, 1fr);
|
|
358
|
+
}
|
|
254
359
|
}
|
|
255
|
-
fieldset.
|
|
360
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
|
|
361
|
+
/* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
|
|
362
|
+
}
|
|
363
|
+
@container (max-width: 280px) {
|
|
364
|
+
fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
|
|
365
|
+
grid-template-columns: 1fr;
|
|
366
|
+
}
|
|
367
|
+
}
|
|
368
|
+
fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-picker-button {
|
|
256
369
|
padding: 0;
|
|
257
|
-
height: fit-content;
|
|
258
370
|
}
|
|
259
|
-
fieldset.
|
|
371
|
+
fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-placeholder {
|
|
372
|
+
display: flex;
|
|
373
|
+
align-items: center;
|
|
374
|
+
justify-content: center;
|
|
375
|
+
aspect-ratio: 3/2;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
.fields-controls__slug {
|
|
260
379
|
border: 0;
|
|
261
|
-
|
|
380
|
+
padding: 0;
|
|
381
|
+
margin: 0;
|
|
262
382
|
}
|
|
263
|
-
|
|
264
|
-
|
|
383
|
+
.fields-controls__slug .fields-controls__slug-external-icon {
|
|
384
|
+
margin-left: 5ch;
|
|
265
385
|
}
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
width: 16px;
|
|
269
|
-
height: 16px;
|
|
386
|
+
.fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
|
|
387
|
+
padding-inline-start: 0 !important;
|
|
270
388
|
}
|
|
271
|
-
.
|
|
272
|
-
|
|
273
|
-
|
|
389
|
+
.fields-controls__slug .fields-controls__slug-help-link {
|
|
390
|
+
word-break: break-word;
|
|
391
|
+
}
|
|
392
|
+
.fields-controls__slug .fields-controls__slug-help {
|
|
393
|
+
display: flex;
|
|
394
|
+
flex-direction: column;
|
|
395
|
+
}
|
|
396
|
+
.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
|
|
397
|
+
font-weight: 600;
|
|
274
398
|
}
|
|
275
399
|
|
|
276
400
|
.dataviews-view-grid__media .fields-controls__featured-image-image,
|
|
@@ -297,6 +421,11 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
|
|
|
297
421
|
height: 32px;
|
|
298
422
|
}
|
|
299
423
|
|
|
424
|
+
.dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
|
|
425
|
+
width: 16px;
|
|
426
|
+
height: 16px;
|
|
427
|
+
}
|
|
428
|
+
|
|
300
429
|
.fields-controls__parent {
|
|
301
430
|
border: 0;
|
|
302
431
|
padding: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rename-post.d.ts","sourceRoot":"","sources":["../../src/actions/rename-post.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAcnD,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAKnE,QAAA,MAAM,UAAU,EAAE,MAAM,CAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"rename-post.d.ts","sourceRoot":"","sources":["../../src/actions/rename-post.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAcnD,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAKnE,QAAA,MAAM,UAAU,EAAE,MAAM,CAAE,mBAAmB,CAmH5C,CAAC;AAEF;;GAEG;AACH,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reorder-page.d.ts","sourceRoot":"","sources":["../../src/actions/reorder-page.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAExD,UAAU,gBAAgB,CAAE,IAAI;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;CAC9C;AAED,UAAU,MAAM,CAAE,IAAI;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAE,KAAK,EAAE,gBAAgB,CAAE,IAAI,CAAE,KAAM,GAAG,CAAC,OAAO,CAAC;CAChE;
|
|
1
|
+
{"version":3,"file":"reorder-page.d.ts","sourceRoot":"","sources":["../../src/actions/reorder-page.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAExD,UAAU,gBAAgB,CAAE,IAAI;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;CAC9C;AAED,UAAU,MAAM,CAAE,IAAI;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAE,KAAK,EAAE,gBAAgB,CAAE,IAAI,CAAE,KAAM,GAAG,CAAC,OAAO,CAAC;CAChE;AAyGD,QAAA,MAAM,WAAW,EAAE,MAAM,CAAE,QAAQ,CAQlC,CAAC;AAEF;;GAEG;AACH,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/create-template-part-modal/index.tsx"],"names":[],"mappings":"AA8CA,KAAK,oCAAoC,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAE,YAAY,EAAE,GAAG,KAAM,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAE,EAChD,UAAU,EACV,GAAG,SAAS,EACZ,EAAE;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,oCAAoC,+BAkBvC;AA+BD;;;;;;;;;;;;GAYG;AACH,wBAAgB,+BAA+B,CAAE,EAChD,WAA6B,EAC7B,MAAW,EACX,YAA0B,EAC1B,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAiB,GACjB,EAAE,oCAAoC,+
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/create-template-part-modal/index.tsx"],"names":[],"mappings":"AA8CA,KAAK,oCAAoC,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAE,YAAY,EAAE,GAAG,KAAM,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAE,EAChD,UAAU,EACV,GAAG,SAAS,EACZ,EAAE;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,oCAAoC,+BAkBvC;AA+BD;;;;;;;;;;;;GAYG;AACH,wBAAgB,+BAA+B,CAAE,EAChD,WAA6B,EAC7B,MAAW,EACX,YAA0B,EAC1B,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAiB,GACjB,EAAE,oCAAoC,+BAiKtC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { MediaEditProps } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* A media edit control component that provides a media picker UI with upload functionality
|
|
4
|
+
* for selecting WordPress media attachments. Supports both the traditional WordPress media
|
|
5
|
+
* library and the experimental DataViews media modal.
|
|
6
|
+
*
|
|
7
|
+
* This component is intended to be used as the `Edit` property of a field definition when
|
|
8
|
+
* registering fields with `registerEntityField` from `@wordpress/editor`.
|
|
9
|
+
*
|
|
10
|
+
* @template Item - The type of the item being edited.
|
|
11
|
+
*
|
|
12
|
+
* @param {MediaEditProps<Item>} props - The component props.
|
|
13
|
+
* @param {Item} props.data - The item being edited.
|
|
14
|
+
* @param {Object} props.field - The field configuration with getValue and setValue methods.
|
|
15
|
+
* @param {Function} props.onChange - Callback function when the media selection changes.
|
|
16
|
+
* @param {string[]} [props.allowedTypes] - Array of allowed media types. Default `['image']`.
|
|
17
|
+
* @param {boolean} [props.multiple] - Whether to allow multiple media selections. Default `false`.
|
|
18
|
+
* @param {boolean} [props.hideLabelFromVision] - Whether the label should be hidden from vision.
|
|
19
|
+
* @param {boolean} [props.isExpanded] - Whether to render in an expanded form. Default `false`.
|
|
20
|
+
*
|
|
21
|
+
* @return {JSX.Element} The media edit control component.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```tsx
|
|
25
|
+
* import { MediaEdit } from '@wordpress/fields';
|
|
26
|
+
* import type { DataFormControlProps } from '@wordpress/dataviews';
|
|
27
|
+
*
|
|
28
|
+
* const featuredImageField = {
|
|
29
|
+
* id: 'featured_media',
|
|
30
|
+
* type: 'media',
|
|
31
|
+
* label: 'Featured Image',
|
|
32
|
+
* Edit: (props: DataFormControlProps<MyPostType>) => (
|
|
33
|
+
* <MediaEdit
|
|
34
|
+
* {...props}
|
|
35
|
+
* allowedTypes={['image']}
|
|
36
|
+
* />
|
|
37
|
+
* ),
|
|
38
|
+
* };
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
export default function MediaEdit<Item>({ data, field, onChange, hideLabelFromVision, allowedTypes, multiple, isExpanded, }: MediaEditProps<Item>): import("react").JSX.Element;
|
|
42
|
+
//# sourceMappingURL=index.d.ts.map
|