@ionic/angular 8.0.0-dev.11709632212.139b6f63 → 8.0.0-dev.11711035263.183d2423

package/ionic-module.d.ts

@@ -19,6 +19,6 @@ import * as i15 from "@angular/common";
 export declare class IonicModule {
     static forRoot(config?: IonicConfig): ModuleWithProviders<IonicModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IonicModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IonicModule, [typeof i1.IonAccordion, typeof i1.IonAccordionGroup, typeof i1.IonActionSheet, typeof i1.IonAlert, typeof i1.IonApp, typeof i1.IonAvatar, typeof i1.IonBackdrop, typeof i1.IonBadge, typeof i1.IonBreadcrumb, typeof i1.IonBreadcrumbs, typeof i1.IonButton, typeof i1.IonButtons, typeof i1.IonCard, typeof i1.IonCardContent, typeof i1.IonCardHeader, typeof i1.IonCardSubtitle, typeof i1.IonCardTitle, typeof i1.IonCheckbox, typeof i1.IonChip, typeof i1.IonCol, typeof i1.IonContent, typeof i1.IonDatetime, typeof i1.IonDatetimeButton, typeof i1.IonFab, typeof i1.IonFabButton, typeof i1.IonFabList, typeof i1.IonFooter, typeof i1.IonGrid, typeof i1.IonHeader, typeof i1.IonIcon, typeof i1.IonImg, typeof i1.IonInfiniteScroll, typeof i1.IonInfiniteScrollContent, typeof i1.IonInput, typeof i1.IonItem, typeof i1.IonItemDivider, typeof i1.IonItemGroup, typeof i1.IonItemOption, typeof i1.IonItemOptions, typeof i1.IonItemSliding, typeof i1.IonLabel, typeof i1.IonList, typeof i1.IonListHeader, typeof i1.IonLoading, typeof i1.IonMenu, typeof i1.IonMenuButton, typeof i1.IonMenuToggle, typeof i1.IonNavLink, typeof i1.IonNote, typeof i1.IonPicker, typeof i1.IonPickerColumn, typeof i1.IonPickerColumnOption, typeof i1.IonPickerLegacy, typeof i1.IonProgressBar, typeof i1.IonRadio, typeof i1.IonRadioGroup, typeof i1.IonRange, typeof i1.IonRefresher, typeof i1.IonRefresherContent, typeof i1.IonReorder, typeof i1.IonReorderGroup, typeof i1.IonRippleEffect, typeof i1.IonRow, typeof i1.IonSearchbar, typeof i1.IonSegment, typeof i1.IonSegmentButton, typeof i1.IonSelect, typeof i1.IonSelectOption, typeof i1.IonSkeletonText, typeof i1.IonSpinner, typeof i1.IonSplitPane, typeof i1.IonTabBar, typeof i1.IonTabButton, typeof i1.IonText, typeof i1.IonTextarea, typeof i1.IonThumbnail, typeof i1.IonTitle, typeof i1.IonToast, typeof i1.IonToggle, typeof i1.IonToolbar, typeof i2.IonModal, typeof i3.IonPopover, typeof i4.BooleanValueAccessorDirective, typeof i5.NumericValueAccessorDirective, typeof i6.SelectValueAccessorDirective, typeof i7.TextValueAccessorDirective, typeof i8.IonTabs, typeof i9.IonRouterOutlet, typeof i10.IonBackButton, typeof i11.IonNav, typeof i12.RouterLinkDelegateDirective, typeof i12.RouterLinkWithHrefDelegateDirective, typeof i13.IonMinValidator, typeof i14.IonMaxValidator], [typeof i15.CommonModule], [typeof i1.IonAccordion, typeof i1.IonAccordionGroup, typeof i1.IonActionSheet, typeof i1.IonAlert, typeof i1.IonApp, typeof i1.IonAvatar, typeof i1.IonBackdrop, typeof i1.IonBadge, typeof i1.IonBreadcrumb, typeof i1.IonBreadcrumbs, typeof i1.IonButton, typeof i1.IonButtons, typeof i1.IonCard, typeof i1.IonCardContent, typeof i1.IonCardHeader, typeof i1.IonCardSubtitle, typeof i1.IonCardTitle, typeof i1.IonCheckbox, typeof i1.IonChip, typeof i1.IonCol, typeof i1.IonContent, typeof i1.IonDatetime, typeof i1.IonDatetimeButton, typeof i1.IonFab, typeof i1.IonFabButton, typeof i1.IonFabList, typeof i1.IonFooter, typeof i1.IonGrid, typeof i1.IonHeader, typeof i1.IonIcon, typeof i1.IonImg, typeof i1.IonInfiniteScroll, typeof i1.IonInfiniteScrollContent, typeof i1.IonInput, typeof i1.IonItem, typeof i1.IonItemDivider, typeof i1.IonItemGroup, typeof i1.IonItemOption, typeof i1.IonItemOptions, typeof i1.IonItemSliding, typeof i1.IonLabel, typeof i1.IonList, typeof i1.IonListHeader, typeof i1.IonLoading, typeof i1.IonMenu, typeof i1.IonMenuButton, typeof i1.IonMenuToggle, typeof i1.IonNavLink, typeof i1.IonNote, typeof i1.IonPicker, typeof i1.IonPickerColumn, typeof i1.IonPickerColumnOption, typeof i1.IonPickerLegacy, typeof i1.IonProgressBar, typeof i1.IonRadio, typeof i1.IonRadioGroup, typeof i1.IonRange, typeof i1.IonRefresher, typeof i1.IonRefresherContent, typeof i1.IonReorder, typeof i1.IonReorderGroup, typeof i1.IonRippleEffect, typeof i1.IonRow, typeof i1.IonSearchbar, typeof i1.IonSegment, typeof i1.IonSegmentButton, typeof i1.IonSelect, typeof i1.IonSelectOption, typeof i1.IonSkeletonText, typeof i1.IonSpinner, typeof i1.IonSplitPane, typeof i1.IonTabBar, typeof i1.IonTabButton, typeof i1.IonText, typeof i1.IonTextarea, typeof i1.IonThumbnail, typeof i1.IonTitle, typeof i1.IonToast, typeof i1.IonToggle, typeof i1.IonToolbar, typeof i2.IonModal, typeof i3.IonPopover, typeof i4.BooleanValueAccessorDirective, typeof i5.NumericValueAccessorDirective, typeof i6.SelectValueAccessorDirective, typeof i7.TextValueAccessorDirective, typeof i8.IonTabs, typeof i9.IonRouterOutlet, typeof i10.IonBackButton, typeof i11.IonNav, typeof i12.RouterLinkDelegateDirective, typeof i12.RouterLinkWithHrefDelegateDirective, typeof i13.IonMinValidator, typeof i14.IonMaxValidator]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IonicModule, [typeof i1.IonAccordion, typeof i1.IonAccordionGroup, typeof i1.IonActionSheet, typeof i1.IonAlert, typeof i1.IonApp, typeof i1.IonAvatar, typeof i1.IonBackdrop, typeof i1.IonBadge, typeof i1.IonBreadcrumb, typeof i1.IonBreadcrumbs, typeof i1.IonButton, typeof i1.IonButtons, typeof i1.IonCard, typeof i1.IonCardContent, typeof i1.IonCardHeader, typeof i1.IonCardSubtitle, typeof i1.IonCardTitle, typeof i1.IonCheckbox, typeof i1.IonChip, typeof i1.IonCol, typeof i1.IonContent, typeof i1.IonDatetime, typeof i1.IonDatetimeButton, typeof i1.IonFab, typeof i1.IonFabButton, typeof i1.IonFabList, typeof i1.IonFooter, typeof i1.IonGrid, typeof i1.IonHeader, typeof i1.IonIcon, typeof i1.IonImg, typeof i1.IonInfiniteScroll, typeof i1.IonInfiniteScrollContent, typeof i1.IonInput, typeof i1.IonInputPasswordToggle, typeof i1.IonItem, typeof i1.IonItemDivider, typeof i1.IonItemGroup, typeof i1.IonItemOption, typeof i1.IonItemOptions, typeof i1.IonItemSliding, typeof i1.IonLabel, typeof i1.IonList, typeof i1.IonListHeader, typeof i1.IonLoading, typeof i1.IonMenu, typeof i1.IonMenuButton, typeof i1.IonMenuToggle, typeof i1.IonNavLink, typeof i1.IonNote, typeof i1.IonPicker, typeof i1.IonPickerColumn, typeof i1.IonPickerColumnOption, typeof i1.IonPickerLegacy, typeof i1.IonProgressBar, typeof i1.IonRadio, typeof i1.IonRadioGroup, typeof i1.IonRange, typeof i1.IonRefresher, typeof i1.IonRefresherContent, typeof i1.IonReorder, typeof i1.IonReorderGroup, typeof i1.IonRippleEffect, typeof i1.IonRow, typeof i1.IonSearchbar, typeof i1.IonSegment, typeof i1.IonSegmentButton, typeof i1.IonSelect, typeof i1.IonSelectOption, typeof i1.IonSkeletonText, typeof i1.IonSpinner, typeof i1.IonSplitPane, typeof i1.IonTabBar, typeof i1.IonTabButton, typeof i1.IonText, typeof i1.IonTextarea, typeof i1.IonThumbnail, typeof i1.IonTitle, typeof i1.IonToast, typeof i1.IonToggle, typeof i1.IonToolbar, typeof i2.IonModal, typeof i3.IonPopover, typeof i4.BooleanValueAccessorDirective, typeof i5.NumericValueAccessorDirective, typeof i6.SelectValueAccessorDirective, typeof i7.TextValueAccessorDirective, typeof i8.IonTabs, typeof i9.IonRouterOutlet, typeof i10.IonBackButton, typeof i11.IonNav, typeof i12.RouterLinkDelegateDirective, typeof i12.RouterLinkWithHrefDelegateDirective, typeof i13.IonMinValidator, typeof i14.IonMaxValidator], [typeof i15.CommonModule], [typeof i1.IonAccordion, typeof i1.IonAccordionGroup, typeof i1.IonActionSheet, typeof i1.IonAlert, typeof i1.IonApp, typeof i1.IonAvatar, typeof i1.IonBackdrop, typeof i1.IonBadge, typeof i1.IonBreadcrumb, typeof i1.IonBreadcrumbs, typeof i1.IonButton, typeof i1.IonButtons, typeof i1.IonCard, typeof i1.IonCardContent, typeof i1.IonCardHeader, typeof i1.IonCardSubtitle, typeof i1.IonCardTitle, typeof i1.IonCheckbox, typeof i1.IonChip, typeof i1.IonCol, typeof i1.IonContent, typeof i1.IonDatetime, typeof i1.IonDatetimeButton, typeof i1.IonFab, typeof i1.IonFabButton, typeof i1.IonFabList, typeof i1.IonFooter, typeof i1.IonGrid, typeof i1.IonHeader, typeof i1.IonIcon, typeof i1.IonImg, typeof i1.IonInfiniteScroll, typeof i1.IonInfiniteScrollContent, typeof i1.IonInput, typeof i1.IonInputPasswordToggle, typeof i1.IonItem, typeof i1.IonItemDivider, typeof i1.IonItemGroup, typeof i1.IonItemOption, typeof i1.IonItemOptions, typeof i1.IonItemSliding, typeof i1.IonLabel, typeof i1.IonList, typeof i1.IonListHeader, typeof i1.IonLoading, typeof i1.IonMenu, typeof i1.IonMenuButton, typeof i1.IonMenuToggle, typeof i1.IonNavLink, typeof i1.IonNote, typeof i1.IonPicker, typeof i1.IonPickerColumn, typeof i1.IonPickerColumnOption, typeof i1.IonPickerLegacy, typeof i1.IonProgressBar, typeof i1.IonRadio, typeof i1.IonRadioGroup, typeof i1.IonRange, typeof i1.IonRefresher, typeof i1.IonRefresherContent, typeof i1.IonReorder, typeof i1.IonReorderGroup, typeof i1.IonRippleEffect, typeof i1.IonRow, typeof i1.IonSearchbar, typeof i1.IonSegment, typeof i1.IonSegmentButton, typeof i1.IonSelect, typeof i1.IonSelectOption, typeof i1.IonSkeletonText, typeof i1.IonSpinner, typeof i1.IonSplitPane, typeof i1.IonTabBar, typeof i1.IonTabButton, typeof i1.IonText, typeof i1.IonTextarea, typeof i1.IonThumbnail, typeof i1.IonTitle, typeof i1.IonToast, typeof i1.IonToggle, typeof i1.IonToolbar, typeof i2.IonModal, typeof i3.IonPopover, typeof i4.BooleanValueAccessorDirective, typeof i5.NumericValueAccessorDirective, typeof i6.SelectValueAccessorDirective, typeof i7.TextValueAccessorDirective, typeof i8.IonTabs, typeof i9.IonRouterOutlet, typeof i10.IonBackButton, typeof i11.IonNav, typeof i12.RouterLinkDelegateDirective, typeof i12.RouterLinkWithHrefDelegateDirective, typeof i13.IonMinValidator, typeof i14.IonMaxValidator]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IonicModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.0.0-dev.11709632212.139b6f63",
+  "version": "8.0.0-dev.11711035263.183d2423",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -32,48 +32,38 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/ionic-angular.mjs",
-      "es2020": "./fesm2020/ionic-angular.mjs",
-      "es2015": "./fesm2015/ionic-angular.mjs",
-      "node": "./fesm2015/ionic-angular.mjs",
-      "default": "./fesm2020/ionic-angular.mjs"
+      "esm2022": "./esm2022/ionic-angular.mjs",
+      "esm": "./esm2022/ionic-angular.mjs",
+      "default": "./fesm2022/ionic-angular.mjs"
     },
     "./common": {
       "types": "./common/index.d.ts",
-      "esm2020": "./esm2020/common/ionic-angular-common.mjs",
-      "es2020": "./fesm2020/ionic-angular-common.mjs",
-      "es2015": "./fesm2015/ionic-angular-common.mjs",
-      "node": "./fesm2015/ionic-angular-common.mjs",
-      "default": "./fesm2020/ionic-angular-common.mjs"
+      "esm2022": "./esm2022/common/ionic-angular-common.mjs",
+      "esm": "./esm2022/common/ionic-angular-common.mjs",
+      "default": "./fesm2022/ionic-angular-common.mjs"
     },
     "./standalone": {
       "types": "./standalone/index.d.ts",
-      "esm2020": "./esm2020/standalone/ionic-angular-standalone.mjs",
-      "es2020": "./fesm2020/ionic-angular-standalone.mjs",
-      "es2015": "./fesm2015/ionic-angular-standalone.mjs",
-      "node": "./fesm2015/ionic-angular-standalone.mjs",
-      "default": "./fesm2020/ionic-angular-standalone.mjs"
+      "esm2022": "./esm2022/standalone/ionic-angular-standalone.mjs",
+      "esm": "./esm2022/standalone/ionic-angular-standalone.mjs",
+      "default": "./fesm2022/ionic-angular-standalone.mjs"
     }
   },
   "dependencies": {
-    "@ionic/core": "8.0.0-dev.11709632212.139b6f63",
+    "@ionic/core": "8.0.0-dev.11711035263.183d2423",
     "ionicons": "^7.0.0",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/core": ">=14.0.0",
-    "@angular/forms": ">=14.0.0",
-    "@angular/router": ">=14.0.0",
+    "@angular/core": ">=16.0.0",
+    "@angular/forms": ">=16.0.0",
+    "@angular/router": ">=16.0.0",
     "rxjs": ">=7.5.0",
-    "zone.js": ">=0.11.0"
+    "zone.js": ">=0.13.0"
   },
   "schematics": "./schematics/collection.json",
-  "module": "fesm2015/ionic-angular.mjs",
-  "es2020": "fesm2020/ionic-angular.mjs",
-  "esm2020": "esm2020/ionic-angular.mjs",
-  "fesm2020": "fesm2020/ionic-angular.mjs",
-  "fesm2015": "fesm2015/ionic-angular.mjs",
+  "module": "fesm2022/ionic-angular.mjs",
   "typings": "index.d.ts",
   "sideEffects": false
 }

package/schematics/add/files/root/theme/variables.css

@@ -1,247 +1,10 @@
-/* Ionic Variables and Theming. */
-/* This is just a placeholder file For more info, please see: */
-/* https://ionicframework.com/docs/theming/basics */
-
-/* To quickly generate your own theme, check out the color generator */
-/* https://ionicframework.com/docs/theming/color-generator */
-
-/** Ionic CSS Variables **/
-:root {
-  /** primary **/
-  --ion-color-primary: #3880ff;
-  --ion-color-primary-rgb: 56, 128, 255;
-  --ion-color-primary-contrast: #ffffff;
-  --ion-color-primary-contrast-rgb: 255, 255, 255;
-  --ion-color-primary-shade: #3171e0;
-  --ion-color-primary-tint: #4c8dff;
-
-  /** secondary **/
-  --ion-color-secondary: #3dc2ff;
-  --ion-color-secondary-rgb: 61, 194, 255;
-  --ion-color-secondary-contrast: #ffffff;
-  --ion-color-secondary-contrast-rgb: 255, 255, 255;
-  --ion-color-secondary-shade: #36abe0;
-  --ion-color-secondary-tint: #50c8ff;
-
-  /** tertiary **/
-  --ion-color-tertiary: #5260ff;
-  --ion-color-tertiary-rgb: 82, 96, 255;
-  --ion-color-tertiary-contrast: #ffffff;
-  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
-  --ion-color-tertiary-shade: #4854e0;
-  --ion-color-tertiary-tint: #6370ff;
-
-  /** success **/
-  --ion-color-success: #2dd36f;
-  --ion-color-success-rgb: 45, 211, 111;
-  --ion-color-success-contrast: #ffffff;
-  --ion-color-success-contrast-rgb: 255, 255, 255;
-  --ion-color-success-shade: #28ba62;
-  --ion-color-success-tint: #42d77d;
-
-  /** warning **/
-  --ion-color-warning: #ffc409;
-  --ion-color-warning-rgb: 255, 196, 9;
-  --ion-color-warning-contrast: #000000;
-  --ion-color-warning-contrast-rgb: 0, 0, 0;
-  --ion-color-warning-shade: #e0ac08;
-  --ion-color-warning-tint: #ffca22;
-
-  /** danger **/
-  --ion-color-danger: #eb445a;
-  --ion-color-danger-rgb: 235, 68, 90;
-  --ion-color-danger-contrast: #ffffff;
-  --ion-color-danger-contrast-rgb: 255, 255, 255;
-  --ion-color-danger-shade: #cf3c4f;
-  --ion-color-danger-tint: #ed576b;
-
-  /** dark **/
-  --ion-color-dark: #222428;
-  --ion-color-dark-rgb: 34, 36, 40;
-  --ion-color-dark-contrast: #ffffff;
-  --ion-color-dark-contrast-rgb: 255, 255, 255;
-  --ion-color-dark-shade: #1e2023;
-  --ion-color-dark-tint: #383a3e;
-
-  /** medium **/
-  --ion-color-medium: #92949c;
-  --ion-color-medium-rgb: 146, 148, 156;
-  --ion-color-medium-contrast: #ffffff;
-  --ion-color-medium-contrast-rgb: 255, 255, 255;
-  --ion-color-medium-shade: #808289;
-  --ion-color-medium-tint: #9d9fa6;
-
-  /** light **/
-  --ion-color-light: #f4f5f8;
-  --ion-color-light-rgb: 244, 245, 248;
-  --ion-color-light-contrast: #000000;
-  --ion-color-light-contrast-rgb: 0, 0, 0;
-  --ion-color-light-shade: #d7d8da;
-  --ion-color-light-tint: #f5f6f9;
-}
-
-@media (prefers-color-scheme: dark) {
-  /*
-   * Dark Colors
-   * -------------------------------------------
-   */
-
-  body {
-    --ion-color-primary: #428cff;
-    --ion-color-primary-rgb: 66, 140, 255;
-    --ion-color-primary-contrast: #ffffff;
-    --ion-color-primary-contrast-rgb: 255, 255, 255;
-    --ion-color-primary-shade: #3a7be0;
-    --ion-color-primary-tint: #5598ff;
-
-    --ion-color-secondary: #50c8ff;
-    --ion-color-secondary-rgb: 80, 200, 255;
-    --ion-color-secondary-contrast: #ffffff;
-    --ion-color-secondary-contrast-rgb: 255, 255, 255;
-    --ion-color-secondary-shade: #46b0e0;
-    --ion-color-secondary-tint: #62ceff;
-
-    --ion-color-tertiary: #6a64ff;
-    --ion-color-tertiary-rgb: 106, 100, 255;
-    --ion-color-tertiary-contrast: #ffffff;
-    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
-    --ion-color-tertiary-shade: #5d58e0;
-    --ion-color-tertiary-tint: #7974ff;
-
-    --ion-color-success: #2fdf75;
-    --ion-color-success-rgb: 47, 223, 117;
-    --ion-color-success-contrast: #000000;
-    --ion-color-success-contrast-rgb: 0, 0, 0;
-    --ion-color-success-shade: #29c467;
-    --ion-color-success-tint: #44e283;
-
-    --ion-color-warning: #ffd534;
-    --ion-color-warning-rgb: 255, 213, 52;
-    --ion-color-warning-contrast: #000000;
-    --ion-color-warning-contrast-rgb: 0, 0, 0;
-    --ion-color-warning-shade: #e0bb2e;
-    --ion-color-warning-tint: #ffd948;
-
-    --ion-color-danger: #ff4961;
-    --ion-color-danger-rgb: 255, 73, 97;
-    --ion-color-danger-contrast: #ffffff;
-    --ion-color-danger-contrast-rgb: 255, 255, 255;
-    --ion-color-danger-shade: #e04055;
-    --ion-color-danger-tint: #ff5b71;
-
-    --ion-color-dark: #f4f5f8;
-    --ion-color-dark-rgb: 244, 245, 248;
-    --ion-color-dark-contrast: #000000;
-    --ion-color-dark-contrast-rgb: 0, 0, 0;
-    --ion-color-dark-shade: #d7d8da;
-    --ion-color-dark-tint: #f5f6f9;
-
-    --ion-color-medium: #989aa2;
-    --ion-color-medium-rgb: 152, 154, 162;
-    --ion-color-medium-contrast: #000000;
-    --ion-color-medium-contrast-rgb: 0, 0, 0;
-    --ion-color-medium-shade: #86888f;
-    --ion-color-medium-tint: #a2a4ab;
-
-    --ion-color-light: #222428;
-    --ion-color-light-rgb: 34, 36, 40;
-    --ion-color-light-contrast: #ffffff;
-    --ion-color-light-contrast-rgb: 255, 255, 255;
-    --ion-color-light-shade: #1e2023;
-    --ion-color-light-tint: #383a3e;
-  }
-
-  /*
-   * iOS Dark Theme
-   * -------------------------------------------
-   */
-
-  .ios body {
-    --ion-background-color: #000000;
-    --ion-background-color-rgb: 0, 0, 0;
-
-    --ion-text-color: #ffffff;
-    --ion-text-color-rgb: 255, 255, 255;
-
-    --ion-color-step-50: #0d0d0d;
-    --ion-color-step-100: #1a1a1a;
-    --ion-color-step-150: #262626;
-    --ion-color-step-200: #333333;
-    --ion-color-step-250: #404040;
-    --ion-color-step-300: #4d4d4d;
-    --ion-color-step-350: #595959;
-    --ion-color-step-400: #666666;
-    --ion-color-step-450: #737373;
-    --ion-color-step-500: #808080;
-    --ion-color-step-550: #8c8c8c;
-    --ion-color-step-600: #999999;
-    --ion-color-step-650: #a6a6a6;
-    --ion-color-step-700: #b3b3b3;
-    --ion-color-step-750: #bfbfbf;
-    --ion-color-step-800: #cccccc;
-    --ion-color-step-850: #d9d9d9;
-    --ion-color-step-900: #e6e6e6;
-    --ion-color-step-950: #f2f2f2;
-
-    --ion-item-background: #000000;
-
-    --ion-card-background: #1c1c1d;
-  }
-
-  .ios ion-modal {
-    --ion-background-color: var(--ion-color-step-100);
-    --ion-toolbar-background: var(--ion-color-step-150);
-    --ion-toolbar-border-color: var(--ion-color-step-250);
-  }
-
-  /*
-   * Material Design Dark Theme
-   * -------------------------------------------
-   */
-
-  .md body {
-    --ion-background-color: #121212;
-    --ion-background-color-rgb: 18, 18, 18;
-
-    --ion-text-color: #ffffff;
-    --ion-text-color-rgb: 255, 255, 255;
-
-    --ion-border-color: #222222;
-
-    --ion-color-step-50: #1e1e1e;
-    --ion-color-step-100: #2a2a2a;
-    --ion-color-step-150: #363636;
-    --ion-color-step-200: #414141;
-    --ion-color-step-250: #4d4d4d;
-    --ion-color-step-300: #595959;
-    --ion-color-step-350: #656565;
-    --ion-color-step-400: #717171;
-    --ion-color-step-450: #7d7d7d;
-    --ion-color-step-500: #898989;
-    --ion-color-step-550: #949494;
-    --ion-color-step-600: #a0a0a0;
-    --ion-color-step-650: #acacac;
-    --ion-color-step-700: #b8b8b8;
-    --ion-color-step-750: #c4c4c4;
-    --ion-color-step-800: #d0d0d0;
-    --ion-color-step-850: #dbdbdb;
-    --ion-color-step-900: #e7e7e7;
-    --ion-color-step-950: #f3f3f3;
-
-    --ion-item-background: #1e1e1e;
-
-    --ion-toolbar-background: #1f1f1f;
-
-    --ion-tab-bar-background: #1f1f1f;
-
-    --ion-card-background: #1e1e1e;
-  }
-}
-
-html {
-  /*
-   * For more information on dynamic font scaling, visit the documentation:
-   * https://ionicframework.com/docs/layout/dynamic-font-scaling
-   */
-  --ion-dynamic-font: var(--ion-default-dynamic-font);
-}
+/**
+ * Ionic Dark Theme
+ * -----------------------------------------------------
+ * For more info, please see:
+ * https://ionicframework.com/docs/theming/dark-mode
+ */
+
+/* @import "@ionic/angular/css/palettes/dark.always.css"; */
+/* @import "@ionic/angular/css/palettes/dark.class.css"; */
+@import "@ionic/angular/css/palettes/dark.system.css";

package/schematics/utils/config.js

@@ -94,7 +94,6 @@ function addCli(host, collectionName) {
     writeConfig(host, angularJson);
 }
 exports.addCli = addCli;
-// TODO(FW-5639): can remove [property: string]: any; when upgrading @angular/cli dev-dep to v16 or later
 function addSchematics(host, schematicName, schematicOpts) {
     const angularJson = readConfig(host);
     if (angularJson.schematics === undefined) {

package/standalone/directives/checkbox.d.ts

@@ -9,7 +9,7 @@ export declare class IonCheckbox extends ValueAccessor {
     writeValue(value: boolean): void;
     handleIonChange(el: HTMLIonCheckboxElement | HTMLIonToggleElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IonCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonCheckbox, "ion-checkbox", never, { "checked": "checked"; "color": "color"; "disabled": "disabled"; "indeterminate": "indeterminate"; "justify": "justify"; "labelPlacement": "labelPlacement"; "mode": "mode"; "name": "name"; "value": "value"; }, {}, never, ["*"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCheckbox, "ion-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface IonCheckbox extends Components.IonCheckbox {
     /**

package/standalone/directives/datetime.d.ts

@@ -8,7 +8,7 @@ export declare class IonDatetime extends ValueAccessor {
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
     handleIonChange(el: HTMLIonDatetimeElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IonDatetime, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetime, "ion-datetime", never, { "cancelText": "cancelText"; "clearText": "clearText"; "color": "color"; "dayValues": "dayValues"; "disabled": "disabled"; "doneText": "doneText"; "firstDayOfWeek": "firstDayOfWeek"; "highlightedDates": "highlightedDates"; "hourCycle": "hourCycle"; "hourValues": "hourValues"; "isDateEnabled": "isDateEnabled"; "locale": "locale"; "max": "max"; "min": "min"; "minuteValues": "minuteValues"; "mode": "mode"; "monthValues": "monthValues"; "multiple": "multiple"; "name": "name"; "preferWheel": "preferWheel"; "presentation": "presentation"; "readonly": "readonly"; "showClearButton": "showClearButton"; "showDefaultButtons": "showDefaultButtons"; "showDefaultTimeLabel": "showDefaultTimeLabel"; "showDefaultTitle": "showDefaultTitle"; "size": "size"; "titleSelectedDatesFormatter": "titleSelectedDatesFormatter"; "value": "value"; "yearValues": "yearValues"; }, {}, never, ["*"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetime, "ion-datetime", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "clearText": { "alias": "clearText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "dayValues": { "alias": "dayValues"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "doneText": { "alias": "doneText"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "highlightedDates": { "alias": "highlightedDates"; "required": false; }; "hourCycle": { "alias": "hourCycle"; "required": false; }; "hourValues": { "alias": "hourValues"; "required": false; }; "isDateEnabled": { "alias": "isDateEnabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minuteValues": { "alias": "minuteValues"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "monthValues": { "alias": "monthValues"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "preferWheel": { "alias": "preferWheel"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showDefaultButtons": { "alias": "showDefaultButtons"; "required": false; }; "showDefaultTimeLabel": { "alias": "showDefaultTimeLabel"; "required": false; }; "showDefaultTitle": { "alias": "showDefaultTitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "titleSelectedDatesFormatter": { "alias": "titleSelectedDatesFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "yearValues": { "alias": "yearValues"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface IonDatetime extends Components.IonDatetime {
     /**

package/standalone/directives/icon.d.ts

@@ -5,5 +5,5 @@ export declare class IonIcon {
     protected el: HTMLElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<IonIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonIcon, "ion-icon", never, { "color": "color"; "flipRtl": "flipRtl"; "icon": "icon"; "ios": "ios"; "lazy": "lazy"; "md": "md"; "mode": "mode"; "name": "name"; "sanitize": "sanitize"; "size": "size"; "src": "src"; }, {}, never, ["*"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonIcon, "ion-icon", never, { "color": { "alias": "color"; "required": false; }; "flipRtl": { "alias": "flipRtl"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ios": { "alias": "ios"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "md": { "alias": "md"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "sanitize": { "alias": "sanitize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/standalone/directives/input.d.ts

@@ -9,7 +9,7 @@ export declare class IonInput extends ValueAccessor {
     handleIonInput(el: HTMLIonInputElement): void;
     registerOnChange(fn: (_: any) => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IonInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IonInput, "ion-input", never, { "accept": "accept"; "autocapitalize": "autocapitalize"; "autocomplete": "autocomplete"; "autocorrect": "autocorrect"; "autofocus": "autofocus"; "clearInput": "clearInput"; "clearOnEdit": "clearOnEdit"; "color": "color"; "counter": "counter"; "counterFormatter": "counterFormatter"; "debounce": "debounce"; "disabled": "disabled"; "enterkeyhint": "enterkeyhint"; "errorText": "errorText"; "fill": "fill"; "helperText": "helperText"; "inputmode": "inputmode"; "label": "label"; "labelPlacement": "labelPlacement"; "max": "max"; "maxlength": "maxlength"; "min": "min"; "minlength": "minlength"; "mode": "mode"; "multiple": "multiple"; "name": "name"; "pattern": "pattern"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "shape": "shape"; "size": "size"; "spellcheck": "spellcheck"; "step": "step"; "type": "type"; "value": "value"; }, {}, never, ["*"], true>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInput, "ion-input", never, { "accept": { "alias": "accept"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface IonInput extends Components.IonInput {
     /**