add scss test

.github/ionic-issue-bot.yml

@@ -1,10 +1,15 @@
 triage:
-  label: triage
+  label: "holiday triage"
   removeLabelWhenProjectAssigned: true
   dryRun: false
 
 comment:
   labels:
+    - label: "holiday triage"
+      message: >
+        Thanks for the issue! This issue has been labeled as `holiday triage`. With the winter holidays quickly approaching, much of the Ionic Team will soon be taking time off. During this time, issue triaging and PR review will be delayed until the team begins to return. After this period, we will work to ensure that all new issues are properly triaged and that new PRs are reviewed.
+        In the meantime, please read our [Winter Holiday Triage Guide](https://github.com/ionic-team/ionic-framework/issues/22699) for information on how to ensure that your issue is triaged correctly.
+        Thank you!
     - label: "help wanted"
       message: >
         This issue has been labeled as `help wanted`. This label is added to issues
@@ -40,7 +45,7 @@ comment:
 
 
         If the requested feature is something you would find useful for your applications, please react to the original post with 👍 (`+1`). If you would like to provide an additional use case for the feature, please post a comment.
-        
+
 
         The team will review this feedback and make a final decision. Any decision will be posted on this thread, but please note that we may ultimately decide not to pursue this feature.
 

.github/workflows/nightly.yml

@@ -1,11 +1,5 @@
 name: 'Ionic Nightly Build'
 
-on:
-  schedule:
-    # Run every Monday-Friday
-    # at 6:00 UTC (6:00 am UTC)
-    - cron: '00 06 * * 1-5'
-
 jobs:
   create-nightly-hash:
     runs-on: ubuntu-latest

.github/workflows/release.yml

@@ -78,7 +78,6 @@ jobs:
     needs: [finalize-release]
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
       # Lerna does not automatically bump versions
       # of Ionic dependencies that have changed,
       # so we do that here.

CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.6.4](https://github.com/ionic-team/ionic-framework/compare/v7.6.3...v7.6.4) (2024-01-10)
-
-
-### Bug Fixes
-
-* **input:** slotted buttons are clickable ([#28772](https://github.com/ionic-team/ionic-framework/issues/28772)) ([4ccc150](https://github.com/ionic-team/ionic-framework/commit/4ccc150edff4e3f33f453343aedb081d920b2f90)), closes [#28762](https://github.com/ionic-team/ionic-framework/issues/28762)
-
-
-
-
-
 ## [7.6.3](https://github.com/ionic-team/ionic-framework/compare/v7.6.2...v7.6.3) (2024-01-03)
 
 

core/CHANGELOG.md

@@ -3,17 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.6.4](https://github.com/ionic-team/ionic-framework/compare/v7.6.3...v7.6.4) (2024-01-10)
-
-
-### Bug Fixes
-
-* **input:** slotted buttons are clickable ([#28772](https://github.com/ionic-team/ionic-framework/issues/28772)) ([4ccc150](https://github.com/ionic-team/ionic-framework/commit/4ccc150edff4e3f33f453343aedb081d920b2f90)), closes [#28762](https://github.com/ionic-team/ionic-framework/issues/28762)
-
-
-
-
-
 ## [7.6.3](https://github.com/ionic-team/ionic-framework/compare/v7.6.2...v7.6.3) (2024-01-03)
 
 

core/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/core",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/core",
-      "version": "7.6.4",
+      "version": "7.6.3",
       "license": "MIT",
       "dependencies": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       },
@@ -1825,9 +1825,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw==",
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.8.2.tgz",
+      "integrity": "sha512-KdZEAtz9VnqMtXOkf51+8mphyRt0fN/LYgtj5M8gnveGspG8KzoyTDzlWt0wsstWIsJJ21RA1yd3AgMMZiu3MA==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -12184,9 +12184,9 @@
       "requires": {}
     },
     "@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw=="
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.8.2.tgz",
+      "integrity": "sha512-KdZEAtz9VnqMtXOkf51+8mphyRt0fN/LYgtj5M8gnveGspG8KzoyTDzlWt0wsstWIsJJ21RA1yd3AgMMZiu3MA=="
     },
     "@stencil/react-output-target": {
       "version": "0.5.3",

core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
@@ -31,7 +31,7 @@
     "loader/"
   ],
   "dependencies": {
-    "@stencil/core": "^4.9.1",
+    "@stencil/core": "^4.8.2",
     "ionicons": "^7.2.2",
     "tslib": "^2.1.0"
   },

core/src/components/chip/chip.ios.scss

@@ -1,6 +1,8 @@
-@import "./chip";
+@use "./chip" as b;
 @import "./chip.vars";
 
+@include b.base;
+
 :host {
   /**
    * Main content should be prioritized on iOS,

core/src/components/chip/chip.md.scss

@@ -1,6 +1,7 @@
-@import "./chip";
 @import "./chip.vars";
 
-:host {
-  font-size: $chip-base-font-size-rem;
+@mixin md2 {
+  :host {
+    font-size: $chip-base-font-size-rem;
+  }
 }

core/src/components/chip/chip.md2.flag.scss

@@ -0,0 +1,9 @@
+@use 'chip.md.scss' as c;
+@use 'chip.scss' as b;
+
+@use '../../utils/md-controller/index.scss' as controller;
+
+@if controller.$md2 {
+  @include b.base;
+  @include c.md2;
+}

core/src/components/chip/chip.md3.flag.scss

@@ -0,0 +1,9 @@
+@use 'chip.md3.scss' as c;
+@use 'chip.scss' as b;
+
+@use '../../utils/md-controller/index.scss' as controller;
+
+@if controller.$md3 {
+  @include b.base;
+  @include c.md3;
+}

core/src/components/chip/chip.md3.scss

@@ -0,0 +1,7 @@
+@import "./chip.vars";
+
+@mixin md3 {
+  :host {
+    background: green;
+  }
+}

core/src/components/chip/chip.scss

@@ -1,156 +1,158 @@
 @import "../../themes/ionic.globals";
 @import "./chip.vars";
 
-:host {
-  /**
-   * @prop --background: Background of the chip
-   * @prop --color: Color of the chip
-   */
-  --background: #{rgba($text-color-rgb, 0.12)};
-  --color: #{rgba($text-color-rgb, 0.87)};
+@mixin base {
+  :host {
+    /**
+     * @prop --background: Background of the chip
+     * @prop --color: Color of the chip
+     */
+    --background: #{rgba($text-color-rgb, 0.12)};
+    --color: #{rgba($text-color-rgb, 0.87)};
 
-  @include border-radius(16px);
-  @include font-smoothing();
-  @include margin(4px);
-  @include padding(6px, 12px);
+    @include border-radius(16px);
+    @include font-smoothing();
+    @include margin(4px);
+    @include padding(6px, 12px);
 
-  display: inline-flex;
+    display: inline-flex;
 
-  position: relative;
+    position: relative;
 
-  align-items: center;
+    align-items: center;
 
-  min-height: 32px;
+    min-height: 32px;
 
-  background: var(--background);
-  color: var(--color);
+    background: var(--background);
+    color: var(--color);
 
-  font-family: $font-family-base;
+    font-family: $font-family-base;
 
-  cursor: pointer;
+    cursor: pointer;
 
-  overflow: hidden;
+    overflow: hidden;
 
-  vertical-align: middle;
-  box-sizing: border-box;
-}
-
-:host(.chip-disabled) {
-  cursor: default;
-  opacity: 0.4;
-  pointer-events: none;
-}
-
-// Chip Colors
-// ---------------------------------------------
-
-:host(.ion-color) {
-  background: current-color(base, 0.08);
-  color: current-color(shade);
-}
-
-:host(.ion-color:focus) {
-  background: current-color(base, 0.12);
-}
-
-:host(.ion-color.ion-activated) {
-  background: current-color(base, 0.16);
-}
-
-// Outline Chip
-// ---------------------------------------------
-
-:host(.chip-outline) {
-  border-width: 1px;
-  border-style: solid;
-}
-
-:host(.chip-outline) {
-  border-color: rgba($text-color-rgb, 0.32);
-
-  background: transparent;
-}
-
-:host(.chip-outline.ion-color) {
-  border-color: current-color(base, 0.32);
-}
-
-:host(.chip-outline:not(.ion-color):focus) {
-  background: rgba($text-color-rgb, 0.04);
-}
-
-:host(.chip-outline.ion-activated:not(.ion-color)) {
-  background: rgba($text-color-rgb, 0.08);
-}
-
-// Chip Icon
-// ---------------------------------------------
-
-::slotted(ion-icon) {
-  font-size: $chip-icon-size;
-}
-
-:host(:not(.ion-color)) ::slotted(ion-icon) {
-  color: rgba($text-color-rgb, 0.54);
-}
-
-::slotted(ion-icon:first-child) {
-  @include margin(-4px, 8px, -4px, -4px);
-}
-
-::slotted(ion-icon:last-child) {
-  @include margin(-4px, -4px, -4px, 8px);
-}
-
-// Chip Avatar
-// ---------------------------------------------
-
-::slotted(ion-avatar) {
-  flex-shrink: 0;
-
-  width: $chip-avatar-size;
-  height: $chip-avatar-size;
-}
-
-::slotted(ion-avatar:first-child) {
-  @include margin(-4px, 8px, -4px, -8px);
-}
-
-::slotted(ion-avatar:last-child) {
-  @include margin(-4px, -8px, -4px, 8px);
-}
-
-// Chip: Focus
-// ---------------------------------------------
-
-:host(:focus) {
-  outline: none;
-}
-
-:host(:focus) {
-  --background: #{rgba($text-color-rgb, 0.16)};
-}
-
-// Chip: Activated
-// ---------------------------------------------
-
-:host(.ion-activated) {
-  --background: #{rgba($text-color-rgb, 0.2)};
-}
-
-// Chip: Hover
-// ---------------------------------------------
-
-@media (any-hover: hover) {
-  :host(:hover) {
-    --background: #{rgba($text-color-rgb, 0.16)};
+    vertical-align: middle;
+    box-sizing: border-box;
   }
 
-  :host(.ion-color:hover) {
+  :host(.chip-disabled) {
+    cursor: default;
+    opacity: 0.4;
+    pointer-events: none;
+  }
+
+  // Chip Colors
+  // ---------------------------------------------
+
+  :host(.ion-color) {
+    background: current-color(base, 0.08);
+    color: current-color(shade);
+  }
+
+  :host(.ion-color:focus) {
     background: current-color(base, 0.12);
   }
 
-  :host(.chip-outline:not(.ion-color):hover) {
+  :host(.ion-color.ion-activated) {
+    background: current-color(base, 0.16);
+  }
+
+  // Outline Chip
+  // ---------------------------------------------
+
+  :host(.chip-outline) {
+    border-width: 1px;
+    border-style: solid;
+  }
+
+  :host(.chip-outline) {
+    border-color: rgba($text-color-rgb, 0.32);
+
+    background: transparent;
+  }
+
+  :host(.chip-outline.ion-color) {
+    border-color: current-color(base, 0.32);
+  }
+
+  :host(.chip-outline:not(.ion-color):focus) {
     background: rgba($text-color-rgb, 0.04);
   }
+
+  :host(.chip-outline.ion-activated:not(.ion-color)) {
+    background: rgba($text-color-rgb, 0.08);
+  }
+
+  // Chip Icon
+  // ---------------------------------------------
+
+  ::slotted(ion-icon) {
+    font-size: $chip-icon-size;
+  }
+
+  :host(:not(.ion-color)) ::slotted(ion-icon) {
+    color: rgba($text-color-rgb, 0.54);
+  }
+
+  ::slotted(ion-icon:first-child) {
+    @include margin(-4px, 8px, -4px, -4px);
+  }
+
+  ::slotted(ion-icon:last-child) {
+    @include margin(-4px, -4px, -4px, 8px);
+  }
+
+  // Chip Avatar
+  // ---------------------------------------------
+
+  ::slotted(ion-avatar) {
+    flex-shrink: 0;
+
+    width: $chip-avatar-size;
+    height: $chip-avatar-size;
+  }
+
+  ::slotted(ion-avatar:first-child) {
+    @include margin(-4px, 8px, -4px, -8px);
+  }
+
+  ::slotted(ion-avatar:last-child) {
+    @include margin(-4px, -8px, -4px, 8px);
+  }
+
+  // Chip: Focus
+  // ---------------------------------------------
+
+  :host(:focus) {
+    outline: none;
+  }
+
+  :host(:focus) {
+    --background: #{rgba($text-color-rgb, 0.16)};
+  }
+
+  // Chip: Activated
+  // ---------------------------------------------
+
+  :host(.ion-activated) {
+    --background: #{rgba($text-color-rgb, 0.2)};
+  }
+
+  // Chip: Hover
+  // ---------------------------------------------
+
+  @media (any-hover: hover) {
+    :host(:hover) {
+      --background: #{rgba($text-color-rgb, 0.16)};
+    }
+
+    :host(.ion-color:hover) {
+      background: current-color(base, 0.12);
+    }
+
+    :host(.chip-outline:not(.ion-color):hover) {
+      background: rgba($text-color-rgb, 0.04);
+    }
+  }
 }

core/src/components/chip/chip.tsx

@@ -5,6 +5,14 @@ import { createColorClasses } from '@utils/theme';
 import { getIonMode } from '../../global/ionic-global';
 import type { Color } from '../../interface';
 
+/**
+styleUrls: {
+  ios: 'chip.ios.scss',
+  md: 'chip.md2.scss',
+  md3: Build.isDev ? 'chip.md3.scss' : undefined
+},
+*/
+
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
@@ -12,7 +20,8 @@ import type { Color } from '../../interface';
   tag: 'ion-chip',
   styleUrls: {
     ios: 'chip.ios.scss',
-    md: 'chip.md.scss',
+    md: 'chip.md2.flag.scss',
+    md3: 'chip.md3.flag.scss'
   },
   shadow: true,
 })

core/src/components/chip/test/basic/index.html

@@ -23,82 +23,19 @@
       </ion-header>
 
       <ion-content class="ion-padding" id="content" style="text-align: center">
-        <h2>Basic Chips</h2>
+        <h2>Default Chip</h2>
         <ion-chip>
           <ion-label>Default</ion-label>
         </ion-chip>
-        <ion-chip style="border-radius: 4px">
-          <ion-label>Border Radius</ion-label>
-        </ion-chip>
-        <ion-chip>
-          <ion-icon name="checkmark-circle"></ion-icon>
-          <ion-label>With Icon</ion-label>
-        </ion-chip>
-        <ion-chip>
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-          <ion-label>With Avatar</ion-label>
-        </ion-chip>
-        <ion-chip>
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-          <ion-label>With Icon and Avatar</ion-label>
-          <ion-icon name="close-circle"></ion-icon>
+
+        <h2>MD2 Chip</h2>
+        <ion-chip mode="md">
+          <ion-label>MD2</ion-label>
         </ion-chip>
 
-        <h2>Color Chips</h2>
-        <ion-chip color="primary">
-          <ion-label>Primary</ion-label>
-        </ion-chip>
-        <ion-chip color="danger">
-          <ion-label>Danger</ion-label>
-        </ion-chip>
-        <ion-chip color="tertiary">
-          <ion-icon name="checkmark-circle"></ion-icon>
-          <ion-label>Tertiary with Icon</ion-label>
-        </ion-chip>
-        <ion-chip color="primary">
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-          <ion-label>Primary with Avatar</ion-label>
-        </ion-chip>
-        <ion-chip color="success">
-          <ion-label>Success with Icon</ion-label>
-          <ion-icon name="calendar"></ion-icon>
-        </ion-chip>
-
-        <h2>Outline Chips</h2>
-        <ion-chip outline>
-          <ion-label>Outline</ion-label>
-        </ion-chip>
-        <ion-chip outline color="danger">
-          <ion-label>Danger Outline</ion-label>
-        </ion-chip>
-        <ion-chip outline color="secondary">
-          <ion-icon name="checkmark-circle"></ion-icon>
-          <ion-label>Secondary Outline with Icon</ion-label>
-        </ion-chip>
-        <ion-chip outline color="primary">
-          <ion-label>Primary Outline with Avatar</ion-label>
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-        </ion-chip>
-        <ion-chip outline>
-          <ion-icon name="git-pull-request"></ion-icon>
-          <ion-label>Outline with Icon and Avatar</ion-label>
-          <ion-icon name="close-circle"></ion-icon>
+        <h2>MD3 Chip</h2>
+        <ion-chip mode="md3">
+          <ion-label>MD3</ion-label>
         </ion-chip>
       </ion-content>
     </ion-app>

core/src/components/menu/menu.tsx

@@ -190,7 +190,7 @@ export class Menu implements ComponentInterface, MenuI {
   async connectedCallback() {
     // TODO: connectedCallback is fired in CE build
     // before WC is defined. This needs to be fixed in Stencil.
-    if (typeof customElements !== 'undefined' && customElements != null) {
+    if (typeof (customElements as any) !== 'undefined' && (customElements as any) != null) {
       await customElements.whenDefined('ion-menu');
     }
 

core/src/components/spinner/spinner-interface.ts

@@ -16,7 +16,7 @@ export interface SpinnerData {
   y2?: number;
   cx?: number;
   cy?: number;
-  style: { [key: string]: string | undefined };
+  style: any; // TODO(FW-2832): type
   viewBox?: string;
   transform?: string;
 }

core/src/components/spinner/spinner.tsx

@@ -54,7 +54,7 @@ export class Spinner implements ComponentInterface {
     const spinnerName = self.getName();
     const spinner = SPINNERS[spinnerName] ?? SPINNERS['lines'];
     const duration = typeof self.duration === 'number' && self.duration > 10 ? self.duration : spinner.dur;
-    const svgs: SVGElement[] = [];
+    const svgs: any[] = []; // TODO(FW-2832): type
 
     if (spinner.circles !== undefined) {
       for (let i = 0; i < spinner.circles; i++) {

core/src/components/split-pane/split-pane.tsx

@@ -25,7 +25,7 @@ const QUERY: { [key: string]: string } = {
   shadow: true,
 })
 export class SplitPane implements ComponentInterface {
-  private rmL?: () => void;
+  private rmL: any;
 
   @Element() el!: HTMLElement;
   @State() visible = false;
@@ -65,7 +65,7 @@ export class SplitPane implements ComponentInterface {
   async connectedCallback() {
     // TODO: connectedCallback is fired in CE build
     // before WC is defined. This needs to be fixed in Stencil.
-    if (typeof customElements !== 'undefined' && customElements != null) {
+    if (typeof (customElements as any) !== 'undefined' && (customElements as any) != null) {
       await customElements.whenDefined('ion-split-pane');
     }
     this.styleChildren();
@@ -119,8 +119,8 @@ export class SplitPane implements ComponentInterface {
       };
 
       const mediaList = window.matchMedia(mediaQuery);
-      mediaList.addListener(callback as any);
-      this.rmL = () => mediaList.removeListener(callback as any);
+      (mediaList as any).addListener(callback as any);
+      this.rmL = () => (mediaList as any).removeListener(callback as any);
       this.visible = mediaList.matches;
     }
   }

core/src/global/ionic-global.ts

@@ -70,7 +70,7 @@ export const initialize = (userConfig: IonicConfig = {}) => {
 
   const isIonicElement = (elm: any) => elm.tagName?.startsWith('ION-');
 
-  const isAllowedIonicModeValue = (elmMode: string) => ['ios', 'md'].includes(elmMode);
+  const isAllowedIonicModeValue = (elmMode: string) => ['ios', 'md', 'md3'].includes(elmMode);
 
   setMode((elm: any) => {
     while (elm) {

core/src/utils/helpers.ts

@@ -4,8 +4,8 @@ import type { Side } from '../components/menu/menu-interface';
 
 // TODO(FW-2832): types
 
-declare const __zone_symbol__requestAnimationFrame: typeof window.requestAnimationFrame;
-declare const requestAnimationFrame: typeof window.requestAnimationFrame;
+declare const __zone_symbol__requestAnimationFrame: any;
+declare const requestAnimationFrame: any;
 
 export const transitionEndAsync = (el: HTMLElement | null, expectedDuration = 0) => {
   return new Promise((resolve) => {
@@ -23,7 +23,7 @@ export const transitionEndAsync = (el: HTMLElement | null, expectedDuration = 0)
 const transitionEnd = (el: HTMLElement | null, expectedDuration = 0, callback: (ev?: TransitionEvent) => void) => {
   let unRegTrans: (() => void) | undefined;
   let animationTimeout: any;
-  const opts: AddEventListenerOptions = { passive: true };
+  const opts: any = { passive: true };
   const ANIMATION_FALLBACK_TIMEOUT = 500;
 
   const unregister = () => {
@@ -240,7 +240,7 @@ export const getElementRoot = (el: HTMLElement, fallback: HTMLElement = el) => {
  * Patched version of requestAnimationFrame that avoids ngzone
  * Use only when you know ngzone should not run
  */
-export const raf = (h: FrameRequestCallback) => {
+export const raf = (h: any) => {
   if (typeof __zone_symbol__requestAnimationFrame === 'function') {
     return __zone_symbol__requestAnimationFrame(h);
   }

core/src/utils/md-controller/index.scss

@@ -0,0 +1,2 @@
+$md2: true;
+$md3: false;

core/src/utils/transition/ios.transition.ts

@@ -7,8 +7,8 @@ const DURATION = 540;
 
 // TODO(FW-2832): types
 
-const getClonedElement = <T extends HTMLIonBackButtonElement | HTMLIonTitleElement>(tagName: string) => {
-  return document.querySelector<T>(`${tagName}.ion-cloned-element`);
+const getClonedElement = (tagName: string): any => {
+  return document.querySelector(`${tagName}.ion-cloned-element`) as any;
 };
 
 export const shadow = <T extends Element>(el: T): ShadowRoot | T => {
@@ -59,8 +59,8 @@ const createLargeTitleTransition = (
   rootAnimation: Animation,
   rtl: boolean,
   backDirection: boolean,
-  enteringEl: HTMLElement,
-  leavingEl: HTMLElement | undefined
+  enteringEl: any,
+  leavingEl: any
 ) => {
   const enteringBackButton = getBackButton(enteringEl, backDirection);
   const leavingLargeTitle = getLargeTitle(leavingEl);
@@ -268,10 +268,10 @@ const animateBackButton = (
   const enteringBackButtonIconAnimation = createAnimation();
   const enteringBackButtonAnimation = createAnimation();
 
-  const clonedBackButtonEl = getClonedElement<HTMLIonBackButtonElement>('ion-back-button')!;
+  const clonedBackButtonEl = getClonedElement('ion-back-button');
 
-  const clonedBackButtonTextEl = shadow(clonedBackButtonEl).querySelector('.button-text')!;
-  const clonedBackButtonIconEl = shadow(clonedBackButtonEl).querySelector('ion-icon')!;
+  const clonedBackButtonTextEl = shadow(clonedBackButtonEl).querySelector('.button-text');
+  const clonedBackButtonIconEl = shadow(clonedBackButtonEl).querySelector('ion-icon');
 
   clonedBackButtonEl.text = backButtonEl.text;
   clonedBackButtonEl.mode = backButtonEl.mode;
@@ -424,7 +424,7 @@ const animateLargeTitle = (
 
   const KEYFRAMES = backDirection ? BACKWARDS_KEYFRAMES : FORWARDS_KEYFRAMES;
 
-  const clonedTitleEl = getClonedElement<HTMLIonTitleElement>('ion-title')!;
+  const clonedTitleEl = getClonedElement('ion-title');
   const clonedLargeTitleAnimation = createAnimation();
 
   clonedTitleEl.innerText = largeTitleEl.innerText;
@@ -468,7 +468,7 @@ export const iosTransitionAnimation = (navEl: HTMLElement, opts: TransitionOptio
     const CENTER = '0%';
     const OFF_OPACITY = 0.8;
 
-    const isRTL = navEl.ownerDocument.dir === 'rtl';
+    const isRTL = (navEl.ownerDocument as any).dir === 'rtl';
     const OFF_RIGHT = isRTL ? '-99.5%' : '99.5%';
     const OFF_LEFT = isRTL ? '33%' : '-33%';
 

docs/CHANGELOG.md

@@ -3,14 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.6.4](https://github.com/ionic-team/ionic-framework/compare/v7.6.3...v7.6.4) (2024-01-10)
-
-**Note:** Version bump only for package @ionic/docs
-
-
-
-
-
 ## [7.6.3](https://github.com/ionic-team/ionic-framework/compare/v7.6.2...v7.6.3) (2024-01-03)
 
 **Note:** Version bump only for package @ionic/docs

docs/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@ionic/docs",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/docs",
-      "version": "7.6.4",
+      "version": "7.6.3",
       "license": "MIT"
     }
   }

docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "description": "Pre-packaged API documentation for the Ionic docs.",
   "main": "core.json",
   "types": "core.d.ts",

lerna.json

@@ -4,5 +4,5 @@
     "docs",
     "packages/*"
   ],
-  "version": "7.6.4"
+  "version": "7.6.3"
 }

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "ionic",
+  "name": "ionic-framework",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {

packages/angular-server/CHANGELOG.md

@@ -3,14 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.6.4](https://github.com/ionic-team/ionic-framework/compare/v7.6.3...v7.6.4) (2024-01-10)
-
-**Note:** Version bump only for package @ionic/angular-server
-
-
-
-
-
 ## [7.6.3](https://github.com/ionic-team/ionic-framework/compare/v7.6.2...v7.6.3) (2024-01-03)
 
 **Note:** Version bump only for package @ionic/angular-server

packages/angular-server/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular-server",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular-server",
-      "version": "7.6.4",
+      "version": "7.6.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^7.6.4"
+        "@ionic/core": "^7.6.3"
       },
       "devDependencies": {
         "@angular-eslint/eslint-plugin": "^14.0.0",
@@ -1060,11 +1060,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "dependencies": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -1462,9 +1462,9 @@
       "license": "MIT"
     },
     "node_modules/@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.0.tgz",
+      "integrity": "sha512-aWSkhBmk3yPwRAkUwBbzRwmdhb8hKiQ/JMr9m5jthpBZLjtppYbzz6PN2MhSMDfRp6K93eQw5WogSEH4HHuB6w==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -7330,11 +7330,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "requires": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -7581,9 +7581,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw=="
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.0.tgz",
+      "integrity": "sha512-aWSkhBmk3yPwRAkUwBbzRwmdhb8hKiQ/JMr9m5jthpBZLjtppYbzz6PN2MhSMDfRp6K93eQw5WogSEH4HHuB6w=="
     },
     "@types/estree": {
       "version": "0.0.39",

packages/angular-server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular-server",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "description": "Angular SSR Module for Ionic",
   "keywords": [
     "ionic",
@@ -62,6 +62,6 @@
   },
   "prettier": "@ionic/prettier-config",
   "dependencies": {
-    "@ionic/core": "^7.6.4"
+    "@ionic/core": "^7.6.3"
   }
 }

packages/angular/CHANGELOG.md

@@ -3,14 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.6.4](https://github.com/ionic-team/ionic-framework/compare/v7.6.3...v7.6.4) (2024-01-10)
-
-**Note:** Version bump only for package @ionic/angular
-
-
-
-
-
 ## [7.6.3](https://github.com/ionic-team/ionic-framework/compare/v7.6.2...v7.6.3) (2024-01-03)
 
 **Note:** Version bump only for package @ionic/angular

packages/angular/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "7.6.4",
+      "version": "7.6.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^7.6.4",
+        "@ionic/core": "^7.6.3",
         "ionicons": "^7.0.0",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -1407,11 +1407,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "dependencies": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -1845,9 +1845,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw==",
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.8.2.tgz",
+      "integrity": "sha512-KdZEAtz9VnqMtXOkf51+8mphyRt0fN/LYgtj5M8gnveGspG8KzoyTDzlWt0wsstWIsJJ21RA1yd3AgMMZiu3MA==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -9697,11 +9697,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "requires": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -9994,9 +9994,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw=="
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.8.2.tgz",
+      "integrity": "sha512-KdZEAtz9VnqMtXOkf51+8mphyRt0fN/LYgtj5M8gnveGspG8KzoyTDzlWt0wsstWIsJJ21RA1yd3AgMMZiu3MA=="
     },
     "@tootallnate/once": {
       "version": "2.0.0",

packages/angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -48,7 +48,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "^7.6.4",
+    "@ionic/core": "^7.6.3",
     "ionicons": "^7.0.0",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"

packages/react-router/CHANGELOG.md

@@ -3,14 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.6.4](https://github.com/ionic-team/ionic-framework/compare/v7.6.3...v7.6.4) (2024-01-10)
-
-**Note:** Version bump only for package @ionic/react-router
-
-
-
-
-
 ## [7.6.3](https://github.com/ionic-team/ionic-framework/compare/v7.6.2...v7.6.3) (2024-01-03)
 
 **Note:** Version bump only for package @ionic/react-router

packages/react-router/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react-router",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react-router",
-      "version": "7.6.4",
+      "version": "7.6.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/react": "^7.6.4",
+        "@ionic/react": "^7.6.3",
         "tslib": "*"
       },
       "devDependencies": {
@@ -238,11 +238,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "dependencies": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -414,11 +414,11 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.6.4.tgz",
-      "integrity": "sha512-xcYUChlPhP9dIl6mKsnzQjqCTdz+K5g+DXkd4EB+4wGtdKb9is2vnV6Hug/hgGsaV3+at2MNUFc5kwAdck+AcA==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.6.3.tgz",
+      "integrity": "sha512-hgntkT+tJalHH4XAjnNZ3e5G64mZL/C7ah2pF5v6W/0YdwRMv4HTEp7KYyumRFiUlNQdNXmZlwJ2CjsoAafJRA==",
       "dependencies": {
-        "@ionic/core": "7.6.4",
+        "@ionic/core": "7.6.3",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -667,9 +667,9 @@
       ]
     },
     "node_modules/@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.0.tgz",
+      "integrity": "sha512-aWSkhBmk3yPwRAkUwBbzRwmdhb8hKiQ/JMr9m5jthpBZLjtppYbzz6PN2MhSMDfRp6K93eQw5WogSEH4HHuB6w==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -4050,11 +4050,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "requires": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -4156,11 +4156,11 @@
       "requires": {}
     },
     "@ionic/react": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.6.4.tgz",
-      "integrity": "sha512-xcYUChlPhP9dIl6mKsnzQjqCTdz+K5g+DXkd4EB+4wGtdKb9is2vnV6Hug/hgGsaV3+at2MNUFc5kwAdck+AcA==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.6.3.tgz",
+      "integrity": "sha512-hgntkT+tJalHH4XAjnNZ3e5G64mZL/C7ah2pF5v6W/0YdwRMv4HTEp7KYyumRFiUlNQdNXmZlwJ2CjsoAafJRA==",
       "requires": {
-        "@ionic/core": "7.6.4",
+        "@ionic/core": "7.6.3",
         "ionicons": "^7.0.0",
         "tslib": "*"
       }
@@ -4297,9 +4297,9 @@
       "optional": true
     },
     "@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw=="
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.0.tgz",
+      "integrity": "sha512-aWSkhBmk3yPwRAkUwBbzRwmdhb8hKiQ/JMr9m5jthpBZLjtppYbzz6PN2MhSMDfRp6K93eQw5WogSEH4HHuB6w=="
     },
     "@types/estree": {
       "version": "1.0.4",

packages/react-router/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react-router",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "description": "React Router wrapper for @ionic/react",
   "keywords": [
     "ionic",
@@ -36,7 +36,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@ionic/react": "^7.6.4",
+    "@ionic/react": "^7.6.3",
     "tslib": "*"
   },
   "peerDependencies": {

packages/react/CHANGELOG.md

@@ -3,14 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.6.4](https://github.com/ionic-team/ionic-framework/compare/v7.6.3...v7.6.4) (2024-01-10)
-
-**Note:** Version bump only for package @ionic/react
-
-
-
-
-
 ## [7.6.3](https://github.com/ionic-team/ionic-framework/compare/v7.6.2...v7.6.3) (2024-01-03)
 
 **Note:** Version bump only for package @ionic/react

packages/react/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react",
-      "version": "7.6.4",
+      "version": "7.6.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^7.6.4",
+        "@ionic/core": "^7.6.3",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -811,11 +811,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "dependencies": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -1674,9 +1674,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw==",
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.8.2.tgz",
+      "integrity": "sha512-KdZEAtz9VnqMtXOkf51+8mphyRt0fN/LYgtj5M8gnveGspG8KzoyTDzlWt0wsstWIsJJ21RA1yd3AgMMZiu3MA==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -12857,11 +12857,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "requires": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -13453,9 +13453,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw=="
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.8.2.tgz",
+      "integrity": "sha512-KdZEAtz9VnqMtXOkf51+8mphyRt0fN/LYgtj5M8gnveGspG8KzoyTDzlWt0wsstWIsJJ21RA1yd3AgMMZiu3MA=="
     },
     "@szmarczak/http-timer": {
       "version": "4.0.6",

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "^7.6.4",
+    "@ionic/core": "^7.6.3",
     "ionicons": "^7.0.0",
     "tslib": "*"
   },

packages/vue-router/CHANGELOG.md

@@ -3,14 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.6.4](https://github.com/ionic-team/ionic-framework/compare/v7.6.3...v7.6.4) (2024-01-10)
-
-**Note:** Version bump only for package @ionic/vue-router
-
-
-
-
-
 ## [7.6.3](https://github.com/ionic-team/ionic-framework/compare/v7.6.2...v7.6.3) (2024-01-03)
 
 **Note:** Version bump only for package @ionic/vue-router

packages/vue-router/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue-router",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue-router",
-      "version": "7.6.4",
+      "version": "7.6.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/vue": "^7.6.4"
+        "@ionic/vue": "^7.6.3"
       },
       "devDependencies": {
         "@ionic/eslint-config": "^0.3.0",
@@ -661,11 +661,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "dependencies": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -852,11 +852,11 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.6.4.tgz",
-      "integrity": "sha512-jlyu+J/bRnvpiKn4ZzNSb2eGJ8Tq97bfkC0zgPMAMH4wx3++o9grNQ+4jaMX0eAK1vhtpFFJWTyW1M6Jx2HJcg==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.6.3.tgz",
+      "integrity": "sha512-z++ahF2xfcbj/LuqPZUm22fxm7p5BabWOHekbrraPllIm9+1xpP6JESb7XNYT4G0+hFxThXYxUyhc+ph2cALgQ==",
       "dependencies": {
-        "@ionic/core": "7.6.4",
+        "@ionic/core": "7.6.3",
         "ionicons": "^7.0.0"
       }
     },
@@ -1508,9 +1508,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.0.tgz",
+      "integrity": "sha512-aWSkhBmk3yPwRAkUwBbzRwmdhb8hKiQ/JMr9m5jthpBZLjtppYbzz6PN2MhSMDfRp6K93eQw5WogSEH4HHuB6w==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -7878,11 +7878,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "requires": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -7993,11 +7993,11 @@
       "requires": {}
     },
     "@ionic/vue": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.6.4.tgz",
-      "integrity": "sha512-jlyu+J/bRnvpiKn4ZzNSb2eGJ8Tq97bfkC0zgPMAMH4wx3++o9grNQ+4jaMX0eAK1vhtpFFJWTyW1M6Jx2HJcg==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.6.3.tgz",
+      "integrity": "sha512-z++ahF2xfcbj/LuqPZUm22fxm7p5BabWOHekbrraPllIm9+1xpP6JESb7XNYT4G0+hFxThXYxUyhc+ph2cALgQ==",
       "requires": {
-        "@ionic/core": "7.6.4",
+        "@ionic/core": "7.6.3",
         "ionicons": "^7.0.0"
       }
     },
@@ -8461,9 +8461,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw=="
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.0.tgz",
+      "integrity": "sha512-aWSkhBmk3yPwRAkUwBbzRwmdhb8hKiQ/JMr9m5jthpBZLjtppYbzz6PN2MhSMDfRp6K93eQw5WogSEH4HHuB6w=="
     },
     "@tootallnate/once": {
       "version": "2.0.0",

packages/vue-router/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue-router",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "description": "Vue Router integration for @ionic/vue",
   "scripts": {
     "test.spec": "jest",
@@ -44,7 +44,7 @@
   },
   "homepage": "https://github.com/ionic-team/ionic#readme",
   "dependencies": {
-    "@ionic/vue": "^7.6.4"
+    "@ionic/vue": "^7.6.3"
   },
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",

packages/vue/CHANGELOG.md

@@ -3,14 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [7.6.4](https://github.com/ionic-team/ionic-framework/compare/v7.6.3...v7.6.4) (2024-01-10)
-
-**Note:** Version bump only for package @ionic/vue
-
-
-
-
-
 ## [7.6.3](https://github.com/ionic-team/ionic-framework/compare/v7.6.2...v7.6.3) (2024-01-03)
 
 **Note:** Version bump only for package @ionic/vue

packages/vue/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue",
-      "version": "7.6.4",
+      "version": "7.6.3",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^7.6.4",
+        "@ionic/core": "^7.6.3",
         "ionicons": "^7.0.0"
       },
       "devDependencies": {
@@ -208,11 +208,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "dependencies": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -628,9 +628,9 @@
       ]
     },
     "node_modules/@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw==",
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.8.2.tgz",
+      "integrity": "sha512-KdZEAtz9VnqMtXOkf51+8mphyRt0fN/LYgtj5M8gnveGspG8KzoyTDzlWt0wsstWIsJJ21RA1yd3AgMMZiu3MA==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -3959,11 +3959,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.4",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.4.tgz",
-      "integrity": "sha512-9BGksEmvA/upb5Oup+joOam7y4pSBGCxYekWnTx8PiYur04ZYjGSZ0Vz3dQRyqj7rF+MwUV9iUGd3qz/bslkSw==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.3.tgz",
+      "integrity": "sha512-KT8RXcbLRoCvj2wQNZJ0FAM+PlcVZZT0N3BPYPAiyTLA/rmMnlPGxNMMqGEJMynL8oPx/2nh+bLS2Yv/kBPnug==",
       "requires": {
-        "@stencil/core": "^4.9.1",
+        "@stencil/core": "^4.8.2",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       },
@@ -4203,9 +4203,9 @@
       "optional": true
     },
     "@stencil/core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.1.tgz",
-      "integrity": "sha512-FB3vQR2xbX8RkiKdvBRj6jAe2VunKgB4U5hWSbpdcg/GhZrwOhsEgkGUGa8hGm9bgEUpIu16in1zFqziPyBEFw=="
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.8.2.tgz",
+      "integrity": "sha512-KdZEAtz9VnqMtXOkf51+8mphyRt0fN/LYgtj5M8gnveGspG8KzoyTDzlWt0wsstWIsJJ21RA1yd3AgMMZiu3MA=="
     },
     "@types/estree": {
       "version": "1.0.4",

packages/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "7.6.4",
+  "version": "7.6.3",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -66,7 +66,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "^7.6.4",
+    "@ionic/core": "^7.6.3",
     "ionicons": "^7.0.0"
   },
   "vetur": {