chore(search): removes calc and replaces w/fixed value (#3372)

Author: cdransf

.changeset/itchy-bikes-join.md

@@ -0,0 +1,7 @@
+---
+"@spectrum-css/search": minor
+---
+
+This change removes the existing calc function used to calculate the padding-inline-end for S1 and the quiet variant in favor of a simpler value with a mod preceding a static value.
+
+This change removes the `--mod-search-quiet-button-offset` mod.

components/search/index.css

@@ -204,7 +204,7 @@
 
 	.spectrum-Search-input {
 		padding-inline-start: calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) - var(--mod-search-border-width, var(--spectrum-search-border-width)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)));
-		padding-inline-end: calc(var(--mod-search-button-inline-size, var(--spectrum-search-button-inline-size)) - var(--mod-search-border-width, var(--spectrum-search-border-width)));
+		padding-inline-end: var(--mod-search-button-inline-size, var(--spectrum-search-button-inline-size));
 	}
 }
 
@@ -223,7 +223,7 @@
 	&.spectrum-Search .spectrum-Search-input {
 		border-radius: var(--mod-search-border-radius, var(--spectrum-search-border-radius));
 		padding-inline-start: calc(var(--mod-search-edge-to-visual, var(--spectrum-search-edge-to-visual)) + var(--mod-search-icon-size, var(--spectrum-search-icon-size)) + var(--mod-search-text-to-icon, var(--spectrum-search-text-to-icon)));
-		padding-inline-end: calc(var(--mod-search-button-inline-size, var(--spectrum-search-button-inline-size)) - var(--mod-search-quiet-button-offset, calc(var(--mod-search-block-size, var(--spectrum-search-block-size)) / 2 - var(--mod-search-icon-size, var(--spectrum-search-icon-size)) / 2)));
+		padding-inline-end: var(--mod-search-button-inline-size, var(--spectrum-search-button-inline-size));
 		padding-block-start: var(--mod-search-top-to-text, var(--spectrum-search-top-to-text));
 	}
 }

components/search/metadata/metadata.json

@@ -61,7 +61,6 @@
     "--mod-search-inline-size",
     "--mod-search-line-height",
     "--mod-search-min-inline-size",
-    "--mod-search-quiet-button-offset",
     "--mod-search-text-to-icon",
     "--mod-search-to-help-text",
     "--mod-search-top-to-text"

components/search/metadata/mods.md

@@ -30,7 +30,6 @@
 | `--mod-search-inline-size`               |
 | `--mod-search-line-height`               |
 | `--mod-search-min-inline-size`           |
-| `--mod-search-quiet-button-offset`       |
 | `--mod-search-text-to-icon`              |
 | `--mod-search-to-help-text`              |
 | `--mod-search-top-to-text`               |