@six-group/ui-library 0.0.0-insider.2b3efd5 → 0.0.0-insider.2c5f541

package/dist/components/six-main-container.js

@@ -11,7 +11,7 @@ const SixMainContainer$1 = /*@__PURE__*/ proxyCustomElement(class SixMainContain
         this.padded = true;
     }
     render() {
-        return (h(Host, { key: '8120e711578ecb0a3479ad136b5925a617ba40ec' }, h("div", { key: '789008ec7e1d6d866a81f619586ae500d61f4abe', part: "left-margin", class: "left-margin" }), h("div", { key: 'dead6e81df7c7172c67404f43549e29ff3b7ea7a', part: "content", class: { content: true, 'content--padded': this.padded } }, h("slot", { key: '7ab34707d262f5fc7cc6aad9a1b93659bd56e71d' })), h("div", { key: 'b87314fc06229b79a625606f625bac160d593689', part: "right-margin", class: "right-margin" })));
+        return (h(Host, { key: 'f9015dabf7d27d6f6486100acb58d9ab6ebbea43' }, h("div", { key: 'ae47bbb8e04a5098d9dc4f7e4e933352ce424c62', part: "left-margin", class: "left-margin" }), h("div", { key: 'ebedbf51854d2d338bca86f65a825f85f05a8f1b', part: "content", class: { content: true, 'content--padded': this.padded } }, h("slot", { key: '4d934f2eb45cd0834ec90c0f2ddf1d89bc62d0b9' })), h("div", { key: '4d7593bcccc8479cabb2acadb403708d743f8ef0', part: "right-margin", class: "right-margin" })));
     }
     get host() { return this; }
     static get style() { return SixMainContainerStyle0; }

package/dist/components/six-menu-divider.js

@@ -10,7 +10,7 @@ const SixMenuDivider$1 = /*@__PURE__*/ proxyCustomElement(class SixMenuDivider e
         this.__attachShadow();
     }
     render() {
-        return h("div", { key: '890328b9c0bf63322919d2fb199d9c4086840db5', part: "base", class: "menu-divider", role: "separator", "aria-hidden": "true" });
+        return h("div", { key: '7a3dc9b577026f17c66e48a6da89d99424f46a02', part: "base", class: "menu-divider", role: "separator", "aria-hidden": "true" });
     }
     static get style() { return SixMenuDividerStyle0; }
 }, [1, "six-menu-divider"]);

package/dist/components/six-menu-item2.js

@@ -57,13 +57,13 @@ const SixMenuItem = /*@__PURE__*/ proxyCustomElement(class SixMenuItem extends H
         this.hasFocus = false;
     }
     render() {
-        return (h("div", { key: 'cb3d859ff52091f2148bfabdc34e5d2456a656d5', ref: (el) => (this.menuItem = el), part: "base", class: {
+        return (h("div", { key: '9d85ad899fd62a2f836e13f49d85a8bb49e44a8a', ref: (el) => (this.menuItem = el), part: "base", class: {
                 'menu-item': true,
                 'menu-item--checked': this.checked,
                 'menu-item--disabled': this.disabled,
                 'menu-item--focused': this.hasFocus,
                 'menu-item--active': this.active,
-            }, role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false', "aria-checked": this.checked ? 'true' : 'false', tabIndex: !this.disabled ? 0 : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.checkType === 'checkbox' && (h("span", { key: '1d54b9860f2fd80c464aa5920683cf8f0d2a9ce8', class: "menu-item__checkbox" }, h("six-checkbox", { key: '58ca9bbdee7355a1f40acf2c550bdb5e66e09c34', "onSix-checkbox-change": this.handleCheckboxChange, disabled: this.disabled, checked: this.checked }))), h("span", { key: '4b7653b1548c9ecf55f299a221eb335c30fe036c', part: "prefix", class: "menu-item__prefix" }, h("slot", { key: '9ada6d5f309b9e045f69de99b4555b2948903e92', name: "prefix" })), h("span", { key: '27b2e4a49f446d60d3e9392157457b09097352bd', part: "label", class: "menu-item__label" }, h("slot", { key: '07088d2469a477c651173a128baf2f2a05a37fcf', ref: (el) => (this.defaultSlot = el) })), h("span", { key: '35361e8878b92886461a826e358726ca53e15685', part: "suffix", class: "menu-item__suffix" }, h("slot", { key: '6ae0543c32bd4f399979f8838180fff2035486bc', name: "suffix" })), this.checkType === 'check' && (h("span", { key: '7de4ac54bc20ada3c774bfd50af99d12a19f2af4', part: "checked-icon", class: "menu-item__check" }, h("six-icon", { key: '9d1cf97d5e0b85e6e02affca5e4a8af8945fec98', size: "small", "aria-hidden": "true" }, "check")))));
+            }, role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false', "aria-checked": this.checked ? 'true' : 'false', tabIndex: !this.disabled ? 0 : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.checkType === 'checkbox' && (h("span", { key: 'dd01595dd7c4ee425baca8e91cd35530acce7669', class: "menu-item__checkbox" }, h("six-checkbox", { key: '9a6243fdbeae88fcc7ec0bae4c5ac6708b6b989d', "onSix-checkbox-change": this.handleCheckboxChange, disabled: this.disabled, checked: this.checked }))), h("span", { key: '516278d12721dc28f9caeb7fd2004142e2b93d42', part: "prefix", class: "menu-item__prefix" }, h("slot", { key: '908edc7785eb921c43ae418c4ec15b9dc78bb9b1', name: "prefix" })), h("span", { key: '0d9cf0e26193894c95c0728f5b5157953bda60f0', part: "label", class: "menu-item__label" }, h("slot", { key: '7f56910a01b358ae4385a0f818eafc23fbab0302', ref: (el) => (this.defaultSlot = el) })), h("span", { key: '193becd0751d3f2f26ef5268dd64ae04b9528b80', part: "suffix", class: "menu-item__suffix" }, h("slot", { key: '7819da1efc13a4c5230d9aeb991ee5d7b3c2bb96', name: "suffix" })), this.checkType === 'check' && (h("span", { key: 'e57dba0ab1ea875a21cf614ec83a043e08c41d30', part: "checked-icon", class: "menu-item__check" }, h("six-icon", { key: '176342d251f6f6df0333c6791919f0c64d8416a3', size: "small", "aria-hidden": "true" }, "check")))));
     }
     get host() { return this; }
     static get style() { return SixMenuItemStyle0; }

package/dist/components/six-menu-label.js

@@ -10,7 +10,7 @@ const SixMenuLabel$1 = /*@__PURE__*/ proxyCustomElement(class SixMenuLabel exten
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '0c3c49689954ef436d5e4dec07e36f404c1e6002', part: "base", class: "menu-label" }, h("slot", { key: '497f86791932edf59de344292c32c57618f7b65e' })));
+        return (h("div", { key: '7a2e9901ab9806f1f7d4ad63e0e1a22a4a9e6796', part: "base", class: "menu-label" }, h("slot", { key: '1548b5f37c983b2dc66225ad63bc1099fbbe85fd' })));
     }
     static get style() { return SixMenuLabelStyle0; }
 }, [1, "six-menu-label"]);

package/dist/components/six-picto2.js

@@ -30,7 +30,7 @@ const SixPicto = /*@__PURE__*/ proxyCustomElement(class SixPicto extends HTMLEle
         }
     }
     render() {
-        return (h(Host, { key: '2f9f84aaf14ad2d5d0fde0efc867ccfbcdaff21c' }, h("div", { key: '44198354d0f1e4d1cbcd97241f02c205219e727d', part: "icon", class: {
+        return (h(Host, { key: '57dc6aa8c58bf78af532afe91e6d55475e885418' }, h("div", { key: '2a1b6e93256a74953ee0d42ed58a421ea4dfb92c', part: "icon", class: {
                 [`is-size-${this.size}`]: true,
             }, innerHTML: this.svgContent || '' })));
     }

package/dist/components/six-progress-bar.js

@@ -12,12 +12,12 @@ const SixProgressBar$1 = /*@__PURE__*/ proxyCustomElement(class SixProgressBar e
         this.indeterminate = false;
     }
     render() {
-        return (h("div", { key: '45ac15bb610a1cf554978f14faf62468248456b5', part: "base", class: {
+        return (h("div", { key: '86c8236a3b2c821881e49353dc00bd97773be1e9', part: "base", class: {
                 'progress-bar': true,
                 'progress-bar--indeterminate': this.indeterminate,
-            }, role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": this.indeterminate ? null : this.percentage }, h("div", { key: '5e1669e12a54f369b24159db5533adfe6e4afc23', part: "indicator", class: "progress-bar__indicator", style: {
+            }, role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": this.indeterminate ? null : this.percentage }, h("div", { key: '168360717d293504a593e9d345ad1035a38bff48', part: "indicator", class: "progress-bar__indicator", style: {
                 width: `${this.percentage}%`,
-            } }, !this.indeterminate && (h("span", { key: 'ee288552a254819e817c639a4d557a174d827c71', part: "label", class: "progress-bar__label" }, h("slot", { key: '201bc1ed20890d847d578c322fb1e6911df497b1' }))))));
+            } }, !this.indeterminate && (h("span", { key: '5004aa1d27d5d43b761499841162ec0abebf6d1f', part: "label", class: "progress-bar__label" }, h("slot", { key: '35c3d25436a279e066e5a54338ef320102a860e4' }))))));
     }
     static get style() { return SixProgressBarStyle0; }
 }, [1, "six-progress-bar", {

package/dist/components/six-progress-ring.js

@@ -29,7 +29,7 @@ const SixProgressRing$1 = /*@__PURE__*/ proxyCustomElement(class SixProgressRing
         this.indicator.style.strokeDashoffset = `${offset}`;
     }
     render() {
-        return (h("div", { key: '585f31918309719acad14e1b01121be9a8c1cd89', part: "base", class: "progress-ring" }, h("svg", { key: '5c039de9145c4c43f52e2787d39aaf3710c30f76', class: "progress-ring__image", width: this.size, height: this.size }, h("circle", { key: '8b8ae8deb553e5e34a916fedfd7b5378ab47de9f', class: "progress-ring__track", "stroke-width": this.strokeWidth, "stroke-linecap": "round", fill: "transparent", r: this.size / 2 - this.strokeWidth * 2, cx: this.size / 2, cy: this.size / 2 }), h("circle", { key: 'aab242e5b4797bdbcf75146e55a73f080d8742c1', ref: (el) => (this.indicator = el), class: "progress-ring__indicator", "stroke-width": this.strokeWidth, "stroke-linecap": "round", fill: "transparent", r: this.size / 2 - this.strokeWidth * 2, cx: this.size / 2, cy: this.size / 2 })), h("span", { key: 'dea1cbc19b910dd1d07a10a56ae6b1700b0d5113', part: "label", class: "progress-ring__label" }, h("slot", { key: 'a00bf6f710f3e65dfc1bc645a808aba2fabe0d40' }))));
+        return (h("div", { key: 'c8c3514a26d4150765130fda6bda5460fb434d79', part: "base", class: "progress-ring" }, h("svg", { key: 'a964fd75f7bddf4698c6b5b7d4db9f944965d767', class: "progress-ring__image", width: this.size, height: this.size }, h("circle", { key: '678441aa31d06a0342bbf001d09be5689ca4365f', class: "progress-ring__track", "stroke-width": this.strokeWidth, "stroke-linecap": "round", fill: "transparent", r: this.size / 2 - this.strokeWidth * 2, cx: this.size / 2, cy: this.size / 2 }), h("circle", { key: '830f220dfacbbde4f96ae082db78d26f020be862', ref: (el) => (this.indicator = el), class: "progress-ring__indicator", "stroke-width": this.strokeWidth, "stroke-linecap": "round", fill: "transparent", r: this.size / 2 - this.strokeWidth * 2, cx: this.size / 2, cy: this.size / 2 })), h("span", { key: '98eaffcfda3cbd8edb7764eeced3ed71a7996da7', part: "label", class: "progress-ring__label" }, h("slot", { key: 'c1af327a0b559f6269ac4943050740fd078ec14c' }))));
     }
     static get watchers() { return {
         "percentage": ["handlePercentageChange"]

package/dist/components/six-radio.js

@@ -100,12 +100,12 @@ const SixRadio$1 = /*@__PURE__*/ proxyCustomElement(class SixRadio extends HTMLE
         return this.getAllRadios().filter((radio) => radio !== this.host);
     }
     render() {
-        return (h("label", { key: '1d4d0be85edb89c166b6f22ea72498b9c8d8cea8', part: "base", class: {
+        return (h("label", { key: '161f926ba9dac8cfd1ac2136d6df8020144154d2', part: "base", class: {
                 radio: true,
                 'radio--checked': this.checked,
                 'radio--disabled': this.disabled,
                 'radio--focused': this.hasFocus,
-            }, htmlFor: this.inputId, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown }, h("span", { key: '76b4c8511865e24af02bb954155c3b73d005b0af', part: "control", class: "radio__control" }, h("span", { key: '8a236d9faf510c005b77ff71917f79928478f558', part: "checked-icon", class: "radio__icon" }, h("svg", { key: 'a09807981249028dab896dd1363455f742ffc3ae', viewBox: "0 0 16 16" }, h("g", { key: '2794897dc88c3c531a560966702eee882a0ad34f', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: 'e698f2e02915293aa3d61191971a009e1075882a', fill: "currentColor" }, h("circle", { key: '0c08e9a157e5fe0155bb2859a70a302549a35129', cx: "8", cy: "8", r: "5" }))))), h("input", { key: 'ca747587d281cb058c73dff36bbbb24f92c513ef', ref: (el) => (this.nativeInput = el), id: this.inputId, type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, role: "radio", "aria-checked": this.checked ? 'true' : 'false', "aria-labelledby": this.labelId, onClick: this.handleClick, onBlur: this.handleBlur, onFocus: this.handleFocus })), h("span", { key: '9e4de8ac9871f4ed19960842ff4da889f03b697b', part: "label", id: this.labelId, class: "radio__label" }, h("slot", { key: 'cb241e2debf683cc9f799606a48724f824c7dbfe' }))));
+            }, htmlFor: this.inputId, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown }, h("span", { key: '4e0e1c1f5ca86f4c166a7c7fa2c92da01d9bb8d3', part: "control", class: "radio__control" }, h("span", { key: '1f36dab715db65562a15c6279f2c1db7a1884429', part: "checked-icon", class: "radio__icon" }, h("svg", { key: 'da94e693fcb2588d25639568e0f8c4cf0f657c5a', viewBox: "0 0 16 16" }, h("g", { key: '8a2b59ac79f6f3b6d06abbb1018c842d9f569fa5', stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { key: '200348293cce5552ddafd769431836d20bd93978', fill: "currentColor" }, h("circle", { key: '4678277115274c01a2cc8727ac2a0cc82578c239', cx: "8", cy: "8", r: "5" }))))), h("input", { key: '3fedc2104064ceb903946bc9bc40c783580e5df7', ref: (el) => (this.nativeInput = el), id: this.inputId, type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, role: "radio", "aria-checked": this.checked ? 'true' : 'false', "aria-labelledby": this.labelId, onClick: this.handleClick, onBlur: this.handleBlur, onFocus: this.handleFocus })), h("span", { key: '3f736251b5c860655af87113b5e2188199491f0e', part: "label", id: this.labelId, class: "radio__label" }, h("slot", { key: '32b6952ea80099d1250735f24986f848e21750e2' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/six-range.js

@@ -185,7 +185,7 @@ const SixRange$1 = /*@__PURE__*/ proxyCustomElement(class SixRange extends HTMLE
         }
     }
     render() {
-        return (h(FormControl, { key: '247e4d734ffd21fb8600961f821e38088e7746d7', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, size: "medium", errorTextId: this.errorTextId, errorText: this.errorText, hasErrorTextSlot: this.hasErrorTextSlot, errorTextCount: this.errorTextCount, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: '253bbcaffc90185969ccc1eb96cafe889b3130f2', part: "base", class: {
+        return (h(FormControl, { key: 'edd5bce1c123ad354cc8a359f2d6563c3ace1fd3', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, size: "medium", errorTextId: this.errorTextId, errorText: this.errorText, hasErrorTextSlot: this.hasErrorTextSlot, errorTextCount: this.errorTextCount, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: 'c3c694426ea3c659d6cbb9905ca503596c55e537', part: "base", class: {
                 range: true,
                 // States
                 'range--disabled': this.disabled,
@@ -193,7 +193,7 @@ const SixRange$1 = /*@__PURE__*/ proxyCustomElement(class SixRange extends HTMLE
                 'range--tooltip-visible': this.hasTooltip,
                 'range--tooltip-top': this.tooltip === 'top',
                 'range--tooltip-bottom': this.tooltip === 'bottom',
-            }, onTouchStart: this.handleTouchStart }, h("input", { key: '83c6c8855ca6df0ee2d95a95fee668b5bbf306db', part: "input", ref: (el) => (this.nativeInput = el), type: "range", class: "range__control", name: this.name, disabled: this.disabled, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }), this.tooltip !== 'none' && (h("output", { key: 'fac373f95f6bfebd98e52f92fc74825e853f6812', part: "tooltip", ref: (el) => (this.output = el), class: "range__tooltip" }, this.tooltipFormatter(this.value))))));
+            }, onTouchStart: this.handleTouchStart }, h("input", { key: '23ebc2c5aa5eb8d73ac869fc7d5858b836af0e1c', part: "input", ref: (el) => (this.nativeInput = el), type: "range", class: "range__control", name: this.name, disabled: this.disabled, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }), this.tooltip !== 'none' && (h("output", { key: '86669cf2b175c72432054542356d11d537d8426f', part: "tooltip", ref: (el) => (this.output = el), class: "range__tooltip" }, this.tooltipFormatter(this.value))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/six-root.js

@@ -15,7 +15,7 @@ const SixRoot$1 = /*@__PURE__*/ proxyCustomElement(class SixRoot extends HTMLEle
         this.version = '';
     }
     render() {
-        return (h("host", { key: 'bb7825453e8962c4284fb6fbb4134c4b7767ffbd', class: "six-root" }, h("header", { key: '443e36e1fb8ab628ab2e1bde1eef3f3f0a6c9a3e', part: "header" }, this.stage && h("six-stage-indicator", { key: 'e10e1a45360e64f7319e15b5a615b898e41c5a6f', stage: this.stage }, this.version), h("slot", { key: '83f124f27a434c0eaab23e25c9690e63619d3238', name: "header" })), h("nav", { key: '52f47a0ea56ea73c01acfb974005b25a07f31c1c', class: "six-root__left-sidebar", part: "left-sidebar" }, h("slot", { key: 'dc394fd3eba205aae4bfff5a17f826e64d7aabcb', name: "left-sidebar" })), h("main", { key: '6bc11607edf2b772a2ae8e83aa6116d0996353f2', part: "main" }, h("div", { key: 'dce7d4f1ff72fdad0daf1ded16d6e91c709ea837', class: { 'six-root__container': true, 'six-root__container--padded': this.padded }, part: "container" }, h("slot", { key: '2f738b3b6705db8d0bfe07590df59cc4d243cad0', name: "main" })), h("div", { key: '005c723d6515ffc9a0acdc51460a4f51872ae717', class: "six-root__footer" }, h("slot", { key: '8cc3c97bc3c1a328ed4a99dfa1b17c6d3abb4607', name: "footer" }))), h("nav", { key: '05b12db2b51c4c4b5cb0de37c7f79d7e3220dda6', class: "six-root__right-sidebar", part: "right-sidebar" }, h("slot", { key: '9c7977c0f58dc781acb189a816f5dc0cd61c8304', name: "right-sidebar" }))));
+        return (h("host", { key: 'afa4ab3690aae98f49bc74f2f78fbc7d7c804cde', class: "six-root" }, h("header", { key: '256dc2baecc083a3fe7fade7f0238d149123c465', part: "header" }, this.stage && h("six-stage-indicator", { key: 'f53065557a13d9513cc654306fd6e17eea28f8af', stage: this.stage }, this.version), h("slot", { key: '4458f26a10c2c550b5d3ad1adbca8067e1376cab', name: "header" })), h("nav", { key: '86824c3286c747d3bd8e235af341ed5671c24ec4', class: "six-root__left-sidebar", part: "left-sidebar" }, h("slot", { key: '7eac3c269e294cbd8f0c98f045c8791be10b8aef', name: "left-sidebar" })), h("main", { key: 'cf1b6c43cd996f0673e8990a6d78409af51eea41', part: "main" }, h("div", { key: 'f95ec5b509e1834cb5c0f8abaac498409753105f', class: { 'six-root__container': true, 'six-root__container--padded': this.padded }, part: "container" }, h("slot", { key: 'd13f71d95d83748eedf59b43334892e2fd842e7c', name: "main" })), h("div", { key: '2c76a92a46db1d09cea6b09eea6bc8a7c81b6536', class: "six-root__footer" }, h("slot", { key: '9d0aa991bcb43a360c770c9d63b404799dfb94ff', name: "footer" }))), h("nav", { key: '7af5df12fe56e6414627608fd704507d949ce1ad', class: "six-root__right-sidebar", part: "right-sidebar" }, h("slot", { key: '621b9a7c7d9db229a9bb8e82680ee2d41e245883', name: "right-sidebar" }))));
     }
     get host() { return this; }
     static get style() { return SixRootStyle0; }

package/dist/components/six-search-field.js

@@ -47,7 +47,7 @@ const SixSearchField$1 = /*@__PURE__*/ proxyCustomElement(class SixSearchField e
         this.eventListeners.removeAll();
     }
     render() {
-        return (h("div", { key: '108d928d1c28a1a37c0a6f00661e44ff921a7434', class: "search-box" }, h("six-input", { key: 'bd4002eab9d4077b70b0f3e730127a8cadad1d63', ref: (el) => (this.inputElement = el), placeholder: this.placeholder, value: this.value, disabled: this.disabled, clearable: this.clearable }, h("six-icon", { key: '900c6d660cf833c2a3068e608c947694e6b95ff6', class: "search-box__icon", slot: "prefix", size: "small", onClick: this.handleInputChange }, "search")), h("slot", { key: '7f834e95d2cbb6207c4a580099e6f62240cb587f' })));
+        return (h("div", { key: '8ee6b08e385e3974b05f7ef53b6ea4fe36a1592d', class: "search-box" }, h("six-input", { key: 'e6be5b0097a8218a53f624680af8d9158fd6fc9a', ref: (el) => (this.inputElement = el), placeholder: this.placeholder, value: this.value, disabled: this.disabled, clearable: this.clearable }, h("six-icon", { key: 'd1a516a60040f28d58c0e688ff6fb0722633ccf1', class: "search-box__icon", slot: "prefix", size: "small", onClick: this.handleInputChange }, "search")), h("slot", { key: 'da46accd23e5efe5741f917aa6de64e0ddc08e19' })));
     }
     static get watchers() { return {
         "value": ["handleValueChange"]

package/dist/components/six-select.js

@@ -328,7 +328,6 @@ const SixSelect$1 = /*@__PURE__*/ proxyCustomElement(class SixSelect extends HTM
         this.multiple = false;
         this.selectAllButton = false;
         this.selectAllText = undefined;
-        this.maxTagsVisible = 3;
         this.disabled = false;
         this.name = '';
         this.placeholder = '';
@@ -557,7 +556,7 @@ const SixSelect$1 = /*@__PURE__*/ proxyCustomElement(class SixSelect extends HTM
             showClear = true;
             showExpand = false;
         }
-        return (h(FormControl, { key: '521e8a99e7fb4ad2fb8ded4763eb8ed1e0eff293', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorTextSlot, size: this.size, onLabelClick: this.handleLabelClick, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("six-dropdown", { key: 'ea5f0ec6216ab61ebcc1ae8add16b042e99297cc', part: "base", ref: (el) => (this.dropdown = el), hoist: this.hoist, matchTriggerWidth: true, closeOnSelect: !this.multiple, containingElement: this.host, disableHideOnEnterAndSpace: this.autocomplete, class: {
+        return (h(FormControl, { key: 'ff36b151116ac2ccf43d24624c6365ca975af7f8', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorTextSlot, size: this.size, onLabelClick: this.handleLabelClick, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("six-dropdown", { key: '4655261bb28a46809644cfc3e85f1037a518c046', part: "base", ref: (el) => (this.dropdown = el), hoist: this.hoist, matchTriggerWidth: true, closeOnSelect: !this.multiple, containingElement: this.host, disableHideOnEnterAndSpace: this.autocomplete, class: {
                 select: true,
                 'select--open': this.isOpen,
                 'select--empty': ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === 0,
@@ -572,20 +571,20 @@ const SixSelect$1 = /*@__PURE__*/ proxyCustomElement(class SixSelect extends HTM
                 'select--large': this.size === 'large',
                 'select--pill': this.pill,
                 'select--invalid': this.invalid,
-            }, onKeyDown: this.handleKeyDown, "onSix-dropdown-show": this.handleMenuShow, "onSix-dropdown-hide": this.handleMenuHide, filterPlaceholder: this.filterPlaceholder, filterDebounce: this.filterDebounce, filter: this.filter, asyncFilter: this.asyncFilter, virtualScroll: this.virtualScroll }, h("div", { key: 'd6b14098f6aabd6212f71e3832890de646c6d97e', slot: "trigger", ref: (el) => (this.box = el), id: this.inputId, class: {
+            }, onKeyDown: this.handleKeyDown, "onSix-dropdown-show": this.handleMenuShow, "onSix-dropdown-hide": this.handleMenuHide, filterPlaceholder: this.filterPlaceholder, filterDebounce: this.filterDebounce, filter: this.filter, asyncFilter: this.asyncFilter, virtualScroll: this.virtualScroll }, h("div", { key: 'cb97119328bfa57f2d72ee91ec33be37b32211f5', slot: "trigger", ref: (el) => (this.box = el), id: this.inputId, class: {
                 select__box: true,
                 'select__box--line': this.line,
                 'select__box--autocomplete': this.autocomplete,
-            }, role: "combobox", "aria-labelledby": this.labelId, "aria-describedby": this.helpTextId, "aria-haspopup": "true", "aria-expanded": this.isOpen ? 'true' : 'false', tabIndex: this.disabled ? -1 : 0, onBlur: this.handleBlur, onFocus: this.handleFocus }, h("div", { key: 'dd77b5234c29235a00f62b5e49b81dc5aba2ffda', class: "display__values", ref: (el) => (this.displayValuesContainer = el) }, this.displayedValues.length > 0 ? (h("span", { class: "display__values-and-counter" }, h("span", { class: "display__values-values" }, this.displayedValues.map((value) => (h("span", { key: value, class: "display-value" }, value, h("span", { class: { separator: true } }, ", "))))), h("span", { ref: (el) => (this.overflowCount = el), class: "overflow-count" }, "+10"))) : (h("span", { class: "placeholder" }, this.placeholder))), showClear && (h("six-icon-button", { key: 'd30be3b2adb8f5eed29a3e7a5a59f4db007d62e9', exportparts: "base:clear-button", class: "select__clear", name: "clear", size: "small", onClick: this.handleClearClick, tabindex: "-1" })), showExpand && (h("span", { key: '7c40d29a181ce1f15bc1bacf059a9c8e9807be67', part: "icon", class: "select__icon" }, h("six-icon", { key: '6ac4a8bf6a4be113dcfd6bf2fd690c8b47aaaaeb', size: "medium" }, "expand_more"))), h("six-input", { key: '8f226312196871cd91abcb20da09c5a2811d1657', ref: (el) => (this.autocompleteInput = el), class: {
+            }, role: "combobox", "aria-labelledby": this.labelId, "aria-describedby": this.helpTextId, "aria-haspopup": "true", "aria-expanded": this.isOpen ? 'true' : 'false', tabIndex: this.disabled ? -1 : 0, onBlur: this.handleBlur, onFocus: this.handleFocus }, h("div", { key: 'efccbb2b3f722db0d8212851e03519aafd2c0d22', class: "display__values", ref: (el) => (this.displayValuesContainer = el) }, this.displayedValues.length > 0 ? (h("span", { class: "display__values-and-counter" }, h("span", { class: "display__values-values" }, this.displayedValues.map((value) => (h("span", { key: value, class: "display-value" }, value, h("span", { class: { separator: true } }, ", "))))), h("span", { ref: (el) => (this.overflowCount = el), class: "overflow-count" }, "+10"))) : (h("span", { class: "placeholder" }, this.placeholder))), showClear && (h("six-icon-button", { key: 'd1210ab8005b8b49a875a2fbbab1e1c4f5a34a13', exportparts: "base:clear-button", class: "select__clear", name: "clear", size: "small", onClick: this.handleClearClick, tabindex: "-1" })), showExpand && (h("span", { key: 'f9b5a7713489994dce5fe5cb14a81858b143e7a1', part: "icon", class: "select__icon" }, h("six-icon", { key: 'c19b7479fbd2cad7632341cbf0811b8f6e0238ee', size: "medium" }, "expand_more"))), h("six-input", { key: '39fc706d4ec2695b79d8bf5bb434f0a8862b9494', ref: (el) => (this.autocompleteInput = el), class: {
                 select__input: true,
                 'select__hidden-select': !this.autocomplete,
-            }, "aria-hidden": "true", required: this.required, onFocus: this.handleFocus, clearable: this.clearable, placeholder: this.placeholder, pill: this.pill, disabled: this.disabled, size: this.size, tabIndex: -1 })), h("div", { key: 'bb683893a8ad678f3cb01e8e42531b17bd20913c', class: {
+            }, "aria-hidden": "true", required: this.required, onFocus: this.handleFocus, clearable: this.clearable, placeholder: this.placeholder, pill: this.pill, disabled: this.disabled, size: this.size, tabIndex: -1 })), h("div", { key: '65586a6139cea71cdca6b1992f7e915f2ba3f1a2', class: {
                 'selection-container': true,
                 'selection-container--border': this.selectionContainerItems.length > 0 && items.length !== this.selectionContainerItems.length,
-            } }, this.selectionContainerItems), h("six-menu", { key: 'c7755a2e2da8134b6b58189c81c8354cac7a8e2e', ref: (el) => (this.menu = el), part: "menu", class: {
+            } }, this.selectionContainerItems), h("six-menu", { key: 'cddb6aad509a51c0f7f0234f04064493e10d3195', ref: (el) => (this.menu = el), part: "menu", class: {
                 select__menu: true,
                 'select__menu--hidden': !hasMenuItems,
-            }, "onSix-menu-item-selected": this.handleMenuSelect, items: this.options, virtualScroll: this.virtualScroll, "remove-box-shadow": true, "disable-keyboard-handling": true }, h("slot", { key: '95fe463945090bd7a7cbc11066f4752dfff55034', onSlotchange: this.handleSlotChange })), this.multiple && this.selectAllButton && (h("div", { key: '448f7d261edd83841fc82c4c3304ec497aa4c8f8', class: "select-all", slot: "dropdown-footer" }, h("six-button", { key: 'e393c3715514b8e9a0a710c408364e6c96f9a1d3', type: "link", onClick: () => this.selectAll() }, this.selectAllText == null ? selectAllDefaultText(hasDeselectedOptions) : this.selectAllText))))));
+            }, "onSix-menu-item-selected": this.handleMenuSelect, items: this.options, virtualScroll: this.virtualScroll, "remove-box-shadow": true, "disable-keyboard-handling": true }, h("slot", { key: 'fc2d0b6588ea68fad8485df2d726bfb3223ee50c', onSlotchange: this.handleSlotChange })), this.multiple && this.selectAllButton && (h("div", { key: 'eec8f4eb5be60abd5f3b1d056b0b42e21be0ada1', class: "select-all", slot: "dropdown-footer" }, h("six-button", { key: '07166e1d79c6cb9040d0d8945843da71d000092a', type: "link", onClick: () => this.selectAll() }, this.selectAllText == null ? selectAllDefaultText(hasDeselectedOptions) : this.selectAllText))))));
     }
     hasSelection() {
         return this.multiple ? this.value.length > 0 : this.value !== '';
@@ -607,7 +606,6 @@ const SixSelect$1 = /*@__PURE__*/ proxyCustomElement(class SixSelect extends HTM
         "multiple": [4],
         "selectAllButton": [4, "select-all-button"],
         "selectAllText": [1, "select-all-text"],
-        "maxTagsVisible": [2, "max-tags-visible"],
         "disabled": [4],
         "name": [1],
         "placeholder": [1],