wip

wp-includes/blocks/search/style-rtl.css

@@ -30,17 +30,6 @@
   width:100%;
 }
 
-.wp-block-search__input{
-  appearance:none;
-  border:1px solid #949494;
-  flex-grow:1;
-  margin-left:0;
-  margin-right:0;
-  min-width:3rem;
-  padding:8px;
-  text-decoration:unset !important;
-}
-
 .wp-block-search.wp-block-search__button-only .wp-block-search__button{
   box-sizing:border-box;
   display:flex;
@@ -73,16 +62,25 @@
 }
 
 :where(.wp-block-search__input){
+  appearance:none;
+  border:1px solid #949494;
+  flex-grow:1;
   font-family:inherit;
   font-size:inherit;
   font-style:inherit;
   font-weight:inherit;
   letter-spacing:inherit;
   line-height:inherit;
+  margin-left:0;
+  margin-right:0;
+  min-width:3rem;
+  padding:8px;
+  text-decoration:unset !important;
   text-transform:inherit;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){
+  background-color:#fff;
   border:1px solid #949494;
   box-sizing:border-box;
   padding:4px;

wp-includes/blocks/search/style-rtl.min.css

@@ -1 +1 @@
-.wp-block-search__button{margin-right:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{height:1.25em;min-height:24px;min-width:24px;width:1.25em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{appearance:none;border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-right:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:left}
+.wp-block-search__button{margin-right:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{height:1.25em;min-height:24px;min-width:24px;width:1.25em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-right:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:left}

wp-includes/blocks/search/style.css

@@ -30,17 +30,6 @@
   width:100%;
 }
 
-.wp-block-search__input{
-  appearance:none;
-  border:1px solid #949494;
-  flex-grow:1;
-  margin-left:0;
-  margin-right:0;
-  min-width:3rem;
-  padding:8px;
-  text-decoration:unset !important;
-}
-
 .wp-block-search.wp-block-search__button-only .wp-block-search__button{
   box-sizing:border-box;
   display:flex;
@@ -73,16 +62,25 @@
 }
 
 :where(.wp-block-search__input){
+  appearance:none;
+  border:1px solid #949494;
+  flex-grow:1;
   font-family:inherit;
   font-size:inherit;
   font-style:inherit;
   font-weight:inherit;
   letter-spacing:inherit;
   line-height:inherit;
+  margin-left:0;
+  margin-right:0;
+  min-width:3rem;
+  padding:8px;
+  text-decoration:unset !important;
   text-transform:inherit;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){
+  background-color:#fff;
   border:1px solid #949494;
   box-sizing:border-box;
   padding:4px;

wp-includes/blocks/search/style.min.css

@@ -1 +1 @@
-.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{height:1.25em;min-height:24px;min-width:24px;width:1.25em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{appearance:none;border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right}
+.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{height:1.25em;min-height:24px;min-width:24px;width:1.25em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right}

wp-includes/blocks/search/view.js

@@ -30,83 +30,61 @@ var x = (y) => {
 var y = (x) => (() => (x))
 const interactivity_namespaceObject = x({ ["getContext"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getContext), ["getElement"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.getElement), ["store"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.store), ["withSyncEvent"]: () => (__WEBPACK_EXTERNAL_MODULE__wordpress_interactivity_8e89b257__.withSyncEvent) });
 ;// ./node_modules/@wordpress/block-library/build-module/search/view.js
-/**
- * WordPress dependencies
- */
 
-const {
-  actions
-} = (0,interactivity_namespaceObject.store)('core/search', {
-  state: {
-    get ariaLabel() {
-      const {
-        isSearchInputVisible,
-        ariaLabelCollapsed,
-        ariaLabelExpanded
-      } = (0,interactivity_namespaceObject.getContext)();
-      return isSearchInputVisible ? ariaLabelExpanded : ariaLabelCollapsed;
+const { actions } = (0,interactivity_namespaceObject.store)(
+  "core/search",
+  {
+    state: {
+      get ariaLabel() {
+        const {
+          isSearchInputVisible,
+          ariaLabelCollapsed,
+          ariaLabelExpanded
+        } = (0,interactivity_namespaceObject.getContext)();
+        return isSearchInputVisible ? ariaLabelExpanded : ariaLabelCollapsed;
+      },
+      get ariaControls() {
+        const { isSearchInputVisible, inputId } = (0,interactivity_namespaceObject.getContext)();
+        return isSearchInputVisible ? null : inputId;
+      },
+      get type() {
+        const { isSearchInputVisible } = (0,interactivity_namespaceObject.getContext)();
+        return isSearchInputVisible ? "submit" : "button";
+      },
+      get tabindex() {
+        const { isSearchInputVisible } = (0,interactivity_namespaceObject.getContext)();
+        return isSearchInputVisible ? "0" : "-1";
+      }
     },
-    get ariaControls() {
-      const {
-        isSearchInputVisible,
-        inputId
-      } = (0,interactivity_namespaceObject.getContext)();
-      return isSearchInputVisible ? null : inputId;
-    },
-    get type() {
-      const {
-        isSearchInputVisible
-      } = (0,interactivity_namespaceObject.getContext)();
-      return isSearchInputVisible ? 'submit' : 'button';
-    },
-    get tabindex() {
-      const {
-        isSearchInputVisible
-      } = (0,interactivity_namespaceObject.getContext)();
-      return isSearchInputVisible ? '0' : '-1';
+    actions: {
+      openSearchInput: (0,interactivity_namespaceObject.withSyncEvent)((event) => {
+        const ctx = (0,interactivity_namespaceObject.getContext)();
+        const { ref } = (0,interactivity_namespaceObject.getElement)();
+        if (!ctx.isSearchInputVisible) {
+          event.preventDefault();
+          ctx.isSearchInputVisible = true;
+          ref.parentElement.querySelector("input").focus();
+        }
+      }),
+      closeSearchInput() {
+        const ctx = (0,interactivity_namespaceObject.getContext)();
+        ctx.isSearchInputVisible = false;
+      },
+      handleSearchKeydown: (0,interactivity_namespaceObject.withSyncEvent)((event) => {
+        const { ref } = (0,interactivity_namespaceObject.getElement)();
+        if (event?.key === "Escape") {
+          actions.closeSearchInput();
+          ref.querySelector("button").focus();
+        }
+      }),
+      handleSearchFocusout: (0,interactivity_namespaceObject.withSyncEvent)((event) => {
+        const { ref } = (0,interactivity_namespaceObject.getElement)();
+        if (!ref.contains(event.relatedTarget) && event.target !== window.document.activeElement) {
+          actions.closeSearchInput();
+        }
+      })
     }
   },
-  actions: {
-    openSearchInput: (0,interactivity_namespaceObject.withSyncEvent)(event => {
-      const ctx = (0,interactivity_namespaceObject.getContext)();
-      const {
-        ref
-      } = (0,interactivity_namespaceObject.getElement)();
-      if (!ctx.isSearchInputVisible) {
-        event.preventDefault();
-        ctx.isSearchInputVisible = true;
-        ref.parentElement.querySelector('input').focus();
-      }
-    }),
-    closeSearchInput() {
-      const ctx = (0,interactivity_namespaceObject.getContext)();
-      ctx.isSearchInputVisible = false;
-    },
-    handleSearchKeydown(event) {
-      const {
-        ref
-      } = (0,interactivity_namespaceObject.getElement)();
-      // If Escape close the menu.
-      if (event?.key === 'Escape') {
-        actions.closeSearchInput();
-        ref.querySelector('button').focus();
-      }
-    },
-    handleSearchFocusout(event) {
-      const {
-        ref
-      } = (0,interactivity_namespaceObject.getElement)();
-      // If focus is outside search form, and in the document, close menu
-      // event.target === The element losing focus
-      // event.relatedTarget === The element receiving focus (if any)
-      // When focusout is outside the document,
-      // `window.document.activeElement` doesn't change.
-      if (!ref.contains(event.relatedTarget) && event.target !== window.document.activeElement) {
-        actions.closeSearchInput();
-      }
-    }
-  }
-}, {
-  lock: true
-});
+  { lock: true }
+);
 

wp-includes/blocks/search/view.min.js

@@ -1 +1 @@
-import*as e from"@wordpress/interactivity";var t={d:(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};const n=(e=>{var n={};return t.d(n,e),n})({getContext:()=>e.getContext,getElement:()=>e.getElement,store:()=>e.store,withSyncEvent:()=>e.withSyncEvent}),{actions:r}=(0,n.store)("core/search",{state:{get ariaLabel(){const{isSearchInputVisible:e,ariaLabelCollapsed:t,ariaLabelExpanded:r}=(0,n.getContext)();return e?r:t},get ariaControls(){const{isSearchInputVisible:e,inputId:t}=(0,n.getContext)();return e?null:t},get type(){const{isSearchInputVisible:e}=(0,n.getContext)();return e?"submit":"button"},get tabindex(){const{isSearchInputVisible:e}=(0,n.getContext)();return e?"0":"-1"}},actions:{openSearchInput:(0,n.withSyncEvent)((e=>{const t=(0,n.getContext)(),{ref:r}=(0,n.getElement)();t.isSearchInputVisible||(e.preventDefault(),t.isSearchInputVisible=!0,r.parentElement.querySelector("input").focus())})),closeSearchInput(){(0,n.getContext)().isSearchInputVisible=!1},handleSearchKeydown(e){const{ref:t}=(0,n.getElement)();"Escape"===e?.key&&(r.closeSearchInput(),t.querySelector("button").focus())},handleSearchFocusout(e){const{ref:t}=(0,n.getElement)();t.contains(e.relatedTarget)||e.target===window.document.activeElement||r.closeSearchInput()}}},{lock:!0});
+import*as e from"@wordpress/interactivity";var t={d:(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)};const n=(e=>{var n={};return t.d(n,e),n})({getContext:()=>e.getContext,getElement:()=>e.getElement,store:()=>e.store,withSyncEvent:()=>e.withSyncEvent}),{actions:r}=(0,n.store)("core/search",{state:{get ariaLabel(){const{isSearchInputVisible:e,ariaLabelCollapsed:t,ariaLabelExpanded:r}=(0,n.getContext)();return e?r:t},get ariaControls(){const{isSearchInputVisible:e,inputId:t}=(0,n.getContext)();return e?null:t},get type(){const{isSearchInputVisible:e}=(0,n.getContext)();return e?"submit":"button"},get tabindex(){const{isSearchInputVisible:e}=(0,n.getContext)();return e?"0":"-1"}},actions:{openSearchInput:(0,n.withSyncEvent)((e=>{const t=(0,n.getContext)(),{ref:r}=(0,n.getElement)();t.isSearchInputVisible||(e.preventDefault(),t.isSearchInputVisible=!0,r.parentElement.querySelector("input").focus())})),closeSearchInput(){(0,n.getContext)().isSearchInputVisible=!1},handleSearchKeydown:(0,n.withSyncEvent)((e=>{const{ref:t}=(0,n.getElement)();"Escape"===e?.key&&(r.closeSearchInput(),t.querySelector("button").focus())})),handleSearchFocusout:(0,n.withSyncEvent)((e=>{const{ref:t}=(0,n.getElement)();t.contains(e.relatedTarget)||e.target===window.document.activeElement||r.closeSearchInput()}))}},{lock:!0});