@spectrum-web-components/styles 0.32.0 → 0.32.1-overlay.41

package/express/spectrum-core-global.css

@@ -1614,9 +1614,6 @@ governing permissions and limitations under the License.
     --spectrum-alias-clearbutton-border-radius: var(
         --spectrum-global-dimension-size-150
     );
-    --spectrum-alias-search-border-radius: var(
-        --spectrum-global-dimension-size-300
-    );
     --spectrum-alias-combobox-quiet-button-offset-x: var(
         --spectrum-global-dimension-size-50
     );
@@ -1629,19 +1626,6 @@ governing permissions and limitations under the License.
     --spectrum-alias-input-border-size: var(
         --spectrum-global-dimension-static-size-25
     );
-    --spectrum-alias-search-padding-left-s: var(
-        --spectrum-global-dimension-size-125
-    );
-    --spectrum-alias-search-padding-left-m: var(
-        --spectrum-global-dimension-size-175
-    );
-    --spectrum-alias-search-padding-left-l: var(
-        --spectrum-global-dimension-size-200
-    );
-    --spectrum-alias-search-padding-left-xl: var(
-        --spectrum-global-dimension-size-225
-    );
-    --spectrum-alias-search-border-radius-quiet: 0;
     --spectrum-alias-percent-50: 50%;
     --spectrum-alias-percent-70: 70%;
     --spectrum-alias-percent-100: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/styles",
-    "version": "0.32.0",
+    "version": "0.32.1-overlay.41+ea2752a5d",
     "publishConfig": {
         "access": "public"
     },
@@ -104,7 +104,7 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.32.0"
+        "@spectrum-web-components/base": "^0.32.1-overlay.41+ea2752a5d"
     },
     "devDependencies": {
         "@spectrum-css/commons": "^7.0.6",
@@ -118,5 +118,5 @@
         "./**/*.css"
     ],
     "style": "all-medium-lightest.css",
-    "gitHead": "c5f67662ac54d0e37debaf7cbd7c2df60e8b294e"
+    "gitHead": "ea2752a5dab7c3fc9f9d68148e74af23c63e2cfd"
 }

package/spectrum-core-global.css

@@ -1568,22 +1568,9 @@ governing permissions and limitations under the License.
     --spectrum-alias-clearbutton-border-radius: var(
         --spectrum-global-dimension-size-50
     );
-    --spectrum-alias-search-border-radius: var(
-        --spectrum-global-dimension-size-50
-    );
-    --spectrum-alias-search-border-radius-quiet: 0;
     --spectrum-alias-combobox-quiet-button-offset-x: var(
         --spectrum-global-dimension-size-100
     );
-    --spectrum-alias-search-padding-left-s: var(
-        --spectrum-global-dimension-size-85
-    );
-    --spectrum-alias-search-padding-left-l: var(
-        --spectrum-global-dimension-size-160
-    );
-    --spectrum-alias-search-padding-left-xl: var(
-        --spectrum-global-dimension-size-185
-    );
     --spectrum-alias-percent-50: 50%;
     --spectrum-alias-percent-70: 70%;
     --spectrum-alias-percent-100: 100%;

package/spectrum-scale-large.css

@@ -141,9 +141,6 @@ governing permissions and limitations under the License.
     );
     --spectrum-alias-control-three-width-l: 41px;
     --spectrum-alias-control-three-width-xl: 46px;
-    --spectrum-alias-search-padding-left-m: var(
-        --spectrum-global-dimension-static-size-150
-    );
     --spectrum-alias-focus-ring-border-radius-regular: var(
         --spectrum-global-dimension-static-size-115
     );

package/spectrum-scale-medium.css

@@ -139,9 +139,6 @@ governing permissions and limitations under the License.
     );
     --spectrum-alias-control-three-width-l: 29px;
     --spectrum-alias-control-three-width-xl: 33px;
-    --spectrum-alias-search-padding-left-m: var(
-        --spectrum-global-dimension-size-125
-    );
     --spectrum-alias-focus-ring-border-radius-regular: var(
         --spectrum-global-dimension-static-size-100
     );

package/tokens/express/global-vars.css

@@ -1367,3 +1367,41 @@ governing permissions and limitations under the License.
     );
     --system-spectrum-textfield-border-width: var(--spectrum-border-width-200);
 }
+:host,
+:root {
+    --system-spectrum-search-border-radius: calc(
+        var(--spectrum-component-height-100) / 2
+    );
+    --system-spectrum-search-edge-to-visual: var(
+        --spectrum-component-pill-edge-to-visual-100
+    );
+    --system-spectrum-search-border-color-default: var(--spectrum-gray-400);
+    --system-spectrum-search-border-color-hover: var(--spectrum-gray-500);
+    --system-spectrum-search-border-color-focus: var(--spectrum-gray-800);
+    --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900);
+    --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900);
+    --system-spectrum-search-sizes-border-radius: calc(
+        var(--spectrum-component-height-75) / 2
+    );
+    --system-spectrum-search-sizes-edge-to-visual: var(
+        --spectrum-component-pill-edge-to-visual-75
+    );
+    --system-spectrum-search-sizem-border-radius: calc(
+        var(--spectrum-component-height-100) / 2
+    );
+    --system-spectrum-search-sizem-edge-to-visual: var(
+        --spectrum-component-pill-edge-to-visual-100
+    );
+    --system-spectrum-search-sizel-border-radius: calc(
+        var(--spectrum-component-height-200) / 2
+    );
+    --system-spectrum-search-sizel-edge-to-visual: var(
+        --spectrum-component-pill-edge-to-visual-200
+    );
+    --system-spectrum-search-sizexl-border-radius: calc(
+        var(--spectrum-component-height-300) / 2
+    );
+    --system-spectrum-search-sizexl-edge-to-visual: var(
+        --spectrum-component-pill-edge-to-visual-300
+    );
+}

package/tokens/spectrum/global-vars.css

@@ -1365,3 +1365,39 @@ governing permissions and limitations under the License.
     );
     --system-spectrum-textfield-border-width: var(--spectrum-border-width-100);
 }
+:host,
+:root {
+    --system-spectrum-search-border-radius: var(--spectrum-corner-radius-100);
+    --system-spectrum-search-edge-to-visual: var(
+        --spectrum-component-edge-to-visual-100
+    );
+    --system-spectrum-search-border-color-default: var(--spectrum-gray-500);
+    --system-spectrum-search-border-color-hover: var(--spectrum-gray-600);
+    --system-spectrum-search-border-color-focus: var(--spectrum-gray-800);
+    --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900);
+    --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900);
+    --system-spectrum-search-sizes-border-radius: var(
+        --spectrum-corner-radius-100
+    );
+    --system-spectrum-search-sizes-edge-to-visual: var(
+        --spectrum-component-edge-to-visual-75
+    );
+    --system-spectrum-search-sizem-border-radius: var(
+        --spectrum-corner-radius-100
+    );
+    --system-spectrum-search-sizem-edge-to-visual: var(
+        --spectrum-component-edge-to-visual-100
+    );
+    --system-spectrum-search-sizel-border-radius: var(
+        --spectrum-corner-radius-100
+    );
+    --system-spectrum-search-sizel-edge-to-visual: var(
+        --spectrum-component-edge-to-visual-200
+    );
+    --system-spectrum-search-sizexl-border-radius: var(
+        --spectrum-corner-radius-100
+    );
+    --system-spectrum-search-sizexl-edge-to-visual: var(
+        --spectrum-component-edge-to-visual-300
+    );
+}