@loadsmart/miranda-wc 1.31.0 → 1.31.2

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-field/text-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/text-field.styles.ts"],"names":[],"mappings":"AAMA,iBAAS,MAAM,4BAuHd;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/text-field.styles.ts"],"names":[],"mappings":"AAMA,iBAAS,MAAM,4BAwHd;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")};
 			}
@@ -1725,6 +1740,7 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
 			border: none;
 			outline: none;
 			flex: 1;
+			min-width: 0;
 
 			${Tt(0)};
 			padding-block: var(--m-text-field-padding-y);