From 43d351f772aabe5f1bc74fc614df8319880de865 Mon Sep 17 00:00:00 2001 From: Gautam Bajaj Date: Thu, 27 Jun 2024 17:46:56 +0530 Subject: [PATCH 1/2] Integrating spectrum Toast in milo required by Event creation console. (#2511) * Adding Picker SWC component * Adding swc picker * updating all to latest version * Reactive controller fix * Adding support for toast * Add Chevron icon * Update to latest main version * Adding UT for Toast --------- Co-authored-by: Qiyun Dai --- .../spectrum-web-components/dist/icons-ui.js | 45 +++++++---- .../spectrum-web-components/dist/toast.js | 33 ++++++++ .../spectrum-web-components/package-lock.json | 81 +++++++++++-------- .../spectrum-web-components/package.json | 1 + .../spectrum-web-components/src/icons-ui.js | 1 + .../spectrum-web-components/src/toast.js | 1 + .../spectrum-web-components/toast.test.html | 39 +++++++++ 7 files changed, 151 insertions(+), 50 deletions(-) create mode 100644 libs/features/spectrum-web-components/dist/toast.js create mode 100644 libs/features/spectrum-web-components/src/toast.js create mode 100644 test/features/spectrum-web-components/toast.test.html diff --git a/libs/features/spectrum-web-components/dist/icons-ui.js b/libs/features/spectrum-web-components/dist/icons-ui.js index 16cd31a9df..47e180b392 100644 --- a/libs/features/spectrum-web-components/dist/icons-ui.js +++ b/libs/features/spectrum-web-components/dist/icons-ui.js @@ -1,7 +1,7 @@ /* eslint-disable */ /* Generated by Milo */ -import{html as G}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as J}from"/libs/features/spectrum-web-components/dist/icon.js";var T,o=function(t,...r){return T?T(t,...r):r.reduce((e,y,F)=>e+y+t[F+1],t[0])},s=t=>{T=t};var v=({width:t=24,height:r=24,title:e="Arrow75"}={})=>o`e+G+t[J+1],t[0])},s=t=>{T=t};var L=({width:t=24,height:r=24,title:e="Arrow75"}={})=>o` - `;var a=class extends J{render(){return s(G),v()}};import{defineElement as K}from"/libs/features/spectrum-web-components/dist/base.js";K("sp-icon-arrow75",a);import{html as N}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as O}from"/libs/features/spectrum-web-components/dist/icon.js";var L=({width:t=24,height:r=24,title:e="Checkmark100"}={})=>o``;var a=class extends N{render(){return s(K),L()}};import{defineElement as O}from"/libs/features/spectrum-web-components/dist/base.js";O("sp-icon-arrow75",a);import{html as P}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as Q}from"/libs/features/spectrum-web-components/dist/icon.js";var I=({width:t=24,height:r=24,title:e="Checkmark100"}={})=>o` - `;var i=class extends O{render(){return s(N),L()}};import{defineElement as P}from"/libs/features/spectrum-web-components/dist/base.js";P("sp-icon-checkmark100",i);import{html as Q}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as R}from"/libs/features/spectrum-web-components/dist/icon.js";var I=({width:t=24,height:r=24,title:e="Checkmark200"}={})=>o``;var i=class extends Q{render(){return s(P),I()}};import{defineElement as R}from"/libs/features/spectrum-web-components/dist/base.js";R("sp-icon-checkmark100",i);import{html as S}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as U}from"/libs/features/spectrum-web-components/dist/icon.js";var $=({width:t=24,height:r=24,title:e="Checkmark200"}={})=>o` - `;var m=class extends R{render(){return s(Q),I()}};import{defineElement as S}from"/libs/features/spectrum-web-components/dist/base.js";S("sp-icon-checkmark200",m);import{html as U}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as V}from"/libs/features/spectrum-web-components/dist/icon.js";var $=({width:t=24,height:r=24,title:e="Checkmark300"}={})=>o``;var m=class extends U{render(){return s(S),$()}};import{defineElement as V}from"/libs/features/spectrum-web-components/dist/base.js";V("sp-icon-checkmark200",m);import{html as W}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as X}from"/libs/features/spectrum-web-components/dist/icon.js";var k=({width:t=24,height:r=24,title:e="Checkmark300"}={})=>o` - `;var l=class extends V{render(){return s(U),$()}};import{defineElement as W}from"/libs/features/spectrum-web-components/dist/base.js";W("sp-icon-checkmark300",l);import{html as X}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as Y}from"/libs/features/spectrum-web-components/dist/icon.js";var k=({width:t=24,height:r=24,title:e="Checkmark75"}={})=>o``;var l=class extends X{render(){return s(W),k()}};import{defineElement as Y}from"/libs/features/spectrum-web-components/dist/base.js";Y("sp-icon-checkmark300",l);import{html as Z}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as _}from"/libs/features/spectrum-web-components/dist/icon.js";var B=({width:t=24,height:r=24,title:e="Checkmark75"}={})=>o` - `;var p=class extends Y{render(){return s(X),k()}};import{defineElement as Z}from"/libs/features/spectrum-web-components/dist/base.js";Z("sp-icon-checkmark75",p);import{html as _}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as tt}from"/libs/features/spectrum-web-components/dist/icon.js";var B=({width:t=24,height:r=24,title:e="Dash100"}={})=>o``;var p=class extends _{render(){return s(Z),B()}};import{defineElement as tt}from"/libs/features/spectrum-web-components/dist/base.js";tt("sp-icon-checkmark75",p);import{html as rt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as et}from"/libs/features/spectrum-web-components/dist/icon.js";var b=({width:t=24,height:r=24,title:e="Dash100"}={})=>o``;var n=class extends tt{render(){return s(_),B()}};import{defineElement as rt}from"/libs/features/spectrum-web-components/dist/base.js";rt("sp-icon-dash100",n);import{html as et}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as ot}from"/libs/features/spectrum-web-components/dist/icon.js";var b=({width:t=24,height:r=24,title:e="Dash200"}={})=>o``;var n=class extends et{render(){return s(rt),b()}};import{defineElement as ot}from"/libs/features/spectrum-web-components/dist/base.js";ot("sp-icon-dash100",n);import{html as st}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as at}from"/libs/features/spectrum-web-components/dist/icon.js";var A=({width:t=24,height:r=24,title:e="Dash200"}={})=>o``;var h=class extends ot{render(){return s(et),b()}};import{defineElement as st}from"/libs/features/spectrum-web-components/dist/base.js";st("sp-icon-dash200",h);import{html as at}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as it}from"/libs/features/spectrum-web-components/dist/icon.js";var E=({width:t=24,height:r=24,title:e="Dash300"}={})=>o``;var h=class extends at{render(){return s(st),A()}};import{defineElement as it}from"/libs/features/spectrum-web-components/dist/base.js";it("sp-icon-dash200",h);import{html as mt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as lt}from"/libs/features/spectrum-web-components/dist/icon.js";var E=({width:t=24,height:r=24,title:e="Dash300"}={})=>o``;var c=class extends it{render(){return s(at),E()}};import{defineElement as mt}from"/libs/features/spectrum-web-components/dist/base.js";mt("sp-icon-dash300",c);import{html as lt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as pt}from"/libs/features/spectrum-web-components/dist/icon.js";var A=({width:t=24,height:r=24,title:e="Dash75"}={})=>o``;var c=class extends lt{render(){return s(mt),E()}};import{defineElement as pt}from"/libs/features/spectrum-web-components/dist/base.js";pt("sp-icon-dash300",c);import{html as nt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as ht}from"/libs/features/spectrum-web-components/dist/icon.js";var z=({width:t=24,height:r=24,title:e="Dash75"}={})=>o``;var g=class extends pt{render(){return s(lt),A()}};import{defineElement as nt}from"/libs/features/spectrum-web-components/dist/base.js";nt("sp-icon-dash75",g);import{html as ht}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as ct}from"/libs/features/spectrum-web-components/dist/icon.js";var z=({width:t=24,height:r=24,title:e="Cross75"}={})=>o``;var g=class extends ht{render(){return s(nt),z()}};import{defineElement as ct}from"/libs/features/spectrum-web-components/dist/base.js";ct("sp-icon-dash75",g);import{html as gt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as ft}from"/libs/features/spectrum-web-components/dist/icon.js";var D=({width:t=24,height:r=24,title:e="Cross75"}={})=>o` - `;var f=class extends ct{render(){return s(ht),z()}};import{defineElement as gt}from"/libs/features/spectrum-web-components/dist/base.js";gt("sp-icon-cross75",f);import{html as ft}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as dt}from"/libs/features/spectrum-web-components/dist/icon.js";var D=({width:t=24,height:r=24,title:e="Cross100"}={})=>o``;var f=class extends ft{render(){return s(gt),D()}};import{defineElement as dt}from"/libs/features/spectrum-web-components/dist/base.js";dt("sp-icon-cross75",f);import{html as ut}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as wt}from"/libs/features/spectrum-web-components/dist/icon.js";var M=({width:t=24,height:r=24,title:e="Cross100"}={})=>o` - `;var d=class extends dt{render(){return s(ft),D()}};import{defineElement as ut}from"/libs/features/spectrum-web-components/dist/base.js";ut("sp-icon-cross100",d);import{html as wt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as xt}from"/libs/features/spectrum-web-components/dist/icon.js";var M=({width:t=24,height:r=24,title:e="Cross200"}={})=>o``;var d=class extends wt{render(){return s(ut),M()}};import{defineElement as xt}from"/libs/features/spectrum-web-components/dist/base.js";xt("sp-icon-cross100",d);import{html as Ct}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as vt}from"/libs/features/spectrum-web-components/dist/icon.js";var H=({width:t=24,height:r=24,title:e="Cross200"}={})=>o` - `;var u=class extends xt{render(){return s(wt),M()}};import{defineElement as Ct}from"/libs/features/spectrum-web-components/dist/base.js";Ct("sp-icon-cross200",u);import{html as Tt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as vt}from"/libs/features/spectrum-web-components/dist/icon.js";var H=({width:t=24,height:r=24,title:e="Cross300"}={})=>o``;var u=class extends vt{render(){return s(Ct),H()}};import{defineElement as Tt}from"/libs/features/spectrum-web-components/dist/base.js";Tt("sp-icon-cross200",u);import{html as Lt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as It}from"/libs/features/spectrum-web-components/dist/icon.js";var j=({width:t=24,height:r=24,title:e="Cross300"}={})=>o` - `;var w=class extends vt{render(){return s(Tt),H()}};import{defineElement as Lt}from"/libs/features/spectrum-web-components/dist/base.js";Lt("sp-icon-cross300",w);import{html as It}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as $t}from"/libs/features/spectrum-web-components/dist/icon.js";var j=({width:t=24,height:r=24,title:e="Cross400"}={})=>o``;var w=class extends It{render(){return s(Lt),j()}};import{defineElement as $t}from"/libs/features/spectrum-web-components/dist/base.js";$t("sp-icon-cross300",w);import{html as kt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as Bt}from"/libs/features/spectrum-web-components/dist/icon.js";var q=({width:t=24,height:r=24,title:e="Cross400"}={})=>o` - `;var x=class extends $t{render(){return s(It),j()}};import{defineElement as kt}from"/libs/features/spectrum-web-components/dist/base.js";kt("sp-icon-cross400",x);import{html as Bt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as bt}from"/libs/features/spectrum-web-components/dist/icon.js";var q=({width:t=24,height:r=24,title:e="Cross500"}={})=>o``;var x=class extends Bt{render(){return s(kt),q()}};import{defineElement as bt}from"/libs/features/spectrum-web-components/dist/base.js";bt("sp-icon-cross400",x);import{html as At}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as Et}from"/libs/features/spectrum-web-components/dist/icon.js";var y=({width:t=24,height:r=24,title:e="Cross500"}={})=>o` - `;var C=class extends bt{render(){return s(Bt),q()}};import{defineElement as Et}from"/libs/features/spectrum-web-components/dist/base.js";Et("sp-icon-cross500",C); + `;var C=class extends Et{render(){return s(At),y()}};import{defineElement as zt}from"/libs/features/spectrum-web-components/dist/base.js";zt("sp-icon-cross500",C);import{html as Dt}from"/libs/features/spectrum-web-components/dist/base.js";import{IconBase as Mt}from"/libs/features/spectrum-web-components/dist/icon.js";var F=({width:t=24,height:r=24,title:e="Chevron100"}={})=>o``;var v=class extends Mt{render(){return s(Dt),F()}};import{defineElement as Ht}from"/libs/features/spectrum-web-components/dist/base.js";Ht("sp-icon-chevron100",v); diff --git a/libs/features/spectrum-web-components/dist/toast.js b/libs/features/spectrum-web-components/dist/toast.js new file mode 100644 index 0000000000..98bece38e7 --- /dev/null +++ b/libs/features/spectrum-web-components/dist/toast.js @@ -0,0 +1,33 @@ +/* eslint-disable */ +/* Generated by Milo */ + +import{html as s,SpectrumElement as h}from"/libs/features/spectrum-web-components/dist/base.js";import{property as u}from"/libs/features/spectrum-web-components/dist/base.js";import"/libs/features/spectrum-web-components/dist/button.js";import"/libs/features/spectrum-web-components/dist/icons-workflow.js";import"/libs/features/spectrum-web-components/dist/icons-workflow.js";import"/libs/features/spectrum-web-components/dist/icons-workflow.js";import{FocusVisiblePolyfillMixin as b}from"/libs/features/spectrum-web-components/dist/shared.js";import{css as p}from"/libs/features/spectrum-web-components/dist/base.js";var m=p` + :host{--spectrum-toast-font-weight:var(--spectrum-regular-font-weight);--spectrum-toast-font-size:var(--spectrum-font-size-100);--spectrum-toast-corner-radius:var(--spectrum-corner-radius-100);--spectrum-toast-block-size:var(--spectrum-toast-height);--spectrum-toast-max-inline-size:var(--spectrum-toast-maximum-width);--spectrum-toast-border-width:var(--spectrum-border-width-100);--spectrum-toast-line-height:var(--spectrum-line-height-100);--spectrum-toast-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-toast-spacing-icon-to-text:var(--spectrum-text-to-visual-100);--spectrum-toast-spacing-start-edge-to-text-and-icon:var(--spectrum-spacing-300);--spectrum-toast-spacing-text-and-action-button-to-divider:var(--spectrum-spacing-300);--spectrum-toast-spacing-top-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-bottom-edge-to-divider:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-icon:var(--spectrum-toast-top-to-workflow-icon);--spectrum-toast-spacing-text-to-action-button-horizontal:var(--spectrum-spacing-300);--spectrum-toast-spacing-close-button:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-start:var(--spectrum-spacing-100);--spectrum-toast-spacing-block-end:var(--spectrum-spacing-100);--spectrum-toast-spacing-top-edge-to-text:var(--spectrum-toast-top-to-text);--spectrum-toast-spacing-bottom-edge-to-text:var(--spectrum-toast-bottom-to-text);--spectrum-toast-negative-background-color-default:var(--spectrum-negative-background-color-default);--spectrum-toast-positive-background-color-default:var(--spectrum-positive-background-color-default);--spectrum-toast-informative-background-color-default:var(--spectrum-informative-background-color-default);--spectrum-toast-text-and-icon-color:var(--spectrum-white);--spectrum-toast-divider-color:var(--spectrum-transparent-white-300)}@media (forced-colors:active){:host{--highcontrast-toast-border-color:ButtonText;border:var(--mod-toast-border-width,var(--spectrum-toast-border-width))solid var(--highcontrast-toast-border-color,transparent)}}:host{box-sizing:border-box;min-block-size:var(--mod-toast-block-size,var(--spectrum-toast-block-size));max-inline-size:var(--mod-toast-max-inline-size,var(--spectrum-toast-max-inline-size));border-radius:var(--mod-toast-corner-radius,var(--spectrum-toast-corner-radius));font-size:var(--mod-toast-font-size,var(--spectrum-toast-font-size));font-weight:var(--mod-toast-font-weight,var(--spectrum-toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default,var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)));color:var(--highcontrast-toast-background-color-default,var(--mod-toast-background-color-default,var(--spectrum-toast-background-color-default)));flex-direction:row;align-items:stretch;padding-inline-start:var(--mod-toast-spacing-start-edge-to-text-and-icon,var(--spectrum-toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default,var(--mod-toast-negative-background-color-default,var(--spectrum-toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)))}:host([variant=info]),:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default,var(--mod-toast-informative-background-color-default,var(--spectrum-toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)))}:host([variant=positive]),:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default,var(--mod-toast-positive-background-color-default,var(--spectrum-toast-positive-background-color-default)))}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(--mod-toast-spacing-top-edge-to-icon,var(--spectrum-toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--mod-toast-spacing-icon-to-text,var(--spectrum-toast-spacing-icon-to-text))}.content,.type{color:var(--highcontrast-toast-text-and-icon-color,var(--mod-toast-text-and-icon-color,var(--spectrum-toast-text-and-icon-color)))}.content{box-sizing:border-box;line-height:var(--mod-toast-line-height,var(--spectrum-toast-line-height));text-align:start;flex:auto;padding-block-start:calc(var(--mod-toast-spacing-top-edge-to-text,var(--spectrum-toast-spacing-top-edge-to-text)) - var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start)));padding-block-end:calc(var(--mod-toast-spacing-bottom-edge-to-text,var(--spectrum-toast-spacing-bottom-edge-to-text)) - var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--mod-toast-spacing-text-to-action-button-horizontal,var(--spectrum-toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(--mod-toast-line-height-cjk,var(--spectrum-toast-line-height-cjk))}.buttons{border-inline-start-color:var(--mod-toast-divider-color,var(--spectrum-toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--mod-toast-spacing-top-edge-to-divider,var(--spectrum-toast-spacing-top-edge-to-divider));margin-block-end:var(--mod-toast-spacing-bottom-edge-to-divider,var(--spectrum-toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button));display:flex}.buttons .spectrum-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--mod-toast-spacing-block-start,var(--spectrum-toast-spacing-block-start));padding-block-end:var(--mod-toast-spacing-block-end,var(--spectrum-toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){margin-inline-start:auto;margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}.body ::slotted([slot=action]:dir(rtl)),:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:auto;margin-inline-end:var(--mod-toast-spacing-text-and-action-button-to-divider,var(--spectrum-toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--mod-toast-spacing-close-button,var(--spectrum-toast-spacing-close-button))}:host{--spectrum-toast-background-color-default:var(--system-spectrum-toast-background-color-default)}:host{--spectrum-overlay-animation-distance:var(--spectrum-spacing-100);--spectrum-overlay-animation-duration:var(--spectrum-animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--spectrum-overlay-animation-duration)ease-in-out,opacity var(--spectrum-overlay-animation-duration)ease-in-out,visibility 0s linear var(--spectrum-overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s} +`,l=m;var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,d=(i,t,o,r)=>{for(var a=r>1?void 0:r?g(t,o):t,n=i.length-1,c;n>=0;n--)(c=i[n])&&(a=(r?c(t,o,a):c(a))||a);return r&&a&&v(t,o,a),a},f=["negative","positive","info","error","warning"],e=class extends b(h){constructor(){super(...arguments),this.open=!1,this._timeout=null,this._variant="",this.countdownStart=0,this.nextCount=-1,this.doCountdown=t=>{this.countdownStart||(this.countdownStart=performance.now()),t-this.countdownStart>this._timeout?(this.shouldClose(),this.countdownStart=0):this.countdown()},this.countdown=()=>{cancelAnimationFrame(this.nextCount),this.nextCount=requestAnimationFrame(this.doCountdown)},this.holdCountdown=()=>{this.stopCountdown(),this.addEventListener("focusout",this.resumeCountdown)},this.resumeCountdown=()=>{this.removeEventListener("focusout",this.holdCountdown),this.countdown()}}static get styles(){return[l]}set timeout(t){let o=typeof t!==null&&t>0?Math.max(6e3,t):null,r=this.timeout;o&&this.countdownStart&&(this.countdownStart=performance.now()),this._timeout=o,this.requestUpdate("timeout",r)}get timeout(){return this._timeout}set variant(t){if(t===this.variant)return;let o=this.variant;f.includes(t)?(this.setAttribute("variant",t),this._variant=t):(this.removeAttribute("variant"),this._variant=""),this.requestUpdate("variant",o)}get variant(){return this._variant}renderIcon(t){switch(t){case"info":return s` + + `;case"negative":case"error":case"warning":return s` + + `;case"positive":case"success":return s` + + `;default:return s``}}startCountdown(){this.countdown(),this.addEventListener("focusin",this.holdCountdown)}stopCountdown(){cancelAnimationFrame(this.nextCount),this.countdownStart=0}shouldClose(){this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0,cancelable:!0}))&&this.close()}close(){this.open=!1}render(){return s` + ${this.renderIcon(this.variant)} + +
+ +
+ `}updated(t){super.updated(t),t.has("open")&&(this.open?this.timeout&&this.startCountdown():this.timeout&&this.stopCountdown()),t.has("timeout")&&(this.timeout!==null&&this.open?this.startCountdown():this.stopCountdown())}};d([u({type:Boolean,reflect:!0})],e.prototype,"open",2),d([u({type:Number})],e.prototype,"timeout",1),d([u({type:String})],e.prototype,"variant",1);import{defineElement as k}from"/libs/features/spectrum-web-components/dist/base.js";k("sp-toast",e); diff --git a/libs/features/spectrum-web-components/package-lock.json b/libs/features/spectrum-web-components/package-lock.json index 7b3af13092..0d09c3bca3 100644 --- a/libs/features/spectrum-web-components/package-lock.json +++ b/libs/features/spectrum-web-components/package-lock.json @@ -40,6 +40,7 @@ "@spectrum-web-components/tabs": "^0.42.5", "@spectrum-web-components/textfield": "^0.42.5", "@spectrum-web-components/theme": "^0.42.5", + "@spectrum-web-components/toast": "^0.42.5", "@spectrum-web-components/tooltip": "^0.42.5", "@spectrum-web-components/tray": "^0.42.5", "@spectrum-web-components/underlay": "^0.42.5", @@ -458,7 +459,7 @@ }, "node_modules/@spectrum-web-components/action-menu": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/action-menu/-/action-menu-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/action-menu/-/action-menu-0.42.5.tgz", "integrity": "sha512-39VumLL/DAEzpQ6rabZFUhFS9RhYGHb8/Nla6vZyUpVWuxLA/mZfD6Q+/0eKsEiz64s6JXK5KJY1zsJUhmmivQ==", "dependencies": { "@spectrum-web-components/action-button": "^0.42.5", @@ -471,7 +472,7 @@ }, "node_modules/@spectrum-web-components/alert-dialog": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/alert-dialog/-/alert-dialog-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/alert-dialog/-/alert-dialog-0.42.5.tgz", "integrity": "sha512-efDVChXGboLwSBwIy96rG5qUHOdBqEj8HU9NKqQ5dUpB4FGhU0xqa3R2D5+4c0RSslvtTraNf24S154qxPCsYQ==", "dependencies": { "@lit-labs/observers": "^2.0.2", @@ -485,7 +486,7 @@ }, "node_modules/@spectrum-web-components/base": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/base/-/base-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/base/-/base-0.42.5.tgz", "integrity": "sha512-0Xbn8HOVh1qLf90RGKpj49Bu0kMe2tu1bWmKAOM6JC5NgIefjXl+Fq5lxF3QRgHQ1l0ZjKjqBFGrMqBTptWlZw==", "dependencies": { "lit": "^2.5.0 || ^3.1.3" @@ -493,7 +494,7 @@ }, "node_modules/@spectrum-web-components/button": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/button/-/button-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/button/-/button-0.42.5.tgz", "integrity": "sha512-+mOOLd/GerTjkqfTQFXcqenD27cqdecQyuDacLyZ8Mx/CNJ9gUSD4cpkcUiItIUJsS2NytjTVWCa9ucQ89fD8Q==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -507,7 +508,7 @@ }, "node_modules/@spectrum-web-components/button-group": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/button-group/-/button-group-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/button-group/-/button-group-0.42.5.tgz", "integrity": "sha512-TgtdzOcWGnRdfe7EJJX9H7/8TeJhHT9jHrmtLnyUzegeW5odeemn/Smr+RAemIuT4iJQOJT6QRD4FrqIIkld1A==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -516,7 +517,7 @@ }, "node_modules/@spectrum-web-components/checkbox": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/checkbox/-/checkbox-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/checkbox/-/checkbox-0.42.5.tgz", "integrity": "sha512-nAb3cym+sN2CNt89l7YFuLNnRUKASLjV7X9Afhi49arU1gmdJ9qLFKsYrMBcTmLpkIChqFkaKsGRM2dBB5F4Vg==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -535,7 +536,7 @@ }, "node_modules/@spectrum-web-components/close-button": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/close-button/-/close-button-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/close-button/-/close-button-0.42.5.tgz", "integrity": "sha512-sfq43FOTzxim8XlpK+Vad0v1qcIaLQEKMD/5oJ0pDGHIe34dtGYswpJA9Qe5g2ZYZQks29JIdWZGCX4YkVNUTw==", "dependencies": { "@spectrum-web-components/base": "^0.42.5" @@ -543,7 +544,7 @@ }, "node_modules/@spectrum-web-components/dialog": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/dialog/-/dialog-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/dialog/-/dialog-0.42.5.tgz", "integrity": "sha512-aaAYMWGGHKX2J+YEtWxnAOE9weHcGF3KEDGWvBwwOoy+WY1dgeEZdiJZL0h2sygoagy4Wi10/rTOR0/ycXcyeQ==", "dependencies": { "@spectrum-web-components/alert-dialog": "^0.42.5", @@ -559,7 +560,7 @@ }, "node_modules/@spectrum-web-components/divider": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/divider/-/divider-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/divider/-/divider-0.42.5.tgz", "integrity": "sha512-yvY1UM835H8yN0hbh0ol+OOFEfWd6MJqv4/zVa9HSHQcgaTv2KSWhIgOHU2yrAPKI3Xs2zail3JtBFh1ynErpA==", "dependencies": { "@spectrum-web-components/base": "^0.42.5" @@ -576,7 +577,7 @@ }, "node_modules/@spectrum-web-components/field-label": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/field-label/-/field-label-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/field-label/-/field-label-0.42.5.tgz", "integrity": "sha512-HSainInLkjVutscF9ms33i5WKIlbMoDfkhZ2nRECOjfUP73O4tKsi/wAAkXxcIwlwekLATOaehG8//mKJIzbJQ==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -588,7 +589,7 @@ }, "node_modules/@spectrum-web-components/help-text": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/help-text/-/help-text-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/help-text/-/help-text-0.42.5.tgz", "integrity": "sha512-3TCnVJE3awymYuZ7SvHQuY2TiKm514agRsDWvEcQI4DXzMZl3zaNs9h/C88qBnemfGt7EIfA+EvmL4SezKE9xg==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -598,7 +599,7 @@ }, "node_modules/@spectrum-web-components/icon": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/icon/-/icon-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/icon/-/icon-0.42.5.tgz", "integrity": "sha512-7fECP297EgEu1XvBPLxfPRSuEM6dmkkEeuPpHXwhjbicqiOsAFVDLALB/LUghOhQBXI7Hd7Vl1eQiYYaVLKKfw==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -607,7 +608,7 @@ }, "node_modules/@spectrum-web-components/icons": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/icons/-/icons-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/icons/-/icons-0.42.5.tgz", "integrity": "sha512-al//A8FiLyt59dVlUy8JchxplnuHLu9hYsTFUld1TkiuY0lS42ZE2rxQO+9AX33ZJ/5bv3er9s46sm1FVszmYw==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -616,7 +617,7 @@ }, "node_modules/@spectrum-web-components/icons-ui": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/icons-ui/-/icons-ui-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/icons-ui/-/icons-ui-0.42.5.tgz", "integrity": "sha512-Jif910xJFC0JhmeCYWQUubI/C3kB2INHomNye2y4rWYatVE/ZMjJc4BLcs2RTRYRvt/2yJ7LUwi2SZi7q3eJmQ==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -626,7 +627,7 @@ }, "node_modules/@spectrum-web-components/icons-workflow": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/icons-workflow/-/icons-workflow-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/icons-workflow/-/icons-workflow-0.42.5.tgz", "integrity": "sha512-LR9+leTSnTyy8MxVKi+bbC7pBCzNUIq97dcf6MH3smo2Xcrh+W5pIBdw4LIOAt0yzdLRagfQtMFkzQfhH7+9VQ==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -643,7 +644,7 @@ }, "node_modules/@spectrum-web-components/link": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/link/-/link-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/link/-/link-0.42.5.tgz", "integrity": "sha512-HQUHX8mwmZrQYgUXMfuwZUP3DDOC7scmGqEh4/mgaG5rGoSXNJGpJvEbKHSeIzxS2Gtf0mlHrtYTXFAiWUHMMg==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -652,7 +653,7 @@ }, "node_modules/@spectrum-web-components/menu": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/menu/-/menu-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/menu/-/menu-0.42.5.tgz", "integrity": "sha512-CuZXR2kmCf3o+Zv1RHhW2mtFPpcAUKyz2Bqay1tn3iQUmLLW0GEfqmE4WsLUc19XCAtYtZyuMNh+e0/IdSDyBQ==", "dependencies": { "@lit-labs/observers": "^2.0.2", @@ -669,7 +670,7 @@ }, "node_modules/@spectrum-web-components/modal": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/modal/-/modal-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/modal/-/modal-0.42.5.tgz", "integrity": "sha512-sxkKK1QbBsKaUy99kpghxaRBzM6SDe0tn5699QHMvyEGJVZsvAFgwZ8tJqBvs8sGKcQ04en3UOloZm1pvbmIOw==", "dependencies": { "@spectrum-web-components/base": "^0.42.5" @@ -677,7 +678,7 @@ }, "node_modules/@spectrum-web-components/overlay": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/overlay/-/overlay-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/overlay/-/overlay-0.42.5.tgz", "integrity": "sha512-SFD0wyTUWglPW9Hth3pT17xQLdcggWOw8EkiYoOp0Eth6/LKCcJ0a63EFlzEXyY/DqgC24/KzE+mF2Kqcne01A==", "dependencies": { "@floating-ui/dom": "^1.6.1", @@ -691,7 +692,7 @@ }, "node_modules/@spectrum-web-components/picker": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/picker/-/picker-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/picker/-/picker-0.42.5.tgz", "integrity": "sha512-qS/TkXwtgBBLrHbLUufGm3g022orjACOOeFAk1aZ7sYfapWxztOzXlUO5L8qOaUhabA1IJ2K4kIuygfY9DVdFw==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -712,7 +713,7 @@ }, "node_modules/@spectrum-web-components/popover": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/popover/-/popover-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/popover/-/popover-0.42.5.tgz", "integrity": "sha512-4A5IcPAzS8NjfSkZYq4P1baIVG3bM983SCTrR0GlLKvH/XYW07idUYiw2R9N/0DEDzY0c+u9U29Iec4o4CSLEw==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -721,7 +722,7 @@ }, "node_modules/@spectrum-web-components/progress-circle": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/progress-circle/-/progress-circle-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/progress-circle/-/progress-circle-0.42.5.tgz", "integrity": "sha512-XROdnKCYjkKP0Fzoa21zzAqr/xwJ6dyQRgBafw1aMpA8gMVlcW0JHz6ZPAukWTMV6szIfU3DjP0eLmMdMPqDwg==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -730,7 +731,7 @@ }, "node_modules/@spectrum-web-components/radio": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/radio/-/radio-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/radio/-/radio-0.42.5.tgz", "integrity": "sha512-KpYLWB7XD4A0TS/w/bqAVAAVycxbTWCg+GfSzWZLOSGr/b3ZQ2aCFfdk6jJ8UvMNhLlY5SNyCNcfzQnSBjS3OQ==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -742,7 +743,7 @@ }, "node_modules/@spectrum-web-components/reactive-controllers": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/reactive-controllers/-/reactive-controllers-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/reactive-controllers/-/reactive-controllers-0.42.5.tgz", "integrity": "sha512-xKg1rhGklcZ6TwYlSmtwCaLiITb6Tdl3vKkLEzCe4dfYDD0FO0kIUuI9uCVonTz6bVBTtEd1/taXJCSneUuDJg==", "dependencies": { "lit": "^3.1.3" @@ -786,7 +787,7 @@ }, "node_modules/@spectrum-web-components/search": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/search/-/search-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/search/-/search-0.42.5.tgz", "integrity": "sha512-XCXafVaAc5Q1pdSowtZHE+i/p+PWDnPztpPjo09wzarveX2mrhVHjYl1BU8dfrYh8PBkOTbsEPXy10bdfEH1GQ==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -798,7 +799,7 @@ }, "node_modules/@spectrum-web-components/shared": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/shared/-/shared-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/shared/-/shared-0.42.5.tgz", "integrity": "sha512-daqAnp1KBJ/j0P3I30Z1wuK6wu7p5Bij+0ofCdopo4DK4F3GntfUmRb6a9C4TNV+mWP4K+VxMtZ55aHuLG99Gw==", "dependencies": { "@lit-labs/observers": "^2.0.2", @@ -808,7 +809,7 @@ }, "node_modules/@spectrum-web-components/sidenav": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/sidenav/-/sidenav-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/sidenav/-/sidenav-0.42.5.tgz", "integrity": "sha512-t9eFiyQOslFGalY7xyiQMj3k5AHxeQ0uezu43JOixP6nkeforeXGyidviHaPEImUXHJCuI+p3XO0EBeNx4a63A==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -818,7 +819,7 @@ }, "node_modules/@spectrum-web-components/styles": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/styles/-/styles-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/styles/-/styles-0.42.5.tgz", "integrity": "sha512-e2ZFmMTAUMg4VZVR3CpqdeZoLhqu6SN+FiQE7bDspdOAE9V4vIM4nFHVq7FntxEZYjWge3LWqHdOT75BhYG9lQ==", "dependencies": { "@spectrum-web-components/base": "^0.42.5" @@ -826,7 +827,7 @@ }, "node_modules/@spectrum-web-components/tabs": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/tabs/-/tabs-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/tabs/-/tabs-0.42.5.tgz", "integrity": "sha512-K9IRqi2oWVNY+aR1e4nMVO8faWBsoOesO1HWxPsKyhDHTJeU31E7vxbWTXnEyFHoSqCbchX2bbauuZGN3JonYQ==", "dependencies": { "@lit-labs/observers": "^2.0.2", @@ -839,7 +840,7 @@ }, "node_modules/@spectrum-web-components/textfield": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/textfield/-/textfield-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/textfield/-/textfield-0.42.5.tgz", "integrity": "sha512-79EFHUXqDaPG870pwtUQ+gxLvYp0cDetDRcCgyiccChJkSd3/LXH6kz2XwNjCCGsIDVfjNg7kdEKGSRNTBV2hw==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -852,16 +853,28 @@ }, "node_modules/@spectrum-web-components/theme": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/theme/-/theme-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/theme/-/theme-0.42.5.tgz", "integrity": "sha512-6E+j4RfHRlxwrK+t6Sy7az2Pw2N0AaYidcJbXcZZw/luYr1NtvNWMuJq6Jg5bbusTSSNSrAXDgsi4e09MVHuNg==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", "@spectrum-web-components/styles": "^0.42.5" } }, + "node_modules/@spectrum-web-components/toast": { + "version": "0.42.5", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/toast/-/toast-0.42.5.tgz", + "integrity": "sha512-FBS+OxtmEWILLdXyM0MRKHidU7ZYB21vGgx3rRx/XfzCpZ9Dj0EzLfECLJ2zP5M20wfrSmamIFyPuz0exoG0RA==", + "dependencies": { + "@spectrum-web-components/base": "^0.42.5", + "@spectrum-web-components/button": "^0.42.5", + "@spectrum-web-components/icon": "^0.42.5", + "@spectrum-web-components/icons-workflow": "^0.42.5", + "@spectrum-web-components/shared": "^0.42.5" + } + }, "node_modules/@spectrum-web-components/tooltip": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/tooltip/-/tooltip-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/tooltip/-/tooltip-0.42.5.tgz", "integrity": "sha512-x+tiVnmgdi1mnlOX2vWlEXW9gl2Sj7f9xzb752JJsEKLkggCP19ldXtuapOzr7clT9Ke1cBrQ/ZrBKoDRuQXJQ==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -872,7 +885,7 @@ }, "node_modules/@spectrum-web-components/tray": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/tray/-/tray-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/tray/-/tray-0.42.5.tgz", "integrity": "sha512-/HycXMjNkeImbfva1IBXqnfqyLrBbHMNgbOKk34t9JvZ/hIj0vaaMtcyb6OUaZfpYRInJlUO+Y7PyGKzfPWM5g==", "dependencies": { "@spectrum-web-components/base": "^0.42.5", @@ -884,7 +897,7 @@ }, "node_modules/@spectrum-web-components/underlay": { "version": "0.42.5", - "resolved": "https://artifactory.corp.adobe.com/artifactory/api/npm/npmjs-remote/@spectrum-web-components/underlay/-/underlay-0.42.5.tgz", + "resolved": "https://registry.npmjs.org/@spectrum-web-components/underlay/-/underlay-0.42.5.tgz", "integrity": "sha512-oa5UdX90Ail762pYJ7OYNHmnlMIVXy07dg9QzW6PvVq+mMdNUj0Fh7icui/AKBL5EpzOTSaXSROq9UCKBtzv8g==", "dependencies": { "@spectrum-web-components/base": "^0.42.5" diff --git a/libs/features/spectrum-web-components/package.json b/libs/features/spectrum-web-components/package.json index 665778d7f2..a30ec072da 100644 --- a/libs/features/spectrum-web-components/package.json +++ b/libs/features/spectrum-web-components/package.json @@ -43,6 +43,7 @@ "@spectrum-web-components/textfield": "^0.42.5", "@spectrum-web-components/theme": "^0.42.5", "@spectrum-web-components/tooltip": "^0.42.5", + "@spectrum-web-components/toast": "^0.42.5", "@spectrum-web-components/tray": "^0.42.5", "@spectrum-web-components/underlay": "^0.42.5" }, diff --git a/libs/features/spectrum-web-components/src/icons-ui.js b/libs/features/spectrum-web-components/src/icons-ui.js index dff111cb89..87441c0392 100644 --- a/libs/features/spectrum-web-components/src/icons-ui.js +++ b/libs/features/spectrum-web-components/src/icons-ui.js @@ -13,3 +13,4 @@ import '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js'; import '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js'; import '@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js'; import '@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js'; +import '@spectrum-web-components/icons-ui/icons/sp-icon-chevron100.js'; diff --git a/libs/features/spectrum-web-components/src/toast.js b/libs/features/spectrum-web-components/src/toast.js new file mode 100644 index 0000000000..7939d39053 --- /dev/null +++ b/libs/features/spectrum-web-components/src/toast.js @@ -0,0 +1 @@ +import '@spectrum-web-components/toast/sp-toast.js'; \ No newline at end of file diff --git a/test/features/spectrum-web-components/toast.test.html b/test/features/spectrum-web-components/toast.test.html new file mode 100644 index 0000000000..28810811e4 --- /dev/null +++ b/test/features/spectrum-web-components/toast.test.html @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + This is positive information that you should read, soon. + + + + From f5b51210a9c7c395f99e51317cb7f70c478f36c5 Mon Sep 17 00:00:00 2001 From: Mira Fedas <30750556+mirafedas@users.noreply.github.com> Date: Thu, 27 Jun 2024 22:09:35 +0200 Subject: [PATCH 2/2] Revert "MWPW-148002: Adjust Strike-through price font size for: merch-card (all variations)" (#2529) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Revert "MWPW-148002: Adjust Strike-through price font size for: merch-card (a…" This reverts commit 5ad4b21cdfd4bde3f579dddd27b558f497545dd6. --- libs/blocks/merch/merch.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/libs/blocks/merch/merch.css b/libs/blocks/merch/merch.css index 5b73ff82fe..e4a89dad3c 100644 --- a/libs/blocks/merch/merch.css +++ b/libs/blocks/merch/merch.css @@ -8,8 +8,6 @@ span[data-wcs-osi] { } span.placeholder-resolved[data-template="strikethrough"], span.price.price-strikethrough { - font-size: var(--type-body-xs-size); - font-weight: normal; text-decoration: line-through; }