@loadsmart/miranda-wc 1.41.0 → 1.41.1-alpha.2

package/README.md

@@ -1,3 +1,30 @@
 # Miranda WC
 
-TBD
+Miranda 4all is a web components library that serves as a standard for all Loadsmart products regarding the product's front-end technology. The goal is to offer our users a delightful, unified, and consistent experience.
+
+## Why Miranda?
+
+The name Miranda is inspired by a Brazilian singer, Sula Miranda, the queen of the truckers. Miranda also means "worthy of admiration," and that's what we want when we improve our UI quality; more admirable is our product.
+
+[Hey designers](https://www.figma.com/file/cdzUk4QUXqSvUJMiHNeoJ4/%5BComp.%5D-Miranda-4all?node-id=5%3A310&t=PlJbbrq3FANqt1hC-1), we have an extra Figma documentation that can help you apply the components to your projects.
+
+## Code Editor Integration
+
+This project is using [cem-plugin-vs-code-custom-data-generator](https://github.com/break-stuff/cem-plugin-vs-code-custom-data-generator) to generate
+a vscode.html-custom-data.json to be integrated with [Visual Studio Code](https://code.visualstudio.com/).
+
+You can read more about this feature on [Custom Data Format: Evolving HTML and CSS language features](https://code.visualstudio.com/blogs/2020/02/24/custom-data-format).
+
+To enable to enable this integration, you will need to copy and paste the following code into your _.vscode/settings.json_.
+
+```jon
+{
+  "html.customData": [
+    "./node_modules/@loadsmart/miranda-wc/dist/vscode.html-custom-data.json"
+  ]
+  // We currently don't have a CSS custom data file
+  // "css.customData": [
+  //   "./node_modules/my-component-library/vscode.css-custom-data.json"
+  // ]
+}
+```

package/dist/_commonjsHelpers-1fe14821.js

@@ -0,0 +1,2 @@
+function t(t){return t&&t.t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}export{t as g};
+//# sourceMappingURL=_commonjsHelpers-1fe14821.js.map

package/dist/_commonjsHelpers-1fe14821.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers-1fe14821.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base-button.styles-ef6a0a49.js

@@ -0,0 +1,104 @@
+import{i as o}from"./lit-element-26769da5.js";import{g as t}from"./get-token-44e330dd.js";import{g as r}from"./get-color-token-07d651ab.js";import{d as n,o as e}from"./index-d8e55df5.js";import{t as i}from"./transition-eb314b12.js";import{t as s}from"./typography-b88b14c1.js";import{a}from"./padding-a0e1e1b3.js";import{m as l}from"./margin-bb4df92f.js";function b(){return o`
+		:host {
+			--m-button-background-color: transparent;
+			--m-button-base-size: ${t("global-height-default")};
+			--m-button-border-color: ${r("color-neutral-90")};
+			--m-button-border-radius: ${t("border-radius-s")};
+			--m-button-color: ${r("color-text-secondary")};
+			--m-button-outline-color: ${r("color-primary-100")};
+			--m-button-outline-offset: 2px;
+			--m-button-padding-x: ${t("spacing-4")};
+			--m-button-padding-y: ${t("spacing-3")};
+			/**
+			 * Useful when overriding via host :slotted query.
+			 */
+			--m-button-font-size: ${t("font-size-3")};
+		}
+
+		:host([size='small']) {
+			--m-button-base-size: ${t("global-height-small")};
+		}
+
+		:host([size='large']) {
+			--m-button-base-size: ${t("global-height-large")};
+		}
+
+		:host([variant|='icon']) {
+			--m-button-border-radius: ${t("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 {
+			${i([{property:"color"},{property:"background-color"},{property:"border-color"}])};
+
+			${s("button-md")};
+			font-size: var(--m-button-font-size);
+
+			cursor: pointer;
+			position: relative;
+
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			overflow: hidden;
+
+			block-size: 100%;
+			inline-size: 100%;
+			box-sizing: border-box;
+
+			text-decoration: none;
+
+			gap: ${t("spacing-1")};
+
+			padding-inline: var(--m-button-padding-x);
+			padding-block: var(--m-button-padding-y);
+
+			background-color: var(--m-button-background-color);
+			color: var(--m-button-color);
+			border: 1px solid var(--m-button-border-color);
+
+			border-radius: var(--m-button-border-radius);
+		}
+
+		${n(".button")} {
+			cursor: default;
+		}
+
+		${n(".button","*")} {
+			pointer-events: none;
+		}
+
+		${e.focus(".button")} {
+			outline: 1px solid var(--m-button-outline-color);
+			outline-offset: var(--m-button-outline-offset);
+		}
+
+		${e.hover(".button")} {
+			--m-button-background-color: ${r("color-background-inverted")};
+			--m-button-border-color: ${r("color-background-inverted")};
+			--m-button-color: ${r("color-text-inverted")};
+		}
+
+		::slotted(*) {
+			display: inline-flex;
+			align-items: center;
+
+			${a(0)};
+			${l(0)};
+		}
+
+		slot[name='leading']::slotted(span),
+		slot[name='trailing']::slotted(span) {
+			justify-content: center;
+		}
+	`}export{b as s};
+//# sourceMappingURL=base-button.styles-ef6a0a49.js.map

package/dist/base-button.styles-ef6a0a49.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-button.styles-ef6a0a49.js","sources":["../src/components/button/base-button.styles.ts"],"sourcesContent":[null],"names":["styles","css","token","color","transition","property","typography","disabled","on","focus","hover","p","m"],"mappings":"mWAMA,SAASA,IACR,OAAOC,CAAG;;;2BAGgBC,EAAM;8BACHC,EAAM;+BACLD,EAAM;uBACdC,EAAM;+BACEA,EAAM;;2BAEVD,EAAM;2BACNA,EAAM;;;;2BAINA,EAAM;;;;2BAINA,EAAM;;;;2BAINA,EAAM;;;;+BAIFA,EAAM;;;;;;;;;;;;;;KAchCE,EAAW,CACZ,CAAEC,SAAU,SACZ,CAAEA,SAAU,oBACZ,CAAEA,SAAU;;KAGXC,EAAW;;;;;;;;;;;;;;;;;UAiBNJ,EAAM;;;;;;;;;;;;IAYZK,EAAS;;;;IAITA,EAAS,UAAW;;;;IAIpBC,EAAGC,MAAM;;;;;IAKTD,EAAGE,MAAM;kCACqBP,EAAM;8BACVA,EAAM;uBACbA,EAAM;;;;;;;KAOxBQ,EAAE;KACFC,EAAE;;;;;;;EAQP"}

package/dist/base-layout.styles-24522bea.js

@@ -0,0 +1,42 @@
+import{_ as i}from"./tslib.es6-14a1a18b.js";import{s as d,x as t,i as a,r as n}from"./lit-element-26769da5.js";import{d as p}from"./index-89653e64.js";var r;class g extends d{constructor(){super(...arguments),r.set(this,((i,d)=>{d?this.style.setProperty(i,p.toSpacingCSSValue(d)):this.style.removeProperty(i)}))}static get properties(){return{padding:{type:String},paddingX:{type:String,attribute:"padding-x"},paddingY:{type:String,attribute:"padding-y"},paddingT:{type:String,attribute:"padding-t"},paddingB:{type:String,attribute:"padding-b"},paddingL:{type:String,attribute:"padding-l"},paddingR:{type:String,attribute:"padding-r"}}}getCSSPropertiesPrefix(){return"layout"}update(d){super.update(d);const t=this.getCSSPropertiesPrefix();d.has("padding")&&this.style.setProperty(`--m-${t}-padding`,p.toSpacingCSSValue(this.padding)),d.has("paddingX")&&i(this,r,"f").call(this,`--m-${t}-padding-x`,this.paddingX),d.has("paddingY")&&i(this,r,"f").call(this,`--m-${t}-padding-y`,this.paddingY),d.has("paddingT")&&i(this,r,"f").call(this,`--m-${t}-padding-t`,this.paddingT),d.has("paddingB")&&i(this,r,"f").call(this,`--m-${t}-padding-b`,this.paddingB),d.has("paddingL")&&i(this,r,"f").call(this,`--m-${t}-padding-l`,this.paddingL),d.has("paddingR")&&i(this,r,"f").call(this,`--m-${t}-padding-r`,this.paddingR)}render(){return t`<slot></slot>`}}function s(i){return a`
+		:host {
+			/** reset layout custom properties to avoid inheritance */
+			--m-${n(i)}-padding-x: initial;
+			--m-${n(i)}-padding-y: initial;
+			--m-${n(i)}-padding-t: initial;
+			--m-${n(i)}-padding-r: initial;
+			--m-${n(i)}-padding-b: initial;
+			--m-${n(i)}-padding-l: initial;
+			--m-${n(i)}-padding: initial;
+
+			padding-block-start: var(
+				--m-${n(i)}-padding-t,
+				var(
+					--m-${n(i)}-padding-y,
+					var(--m-${n(i)}-padding, 0)
+				)
+			);
+			padding-block-end: var(
+				--m-${n(i)}-padding-b,
+				var(
+					--m-${n(i)}-padding-y,
+					var(--m-${n(i)}-padding, 0)
+				)
+			);
+			padding-inline-start: var(
+				--m-${n(i)}-padding-l,
+				var(
+					--m-${n(i)}-padding-x,
+					var(--m-${n(i)}-padding, 0)
+				)
+			);
+			padding-inline-end: var(
+				--m-${n(i)}-padding-r,
+				var(
+					--m-${n(i)}-padding-x,
+					var(--m-${n(i)}-padding, 0)
+				)
+			);
+		}
+	`}r=new WeakMap;export{g as B,s as g};
+//# sourceMappingURL=base-layout.styles-24522bea.js.map

package/dist/base-layout.styles-24522bea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-layout.styles-24522bea.js","sources":["../src/components/layout/base-layout/base-layout.ts","../src/components/layout/base-layout/base-layout.styles.ts"],"sourcesContent":[null,null],"names":["BaseLayout","LitElement","constructor","_BaseLayout_setOrRemoveProperty","set","this","cssVar","value","style","setProperty","toSpacingCSSValue","removeProperty","properties","padding","type","String","paddingX","attribute","paddingY","paddingT","paddingB","paddingL","paddingR","getCSSPropertiesPrefix","update","changedProperties","super","cssPropertiesPrefix","has","__classPrivateFieldGet","call","render","html","getBaseLayoutStyles","css","unsafeCSS"],"mappings":"6JAQM,MAAOA,UAAmBC,EAAhC,WAAAC,uBAuFCC,EAAAC,IAAAC,MAAuB,CACtBC,EACAC,KAEIA,EACHF,KAAKG,MAAMC,YAAYH,EAAQI,EAAiBA,kBAACH,IAEjDF,KAAKG,MAAMG,eAAeL,EAC1B,GAEF,CAhGA,qBAAoBM,GACnB,MAAO,CACNC,QAAS,CAAEC,KAAMC,QACjBC,SAAU,CAAEF,KAAMC,OAAQE,UAAW,aACrCC,SAAU,CAAEJ,KAAMC,OAAQE,UAAW,aACrCE,SAAU,CAAEL,KAAMC,OAAQE,UAAW,aACrCG,SAAU,CAAEN,KAAMC,OAAQE,UAAW,aACrCI,SAAU,CAAEP,KAAMC,OAAQE,UAAW,aACrCK,SAAU,CAAER,KAAMC,OAAQE,UAAW,aAEtC,CAiBD,sBAAAM,GACC,MAAO,QACP,CAEkB,MAAAC,CAClBC,GAEAC,MAAMF,OAAOC,GAEb,MAAME,EAAsBtB,KAAKkB,yBAE7BE,EAAkBG,IAAI,YACzBvB,KAAKG,MAAMC,YACV,OAAOkB,YACPjB,EAAiBA,kBAACL,KAAKQ,UAGrBY,EAAkBG,IAAI,aACzBC,EAAAxB,KAAIF,EAAA,KAAJ2B,KAAAzB,KACC,OAAOsB,cACPtB,KAAKW,UAGHS,EAAkBG,IAAI,aACzBC,EAAAxB,KAAIF,EAAA,KAAJ2B,KAAAzB,KACC,OAAOsB,cACPtB,KAAKa,UAGHO,EAAkBG,IAAI,aACzBC,EAAAxB,KAAIF,EAAA,KAAJ2B,KAAAzB,KACC,OAAOsB,cACPtB,KAAKc,UAGHM,EAAkBG,IAAI,aACzBC,EAAAxB,KAAIF,EAAA,KAAJ2B,KAAAzB,KACC,OAAOsB,cACPtB,KAAKe,UAGHK,EAAkBG,IAAI,aACzBC,EAAAxB,KAAIF,EAAA,KAAJ2B,KAAAzB,KACC,OAAOsB,cACPtB,KAAKgB,UAGHI,EAAkBG,IAAI,aACzBC,EAAAxB,KAAIF,EAAA,KAAJ2B,KAAAzB,KACC,OAAOsB,cACPtB,KAAKiB,SAGP,CAEQ,MAAAS,GACR,OAAOC,CAAI,eACX,EC3FI,SAAUC,EAAoBN,GACnC,OAAOO,CAAG;;;SAGFC,EAAUR;SACVQ,EAAUR;SACVQ,EAAUR;SACVQ,EAAUR;SACVQ,EAAUR;SACVQ,EAAUR;SACVQ,EAAUR;;;UAGTQ,EAAUR;;WAETQ,EAAUR;eACNQ,EAAUR;;;;UAIfQ,EAAUR;;WAETQ,EAAUR;eACNQ,EAAUR;;;;UAIfQ,EAAUR;;WAETQ,EAAUR;eACNQ,EAAUR;;;;UAIfQ,EAAUR;;WAETQ,EAAUR;eACNQ,EAAUR;;;;EAKzB"}

package/dist/box-47d1be96.js

@@ -0,0 +1,21 @@
+import{i as r,r as o,x as t}from"./lit-element-26769da5.js";import{d as e}from"./index-89653e64.js";import{g as i,B as d}from"./base-layout.styles-24522bea.js";import{g as s}from"./get-token-44e330dd.js";import{g as b}from"./get-color-token-07d651ab.js";const a={padding:"spacing-4",borderRadius:"border-radius-s",borderWidth:"border-none",borderColor:"color-background-highlight",textAlign:"left"};class n extends d{static get properties(){return{...super.properties,backgroundColor:{type:String,attribute:"background-color"},borderRadius:{type:String,attribute:"border-radius"},borderWidth:{type:String,attribute:"border-width"},borderColor:{type:String,attribute:"border-color"},textAlign:{type:String,attribute:"text-align"}}}constructor(){super(),this.padding=a.padding,this.borderRadius=a.borderRadius,this.borderWidth=a.borderWidth,this.borderColor=a.borderColor,this.textAlign=a.textAlign}getCSSPropertiesPrefix(){return n.CSSPropertiesPrefix}update(r){var o,t,i,d;super.update(r),r.has("backgroundColor")&&this.style.setProperty("--m-box-background-color",null!==(o=this.backgroundColor&&e.toCSSValue(this.backgroundColor))&&void 0!==o?o:"transparent"),r.has("borderRadius")&&this.style.setProperty("--m-box-border-radius",null!==(t=this.borderRadius&&e.toCSSValue(this.borderRadius))&&void 0!==t?t:e.toCSSValue(a.borderRadius)),r.has("borderWidth")&&this.style.setProperty("--m-box-border-width",null!==(i=this.borderWidth&&e.toCSSValue(this.borderWidth))&&void 0!==i?i:e.toCSSValue(a.borderWidth)),r.has("borderColor")&&this.style.setProperty("--m-box-border-color",null!==(d=this.borderColor&&e.toCSSValue(this.borderColor))&&void 0!==d?d:e.toCSSValue(a.borderColor)),r.has("textAlign")&&this.style.setProperty("--m-box-text-align",this.textAlign||a.textAlign)}render(){return t`<slot></slot>`}}n.CSSPropertiesPrefix="box",n.styles=[i(n.CSSPropertiesPrefix),r`
+		:host {
+			--m-box-padding: ${s(a.padding)};
+			--m-box-background-color: transparent;
+			--m-box-border-radius: ${s(a.borderRadius)};
+			--m-box-border-width: ${s(a.borderWidth)};
+			--m-box-border-color: ${b(a.borderColor)};
+			--m-box-text-align: ${o(a.textAlign)};
+
+			box-sizing: border-box;
+
+			background-color: var(--m-box-background-color);
+			border-radius: var(--m-box-border-radius);
+			border-style: solid;
+			border-width: var(--m-box-border-width);
+			border-color: var(--m-box-border-color);
+			text-align: var(--m-box-text-align);
+			display: block;
+		}
+	`],window.customElements.define("m-box",n);export{n as B,a as d};
+//# sourceMappingURL=box-47d1be96.js.map

package/dist/box-47d1be96.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-47d1be96.js","sources":["../src/components/layout/box/box.constants.ts","../src/components/layout/box/box.ts","../src/components/layout/box/box.styles.ts"],"sourcesContent":[null,null,null],"names":["defaultBoxProps","padding","borderRadius","borderWidth","borderColor","textAlign","Box","BaseLayout","properties","super","backgroundColor","type","String","attribute","constructor","this","getCSSPropertiesPrefix","CSSPropertiesPrefix","update","changedProperties","has","style","setProperty","_a","toCSSValue","_b","_c","_d","render","html","styles","getBaseLayoutStyles","css","token","color","unsafeCSS","window","customElements","define"],"mappings":"8PAGa,MAAAA,EAKmB,CAC/BC,QAAS,YACTC,aAAc,kBACdC,YAAa,cACbC,YAAa,6BACbC,UAAW,QCFN,MAAOC,UAAYC,EAQxB,qBAAoBC,GACnB,MAAO,IACHC,MAAMD,WACTE,gBAAiB,CAAEC,KAAMC,OAAQC,UAAW,oBAC5CX,aAAc,CAAES,KAAMC,OAAQC,UAAW,iBACzCV,YAAa,CAAEQ,KAAMC,OAAQC,UAAW,gBACxCT,YAAa,CAAEO,KAAMC,OAAQC,UAAW,gBACxCR,UAAW,CAAEM,KAAMC,OAAQC,UAAW,cAEvC,CAYD,WAAAC,GACCL,QAEAM,KAAKd,QAAUD,EAAgBC,QAC/Bc,KAAKb,aAAeF,EAAgBE,aACpCa,KAAKZ,YAAcH,EAAgBG,YACnCY,KAAKX,YAAcJ,EAAgBI,YACnCW,KAAKV,UAAYL,EAAgBK,SACjC,CAGQ,sBAAAW,GACR,OAAOV,EAAIW,mBACX,CAEkB,MAAAC,CAAOC,eACzBV,MAAMS,OAAOC,GAETA,EAAkBC,IAAI,oBACzBL,KAAKM,MAAMC,YACV,2BAC0D,QAA1DC,EAACR,KAAKL,iBAAmBc,EAAUA,WAACT,KAAKL,wBAAiB,IAAAa,EAAAA,EACzD,eAGCJ,EAAkBC,IAAI,iBACzBL,KAAKM,MAAMC,YACV,wBAEC,QADDG,EAACV,KAAKb,cAAgBsB,EAAAA,WAAWT,KAAKb,qBACrC,IAAAuB,EAAAA,EAAAD,aAAWxB,EAAgBE,eAG1BiB,EAAkBC,IAAI,gBACzBL,KAAKM,MAAMC,YACV,uBAEC,QADDI,EAACX,KAAKZ,aAAeqB,EAAAA,WAAWT,KAAKZ,oBACpC,IAAAuB,EAAAA,EAAAF,aAAWxB,EAAgBG,cAG1BgB,EAAkBC,IAAI,gBACzBL,KAAKM,MAAMC,YACV,uBAEC,QADDK,EAACZ,KAAKX,aAAeoB,EAAAA,WAAWT,KAAKX,oBACpC,IAAAuB,EAAAA,EAAAH,aAAWxB,EAAgBI,cAG1Be,EAAkBC,IAAI,cACzBL,KAAKM,MAAMC,YACV,qBACAP,KAAKV,WAAaL,EAAgBK,UAGpC,CAEQ,MAAAuB,GACR,OAAOC,CAAI,eACX,EApFgBvB,EAAmBW,oBAAG,MAEvBX,EAAAwB,OAAS,CACxBC,EAAoBzB,EAAIW,qBCPlBe,CAAG;;sBAEWC,EAAMjC,EAAgBC;;4BAEhBgC,EAAMjC,EAAgBE;2BACvB+B,EAAMjC,EAAgBG;2BACtB+B,EAAMlC,EAAgBI;yBACxB+B,EAAUnC,EAAgBK;;;;;;;;;;;;IDoFnD+B,OAAOC,eAAeC,OAAO,QAAShC"}

package/dist/card.styles-f25088bd.js

@@ -0,0 +1,92 @@
+import{i as r}from"./lit-element-26769da5.js";import{g as o}from"./get-token-44e330dd.js";import{g as d}from"./get-color-token-07d651ab.js";import{t as a}from"./typography-b88b14c1.js";function t(){return r`
+		:host {
+			--m-card-background-color: ${d("color-background-primary")};
+		}
+
+		.m-card {
+			position: relative;
+			display: flex;
+			flex-direction: row;
+
+			background-color: var(--m-card-background-color);
+			border-radius: ${o("border-radius-s")};
+			border: solid 1px ${d("color-divider")};
+		}
+
+		.m-card-flag {
+			position: absolute;
+			top: -1px;
+			bottom: -1px;
+			left: -1px;
+			display: block;
+
+			box-sizing: border-box;
+			border: 1px solid var(--m-card-flag-color);
+			background-color: var(--m-card-flag-color);
+			width: ${o("border-thick")};
+			border-top-left-radius: ${o("border-radius-s")};
+			border-top-right-radius: 0;
+			border-bottom-right-radius: 0;
+			border-bottom-left-radius: ${o("border-radius-s")};
+		}
+
+		.m-card-content {
+			display: flex;
+			flex: 1;
+			flex-direction: column;
+		}
+
+		::slotted(m-divider) {
+			--m-divider-margin-top: ${o("spacing-4")};
+		}
+	`}function i(){return r`
+		:host {
+			--m-card-body-padding-x: ${o("spacing-4")};
+			--m-card-body-padding-y: ${o("spacing-4")};
+		}
+
+		.m-card-body {
+			padding: var(--m-card-body-padding-y) var(--m-card-body-padding-x);
+		}
+	`}function e(){return r`
+		:host {
+			--m-card-subtitle-margin-top: ${o("spacing-2")};
+			--m-card-subtitle-padding-x: ${o("spacing-4")};
+			--m-card-subtitle-padding-y: 0;
+		}
+
+		.m-card-subtitle {
+			${a("body-md")};
+
+			margin-block-start: var(--m-card-subtitle-margin-top);
+			padding: var(--m-card-subtitle-padding-y) var(--m-card-subtitle-padding-x);
+
+			color: ${d("color-text-tertiary")};
+		}
+	`}function n(){return r`
+		:host {
+			--m-card-title-padding-x: ${o("spacing-4")};
+			--m-card-title-padding-top: ${o("spacing-4")};
+		}
+
+		.m-card-title {
+			padding: var(--m-card-title-padding-top) var(--m-card-title-padding-x) 0;
+
+			${a("heading-sm-bold")};
+			color: ${d("color-text-primary")};
+		}
+
+		slot[name='leading']::slotted(*) {
+			display: inline-flex;
+			flex-flow: row nowrap;
+			align-items: center;
+			justify-content: center;
+			pointer-events: none;
+			margin-inline-end: ${o("spacing-1")};
+		}
+	`}function c(){return r`
+		:host {
+			--m-divider-margin-top: ${o("spacing-4")};
+		}
+	`}export{i as a,e as b,t as c,n as d,c as e};
+//# sourceMappingURL=card.styles-f25088bd.js.map

package/dist/card.styles-f25088bd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.styles-f25088bd.js","sources":["../src/components/card/card.styles.ts"],"sourcesContent":[null],"names":["cardStyles","css","color","token","cardBodyStyles","cardSubtitleStyles","typography","cardTitleStyles","cardDividerStyles"],"mappings":"kMAKgBA,IACf,OAAOC,CAAG;;gCAEqBC,EAAM;;;;;;;;;oBASlBC,EAAM;uBACHD,EAAM;;;;;;;;;;;;;YAajBC,EAAM;6BACWA,EAAM;;;gCAGHA,EAAM;;;;;;;;;;6BAUTA,EAAM;;EAGnC,UAEgBC,IACf,OAAOH,CAAG;;8BAEmBE,EAAM;8BACNA,EAAM;;;;;;EAOpC,UAEgBE,IACf,OAAOJ,CAAG;;mCAEwBE,EAAM;kCACPA,EAAM;;;;;KAKnCG,EAAW;;;;;YAKJJ,EAAM;;EAGlB,UAEgBK,IACf,OAAON,CAAG;;+BAEoBE,EAAM;iCACJA,EAAM;;;;;;KAMlCG,EAAW;YACJJ,EAAM;;;;;;;;;wBASMC,EAAM;;EAG9B,UAEgBK,IACf,OAAOP,CAAG;;6BAEkBE,EAAM;;EAGnC"}

package/dist/class-map-fe8f3591.js

@@ -0,0 +1,7 @@
+import{T as t}from"./lit-element-26769da5.js";import{e as i,i as s,t as e}from"./directive-ee0c609c.js";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const r=i(class extends s{constructor(t){var i;if(super(t),t.type!==e.ATTRIBUTE||"class"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((i=>t[i])).join(" ")+" "}update(i,[s]){var e,r;if(void 0===this.it){this.it=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!(null===(e=this.nt)||void 0===e?void 0:e.has(t))&&this.it.add(t);return this.render(s)}const n=i.element.classList;this.it.forEach((t=>{t in s||(n.remove(t),this.it.delete(t))}));for(const t in s){const i=!!s[t];i===this.it.has(t)||(null===(r=this.nt)||void 0===r?void 0:r.has(t))||(i?(n.add(t),this.it.add(t)):(n.remove(t),this.it.delete(t)))}return t}});export{r as o};
+//# sourceMappingURL=class-map-fe8f3591.js.map

package/dist/class-map-fe8f3591.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-map-fe8f3591.js","sources":["../../../node_modules/lit-html/directives/class-map.js"],"sourcesContent":["import{noChange as t}from\"../lit-html.js\";import{directive as i,Directive as s,PartType as r}from\"../directive.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=i(class extends s{constructor(t){var i;if(super(t),t.type!==r.ATTRIBUTE||\"class\"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error(\"`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.\")}render(t){return\" \"+Object.keys(t).filter((i=>t[i])).join(\" \")+\" \"}update(i,[s]){var r,o;if(void 0===this.it){this.it=new Set,void 0!==i.strings&&(this.nt=new Set(i.strings.join(\" \").split(/\\s/).filter((t=>\"\"!==t))));for(const t in s)s[t]&&!(null===(r=this.nt)||void 0===r?void 0:r.has(t))&&this.it.add(t);return this.render(s)}const e=i.element.classList;this.it.forEach((t=>{t in s||(e.remove(t),this.it.delete(t))}));for(const t in s){const i=!!s[t];i===this.it.has(t)||(null===(o=this.nt)||void 0===o?void 0:o.has(t))||(i?(e.add(t),this.it.add(t)):(e.remove(t),this.it.delete(t)))}return t}});export{o as classMap};\n//# sourceMappingURL=class-map.js.map\n"],"names":["o","i","s","constructor","t","super","type","r","ATTRIBUTE","name","strings","length","Error","render","Object","keys","filter","join","update","this","it","Set","nt","split","has","add","e","element","classList","forEach","remove","delete"],"mappings":";;;;;GAKQ,MAACA,EAAEC,EAAE,cAAcC,EAAE,WAAAC,CAAYC,GAAG,IAAIH,EAAE,GAAGI,MAAMD,GAAGA,EAAEE,OAAOC,EAAEC,WAAW,UAAUJ,EAAEK,OAAO,QAAQR,EAAEG,EAAEM,eAAU,IAAST,OAAE,EAAOA,EAAEU,QAAQ,EAAE,MAAMC,MAAM,qGAAqG,CAAC,MAAAC,CAAOT,GAAG,MAAM,IAAIU,OAAOC,KAAKX,GAAGY,QAAQf,GAAGG,EAAEH,KAAKgB,KAAK,KAAK,GAAG,CAAC,MAAAC,CAAOjB,GAAGC,IAAI,IAAIK,EAAEP,EAAE,QAAG,IAASmB,KAAKC,GAAG,CAACD,KAAKC,GAAG,IAAIC,SAAI,IAASpB,EAAES,UAAUS,KAAKG,GAAG,IAAID,IAAIpB,EAAES,QAAQO,KAAK,KAAKM,MAAM,MAAMP,QAAQZ,GAAG,KAAKA,MAAM,IAAI,MAAMA,KAAKF,EAAEA,EAAEE,MAAM,QAAQG,EAAEY,KAAKG,UAAK,IAASf,OAAE,EAAOA,EAAEiB,IAAIpB,KAAKe,KAAKC,GAAGK,IAAIrB,GAAG,OAAOe,KAAKN,OAAOX,EAAE,CAAC,MAAMwB,EAAEzB,EAAE0B,QAAQC,UAAUT,KAAKC,GAAGS,SAASzB,IAAIA,KAAKF,IAAIwB,EAAEI,OAAO1B,GAAGe,KAAKC,GAAGW,OAAO3B,GAAI,IAAG,IAAI,MAAMA,KAAKF,EAAE,CAAC,MAAMD,IAAIC,EAAEE,GAAGH,IAAIkB,KAAKC,GAAGI,IAAIpB,KAAK,QAAQJ,EAAEmB,KAAKG,UAAK,IAAStB,OAAE,EAAOA,EAAEwB,IAAIpB,MAAMH,GAAGyB,EAAED,IAAIrB,GAAGe,KAAKC,GAAGK,IAAIrB,KAAKsB,EAAEI,OAAO1B,GAAGe,KAAKC,GAAGW,OAAO3B,IAAI,CAAC,OAAOA,CAAC","x_google_ignoreList":[0]}

package/dist/component-e7cf11f6.js

@@ -0,0 +1,2 @@
+import{s as t}from"./lit-element-26769da5.js";class s extends t{constructor(){super(...arguments),this.emit=(t,s)=>{const e=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,...s});this.dispatchEvent(e)},this.reemit=t=>{!function(t,s){!s.bubbles||t.shadowRoot&&!s.composed||s.stopPropagation();const e=Reflect.construct(s.constructor,[s.type,s]),o=t.dispatchEvent(e);o||s.preventDefault()}(this,t)}}}export{s as C};
+//# sourceMappingURL=component-e7cf11f6.js.map

package/dist/component-e7cf11f6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-e7cf11f6.js","sources":["../src/components/component/component.ts","../src/utils/events.ts"],"sourcesContent":[null,null],"names":["Component","LitElement","constructor","this","emit","eventName","options","event","CustomEvent","bubbles","cancelable","composed","dispatchEvent","reemit","element","shadowRoot","stopPropagation","copy","Reflect","construct","type","dispatched","preventDefault","redispatchEvent"],"mappings":"8CAIM,MAAOA,UAAkBC,EAA/B,WAAAC,uBACWC,KAAAC,KAAO,CAAIC,EAAmBC,KACvC,MAAMC,EAAQ,IAAIC,YAAeH,EAAW,CAC3CI,SAAS,EACTC,YAAY,EACZC,UAAU,KACPL,IAGJH,KAAKS,cAAcL,EAAM,EAkBhBJ,KAAAU,OAAUN,KCRL,SAAgBO,EAAkBP,IAK7CA,EAAME,SAAaK,EAAQC,aAAcR,EAAMI,UAClDJ,EAAMS,kBAGP,MAAMC,EAAOC,QAAQC,UAAUZ,EAAML,YAAa,CAACK,EAAMa,KAAMb,IACzDc,EAAaP,EAAQF,cAAcK,GACpCI,GACJd,EAAMe,gBAIR,CDPEC,CAAgBpB,KAAMI,EAAM,CAE7B"}

package/dist/components/banner/banner-action-primary.js

@@ -0,0 +1,2 @@
+import{Button as t}from"../button/button.js";import"../../tslib.es6-14a1a18b.js";import"../../polymorphic-tag-ea0d4568.js";import"../../lit-element-26769da5.js";import"../../if-defined-91a7eb3e.js";import"../../class-map-fe8f3591.js";import"../../directive-ee0c609c.js";import"../form-control/form-control.js";import"../../get-token-44e330dd.js";import"../../index-89653e64.js";import"../../get-color-token-07d651ab.js";import"../../index-d8e55df5.js";import"../../to-array-5c3637ca.js";import"../../_commonjsHelpers-1fe14821.js";import"../../base-button.styles-ef6a0a49.js";import"../../transition-eb314b12.js";import"../../typography-b88b14c1.js";import"../../padding-a0e1e1b3.js";import"../../margin-bb4df92f.js";class o extends t{constructor(){super(),this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","primary-action")}}window.customElements.define("m-banner-action-primary",o);export{o as BannerActionPrimary};
+//# sourceMappingURL=banner-action-primary.js.map

package/dist/components/banner/banner-action-primary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-action-primary.js","sources":["../../../src/components/banner/banner-action-primary.ts"],"sourcesContent":[null],"names":["BannerActionPrimary","Button","constructor","super","this","size","connectedCallback","setAttribute","window","customElements","define"],"mappings":"4sBAEM,MAAOA,UAA4BC,EACxC,WAAAC,GACCC,QAEAC,KAAKC,KAAO,OACZ,CAEQ,iBAAAC,GACRH,MAAMG,oBAGNF,KAAKG,aAAa,OAAQ,iBAC1B,EAGFC,OAAOC,eAAeC,OAAO,0BAA2BV"}

package/dist/components/banner/banner-action-secondary.js

@@ -0,0 +1,2 @@
+import{Button as t}from"../button/button.js";import"../../tslib.es6-14a1a18b.js";import"../../polymorphic-tag-ea0d4568.js";import"../../lit-element-26769da5.js";import"../../if-defined-91a7eb3e.js";import"../../class-map-fe8f3591.js";import"../../directive-ee0c609c.js";import"../form-control/form-control.js";import"../../get-token-44e330dd.js";import"../../index-89653e64.js";import"../../get-color-token-07d651ab.js";import"../../index-d8e55df5.js";import"../../to-array-5c3637ca.js";import"../../_commonjsHelpers-1fe14821.js";import"../../base-button.styles-ef6a0a49.js";import"../../transition-eb314b12.js";import"../../typography-b88b14c1.js";import"../../padding-a0e1e1b3.js";import"../../margin-bb4df92f.js";class o extends t{constructor(){super(),this.variant="tertiary",this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","secondary-action")}}window.customElements.define("m-banner-action-secondary",o);export{o as BannerActionSecondary};
+//# sourceMappingURL=banner-action-secondary.js.map

package/dist/components/banner/banner-action-secondary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-action-secondary.js","sources":["../../../src/components/banner/banner-action-secondary.ts"],"sourcesContent":[null],"names":["BannerActionSecondary","Button","constructor","super","this","variant","size","connectedCallback","setAttribute","window","customElements","define"],"mappings":"4sBAEM,MAAOA,UAA8BC,EAC1C,WAAAC,GACCC,QAEAC,KAAKC,QAAU,WACfD,KAAKE,KAAO,OACZ,CAEQ,iBAAAC,GACRJ,MAAMI,oBAGNH,KAAKI,aAAa,OAAQ,mBAC1B,EAGFC,OAAOC,eAAeC,OACrB,4BACAX"}

package/dist/components/banner/banner-actions.js

@@ -0,0 +1,11 @@
+import{i as t,s as e,x as n}from"../../lit-element-26769da5.js";import{g as o}from"../../get-token-44e330dd.js";import"../../index-89653e64.js";class s extends e{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}render(){return n`
+			<slot name="secondary-action"></slot>
+			<slot name="primary-action"></slot>
+		`}}s.styles=[t`
+		:host {
+			display: flex;
+			justify-content: flex-end;
+			gap: ${o("spacing-2")};
+		}
+	`],window.customElements.define("m-banner-actions",s);export{s as BannerActions};
+//# sourceMappingURL=banner-actions.js.map

package/dist/components/banner/banner-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-actions.js","sources":["../../../src/components/banner/banner-actions.ts","../../../src/components/banner/banner-actions.styles.ts"],"sourcesContent":[null,null],"names":["BannerActions","LitElement","connectedCallback","super","this","setAttribute","render","html","styles","css","token","window","customElements","define"],"mappings":"gJAIM,MAAOA,UAAsBC,EAGzB,iBAAAC,GACRC,MAAMD,oBAGNE,KAAKC,aAAa,OAAQ,UAC1B,CAEQ,MAAAC,GACR,OAAOC,CAAI;;;GAIX,EAdeP,EAAAQ,OAAS,CCAlBC,CAAG;;;;UAIDC,EAAM;;IDahBC,OAAOC,eAAeC,OAAO,mBAAoBb"}

package/dist/components/banner/banner-description.js

@@ -0,0 +1,7 @@
+import{i as o,s as t,x as e}from"../../lit-element-26769da5.js";import{g as r}from"../../get-color-token-07d651ab.js";import{t as s}from"../../typography-b88b14c1.js";import"../../index-89653e64.js";import"../../get-token-44e330dd.js";class n extends t{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","description")}render(){return e`<slot></slot>`}}n.styles=[o`
+		:host {
+			${s("body-md")};
+			color: ${r("color-text-secondary")};
+		}
+	`],window.customElements.define("m-banner-description",n);export{n as BannerDescription};
+//# sourceMappingURL=banner-description.js.map

package/dist/components/banner/banner-description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-description.js","sources":["../../../src/components/banner/banner-description.ts","../../../src/components/banner/banner-description.styles.ts"],"sourcesContent":[null,null],"names":["BannerDescription","LitElement","connectedCallback","super","this","setAttribute","render","html","styles","css","typography","color","window","customElements","define"],"mappings":"2OAIM,MAAOA,UAA0BC,EAG7B,iBAAAC,GACRC,MAAMD,oBAGNE,KAAKC,aAAa,OAAQ,cAC1B,CAEQ,MAAAC,GACR,OAAOC,CAAI,eACX,EAXeP,EAAAQ,OAAS,CCClBC,CAAG;;KAENC,EAAW;YACJC,EAAM;;IDUlBC,OAAOC,eAAeC,OAAO,uBAAwBd"}

package/dist/components/banner/banner-icon.js

@@ -0,0 +1,2 @@
+import{s as e,x as n}from"../../lit-element-26769da5.js";class t extends e{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","icon")}render(){return n`<slot></slot>`}}window.customElements.define("m-banner-icon",t);export{t as BannerIcon};
+//# sourceMappingURL=banner-icon.js.map

package/dist/components/banner/banner-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-icon.js","sources":["../../../src/components/banner/banner-icon.ts"],"sourcesContent":[null],"names":["BannerIcon","LitElement","connectedCallback","super","this","setAttribute","render","html","window","customElements","define"],"mappings":"yDAEM,MAAOA,UAAmBC,EACtB,iBAAAC,GACRC,MAAMD,oBAGNE,KAAKC,aAAa,OAAQ,OAC1B,CAEQ,MAAAC,GACR,OAAOC,CAAI,eACX,EAGFC,OAAOC,eAAeC,OAAO,gBAAiBV"}

package/dist/components/banner/banner-title.js

@@ -0,0 +1,7 @@
+import{i as t,s as o,x as e}from"../../lit-element-26769da5.js";import{g as r}from"../../get-color-token-07d651ab.js";import{t as s}from"../../typography-b88b14c1.js";import"../../index-89653e64.js";import"../../get-token-44e330dd.js";class l extends o{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return e`<slot></slot>`}}l.styles=[t`
+		:host {
+			${s("body-md-bold")};
+			color: ${r("color-text-secondary")};
+		}
+	`],window.customElements.define("m-banner-title",l);export{l as BannerTitle};
+//# sourceMappingURL=banner-title.js.map

package/dist/components/banner/banner-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-title.js","sources":["../../../src/components/banner/banner-title.ts","../../../src/components/banner/banner-title.styles.ts"],"sourcesContent":[null,null],"names":["BannerTitle","LitElement","connectedCallback","super","this","setAttribute","render","html","styles","css","typography","color","window","customElements","define"],"mappings":"2OAIM,MAAOA,UAAoBC,EAGvB,iBAAAC,GACRC,MAAMD,oBAGNE,KAAKC,aAAa,OAAQ,QAC1B,CAEQ,MAAAC,GACR,OAAOC,CAAI,eACX,EAXeP,EAAAQ,OAAS,CCClBC,CAAG;;KAENC,EAAW;YACJC,EAAM;;IDUlBC,OAAOC,eAAeC,OAAO,iBAAkBd"}

package/dist/components/banner/banner.js

@@ -0,0 +1,94 @@
+import{_ as r,a as n}from"../../tslib.es6-14a1a18b.js";import{i as o,A as i,x as s}from"../../lit-element-26769da5.js";import{o as e}from"../../class-map-fe8f3591.js";import{C as t}from"../../component-e7cf11f6.js";import{g as a}from"../../get-token-44e330dd.js";import{g as c}from"../../get-color-token-07d651ab.js";import"../button/button.js";import"../close-button/close-button.js";import"../text/text.js";import"../icon/icon.js";import"../../directive-ee0c609c.js";import"../../index-89653e64.js";import"../../polymorphic-tag-ea0d4568.js";import"../../if-defined-91a7eb3e.js";import"../form-control/form-control.js";import"../../index-d8e55df5.js";import"../../to-array-5c3637ca.js";import"../../_commonjsHelpers-1fe14821.js";import"../../base-button.styles-ef6a0a49.js";import"../../transition-eb314b12.js";import"../../typography-b88b14c1.js";import"../../padding-a0e1e1b3.js";import"../../margin-bb4df92f.js";import"../../to-rem-486b0c16.js";import"../../style-map-463fcba3.js";import"../icon/available-icons.js";var l,m;class p extends t{static get properties(){return{variant:{type:String},dismissible:{type:Boolean},dismissed:{type:Boolean,reflect:!0}}}constructor(){super(),l.set(this,void 0),m.set(this,(()=>{this.dismissed=!0,this.emit("m-dismiss",{composed:!0})})),this.variant="neutral",this.dismissible=!1,this.dismissed=!1}get primaryAction(){return null==r(this,l,"f")&&n(this,l,this.querySelector("m-banner-action-primary"),"f"),r(this,l,"f")}updated(r){super.updated(r),r.has("variant")&&null!=this.primaryAction&&(this.primaryAction.variant=function(r){switch(r){case"warning":return"warning";case"danger":return"danger";default:return"primary"}}(this.variant))}render(){if(this.dismissed)return i;const n=null!=this.querySelector("*[slot='description']"),o=null!=this.querySelector("*[slot='actions']"),t=s`
+			<m-close-button
+				id="close"
+				label="Dismiss"
+				@click=${r(this,m,"f")}
+			></m-close-button>
+		`;return s`
+			<div
+				class=${e({banner:!0,"-success":"success"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-with-description":n})}
+			>
+				<div class="wrapper">
+					<slot name="icon">
+						<m-icon name="${function(r){switch(r){case"success":return"check";case"warning":case"danger":return"attention";default:return"info-circle"}}(this.variant)}"></m-icon>
+					</slot>
+					<div class="content">
+						<slot name="title"></slot>
+						<slot name="description"></slot>
+					</div>
+					${this.dismissible&&!o?t:i}
+				</div>
+				<slot name="actions"></slot>
+			</div>
+		`}}l=new WeakMap,m=new WeakMap,p.styles=[o`
+		:host {
+			display: block;
+			width: 100%;
+		}
+
+		:host([dismissed]) {
+			display: none;
+		}
+
+		.banner {
+			background-color: var(
+				--m-banner-background-color,
+				${c("color-background-secondary")}
+			);
+			border: var(--m-banner-border, 1px solid ${c("color-border")});
+			border-radius: var(--m-banner-border-radius, ${a("border-radius-m")});
+			padding-inline: var(--m-banner-padding-x, ${a("spacing-6")});
+			padding-block: var(--m-banner-padding-y, ${a("spacing-4")});
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: flex-end;
+			gap: ${a("spacing-6")};
+		}
+
+		.banner.-success {
+			--m-banner-background-color: ${c("color-success-20")};
+			--m-banner-border: 1px solid ${c("color-success-20")};
+			--m-banner-icon-color: ${c("color-success-60")};
+		}
+
+		.banner.-warning {
+			--m-banner-background-color: ${c("color-warning-20")};
+			--m-banner-border: 1px solid ${c("color-warning-20")};
+			--m-banner-icon-color: ${c("color-warning-100")};
+		}
+
+		.banner.-danger {
+			--m-banner-background-color: ${c("color-danger-20")};
+			--m-banner-border: 1px solid ${c("color-danger-20")};
+			--m-banner-icon-color: ${c("color-danger-60")};
+		}
+
+		.banner.-with-description {
+			flex-direction: column;
+		}
+
+		.wrapper {
+			display: flex;
+			gap: ${a("spacing-6")};
+			align-items: center;
+			flex-grow: 1;
+		}
+
+		slot[name='icon'] > m-icon,
+		slot[name='icon']::slotted(*) {
+			--m-icon-color: var(--m-banner-icon-color, ${c("color-neutral-90")});
+			--m-icon-size: var(--m-banner-icon-size, 24px);
+
+			fill: var(--m-banner-icon-color, ${c("color-neutral-90")});
+			block-size: var(--m-banner-icon-size, 24px);
+			inline-size: var(--m-banner-icon-size, 24px);
+		}
+
+		.content {
+			display: flex;
+			flex-direction: column;
+			flex-grow: 1;
+			gap: ${a("spacing-1")};
+		}
+	`],window.customElements.define("m-banner",p);export{p as Banner};
+//# sourceMappingURL=banner.js.map

package/dist/components/banner/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.ts","../../../src/components/banner/banner.styles.ts"],"sourcesContent":[null,null],"names":["Banner","Component","properties","variant","type","String","dismissible","Boolean","dismissed","reflect","constructor","super","_Banner_primaryAction","set","this","_Banner_handleDismissClick","emit","composed","primaryAction","__classPrivateFieldGet","__classPrivateFieldSet","querySelector","updated","changedProperties","has","getPrimaryActionVariant","render","nothing","hasDescription","hasActions","closeButton","html","classMap","banner","getIcon","styles","css","color","token","window","customElements","define"],"mappings":"ogCAuDM,MAAOA,UAAeC,EAG3B,qBAAoBC,GACnB,MAAO,CACNC,QAAS,CAAEC,KAAMC,QACjBC,YAAa,CAAEF,KAAMG,SACrBC,UAAW,CAAEJ,KAAMG,QAASE,SAAS,GAEtC,CAuBD,WAAAC,GACCC,QAHDC,EAA4CC,IAAAC,UAAA,GAoE5CC,EAAAF,IAAAC,MAAsB,KACrBA,KAAKN,WAAY,EAEjBM,KAAKE,KAAK,YAAa,CAAEC,UAAU,GAAO,IAlE1CH,KAAKX,QAAU,UACfW,KAAKR,aAAc,EACnBQ,KAAKN,WAAY,CACjB,CAED,iBAAIU,GAKH,OAJ2B,MAAvBC,EAAAL,KAAmBF,EAAA,MACtBQ,EAAAN,OAAsBA,KAAKO,cAAc,2BAA0B,KAG7DF,EAAAL,KAAIF,EAAA,IACX,CAEQ,OAAAU,CAAQC,GAChBZ,MAAMW,QAAQC,GAGVA,EAAkBC,IAAI,YAAoC,MAAtBV,KAAKI,gBAC5CJ,KAAKI,cAAcf,QA3EtB,SAAiCA,GAChC,OAAQA,GACP,IAAK,UACJ,MAAO,UAER,IAAK,SACJ,MAAO,SAIR,QACC,MAAO,UAGV,CA6DgCsB,CAAwBX,KAAKX,SAE3D,CAEQ,MAAAuB,GACR,GAAIZ,KAAKN,UACR,OAAOmB,EAGR,MAAMC,EAAgE,MAA/Cd,KAAKO,cAAc,yBACpCQ,EAAwD,MAA3Cf,KAAKO,cAAc,qBAEhCS,EAAcC,CAAI;;;;aAIbZ,EAAAL,KAAwBC,EAAA;;IAInC,OAAOgB,CAAI;;YAEDC,EAAS,CAChBC,QAAQ,EACR,WAA6B,YAAjBnB,KAAKX,QACjB,WAA6B,YAAjBW,KAAKX,QACjB,UAA4B,WAAjBW,KAAKX,QAChB,oBAAqByB;;;;sBAtH1B,SAAiBzB,GAChB,OAAQA,GACP,IAAK,UACJ,MAAO,QAER,IAAK,UACL,IAAK,SACJ,MAAO,YAGR,QACC,MAAO,cAGV,CA6GsB+B,CAAQpB,KAAKX;;;;;;OAM5BW,KAAKR,cAAgBuB,EAAaC,EAAcH;;;;GAKrD,8BA/Fe3B,EAAAmC,OAAS,CClDlBC,CAAG;;;;;;;;;;;;;MAaLC,EAAM;;8CAEkCA,EAAM;kDACFC,EAAM;+CACTA,EAAM;8CACPA,EAAM;;;;UAI1CA,EAAM;;;;kCAIkBD,EAAM;kCACNA,EAAM;4BACZA,EAAM;;;;kCAIAA,EAAM;kCACNA,EAAM;4BACZA,EAAM;;;;kCAIAA,EAAM;kCACNA,EAAM;4BACZA,EAAM;;;;;;;;;UASxBC,EAAM;;;;;;;gDAOgCD,EAAM;;;sCAGhBA,EAAM;;;;;;;;;UASlCC,EAAM;;IDsFhBC,OAAOC,eAAeC,OAAO,WAAYzC"}

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

@@ -17,6 +17,29 @@ export interface ButtonProps {
     target?: ButtonTarget;
 }
 declare const Button_base: import("../../mixins/polymorphic-tag/polymorphic-tag.types").Constructor<import("../../mixins/polymorphic-tag/polymorphic-tag.types").PolymorphicTagInterface> & typeof FormControl;
+/**
+ *
+ * Buttons drive the user to an action. Their labels should clearly communicate what action will occur when the user interacts with them.
+ *
+ * Use it like this:
+ * ```html
+ * <m-button>
+ *   <span slot="leading">&clubs;</span>
+ *   Click
+ *   <span slot="trailing">&spades;</span>
+ * <m-button>
+ * ```
+ *
+ * @tag m-button
+ *
+ * @slot leading - Element to be rendered before the main content
+ * @slot trailing - Element to be rendered after the main content
+ *
+ * @cssproperty [--m-button-background-color=color-primary-60] - Controls the button's background-color
+ *
+ * @reference Documentation - https://miranda.loadsmart.com/?path=/docs/components-button--playground
+ *
+ */
 export declare class Button extends Button_base {
     #private;
     static styles: import("lit").CSSResult[][];

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,MAAM,MAAM,aAAa,GACtB,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,QAAQ,GACR,MAAM,GACN,gBAAgB,CAAC;AAEpB,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,KAAK,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;CACtB;;AAED,qBAAa,MAAO,SAAQ,WAI3B;;IACA,OAAgB,MAAM,8BAAc;IAEpC,WAAoB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAe7B;IAED;;OAEG;IACK,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAExC;;OAEG;IACK,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAE1C;;OAEG;IACK,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAExC;;OAEG;IACK,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAElC;;;;OAIG;IACK,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAE1C;;OAEG;IACK,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAElC;;OAEG;IACK,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAElC;;SAEK;IACG,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEtC;;OAEG;IACK,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;;IAejC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;cAMlB,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cASrD,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQhE,MAAM;IA8CN,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;CAwDxD;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,MAAM,CAAC;KACnB;CACD"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,MAAM,MAAM,aAAa,GACtB,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,QAAQ,GACR,MAAM,GACN,gBAAgB,CAAC;AAEpB,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,KAAK,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;CACtB;;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,MAAO,SAAQ,WAI3B;;IACA,OAAgB,MAAM,8BAAc;IAEpC,WAAoB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAe7B;IAED;;OAEG;IACK,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAExC;;OAEG;IACK,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAE1C;;OAEG;IACK,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAExC;;OAEG;IACK,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAElC;;;;OAIG;IACK,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAE1C;;OAEG;IACK,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAElC;;OAEG;IACK,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAElC;;SAEK;IACG,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEtC;;OAEG;IACK,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;;IAejC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;cAMlB,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cASrD,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQhE,MAAM;IA8CN,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,GAAG,IAAI;CAwDxD;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,MAAM,CAAC;KACnB;CACD"}