@hero-design/rn 8.81.2 → 8.82.0-alpha.0

package/types/theme/components/button.d.ts

@@ -1,72 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getButtonTheme: (theme: GlobalTheme) => {
-    lineHeights: {
-        titleOfTextVariant: number;
-    };
-    borderWidth: {
-        default: number;
-    };
-    fonts: {
-        default: string;
-        utility: string;
-    };
-    fontSize: {
-        default: number;
-        utility: number;
-        textVariant: number;
-    };
-    sizes: {
-        iconSize: number;
-    };
-    radii: {
-        default: number;
-        utilityRadii: number;
-        text: number;
-    };
-    colors: {
-        primary: string;
-        secondary: string;
-        danger: string;
-        defaultText: string;
-        disabledText: string;
-        disabledBorder: string;
-        disabledBackground: string;
-        invertedText: string;
-        utilityBackground: string;
-        textLoadingBackground: string;
-        pressedBackground: {
-            filledPrimary: string;
-            filledSecondary: string;
-            filledDanger: string;
-            outlinedPrimary: string;
-            outlinedSecondary: string;
-            outlineDanger: string;
-            textPrimary: string;
-            textSecondary: string;
-            textDanger: string;
-        };
-        pressedText: {
-            primary: string;
-            secondary: string;
-            danger: string;
-        };
-    };
-    space: {
-        buttonPadding: number;
-        textButtonPadding: number;
-        iconPadding: number;
-        utilityPadding: number;
-    };
-};
-declare type GetButtonThemeReturnType = ReturnType<typeof getButtonTheme>;
-export interface ButtonThemeType extends GetButtonThemeReturnType {
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fonts: GetButtonThemeReturnType['fonts'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fontSize: GetButtonThemeReturnType['fontSize'];
-}
-export default getButtonTheme;

package/types/theme/components/calendar.d.ts

@@ -1,28 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getCalendarTheme: (theme: GlobalTheme) => {
-    radii: {
-        default: number;
-    };
-    colors: {
-        background: string;
-        border: string;
-        primary: string;
-        inverted: string;
-    };
-    sizes: {
-        cellWidth: number;
-        cellHeight: number;
-        cellCircleWidth: number;
-        cellCircleHeight: number;
-        markWidth: number;
-        markHeight: number;
-    };
-    space: {
-        rowVerticalPadding: number;
-        headerVerticalPadding: number;
-        headerHorizontalPadding: number;
-        headerMarginRight: number;
-        iosPickerMarginVertical: number;
-    };
-};
-export default getCalendarTheme;

package/types/theme/components/card.d.ts

@@ -1,21 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getCardTheme: (theme: GlobalTheme) => {
-    colors: {
-        dataCardIndicator: string;
-        primary: string;
-        info: string;
-        success: string;
-        warning: string;
-        danger: string;
-        archived: string;
-        neutral: string;
-    };
-    sizes: {
-        indicatorWidth: number;
-    };
-    radii: {
-        default: number;
-        superRound: number;
-    };
-};
-export default getCardTheme;

package/types/theme/components/cardCarousel.d.ts

@@ -1,15 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getCardCarouselTheme: (theme: GlobalTheme) => {
-    colors: {
-        carouselItemBackground: string;
-    };
-    space: {
-        pageControlMarginTop: number;
-        carouselItemSpacing: number;
-        contentContainerPaddingHorizontal: number;
-    };
-    radii: {
-        card: number;
-    };
-};
-export default getCardCarouselTheme;

package/types/theme/components/carousel.d.ts

@@ -1,36 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getCarouselTheme: (theme: GlobalTheme) => {
-    space: {
-        headingMarginBottom: number;
-        footerPaddingHorizontal: number;
-        footerPaddingVertical: number;
-        footerMarginBottom: number;
-        pageControlPaddingVertical: number;
-        pageControlWrapperHeight: number;
-    };
-    fonts: {
-        heading: string;
-    };
-    fontSizes: {
-        heading: number;
-    };
-    lineHeights: {
-        heading: number;
-    };
-};
-declare type GetCarouselThemeReturnType = ReturnType<typeof getCarouselTheme>;
-export interface CarouselThemeType extends GetCarouselThemeReturnType {
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fonts: GetCarouselThemeReturnType['fonts'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fontSizes: GetCarouselThemeReturnType['fontSizes'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    lineHeights: GetCarouselThemeReturnType['lineHeights'];
-}
-export default getCarouselTheme;

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

@@ -1,27 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getCheckboxTheme: (theme: GlobalTheme) => {
-    colors: {
-        borders: {
-            default: string;
-            disabled: string;
-            readonly: string;
-        };
-    };
-    space: {
-        iconTop: number;
-        wrapperPadding: number;
-        iconDescriptionPadding: number;
-    };
-    sizes: {
-        icon: number;
-    };
-    radii: {
-        wrapper: number;
-        icon: number;
-    };
-    borderWidths: {
-        wrapper: number;
-        icon: number;
-    };
-};
-export default getCheckboxTheme;

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

@@ -1,43 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getChipTheme: (theme: GlobalTheme) => {
-    colors: {
-        secondaryBackground: string;
-        filledBackground: string;
-        wrapperSelectedBorder: string;
-        outlinedDefaultBackground: string;
-        outlinedSelectedBackground: string;
-        outlinedSelectedBorder: string;
-        outlinedDefaultBorder: string;
-    };
-    space: {
-        wrapperHorizontalPadding: number;
-        wrapperVerticalPadding: number;
-        compactWrapperHorizontalPadding: number;
-        compactWrapperVerticalPadding: number;
-        iconWrapperHorizontalMargin: number;
-    };
-    radii: {
-        wrapper: number;
-    };
-    borderWidths: {
-        wrapper: number;
-        icon: number;
-        outlinedDefaultBorder: number;
-    };
-    shadows: {
-        filledWrapper: {
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowColor: string;
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-        };
-    };
-    fontSizes: {
-        icon: number;
-    };
-};
-export default getChipTheme;

package/types/theme/components/contentNavigator.d.ts

@@ -1,7 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getContentNavigatorTheme: (theme: GlobalTheme) => {
-    space: {
-        valueHorizontalPadding: number;
-    };
-};
-export default getContentNavigatorTheme;

package/types/theme/components/datePicker.d.ts

@@ -1,7 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getDatePickerTheme: (theme: GlobalTheme) => {
-    sizes: {
-        height: number;
-    };
-};
-export default getDatePickerTheme;

package/types/theme/components/divider.d.ts

@@ -1,17 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getDividerTheme: (theme: GlobalTheme) => {
-    colors: {
-        default: string;
-    };
-    space: {
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-    borderWidths: {
-        default: number;
-    };
-};
-export default getDividerTheme;

package/types/theme/components/drawer.d.ts

@@ -1,30 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getDrawerTheme: (theme: GlobalTheme) => {
-    colors: {
-        shadow: string;
-        background: string;
-        backdrop: string;
-        handler: string;
-    };
-    radii: {
-        default: number;
-        handler: number;
-    };
-    shadows: {
-        offset: {
-            width: number;
-            height: number;
-        };
-        opacity: number;
-        radius: number;
-        elevation: number;
-    };
-    space: {
-        handlerPaddingVertical: number;
-    };
-    sizes: {
-        handlerWidth: number;
-        handlerHeight: number;
-    };
-};
-export default getDrawerTheme;

package/types/theme/components/empty.d.ts

@@ -1,37 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getEmptyTheme: (theme: GlobalTheme) => {
-    fontSizes: {
-        title: number;
-        description: number;
-    };
-    colors: {
-        text: string;
-        invertedText: string;
-        subduedText: string;
-        invertedSubduedText: string;
-    };
-    sizes: {
-        image: number;
-    };
-    space: {
-        titleMargin: number;
-        imageMargin: number;
-        wrapperPadding: number;
-    };
-    fonts: {
-        title: string;
-        description: string;
-    };
-};
-declare type GetEmptyThemeReturnType = ReturnType<typeof getEmptyTheme>;
-export interface EmptyThemeType extends GetEmptyThemeReturnType {
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fonts: GetEmptyThemeReturnType['fonts'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fontSizes: GetEmptyThemeReturnType['fontSizes'];
-}
-export default getEmptyTheme;

package/types/theme/components/error.d.ts

@@ -1,51 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getErrorTheme: (theme: GlobalTheme) => {
-    fontSizes: {
-        title: number;
-        description: number;
-    };
-    colors: {
-        title: string;
-        description: string;
-        fullScreenBackground: string;
-        inPageBackground: string;
-    };
-    sizes: {
-        image: number;
-    };
-    space: {
-        titleMarginBottom: number;
-        imageMarginBottom: number;
-        wrapperPadding: number;
-        button: {
-            wrapperHorizontalPadding: number;
-            wrapperVerticalPadding: number;
-            margin: number;
-            padding: number;
-        };
-    };
-    fonts: {
-        title: string;
-        description: string;
-    };
-    lineHeight: {
-        title: number;
-        description: number;
-    };
-};
-declare type GetErrorThemeReturnType = ReturnType<typeof getErrorTheme>;
-export interface ErrorThemeType extends GetErrorThemeReturnType {
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fonts: GetErrorThemeReturnType['fonts'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fontSizes: GetErrorThemeReturnType['fontSizes'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    lineHeight: GetErrorThemeReturnType['lineHeight'];
-}
-export default getErrorTheme;

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

@@ -1,71 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getFABTheme: (theme: GlobalTheme) => {
-    radii: {
-        actionItem: number;
-    };
-    fonts: {
-        actionItemText: string;
-        title: string;
-    };
-    fontSizes: {
-        actionItemText: number;
-        title: number;
-    };
-    colors: {
-        buttonBackground: string;
-        buttonPressedBackground: string;
-        buttonActiveBackground: string;
-        icon: string;
-        actionItemBackground: string;
-        actionItemPressedBackground: string;
-        backdropBackground: string;
-        titleText: string;
-        actionItemText: string;
-    };
-    sizes: {
-        width: number;
-        height: number;
-        iconContainerWidth: number;
-        iconContainerHeight: number;
-        fabPairHeight: number;
-        fabPairIconOnlyWidth: number;
-    };
-    lineHeights: {
-        actionItemText: number;
-        title: number;
-        icon: number;
-    };
-    shadows: {
-        offset: {
-            width: number;
-            height: number;
-        };
-        opacity: number;
-        radius: number;
-        elevation: number;
-        color: string;
-    };
-    space: {
-        actionItemPadding: number;
-        actionItemMargin: number;
-        actionItemMarginRight: number;
-        actionItemTextPaddingLeft: number;
-        buttonMarginTop: number;
-        buttonMarginRight: number;
-        containerPadding: number;
-        titleMarginHorizontal: number;
-        fabPairMarginRight: number;
-    };
-};
-declare type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
-export interface FABThemeType extends GetFABThemeReturnType {
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fonts: GetFABThemeReturnType['fonts'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fontSizes: GetFABThemeReturnType['fontSizes'];
-}
-export default getFABTheme;

package/types/theme/components/floatingIsland.d.ts

@@ -1,32 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getFloatingIslandTheme: (theme: GlobalTheme) => {
-    colors: {
-        wrapperBackground: string;
-    };
-    radii: {
-        wrapper: number;
-    };
-    shadows: {
-        wrapper: {
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowColor: string;
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-        };
-    };
-    space: {
-        wrapperPadding: number;
-        wrapperTop: number;
-        prefixMarginRight: number;
-        suffixMarginLeft: number;
-        iconPadding: number;
-    };
-    fontSizes: {
-        iconSize: number;
-    };
-};
-export default getFloatingIslandTheme;

package/types/theme/components/icon.d.ts

@@ -1,23 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getIconTheme: (theme: GlobalTheme) => {
-    colors: {
-        text: string;
-        primary: string;
-        secondary: string;
-        info: string;
-        danger: string;
-        success: string;
-        warning: string;
-        disabledText: string;
-        invertedText: string;
-        muted: string;
-    };
-    sizes: {
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-};
-export default getIconTheme;

package/types/theme/components/image.d.ts

@@ -1,8 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getImageTheme: (theme: GlobalTheme) => {
-    sizes: {
-        '6xlarge': number;
-        '15xlarge': number;
-    };
-};
-export default getImageTheme;

package/types/theme/components/list.d.ts

@@ -1,46 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getListTheme: (theme: GlobalTheme) => {
-    colors: {
-        checkedListItemContainerBackground: string;
-        listItemContainerBackground: string;
-        leadingStatus: {
-            danger: string;
-            info: string;
-            success: string;
-            warning: string;
-            archived: string;
-        };
-    };
-    space: {
-        listItemContainerPadding: number;
-        leadingStatusMarginRight: number;
-        prefixContainerMarginRight: number;
-        suffixContainerMarginLeft: number;
-        childrenContainerTopMargin: number;
-    };
-    radii: {
-        item: number;
-        basicItem: number;
-        leadingStatus: number;
-    };
-    widths: {
-        leadingStatus: number;
-    };
-    opacity: {
-        disabled: number;
-        enabled: number;
-    };
-    shadows: {
-        card: {
-            offset: {
-                width: number;
-                height: number;
-            };
-            elevation: number;
-            color: string;
-            radius: number;
-            opacity: number;
-        };
-    };
-};
-export default getListTheme;

package/types/theme/components/mapPin.d.ts

@@ -1,39 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getMapPinTheme: (theme: GlobalTheme) => {
-    sizes: {
-        default: number;
-    };
-    colors: {
-        border: {
-            idle: string;
-            selected: string;
-            applied: string;
-        };
-        badge: string;
-        background: string;
-    };
-    borderWidths: {
-        default: number;
-    };
-    radii: {
-        default: number;
-    };
-    shadows: {
-        offset: {
-            width: number;
-            height: number;
-        };
-        opacity: number;
-        radius: number;
-        elevation: number;
-        color: string;
-    };
-    space: {
-        iconTop: number;
-        iconRight: number;
-    };
-    fontSizes: {
-        icon: number;
-    };
-};
-export default getMapPinTheme;

package/types/theme/components/pageControl.d.ts

@@ -1,18 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getPageControlTheme: (theme: GlobalTheme) => {
-    colors: {
-        paginatorBackgroundColor: string;
-    };
-    sizes: {
-        indicatorWidth: number;
-        paginatorHeight: number;
-        paginatorWidth: number;
-    };
-    space: {
-        paginatorMarginHorizontal: number;
-    };
-    radii: {
-        paginatorBorderRadius: number;
-    };
-};
-export default getPageControlTheme;