@spectrum-web-components/button - npm Package Compare versions

Comparing version 0.40.0 to 0.40.1

custom-elements.json

@@ -131,2 +131,5 @@ {
               "description": "Style this button to be less obvious",
+              "type": {
+                "text": "boolean"
+              },
               "attribute": "quiet"
@@ -443,2 +446,5 @@ },
               "description": "Style this button to be less obvious",
+              "type": {
+                "text": "boolean"
+              },
               "fieldName": "quiet"
@@ -445,0 +451,0 @@ },

package.json

 {
     "name": "@spectrum-web-components/button",
-    "version": "0.40.0",
+    "version": "0.40.1",
     "publishConfig": {
@@ -85,8 +85,8 @@ "access": "public"
     "dependencies": {
-        "@spectrum-web-components/base": "^0.40.0",
-        "@spectrum-web-components/clear-button": "^0.40.0",
-        "@spectrum-web-components/close-button": "^0.40.0",
-        "@spectrum-web-components/icon": "^0.40.0",
-        "@spectrum-web-components/icons-ui": "^0.40.0",
-        "@spectrum-web-components/shared": "^0.40.0"
+        "@spectrum-web-components/base": "^0.40.1",
+        "@spectrum-web-components/clear-button": "^0.40.1",
+        "@spectrum-web-components/close-button": "^0.40.1",
+        "@spectrum-web-components/icon": "^0.40.1",
+        "@spectrum-web-components/icons-ui": "^0.40.1",
+        "@spectrum-web-components/shared": "^0.40.1"
     },
@@ -102,3 +102,3 @@ "devDependencies": {
     ],
-    "gitHead": "24d5569a839da94892ecfd125428779587ffb1f5"
+    "gitHead": "a75c4f83094c505d64658dbc7de20b5f18a8fde1"
 }

src/button.css.dev.js

@@ -18,3 +18,3 @@ "use strict";
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
-) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
+) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
 --spectrum-animation-duration-100
@@ -70,6 +70,2 @@ );--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
 --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
-)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) var(
---mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
 )}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
@@ -91,3 +87,3 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 --mod-button-animation-duration,var(--spectrum-button-animation-duration)
-) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
+) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
@@ -100,10 +96,2 @@ ) var(
 )
-)}:host(.focus-visible):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) var(
---highcontrast-button-focus-ring-color,var(
---mod-button-focus-ring-color,var(
---mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
-)
-)
 )}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -153,14 +141,2 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 )
-)}:host(.focus-visible){background-color:var(
---highcontrast-button-background-color-focus,var(
---mod-button-background-color-focus,var(--spectrum-button-background-color-focus)
-)
-);border-color:var(
---highcontrast-button-border-color-focus,var(
---mod-button-border-color-focus,var(--spectrum-button-border-color-focus)
-)
-);color:var(
---highcontrast-button-content-color-focus,var(
---mod-button-content-color-focus,var(--spectrum-button-content-color-focus)
-)
 )}:host(:focus-visible){background-color:var(
@@ -204,4 +180,2 @@ --highcontrast-button-background-color-focus,var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 ) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -208,0 +182,0 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)

src/button.css.js

@@ -16,3 +16,3 @@ "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
-) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
+) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
 --spectrum-animation-duration-100
@@ -68,6 +68,2 @@ );--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
 --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
-)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) var(
---mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
 )}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
@@ -89,3 +85,3 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 --mod-button-animation-duration,var(--spectrum-button-animation-duration)
-) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
+) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
@@ -98,10 +94,2 @@ ) var(
 )
-)}:host(.focus-visible):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) var(
---highcontrast-button-focus-ring-color,var(
---mod-button-focus-ring-color,var(
---mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
-)
-)
 )}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -151,14 +139,2 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 )
-)}:host(.focus-visible){background-color:var(
---highcontrast-button-background-color-focus,var(
---mod-button-background-color-focus,var(--spectrum-button-background-color-focus)
-)
-);border-color:var(
---highcontrast-button-border-color-focus,var(
---mod-button-border-color-focus,var(--spectrum-button-border-color-focus)
-)
-);color:var(
---highcontrast-button-content-color-focus,var(
---mod-button-content-color-focus,var(--spectrum-button-content-color-focus)
-)
 )}:host(:focus-visible){background-color:var(
@@ -202,4 +178,2 @@ --highcontrast-button-background-color-focus,var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 ) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -206,0 +180,0 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)

src/Button.d.ts

@@ -36,4 +36,5 @@ import { CSSResultArray, PropertyValues } from '@spectrum-web-components/base';
     set quiet(quiet: boolean);
+    get quiet(): boolean;
     protected firstUpdated(changes: PropertyValues<this>): void;
 }
 export {};

src/Button.dev.js

@@ -94,2 +94,5 @@ "use strict";
   }
+  get quiet() {
+    return this.treatment === "outline";
+  }
   firstUpdated(changes) {
@@ -96,0 +99,0 @@ super.firstUpdated(changes);

src/Button.js

@@ -1,2 +0,2 @@
-"use strict";var u=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var i=(s,a,t,r)=>{for(var e=r>1?void 0:r?l(a,t):a,o=s.length-1,c;o>=0;o--)(c=s[o])&&(e=(r?c(a,t,e):c(e))||e);return r&&e&&u(a,t,e),e};import{SizedMixin as p}from"@spectrum-web-components/base";import{property as n}from"@spectrum-web-components/base/src/decorators.js";import{ButtonBase as h}from"./ButtonBase.js";import d from"./button.css.js";export const VALID_VARIANTS=["accent","primary","secondary","negative","white","black"],VALID_STATICS=["white","black"];export class Button extends p(h,{noDefaultSize:!0}){constructor(){super(...arguments);this._variant="accent";this.treatment="fill"}static get styles(){return[...super.styles,d]}get variant(){return this._variant}set variant(t){if(t!==this.variant){switch(this.requestUpdate("variant",this.variant),t){case"cta":this._variant="accent";break;case"overBackground":this.removeAttribute("variant"),this.static="white",this.treatment="outline";return;case"white":case"black":this.static=t,this.removeAttribute("variant");return;case null:return;default:VALID_VARIANTS.includes(t)?this._variant=t:this._variant="accent";break}this.setAttribute("variant",this.variant)}}set quiet(t){this.treatment=t?"outline":"fill"}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("variant")||this.setAttribute("variant",this.variant)}}i([n()],Button.prototype,"variant",1),i([n({type:String,reflect:!0})],Button.prototype,"static",2),i([n({reflect:!0})],Button.prototype,"treatment",2),i([n({type:Boolean})],Button.prototype,"quiet",1);
+"use strict";var u=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var i=(s,a,t,r)=>{for(var e=r>1?void 0:r?l(a,t):a,o=s.length-1,c;o>=0;o--)(c=s[o])&&(e=(r?c(a,t,e):c(e))||e);return r&&e&&u(a,t,e),e};import{SizedMixin as p}from"@spectrum-web-components/base";import{property as n}from"@spectrum-web-components/base/src/decorators.js";import{ButtonBase as h}from"./ButtonBase.js";import d from"./button.css.js";export const VALID_VARIANTS=["accent","primary","secondary","negative","white","black"],VALID_STATICS=["white","black"];export class Button extends p(h,{noDefaultSize:!0}){constructor(){super(...arguments);this._variant="accent";this.treatment="fill"}static get styles(){return[...super.styles,d]}get variant(){return this._variant}set variant(t){if(t!==this.variant){switch(this.requestUpdate("variant",this.variant),t){case"cta":this._variant="accent";break;case"overBackground":this.removeAttribute("variant"),this.static="white",this.treatment="outline";return;case"white":case"black":this.static=t,this.removeAttribute("variant");return;case null:return;default:VALID_VARIANTS.includes(t)?this._variant=t:this._variant="accent";break}this.setAttribute("variant",this.variant)}}set quiet(t){this.treatment=t?"outline":"fill"}get quiet(){return this.treatment==="outline"}firstUpdated(t){super.firstUpdated(t),this.hasAttribute("variant")||this.setAttribute("variant",this.variant)}}i([n()],Button.prototype,"variant",1),i([n({type:String,reflect:!0})],Button.prototype,"static",2),i([n({reflect:!0})],Button.prototype,"treatment",2),i([n({type:Boolean})],Button.prototype,"quiet",1);
 //# sourceMappingURL=Button.js.map

src/spectrum-button.css.dev.js

@@ -18,3 +18,3 @@ "use strict";
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
-) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
+) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
 --spectrum-animation-duration-100
@@ -70,6 +70,2 @@ );--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
 --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
-)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) var(
---mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
 )}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
@@ -91,3 +87,3 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 --mod-button-animation-duration,var(--spectrum-button-animation-duration)
-) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
+) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
@@ -100,10 +96,2 @@ ) var(
 )
-)}:host(.focus-visible):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) var(
---highcontrast-button-focus-ring-color,var(
---mod-button-focus-ring-color,var(
---mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
-)
-)
 )}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -153,14 +141,2 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 )
-)}:host(.focus-visible){background-color:var(
---highcontrast-button-background-color-focus,var(
---mod-button-background-color-focus,var(--spectrum-button-background-color-focus)
-)
-);border-color:var(
---highcontrast-button-border-color-focus,var(
---mod-button-border-color-focus,var(--spectrum-button-border-color-focus)
-)
-);color:var(
---highcontrast-button-content-color-focus,var(
---mod-button-content-color-focus,var(--spectrum-button-content-color-focus)
-)
 )}:host(:focus-visible){background-color:var(
@@ -204,4 +180,2 @@ --highcontrast-button-background-color-focus,var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 ) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -208,0 +182,0 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)

src/spectrum-button.css.js

@@ -16,3 +16,3 @@ "use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
 --mod-animation-duration-100,var(--spectrum-animation-duration-100)
-) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
+) ease-out}:host(.focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}:host(:focus-visible):after{margin:calc(var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap))*-2)}#label{place-self:center;text-align:center}#label[hidden]{display:none}:host{--spectrum-button-animation-duration:var(
 --spectrum-animation-duration-100
@@ -68,6 +68,2 @@ );--spectrum-button-border-radius:var(--spectrum-corner-radius-100);--spectrum-button-border-width:var(--spectrum-border-width-200);--spectrum-button-line-height:1.2;--spectrum-button-focus-ring-border-radius:calc(var(--spectrum-button-border-radius) + var(--spectrum-button-focus-ring-gap));--spectrum-button-focus-ring-gap:var(--spectrum-focus-indicator-gap);--spectrum-button-focus-ring-thickness:var(
 --mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
-)}:host(.focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) var(
---mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
 )}:host(:focus-visible):after,:host([focused]):after{box-shadow:0 0 0 var(
@@ -89,3 +85,3 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 --mod-button-animation-duration,var(--spectrum-button-animation-duration)
-) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
+) ease-in-out}:host(.focus-visible){box-shadow:none;outline:none}:host(:focus-visible){box-shadow:none;outline:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
@@ -98,10 +94,2 @@ ) var(
 )
-)}:host(.focus-visible):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) var(
---highcontrast-button-focus-ring-color,var(
---mod-button-focus-ring-color,var(
---mod-button-focus-ring-color,var(--spectrum-button-focus-indicator-color)
-)
-)
 )}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -151,14 +139,2 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 )
-)}:host(.focus-visible){background-color:var(
---highcontrast-button-background-color-focus,var(
---mod-button-background-color-focus,var(--spectrum-button-background-color-focus)
-)
-);border-color:var(
---highcontrast-button-border-color-focus,var(
---mod-button-border-color-focus,var(--spectrum-button-border-color-focus)
-)
-);color:var(
---highcontrast-button-content-color-focus,var(
---mod-button-content-color-focus,var(--spectrum-button-content-color-focus)
-)
 )}:host(:focus-visible){background-color:var(
@@ -202,4 +178,2 @@ --highcontrast-button-background-color-focus,var(
 --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
-) ButtonText;forced-color-adjust:none}:host(.focus-visible):after{box-shadow:0 0 0 var(
---mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)
 ) ButtonText;forced-color-adjust:none}:host(:focus-visible):after{box-shadow:0 0 0 var(
@@ -206,0 +180,0 @@ --mod-button-focus-ring-thickness,var(--spectrum-button-focus-ring-thickness)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

780909

decreased by-1.34%

Lines of code

7824

decreased by-1.17%

Dependency changes

• Updated@spectrum-web-components/base@^0.40.1

• Updated@spectrum-web-components/clear-button@^0.40.1

• Updated@spectrum-web-components/close-button@^0.40.1

• Updated@spectrum-web-components/icon@^0.40.1

• Updated@spectrum-web-components/icons-ui@^0.40.1

• Updated@spectrum-web-components/shared@^0.40.1