@ionic/core 8.7.5-nightly.20250924 → 8.7.6-dev.11758808200.14faa1a0

package/dist/types/components/toast/toast.d.ts

@@ -4,7 +4,8 @@ import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { IonicSafeString } from '../../utils/sanitization';
 import type { ToastButton, ToastPosition, ToastLayout, ToastSwipeGestureDirection } from './toast-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @part button - Any button element that is displayed inside of the toast.
  * @part button cancel - Any button element with role "cancel" that is displayed inside of the toast.
@@ -70,6 +71,13 @@ export declare class Toast implements ComponentInterface, OverlayInterface {
      * Header to be shown in the toast.
      */
     header?: string;
+    /**
+     * Set to `"bold"` for a toast with vibrant, bold colors or to `"subtle"` for
+     * a toast with muted, subtle colors.
+     *
+     * Only applies to the `ionic` theme.
+     */
+    hue?: 'bold' | 'subtle';
     /**
      * Defines how the message and buttons are laid out in the toast.
      * 'baseline': The message and the buttons will appear on the same line.
@@ -102,13 +110,21 @@ export declare class Toast implements ComponentInterface, OverlayInterface {
      * With `position="middle"`, the value of `positionAnchor` is ignored.
      */
     positionAnchor?: HTMLElement | string;
+    /**
+     * Set to `"soft"` for a toast with slightly rounded corners,
+     * `"round"` for a toast with fully rounded corners, or `"rectangular"`
+     * for a toast without rounded corners.
+     *
+     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
+     */
+    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * An array of buttons for the toast.
      */
     buttons?: (ToastButton | string)[];
     /**
      * If `true`, the toast will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
+     * Only applies when the theme is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;
@@ -218,6 +234,7 @@ export declare class Toast implements ComponentInterface, OverlayInterface {
      */
     onWillDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
     private getButtons;
+    private getShape;
     /**
      * Returns the element specified by the positionAnchor prop,
      * or undefined if prop's value is an ID string and the element

package/dist/types/components/toggle/toggle.d.ts

@@ -2,7 +2,8 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { ToggleChangeEventDetail } from './toggle-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @slot - The label text to associate with the toggle. Use the "labelPlacement" property to control where the label is placed relative to the toggle.
  *
@@ -132,6 +133,19 @@ export declare class Toggle implements ComponentInterface {
     private onFocus;
     private onBlur;
     private getSwitchLabelIcon;
+    get toggleDefaultCheckedIcon(): string;
+    /**
+     * Get the icon to use for the checked icon.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get toggleCheckedIcon(): string;
+    /**
+     * Get the icon to use for the unchecked icon.
+     * Otherwise, use the icon set in the config.
+     * If no icon is set in the config, use the default icon.
+     */
+    get toggleUncheckedIcon(): string;
     private renderOnOffSwitchLabels;
     private renderToggleControl;
     private get hasLabel();

package/dist/types/components/toolbar/toolbar.d.ts

@@ -1,12 +1,13 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color, StyleEventDetail } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
  *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot start - Content is placed to the left of the toolbar text in LTR, and to the right in RTL.
- * @slot secondary - Content is placed to the left of the toolbar text in `ios` mode, and directly to the right in `md` mode.
- * @slot primary - Content is placed to the right of the toolbar text in `ios` mode, and to the far right in `md` mode.
+ * @slot secondary - Content is placed to the left of the toolbar text in the `"ios"` theme, and directly to the right in the `"md"` theme.
+ * @slot primary - Content is placed to the right of the toolbar text in the `"ios"` theme, and to the far right in the `"md"` theme.
  * @slot end - Content is placed to the right of the toolbar text in LTR, and to the left in RTL.
  *
  * @part background - The background of the toolbar, covering the entire area behind the toolbar content.
@@ -23,6 +24,22 @@ export declare class Toolbar implements ComponentInterface {
      */
     color?: Color;
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    /**
+     * Updates the CSS custom properties for slot widths
+     * This ensures that slots shown by their met conditions
+     * have a minimum width matching their required slot
+     */
+    private updateSlotWidths;
+    /**
+     * Measure the widths of the slots and update the CSS custom properties
+     * for the minimum width of each pair of slots based on the largest width in each pair.
+     * Returns whether we successfully measured all of the slots we expect to have content.
+     * If not, the content probably hasn't rendered yet and we need to try again.
+     */
+    private measureAndUpdateSlots;
+    private updateSlotClasses;
+    private hasSlotContent;
     childrenStyle(ev: CustomEvent<StyleEventDetail>): void;
     render(): any;
 }