@ionic/core 9.0.11-dev.11793890855.1bf6a6e5 → 9.0.11-dev.11793906456.1ea7a0a7

package/dist/types/components/card-content/card-content.d.ts

@@ -1,7 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 /**
- * @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.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardContent implements ComponentInterface {
     render(): any;

package/dist/types/components/card-header/card-header.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @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.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardHeader implements ComponentInterface {
     /**
@@ -13,7 +12,7 @@ export declare class CardHeader implements ComponentInterface {
     color?: Color;
     /**
      * If `true`, the card header will be translucent.
-     * Only applies when the theme is `"ios"` and the device supports
+     * Only applies when the mode is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;

package/dist/types/components/card-subtitle/card-subtitle.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @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.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardSubtitle implements ComponentInterface {
     /**

package/dist/types/components/card-title/card-title.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @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.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardTitle implements ComponentInterface {
     /**

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

@@ -2,15 +2,13 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { CheckboxChangeEventDetail } from './checkbox-interface';
 /**
- * @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.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot - The label text to associate with the checkbox. Use the "labelPlacement" property to control where the label is placed relative to the checkbox.
  *
  * @part container - The container for the checkbox mark.
  * @part label - The label text describing the checkbox.
- * @part icon - The icon that displays the checked or indeterminate mark.
- * @part mark - The mark used to indicate the checked or indeterminate state. Only applies when no icon is set in the config.
+ * @part mark - The checkmark used to indicate the checked state.
  * @part supporting-text - Supporting text displayed beneath the checkbox label.
  * @part helper-text - Supporting text displayed beneath the checkbox label when the checkbox is valid.
  * @part error-text - Supporting text displayed beneath the checkbox label when the checkbox is invalid and touched.
@@ -94,14 +92,6 @@ export declare class Checkbox implements ComponentInterface {
      * submitting if the value is invalid.
      */
     required: boolean;
-    /**
-     * Set to `"soft"` for a checkbox with more rounded corners. Only available when the theme is `"ionic"`.
-     */
-    shape?: 'soft' | 'rectangular';
-    /**
-     * Set to `"small"` for a checkbox with less height and padding.
-     */
-    size?: 'small';
     /**
      * Track validation state for proper aria-live announcements.
      */
@@ -109,10 +99,9 @@ export declare class Checkbox implements ComponentInterface {
     private hasLabelContent;
     private hintTextId?;
     /**
-     * Emitted when the checked property has changed
-     * as a result of a user action such as a click.
-     * This event will not emit when programmatically
-     * setting the `checked` property.
+     * Emitted when the checked property has changed as a result of a user action such as a click.
+     *
+     * This event will not emit when programmatically setting the `checked` property.
      */
     ionChange: EventEmitter<CheckboxChangeEventDetail>;
     /**
@@ -145,16 +134,6 @@ export declare class Checkbox implements ComponentInterface {
      * otherwise, two clicks will be triggered.
      */
     private onDivLabelClick;
-    /**
-     * Get the icon to use for the checked icon.
-     * Use the icon set in the config.
-     */
-    get checkboxCheckedIcon(): string | undefined;
-    /**
-     * Get the icon to use for the indeterminate icon.
-     * Use the icon set in the config.
-     */
-    get checkboxIndeterminateIcon(): string | undefined;
     private getHintTextId;
     /**
      * Responsible for rendering helper text and error text.

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

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @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.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Chip implements ComponentInterface {
     /**
@@ -19,29 +18,5 @@ export declare class Chip implements ComponentInterface {
      * If `true`, the user cannot interact with the chip.
      */
     disabled: boolean;
-    /**
-     * Set to `"bold"` for a chip with vibrant, bold colors or to `"subtle"` for
-     * a chip with muted, subtle colors.
-     *
-     * Only applies to the `ionic` theme.
-     */
-    hue?: 'bold' | 'subtle';
-    /**
-     * Set to `"soft"` for a chip with slightly rounded corners, `"round"` for a chip with fully
-     * rounded corners, or `"rectangular"` for a chip without rounded corners.
-     * Defaults to `"round"` for the `"ionic"` theme and `"soft"` for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
-    /**
-     * Set the shape based on the theme
-     */
-    private getShape;
-    /**
-     * Set to `"small"` for a chip with less height and padding.
-     *
-     * Defaults to `"large"` for the ionic theme, and  undefined for all other themes.
-     */
-    size?: 'small' | 'large';
-    private getSize;
     render(): any;
 }

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

@@ -1,10 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
-/**
- * @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.
- */
 export declare class Col implements ComponentInterface {
-    el: HTMLIonColElement;
+    el: HTMLElement;
     /**
      * The amount to offset the column, in terms of how many columns it should shift to the end
      * of the total available.
@@ -35,106 +31,64 @@ export declare class Col implements ComponentInterface {
      * to the end of the total available.
      */
     offsetXl?: string;
-    /**
-     * The order of the column, in terms of where the column should position itself in the columns renderer.
-     * If no value is passed, the column order implicit value will be the order in the html structure.
-     */
-    order?: string;
-    /**
-     * The order of the column for xs screens, in terms of where the column should position itself in the columns renderer.
-     * If no value is passed, the column order implicit value will be the order in the html structure.
-     */
-    orderXs?: string;
-    /**
-     * The order of the column for sm screens, in terms of where the column should position itself in the columns renderer.
-     * If no value is passed, the column order implicit value will be the order in the html structure.
-     */
-    orderSm?: string;
-    /**
-     * The order of the column for md screens, in terms of where the column should position itself in the columns renderer.
-     * If no value is passed, the column order implicit value will be the order in the html structure.
-     */
-    orderMd?: string;
-    /**
-     * The order of the column for lg screens, in terms of where the column should position itself in the columns renderer.
-     * If no value is passed, the column order implicit value will be the order in the html structure.
-     */
-    orderLg?: string;
-    /**
-     * The order of the column for xl screens, in terms of where the column should position itself in the columns renderer.
-     * If no value is passed, the column order implicit value will be the order in the html structure.
-     */
-    orderXl?: string;
     /**
      * The amount to pull the column, in terms of how many columns it should shift to the start of
      * the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pull?: string;
     /**
      * The amount to pull the column for xs screens, in terms of how many columns it should shift
      * to the start of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pullXs?: string;
     /**
      * The amount to pull the column for sm screens, in terms of how many columns it should shift
      * to the start of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pullSm?: string;
     /**
      * The amount to pull the column for md screens, in terms of how many columns it should shift
      * to the start of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pullMd?: string;
     /**
      * The amount to pull the column for lg screens, in terms of how many columns it should shift
      * to the start of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pullLg?: string;
     /**
      * The amount to pull the column for xl screens, in terms of how many columns it should shift
      * to the start of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pullXl?: string;
     /**
      * The amount to push the column, in terms of how many columns it should shift to the end
      * of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     push?: string;
     /**
      * The amount to push the column for xs screens, in terms of how many columns it should shift
      * to the end of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pushXs?: string;
     /**
      * The amount to push the column for sm screens, in terms of how many columns it should shift
      * to the end of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pushSm?: string;
     /**
      * The amount to push the column for md screens, in terms of how many columns it should shift
      * to the end of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pushMd?: string;
     /**
      * The amount to push the column for lg screens, in terms of how many columns it should shift
      * to the end of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pushLg?: string;
     /**
      * The amount to push the column for xl screens, in terms of how many columns it should shift
      * to the end of the total available.
-     * @deprecated Use the combination of `size` and `order` properties to achieve the same effect.
      */
     pushXl?: string;
     /**
@@ -169,10 +123,10 @@ export declare class Col implements ComponentInterface {
     sizeXl?: string;
     onResize(): void;
     private getColumns;
-    private getStyleClass;
-    private getSizeClass;
-    private getOrderClass;
-    private getOffsetClass;
-    componentDidLoad(): void;
+    private calculateSize;
+    private calculatePosition;
+    private calculateOffset;
+    private calculatePull;
+    private calculatePush;
     render(): any;
 }

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

@@ -2,9 +2,6 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { ScrollBaseDetail, ScrollDetail } from './content-interface';
 /**
- * @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 in the scrollable area if provided without a slot.
  * @slot fixed - Should be used for fixed content that should not scroll.
  *

package/dist/types/components/datetime/datetime-interface.d.ts

@@ -36,10 +36,6 @@ export type DatetimeHighlight = {
     date: string;
 } & DatetimeHighlightStyle;
 export type DatetimeHighlightCallback = (dateIsoString: string) => DatetimeHighlightStyle | undefined;
-export interface DatetimeRangeParts {
-    start: DatetimeParts;
-    end?: DatetimeParts;
-}
 export type DatetimeHourCycle = 'h11' | 'h12' | 'h23' | 'h24';
 /**
  * FormatOptions must include date and/or time; it cannot be an empty object

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

@@ -1,9 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { Color, StyleEventDetail } from '../../interface';
-import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, DatetimeRangeParts, TitleSelectedDatesFormatter, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, FormatOptions } from './datetime-interface';
+import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, TitleSelectedDatesFormatter, DatetimeHighlight, DatetimeHighlightCallback, DatetimeHourCycle, FormatOptions } from './datetime-interface';
 /**
- * @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.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot title - The title of the datetime.
  * @slot buttons - The buttons in the datetime.
@@ -32,11 +31,6 @@ import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, Da
  * @part calendar-day today - The calendar day that contains the current day.
  * @part calendar-day disabled - The calendar day that is disabled.
  *
- * @part range-start - The calendar day button that is the start of a range selection.
- * @part range-end - The calendar day button that is the end of a range selection.
- * @part range-selection - The calendar day button that is part of a range selection (includes start and end).
- * @part range-track - The track that connects the start and end days of a range selection.
- *
  * @part datetime-header - The datetime header contains the content for the `title` slot and the selected date.
  * @part datetime-title - The element that contains the `title` slot content.
  * @part datetime-selected-date - The element that contains the selected date.
@@ -70,7 +64,7 @@ export declare class Datetime implements ComponentInterface {
     private prevPresentation;
     private resolveForceDateScrolling?;
     showMonthAndYear: boolean;
-    activeParts: DatetimeParts | DatetimeParts[] | DatetimeRangeParts;
+    activeParts: DatetimeParts | DatetimeParts[];
     workingParts: DatetimeParts;
     el: HTMLIonDatetimeElement;
     isTimePopoverOpen: boolean;
@@ -160,16 +154,6 @@ export declare class Datetime implements ComponentInterface {
     presentation: DatetimePresentation;
     protected presentationChanged(): void;
     private get isGridStyle();
-    private get isMultipleMode();
-    private get isRangeMode();
-    /**
-     * Type guard: returns true if the given activeParts is a DatetimeRangeParts object.
-     */
-    private isRangeParts;
-    /**
-     * Returns the current range parts if in range mode, or undefined otherwise.
-     */
-    private get rangeParts();
     /**
      * The text to display on the picker's cancel button.
      */
@@ -242,10 +226,9 @@ export declare class Datetime implements ComponentInterface {
     firstDayOfWeek: number;
     /**
      * A callback used to format the header text that shows how many
-     * dates are selected. In multiple mode this is only used when
-     * there are 0 or more than 1 selected. In range mode it is
-     * always called with `[startDate]` or `[startDate, endDate]`.
-     * By default, the header text is set to "numberOfDates days".
+     * dates are selected. Only used if there are 0 or more than 1
+     * selected (i.e. unused for exactly 1). By default, the header
+     * text is set to "numberOfDates days".
      *
      * See https://ionicframework.com/docs/troubleshooting/runtime#accessing-this
      * if you need to access `this` from within the callback.
@@ -254,31 +237,8 @@ export declare class Datetime implements ComponentInterface {
     /**
      * If `true`, multiple dates can be selected at once. Only
      * applies to `presentation="date"` and `preferWheel="false"`.
-     *
-     * @deprecated Use `selectionMode="multiple"` instead.
      */
     multiple: boolean;
-    /**
-     * Controls the date selection behavior.
-     * `'multiple'` enables selecting multiple individual dates.
-     * `'range'` enables selecting a start and end date range.
-     * When unset, single-date selection is used.
-     *
-     * Range selection only works with `presentation="date"` and `preferWheel="false"`.
-     */
-    selectionMode?: 'multiple' | 'range';
-    /**
-     * The text shown in the datetime header when the start of the range
-     * is empty, also used by screen readers to announce the start date.
-     * Only applies when `selectionMode="range"`.
-     */
-    startDateLabel: string;
-    /**
-     * The text shown in the datetime header when the end of the range
-     * is empty, also used by screen readers to announce the end date.
-     * Only applies when `selectionMode="range"`.
-     */
-    endDateLabel: string;
     /**
      * Used to apply custom text and background colors to specific dates.
      *
@@ -291,9 +251,7 @@ export declare class Datetime implements ComponentInterface {
     highlightedDates?: DatetimeHighlight[] | DatetimeHighlightCallback;
     /**
      * The value of the datetime as a valid ISO 8601 datetime string.
-     * Should be an array of strings when using `multiple="true"` or
-     * `selectionMode="range"`. For range mode the array contains
-     * `[startDate, endDate]`, or `[startDate]` for a partial selection.
+     * This should be an array of strings only when `multiple="true"`.
      */
     value?: string | string[] | null;
     /**
@@ -441,23 +399,7 @@ export declare class Datetime implements ComponentInterface {
     private getActivePart;
     private closeParentOverlay;
     private setWorkingParts;
-    /**
-     * Checks whether the span from start to end contains any disabled day.
-     * Used by range mode to prevent selecting across disabled dates.
-     */
-    private rangeContainsDisabledDate;
     private setActiveParts;
-    /**
-     * Handles range selection logic when a day is clicked.
-     *
-     * Creating a new range: first click sets start, second sets end.
-     * Modifying an existing range:
-     *   - Before range → new start
-     *   - Within range → new end
-     *   - After range → new end
-     * If the resulting span contains a disabled date, start a new range instead.
-     */
-    private setActivePartsRange;
     private get isCalendarPicker();
     private initializeKeyboardListeners;
     private focusWorkingDay;
@@ -545,16 +487,6 @@ export declare class Datetime implements ComponentInterface {
     private renderTimeLabel;
     private renderTimeOverlay;
     private getHeaderSelectedDateText;
-    /**
-     * Returns the formatted range header text.
-     * Shows "Start date - End date" with placeholders from startDateLabel/endDateLabel.
-     */
-    private getRangeHeaderText;
-    /**
-     * Returns the current range value as an ISO string array for
-     * titleSelectedDatesFormatter and ionChange.
-     */
-    private getRangeValueArray;
     private renderHeader;
     /**
      * Render time picker inside of datetime.
@@ -578,29 +510,5 @@ export declare class Datetime implements ComponentInterface {
      * All presentation types are rendered from here.
      */
     private renderDatetime;
-    /**
-     * Get the icon to use for the next icon.
-     * Use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
-    get datetimeNextIcon(): string;
-    /**
-     * Get the icon to use for the previous icon.
-     * Use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
-    get datetimePreviousIcon(): string;
-    /**
-     * Get the icon to use for the show month and year icon.
-     * Use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
-    get datetimeCollapsedIcon(): string | undefined;
-    /**
-     * Get the icon to use for the hide month and year icon.
-     * Use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
-    get datetimeExpandedIcon(): string | undefined;
     render(): any;
 }

package/dist/types/components/datetime/utils/data.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '../../../interface';
+import type { Mode } from '../../../interface';
 import type { DatetimeParts, DatetimeHourCycle } from '../datetime-interface';
 export interface WheelColumnOption {
     text: string;
@@ -12,14 +12,14 @@ export interface WheelColumnOption {
  */
 export declare const getToday: () => string;
 /**
- * Given a locale and a theme,
+ * Given a locale and a mode,
  * return an array with formatted days
- * of the week. iOS and Ionic themes should
- * display days such as "Mon" or "Tue".
+ * of the week. iOS should display days
+ * such as "Mon" or "Tue".
  * MD should display days such as "M"
  * or "T".
  */
-export declare const getDaysOfWeek: (locale: string, theme: Theme, firstDayOfWeek?: number) => string[];
+export declare const getDaysOfWeek: (locale: string, mode: Mode, firstDayOfWeek?: number) => string[];
 /**
  * Returns an array containing all of the
  * days in a month for a given year. Values are

package/dist/types/components/datetime/utils/state.d.ts

@@ -1,4 +1,4 @@
-import type { DatetimeHighlight, DatetimeHighlightCallback, DatetimeHighlightStyle, DatetimeParts, DatetimeRangeParts } from '../datetime-interface';
+import type { DatetimeHighlight, DatetimeHighlightCallback, DatetimeHighlightStyle, DatetimeParts } from '../datetime-interface';
 export declare const isYearDisabled: (refYear: number, minParts?: DatetimeParts, maxParts?: DatetimeParts) => boolean;
 /**
  * Returns true if a given day should
@@ -10,13 +10,10 @@ export declare const isDayDisabled: (refParts: DatetimeParts, minParts?: Datetim
  * Given a locale, a date, the selected date(s), and today's date,
  * generate the state for a given calendar day button.
  */
-export declare const getCalendarDayState: (locale: string, refParts: DatetimeParts, activeParts: DatetimeParts | DatetimeParts[], todayParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, dayValues?: number[], rangeParts?: DatetimeRangeParts) => {
+export declare const getCalendarDayState: (locale: string, refParts: DatetimeParts, activeParts: DatetimeParts | DatetimeParts[], todayParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, dayValues?: number[]) => {
     disabled: boolean;
     isActive: boolean;
     isToday: boolean;
-    isRangeStart: boolean;
-    isRangeEnd: boolean;
-    isInRange: boolean;
     ariaSelected: string | null;
     ariaLabel: string | null;
     text: string | null;

package/dist/types/components/datetime-button/datetime-button.d.ts

@@ -2,8 +2,7 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 import type { DatetimePresentation } from '../datetime/datetime-interface';
 /**
- * @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.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot date-target - Content displayed inside of the date button.
  * @slot time-target - Content displayed inside of the time button.

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

@@ -1,8 +1,4 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
-/**
- * @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.
- */
 export declare class Fab implements ComponentInterface {
     el: HTMLElement;
     /**

package/dist/types/components/fab-button/fab-button.d.ts

@@ -3,8 +3,7 @@ import type { AnchorInterface, ButtonInterface } from "../../utils/element-inter
 import type { AnimationBuilder, Color } from '../../interface';
 import type { RouterDirection } from '../router/utils/interface';
 /**
- * @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.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @part native - The native HTML button or anchor element that wraps all child elements.
  * @part close-icon - The close icon that is displayed when a fab list opens (uses ion-icon).
@@ -69,7 +68,7 @@ export declare class FabButton implements ComponentInterface, AnchorInterface, B
     show: boolean;
     /**
      * If `true`, the fab button will be translucent.
-     * Only applies when the theme is `"ios"` and the device supports
+     * Only applies when the mode is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;
@@ -90,7 +89,7 @@ export declare class FabButton implements ComponentInterface, AnchorInterface, B
      * is pressed. Only applies if it is the main button inside of a fab containing a
      * fab list.
      */
-    closeIcon?: string;
+    closeIcon: string;
     /**
      * Emitted when the button has focus.
      */
@@ -112,12 +111,5 @@ export declare class FabButton implements ComponentInterface, AnchorInterface, B
     private findForm;
     private submitForm;
     componentWillLoad(): void;
-    /**
-     * Get the icon to use for the close icon.
-     * If an icon is set on the component, use that.
-     * Otherwise, use the icon set in the config.
-     * If no icon is set in the config, use the default icon.
-     */
-    get fabButtonCloseIcon(): string;
     render(): any;
 }

package/dist/types/components/fab-list/fab-list.d.ts

@@ -1,8 +1,4 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
-/**
- * @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.
- */
 export declare class FabList implements ComponentInterface {
     el: HTMLIonFabElement;
     private activateTimeouts;