removed stuff that goes on a different PR, updated block pattern

spearhead/assets/sass/block-extends/_search.scss

@@ -1,20 +1,34 @@
 .wp-block-search {
-
-    &.wp-block-search__icon-button {
+    // wrong class on gutenberg editor, we'll need to change it after that's fixed
+    &.wp-block-search__text-button { 
 
         .wp-block-search__inside-wrapper{
             flex-direction: row-reverse;
+            align-items: center;
+            padding-left: 0;
         }
 
         .wp-block-search__input {
-            padding: 0 0 0 21px;
+            padding: 0 0 0 10px;
+            font-size: var(--global--font-size-sm);
         }
 
         .wp-block-search__button { 
             &.has-icon {
+                padding: 0;
                 margin-left: 0;
                 background: transparent;
                 border: none;
+                box-shadow: none;
+                color: var(--entry-header--color);
+                transform: scaleX(-1);
+                min-width: 14px;
+                width: 14px;
+                height: 14px;
+                svg {
+                    width: 100%;
+                    height: 100%;
+                }
             }
         }
     }

spearhead/inc/block-patterns.php

@@ -35,6 +35,15 @@ if ( ! function_exists( 'spearhead_register_block_patterns' ) ) :
 					'content'    => '<!-- wp:separator {"className":"is-style-wide"} --><hr class="wp-block-separator is-style-wide"/><!-- /wp:separator --><!-- wp:paragraph {"fontSize":"medium"} --><p class="has-medium-font-size">Related</p><!-- /wp:paragraph --><!-- wp:jetpack/related-posts /-->',
 				)
 			);
+
+			register_block_pattern(
+				'spearhead/search-form',
+				array(
+					'title'      => __( 'Search Form', 'spearhead' ),
+					'categories' => array( 'spearhead' ),
+					'content'    => '<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search...","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /-->',
+				)
+			);
 		}
 
 		/**

spearhead/style-rtl.css

@@ -305,18 +305,33 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	margin-top: 0;
 }
 
-.wp-block-search.wp-block-search__icon-button .wp-block-search__inside-wrapper {
+.wp-block-search.wp-block-search__text-button .wp-block-search__inside-wrapper {
 	flex-direction: row-reverse;
+	align-items: center;
+	padding-right: 0;
 }
 
-.wp-block-search.wp-block-search__icon-button .wp-block-search__input {
-	padding: 0 21px 0 0;
+.wp-block-search.wp-block-search__text-button .wp-block-search__input {
+	padding: 0 10px 0 0;
+	font-size: var(--global--font-size-sm);
 }
 
-.wp-block-search.wp-block-search__icon-button .wp-block-search__button.has-icon {
+.wp-block-search.wp-block-search__text-button .wp-block-search__button.has-icon {
+	padding: 0;
 	margin-right: 0;
 	background: transparent;
 	border: none;
+	box-shadow: none;
+	color: var(--entry-header--color);
+	transform: scaleX(-1);
+	min-width: 14px;
+	width: 14px;
+	height: 14px;
+}
+
+.wp-block-search.wp-block-search__text-button .wp-block-search__button.has-icon svg {
+	width: 100%;
+	height: 100%;
 }
 
 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {

spearhead/style.css

@@ -305,18 +305,33 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 	margin-top: 0;
 }
 
-.wp-block-search.wp-block-search__icon-button .wp-block-search__inside-wrapper {
+.wp-block-search.wp-block-search__text-button .wp-block-search__inside-wrapper {
 	flex-direction: row-reverse;
+	align-items: center;
+	padding-left: 0;
 }
 
-.wp-block-search.wp-block-search__icon-button .wp-block-search__input {
-	padding: 0 0 0 21px;
+.wp-block-search.wp-block-search__text-button .wp-block-search__input {
+	padding: 0 0 0 10px;
+	font-size: var(--global--font-size-sm);
 }
 
-.wp-block-search.wp-block-search__icon-button .wp-block-search__button.has-icon {
+.wp-block-search.wp-block-search__text-button .wp-block-search__button.has-icon {
+	padding: 0;
 	margin-left: 0;
 	background: transparent;
 	border: none;
+	box-shadow: none;
+	color: var(--entry-header--color);
+	transform: scaleX(-1);
+	min-width: 14px;
+	width: 14px;
+	height: 14px;
+}
+
+.wp-block-search.wp-block-search__text-button .wp-block-search__button.has-icon svg {
+	width: 100%;
+	height: 100%;
 }
 
 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {

spearhead/variables.css

@@ -81,6 +81,7 @@
 	--latest-posts--title-font-size: var(--global--font-size-lg);
 
 	--list--font-family: var(--global--font-secondary);
+
 	/* Sticky Posts */
 	--sticky-posts--color-background: #F9F9F9;
 	--sticky-posts--entry-title-font-size: 24px;
@@ -91,6 +92,7 @@
 	--form--border-width: 1px;
 	--button--padding-vertical: calc(12px - var(--button--border-width));
 	--button--padding-horizontal: var(--button--padding-vertical);
+	--form--border-color: var(--global--color-secondary);
 }
 
 @media ( prefers-color-scheme: dark ) {