@ionic/core 8.8.18-dev.11786361672.19605941 → 8.8.18-dev.11786399582.1d58c37d

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

@@ -1,10 +1,5 @@
 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;
     /**
      * The amount to offset the column, in terms of how many columns it should shift to the end
      * of the total available.
@@ -35,106 +30,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 +122,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.
  *
@@ -22,6 +19,7 @@ export declare class Content implements ComponentInterface {
     private backgroundContentEl?;
     private isMainContent;
     private resizeTimeout;
+    private fullscreenResizeObserver?;
     private inheritedAttributes;
     private tabsElement;
     private tabsLoadCallback?;
@@ -39,6 +37,7 @@ export declare class Content implements ComponentInterface {
      * to transparent.
      */
     fullscreen: boolean;
+    fullscreenChanged(): void;
     /**
      * Controls where the fixed content is placed relative to the main content
      * in the DOM. This can be used to control the order in which fixed elements
@@ -83,7 +82,17 @@ export declare class Content implements ComponentInterface {
     ionScrollEnd: EventEmitter<ScrollBaseDetail>;
     componentWillLoad(): void;
     connectedCallback(): void;
+    componentDidLoad(): void;
     disconnectedCallback(): void;
+    /**
+     * Header and footer sizes can change after load without a window resize
+     * firing, so the `resize` listener alone misses those changes.
+     *
+     * Popover content is excluded because `contain: none` lets its offsets drive
+     * the host's own height, which would feed back into the observer.
+     */
+    private setupFullscreenResizeObserver;
+    private destroyFullscreenResizeObserver;
     /**
      * Rotating certain devices can update
      * the safe area insets. As a result,

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

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color, StyleEventDetail } from '../../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.
@@ -58,6 +57,10 @@ export declare class Datetime implements ComponentInterface {
      * Set true only by `visibleCallback`. Lets `hiddenCallback` ignore the
      * synthetic "not intersecting" entry IntersectionObserver fires on
      * `observe()` when the host mounts offscreen.
+     *
+     * Don't reset this in `disconnectedCallback`. Overlays disconnect and
+     * reconnect the host without re-creating the observers, so a reset there
+     * makes `hiddenCallback` miss the dismissal.
      */
     private hasBeenIntersecting;
     private prevPresentation;
@@ -80,7 +83,7 @@ export declare class Datetime implements ComponentInterface {
     /**
      * The color to use from your application's color palette.
      * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
+     * For more information on colors, refer to [theming](/docs/theming/basics).
      */
     color?: Color;
     /**
@@ -495,29 +498,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.
-     * Otherwise, 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.
-     * Otherwise, 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.
-     * Otherwise, 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.
-     * Otherwise, 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-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,6 +111,5 @@ export declare class FabButton implements ComponentInterface, AnchorInterface, B
     private findForm;
     private submitForm;
     componentWillLoad(): void;
-    get fabButtonCloseIcon(): any;
     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;

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

@@ -1,38 +1,22 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
-import type { FooterScrollEffect } from './footer-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 Footer implements ComponentInterface {
     private scrollEl?;
     private contentScrollCallback?;
     private keyboardCtrl;
     private keyboardCtrlPromise;
-    private scrollHideCtrl?;
-    private scrollHideCtrlPromise;
-    private hasWarnedCollapse;
-    private activeEffect?;
-    private fadeSetupId;
     private keyboardVisible;
     el: HTMLIonFooterElement;
     /**
      * Describes the scroll effect that will be applied to the footer.
-     * `"hide"` slides the footer out of view when scrolling down and back in
-     * when scrolling up.
-     * `"fade"` fades the toolbar background on scroll.
-     */
-    scrollEffect?: FooterScrollEffect;
-    /**
-     * Describes the scroll effect that will be applied to the footer.
-     * Only applies when the theme is `"ios"`.
-     *
-     * @deprecated Use `scrollEffect` instead.
+     * Only applies in iOS mode.
      */
     collapse?: 'fade';
     /**
      * If `true`, the footer 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).
      *
      * Note: In order to scroll content behind the footer, the `fullscreen`
@@ -44,7 +28,6 @@ export declare class Footer implements ComponentInterface {
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     private checkCollapsibleFooter;
-    private setupScrollEffectHide;
     private setupFadeFooter;
     private destroyCollapsibleFooter;
     render(): any;

package/dist/types/components/grid/grid.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 Grid implements ComponentInterface {
     /**
      * If `true`, the grid will have a fixed width based on the screen size.

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

@@ -1,8 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
-import type { HeaderScrollEffect } from './header-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 Header implements ComponentInterface {
     private scrollEl?;
@@ -10,37 +8,17 @@ export declare class Header implements ComponentInterface {
     private intersectionObserver?;
     private collapsibleMainHeader?;
     private inheritedAttributes;
-    private scrollHideCtrl?;
-    private scrollHideCtrlPromise;
-    private hasWarnedCollapse;
-    private activeEffect?;
-    private fadeCondenseSetupId;
     el: HTMLElement;
     /**
      * Describes the scroll effect that will be applied to the header.
-     * `"hide"` slides the header out of view when scrolling down and back in
-     * when scrolling up.
-     * `"condense"` collapses the large title into the main toolbar on scroll.
-     * `"fade"` fades the toolbar background on scroll.
-     */
-    scrollEffect?: HeaderScrollEffect;
-    /**
-     * Describes the scroll effect that will be applied to the header.
-     * Only applies when the theme is `"ios"`.
+     * Only applies in iOS mode.
      *
      * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)
-     *
-     * @deprecated Use `scrollEffect` instead.
      */
     collapse?: 'condense' | 'fade';
-    /**
-     * If `true`, the header will have a line at the bottom.
-     * TODO(ROU-10855): add support for this prop on ios/md themes
-     */
-    divider: boolean;
     /**
      * If `true`, the header will be translucent.
-     * Only applies when the theme is `"ios"` or `"ionic"` 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).
      *
      * Note: In order to scroll content behind the header, the `fullscreen`
@@ -52,7 +30,6 @@ export declare class Header implements ComponentInterface {
     componentDidUpdate(): void;
     disconnectedCallback(): void;
     private checkCollapsibleHeader;
-    private setupScrollEffectHide;
     private setupFadeHeader;
     private destroyCollapsibleHeader;
     private setupCondenseHeader;

package/dist/types/components/header/header.utils.d.ts

@@ -27,9 +27,10 @@ export declare const handleHeaderFade: (scrollEl: HTMLElement, baseEl: HTMLEleme
  * Get the role type for the ion-header.
  *
  * @param isInsideMenu If ion-header is inside ion-menu.
- * @returns 'none' if inside ion-menu, otherwise 'banner'.
- * Condensed headers start as 'banner' and have their role
- * toggled dynamically by setHeaderActive() on scroll.
+ * @param isCondensed If ion-header has collapse="condense".
+ * @param mode The current mode.
+ * @returns 'none' if inside ion-menu or if condensed in md
+ * mode, otherwise 'banner'.
  */
-export declare const getRoleType: (isInsideMenu: boolean) => "none" | "banner";
+export declare const getRoleType: (isInsideMenu: boolean, isCondensed: boolean, mode: "ios" | "md") => "none" | "banner";
 export {};

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

@@ -1,8 +1,5 @@
 import type { ComponentInterface, EventEmitter } 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.
- *
  * @part image - The inner `img` element.
  */
 export declare class Img implements ComponentInterface {

package/dist/types/components/infinite-scroll/infinite-scroll.d.ts

@@ -1,13 +1,8 @@
 import type { ComponentInterface, EventEmitter } 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 InfiniteScroll implements ComponentInterface {
     private thrPx;
     private thrPc;
     private scrollEl?;
-    private minHeightLocked;
     /**
      * didFire exists so that ionInfinite
      * does not fire multiple times if
@@ -46,12 +41,6 @@ export declare class InfiniteScroll implements ComponentInterface {
      * The value can be either `top` or `bottom`.
      */
     position: 'top' | 'bottom';
-    /**
-     * If `true`, the infinite scroll will preserve the scroll position
-     * when the content is re-rendered. This is useful when the content is
-     * re-rendered with new keys, and the scroll position should be preserved.
-     */
-    preserveRerenderScrollPosition: boolean;
     /**
      * Emitted when the scroll reaches
      * the threshold distance. From within your infinite handler,
@@ -62,16 +51,6 @@ export declare class InfiniteScroll implements ComponentInterface {
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     private onScroll;
-    /**
-     * Loop through our sibling elements and lock or unlock their min height.
-     * This keeps our siblings, for example `ion-list`, the same height as their
-     * content currently is, so when it loads new data and the DOM removes the old
-     * data, the height of the container doesn't change and we don't lose our scroll position.
-     *
-     * We preserve existing min-height values, if they're set, so we don't erase what
-     * has been previously set by the user when we restore after complete is called.
-     */
-    private lockSiblingMinHeight;
     /**
      * Call `complete()` within the `ionInfinite` output event handler when
      * your async operation has completed. For example, the `loading`

package/dist/types/components/infinite-scroll-content/infinite-scroll-content.d.ts

@@ -1,10 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { IonicSafeString } from '../../utils/sanitization';
 import type { SpinnerTypes } from '../spinner/spinner-configs';
-/**
- * @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 InfiniteScrollContent implements ComponentInterface {
     private customHTMLEnabled;
     /**

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

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { AutocompleteTypes, Color, TextFieldTypes } from '../../interface';
 import type { InputChangeEventDetail, InputInputEventDetail } from './input-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 label - The label text to associate with the input. Use the `labelPlacement` property to control where the label is placed relative to the input. Use this if you need to render a label with custom HTML. (EXPERIMENTAL)
  * @slot start - Content to display at the leading edge of the input. (EXPERIMENTAL)
@@ -45,11 +44,6 @@ export declare class Input implements ComponentInterface {
      * Track validation state for proper aria-live announcements
      */
     isInvalid: boolean;
-    /**
-     * Keeps the clear button in the layout while it is being pressed, so a blur
-     * landing mid-press cannot hide it before the click resolves.
-     */
-    isClearButtonPressed: boolean;
     el: HTMLIonInputElement;
     private validationObserver?;
     /**
@@ -122,7 +116,7 @@ export declare class Input implements ComponentInterface {
     errorText?: string;
     /**
      * The fill for the item. If `"solid"` the item will have a background. If
-     * `"outline"` the item will be transparent with a border. Only available when the theme is `"md"`.
+     * `"outline"` the item will be transparent with a border. Only available in `md` mode.
      */
     fill?: 'outline' | 'solid';
     /**
@@ -150,12 +144,8 @@ export declare class Input implements ComponentInterface {
      * `"floating"`: The label will appear smaller and above the input when the input is focused or it has a value. Otherwise it will appear on top of the input.
      * `"stacked"`: The label will appear smaller and above the input regardless even when the input is blurred or has no value.
      * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
-     *
-     * Defaults to "stacked" for the ionic theme, or "start" for all other themes.
-     *
-     * In the ionic theme, only the values "stacked" and "floating" are supported.
      */
-    labelPlacement?: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
+    labelPlacement: 'start' | 'end' | 'floating' | 'stacked' | 'fixed';
     /**
      * The maximum value, which must not be less than its minimum (min attribute) value.
      */
@@ -199,12 +189,9 @@ export declare class Input implements ComponentInterface {
      */
     required: boolean;
     /**
-     * Set to `"soft"` for an input with slightly rounded corners, `"round"` for an input with fully
-     * rounded corners, or `"rectangular"` for an input without rounded corners.
-     * Defaults to `"round"` for the ionic theme, and `undefined` for all other themes.
-     * Only applies when the fill is set to `"solid"` or `"outline"`.
+     * The shape of the input. If "round" it will have an increased border radius.
      */
-    shape?: 'soft' | 'round' | 'rectangular';
+    shape?: 'round';
     /**
      * If `true`, the element will have its spelling and grammar checked.
      */
@@ -214,11 +201,6 @@ export declare class Input implements ComponentInterface {
      * Possible values are: `"any"` or a positive floating point number.
      */
     step?: string;
-    /**
-     * The size of the input. If "large", it will have an increased height. By default the
-     * size is medium. This property only applies to the `"ionic"` theme.
-     */
-    size?: 'medium' | 'large' | 'xlarge';
     /**
      * The type of control to display. The default type is text.
      */
@@ -319,10 +301,6 @@ export declare class Input implements ComponentInterface {
     private emitInputChange;
     private shouldClearOnEdit;
     private getValue;
-    private getFill;
-    private getLabelPlacement;
-    private getSize;
-    private getShape;
     private onInput;
     private onChange;
     private onBlur;
@@ -331,7 +309,6 @@ export declare class Input implements ComponentInterface {
     private checkClearOnEdit;
     private onCompositionStart;
     private onCompositionEnd;
-    private releaseClearButtonPress;
     private clearTextInput;
     private hasValue;
     /**
@@ -379,14 +356,5 @@ export declare class Input implements ComponentInterface {
      * when fill="outline".
      */
     private renderLabelContainer;
-    /**
-     * Get the icon to use for the clear 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.
-     *
-     * @internal
-     */
-    get inputClearIcon(): string;
     render(): any;
 }