@ionic/core 8.8.20-dev.11790077030.16543b26 → 8.8.20-dev.11790107507.142dfc83

package/dist/collection/components/range/range.js

@@ -780,7 +780,7 @@ export class Range {
         const valueAtMin = dualKnobs ? this.valA === min || this.valB === min : this.valA === min;
         const valueAtMax = dualKnobs ? this.valA === max || this.valB === max : this.valA === max;
         renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (h(Host, { key: '1e6b57f8334cb7128be5e00ce1f76a11599a8628', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'f75205d524b67d46bae1f24ffdac4ac9da82d828', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -794,10 +794,10 @@ export class Range {
                 'range-item-end-adjustment': needsEndAdjustment,
                 'range-value-min': valueAtMin,
                 'range-value-max': valueAtMax,
-            }) }, h("label", { key: '8b0a64aca757e91f810ea0b09c981caa70b69294', class: "range-wrapper", id: "range-label" }, h("div", { key: '4802a117da497dc415c97257cad2ec634f32f1b5', class: {
+            }) }, h("label", { key: 'cc211e38c7a2d99f5505160f9fe6f0c42aac9062', class: "range-wrapper", id: "range-label" }, h("div", { key: 'ada76a626fc5b5e2af546146a796a485328d1e8e', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: 'df67255144b7262f875511e1ef9499d3adf6b2de', class: "native-wrapper" }, h("slot", { key: 'c965b14a826bb997ad1ca01b3bbd475ebec7fd6a', name: "start" }), this.renderRangeSlider(), h("slot", { key: 'de5f548589d85091fb464160cab25a159334a7fb', name: "end" })))));
+            }, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '5d5f6b92c092fb3d337af98febbf090853dda6a5', class: "native-wrapper" }, h("slot", { key: '6ed940e5b6f2c5ab5dfe56845709ac49bb75e431', name: "start" }), this.renderRangeSlider(), h("slot", { key: 'c56264bade6f83d687ff3b875c908d018248d52c', name: "end" })))));
     }
     static get is() { return "ion-range"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/refresher/refresher.js

@@ -744,7 +744,7 @@ export class Refresher {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'e1ba03cd1169e59d242cf99303923a6782aec9c7', slot: "fixed", class: {
+        return (h(Host, { key: '78f631741a018b8348a5520ab0e6e2cb4d71ef8d', slot: "fixed", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`refresher-${theme}`]: true,

package/dist/collection/components/refresher-content/refresher-content.js

@@ -53,9 +53,9 @@ export class RefresherContent {
         const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
         const theme = getIonTheme(this);
         const arrowIcon = theme === 'ionic' ? caretLeftFill : caretBackSharp;
-        return (h(Host, { key: '0cc90377c6829900a1c75f2813560311acf70529', class: {
+        return (h(Host, { key: '3d2d138e485b3b2beae47b9ea4e140f0b9647434', class: {
                 [theme]: true,
-            } }, h("div", { key: '2a8618ae8e1bd6c362209b626ebf61992826c5a0', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { key: '9e4caae17831f5fd43425ac4218064d51feda219', class: "refresher-pulling-icon" }, h("div", { key: 'c879db9a05b1ad5cb25311ca0a50171666c95e3d', class: "spinner-arrow-container" }, h("ion-spinner", { key: '884aefdf604e502101c3097ad9ab06a2ecaaf8ef', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (h("div", { key: 'a3fee09c495a2a61a792faa1d21316746e24e0e6', class: "arrow-container" }, h("ion-icon", { key: 'f7a28f9dfbc5b0edc6bf44c5f8187dae4657d062', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { key: 'dcfddf82d55eda82cd44ac350f38c94434cb77e5', class: "refresher-pulling-icon" }, h("ion-icon", { key: '1ad746e80516f131ef929c79c22c833f3bf9bf74', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: '248f7a0200310cfd30fd50ef014bb0bb57b0724b', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { key: '6168be7ae056728e0cf202d3206f3b761d46c94f', class: "refresher-refreshing-icon" }, h("ion-spinner", { key: '1b8eb48c27e9f24b50d917d4f765c78a41e99837', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+            } }, h("div", { key: 'd0c950b65a37a75b795503574a980cdb61f674e1', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { key: '8c6e27b2fb134c21fb7e8864433802a95ba0f328', class: "refresher-pulling-icon" }, h("div", { key: '0a947b7779502780f2c835f8686f3a06e21a9194', class: "spinner-arrow-container" }, h("ion-spinner", { key: '59c129077809add46b7fe6dcf5fc0edbb1cc94d5', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (h("div", { key: 'a28750ed07d9337febbceb5550683eb1c302858c', class: "arrow-container" }, h("ion-icon", { key: 'e14e3b9f9ad51ce3a138a191a848078bd423fa9b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { key: '22c4c80ef1e340a8ec9ca718849b412a09507967', class: "refresher-pulling-icon" }, h("ion-icon", { key: '6506d0dd30bf639a23cda57c6d1c2a9c29e42ed6', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: 'a54967c5f539ed182106b1c5fa7b499de84c049a', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { key: '2e425f66d780e90474b8ebf7473b9f7c98f30c81', class: "refresher-refreshing-icon" }, h("ion-spinner", { key: '286b9b9cce1cb4450ffa5577f0b76044877722ce', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     static get is() { return "ion-refresher-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/reorder/reorder.js

@@ -43,9 +43,9 @@ export class Reorder {
     render() {
         const { reorderHandleIcon } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'aa3f510fde2876e0fd959ee5dd464862d2144b0c', class: {
+        return (h(Host, { key: 'bc0b4cd34db6dfe794ab66a785d406bfc02236c5', class: {
                 [theme]: true,
-            } }, h("slot", { key: 'b346b0d8953ab38045a3be825039508615646327' }, h("ion-icon", { key: 'ef7a796fa344c7c1c3cc0369e08d696d9cbc65bd', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+            } }, h("slot", { key: '28672768be8598b7cb47b7b2837b77afbc2c2e14' }, h("ion-icon", { key: '03b6620768da18a6f8cb0c55e94b85a53cbab66a', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     static get is() { return "ion-reorder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/reorder-group/reorder-group.js

@@ -257,7 +257,7 @@ export class ReorderGroup {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '51b2568949ebe0dfa865eba728fe3626d3cdf71f', class: {
+        return (h(Host, { key: 'c095e5428be9f446f245d37a12653978bb2bc2b6', class: {
                 [theme]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,

package/dist/collection/components/ripple-effect/ripple-effect.js

@@ -72,7 +72,7 @@ export class RippleEffect {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'cde1e9370a586bd5484dd25cd0fa31765dda02e6', role: "presentation", class: {
+        return (h(Host, { key: '51fe7517d41c643bd4e746f366f513c42dac17dc', role: "presentation", class: {
                 [theme]: true,
                 unbounded: this.unbounded,
             } }));

package/dist/collection/components/router-link/router-link.js

@@ -26,10 +26,10 @@ export class RouterLink {
             rel: this.rel,
             target: this.target,
         };
-        return (h(Host, { key: '807f4a6b1d3c8fb18ade05fd2a1af595c6e89002', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '84efbafddc586ee3f616d4e1a13118c04d9b2753', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'ion-activatable': true,
-            }) }, h("a", Object.assign({ key: 'a088910213b8716a3e3c9a1242af121c293c4b53' }, attrs), h("slot", { key: '1a7b3d126ad7e73a09c641cddfed5aeff2a1d544' }))));
+            }) }, h("a", Object.assign({ key: 'e8c7cda4c00ec45548ea52b632bc4adb07f9460c' }, attrs), h("slot", { key: '133bf1203a3e218e3868b4cfda00bb753ecea946' }))));
     }
     static get is() { return "ion-router-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/router-outlet/router-outlet.js

@@ -184,7 +184,7 @@ export class RouterOutlet {
         return true;
     }
     render() {
-        return h("slot", { key: '8968db9384f12de5864a72b8bb36a6ecaf265bce' });
+        return h("slot", { key: '56e3d06ed939755796058e30ef19fbc7f7cb490d' });
     }
     static get is() { return "ion-router-outlet"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/row/row.js

@@ -10,9 +10,9 @@ import { getIonTheme } from "../../global/ionic-global";
 export class Row {
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '462e25104f02259346730c4cd9112c1638fc4421', class: {
+        return (h(Host, { key: '3a3c40062d2d0487c61dedbb172215b87bb425b1', class: {
                 [theme]: true,
-            } }, h("slot", { key: 'e57eb2188504a92d9779a9f176688dd4c4b393e1' })));
+            } }, h("slot", { key: '164f457f6f7853ed8f7279d20bc6ede6cf9d3e5c' })));
     }
     static get is() { return "ion-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/searchbar/searchbar.ionic.css

@@ -215,22 +215,21 @@
    * @prop --focus-ring-color: The color of the ring around the focused element.
    * @prop --focus-ring-width: The width of the ring around the focused element.
    */
-  --background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
+  --background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));
   --border-radius: var(--token-border-radius-400, var(--token-scale-400, 16px));
   --box-shadow: none;
-  --cancel-button-color: var(--token-primitives-neutral-800, #626262);
-  --clear-button-color: var(--token-primitives-neutral-1000, #3b3b3b);
-  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
-  --icon-color: var(--token-icon-subtlest, var(--token-primitives-neutral-800, #626262));
-  --placeholder-color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
-  --focus-ring-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
+  --cancel-button-color: var(--token-primitives-neutral-800, #6c727a);
+  --clear-button-color: var(--token-primitives-neutral-1000, #383e45);
+  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
+  --icon-color: var(--token-icon-subtlest, var(--token-primitives-neutral-800, #6c727a));
+  --placeholder-color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
+  --focus-ring-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
   --focus-ring-width: var(--token-border-size-050, var(--token-scale-050, 2px));
+  font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
   font-size: var(--token-font-size-350, 0.875rem);
   font-weight: var(--token-font-weight-regular, 400);
-  letter-spacing: var(--token-font-letter-spacing-0, 0%);
-  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
-  text-decoration: none;
-  text-transform: none;
+  letter-spacing: var(--token-font-letter-spacing-0, 0);
+  line-height: var(--token-font-line-height-600, 1.5rem);
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
@@ -274,12 +273,12 @@
 .searchbar-clear-button:focus-visible,
 .searchbar-cancel-button:focus-visible ion-icon {
   border-radius: var(--token-border-radius-100, var(--token-scale-100, 4px));
-  outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
+  outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
   opacity: 1;
 }
 
 :host(.searchbar-has-value) {
-  --icon-color: var(--token-icon-default, var(--token-primitives-neutral-1200, #242424));
+  --icon-color: var(--token-icon-default, var(--token-primitives-neutral-1200, #242528));
 }
 
 :host(.in-toolbar.searchbar-should-show-cancel) .searchbar-cancel-button {
@@ -297,12 +296,12 @@
 
 /* Hover */
 :host(:hover) {
-  --background: var(--token-primitives-neutral-200, #eae9e9);
+  --background: var(--token-primitives-neutral-200, #ebeef2);
 }
 
 /* Focus */
 :host(.searchbar-has-focus) .searchbar-input {
-  outline: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
+  outline: var(--focus-ring-width) solid var(--focus-ring-color);
 }
 
 :host(.searchbar-has-focus) .searchbar-search-icon,
@@ -318,9 +317,9 @@
 
 /* Disabled */
 :host(.searchbar-disabled) {
-  --color: var(--token-primitives-neutral-500, #a2a2a2);
-  --icon-color: var(--token-icon-disabled, var(--token-primitives-neutral-500, #a2a2a2));
-  --placeholder-color: var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));
+  --color: var(--token-primitives-neutral-500, #9fa5ad);
+  --icon-color: var(--token-icon-disabled, var(--token-primitives-neutral-500, #9fa5ad));
+  --placeholder-color: var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));
   cursor: default;
   pointer-events: none;
 }

package/dist/collection/components/searchbar/searchbar.js

@@ -571,8 +571,8 @@ export class Searchbar {
         const shouldShowCancelButton = this.shouldShowCancelButton();
         const shape = this.getShape();
         const size = this.getSize();
-        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: 'ba1054d659e4bea764fb452cbbbc2e6e5ed9aa62', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: 'ce8b5af2840153e596f094b595586f805b62c2d8', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (h(Host, { key: 'd2ccc7761aca5a4a99db20127ec621f90472ca25', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: 'b7c0ac188898cd320c11ecc3f100a686468b0b24', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '3f04b6dcc64a2e51a4de863694888e5af3692387', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (h(Host, { key: '9c31c41ff5026a9c42f45a5cfd3c98d8eb4e9925', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -586,7 +586,7 @@ export class Searchbar {
                 [`searchbar-shape-${shape}`]: shape !== undefined,
                 [`searchbar-size-${size}`]: size !== undefined,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            }) }, h("div", { key: '536e99e577fdb0280529a97d7b208e6ae3223990', class: "searchbar-input-container" }, h("input", Object.assign({ key: '6155e03d7bed438e7dc4b7f14d1b9085f116cf8f', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (h("ion-icon", { key: 'a88731ba90a73898c05c58341ab4fffc3a9c239e', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (h("button", { key: '7d47ae7bbfbb9278c2dc8aa8e156da5d80d50a88', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '7269c8b6886e8dea41ad17f257868a5d4bb9a5b8', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
+            }) }, h("div", { key: '5710382c91b47ecfba36aab7bd8497723cb1aa04', class: "searchbar-input-container" }, h("input", Object.assign({ key: '1ab27cbebfad408b96d1bb1b57e4caa7420ced72', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (h("ion-icon", { key: '3e0d29f6f35e6b817bb4bc7f879e8445c2ceadee', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (h("button", { key: '87521fd5630077725fd30173d17fd1d49819c209', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: 'd93452bbe539c582846e4a5826c0671e235349d0', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
     }
     static get is() { return "ion-searchbar"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/segment/segment.js

@@ -548,14 +548,14 @@ export class Segment {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '4aab9258c768b2827c14b439414b3db219103e90', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '65c576c0bb9ff0602793f75321d676a34b306b3b', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, h("slot", { key: '4de8a03aa0e08dfde3e951131bff3d3bce06b7b4', onSlotchange: this.onSlottedItemsChange })));
+            }) }, h("slot", { key: '210750a65ccada549bccf026871477ee2b7bdc69', onSlotchange: this.onSlottedItemsChange })));
     }
     static get is() { return "ion-segment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segment-button/segment-button.ionic.css

@@ -266,12 +266,12 @@
    */
   --background: none;
   --background-checked: var(--background);
-  --color: var(--token-primitives-neutral-1200, #242424);
+  --color: var(--token-primitives-neutral-1200, #242528);
   --color-checked: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
-  --color-disabled: var(--token-primitives-neutral-500, #a2a2a2);
+  --color-disabled: var(--token-primitives-neutral-500, #9fa5ad);
   --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
-  --border-color: var(--token-primitives-neutral-300, #e0e0e0);
-  --border-style: var(--token-border-style-solid, solid);
+  --border-color: var(--token-primitives-neutral-300, #e6eaee);
+  --border-style: solid;
   --indicator-box-shadow: none;
   --indicator-color: var(--color-checked);
   --indicator-height: var(--token-border-size-025, var(--token-scale-025, 1px));
@@ -302,12 +302,11 @@
 }
 
 ::slotted(ion-label) {
+  font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
   font-size: var(--token-font-size-350, 0.875rem);
   font-weight: var(--token-font-weight-medium, 500);
-  letter-spacing: var(--token-font-letter-spacing-1, 1%);
-  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
-  text-decoration: none;
-  text-transform: none;
+  letter-spacing: var(--token-font-letter-spacing-100, 0.01em);
+  line-height: var(--token-font-line-height-500, 1.25rem);
 }
 
 ::slotted(ion-icon) {
@@ -324,7 +323,7 @@
 
 :host(.ion-focused) .button-inner {
   outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
-  outline: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
+  outline: var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
 }
 
 .segment-button-indicator {

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

@@ -112,7 +112,7 @@ export class SegmentButton {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const theme = getIonTheme(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (h(Host, { key: '16ff6773fda91c45ee0bb46850934f26be19d105', class: {
+        return (h(Host, { key: 'da5c8352e5e0f3a01211edbc39c5043cadc5b06f', class: {
                 [theme]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -128,7 +128,7 @@ export class SegmentButton {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, h("button", Object.assign({ key: '0b022c58fbf1ced7da879a3bacad5dd178fe98c3', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '3f6d12eb9d9448a787c18da271f13d7073de4213', class: "button-inner" }, h("slot", { key: 'c68033866430947e6acbe6b1dae605fdf7e8bd55' })), theme === 'md' && h("ion-ripple-effect", { key: '2df7503e10aca931f073073548c147e19de60998' })), h("div", { key: '425b190934c37f17bb49361cb0b6d01a6e2f3cec', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '33f204eed573fca4c065343f6a4474985ebff4ee', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, h("button", Object.assign({ key: 'cfd963a166ebfeba590d6538069b26a107306583', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '845b729e96ba5b594d441ca41c73e2c33a4f5817', class: "button-inner" }, h("slot", { key: 'f38369982dd602c32dbbc6aca2fae6dbb53faa8a' })), theme === 'md' && h("ion-ripple-effect", { key: 'b1b15b731688dd02806409c9c3eda5519a958239' })), h("div", { key: 'fff597d493a85be8005ef3b9eb4f2a93c2a7a4d0', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: 'f06b53d0ef9d08354f562ac6d3469998257dd688', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     static get is() { return "ion-segment-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segment-content/segment-content.js

@@ -4,7 +4,7 @@
 import { Host, h } from "@stencil/core";
 export class SegmentContent {
     render() {
-        return (h(Host, { key: '71f41e504f32036fcc250f60a6e3854f2b8d8e9a' }, h("slot", { key: 'ed5ee09cf924957e1551140b15c6d5a4a63a2042' })));
+        return (h(Host, { key: '2f43cadcbcb1a9423b30e7abc169ff923a8c431f' }, h("slot", { key: 'c3a6d3e9c336f5124cdec9f37ef516324558073c' })));
     }
     static get is() { return "ion-segment-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segment-view/segment-view.js

@@ -110,11 +110,11 @@ export class SegmentView {
     }
     render() {
         const { disabled, isManualScroll, swipeGesture } = this;
-        return (h(Host, { key: '39a6d926dc2bf3e59cd16f2b7a735335418026e6', class: {
+        return (h(Host, { key: '8d1aa594c5674bca376ee3e9b18b60b0925dd875', class: {
                 'segment-view-disabled': disabled,
                 'segment-view-scroll-disabled': isManualScroll === false,
                 'segment-view-swipe-disabled': swipeGesture === false,
-            } }, h("slot", { key: '5bd7e1015268e6971a9220e8ef23839f58fb608c' })));
+            } }, h("slot", { key: '6375fa794ae615b74a70968718aadefa0a9fc1d6' })));
     }
     static get is() { return "ion-segment-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select/select.ionic.css

@@ -558,55 +558,53 @@ button {
 
 :host {
   --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
-  --border-color: var(--token-primitives-neutral-500, #a2a2a2);
+  --border-color: var(--token-primitives-neutral-500, #9fa5ad);
   --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
   --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
   --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
   --padding-top: var(--token-space-300, var(--token-scale-300, 12px));
   --padding-bottom: var(--token-space-300, var(--token-scale-300, 12px));
-  --placeholder-color: var(--token-primitives-neutral-800, #626262);
+  --placeholder-color: var(--token-primitives-neutral-800, #6c727a);
   --placeholder-opacity: 1;
-  --highlight-color-focused: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
-  --highlight-color-valid: var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));
-  --highlight-color-invalid: var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222));
+  --highlight-color-focused: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
+  --highlight-color-valid: var(--token-semantics-success-900, var(--token-primitives-green-900, #037046));
+  --highlight-color-invalid: var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b));
   --select-text-gap: var(--token-space-300, var(--token-scale-300, 12px));
   min-height: var(--token-scale-1100, 44px);
 }
 
 .select-bottom {
   padding-top: var(--token-space-100, var(--token-scale-100, 4px));
+  font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
   font-size: var(--token-font-size-300, 0.75rem);
   font-weight: var(--token-font-weight-medium, 500);
-  letter-spacing: var(--token-font-letter-spacing-0, 0%);
-  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
-  text-decoration: none;
-  text-transform: none;
+  letter-spacing: var(--token-font-letter-spacing-0, 0);
+  line-height: var(--token-font-line-height-500, 1.25rem);
 }
 
 .select-bottom .helper-text {
-  color: var(--token-primitives-neutral-800, #626262);
+  color: var(--token-primitives-neutral-800, #6c727a);
 }
 
 .select-bottom .error-text {
-  color: var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
+  color: var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)));
 }
 
 .select-text {
   min-width: var(--token-space-400, var(--token-scale-400, 16px));
-  color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
+  color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
 }
 
 :host(.has-value) .select-text {
-  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
+  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
 }
 
 .label-text-wrapper {
+  font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
   font-size: var(--token-font-size-300, 0.75rem);
   font-weight: var(--token-font-weight-medium, 500);
-  letter-spacing: var(--token-font-letter-spacing-0, 0%);
-  line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
-  text-decoration: none;
-  text-transform: none;
+  letter-spacing: var(--token-font-letter-spacing-0, 0);
+  line-height: var(--token-font-line-height-500, 1.25rem);
   /**
    * Label text should not extend
    * beyond the bounds of the select.
@@ -617,7 +615,7 @@ button {
    */
   max-width: var(--token-scale-5000, 200px);
   transition: color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
-  color: var(--token-primitives-neutral-1000, #3b3b3b);
+  color: var(--token-primitives-neutral-1000, #383e45);
 }
 
 :host(.select-label-placement-start) .label-text-wrapper,
@@ -703,19 +701,18 @@ button {
 }
 
 .native-wrapper {
+  font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
   font-size: var(--token-font-size-350, 0.875rem);
   font-weight: var(--token-font-weight-regular, 400);
-  letter-spacing: var(--token-font-letter-spacing-0, 0%);
-  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
-  text-decoration: none;
-  text-transform: none;
+  letter-spacing: var(--token-font-letter-spacing-0, 0);
+  line-height: var(--token-font-line-height-600, 1.5rem);
   /**
    * When the floating label appears on top of the
    * input, we need to fade the input out so that the
    * label does not overlap with the placeholder.
    */
   transition: opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
-  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
+  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
 }
 
 :host(.select-label-placement-stacked) .native-wrapper,
@@ -753,11 +750,11 @@ button {
 
 .select-icon {
   transition: transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));
-  color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
+  color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
 }
 
 :host(.has-value) .select-icon {
-  color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
+  color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));
 }
 
 /**
@@ -770,18 +767,18 @@ button {
 }
 
 :host(.select-fill-solid) {
-  --background: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));
+  --background: var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #ebeef2));
 }
 
 :host(.select-disabled) {
-  --background: var(--token-primitives-neutral-100, #f3f3f3);
-  --border-color: var(--token-primitives-neutral-300, #e0e0e0);
+  --background: var(--token-primitives-neutral-100, #f6f7fa);
+  --border-color: var(--token-primitives-neutral-300, #e6eaee);
 }
 
 :host(.select-disabled) .label-text-wrapper,
 :host(.select-disabled) .select-text,
 :host(.select-disabled) .select-icon {
-  color: var(--token-primitives-neutral-500, #a2a2a2);
+  color: var(--token-primitives-neutral-500, #9fa5ad);
 }
 
 :host(.select-shape-soft) {

package/dist/collection/components/select/select.js

@@ -1017,7 +1017,7 @@ export class Select {
          */
         const labelShouldFloat = labelPlacement === 'stacked' ||
             (labelPlacement === 'floating' && (hasValue || hasFocus || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: '5cec6cd980d791d9a74a444a7371adc60edc9e6a', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '9339cb236070c47333154d96c336dc1df9a11e1c', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -1036,7 +1036,7 @@ export class Select {
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
                 [`select-size-${size}`]: size !== undefined,
-            }) }, h("label", { key: '70b401b0367a1ce5ba020f69d9be303984b0171a', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: '465028fa5227ec7d5748f5672a3032b98f7b530f', class: "select-wrapper-inner", part: "inner" }, 
+            }) }, h("label", { key: 'db8f0b67592f4b99f5e16d06ee8120852a60f4d1', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: '30313c0f3034be59605b368d15af4ba00202a5f4', class: "select-wrapper-inner", part: "inner" }, 
         /**
          * For the ionic theme, we render the outline container here
          * instead of higher up, so it can be positioned relative to
@@ -1046,7 +1046,7 @@ export class Select {
          * <label> element, ensuring that clicking the label text
          * focuses the select.
          */
-        theme === 'ionic' && fill === 'outline' && h("div", { key: '82f1acd07b4fa08058da6121151e5926abb6fa77', class: "select-outline" }), h("slot", { key: '9ffaced18e0013830587c82c717d81c7449fe1f5', name: "start" }), h("div", { key: '9b90d18bb33a04a34a562d5d6b048bb8907e58b6', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '5a40623639ced84b7ca6d7017adb92f8b1eb017e', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '1935912a74c2f4e8160936fbccd1e1fb6b472d1e', class: "select-highlight" })), this.renderBottomContent()));
+        theme === 'ionic' && fill === 'outline' && h("div", { key: '78bba2953ba88efd1189afa31e8229a8972175e5', class: "select-outline" }), h("slot", { key: '086505d193a19677d33e26a5a116783d999c6861', name: "start" }), h("div", { key: '5bb7863236596cad5c1118be1ae54898b638b760', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '38744ee0cc6750f84d11470c09a4e950d73f1e44', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '4eecb0df50800d16bea58c5649e68e06b122e472', class: "select-highlight" })), this.renderBottomContent()));
     }
     static get is() { return "ion-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select-modal/select-modal.ionic.css

@@ -74,19 +74,18 @@
 }
 
 .select-option-description {
+  font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
   font-size: var(--token-font-size-350, 0.875rem);
   font-weight: var(--token-font-weight-regular, 400);
-  letter-spacing: var(--token-font-letter-spacing-0, 0%);
-  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
-  text-decoration: none;
-  text-transform: none;
+  letter-spacing: var(--token-font-letter-spacing-0, 0);
+  line-height: var(--token-font-line-height-600, 1.5rem);
   -webkit-padding-start: var(--token-space-0, var(--token-scale-0, 0px));
   padding-inline-start: var(--token-space-0, var(--token-scale-0, 0px));
   -webkit-padding-end: var(--token-space-0, var(--token-scale-0, 0px));
   padding-inline-end: var(--token-space-0, var(--token-scale-0, 0px));
   padding-top: var(--token-space-0, var(--token-scale-0, 0px));
   padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
-  color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));
+  color: var(--token-text-subtle, var(--token-primitives-neutral-1000, #383e45));
   font-size: var(--token-font-size-350, 0.875rem);
 }
 
@@ -197,20 +196,19 @@ ion-item {
   --border-width: var(--token-border-size-0, var(--token-scale-0, 0px));
   --background-focused: transparent;
   --background-focused-opacity: 1;
-  --background-hover: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
+  --background-hover: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
   --background-hover-opacity: 1;
-  --background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
+  --background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
   --background-activated-opacity: 1;
   --border-radius: var(--token-border-radius-400, var(--token-scale-400, 16px));
 }
 
 ion-toolbar {
+  font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
   font-size: var(--token-font-size-450, 1.125rem);
   font-weight: var(--token-font-weight-medium, 500);
-  letter-spacing: var(--token-font-letter-spacing-0, 0%);
-  line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
-  text-decoration: none;
-  text-transform: none;
+  letter-spacing: var(--token-font-letter-spacing-0, 0);
+  line-height: var(--token-font-line-height-700, 1.75rem);
 }
 
 ion-list ion-radio::part(container) {
@@ -228,17 +226,16 @@ ion-list ion-radio::part(label) {
 
 ion-list ion-radio::part(label),
 ion-list ion-checkbox::part(label) {
+  font-family: var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
   font-size: var(--token-font-size-400, 1rem);
   font-weight: var(--token-font-weight-medium, 500);
-  letter-spacing: var(--token-font-letter-spacing-0, 0%);
-  line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
-  text-decoration: none;
-  text-transform: none;
+  letter-spacing: var(--token-font-letter-spacing-0, 0);
+  line-height: var(--token-font-line-height-600, 1.5rem);
 }
 
 .item-radio-checked,
 .item-checkbox-checked {
-  --background: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
+  --background: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));
 }
 
 ion-content {

package/dist/collection/components/select-modal/select-modal.js

@@ -166,7 +166,7 @@ export class SelectModal {
         });
     }
     render() {
-        return (h(Host, { key: '3c54357041c0b4fe1221dba916dde9bfbab5df10', class: Object.assign({ [getIonMode(this)]: true }, this.getModalContextClasses()) }, h("ion-header", { key: 'fed058b666b444588eb2856beedf1f689be14cf0' }, h("ion-toolbar", { key: '4ad54b33aa2b38149b583850aa522d00c1db9418' }, this.header !== undefined && h("ion-title", { key: '12d9b9c904d225d9402739114b3ee5352333c274' }, this.header), h("ion-buttons", { key: '235a6c3777856b8e4dcf12db52f2cabd28c14bc2', slot: "end" }, h("ion-button", { key: 'dc2320000210100ee160865d2249cd027268fd53', "aria-label": this.cancelIcon ? this.cancelText : undefined, "data-focus-order": "2", onClick: () => this.closeModal() }, this.cancelIcon ? (h("ion-icon", { "aria-hidden": "true", slot: "icon-only", icon: this.cancelButtonIcon })) : (this.cancelText))))), h("ion-content", { key: '729b6821f15cc3d3743d67ec5a225902203dcdfb' }, h("ion-list", { key: 'ae4182b71368ecf8599bcb30c6e79f7703cdd445' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
+        return (h(Host, { key: '9c8958c8e0b84421e5d6468bfc582acbea6a5f4f', class: Object.assign({ [getIonMode(this)]: true }, this.getModalContextClasses()) }, h("ion-header", { key: 'f994491c2b20ce1051e72bd164e4d5801e3cbe3c' }, h("ion-toolbar", { key: '9259caf459d88d0c83415ff2c612ad1dbb82598f' }, this.header !== undefined && h("ion-title", { key: '8eac7a1449dccd2e875639b2ded9b3b01759d474' }, this.header), h("ion-buttons", { key: 'b5a988ceb69f4b6b12c6f8379871120a18418f7c', slot: "end" }, h("ion-button", { key: 'ff996f920f44202a251abccc2e5ff9c586fdd5c5', "aria-label": this.cancelIcon ? this.cancelText : undefined, "data-focus-order": "2", onClick: () => this.closeModal() }, this.cancelIcon ? (h("ion-icon", { "aria-hidden": "true", slot: "icon-only", icon: this.cancelButtonIcon })) : (this.cancelText))))), h("ion-content", { key: 'b97cacb34df32548d36404919d316eb4bd1e5b71' }, h("ion-list", { key: 'f45ced2c9818d471f95046014f962163c72a9570' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
     }
     static get is() { return "ion-select-modal"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/select-option/select-option.js

@@ -21,7 +21,7 @@ export class SelectOption {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '3a3b73f5a7d447d32daa848de4fa28a4261cd54d', class: {
+        return (h(Host, { key: '059d2198c422852c16aba1c7523ac6e9e586006f', class: {
                 [theme]: true,
             }, role: "option", id: this.inputId }));
     }