add scss test

Issue number: resolves #28762

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Focused inputs have `pointer-events: none`. This code was added in
e27452b789
to address https://github.com/ionic-team/ionic-framework/issues/5536.
However, this causes slotted buttons to not be clickable when the input
is focused because pointer events have been removed.

This also causes the input to blur whenever you tap the label text.

This behavior only exists on `ion-input`. Textarea is not affected.

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

This code was added several years ago for the (now) legacy syntax. I
don't have full confidence that this won't break the legacy input
because there's not a lot of context around why specifically this code
was added. As a result, I scoped these styles only to the legacy input.
- Slotted buttons can now be clicked when the input is focused.
- Tapping the label when an input is focused keeps the input focused.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

**Testing:**

1. I manually verified that scroll assist still works with the modern
input.
2. I manually verified that the input remains focused after tapping the
label.

Dev build: `7.6.3-dev.11704229014.12cdc767`

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/input/input.scss

@@ -259,15 +259,16 @@
 
 // Input Has focus
 // --------------------------------------------------
-// When the input has focus, then the input cover should be hidden
 
-:host(.has-focus) {
+// TODO FW-2764 Remove this
+:host(.has-focus.legacy-input) {
   pointer-events: none;
 }
 
-:host(.has-focus) input,
-:host(.has-focus) a,
-:host(.has-focus) button {
+// TODO FW-2764 Remove this
+:host(.has-focus.legacy-input) input,
+:host(.has-focus.legacy-input) a,
+:host(.has-focus.legacy-input) button {
   pointer-events: auto;
 }
 

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/md-controller/index.scss

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

packages/angular-server/package-lock.json

@@ -1060,12 +1060,12 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -1462,9 +1462,9 @@
       "license": "MIT"
     },
     "node_modules/@stencil/core": {
-      "version": "4.8.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.8.2.tgz",
-      "integrity": "sha512-KdZEAtz9VnqMtXOkf51+8mphyRt0fN/LYgtj5M8gnveGspG8KzoyTDzlWt0wsstWIsJJ21RA1yd3AgMMZiu3MA==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.0.tgz",
+      "integrity": "sha512-aWSkhBmk3yPwRAkUwBbzRwmdhb8hKiQ/JMr9m5jthpBZLjtppYbzz6PN2MhSMDfRp6K93eQw5WogSEH4HHuB6w==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -3923,9 +3923,9 @@
       }
     },
     "node_modules/ionicons": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.1.tgz",
-      "integrity": "sha512-2pvCM7DGVEtbbj48PJzQrCADCQrqjU1nUYX9l9PyEWz3ZfdnLdAouqwPxLdl8tbaF9cE7OZRSlyQD7oLOLnGoQ==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.2.tgz",
+      "integrity": "sha512-I3iYIfc9Q9FRifWyFSwTAvbEABWlWY32i0sAVDDPGYnaIZVugkLCZFbEcrphW6ixVPg8tt1oLwalo/JJwbEqnA==",
       "dependencies": {
         "@stencil/core": "^4.0.3"
       }
@@ -7330,12 +7330,12 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -7581,9 +7581,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.8.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.8.2.tgz",
-      "integrity": "sha512-KdZEAtz9VnqMtXOkf51+8mphyRt0fN/LYgtj5M8gnveGspG8KzoyTDzlWt0wsstWIsJJ21RA1yd3AgMMZiu3MA=="
+      "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",
@@ -9133,9 +9133,9 @@
       }
     },
     "ionicons": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.1.tgz",
-      "integrity": "sha512-2pvCM7DGVEtbbj48PJzQrCADCQrqjU1nUYX9l9PyEWz3ZfdnLdAouqwPxLdl8tbaF9cE7OZRSlyQD7oLOLnGoQ==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.2.tgz",
+      "integrity": "sha512-I3iYIfc9Q9FRifWyFSwTAvbEABWlWY32i0sAVDDPGYnaIZVugkLCZFbEcrphW6ixVPg8tt1oLwalo/JJwbEqnA==",
       "requires": {
         "@stencil/core": "^4.0.3"
       }

packages/angular/package-lock.json

@@ -1407,12 +1407,12 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -5234,9 +5234,9 @@
       }
     },
     "node_modules/ionicons": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.1.tgz",
-      "integrity": "sha512-2pvCM7DGVEtbbj48PJzQrCADCQrqjU1nUYX9l9PyEWz3ZfdnLdAouqwPxLdl8tbaF9cE7OZRSlyQD7oLOLnGoQ==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.2.tgz",
+      "integrity": "sha512-I3iYIfc9Q9FRifWyFSwTAvbEABWlWY32i0sAVDDPGYnaIZVugkLCZFbEcrphW6ixVPg8tt1oLwalo/JJwbEqnA==",
       "dependencies": {
         "@stencil/core": "^4.0.3"
       }
@@ -9697,12 +9697,12 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -12183,9 +12183,9 @@
       }
     },
     "ionicons": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.1.tgz",
-      "integrity": "sha512-2pvCM7DGVEtbbj48PJzQrCADCQrqjU1nUYX9l9PyEWz3ZfdnLdAouqwPxLdl8tbaF9cE7OZRSlyQD7oLOLnGoQ==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.2.tgz",
+      "integrity": "sha512-I3iYIfc9Q9FRifWyFSwTAvbEABWlWY32i0sAVDDPGYnaIZVugkLCZFbEcrphW6ixVPg8tt1oLwalo/JJwbEqnA==",
       "requires": {
         "@stencil/core": "^4.0.3"
       }

packages/react-router/package-lock.json

@@ -238,12 +238,12 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -414,11 +414,11 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.6.2.tgz",
-      "integrity": "sha512-c2dD/ATMDf70GAp6z6QLzmRNZVBZl9B6zcCGJlYhxSHReNOAln3PWYwxy8v/7MuTyclG4rnNQxiSBd3XQbqKTw==",
+      "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.2",
+        "@ionic/core": "7.6.3",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -4050,12 +4050,12 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -4156,11 +4156,11 @@
       "requires": {}
     },
     "@ionic/react": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-7.6.2.tgz",
-      "integrity": "sha512-c2dD/ATMDf70GAp6z6QLzmRNZVBZl9B6zcCGJlYhxSHReNOAln3PWYwxy8v/7MuTyclG4rnNQxiSBd3XQbqKTw==",
+      "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.2",
+        "@ionic/core": "7.6.3",
         "ionicons": "^7.0.0",
         "tslib": "*"
       }

packages/react/package-lock.json

@@ -811,12 +811,12 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -6078,9 +6078,9 @@
       }
     },
     "node_modules/ionicons": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.1.tgz",
-      "integrity": "sha512-2pvCM7DGVEtbbj48PJzQrCADCQrqjU1nUYX9l9PyEWz3ZfdnLdAouqwPxLdl8tbaF9cE7OZRSlyQD7oLOLnGoQ==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.2.tgz",
+      "integrity": "sha512-I3iYIfc9Q9FRifWyFSwTAvbEABWlWY32i0sAVDDPGYnaIZVugkLCZFbEcrphW6ixVPg8tt1oLwalo/JJwbEqnA==",
       "dependencies": {
         "@stencil/core": "^4.0.3"
       }
@@ -12857,12 +12857,12 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -16785,9 +16785,9 @@
       }
     },
     "ionicons": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.1.tgz",
-      "integrity": "sha512-2pvCM7DGVEtbbj48PJzQrCADCQrqjU1nUYX9l9PyEWz3ZfdnLdAouqwPxLdl8tbaF9cE7OZRSlyQD7oLOLnGoQ==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.2.tgz",
+      "integrity": "sha512-I3iYIfc9Q9FRifWyFSwTAvbEABWlWY32i0sAVDDPGYnaIZVugkLCZFbEcrphW6ixVPg8tt1oLwalo/JJwbEqnA==",
       "requires": {
         "@stencil/core": "^4.0.3"
       }

packages/vue-router/package-lock.json

@@ -661,12 +661,12 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -852,11 +852,11 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.6.2.tgz",
-      "integrity": "sha512-+qamnvbplyPN0RASemYvxMCPcwJ+lrJVJeDQ8Cw14OIuItVkMsidM2pF4hzZaxXyS+aHqCaVTewvLJ2/cUpzTw==",
+      "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.2",
+        "@ionic/core": "7.6.3",
         "ionicons": "^7.0.0"
       }
     },
@@ -7878,12 +7878,12 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -7993,11 +7993,11 @@
       "requires": {}
     },
     "@ionic/vue": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-7.6.2.tgz",
-      "integrity": "sha512-+qamnvbplyPN0RASemYvxMCPcwJ+lrJVJeDQ8Cw14OIuItVkMsidM2pF4hzZaxXyS+aHqCaVTewvLJ2/cUpzTw==",
+      "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.2",
+        "@ionic/core": "7.6.3",
         "ionicons": "^7.0.0"
       }
     },

packages/vue/package-lock.json

@@ -208,12 +208,12 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
     },
@@ -2431,9 +2431,9 @@
       }
     },
     "node_modules/ionicons": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.1.tgz",
-      "integrity": "sha512-2pvCM7DGVEtbbj48PJzQrCADCQrqjU1nUYX9l9PyEWz3ZfdnLdAouqwPxLdl8tbaF9cE7OZRSlyQD7oLOLnGoQ==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.2.tgz",
+      "integrity": "sha512-I3iYIfc9Q9FRifWyFSwTAvbEABWlWY32i0sAVDDPGYnaIZVugkLCZFbEcrphW6ixVPg8tt1oLwalo/JJwbEqnA==",
       "dependencies": {
         "@stencil/core": "^4.0.3"
       }
@@ -3959,12 +3959,12 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-7.6.2.tgz",
-      "integrity": "sha512-PEeCAjKrtKkc7PqCF7WlXn36PmowBbswnMADmoJ75ozyheRMe+v+GY2a75dGsBxB8nMZP9X9wYBXvZ3BgYUdLw==",
+      "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.8.2",
-        "ionicons": "^7.2.1",
+        "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       },
       "dependencies": {
@@ -5545,9 +5545,9 @@
       }
     },
     "ionicons": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.1.tgz",
-      "integrity": "sha512-2pvCM7DGVEtbbj48PJzQrCADCQrqjU1nUYX9l9PyEWz3ZfdnLdAouqwPxLdl8tbaF9cE7OZRSlyQD7oLOLnGoQ==",
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.2.2.tgz",
+      "integrity": "sha512-I3iYIfc9Q9FRifWyFSwTAvbEABWlWY32i0sAVDDPGYnaIZVugkLCZFbEcrphW6ixVPg8tt1oLwalo/JJwbEqnA==",
       "requires": {
         "@stencil/core": "^4.0.3"
       }