@loadsmart/miranda-wc 1.20.1 → 1.21.0

package/dist/components/progress-bar/index.d.ts

@@ -1,2 +1,3 @@
 export { ProgressBar } from './progress-bar';
+export type { ProgressBarVariant } from './progress-bar';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/progress-bar/progress-bar.d.ts

@@ -1,5 +1,7 @@
 import { LitElement } from 'lit';
+export type ProgressBarVariant = 'success' | 'warning' | 'danger';
 export interface ProgressBarProps {
+    variant?: ProgressBarVariant;
     value: number;
     max: number;
 }
@@ -7,6 +9,9 @@ export declare class ProgressBar extends LitElement {
     #private;
     static styles: import("lit").CSSResult[];
     static get properties(): {
+        variant: {
+            type: StringConstructor;
+        };
         value: {
             type: NumberConstructor;
             noAccessor: boolean;
@@ -16,6 +21,10 @@ export declare class ProgressBar extends LitElement {
             noAccessor: boolean;
         };
     };
+    /**
+     * ProgressBar variant.
+     */
+    variant: ProgressBarProps['variant'];
     set value(val: number);
     get value(): number;
     set max(val: number);

package/dist/components/progress-bar/progress-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,MAAM,WAAW,gBAAgB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACZ;AAKD,qBAAa,WAAY,SAAQ,UAAU;;IAC1C,OAAgB,MAAM,4BAAc;IAEpC,WAAoB,UAAU;;;;;;;;;MAK7B;IAcD,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAMpB;IAED,IAAI,KAAK,IARM,MAAM,CAUpB;IAED,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAOlB;IAED,IAAI,GAAG,IATM,MAAM,CAWlB;;IASQ,iBAAiB,IAAI,IAAI;cAOf,OAAO,IAAI,IAAI;IASzB,MAAM;CAYf;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,WAAW,CAAC;KAC9B;CACD"}
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAQvC,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAElE,MAAM,WAAW,gBAAgB;IAChC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACZ;AAMD,qBAAa,WAAY,SAAQ,UAAU;;IAC1C,OAAgB,MAAM,4BAAc;IAEpC,WAAoB,UAAU;;;;;;;;;;;;MAM7B;IAED;;OAEG;IACK,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAc7C,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAMpB;IAED,IAAI,KAAK,IARM,MAAM,CAUpB;IAED,IAAI,GAAG,CAAC,GAAG,EAAE,MAAM,EAOlB;IAED,IAAI,GAAG,IATM,MAAM,CAWlB;;IAUQ,iBAAiB,IAAI,IAAI;cAOf,OAAO,IAAI,IAAI;IASzB,MAAM;CAiBf;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,WAAW,CAAC;KAC9B;CACD"}

package/dist/components/progress-bar/progress-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAQA,iBAAS,MAAM,4BA0Cd;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAQA,iBAAS,MAAM,4BAgDd;AAED,eAAe,MAAM,CAAC"}

package/dist/index.js

@@ -1108,22 +1108,14 @@ const bo=Symbol.for(""),go=t=>{if((null==t?void 0:t.r)===bo)return null==t?void
 			flex-basis: calc((var(--m-switcher-threshold) - 100%) * 999);
 			flex-grow: 1;
 		}
-	`],window.customElements.define("m-switcher",Xo);class ie extends et{static get properties(){return{value:{type:Number,noAccessor:!0},max:{type:Number,noAccessor:!0}}}set value(e){const r=t(this,oe,"f");o(this,oe,Yo(e,0,t(this,ee,"f")),"f"),this.requestUpdate("value",r)}get value(){return t(this,oe,"f")}set max(e){const r=t(this,ee,"f");o(this,ee,e<=0?100:e,"f"),o(this,oe,Yo(t(this,oe,"f"),0,t(this,ee,"f")),"f"),this.requestUpdate("max",r)}get max(){return t(this,ee,"f")}constructor(){super(),te.add(this),oe.set(this,0),ee.set(this,100),this.value=0,this.max=100}connectedCallback(){super.connectedCallback(),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0")}updated(){this.setAttribute("aria-valuenow",String(t(this,oe,"f"))),this.setAttribute("aria-valuemax",String(t(this,ee,"f")))}render(){return U`
+	`],window.customElements.define("m-switcher",Xo);class ie extends et{static get properties(){return{variant:{type:String},value:{type:Number,noAccessor:!0},max:{type:Number,noAccessor:!0}}}set value(e){const r=t(this,oe,"f");o(this,oe,Yo(e,0,t(this,ee,"f")),"f"),this.requestUpdate("value",r)}get value(){return t(this,oe,"f")}set max(e){const r=t(this,ee,"f");o(this,ee,e<=0?100:e,"f"),o(this,oe,Yo(t(this,oe,"f"),0,t(this,ee,"f")),"f"),this.requestUpdate("max",r)}get max(){return t(this,ee,"f")}constructor(){super(),te.add(this),oe.set(this,0),ee.set(this,100),this.variant="success",this.value=0,this.max=100}connectedCallback(){super.connectedCallback(),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0")}updated(){this.setAttribute("aria-valuenow",String(t(this,oe,"f"))),this.setAttribute("aria-valuemax",String(t(this,ee,"f")))}render(){return U`
 			<div class="bar">
 				<span
-					class="progress"
+					class=${lt({progress:!0,"-success":"success"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant})}
 					style=${$o({width:`${t(this,te,"m",re).call(this)}%`})}
 				></span>
 			</div>
 		`}}oe=new WeakMap,ee=new WeakMap,te=new WeakSet,re=function(){return 100*t(this,oe,"f")/t(this,ee,"f")},ie.styles=[a`
-		:host {
-			--m-progress-bar-progress-background: linear-gradient(
-				45deg,
-				${Bt("color-brand-accent-1")} 22%,
-				${Bt("color-brand-accent-2")} 88%
-			);
-		}
-
 		.bar {
 			display: flex;
 			flex-grow: 0;
@@ -1138,8 +1130,6 @@ const bo=Symbol.for(""),go=t=>{if((null==t?void 0:t.r)===bo)return null==t?void
 			height: ${uo("8px")};
 
 			border-radius: ${_t("border-radius-s")};
-
-			background-color: ${Bt("color-background-tertiary")};
 		}
 
 		.progress {
@@ -1147,7 +1137,7 @@ const bo=Symbol.for(""),go=t=>{if((null==t?void 0:t.r)===bo)return null==t?void
 			top: 0;
 			left: 0;
 
-			${Ht([{property:"width"}])};
+			${Ht([{property:"width"},{property:"background"}])};
 
 			height: ${uo("8px")};
 
@@ -1155,6 +1145,22 @@ const bo=Symbol.for(""),go=t=>{if((null==t?void 0:t.r)===bo)return null==t?void
 
 			background: var(--m-progress-bar-progress-background);
 		}
+
+		.-success {
+			--m-progress-bar-progress-background: linear-gradient(
+				45deg,
+				${Bt("color-brand-accent-1")} 22%,
+				${Bt("color-brand-accent-2")} 88%
+			);
+		}
+
+		.-warning {
+			--m-progress-bar-progress-background: ${Bt("color-warning-60")};
+		}
+
+		.-danger {
+			--m-progress-bar-progress-background: ${Bt("color-danger-60")};
+		}
 	`],window.customElements.define("m-progress-bar",ie);const ne="m-check";var se,le,ae;class ce extends et{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),se.add(this),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio"),this.addEventListener("click",this.handleClick)}updated(o){super.updated(o),o.has("disabled")&&t(this,se,"m",le).call(this),o.has("checked")&&t(this,se,"m",ae).call(this)}render(){return U`
 			<button
 				type="button"