@maggioli-design-system/magma 1.11.8 → 1.12.0

package/dist/collection/components/mds-author/mds-author.js

@@ -8,8 +8,8 @@ export class MdsAuthor {
         this.hasAvatar = this.hostElement.querySelector(':scope > [slot="avatar"]') !== null;
     }
     render() {
-        return (h(Host, { key: '4c7a9747973a4caddf1c8336a242ffa9b242d3c3' }, this.hasAvatar &&
-            h("div", { key: 'b03113e40e86ebf13af6b92bc6bfa5d3475a88e5', class: "avatar" }, h("slot", { key: 'b199f8de0da9156d88242c300ebf326e12d3e0c6', name: "avatar" })), h("div", { key: 'ca65258f5e6c1fd6bc017d28e6aeede5372f5c79', class: "info" }, h("slot", { key: '589b5d416de22656c0b84f4699055f174c95fc47' }))));
+        return (h(Host, { key: '6e11c7c0c249596f71a1c8366260de4860d10c81' }, this.hasAvatar &&
+            h("div", { key: 'b41bd067d754ea6608621fccc51dd6029fd5f878', class: "avatar" }, h("slot", { key: '8f081d0069fabf7a36214873873a214b52289336', name: "avatar" })), h("div", { key: '025a5d5749ef5e2a3edd4d202769d525a7572337', class: "info" }, h("slot", { key: '9bfc69fc97d959e6d43a768c00b9874951362685' }))));
     }
     static get is() { return "mds-author"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-avatar/mds-avatar.js

@@ -101,7 +101,7 @@ export class MdsAvatar {
         }
     }
     render() {
-        return (h(Host, { key: '64433ea949012f5ceec45ad29de751e7ba87f97e' }, h("div", { key: '3664c4b74a7e940223ee3481c94207b4d24838d6', class: clsx('avatar', this.initials && !this.fallback && !this.src && 'avatar--initials', (this.fallback || (!this.icon && !this.initials && !this.src)) && 'avatar--fallback', this.icon && 'avatar--icon', this.loaded ? 'avatar--loaded' : 'avatar--pending'), part: "wrapper" }, this.initials && !this.count && !this.fallback && !this.src && h("div", { key: '0940bf43411a2be1bfa6d5db6d17c1c2a5f8d18e', class: "initials-text" }, h("span", { key: '9de6cb115b495ede6cce4a92a5dcad2154de7088', class: "fit" }, this.initials.substring(0, 2))), this.count && !this.fallback && !this.src && h("div", { key: '1b5acfeccfaf10fcbbf762f45dc356b608bef5f8', class: "initials-text" }, h("span", { key: '229767c65da4241dfaf79f376c48c00cd20eb599', class: "fit" }, "+", this.count)), this.src && !this.count && !this.fallback && !this.icon && h("mds-img", { key: '108e496baf71405e7d05d81300100e9edf8dcf5a', class: "image", loading: "lazy", onMdsImgLoadError: () => { this.loaded = true; this.fallback = true; }, onMdsImgLoadSuccess: () => { this.loaded = true; }, src: this.src }), this.icon && !this.initials && !this.count && h("mds-icon", { key: '92641655a651f02379203b688a98600b47e00075', class: "icon", part: "icon", name: this.icon }), (this.fallback || (!this.icon && !this.initials && !this.count && !this.src)) && h("i", { key: 'aa63181c39b84bda3dfac8718dbe5aa361f2341c', class: "fallback-icon", innerHTML: miBaselinePerson }))));
+        return (h(Host, { key: 'c3306ee1be95f9d93dcb0a102cb837f7a8d6dd18' }, h("div", { key: '43368870688c2972acf1b2e2e64a986b78643f43', class: clsx('avatar', this.initials && !this.fallback && !this.src && 'avatar--initials', (this.fallback || (!this.icon && !this.initials && !this.src)) && 'avatar--fallback', this.icon && 'avatar--icon', this.loaded ? 'avatar--loaded' : 'avatar--pending'), part: "wrapper" }, this.initials && !this.count && !this.fallback && !this.src && h("div", { key: '05d3820664d87acd0ae30f7526c457fef57d4ffd', class: "initials-text" }, h("span", { key: 'b24f8030d87f012fb00f532db07f7862c2f7dc10', class: "fit" }, this.initials.substring(0, 2))), this.count && !this.fallback && !this.src && h("div", { key: '6412b1d878bf29eeac7e7876cfdd443130a0c50b', class: "initials-text" }, h("span", { key: '2f92908d5d316b1fd4135b2d1861efd449a524d5', class: "fit" }, "+", this.count)), this.src && !this.count && !this.fallback && !this.icon && h("mds-img", { key: '116955f0a699604d2f40796298fbd3a3803cd9e5', class: "image", loading: "lazy", onMdsImgLoadError: () => { this.loaded = true; this.fallback = true; }, onMdsImgLoadSuccess: () => { this.loaded = true; }, src: this.src }), this.icon && !this.initials && !this.count && h("mds-icon", { key: '403e8c8ff2e3232101779ba5789f52dbd0b5b028', class: "icon", part: "icon", name: this.icon }), (this.fallback || (!this.icon && !this.initials && !this.count && !this.src)) && h("i", { key: '3899d50da7833d44c2c51aeac5224f46e5b65428', class: "fallback-icon", innerHTML: miBaselinePerson }))));
     }
     static get is() { return "mds-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-avatar-stack/mds-avatar-stack.js

@@ -4,7 +4,7 @@ export class MdsAvatarStack {
         this.items = this.host.querySelectorAll(':scope > mds-avatar-stack-item');
     }
     render() {
-        return (h(Host, { key: '78b181f364fbe7f2e34fb08d8b3867539adf5459' }, h("slot", { key: 'ef96805b4ccccf1ce1af8bfcc445dceadfb0501a' }), this.total !== undefined && this.total - this.items.length > 0 && h("mds-avatar-stack-item", { key: '62c1e61f5f0ef9602ba9c11b068bd6230ec3d5b0', count: this.total - this.items.length })));
+        return (h(Host, { key: '67b032fe88171cab309b73832dea41d4e5b5d279' }, h("slot", { key: '2aff2dfc024c39b1cd31ea5626972f50ce06254a' }), this.total !== undefined && this.total - this.items.length > 0 && h("mds-avatar-stack-item", { key: 'bfc70722395cbc1997a0b22888e249769344a1a4', count: this.total - this.items.length })));
     }
     static get is() { return "mds-avatar-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-avatar-stack-item/mds-avatar-stack-item.js

@@ -7,7 +7,7 @@ export class MdsAvatarStackItem {
         this.tone = 'weak';
     }
     render() {
-        return (h(Host, { key: 'bef80f049650922b8b2d3ce5683d14a3a7e94545' }, h("mds-avatar", { key: 'ae7f73781540f2e63351acf8a64b18a0f836d7cc', class: "avatar", count: this.count, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant })));
+        return (h(Host, { key: '5e81510d889eb20e72a5c8534f0bd415047023be' }, h("mds-avatar", { key: '7dd1b1a0eb453faee2948dfabf62d8f39ccec5aa', class: "avatar", count: this.count, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant })));
     }
     static get is() { return "mds-avatar-stack-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-badge/mds-badge.js

@@ -18,7 +18,7 @@ export class MdsBadge {
         this.typography = 'option';
     }
     render() {
-        return (h(Host, { key: '24f9910c73965f56d99f09f189e31444b6131fc6' }, h("mds-text", { key: 'aff98bdaf4742a80a1b34423597f086d3f704206', tag: "span", typography: this.typography, variant: this.typographyVariant }, h("slot", { key: '8c9fa6833b70cb4bf57f5fdff37c34fba427efaf' }))));
+        return (h(Host, { key: 'aa594b056692eb558a04e7adbfa9c677c1c7f1fb' }, h("mds-text", { key: 'de789dae87de907f8424aff3706361516a4306f4', tag: "span", typography: this.typography, variant: this.typographyVariant }, h("slot", { key: '905909c0a22767fc1de32037f0b18af0d322f7c4' }))));
     }
     static get is() { return "mds-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-banner/mds-banner.js

@@ -69,9 +69,9 @@ export class MdsBanner {
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: '610f19a36fc04082371be0b3e917f8747795a23b', "aria-label": this.headline }, h("div", { key: '0f26d82ac44a38cd7af15b55dd17509a27be4f56', class: "body" }, this.icon && h("mds-icon", { key: 'e29afe75686a2ba965ff24f4893a35efd2717ad7', "aria-hidden": "true", class: "icon", name: this.icon }), h("div", { key: '789780fbadceacf87bcb74e7bec7480bfc991021', class: "content" }, this.headline && h("mds-text", { key: 'f9701f993966bbcf89f2005de2acc6cea4cf15bf', "aria-hidden": "true", class: "headline", typography: "h6" }, this.headline), h("div", { key: 'cbc6bc48a95d9f4f101eb0533d13f35a37ebb25a', class: "text" }, h("slot", { key: '5acffbefdff73a9fbb6b8dc2a4a9987b769ebd66' }))), this.deletable && h("mds-button", { key: 'ef4d897c1c9170d39406f3760e0cf317caccdacd', class: "close-button", icon: miBaselineClose, onClick: this.closeBanner, title: this.t.get('cancel') })), this.actions
+        return (h(Host, { key: '887b88791934b25523bcb5236a539da2e9087f30', "aria-label": this.headline }, h("div", { key: 'f3b61bb544a3095ccf06470c8c493bdaa2b8c8b0', class: "body" }, this.icon && h("mds-icon", { key: 'fd9149319c9c49d2a9976a9f0ae6e7ffa8fc1fd0', "aria-hidden": "true", class: "icon", name: this.icon }), h("div", { key: '3891eb5646291187cefd68e0875a35dd67852248', class: "content" }, this.headline && h("mds-text", { key: '9b85e11b0b71fefbdc9164be7f224e77f679eb34', "aria-hidden": "true", class: "headline", typography: "h6" }, this.headline), h("div", { key: '714fe7d8063fdca951d0d94845789dd39eaf1e6d', class: "text" }, h("slot", { key: '72d818fd156c6d69b82e5584ecc641eba215823a' }))), this.deletable && h("mds-button", { key: 'feb587470ccb3799609333d5c080e2d2c8b7005a', class: "close-button", icon: miBaselineClose, onClick: this.closeBanner, title: this.t.get('cancel') })), this.actions
             &&
-                h("div", { key: 'd33668ef233dfb77176d151f4541538b90e6095b', class: "actions" }, h("slot", { key: '3e146f874402d8e5e3368192ceda4a8526d4e6f8', name: "action" }))));
+                h("div", { key: 'aec5c935e8e2f934bfe6fab2291704c8d89cea0a', class: "actions" }, h("slot", { key: '9d1765d04dda9a276bb90a4d9c250bc0d403fedc', name: "action" }))));
     }
     static get is() { return "mds-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-benchmark-bar/mds-benchmark-bar.js

@@ -20,7 +20,7 @@ export class MdsBenchmarkBar {
     }
     render() {
         var _a;
-        return (h(Host, { key: '3d611d46dddb03f3232be40bb6affd60011ca8a4' }, h("div", { key: '5e1e2419507550b7b5423ac954d2a32e5290029e', class: "infos" }, h("mds-text", { key: '0c71ac2380981fb0d964ac35ce45221959b469c5', typography: this.typography, class: "label", id: "label" }, h("slot", { key: '124425ab67b6dda25de9edb78ac7911aab11215c' })), h("mds-text", { key: '4af8b45b109fb21cce5ebdf5a554432e79c938a4', typography: this.typography, class: "value" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.value)), h("mds-progress", { key: 'c1ae3c981e77fabb9f85e2e98a203b0e6b40a7dd', "aria-labelledby": "label", "aria-valuetext": this.alias, class: "progress", variant: this.variant, progress: this.value / 100, part: "bar" })));
+        return (h(Host, { key: '474d8e0d71b7602003560184e41fa0f8e8f83443' }, h("div", { key: '70fb1afe85855dec88fb88441c56a1f9a4579b5a', class: "infos" }, h("mds-text", { key: 'ad956372b7529a3fc795330dd72446f1cfd2e3cb', typography: this.typography, class: "label", id: "label" }, h("slot", { key: 'f127170421f1e85d29d3e0d459e8c06318e7e053' })), h("mds-text", { key: '5c329fd79b7585b9e6108c3e8404577dd487dc5d', typography: this.typography, class: "value" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.value)), h("mds-progress", { key: 'fa39a1348ca1fafb356f8faf7bff06d36424b1c0', "aria-labelledby": "label", "aria-valuetext": this.alias, class: "progress", variant: this.variant, progress: this.value / 100, part: "bar" })));
     }
     static get is() { return "mds-benchmark-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-bibliography/mds-bibliography.js

@@ -125,19 +125,19 @@ export class MdsBibliography {
         };
     }
     render() {
-        return (h(Host, { key: '13134c79103106f59f1b5f31bb1b79025056b560' }, h("mds-text", { key: 'a8f6e5b63f536ce6984d76281e4553e888962f62', typography: this.typography, variant: this.variant }, this.author && h("span", { key: '45342a411a9a478fe94a41c2a387ad03a109e57d' }, this.showAuthors(this.normalizeAuthors(this.author))), this.format === 'mla' &&
-            h("span", { key: 'c554797f2733e6df851e20810663bc69057754f6' }, this.name && ' ', this.name &&
+        return (h(Host, { key: 'f8621a23d6c09e7427e543290f10bc9335c06c0d' }, h("mds-text", { key: 'fcd23a0f76b12799f622ec8ed5cfd3cb985868fc', typography: this.typography, variant: this.variant }, this.author && h("span", { key: '510deb24ecb214edf294cb9ef8a5e4a28f3d8a4d' }, this.showAuthors(this.normalizeAuthors(this.author))), this.format === 'mla' &&
+            h("span", { key: '4cd0d50a2dd539133fd044810e2984e660a8b32e' }, this.name && ' ', this.name &&
                 this.url !== null
                 ? h("a", { class: "link focus-bounce", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, this.name, ".")))
-                : h("b", null, h("i", null, this.name, ".")), this.location && h("span", { key: 'f5639f333d5b07e85603b3eb975754a19c36cbfc' }, " ", this.location, this.publisher !== undefined ? ':' : '.'), this.publisher && h("span", { key: '7c715687e05f82b7ee4772656673ba1a0f40d7e0' }, " ", this.publisher, this.date !== undefined ? ',' : '.'), this.date && h("time", { key: 'fb74b44f20a1193a966d881446ada6f6c30496e4', dateTime: this.date }, " ", this.dateFormatMLA(this.date), ".")), this.format === 'apa' &&
-            h("span", { key: 'dff3f7fc5801159c3fa659a03916614fdd1ad2c8' }, this.date && h("time", { key: 'b7a628891f21a15a10b582878563368ffb6c00d5', dateTime: this.date }, " (", this.dateFormatAPA(this.date), ")."), this.name && ' ', this.name &&
+                : h("b", null, h("i", null, this.name, ".")), this.location && h("span", { key: 'ffee779728bac22838c9e7e2a75ef226475c6d49' }, " ", this.location, this.publisher !== undefined ? ':' : '.'), this.publisher && h("span", { key: '94fee065e91a85f85e0774b7dfd5f9d852780c75' }, " ", this.publisher, this.date !== undefined ? ',' : '.'), this.date && h("time", { key: '1b200be83f0382d57bbb578598c8e58767716f4b', dateTime: this.date }, " ", this.dateFormatMLA(this.date), ".")), this.format === 'apa' &&
+            h("span", { key: 'be83f8f9f3a7f68e756e52e1e11d5d2f16688599' }, this.date && h("time", { key: '052a49a6460059becd37ba67103af8b410ce1419', dateTime: this.date }, " (", this.dateFormatAPA(this.date), ")."), this.name && ' ', this.name &&
                 this.url !== null
                 ? h("a", { class: "link focus-bounce", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, " ", this.name, ".")))
-                : h("b", null, h("i", null, " ", this.name, ".")), this.location && h("span", { key: '62519a85f850170be137914c33e8cf931788d82a' }, " ", this.location, this.publisher !== undefined ? ':' : '.'), this.publisher && h("span", { key: 'af0386d87ac4ad7f1105c31862f0d11f480f883e' }, " ", this.publisher, ".")), this.format === 'turabian' &&
-            h("span", { key: '27555c8e513e5b44c0dc51b667729c885818afb9' }, this.name && ' ', this.name &&
+                : h("b", null, h("i", null, " ", this.name, ".")), this.location && h("span", { key: '515be6aef1cda23eea1c3b4c8196553f5c8acf24' }, " ", this.location, this.publisher !== undefined ? ':' : '.'), this.publisher && h("span", { key: '0616a728b447922e77e72e821e8afb3921956702' }, " ", this.publisher, ".")), this.format === 'turabian' &&
+            h("span", { key: '0ad594044b55f0b8514e70eb293006cdb4868cca' }, this.name && ' ', this.name &&
                 this.url !== null
                 ? h("a", { class: "link focus-bounce", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, " ", this.name, ".")))
-                : h("b", null, h("i", null, " ", this.name, ".")), this.location && h("span", { key: '85a9fe3d6d52a6a9b3dd8409c709aa673219cebb' }, " ", this.location, this.publisher !== undefined ? ':' : ','), this.publisher && h("span", { key: 'fccb8c51b224aa91c6d95d493c24b5ffb73b107c' }, " ", this.publisher, this.date !== undefined ? ',' : '.'), this.date && h("time", { key: '9ebd1d43e595c04eb7f7807ba365664dfaecfcfb', dateTime: this.date }, " ", this.dateFormatMLA(this.date), ".")))));
+                : h("b", null, h("i", null, " ", this.name, ".")), this.location && h("span", { key: '707d2fcfb6650d43c8fe6a4409cb32225483772c' }, " ", this.location, this.publisher !== undefined ? ':' : ','), this.publisher && h("span", { key: 'ab05a22a7c9d7179f7739f6e7abc9ec6bf64b4be' }, " ", this.publisher, this.date !== undefined ? ',' : '.'), this.date && h("time", { key: '1922d53e3453c4e08164d213917d1ee6a21af396', dateTime: this.date }, " ", this.dateFormatMLA(this.date), ".")))));
     }
     static get is() { return "mds-bibliography"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-breadcrumb/mds-breadcrumb.js

@@ -102,8 +102,8 @@ export class MdsBreadcrumb {
         this.onChanged(selectedId, event.target);
     }
     render() {
-        return (h(Host, { key: 'd172dbd7f751065a8d82f1e49f6f65a28dc84de7' }, this.back &&
-            h("mds-button", { key: '74549350b444221097df700f065ff7f5617ccc7c', title: this.t.get('back'), class: "back", icon: miBaselineArrowBack, onClick: this.togglePrevious }), h("slot", { key: 'a643581023d156ddca207776b3fb42bf88428caf' })));
+        return (h(Host, { key: '2539b695e261bf9f9a078fd8d58190b0e8c2707d' }, this.back &&
+            h("mds-button", { key: 'b740f6a00487c5a58b201c8eccb8f2070c0db8b0', title: this.t.get('back'), class: "back", icon: miBaselineArrowBack, onClick: this.togglePrevious }), h("slot", { key: '9c06a1e596bc63708725e9c90c1233529886cab4' })));
     }
     static get is() { return "mds-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-breadcrumb-item/mds-breadcrumb-item.js

@@ -29,7 +29,7 @@ export class MdsBreadcrumbItem {
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: '5eb367049fe7a9b6653c9adf402d4c3214805833' }, h("mds-text", { key: 'b02ca23c5349b61e39f87a0552a501eba8ab8712', tabindex: "0", onClick: this.toggle, class: "text", typography: "detail" }, h("slot", { key: '72f9b67eefbb3055ef69c8626e6a2609715102f9' })), h("i", { key: 'd7c9f3b65c8a125f3ae5e0ea9cd8d83c2b2a49bd', "aria-hidden": "true", class: "icon", innerHTML: miBaselineNavigateNext })));
+        return (h(Host, { key: 'd7dc55ec9667648849ace504c3ab33479b04f4aa' }, h("mds-text", { key: '34aa1255db85d58cf1548dd2e14f3beaa6f50bcf', tabindex: "0", onClick: this.toggle, class: "text", typography: "detail" }, h("slot", { key: 'a0a9055b7ad2b092ef71beb7d73585b378f6fec4' })), h("i", { key: 'c4e4cd1a34140c7b42f82a412b8245e555076745', "aria-hidden": "true", class: "icon", innerHTML: miBaselineNavigateNext })));
     }
     static get is() { return "mds-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-button/mds-button.js

@@ -186,7 +186,7 @@ export class MdsButton {
     }
     render() {
         this.typography = buttonSizeTypographyVariant[this.size];
-        return (h(Host, { key: '3c54ecab2250be89d7f925cd4fea6eaeea05fa1f', onMouseDown: this.mouseDown, onMouseUp: this.mouseUp, onMouseOut: this.mouseUp, tabindex: "0" }, h("div", { key: '41edeab2fca583980ac046866f9b0b4c14268f60', class: "await" }, h("mds-spinner", { key: '9b7d06b88d13aa5f343f476fc7aec4aef824670b', class: "spinner", running: this.await })), this.icon && this.iconPosition === 'left' && h("mds-icon", { key: '46f069315b6006c19183b10fc5e3fdc73d2b7e09', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" }), h("mds-text", { key: '6f15cf82126c3c1e04e00eae75fc43ea657782ea', class: "text", part: "label", typography: this.typography, truncate: this.truncate }, h("slot", { key: '3e068fcac844e33b49afdc5dbff20bd65238136d', onSlotchange: this.onSlotChangeHandler })), this.hasNotification && h("slot", { key: '0482835f6c3160521b9fe2e04ef6721d28815167', name: "notification" }), this.icon && this.iconPosition === 'right' && h("mds-icon", { key: '8d11f6f28287b34517b276431f7cb1d31fad9617', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" })));
+        return (h(Host, { key: '4686bd8d7cb9225f100a4127b6a126377b518d19', onMouseDown: this.mouseDown, onMouseUp: this.mouseUp, onMouseOut: this.mouseUp, tabindex: "0" }, h("div", { key: 'df39bb0ebb2a804af20924648169709397af2c7e', class: "await" }, h("mds-spinner", { key: '2815525a17ea474db3f4064a3bbdf6e953211b13', class: "spinner", running: this.await })), this.icon && this.iconPosition === 'left' && h("mds-icon", { key: 'f464e79898cfa4f68d05fefcb454c26e6088cfaf', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" }), h("mds-text", { key: '0f30b6ca2508f8928f4fc28c6deb28e93e963db5', class: "text", part: "label", typography: this.typography, truncate: this.truncate }, h("slot", { key: '1d5d0ae7bcdf9abbc87ddbb4bea702971b618e9d', onSlotchange: this.onSlotChangeHandler })), this.hasNotification && h("slot", { key: '0d9dca292a5cb40f51e4c517a399e85286047fc4', name: "notification" }), this.icon && this.iconPosition === 'right' && h("mds-icon", { key: 'f97aff53f85a69e3bd51517fb66f781123c37373', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" })));
     }
     static get is() { return "mds-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-button-dropdown/mds-button-dropdown.js

@@ -28,7 +28,7 @@ export class MdsButtonDropdown {
         this.truncate = 'word';
     }
     render() {
-        return (h(Host, { key: '05beeb73f53a32dc21b535b55ee65e60448d6f3e' }, h("mds-button", { key: '3cb4f0863b8c8c80cbb6eb37e673f266f1505bf2', active: this.active, autoFocus: this.autoFocus, await: this.await, disabled: this.disabled, href: this.href, icon: this.icon, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant }, this.label), h("mds-button", { key: '774a712ab4125f929af6a11e15c1ebdd8228d6ed', active: this.active, autoFocus: this.autoFocus, await: this.await, class: "dropdown-action", disabled: this.disabled, href: this.href, icon: miBaselineKeyboardArrowDown, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant }), h("mds-dropdown", { key: '12afae125c98f4e70f697f7c88aec18ced59736f', target: '.dropdown-action', part: "dropdown" }, h("slot", { key: '512c0b9009c4652267f1fcaf12782b3cbcac5927' }))));
+        return (h(Host, { key: '0bb4a9850fc0a03291258f0d411b50769ec01a77' }, h("mds-button", { key: '8647ce67f62822980f3b030ad2f0dade027c2b1a', active: this.active, autoFocus: this.autoFocus, await: this.await, disabled: this.disabled, href: this.href, icon: this.icon, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant }, this.label), h("mds-button", { key: '427b779bebdcf5a399b647485b26a3f271a7e813', active: this.active, autoFocus: this.autoFocus, await: this.await, class: "dropdown-action", disabled: this.disabled, href: this.href, icon: miBaselineKeyboardArrowDown, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant }), h("mds-dropdown", { key: '9d20cd3ac389c3fcf6d72f39dff7a088b8d8a83b', target: '.dropdown-action', part: "dropdown" }, h("slot", { key: 'c366fad5c5d8d5eae317660fb26a5ee704d78b30' }))));
     }
     static get is() { return "mds-button-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-button-group/mds-button-group.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class MdsButtonGroup {
     render() {
-        return (h(Host, { key: 'a21b4ec16be1c58b4675a56dcddf4e3ae79dea6d' }, h("slot", { key: '22bf93b5f407811c994d42b77483b00a223992fb' })));
+        return (h(Host, { key: 'feac7d0149984045e05c2f9f555dcde0ee4f3882' }, h("slot", { key: '81f58342763cc799aab7fcc3b8bd2739b64b34ce' })));
     }
     static get is() { return "mds-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-calendar/mds-calendar.css

@@ -8,6 +8,8 @@
   --mds-calendar-border-radius: 0.5rem;
   --mds-calendar-background: rgb(var(--tone-neutral));
   --mds-calendar-padding: 1rem;
+  --mds-calendar-select-month-or-year-height: 2.25rem;
+  --mds-calendar-select-month-or-year-width: 14rem;
 
   background-color: rgb(var(--tone-neutral-09));
   border-radius: var(--mds-calendar-border-radius);
@@ -22,7 +24,9 @@
 .calendar-view {
   background-color: var(--mds-calendar-background);
   border-radius: inherit;
+  box-sizing: border-box;
   display: grid;
+  flex: 1 1 auto;
   padding: var(--mds-calendar-padding);
 }
 
@@ -41,6 +45,7 @@ nav {
   display: flex;
   gap: 0.5rem;
   justify-content: space-between;
+  min-width: 0;
 }
 
 .action {
@@ -58,17 +63,57 @@ nav {
 }
 
 .select-month-or-year {
+  align-items: stretch;
   background-color: rgb(var(--tone-neutral-09));
-  border-radius: 0.5rem;
+  block-size: var(--mds-calendar-select-month-or-year-height);
+  border-radius: var(--mds-calendar-border-radius);
+  box-sizing: border-box;
   display: flex;
-  flex-grow: 1;
-  justify-content: space-evenly;
+  flex: 0 0 var(--mds-calendar-select-month-or-year-width);
+  height: var(--mds-calendar-select-month-or-year-height);
+  justify-content: flex-start;
+  inline-size: var(--mds-calendar-select-month-or-year-width);
+  max-block-size: var(--mds-calendar-select-month-or-year-height);
+  max-height: var(--mds-calendar-select-month-or-year-height);
+  max-inline-size: var(--mds-calendar-select-month-or-year-width);
+  min-block-size: var(--mds-calendar-select-month-or-year-height);
+  min-height: var(--mds-calendar-select-month-or-year-height);
+  min-inline-size: var(--mds-calendar-select-month-or-year-width);
+  overflow: hidden;
 }
 
+
 .action-month,
 .action-year {
-  flex-basis: 0;
-  flex-grow: 1;
+  --mds-button-radius: 0;
+
+  align-self: stretch;
+  block-size: 100%;
+  box-sizing: border-box;
+  cursor: default;
+  height: 100%;
+  max-block-size: 100%;
+  max-height: 100%;
+  min-block-size: 0;
+  min-height: 0;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.action-month {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.action-year {
+  flex: 0 0 4.5rem;
+}
+
+.action-month::part(label),
+.action-year::part(label) {
+  overflow: visible;
+  text-overflow: clip;
+  white-space: nowrap;
 }
 
 .week-day-name {
@@ -102,5 +147,3 @@ nav {
   min-width: 0;
 }
 
-
-