Merge branch 'main' of github.com:ionic-team/ionic-docs

# Conflicts:
#	docs/api/input.md
#	docs/api/select.md
#	docs/api/textarea.md
#	docs/api/toast.md
#	docs/react.md
#	docs/react/quickstart.md
#	docs/theming/basics.md
#	docs/vue/testing.md
#	scripts/cli.mjs

Author: rdlabo

docs/angular/navigation.md

@@ -175,34 +175,8 @@ import { LoginComponent } from './login.component';
 
 ## Standalone Components
 
-:::warning Experimental API
-
-Standalone components is an experimental API introduced in Angular 14.x and available in Ionic 6.3 and later. This feature may change before it is stable.
-
-:::
-
 Standalone components allow developers to lazy load a component on a route without having to declare the component to an Angular module.
 
-To use standalone components with routing and Ionic Framework, you must first be on Ionic ^6.3.0. The experimental API requires developers to assign the `EnvironmentInjector` instance for each router outlet (`ion-router-outlet` and `ion-tabs`) that uses standalone component routing.
-
-```ts title="app.component.ts"
-import { Component, EnvironmentInjector } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  template: 'app.component.html',
-})
-export class AppComponent {
-  constructor(public environmentInjector: EnvironmentInjector) {}
-}
-```
-
-```html title="app.component.html"
-<ion-router-outlet [environmentInjector]="environmentInjector"></ion-router-outlet>
-<!-- or if you are using ion-tabs -->
-<ion-tabs [environmentInjector]="environmentInjector"> ... </ion-tabs>
-```
-
 Developers can use the existing syntax for standalone component routing from Angular:
 
 ```ts
@@ -219,6 +193,10 @@ Developers can use the existing syntax for standalone component routing from Ang
 export class AppRoutingModule {}
 ```
 
+:::tip
+If you are using `routerLink`, `routerDirection`, or `routerAction` be sure to also import the `IonRouterLink` directive for Ionic components or the `IonRouterLinkWithHref` directive for `<a>` elements. An example of this is available in the [Ionic Angular Build Options docs](./build-options.md#migrating-from-modules-to-standalone).
+:::
+
 To get started with standalone components [visit Angular's official docs](https://angular.io/guide/standalone-components).
 
 ## Live Example

docs/angular/slides.md

@@ -101,7 +101,7 @@ The `ion-slides` component had additional styling that helped create a native lo
 
 ```css
 swiper-container {
-  --swiper-pagination-bullet-inactive-color: var(--ion-color-step-200, #cccccc);
+  --swiper-pagination-bullet-inactive-color: var(--ion-text-color-step-800, #cccccc);
   --swiper-pagination-color: var(--ion-color-primary, #0054e9);
   --swiper-pagination-progressbar-bg-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.25);
   --swiper-scrollbar-bg-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1);

docs/api/accordion-group.md

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/accordion-group/props.md';
 import Events from '@ionic-internal/component-api/v8/accordion-group/events.md';
 import Methods from '@ionic-internal/component-api/v8/accordion-group/methods.md';
 import Parts from '@ionic-internal/component-api/v8/accordion-group/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/accordion-group/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/accordion-group/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/accordion-group/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';

docs/api/accordion.md

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/accordion/props.md';
 import Events from '@ionic-internal/component-api/v8/accordion/events.md';
 import Methods from '@ionic-internal/component-api/v8/accordion/methods.md';
 import Parts from '@ionic-internal/component-api/v8/accordion/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/accordion/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/accordion/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/accordion/slots.md';
 
 <head>

docs/api/action-sheet.md

@@ -8,7 +8,7 @@ import Props from '@ionic-internal/component-api/v8/action-sheet/props.md';
 import Events from '@ionic-internal/component-api/v8/action-sheet/events.md';
 import Methods from '@ionic-internal/component-api/v8/action-sheet/methods.md';
 import Parts from '@ionic-internal/component-api/v8/action-sheet/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/action-sheet/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/action-sheet/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/action-sheet/slots.md';
 
 <head>

docs/api/alert.md

@@ -8,7 +8,7 @@ import Props from '@ionic-internal/component-api/v8/alert/props.md';
 import Events from '@ionic-internal/component-api/v8/alert/events.md';
 import Methods from '@ionic-internal/component-api/v8/alert/methods.md';
 import Parts from '@ionic-internal/component-api/v8/alert/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/alert/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/alert/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/alert/slots.md';
 
 <head>

docs/api/app.md

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/app/props.md';
 import Events from '@ionic-internal/component-api/v8/app/events.md';
 import Methods from '@ionic-internal/component-api/v8/app/methods.md';
 import Parts from '@ionic-internal/component-api/v8/app/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/app/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/app/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/app/slots.md';
 
 <head>

docs/api/avatar.md

@@ -6,7 +6,7 @@ import Props from '@ionic-internal/component-api/v8/avatar/props.md';
 import Events from '@ionic-internal/component-api/v8/avatar/events.md';
 import Methods from '@ionic-internal/component-api/v8/avatar/methods.md';
 import Parts from '@ionic-internal/component-api/v8/avatar/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/avatar/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/avatar/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/avatar/slots.md';
 
 <head>

docs/api/back-button.md

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/back-button/props.md';
 import Events from '@ionic-internal/component-api/v8/back-button/events.md';
 import Methods from '@ionic-internal/component-api/v8/back-button/methods.md';
 import Parts from '@ionic-internal/component-api/v8/back-button/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/back-button/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/back-button/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/back-button/slots.md';
 
 <head>

docs/api/backdrop.md

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/backdrop/props.md';
 import Events from '@ionic-internal/component-api/v8/backdrop/events.md';
 import Methods from '@ionic-internal/component-api/v8/backdrop/methods.md';
 import Parts from '@ionic-internal/component-api/v8/backdrop/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/backdrop/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/backdrop/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/backdrop/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';