@loadsmart/miranda-wc 1.30.0 → 1.31.1

package/dist/components/button/base-button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/base-button.styles.ts"],"names":[],"mappings":"AAMA,iBAAS,MAAM,4BAqFd;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"base-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/base-button.styles.ts"],"names":[],"mappings":"AAMA,iBAAS,MAAM,4BA4Gd;AAED,eAAe,MAAM,CAAC"}

package/dist/components/button/button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAOA,iBAAS,MAAM,8BAoQd;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAOA,iBAAS,MAAM,8BA4Pd;AAED,eAAe,MAAM,CAAC"}

package/dist/components/text/text.d.ts

@@ -3,32 +3,42 @@ import { type ColorToken } from '@loadsmart/miranda-tokens';
 import type { TypographyVariant } from '../../styles/typography';
 import type { HTMLTag } from '../../mixins/polymorphic-tag';
 export interface TextProps {
-    variant?: TypographyVariant;
-    color?: ColorToken;
     as?: HTMLTag;
+    color?: ColorToken;
+    ellipsized?: boolean;
+    variant?: TypographyVariant;
 }
 declare const Text_base: import("../../mixins/polymorphic-tag/polymorphic-tag.types").Constructor<import("../../mixins/polymorphic-tag/polymorphic-tag.types").PolymorphicTagInterface> & typeof LitElement;
 export declare class Text extends Text_base {
     static styles: import("lit").CSSResult[];
     static get properties(): {
-        variant: {
+        color: {
             type: StringConstructor;
+        };
+        ellipsized: {
+            type: BooleanConstructor;
             reflect: boolean;
         };
-        color: {
+        variant: {
             type: StringConstructor;
+            reflect: boolean;
         };
     };
-    /**
-     * Typography variant.
-     * @type {TypographyVariant}
-     */
-    variant: TypographyVariant;
     /**
      * Text color.
      * @type {ColorToken}
      */
     color: ColorToken;
+    /**
+     * Option to enable text ellipsis.
+     * @type {Boolean}
+     */
+    ellipsized: boolean;
+    /**
+     * Typography variant.
+     * @type {TypographyVariant}
+     */
+    variant: TypographyVariant;
     constructor();
     render(): import("lit-html").TemplateResult<2 | 1>;
 }

package/dist/components/text/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,OAAO,EAAE,KAAK,UAAU,EAAc,MAAM,2BAA2B,CAAC;AAGxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAI5D,MAAM,WAAW,SAAS;IACzB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;CACb;;AAED,qBAAa,IAAK,SAAQ,SAIzB;IACA,OAAgB,MAAM,4BAAc;IAEpC,WAAoB,UAAU;;;;;;;;MAK7B;IAED;;;OAGG;IACK,OAAO,EAAE,iBAAiB,CAAC;IAEnC;;;OAGG;IACK,KAAK,EAAE,UAAU,CAAC;;IAUjB,MAAM;CA8Cf;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,QAAQ,EAAE,IAAI,CAAC;KACf;CACD"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,OAAO,EAAE,KAAK,UAAU,EAAc,MAAM,2BAA2B,CAAC;AAGxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAI5D,MAAM,WAAW,SAAS;IACzB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC5B;;AAED,qBAAa,IAAK,SAAQ,SAIzB;IACA,OAAgB,MAAM,4BAAc;IAEpC,WAAoB,UAAU;;;;;;;;;;;;MAM7B;IAED;;;OAGG;IACK,KAAK,EAAE,UAAU,CAAC;IAE1B;;;OAGG;IACK,UAAU,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACK,OAAO,EAAE,iBAAiB,CAAC;;IAW1B,MAAM;CA+Cf;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,QAAQ,EAAE,IAAI,CAAC;KACf;CACD"}

package/dist/components/text/text.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.styles.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.styles.ts"],"names":[],"mappings":"AAKA,iBAAS,MAAM,4BA4Id;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"text.styles.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.styles.ts"],"names":[],"mappings":"AAKA,iBAAS,MAAM,4BAoJd;AAED,eAAe,MAAM,CAAC"}

package/dist/index.js

@@ -52,6 +52,28 @@ const ct=t=>null!=t?t:x
 			--m-button-font-size: ${Wt("font-size-3")};
 		}
 
+		:host([size='small']) {
+			--m-button-base-size: ${Wt("global-height-small")};
+		}
+
+		:host([size='large']) {
+			--m-button-base-size: ${Wt("global-height-large")};
+		}
+
+		:host([variant|='icon']) {
+			--m-button-border-radius: ${Wt("border-radius-circle")};
+
+			min-inline-size: var(--m-button-base-size);
+			inline-size: var(--m-button-base-size);
+		}
+
+		:host {
+			display: inline-block;
+			min-block-size: var(--m-button-base-size);
+			block-size: var(--m-button-base-size);
+			border-radius: var(--m-button-border-radius);
+		}
+
 		.button {
 			${Rt([{property:"color"},{property:"background-color"},{property:"border-color"}])};
 
@@ -61,12 +83,13 @@ const ct=t=>null!=t?t:x
 			cursor: pointer;
 			position: relative;
 
-			display: inline-flex;
+			display: flex;
 			align-items: center;
 			justify-content: center;
 			overflow: hidden;
 
-			block-size: var(--m-button-base-size);
+			block-size: 100%;
+			inline-size: 100%;
 			box-sizing: border-box;
 
 			text-decoration: none;
@@ -291,15 +314,9 @@ const ct=t=>null!=t?t:x
 
 			.button.-icon,
 			.button.-icon-secondary {
-				--m-button-border-radius: ${Wt("border-radius-circle")};
 				--m-button-color: ${Mt("color-neutral-90")};
 				--m-button-padding-x: ${Wt("spacing-1")};
 				--m-button-padding-y: ${Wt("spacing-1")};
-
-				min-block-size: var(--m-button-base-size);
-				max-block-size: var(--m-button-base-size);
-				min-inline-size: var(--m-button-base-size);
-				max-inline-size: var(--m-button-base-size);
 			}
 
 			.button.-icon {
@@ -365,14 +382,12 @@ const ct=t=>null!=t?t:x
 
 			.button.-small {
 				--m-button-padding-y: ${Wt("spacing-2")};
-				--m-button-base-size: ${Wt("global-height-small")};
 
 				${Pt("button-sm")};
 			}
 
 			.button.-large {
 				--m-button-padding-y: ${Wt("spacing-4")};
-				--m-button-base-size: ${Wt("global-height-large")};
 
 				${Pt("button-lg")};
 			}
@@ -522,9 +537,9 @@ const ct=t=>null!=t?t:x
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"style"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,o)=>{const i=t[o];return null==i?e:e+`${o=o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(t,[e]){const{style:o}=t.element;if(void 0===this.vt){this.vt=new Set;for(const t in e)this.vt.add(t);return this.render(e)}this.vt.forEach((t=>{null==e[t]&&(this.vt.delete(t),t.includes("-")?o.removeProperty(t):o[t]="")}));for(const t in e){const i=e[t];null!=i&&(this.vt.add(t),t.includes("-")?o.setProperty(t,i):o[t]=i)}return w}});class fe extends(bt(at,["h1","h2","h3","h4","h5","h6","p","span"],"span")){static get properties(){return{variant:{type:String,reflect:!0},color:{type:String}}}constructor(){super(),this.as="span",this.variant="body-md",this.color="color-text-primary"}render(){return D`
+const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"style"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,o)=>{const i=t[o];return null==i?e:e+`${o=o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(t,[e]){const{style:o}=t.element;if(void 0===this.vt){this.vt=new Set;for(const t in e)this.vt.add(t);return this.render(e)}this.vt.forEach((t=>{null==e[t]&&(this.vt.delete(t),t.includes("-")?o.removeProperty(t):o[t]="")}));for(const t in e){const i=e[t];null!=i&&(this.vt.add(t),t.includes("-")?o.setProperty(t,i):o[t]=i)}return w}});class fe extends(bt(at,["h1","h2","h3","h4","h5","h6","p","span"],"span")){static get properties(){return{color:{type:String},ellipsized:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}constructor(){super(),this.as="span",this.color="color-text-primary",this.ellipsized=!1,this.variant="body-md"}render(){return D`
 			<${this.tag}
-				class=${gt({"m-text":!0,"-body-lg-bold":"body-lg-bold"===this.variant,"-body-lg":"body-lg"===this.variant,"-body-md-bold-underline":"body-md-bold-underline"===this.variant,"-body-md-bold":"body-md-bold"===this.variant,"-body-md-underline":"body-md-underline"===this.variant,"-body-md":"body-md"===this.variant,"-body-sm-bold-underline":"body-sm-bold-underline"===this.variant,"-body-sm-bold":"body-sm-bold"===this.variant,"-body-sm-underline":"body-sm-underline"===this.variant,"-body-sm":"body-sm"===this.variant,"-button-lg":"button-lg"===this.variant,"-button-md":"button-md"===this.variant,"-button-sm":"button-sm"===this.variant,"-chips-md":"chips-md"===this.variant,"-chips-sm":"chips-sm"===this.variant,"-heading-lg-bold":"heading-lg-bold"===this.variant,"-heading-lg":"heading-lg"===this.variant,"-heading-md-bold":"heading-md-bold"===this.variant,"-heading-md":"heading-md"===this.variant,"-heading-sm-bold":"heading-sm-bold"===this.variant,"-heading-sm":"heading-sm"===this.variant,"-hero-lg-bold":"hero-lg-bold"===this.variant,"-hero-lg":"hero-lg"===this.variant,"-hero-md-bold":"hero-md-bold"===this.variant,"-hero-md":"hero-md"===this.variant,"-hero-sm-bold":"hero-sm-bold"===this.variant,"-hero-sm":"hero-sm"===this.variant,"-number-md":"number-md"===this.variant,"-number-sm":"number-sm"===this.variant,"-table-header-md":"table-header-md"===this.variant,"-table-header-sm":"table-header-sm"===this.variant})}
+				class=${gt({"m-text":!0,"-body-lg-bold":"body-lg-bold"===this.variant,"-body-lg":"body-lg"===this.variant,"-body-md-bold-underline":"body-md-bold-underline"===this.variant,"-body-md-bold":"body-md-bold"===this.variant,"-body-md-underline":"body-md-underline"===this.variant,"-body-md":"body-md"===this.variant,"-body-sm-bold-underline":"body-sm-bold-underline"===this.variant,"-body-sm-bold":"body-sm-bold"===this.variant,"-body-sm-underline":"body-sm-underline"===this.variant,"-body-sm":"body-sm"===this.variant,"-button-lg":"button-lg"===this.variant,"-button-md":"button-md"===this.variant,"-button-sm":"button-sm"===this.variant,"-chips-md":"chips-md"===this.variant,"-chips-sm":"chips-sm"===this.variant,"-heading-lg-bold":"heading-lg-bold"===this.variant,"-heading-lg":"heading-lg"===this.variant,"-heading-md-bold":"heading-md-bold"===this.variant,"-heading-md":"heading-md"===this.variant,"-heading-sm-bold":"heading-sm-bold"===this.variant,"-heading-sm":"heading-sm"===this.variant,"-hero-lg-bold":"hero-lg-bold"===this.variant,"-hero-lg":"hero-lg"===this.variant,"-hero-md-bold":"hero-md-bold"===this.variant,"-hero-md":"hero-md"===this.variant,"-hero-sm-bold":"hero-sm-bold"===this.variant,"-hero-sm":"hero-sm"===this.variant,"-number-md":"number-md"===this.variant,"-number-sm":"number-sm"===this.variant,"-table-header-md":"table-header-md"===this.variant,"-table-header-sm":"table-header-sm"===this.variant,"-ellipsized":Boolean(this.ellipsized)})}
 				style=${me({"--m-text-color":yt(this.color)})}
 			>
 				<slot></slot>
@@ -532,6 +547,8 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
 		`}}var $e,ye;fe.styles=[Z`
 		:host {
 			--m-text-color: ${Mt("color-text-primary")};
+			--m-text-display: inline-block;
+			--m-text-max-width: initial;
 		}
 
 		.m-text {
@@ -539,9 +556,8 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
 
 			${Pt()};
 
-			display: inline-block;
-
 			color: var(--m-text-color);
+			display: var(--m-text-display);
 		}
 
 		.-body-lg-bold {
@@ -667,6 +683,13 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
 		.-table-header-sm {
 			${Pt("table-header-sm")};
 		}
+
+		.-ellipsized {
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+			max-width: var(--m-text-max-width);
+		}
 	`],window.customElements.define("m-text",fe);class ve extends re{static get properties(){return{variant:{type:String},dismissible:{type:Boolean},dismissed:{type:Boolean,reflect:!0}}}constructor(){super(),$e.set(this,void 0),ye.set(this,(()=>{this.dismissed=!0,this.emit("m-dismiss",{composed:!0})})),this.variant="neutral",this.dismissible=!1,this.dismissed=!1}get primaryAction(){return null==t(this,$e,"f")&&e(this,$e,this.querySelector("m-banner-action-primary"),"f"),t(this,$e,"f")}updated(t){super.updated(t),t.has("variant")&&null!=this.primaryAction&&(this.primaryAction.variant=function(t){switch(t){case"warning":return"warning";case"danger":return"danger";default:return"primary"}}(this.variant))}render(){if(this.dismissed)return x;const e=null!=this.querySelector("*[slot='description']"),o=null!=this.querySelector("*[slot='actions']"),i=v`
 			<m-close-button
 				id="close"
@@ -1599,7 +1622,7 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
 				${H("animation: skeleton-loading 1s linear infinite alternate;")};
 				width: var(--m-tag-skeleton-width);
 			}
-		`]],window.customElements.define("m-tag",yi);class vi extends re{static get properties(){return{clearable:{type:Boolean},disabled:{type:Boolean,reflect:!0},max:{type:String},maxLength:{type:Number,reflect:!0,attribute:"max-length"},min:{type:String},minLength:{type:Number,reflect:!0,attribute:"min-length"},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},size:{type:String},status:{type:String},step:{type:String},type:{type:String},value:{type:String}}}constructor(){super(),ui.add(this),this.inputElement=null,this.field=new Be(this,Wo,void 0,!0),this.clearable=!1,this.disabled=!1,this.placeholder=void 0,this.size="default",this.type="text",this.value=void 0,this.max=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","textbox")}render(){return v`
+		`]],window.customElements.define("m-tag",yi);class vi extends re{static get properties(){return{clearable:{type:Boolean},disabled:{type:Boolean,reflect:!0},max:{type:String},maxLength:{type:Number,reflect:!0,attribute:"max-length"},min:{type:String},minLength:{type:Number,reflect:!0,attribute:"min-length"},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},size:{type:String},status:{type:String},step:{type:String},type:{type:String},value:{type:String}}}constructor(){super(),ui.add(this),this.inputElement=null,this.field=new Be(this,Wo,void 0,!0),pi.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),mi.set(this,(t=>{t.stopPropagation(),this.clear()})),this.clearable=!1,this.disabled=!1,this.placeholder=void 0,this.size="default",this.type="text",this.value=void 0,this.max=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","textbox")}render(){return v`
 			<div
 				class=${gt({container:!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"is-disabled":Boolean(this.disabled),"-status-default":"default"===t(this,ui,"m",bi).call(this),"-status-danger":"danger"===t(this,ui,"m",bi).call(this)})}
 			>
@@ -1620,17 +1643,17 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
 					step=${this.step||x}
 					value="${ct(this.value)}"
 					@change=${this.reemit}
-					@input=${t(this,ui,"m",pi)}
+					@input=${t(this,pi,"f")}
 				/>
 				${this.clearable?v`<m-close-button
 							class=${gt({clear:!0,"is-visible":t(this,ui,"m",gi).call(this)})}
 							controls="${ct(this.id)}"
-							@m-close=${t(this,ui,"m",mi)}
+							@m-close=${t(this,mi,"f")}
 							label="Clear input"
 					  ></m-close-button>`:x}
 				<slot name="trailing"></slot>
 			</div>
-		`}get input(){var t,e;return null==this.inputElement&&(this.inputElement=null!==(e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("input"))&&void 0!==e?e:null),this.inputElement}clear(){this.value="",this.input&&(this.input.value=""),this.emit("m-clear"),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}ui=new WeakSet,gi=function(){const t=this.value||"";return!this.disabled&&t.length>0},bi=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},pi=function(t){this.value=t.target.value,this.reemit(t)},mi=function(t){t.stopPropagation(),this.clear()},vi.styles=[Z`
+		`}get input(){var t,e;return null==this.inputElement&&(this.inputElement=null!==(e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("input"))&&void 0!==e?e:null),this.inputElement}clear(){this.value="",this.input&&(this.input.value=""),this.emit("m-clear"),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}pi=new WeakMap,mi=new WeakMap,ui=new WeakSet,gi=function(){const t=this.value||"";return!this.disabled&&t.length>0},bi=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},vi.styles=[Z`
 		:host {
 			--m-text-field-background-color: transparent;
 			--m-text-field-border-color: ${Mt("color-border")};