@ionic/core 8.8.7-dev.11779400352.127ba526 → 8.8.7-dev.11779921691.1777274a

package/dist/types/index.d.ts

@@ -6,12 +6,11 @@ export { mdTransitionAnimation } from './utils/transition/md.transition';
 export { getTimeGivenProgression } from './utils/animation/cubic-bezier';
 export { createGesture } from './utils/gesture';
 export { initialize } from './global/ionic-global';
-export { componentOnReady } from './utils/helpers';
+export { componentOnReady, openURL } from './utils/helpers';
 export { LogLevel } from './utils/logging';
 export { isPlatform, Platforms, PlatformConfig, getPlatforms } from './utils/platform';
 export { IonicSafeString } from './utils/sanitization';
 export { IonicConfig, getMode, setupConfig } from './utils/config';
-export { openURL } from './utils/theme';
 export { LIFECYCLE_WILL_ENTER, LIFECYCLE_DID_ENTER, LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_UNLOAD, } from './components/nav/constants';
 export { menuController } from './utils/menu-controller';
 export { alertController, actionSheetController, modalController, loadingController, pickerController, popoverController, toastController, } from './utils/overlays';

package/dist/types/interface.d.ts

@@ -7,7 +7,7 @@ export { AccordionGroupCustomEvent } from './components/accordion-group/accordio
 export { AlertOptions } from './components/alert/alert-interface';
 export { ActionSheetOptions } from './components/action-sheet/action-sheet-interface';
 export { BreadcrumbCustomEvent } from './components/breadcrumb/breadcrumb-interface';
-export { ScrollBaseCustomEvent, ScrollCallback, ScrollCustomEvent } from './components/content/content-interface';
+export { ScrollBaseCustomEvent, ScrollCallback, ScrollCustomEvent } from './components/content/content.interfaces';
 export { CheckboxCustomEvent } from './components/checkbox/checkbox-interface';
 export { DatetimeCustomEvent, DatetimeHighlightStyle } from './components/datetime/datetime-interface';
 export { InfiniteScrollCustomEvent } from './components/infinite-scroll/infinite-scroll-interface';
@@ -33,7 +33,7 @@ export {
 export { SearchbarCustomEvent } from './components/searchbar/searchbar-interface';
 export { SegmentCustomEvent } from './components/segment/segment-interface';
 export { SelectCustomEvent, SelectCompareFn } from './components/select/select-interface';
-export { TabsCustomEvent } from './components/tabs/tabs-interface';
+export { TabsCustomEvent } from './components/tabs/tabs.interfaces';
 export { TextareaCustomEvent } from './components/textarea/textarea-interface';
 export { ToastOptions } from './components/toast/toast-interface';
 export { ToggleCustomEvent } from './components/toggle/toggle-interface';

package/dist/types/themes/base/dark.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { DarkTheme } from '../themes.interfaces';
+export declare const darkTheme: DarkTheme;

package/dist/types/themes/base/default.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { DefaultTheme } from '../themes.interfaces';
+export declare const defaultTheme: DefaultTheme;

package/dist/types/themes/base/high-contrast-dark.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { HighContrastDarkTheme } from '../themes.interfaces';
+export declare const highContrastDarkTheme: HighContrastDarkTheme;

package/dist/types/themes/base/high-contrast.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { HighContrastTheme } from '../themes.interfaces';
+export declare const highContrastTheme: HighContrastTheme;

package/dist/types/themes/base/light.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { LightTheme } from '../themes.interfaces';
+export declare const lightTheme: LightTheme;

package/dist/types/themes/base/shared.tokens.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Common tokens utilized multiple times across all theme files.
+ */
+export declare const colors: {
+    backgroundColor: string;
+    backgroundColorRgb: string;
+    textColor: string;
+    textColorRgb: string;
+    white: string;
+    black: string;
+};

package/dist/types/themes/ionic/dark.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { DarkTheme } from '../themes.interfaces';
+export declare const darkTheme: DarkTheme;

package/dist/types/themes/ionic/default.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { DefaultTheme } from '../themes.interfaces';
+export declare const defaultTheme: DefaultTheme;

package/dist/types/themes/ionic/light.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { LightTheme } from '../themes.interfaces';
+export declare const lightTheme: LightTheme;

package/dist/types/themes/ionic/shared.tokens.d.ts

@@ -0,0 +1,112 @@
+/**
+ * Common tokens utilized multiple times across `ionic` theme files.
+ */
+export declare const global: {
+    root: number;
+};
+export declare const components: {
+    item: {
+        padding: {
+            start: string;
+        };
+        inner: {
+            padding: {
+                end: string;
+            };
+        };
+        border: {
+            color: string;
+        };
+        slot: {
+            child: {
+                start: {
+                    margin: {
+                        end: string;
+                    };
+                };
+                end: {
+                    margin: {
+                        start: string;
+                    };
+                };
+            };
+        };
+        icon: {
+            slot: {
+                color: string;
+                font: {
+                    size: number;
+                };
+                margin: {
+                    top: string;
+                    bottom: string;
+                };
+            };
+            start: {
+                slot: {
+                    margin: {
+                        end: string;
+                    };
+                };
+            };
+            end: {
+                slot: {
+                    margin: {
+                        start: string;
+                    };
+                };
+            };
+        };
+        note: {
+            slot: {
+                font: {
+                    size: number;
+                };
+                padding: {
+                    top: string;
+                    end: string;
+                    bottom: string;
+                    start: string;
+                };
+            };
+        };
+        avatar: {
+            width: string;
+            height: string;
+        };
+        thumbnail: {
+            width: string;
+            height: string;
+        };
+        media: {
+            slot: {
+                margin: {
+                    top: string;
+                    bottom: string;
+                };
+            };
+            start: {
+                slot: {
+                    margin: {
+                        end: string;
+                    };
+                };
+            };
+            end: {
+                slot: {
+                    margin: {
+                        start: string;
+                    };
+                };
+            };
+        };
+        paragraph: {
+            color: string;
+        };
+    };
+    itemDivider: {
+        font: {
+            size: number;
+        };
+    };
+};

package/dist/types/themes/ios/dark.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { DarkTheme } from '../themes.interfaces';
+export declare const darkTheme: DarkTheme;

package/dist/types/themes/ios/default.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { DefaultTheme } from '../themes.interfaces';
+export declare const defaultTheme: DefaultTheme;

package/dist/types/themes/ios/high-contrast-dark.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { HighContrastDarkTheme } from '../themes.interfaces';
+export declare const highContrastDarkTheme: HighContrastDarkTheme;

package/dist/types/themes/ios/high-contrast.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { HighContrastTheme } from '../themes.interfaces';
+export declare const highContrastTheme: HighContrastTheme;

package/dist/types/themes/ios/light.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { LightTheme } from '../themes.interfaces';
+export declare const lightTheme: LightTheme;

package/dist/types/themes/ios/shared.tokens.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Common tokens utilized multiple times across `ios` theme files.
+ */
+export declare const global: {
+    root: number;
+};
+export declare const components: {
+    chip: {
+        font: {
+            size: number;
+        };
+    };
+    item: {
+        padding: {
+            start: string;
+            end: string;
+        };
+        inner: {
+            padding: {
+                end: string;
+            };
+        };
+        slot: {
+            host: {
+                start: {
+                    margin: {
+                        top: string;
+                        end: string;
+                        bottom: string;
+                        start: string;
+                    };
+                };
+            };
+        };
+        icon: {
+            slot: {
+                margin: {
+                    top: string;
+                    bottom: string;
+                };
+            };
+        };
+        paragraph: {
+            color: string;
+            margin: {
+                top: string;
+                end: string;
+                bottom: string;
+                start: string;
+            };
+            font: {
+                size: string;
+            };
+        };
+    };
+};

package/dist/types/themes/md/dark.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { DarkTheme } from '../themes.interfaces';
+export declare const darkTheme: DarkTheme;

package/dist/types/themes/md/default.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { DefaultTheme } from '../themes.interfaces';
+export declare const defaultTheme: DefaultTheme;

package/dist/types/themes/md/high-contrast-dark.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { HighContrastDarkTheme } from '../themes.interfaces';
+export declare const highContrastDarkTheme: HighContrastDarkTheme;

package/dist/types/themes/md/high-contrast.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { HighContrastTheme } from '../themes.interfaces';
+export declare const highContrastTheme: HighContrastTheme;

package/dist/types/themes/md/light.tokens.d.ts

@@ -0,0 +1,2 @@
+import type { LightTheme } from '../themes.interfaces';
+export declare const lightTheme: LightTheme;

package/dist/types/themes/md/shared.tokens.d.ts

@@ -0,0 +1,117 @@
+/**
+ * Common tokens utilized multiple times across `md` theme files.
+ */
+export declare const global: {
+    root: number;
+};
+export declare const components: {
+    chip: {
+        font: {
+            size: number;
+        };
+    };
+    item: {
+        padding: {
+            start: string;
+        };
+        inner: {
+            padding: {
+                end: string;
+            };
+        };
+        border: {
+            color: string;
+        };
+        slot: {
+            child: {
+                start: {
+                    margin: {
+                        end: string;
+                    };
+                };
+                end: {
+                    margin: {
+                        start: string;
+                    };
+                };
+            };
+        };
+        icon: {
+            slot: {
+                color: string;
+                font: {
+                    size: number;
+                };
+                margin: {
+                    top: string;
+                    bottom: string;
+                };
+            };
+            start: {
+                slot: {
+                    margin: {
+                        end: string;
+                    };
+                };
+            };
+            end: {
+                slot: {
+                    margin: {
+                        start: string;
+                    };
+                };
+            };
+        };
+        note: {
+            slot: {
+                font: {
+                    size: number;
+                };
+                padding: {
+                    top: string;
+                    end: string;
+                    bottom: string;
+                    start: string;
+                };
+            };
+        };
+        avatar: {
+            width: string;
+            height: string;
+        };
+        thumbnail: {
+            width: string;
+            height: string;
+        };
+        media: {
+            slot: {
+                margin: {
+                    top: string;
+                    bottom: string;
+                };
+            };
+            start: {
+                slot: {
+                    margin: {
+                        end: string;
+                    };
+                };
+            };
+            end: {
+                slot: {
+                    margin: {
+                        start: string;
+                    };
+                };
+            };
+        };
+        paragraph: {
+            color: string;
+        };
+    };
+    itemDivider: {
+        font: {
+            size: number;
+        };
+    };
+};

package/dist/types/themes/themes.interfaces.d.ts

@@ -0,0 +1,278 @@
+import type { IonBadgeConfig, IonBadgeRecipe } from '../components/badge/badge.interfaces';
+import type { IonChipConfig, IonChipRecipe } from '../components/chip/chip.interfaces';
+import type { IonContentRecipe } from '../components/content/content.interfaces';
+import type { IonItemDividerRecipe } from '../components/item-divider/item-divider.interfaces';
+import type { IonProgressBarConfig, IonProgressBarRecipe } from '../components/progress-bar/progress-bar.interfaces';
+import type { IonSpinnerConfig, IonSpinnerRecipe } from '../components/spinner/spinner.interfaces';
+import type { IonicConfig as IonicGlobalConfig } from '../utils/config';
+export type PlatformTheme = Omit<BaseTheme, 'ios' | 'md'>;
+export type BaseTheme = {
+    backgroundColor?: string;
+    backgroundColorRgb?: string;
+    textColor?: string;
+    textColorRgb?: string;
+    backgroundColorStep?: NumberStringKeys;
+    textColorStep?: NumberStringKeys;
+    toolbar?: any;
+    spacing?: {
+        0?: string;
+        25?: string;
+        50?: string;
+        75?: string;
+        100?: string;
+        150?: string;
+        200?: string;
+        250?: string;
+        300?: string;
+        350?: string;
+        400?: string;
+        450?: string;
+        500?: string;
+        550?: string;
+        600?: string;
+        650?: string;
+        700?: string;
+        750?: string;
+        800?: string;
+        850?: string;
+        900?: string;
+        950?: string;
+        1000?: string;
+        1050?: string;
+        1100?: string;
+        1150?: string;
+        1200?: string;
+        xxxxs?: string;
+        xxxs?: string;
+        xxs?: string;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        xxl?: string;
+        xxxl?: string;
+        xxxxl?: string;
+    };
+    scaling?: {
+        0?: string;
+        25?: string;
+        50?: string;
+        75?: string;
+        100?: string;
+        150?: string;
+        200?: string;
+        250?: string;
+        300?: string;
+        350?: string;
+        400?: string;
+        450?: string;
+        500?: string;
+        550?: string;
+        600?: string;
+        650?: string;
+        700?: string;
+        750?: string;
+        800?: string;
+        850?: string;
+        900?: string;
+        950?: string;
+        1000?: string;
+        1050?: string;
+        1100?: string;
+        1150?: string;
+        1200?: string;
+        1400?: string;
+        1600?: string;
+        1800?: string;
+        2000?: string;
+        2400?: string;
+        2800?: string;
+        3200?: string;
+        3400?: string;
+        3600?: string;
+        4000?: string;
+        5000?: string;
+        6200?: string;
+        7400?: string;
+        9000?: string;
+        xxxxs?: string;
+        xxxs?: string;
+        xxs?: string;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        xxl?: string;
+        xxxl?: string;
+        xxxxl?: string;
+    };
+    borderWidth?: {
+        0?: string;
+        25?: string;
+        50?: string;
+        75?: string;
+        100?: string;
+        150?: string;
+        200?: string;
+        250?: string;
+        300?: string;
+        350?: string;
+        400?: string;
+        xxxxs?: string;
+        xxxs?: string;
+        xxs?: string;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        xxl?: string;
+        xxxl?: string;
+        xxxxl?: string;
+        hairline?: string;
+    };
+    radii?: {
+        0?: string;
+        25?: string;
+        50?: string;
+        75?: string;
+        100?: string;
+        150?: string;
+        200?: string;
+        250?: string;
+        300?: string;
+        350?: string;
+        400?: string;
+        500?: string;
+        600?: string;
+        700?: string;
+        800?: string;
+        900?: string;
+        1000?: string;
+        xxxxs?: string;
+        xxxs?: string;
+        xxs?: string;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        xxl?: string;
+        xxxl?: string;
+        xxxxl?: string;
+        full?: string;
+    };
+    dynamicFont?: string;
+    fontFamily?: string;
+    fontWeight?: {
+        thin?: string;
+        extraLight?: string;
+        light?: string;
+        normal?: string;
+        medium?: string;
+        semiBold?: string;
+        bold?: string;
+        extraBold?: string;
+        black?: string;
+    };
+    fontSize?: {
+        root?: string;
+        xxs?: string;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        xxl?: string;
+    };
+    lineHeight?: {
+        xxs?: string;
+        xs?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        xxl?: string;
+    };
+    components?: Components;
+    color?: {
+        [key: string]: {
+            bold: {
+                base: string;
+                contrast: string;
+                foreground: string;
+                shade: string;
+                tint: string;
+            };
+            subtle: {
+                base: string;
+                contrast: string;
+                foreground: string;
+                shade: string;
+                tint: string;
+            };
+        };
+    };
+    ios?: PlatformTheme;
+    md?: PlatformTheme;
+};
+export type IonicConfig = IonicGlobalConfig & {
+    components?: {
+        IonBadge?: IonBadgeConfig;
+        IonChip?: IonChipConfig;
+        IonProgressBar?: IonProgressBarConfig;
+        IonSpinner?: IonSpinnerConfig;
+    };
+};
+export type DarkTheme = BaseTheme & {
+    enabled: 'system' | 'always' | 'never' | 'class';
+};
+export type HighContrastTheme = BaseTheme & {
+    enabled: 'system' | 'always' | 'never' | 'class';
+};
+export type HighContrastDarkTheme = BaseTheme & {
+    enabled: 'system' | 'always' | 'never' | 'class';
+};
+export type LightTheme = BaseTheme;
+export type DefaultTheme = BaseTheme & {
+    name?: string;
+    palette?: {
+        light?: LightTheme;
+        dark?: DarkTheme;
+        highContrast?: HighContrastTheme;
+        highContrastDark?: HighContrastDarkTheme;
+    };
+    config?: IonicConfig;
+};
+type Components = {
+    IonAvatar?: any;
+    IonBadge?: IonBadgeRecipe;
+    IonChip?: IonChipRecipe;
+    IonContent?: IonContentRecipe;
+    IonItemDivider?: IonItemDividerRecipe;
+    IonProgressBar?: IonProgressBarRecipe;
+    IonSpinner?: IonSpinnerRecipe;
+    IonCard?: any;
+    IonItem?: any;
+    IonTabBar?: any;
+    IonModal?: any;
+    IonToolbar?: any;
+};
+export type IonMargin = {
+    top?: string | number;
+    end?: string | number;
+    bottom?: string | number;
+    start?: string | number;
+};
+export type IonPadding = {
+    top?: string | number;
+    end?: string | number;
+    bottom?: string | number;
+    start?: string | number;
+};
+export type NumberStringKeys = {
+    [K in number as `${K}`]?: string;
+};
+export {};