chore: update spectrum css

Author: Westbrook

package.json

@@ -101,8 +101,8 @@
         "@open-wc/polyfills-loader": "^0.3.3",
         "@open-wc/testing": "^2.5.4",
         "@open-wc/testing-karma": "^3.2.43",
-        "@spectrum-css/rule": "^2.0.4",
-        "@spectrum-css/table": "^2.0.4",
+        "@spectrum-css/rule": "^2.0.6",
+        "@spectrum-css/table": "^2.0.6",
         "@types/chai": "^4.1.7",
         "@types/command-line-args": "^5.0.0",
         "@types/command-line-usage": "^5.0.1",

packages/actionbar/package.json

@@ -38,7 +38,7 @@
         "lit-html": "^1.0.0"
     },
     "devDependencies": {
-        "@spectrum-css/actionbar": "^2.1.1"
+        "@spectrum-css/actionbar": "^2.1.5"
     },
     "dependencies": {
         "tslib": "^1.10.0"

packages/avatar/package.json

@@ -38,7 +38,7 @@
         "lit-html": "^1.0.0"
     },
     "devDependencies": {
-        "@spectrum-css/avatar": "^2.0.2"
+        "@spectrum-css/avatar": "^2.0.5"
     },
     "dependencies": {
         "tslib": "^1.10.0"

packages/banner/package.json

@@ -38,7 +38,7 @@
         "lit-html": "^1.0.0"
     },
     "devDependencies": {
-        "@spectrum-css/banner": "^2.0.2"
+        "@spectrum-css/banner": "^2.0.5"
     },
     "dependencies": {
         "tslib": "^1.10.0"

packages/button/package.json

@@ -38,7 +38,7 @@
         "lit-html": "^1.0.0"
     },
     "devDependencies": {
-        "@spectrum-css/button": "^2.1.0"
+        "@spectrum-css/button": "^2.2.0"
     },
     "dependencies": {
         "@spectrum-web-components/icon": "^0.4.3",

packages/button/src/spectrum-action-button.css

@@ -17,6 +17,7 @@ THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
    * .spectrum-FieldButton,
    * .spectrum-LogicButton,
    * .spectrum-Tool */
+    position: relative;
     display: inline-flex;
     box-sizing: border-box;
     align-items: center;
@@ -282,7 +283,6 @@ slot[name='icon'] + #label {
         --spectrum-actionbutton-border-color-hover,
         var(--spectrum-alias-border-color-hover)
     );
-    box-shadow: none;
     color: var(
         --spectrum-actionbutton-text-color-hover,
         var(--spectrum-alias-text-color-hover)
@@ -315,7 +315,8 @@ slot[name='icon'] + #label {
         --spectrum-actionbutton-border-color-key-focus,
         var(--spectrum-alias-border-color-focus)
     );
-    box-shadow: 0 0 0 1px
+    box-shadow: 0 0 0
+        var(--spectrum-button-primary-border-size-increase-key-focus, 1px)
         var(
             --spectrum-actionbutton-border-color-key-focus,
             var(--spectrum-alias-border-color-focus)
@@ -352,7 +353,6 @@ slot[name='icon'] + #label {
         --spectrum-actionbutton-border-color-down,
         var(--spectrum-global-color-gray-400)
     );
-    box-shadow: none;
     color: var(
         --spectrum-actionbutton-text-color-down,
         var(--spectrum-alias-text-color-down)
@@ -511,7 +511,6 @@ slot[name='icon'] + #label {
         --spectrum-actionbutton-quiet-text-color-hover,
         var(--spectrum-alias-text-color-hover)
     );
-    box-shadow: none;
 }
 :host([quiet]) #button:focus-visible {
     /* .spectrum-ActionButton--quiet.focus-ring,
@@ -549,7 +548,6 @@ slot[name='icon'] + #label {
         --spectrum-actionbutton-quiet-text-color-down,
         var(--spectrum-alias-text-color-down)
     );
-    box-shadow: none;
 }
 :host([quiet][disabled]) #button {
     /* .spectrum-ActionButton--quiet.is-disabled,