@ionic/core 8.8.20-dev.11790063553.1c664fbb → 8.8.20-dev.11790070024.16543b26

package/dist/collection/components/item-option/item-option.ionic.css

@@ -158,11 +158,12 @@
   padding-right: 0;
   padding-top: 0;
   padding-bottom: 0;
-  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-100, 0.01em);
-  line-height: var(--token-font-line-height-500, 1.25rem);
+  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;
 }
 
 .button-native {
@@ -250,9 +251,9 @@
 }
 
 :host(.item-option-subtle) {
-  --background: var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff))));
+  --background: var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc))));
   --background-activated: var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa))));
-  --color: var(--ion-color-primary-subtle-contrast, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));
+  --color: var(--ion-color-primary-subtle-contrast, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));
 }
 
 :host(.item-option-subtle.ion-color) {

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

@@ -71,14 +71,14 @@ export class ItemOption {
                 href: this.href,
                 target: this.target,
             };
-        return (h(Host, { key: '8f1bad23fd3ccbb9d54d57765e6731cd2ee07306', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: '1334eb24ae20002d32b4f7d900d65a57e2fb1937', onClick: this.onClick, class: createColorClasses(this.color, {
                 [theme]: true,
                 [`item-option-${shape}`]: shape !== undefined,
                 [`item-option-${hue}`]: hue !== undefined,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, h(TagType, Object.assign({ key: '2baf904e356a87ed463ee5f517e0e95f90b2ef30' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: '49b627f72dffd1b150ccd808b1b1f63bbe78e2de', class: "button-inner", part: "inner" }, h("slot", { key: 'cdb52f76f1d7e5df411215f17eb76ad25e36241a', name: "top" }), h("div", { key: '864204667c6e3ba6f989b24e96c131b67e55d408', class: "horizontal-wrapper", part: "container" }, h("slot", { key: '474f4aab708842bb7ef74cb6f1fbe601ceff82cf', name: "start" }), h("slot", { key: '2bd726c5ba3ee079a623f1f6229d1ac2afd3e291', name: "icon-only" }), h("slot", { key: '2d1a673c447ebf82c92f944ec9e83a5b38698307' }), h("slot", { key: '8d0f9337cd84c725190cffd25d74044075e85ab0', name: "end" })), h("slot", { key: 'a674039b26d9cbb886e88ea721bbc210484aba9f', name: "bottom" })), theme === 'md' && h("ion-ripple-effect", { key: '3e45bf18b7992943c47ece47e9358f4da0b8e865' }))));
+            }) }, h(TagType, Object.assign({ key: '53fe08dcdf52c802b0e9ff37e14c57f033d09bb0' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: '57de1b30b87b9c471ff2caf18eb5a98849376da8', class: "button-inner", part: "inner" }, h("slot", { key: '782a54a75f60221a4ed1aa445b19f74ded235ff3', name: "top" }), h("div", { key: '02959a033f8293eb63520aae90643549c9badeb3', class: "horizontal-wrapper", part: "container" }, h("slot", { key: '58c7d634698ca590d0fda9f285d0401f008852d3', name: "start" }), h("slot", { key: '01bd60bc0501c98bddd9e3bd018bc1a954cebde8', name: "icon-only" }), h("slot", { key: 'c3ebae19e2afa6cd78732e728e9b71fcb6ef23c1' }), h("slot", { key: '668976dab90595602295079a7a8c495e0b00859a', name: "end" })), h("slot", { key: '206bc568527ead01b51adb8e2ae514654e751096', name: "bottom" })), theme === 'md' && h("ion-ripple-effect", { key: '48efd449cda5e8d06b07fbe57ef5b8022151e139' }))));
     }
     static get is() { return "ion-item-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/item-options/item-options.js

@@ -25,7 +25,7 @@ export class ItemOptions {
     render() {
         const theme = getIonTheme(this);
         const isEnd = isEndSide(this.side);
-        return (h(Host, { key: 'ed05ceebf2cda943ac9efea2f91b71f7e8fc55e8', class: {
+        return (h(Host, { key: 'd5430bf386e4b4ab8c6ab6d0d76f4275c3676dea', class: {
                 [theme]: true,
                 // Used internally for styling
                 [`item-options-${theme}`]: true,

package/dist/collection/components/item-sliding/item-sliding.ionic.css

@@ -179,7 +179,7 @@ ion-item-sliding .item {
  * convert to a unit other than $baselineUnit.
  */
 .item-sliding-transition-open .item {
-  transition: transform var(--token-transition-time-200, 200ms) var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1));
+  transition: transform var(--token-transition-time-250, 250ms) var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1));
 }
 
 .item-sliding-transition-snapback .item {

package/dist/collection/components/item-sliding/item-sliding.js

@@ -773,7 +773,7 @@ export class ItemSliding {
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '47de8c8a9721f9223b42d6722a9ad32f378818aa', class: {
+        return (h(Host, { key: '4129662d1e63ec0afd41c481b5058bf3da47b1db', class: {
                 [theme]: true,
                 'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
                 'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,

package/dist/collection/components/label/label.js

@@ -59,13 +59,13 @@ export class Label {
     render() {
         const position = this.position;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'b1f261db441bcb0a325a5b3e21da17764a56f17c', class: createColorClasses(this.color, {
+        return (h(Host, { key: '79604615b5d6c4fdc663784693ac634bbffbc192', class: createColorClasses(this.color, {
                 [theme]: true,
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
                 [`label-no-animate`]: this.noAnimate,
                 'label-rtl': document.dir === 'rtl',
-            }) }, h("slot", { key: '490444c8c0d4cf72eae3f8abfb7ed7ecc30bb213' })));
+            }) }, h("slot", { key: '4ed48f6f5d7e022604c6cfb9d39b2fd47b1c4095' })));
     }
     static get is() { return "ion-label"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/list/list.js

@@ -46,7 +46,7 @@ export class List {
         const theme = getIonTheme(this);
         const shape = this.getShape();
         const { lines, inset } = this;
-        return (h(Host, { key: '9be30ff6e75e020c0db7054800cb874efef26bd8', role: "list", class: {
+        return (h(Host, { key: '34f64ae54181dcb5a0941cd0ad3c8194da259a00', role: "list", class: {
                 [theme]: true,
                 // Used internally for styling
                 [`list-${theme}`]: true,

package/dist/collection/components/list-header/list-header.ionic.css

@@ -149,12 +149,13 @@
 
 :host {
   --background: transparent;
-  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
-  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");
+  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
   font-size: var(--token-font-size-350, 0.875rem);
   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, 1.5rem);
+  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;
   min-height: calc(var(--token-scale-1400, 56px) + var(--token-scale-050, 2px));
   /**
    * The focus rings from components like buttons and links

package/dist/collection/components/list-header/list-header.js

@@ -14,10 +14,10 @@ export class ListHeader {
     render() {
         const { lines } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: '7a1632a069317285210f4aeae50a6f2ef6955c56', class: createColorClasses(this.color, {
+        return (h(Host, { key: '75a8cb71f9912ba98a451a2e7547e7e713a92f42', class: createColorClasses(this.color, {
                 [theme]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, h("div", { key: 'a9a9463f209023da222f38a78126d5aaeb2f03b9', class: "list-header-inner", part: "inner" }, h("slot", { key: 'e3c6ec1b588392d347844d59d338abc339e80634' }))));
+            }) }, h("div", { key: '95d5828c9ea769b5486589e3d6ad0d1d68d54354', class: "list-header-inner", part: "inner" }, h("slot", { key: 'd31b1166239a38ceb5567c66985436681e96b610' }))));
     }
     static get is() { return "ion-list-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loading/loading.js

@@ -180,9 +180,9 @@ export class Loading {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (h(Host, Object.assign({ key: '2ffae36b20a7d7f3a752a062d90062583e31d053', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '4b0d54ff4d811e2aaaa4ebe159f576b6afec1248', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: 'a6d8cac2c34a0905ec67a2c64be7ec12cc84f168', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'cd011d86f20869096a8546f098fb5edad44033a1', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '70298be2139d6004e0f8fc5a85c5d05f1efdc347', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '32aef90695d91e0a82696abbce96ba29cb1a2608', class: "loading-spinner" }, h("ion-spinner", { key: '7ae69c27be273cf3e83230dae043168df27ac27e', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: 'f13a01b31516c3fe85dd3a623962290c03e7412f', tabindex: "0", "aria-hidden": "true" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: '11dec4427fcfeb2ab673a1645255193507a85257', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'ea0f7e39b9bf022cedd61b7be165b372c62256da', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '5e35f157a67f01934b87cf8862f4976da98ba4ba', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: 'c25c5e75286dcff72a6e7b2f1a7f80fb848a3086', class: "loading-spinner" }, h("ion-spinner", { key: '6664c761a873ad35cf673c8f45de59deadb05322', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: '728bb8f1f35f6859e7a683b7617618e60b2c794b', tabindex: "0", "aria-hidden": "true" })));
     }
     static get is() { return "ion-loading"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/menu/menu.js

@@ -661,14 +661,14 @@ export class Menu {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: 'ed286af30b990e9a3f67606a6a30c50a07c13f87', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: '4d8014018a4d35320fad25884f3949b67f4d2b59', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [theme]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, h("div", { key: '8b15c8ccd73eeb640eea76996d5123a9cd67face', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: 'accfd5cdddac5cde2776b8272a63c1513e6928a8' })), h("ion-backdrop", { key: 'e85f75b8ace51db8fac52388c042e93f73bf14ca', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: '36740aaebedfd05492182b47cc2400a8422eca03', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: 'e2f9a709e0c5389d9e7966ff322d273b8e1ed1dc' })), h("ion-backdrop", { key: '2d4ca83bad76041b3fdb9eccdda206061aa82e1c', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     static get is() { return "ion-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,7 +67,7 @@ export class MenuButton {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (h(Host, { key: '341ca3bfac81ce4432eef5d2fd738becd1dfb07e', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
+        return (h(Host, { key: '1156d6fbbfae106baf4b496f6af40f62f1a40c1c', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
                 [theme]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -76,7 +76,7 @@ export class MenuButton {
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, h("button", Object.assign({ key: '6e6229df2fc1f2d18294a5fbf7fe71e7dd47666a' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: '0216acbf67d7aa5edc52328f7ded4cb98bc8a237', class: "button-inner" }, h("slot", { key: '5c2cdae42add9a25d3e6323048fcbc6b5fc9b32e' }, h("ion-icon", { key: '5b38c283957cd2f1ad659427dec612fc84fc054f', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { key: 'adabe4ffa1d66fe36d55294d774db9c4bba1ad76', type: "unbounded" }))));
+            }) }, h("button", Object.assign({ key: 'de8c4eb9376622c8f7856d4217cebbf1ab33dd25' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: '4ef21adfb788ee64a66a86da0707117292f9e44c', class: "button-inner" }, h("slot", { key: '7e357a68623f773d2d156f214001ac75be57166b' }, h("ion-icon", { key: 'fac2551a1ef4a9e2f7415675926b1e84397171fc', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { key: '7357781f2cd45738f08389644f325672d5fd331f', type: "unbounded" }))));
     }
     static get is() { return "ion-menu-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-toggle/menu-toggle.js

@@ -34,10 +34,10 @@ export class MenuToggle {
     render() {
         const theme = getIonTheme(this);
         const hidden = this.autoHide && !this.visible;
-        return (h(Host, { key: '9ef631d9ae370a8740e691d281863203bfdddc38', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (h(Host, { key: '769666a8497276c40af900d2456975c5069fecb6', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [theme]: true,
                 'menu-toggle-hidden': hidden,
-            } }, h("slot", { key: 'f8d9dfc562ed625ae47ec771ef6b2ea04bc463f4' })));
+            } }, h("slot", { key: '6f4352e8a69183562c42ee4b98b77497dfc59c1f' })));
     }
     static get is() { return "ion-menu-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -198,9 +198,9 @@ ion-backdrop {
 
 :host {
   --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
-  --box-shadow: var(--token-elevation-3, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-6, 6px) var(--token-shadow-blur-32, 32px) var(--token-shadow-spread-0, 0px) var(--token-shadow-6, rgba(0, 0, 0, 0.1607843137)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-2, 2px) var(--token-shadow-blur-7, 7px) var(--token-shadow-spread-0, 0px) var(--token-shadow-2, rgba(0, 0, 0, 0.0509803922)));
+  --box-shadow: var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));
   --backdrop-opacity: 0.7;
-  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
+  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
 }
 
 :host(.modal-round) {
@@ -228,7 +228,7 @@ ion-backdrop {
   border-radius: var(--token-border-radius-100, var(--token-scale-100, 4px));
   width: var(--token-scale-1100, 44px);
   height: var(--token-scale-100, 4px);
-  background-color: var(--token-primitives-neutral-300, #e6eaee);
+  background-color: var(--token-primitives-neutral-300, #e0e0e0);
 }
 .modal-handle::before {
   -webkit-padding-start: var(--token-space-100, var(--token-scale-100, 4px));

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

@@ -1198,11 +1198,11 @@ export class Modal {
         const isHandleCycle = handleBehavior === 'cycle';
         const shape = this.getShape();
         const isSheetModalWithHandle = isSheetModal && showHandle;
-        return (h(Host, Object.assign({ key: 'cf99da2a03dd010716265401c8b6fe46a9bf0ced', "no-router": true,
+        return (h(Host, Object.assign({ key: 'd38744e448224ea65c04edacd038f4226b13f4d6', "no-router": true,
             // Allow the modal to be navigable when the handle is focusable
             tabIndex: isHandleCycle && isSheetModalWithHandle ? 0 : -1 }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), h("ion-backdrop", { key: '91d148a13955bcda57b5d15d2613e74cc8cd5047', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { key: 'bd51fa967ced9c6d574f0bb6d3c569fe53a2be59', class: "modal-shadow" }), h("div", Object.assign({ key: '45fc1228a8dfc8009c933c6cee4067c08ab27fe6',
+            }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), h("ion-backdrop", { key: '292c61796d71ef63a68a8f48e35bd2a75bb54c27', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && h("div", { key: '3e33304213a627aae63f884a07f1c2db0ea8dab9', class: "modal-shadow" }), h("div", Object.assign({ key: 'ee5791d964e1d06b8a77f0e90b2402676be8c166',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -1215,9 +1215,9 @@ export class Modal {
               without the tabindex focus() would be a no-op and screen readers
               may not properly announce the dialog and its content when it opens.
             */
-            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", tabIndex: -1, class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { key: '9bcc1589af7c422ee6f116aa50f62981031042ba', class: "modal-handle",
+            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", tabIndex: -1, class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { key: 'd7be6afa0dc0db1003c28f90c584ebe47e05fb99', class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", "data-focus-order": "1", ref: (el) => (this.dragHandleEl = el) })), h("slot", { key: 'd913facdd6abf0d87ba5e2d7f8b2f1c18e3ef556', onSlotchange: this.onSlotChange }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", "data-focus-order": "1", ref: (el) => (this.dragHandleEl = el) })), h("slot", { key: 'dde62a1eb46ebf12e0b11b0076972eb5b401a255', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "ion-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/nav/nav.js

@@ -834,7 +834,7 @@ export class Nav {
         }
     }
     render() {
-        return h("slot", { key: '3dfe9c2a5f3ea75cb6d82b76b240733105cddfad' });
+        return h("slot", { key: '9190bdc1fafa4850d4d56d8e70bf2d5c2ef3877f' });
     }
     static get is() { return "ion-nav"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class NavLink {
         };
     }
     render() {
-        return h(Host, { key: '476bfb5bb6fba4f422ec40315fc3ef466d01f757', onClick: this.onClick });
+        return h(Host, { key: 'dac338e5c541959114336b26daef60d35c557c54', onClick: this.onClick });
     }
     static get is() { return "ion-nav-link"; }
     static get properties() {

package/dist/collection/components/note/note.js

@@ -11,9 +11,9 @@ import { getIonTheme } from "../../global/ionic-global";
 export class Note {
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '376ae1c66c19d1bdd74a2371c0639ed9e49648b5', class: createColorClasses(this.color, {
+        return (h(Host, { key: '26bc60ea8cb2003e7f4dbcfcc9d771bf2844f4a1', class: createColorClasses(this.color, {
                 [theme]: true,
-            }) }, h("slot", { key: 'f8168cd88bb21c5e5a2b03c29539729fb38a19fd' })));
+            }) }, h("slot", { key: 'ec950244157e8687cc39e10d0e1add9c144bd61c' })));
     }
     static get is() { return "ion-note"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/picker-column-option/picker-column-option.js

@@ -95,10 +95,10 @@ export class PickerColumnOption {
     render() {
         const { color, disabled, ariaLabel } = this;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'fe9553e3157d35f5c28a3f2457715bd598ec1e00', class: createColorClasses(color, {
+        return (h(Host, { key: '9cc8ce5aca83d8d6b0e3509483c083a4092b3cc6', class: createColorClasses(color, {
                 [theme]: true,
                 ['option-disabled']: disabled,
-            }) }, h("div", { key: '9bc334f020012537144972b5a8a1aed7c35ccec5', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, h("slot", { key: 'bd076e43c98ad920486230684c7f63e7e0b187f8' }))));
+            }) }, h("div", { key: 'c98aa880320d6f647d1be2a6e22227ec34e1c6d1', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, h("slot", { key: 'f96ee65197cac49c433261422fb3eb6717c01730' }))));
     }
     static get is() { return "ion-picker-column-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/picker-legacy/picker.js

@@ -208,11 +208,11 @@ export class Picker {
     render() {
         const { htmlAttributes } = this;
         const theme = getIonTheme(this);
-        return (h(Host, Object.assign({ key: '681ad6d20efa16f1d6c6f9a7d03caec2b17ff36e', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'e0411113657e3412cde899a6d3ec3d48fec5b359', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [theme]: true,
                 // Used internally for styling
-                [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '6dc71805810955048479c2a6eddce2303161cb8f', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: '0e61724c261c9d69ba23d3cb9064018942755033', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'a6ca79c9a5fce42b5aad6808802535c723f27fb9', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: '7651cbe9d723bba032788d85711e0f7c1dc32c21', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: 'd6b83aded670bc74515c337c038503e396ab42cc', class: "picker-columns" }, h("div", { key: '1dfef6ed386d7b327dc19397cc9f01c3938fbab9', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: 'ec8b2f4de073a245f8917a494a681adf5d1f94f6', class: "picker-below-highlight" }))), h("div", { key: '8557ce93083feefa5deb6097270d756424f89ab2', tabindex: "0", "aria-hidden": "true" })));
+                [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: 'f2106151877a6098d4cf62052a70045f75f3f682', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'c5bf28ae0a090442446eafcb49ad8a0a2a5540dc', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'c38022aa1097b39acfbc6781cd1e3aef558f0b1b', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: 'e684a3eeca698c2a859e24d26789ff006921f494', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: '2c8ea2256e140dc7128b2da20b3276ec2a282e8a', class: "picker-columns" }, h("div", { key: '94c5c1caf9ad8c2ab052ad114365ed79ead491b9', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: '09d142fe57745bb9847cf6ba0ab289f85cd10f0a', class: "picker-below-highlight" }))), h("div", { key: 'db09616822c48523185ecb10ab0682e643873b96', tabindex: "0", "aria-hidden": "true" })));
     }
     static get is() { return "ion-picker-legacy"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/picker-legacy-column/picker-column.js

@@ -335,9 +335,9 @@ export class PickerColumnCmp {
     render() {
         const col = this.col;
         const theme = getIonTheme(this);
-        return (h(Host, { key: 'aed1c1a702e03765d704f6f563fe26df58e68bbf', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
+        return (h(Host, { key: '07dc83814ed5f96a8b363c284047a9ac0520d730', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
-            } }, col.prefix && (h("div", { key: 'a6fae778eec5d57dba4b36b3e448c5c12fe0688b', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '1b77354fe5eeeeb4db94fab035a9ef5e45d695ac', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { key: '105286ef7ba6eac0796f5af7d6f1daef7107444a', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (h("div", { key: 'b53030160fd2999c2983986938f92e9052317c85', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), h("div", { key: '3c723e92c64839dfdd775a93a01c79f302bace3e', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (h("div", { key: '34926a3909d47a9f37a90816ef977e673492e266', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     static get is() { return "ion-picker-legacy-column"; }
     static get originalStyleUrls() {

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

@@ -263,7 +263,7 @@
 :host {
   --width: 250px;
   --max-height: 90%;
-  --box-shadow: var(--token-elevation-4, var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-15, 15px) var(--token-shadow-blur-48, 48px) var(--token-shadow-spread-0, 0px) var(--token-shadow-7, rgba(0, 0, 0, 0.1803921569)), var(--token-shadow-offset-0, 0px) var(--token-shadow-offset-3, 3px) var(--token-shadow-blur-12, 12px) var(--token-shadow-spread-0, 0px) var(--token-shadow-5, rgba(0, 0, 0, 0.1215686275)));
+  --box-shadow: var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));
   --backdrop-opacity: 0.3;
 }
 

package/dist/collection/components/popover/popover.js

@@ -468,9 +468,9 @@ export class Popover {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (h(Host, Object.assign({ key: '3319e6ea7524a30478985c014634403aceedab6f', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: 'c34db1b953b85bcc466058616e93bd4728e525f6', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && h("ion-backdrop", { key: '45265b1f8e5e6e822b3c8d4992039975c472b10b', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: '8707fb5c5b9523fd786c4e4d02d41dfb386be187', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { key: '17bd682e56939ba10ab4b2ab3c9e916087a7e19a', class: "popover-arrow", part: "arrow" }), h("div", { key: '02f1bd119d2ffecd2f2541969111fc6e156db9d3', class: "popover-content", part: "content" }, h("slot", { key: 'dec29181eee87f28f731d6a0ba1ef3c81867d527' })))));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && h("ion-backdrop", { key: '13852a4358d2833fdf5af06ad32cf2fbcc5b05ad', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), h("div", { key: '26e8690c2db743311e0d8f9b8357f8ecb851180a', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && h("div", { key: 'b3b97d1289385d19074feb6311a1f2246db30b71', class: "popover-arrow", part: "arrow" }), h("div", { key: 'f049dc25c8fbb28d9f73e0263e30f06d8bd3f8da', class: "popover-content", part: "content" }, h("slot", { key: '6841f93207c970612dba5e96fc04871d47453ba1' })))));
     }
     static get is() { return "ion-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-bar/progress-bar.ionic.css

@@ -264,17 +264,17 @@
   }
 }
 :host {
-  --background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));
+  --background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
   --progress-background: var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));
   height: var(--token-scale-100, 4px);
 }
 
 :host(.progress-bar-shape-round) {
-  border-radius: var(--token-shape-round-xs, 999px);
+  border-radius: var(--token-round-xs, var(--token-border-radius-full, 999px));
 }
 
 :host(.progress-bar-shape-rectangular) {
-  border-radius: var(--token-shape-rectangular-xs, 0px);
+  border-radius: var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)));
 }
 
 :host(.ion-color) .progress,

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

@@ -57,7 +57,7 @@ export class ProgressBar {
         const shape = this.getShape();
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (h(Host, { key: '1cf02806b28a0d7b070e6f3616ea8f4c8ae4990a', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses(color, {
+        return (h(Host, { key: '532162e3c61c8d838e30e5555a2a2d3308207b7c', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses(color, {
                 [theme]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,

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

@@ -276,20 +276,21 @@ input {
 }
 
 :host {
-  --color: var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));
+  --color: var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));
   --color-checked: var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));
   --border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
-  --border-style: solid;
+  --border-style: var(--token-border-style-solid, solid);
   --border-radius: var(--token-border-radius-full, 999px);
-  --focus-ring-color: var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));
+  --focus-ring-color: var(--token-border-focus-default, 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, 1.5rem);
+  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;
   min-height: var(--token-scale-1200, 48px);
-  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
+  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
 }
 
 :host(.ion-color.radio-checked) .radio-icon {
@@ -398,7 +399,7 @@ input {
 
 :host(.ion-focused) .radio-icon {
   outline-offset: var(--focus-ring-width);
-  outline: var(--focus-ring-width) solid var(--focus-ring-color);
+  outline: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
 }
 
 :host(.ion-activated) .radio-icon::after {
@@ -407,7 +408,7 @@ input {
   top: 0;
   bottom: 0;
   position: absolute;
-  background-color: var(--token-state-press, rgba(0, 0, 0, 0.0705882353));
+  background-color: var(--token-state-press, rgba(36, 36, 36, 0.08));
   content: "";
   border-radius: inherit;
   top: calc(var(--border-width) * -1);

package/dist/collection/components/radio/radio.js

@@ -145,7 +145,7 @@ export class Radio {
         const theme = getIonTheme(this);
         const inItem = hostContext('ion-item', el);
         const inMultipleInputsItem = hostContext('ion-item.item-multiple-inputs', el);
-        return (h(Host, { key: 'e2d5c0a52199f5c6ebf05a5178e9370f7df06717', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses(color, {
+        return (h(Host, { key: '99ecc261dc1dab3d5c5fd13453c8de9216c1aacf', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses(color, {
                 [theme]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -158,10 +158,10 @@ export class Radio {
                 // styling stays suppressed either way.
                 'ion-activatable': !inItem,
                 'ion-focusable': !inItem || inMultipleInputsItem,
-            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, h("label", { key: '898d505c52ed530fac01b4ab81f0e697d538a520', class: "radio-wrapper" }, h("div", { key: '8d2cc81c342ee4b10ac9eed9189be9b6fc594f38', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, h("label", { key: 'd60330aa1ccbc65eec50a306f28c1678e8338c1f', class: "radio-wrapper" }, h("div", { key: '1b933f96113ffc0dbfa9f61f2cef5473430ae573', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, h("slot", { key: '459439aeb1689cb7baff901d5b7a2ed96e98cf19' })), h("div", { key: '3ec8b4de39f6c18ee43b956b6c031321e6844919', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, h("slot", { key: 'c2d0ab8e96b7414d7bfba8293f58c39dd96eedcb' })), h("div", { key: '46c4d0ae324db12cfbf3afac16c0d00efb91cb3b', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     static get is() { return "ion-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-group/radio-group.ionic.css

@@ -84,19 +84,20 @@
 }
 
 .radio-group-top {
-  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, 1.25rem);
+  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;
 }
 
 .radio-group-top .error-text {
-  color: var(--token-text-danger, var(--token-semantics-danger-800, var(--token-primitives-red-800, #d2002b)));
+  color: var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)));
 }
 
 .radio-group-top .helper-text {
-  color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
+  color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
 }
 
 :host(.in-list) .radio-group-top {

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

@@ -265,10 +265,10 @@ export class RadioGroup {
         const { label, labelId, el, name, value } = this;
         const theme = getIonTheme(this);
         renderHiddenInput(true, el, name, value, false);
-        return (h(Host, { key: '01aa69d37d97ff7395b5bbeabdc62d1ce535285c', class: {
+        return (h(Host, { key: '53c742d96524150cbc63db40df214339a1b58511', class: {
                 [theme]: true,
                 'in-list': hostContext('ion-list', el),
-            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "data-roving-focus": true, onClick: this.onClick }, this.renderHintText(), h("slot", { key: 'd2f5c174a88636020b8911cb6748b42f8b5d9fbe' })));
+            }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "data-roving-focus": true, onClick: this.onClick }, this.renderHintText(), h("slot", { key: '3eaeaa6b169795cec949af5c324614dbb7e7cc2b' })));
     }
     static get is() { return "ion-radio-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -351,15 +351,16 @@
   --knob-size: var(--token-scale-600, 24px);
   --knob-handle-size: var(--token-scale-1100, 44px);
   --bar-height: var(--token-scale-200, 8px);
-  --bar-background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));
+  --bar-background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
   --bar-background-active: var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));
   --bar-border-radius: var(--token-border-radius-400, var(--token-scale-400, 16px));
   --height: var(--token-scale-1100, 44px);
-  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, 1.5rem);
+  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;
   z-index: var(--token-z-index-100, 100);
 }
 
@@ -467,24 +468,24 @@
   min-width: var(--token-scale-700, 28px);
   transform: translate3d(0, -100%, 0);
   background: transparent;
-  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
+  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
   font-size: var(--token-font-size-300, 0.75rem);
   text-align: center;
 }
 
 .range-knob {
   border-width: var(--token-border-size-025, var(--token-scale-025, 1px));
-  border-style: solid;
+  border-style: var(--token-border-style-solid, solid);
   border-color: var(--token-border-primary, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));
   box-sizing: border-box;
 }
 
 :host(.range-disabled) {
-  --bar-background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-100, #f6f7fa));
+  --bar-background: var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));
 }
 :host(.range-disabled) .range-knob {
-  border-color: var(--token-border-input-default, var(--token-primitives-neutral-400, #d0d7df));
-  background: var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f6f7fa));
+  border-color: var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));
+  background: var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f3f3f3));
 }
 
 :host(.range-label-placement-start) .label-text-wrapper {
@@ -557,10 +558,10 @@
 
 .range-knob-handle.ion-focused .range-knob {
   outline-offset: var(--token-border-size-050, var(--token-scale-050, 2px));
-  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)));
+  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));
 }
 
 .range-knob-handle.ion-activated .range-knob,
 .range-knob-handle.range-knob-pressed .range-knob {
-  background: var(--token-bg-input-press, var(--token-primitives-neutral-200, #ebeef2));
+  background: var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9));
 }