@ionic/core 9.0.3-dev.11788456135.1ab1d6cd → 9.0.3-dev.11790116791.11c9cd1e

package/dist/cjs/ionic.cjs.js

@@ -4,8 +4,8 @@
 'use strict';
 
 var index = require('./index-BsDPqfGS.js');
-var appGlobals = require('./app-globals-CTxe9MxF.js');
-require('./ionic-global-BaVLW54G.js');
+var appGlobals = require('./app-globals-BwOspzE5.js');
+require('./ionic-global-CRAqTE7M.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{ios.transition-Bm4N3WK1.js → ios.transition-BluJBTN6.js}

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var animation = require('./animation-DVrkairK.js');
-var index = require('./index-BoQA7njo.js');
+var animation = require('./animation-Dfev6yFW.js');
+var index = require('./index-Byoi861q.js');
 require('./index-BsDPqfGS.js');
-require('./ionic-global-BaVLW54G.js');
-require('./helpers-DFJMw-qZ.js');
-require('./focus-visible-BIj-I3-C.js');
+require('./ionic-global-CRAqTE7M.js');
+require('./helpers-D5NVnu5x.js');
+require('./focus-visible-DGPRKkcx.js');
 require('./dir-zwDPRE5K.js');
 
 const DURATION = 540;

package/dist/cjs/{keyboard-9uOUQmB-.js → keyboard-B44EnZyJ.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var capacitor = require('./capacitor-w_r4U-_S.js');
+var capacitor = require('./capacitor-B7dK21VK.js');
 
 var ExceptionCode;
 (function (ExceptionCode) {

package/dist/cjs/{keyboard-5cEsoK5l.js → keyboard-CR7Eg8u3.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var keyboard = require('./keyboard-9uOUQmB-.js');
-require('./capacitor-w_r4U-_S.js');
-require('./ionic-global-BaVLW54G.js');
+var keyboard = require('./keyboard-B44EnZyJ.js');
+require('./capacitor-B7dK21VK.js');
+require('./ionic-global-CRAqTE7M.js');
 require('./index-BsDPqfGS.js');
 
 const KEYBOARD_DID_OPEN = 'ionKeyboardDidShow';

package/dist/cjs/loader.cjs.js

@@ -4,8 +4,8 @@
 'use strict';
 
 var index = require('./index-BsDPqfGS.js');
-var appGlobals = require('./app-globals-CTxe9MxF.js');
-require('./ionic-global-BaVLW54G.js');
+var appGlobals = require('./app-globals-BwOspzE5.js');
+require('./ionic-global-CRAqTE7M.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{md.transition-Z-7hu2x1.js → md.transition-TBHPCec3.js}

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var animation = require('./animation-DVrkairK.js');
-var index = require('./index-BoQA7njo.js');
+var animation = require('./animation-Dfev6yFW.js');
+var index = require('./index-Byoi861q.js');
 require('./index-BsDPqfGS.js');
-require('./ionic-global-BaVLW54G.js');
-require('./helpers-DFJMw-qZ.js');
-require('./focus-visible-BIj-I3-C.js');
+require('./ionic-global-CRAqTE7M.js');
+require('./helpers-D5NVnu5x.js');
+require('./focus-visible-DGPRKkcx.js');
 require('./dir-zwDPRE5K.js');
 
 const mdTransitionAnimation = (_, opts) => {

package/dist/cjs/{overlays-Jn6TNpc3.js → overlays-B5YzPlbv.js}

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-BaVLW54G.js');
-var helpers = require('./helpers-DFJMw-qZ.js');
+var ionicGlobal = require('./ionic-global-CRAqTE7M.js');
+var helpers = require('./helpers-D5NVnu5x.js');
 var index = require('./index-BsDPqfGS.js');
-var frameworkDelegate = require('./framework-delegate-Dmce7iqZ.js');
+var frameworkDelegate = require('./framework-delegate-BKYAwcZK.js');
 var gestureController = require('./gesture-controller-CeJslptU.js');
 
 /**
@@ -92,7 +92,7 @@ const focusElementInContext = (hostToFocus, fallbackElement) => {
             radioGroup.setFocus();
         }
         else {
-            helpers.focusVisibleElement(elementToFocus);
+            helpers.focusRedirectedElement(elementToFocus);
         }
     }
     else {
@@ -320,7 +320,7 @@ const focusElementInOverlay = (hostToFocus, overlay) => {
         elementToFocus = shadowRoot.querySelector(focusableQueryString) || hostToFocus;
     }
     if (elementToFocus) {
-        helpers.focusVisibleElement(elementToFocus);
+        helpers.focusRedirectedElement(elementToFocus);
     }
     else {
         // Focus overlay instead of letting focus escape

package/dist/cjs/{scroll-hide-controller-DQ9ulQ11.js → scroll-hide-controller-Bht8yQkC.js}

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-BaVLW54G.js');
+var ionicGlobal = require('./ionic-global-CRAqTE7M.js');
 var index = require('./index-BsDPqfGS.js');
-var keyboard = require('./keyboard-9uOUQmB-.js');
-var index$1 = require('./index-DWP810QI.js');
+var keyboard = require('./keyboard-B44EnZyJ.js');
+var index$1 = require('./index-CutlvfR4.js');
 
 /**
  * The element that resizes when the keyboard opens

package/dist/cjs/{slot-mutation-controller-C9i1ymbP.js → slot-mutation-controller-CinDJgCY.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-BaVLW54G.js');
-var helpers = require('./helpers-DFJMw-qZ.js');
+var ionicGlobal = require('./ionic-global-CRAqTE7M.js');
+var helpers = require('./helpers-D5NVnu5x.js');
 var dir = require('./dir-zwDPRE5K.js');
 
 /**

package/dist/cjs/{status-tap-DT7J4fZQ.js → status-tap-Aq-o5Csp.js}

@@ -4,9 +4,9 @@
 'use strict';
 
 var index = require('./index-BsDPqfGS.js');
-var index$1 = require('./index-DWP810QI.js');
-var helpers = require('./helpers-DFJMw-qZ.js');
-require('./focus-visible-BIj-I3-C.js');
+var index$1 = require('./index-CutlvfR4.js');
+var helpers = require('./helpers-D5NVnu5x.js');
+require('./focus-visible-DGPRKkcx.js');
 require('./dir-zwDPRE5K.js');
 
 const startStatusTap = () => {

package/dist/cjs/{swipe-back-BIbF7bVy.js → swipe-back-Byqp-bJI.js}

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var helpers = require('./helpers-DFJMw-qZ.js');
+var helpers = require('./helpers-D5NVnu5x.js');
 var dir = require('./dir-zwDPRE5K.js');
 var index = require('./index-DRPqwSvU.js');
-require('./focus-visible-BIj-I3-C.js');
+require('./focus-visible-DGPRKkcx.js');
 require('./index-BsDPqfGS.js');
 require('./gesture-controller-CeJslptU.js');
 

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

@@ -135,7 +135,7 @@
   display: block;
   position: absolute;
   height: var(--token-border-size-025, var(--token-scale-025, 1px));
-  background-color: var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));
+  background-color: var(--token-border-default, var(--token-primitives-neutral-400, #d0d7df));
   content: "";
   z-index: 3;
 }
@@ -154,7 +154,7 @@
 
 ::slotted(ion-item[slot=header]) {
   --border-radius: inherit;
-  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
+  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
   --border-width: var(--token-border-size-0, var(--token-scale-0, 0px));
   --inner-border-width: var(--token-scale-0, 0px);
   --min-height: var(--token-scale-700, 28px);
@@ -162,13 +162,12 @@
   --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
   --padding-bottom: var(--token-space-300, var(--token-scale-300, 12px));
   --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
-  --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));
+  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);
 }
 
 #content-wrapper {
@@ -178,13 +177,12 @@
   padding-inline-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));
+  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;
-  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
+  letter-spacing: var(--token-font-letter-spacing-0, 0);
+  line-height: var(--token-font-line-height-600, 1.5rem);
+  color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
 }
 
 :host(.accordion-disabled)::before {

package/dist/collection/components/accordion/accordion.js

@@ -1,7 +1,6 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import caretDownRegular from "@phosphor-icons/core/assets/regular/caret-down.svg";
 import { Host, h } from "@stencil/core";
 import { addEventListener, getElementRoot, raf, removeEventListener, transitionEndAsync } from "../../utils/helpers";
 import { hostContext } from "../../utils/theme";
@@ -364,22 +363,18 @@ export class Accordion {
             this.setAria(expanded);
         });
     }
+    /**
+     * Get the icon to use for the toggle icon.
+     * If an icon is set on the component, use that.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
     get accordionToggleIcon() {
         // Return the icon if it is explicitly set
         if (this.toggleIcon != null) {
             return this.toggleIcon;
         }
-        // Determine the theme and map to default icons
-        const theme = getIonTheme(this);
-        const defaultIcons = {
-            ios: chevronDown,
-            ionic: caretDownRegular,
-            md: chevronDown,
-        };
-        // Get the default icon based on the theme, falling back to 'md' icon if necessary
-        const defaultIcon = defaultIcons[theme] || defaultIcons.md;
-        // Return the configured accordion toggle icon or the default icon
-        return config.get('accordionToggleIcon', defaultIcon);
+        return config.get('accordionToggleIcon', chevronDown);
     }
     toggleExpanded() {
         const { accordionGroupEl, disabled, readonly, value, state } = this;
@@ -410,7 +405,7 @@ export class Accordion {
         const headerPart = expanded ? 'header expanded' : 'header';
         const contentPart = expanded ? 'content expanded' : 'content';
         this.setAria(expanded);
-        return (h(Host, { key: 'dc4f4369be66507b8b0f0e28a8ab73d0d11d89ca', class: {
+        return (h(Host, { key: '815dda5c42051851dfb17312fee6eb60421b680b', class: {
                 [theme]: true,
                 'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
                 'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
@@ -423,7 +418,7 @@ export class Accordion {
                 'accordion-readonly': readonly,
                 'accordion-animated': this.shouldAnimate(),
                 'in-accordion-group-expand-inset': hostContext('.accordion-group-expand-inset', this.el),
-            }, tabindex: disabled ? '-1' : undefined }, h("div", { key: '3e67b334a8b12eb337d2deae47b6a661cba41c74', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: 'ae7618fb460577c6c31995d8e842c1de16263985', name: "header" })), h("div", { key: '9fc9964f77b9344f763c9adf69ce0bc09534bc75', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: '996cf517f866dc516e4ce488c647364e8b2726c8', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: 'b48b4bc14e8ea1ef04c3e5acebbdf6f7c543c4c7', name: "content" })))));
+            }, tabindex: disabled ? '-1' : undefined }, h("div", { key: '0361184ad0b1a2dbb8879292313fc6ea4d6915aa', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, h("slot", { key: '1176aed8aebd66a17d365f2ecab4a40165a14a17', name: "header" })), h("div", { key: 'ebe6eabeedaee6a9fdcf8c989e706f5f42af54c2', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, h("div", { key: '5c9ebc847e8f161c8fcaf6f4af9ad42ce22217ac', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, h("slot", { key: 'a45d5a106dc635d4a8790cdd4fdf04c1b8e25987', name: "content" })))));
     }
     static get is() { return "ion-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -78,16 +78,16 @@
 }
 
 :host(.accordion-group-expand-inset.accordion-group-shape-round) {
-  --border-radius: var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
-  border-radius: var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));
+  --border-radius: var(--token-shape-round-xl, 16px);
+  border-radius: var(--token-shape-round-xl, 16px);
 }
 
 :host(.accordion-group-expand-inset.accordion-group-shape-soft) {
-  --border-radius: var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));
-  border-radius: var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)));
+  --border-radius: var(--token-shape-soft-xl, 12px);
+  border-radius: var(--token-shape-soft-xl, 12px);
 }
 
 :host(.accordion-group-expand-inset.accordion-group-shape-rectangular) {
-  --border-radius: var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));
-  border-radius: var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)));
+  --border-radius: var(--token-shape-rectangular-xl, 0px);
+  border-radius: var(--token-shape-rectangular-xl, 0px);
 }

package/dist/collection/components/action-sheet/action-sheet.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);
 }
 
@@ -387,15 +386,15 @@ ion-checkbox.select-option-has-rich-content::part(label),
   --background: var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));
   --backdrop-opacity: 0.7;
   --button-background: transparent;
-  --button-background-selected: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));
+  --button-background-selected: var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f0f2ff)));
   --button-background-selected-opacity: 1;
-  --button-background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
+  --button-background-activated: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
   --button-background-activated-opacity: 1;
-  --button-background-hover: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));
+  --button-background-hover: var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #ebeef2));
   --button-background-hover-opacity: 1;
-  --button-color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
-  --button-color-disabled: var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));
-  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
+  --button-color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
+  --button-color-disabled: var(--token-text-disabled, var(--token-primitives-neutral-500, #9fa5ad));
+  --color: var(--token-text-default, var(--token-primitives-neutral-1200, #242528));
   z-index: 1001;
 }
 
@@ -405,7 +404,7 @@ ion-checkbox.select-option-has-rich-content::part(label),
 
 .action-sheet-button.ion-focused::after {
   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)));
   outline-offset: calc(var(--token-border-size-050, var(--token-scale-050, 2px)) * -1);
 }
 
@@ -425,24 +424,22 @@ ion-checkbox.select-option-has-rich-content::part(label),
   padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
   padding-top: var(--token-space-400, var(--token-scale-400, 16px));
   padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
+  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);
   color: var(--color);
   text-align: start;
 }
 
 .action-sheet-sub-title {
+  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;
-  color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
+  letter-spacing: var(--token-font-letter-spacing-0, 0);
+  line-height: var(--token-font-line-height-600, 1.5rem);
+  color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #6c727a));
 }
 
 .action-sheet-group:first-child {
@@ -460,12 +457,11 @@ ion-checkbox.select-option-has-rich-content::part(label),
   padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
   padding-top: var(--token-space-200, var(--token-scale-200, 8px));
   padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
+  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);
   position: relative;
   min-height: 52px;
   text-align: start;
@@ -482,7 +478,7 @@ ion-checkbox.select-option-has-rich-content::part(label),
   margin-bottom: var(--token-space-0, var(--token-scale-0, 0px));
   width: var(--token-scale-600, 24px);
   height: var(--token-scale-600, 24px);
-  color: var(--color, var(--token-text-default, var(--token-primitives-neutral-1200, #242424)));
+  color: var(--color, var(--token-text-default, var(--token-primitives-neutral-1200, #242528)));
 }
 
 .action-sheet-button-inner {