@momentum-design/components 0.129.37 → 0.129.39

package/dist/browser/index.js

@@ -1096,7 +1096,13 @@
     position: absolute;
     right: 50%;
     bottom: 50%;
-    transform: translateX(round(to-zero, 50%, 1px)) translateY(round(to-zero, 50%, 1px));
+    transform: translateX(50%) translateY(50%);
+  }
+
+  @supports (transform: translateX(round(to-zero, 1px, 1px))) {
+    :host {
+      transform: translateX(round(to-zero, 50%, 1px)) translateY(round(to-zero, 50%, 1px));
+    }
   }
 
   :host > [part='body']:first-of-type {
@@ -1797,23 +1803,22 @@
 `,tf=[VE];var Io=class extends q{async getBrandVisualData(){if(this.name)return import(`@momentum-design/brand-visuals/dist/ts/${this.name}.ts`).then(t=>{this.handleBrandVisualLoadedSuccess(t.default())}).catch(t=>{this.handleBrandVisualLoadedFailure(t)});let o=new Error("No brandvisual name provided.");return this.handleBrandVisualLoadedFailure(o),Promise.reject(o)}updated(o){super.updated(o),o.has("name")&&this.getBrandVisualData().catch(t=>{this.onerror&&this.onerror(t)}),o.has("altText")&&this.brandVisualData&&(this.brandVisualData=this.injectHtmlAttributes(this.brandVisualData,{alt:this.altText}))}injectTemplateAttributes(o,t,r){let m=new DOMParser().parseFromString(o.strings[0],"text/html").querySelector(t);return m&&Object.entries(r).forEach(([b,x])=>{m.setAttribute(b,x)}),m||o}injectHtmlAttributes(o,t){return Object.entries(t).forEach(([r,s])=>{o.setAttribute(r,s)}),o}handleBrandVisualLoadedSuccess(o){this.brandVisualData=this.injectTemplateAttributes(o,"img",{alt:this.altText});let t=new Event("load",{bubbles:!0,cancelable:!0});this.dispatchEvent(t)}handleBrandVisualLoadedFailure(o){let t=new CustomEvent("error",{bubbles:!0,cancelable:!0,detail:{error:o}});this.dispatchEvent(t)}render(){return _` ${this.brandVisualData} `}};Io.styles=[...q.styles,...tf],p([ut()],Io.prototype,"brandVisualData",2),p([u({type:String,reflect:!0})],Io.prototype,"name",2),p([u({type:String,reflect:!0,attribute:"alt-text"})],Io.prototype,"altText",2);var Dc=Io;var ef=z.constructTagName("brandvisual");Dc.register(ef);var BE=Dc;var UE=U`
   :host {
     --mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);
-    --mdc-bullet-size-small: 0.25rem;
-    --mdc-bullet-size-medium: 0.5rem;
-    --mdc-bullet-size-large: 1rem;
+    --mdc-bullet-size: 0.25rem;
 
     border-radius: 50%;
     display: block;
     aspect-ratio: 1;
+    height: var(--mdc-bullet-size);
     background-color: var(--mdc-bullet-background-color);
   }
   :host([size='small']) {
-    height: var(--mdc-bullet-size-small);
+    --mdc-bullet-size: 0.25rem;
   }
   :host([size='medium']) {
-    height: var(--mdc-bullet-size-medium);
+    --mdc-bullet-size: 0.5rem;
   }
   :host([size='large']) {
-    height: var(--mdc-bullet-size-large);
+    --mdc-bullet-size: 1rem;
   }
 `,rf=[UE];var of=z.constructTagName("bullet"),sf={SMALL:"small",MEDIUM:"medium",LARGE:"large"};var Ma=class extends q{constructor(){super(...arguments);this.size=sf.SMALL}};Ma.styles=[...q.styles,...rf],p([u({type:String,reflect:!0})],Ma.prototype,"size",2);var Fc=Ma;Fc.register(of);var HE=Fc;var af=z.constructTagName("buttongroup"),GE={40:40,32:32,28:28,24:24},YE={HORIZONTAL:"horizontal",VERTICAL:"vertical"},WE={PRIMARY:"primary",SECONDARY:"secondary"},kl={SIZE:GE[28],VARIANT:WE.PRIMARY,ORIENTATION:YE.HORIZONTAL};var jE=U`
   :host {