@hero-design/rn 8.113.1 → 8.114.0

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

@@ -1,18 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getSelectTheme: (theme: GlobalTheme) => {
-    space: {
-        minimumOptionListHeight: number;
-        sectionSpacing: number;
-        optionSpacing: number;
-        optionListHorizontalPadding: number;
-        searchBarMarginTopSpacing: number;
-        searchBarHorizontalSpacing: number;
-        searchBarBottomSpacing: number;
-        singleSelectContentPaddingBottom: number;
-        suffixMarginRight: number;
-    };
-    radii: {
-        option: number;
-    };
-};
-export default getSelectTheme;

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

@@ -1,17 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getSkeletonTheme: (theme: GlobalTheme) => {
-    colors: {
-        lightBackground: string;
-        darkBackground: string;
-        lightGradientStart: string;
-        lightGradientEnd: string;
-        darkGradientStart: string;
-        darkGradientEnd: string;
-    };
-    radii: {
-        rectangular: number;
-        circular: number;
-        rounded: number;
-    };
-};
-export default getSkeletonTheme;

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

@@ -1,33 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getSliderTheme: (theme: GlobalTheme) => {
-    colors: {
-        unselectedTrack: string;
-        disabledUnselectedTrack: string;
-        selectedTrack: string;
-        disabledSelectedTrack: string;
-        thumb: string;
-        disabledThumb: string;
-    };
-    shadows: {
-        marker: {
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowColor: string;
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-        };
-    };
-    sizes: {
-        trackHeight: number;
-        markerWidth: number;
-        markerHeight: number;
-        markerBorderRadius: number;
-    };
-    radii: {
-        marker: number;
-    };
-};
-export default getSliderTheme;

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

@@ -1,27 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getSpinnerTheme: (theme: GlobalTheme) => {
-    colors: {
-        dot: {
-            primary: string;
-            inverted: string;
-        };
-    };
-    space: {
-        spinnerDot: {
-            small: number;
-            medium: number;
-        };
-        spinnerDotPadding: {
-            small: number;
-            medium: number;
-        };
-        spinnerTextPaddingTop: {
-            small: number;
-            medium: number;
-        };
-    };
-    radii: {
-        default: number;
-    };
-};
-export default getSpinnerTheme;

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

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

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

@@ -1,16 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getSwipeableTheme: (theme: GlobalTheme) => {
-    colors: {
-        success: string;
-        danger: string;
-        primary: string;
-        defaultContainerBackground: string;
-    };
-    radii: {
-        swipeableContainer: number;
-    };
-    space: {
-        containerExtraWidth: number;
-    };
-};
-export default getSwipeableTheme;

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

@@ -1,38 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getSwitchTheme: (theme: GlobalTheme) => {
-    colors: {
-        backgroundColors: {
-            checked: string;
-            unchecked: string;
-            'disabled-checked': string;
-            'disabled-unchecked': string;
-        };
-        thumb: string | undefined;
-        selector: {
-            background: string;
-            textBackground: string;
-        };
-    };
-    sizes: {
-        thumb: number;
-        width: number;
-        height: number;
-        selector: {
-            height: number;
-        };
-    };
-    spaces: {
-        paddingHorizontal: number;
-        selector: {
-            iconPadding: number;
-            wrapperHorizontalPadding: number;
-        };
-    };
-    radii: {
-        rounded: number;
-        selector: {
-            default: number;
-        };
-    };
-};
-export default getSwitchTheme;

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

@@ -1,31 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getTabsTheme: (theme: GlobalTheme) => {
-    borderWidths: {
-        headerBottom: number;
-    };
-    colors: {
-        active: string;
-        inactive: string;
-        activeBackground: string;
-        headerBottom: string;
-        indicator: string;
-        text: string;
-        headerBackground: string;
-    };
-    space: {
-        flatListHorizontalPadding: number;
-        itemHorizontalPadding: number;
-        itemVerticalPadding: number;
-        itemMargin: number;
-        outlineHorizontalPadding: number;
-        outlineVerticalPadding: number;
-        tabIndicatorBottom: number;
-    };
-    radii: {
-        outline: number;
-    };
-    sizes: {
-        indicator: number;
-    };
-};
-export default getTabsTheme;

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

@@ -1,53 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getTagTheme: (theme: GlobalTheme) => {
-    borderWidths: {
-        default: number;
-    };
-    colors: {
-        primary: string;
-        primaryBackground: string;
-        info: string;
-        infoBackground: string;
-        success: string;
-        successBackground: string;
-        warning: string;
-        warningBackground: string;
-        danger: string;
-        dangerBackground: string;
-        archived: string;
-        archivedBackground: string;
-        text: string;
-    };
-    fonts: {
-        default: string;
-    };
-    fontSizes: {
-        default: number;
-    };
-    space: {
-        horizontalPadding: number;
-        verticalPadding: number;
-    };
-    radii: {
-        default: number;
-    };
-    lineHeights: {
-        default: number;
-    };
-};
-type GetTagThemeReturnType = ReturnType<typeof getTagTheme>;
-export interface TagThemeType extends GetTagThemeReturnType {
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fonts: GetTagThemeReturnType['fonts'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    fontSizes: GetTagThemeReturnType['fontSizes'];
-    /**
-     * @deprecated will be removed in v9
-     * */
-    lineHeights: GetTagThemeReturnType['lineHeights'];
-}
-export default getTagTheme;

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

@@ -1,95 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getTextInputTheme: (theme: GlobalTheme) => {
-    colors: {
-        labelBackground: string;
-        containerBackground: string;
-        asterisks: {
-            default: string;
-            error: string;
-            disabled: string;
-            readonly: string;
-            filled: string;
-        };
-        error: string;
-        text: string;
-        borders: {
-            default: string;
-            error: string;
-            disabled: string;
-            readonly: string;
-            filled: string;
-        };
-        labels: {
-            default: string;
-            error: string;
-            disabled: string;
-            readonly: string;
-            filled: string;
-        };
-        labelsInsideTextInput: {
-            default: string;
-            error: string;
-            disabled: string;
-            readonly: string;
-            filled: string;
-        };
-        maxLengthLabels: {
-            default: string;
-            error: string;
-            disabled: string;
-            readonly: string;
-            filled: string;
-        };
-        placeholder: {
-            default: string;
-            error: string;
-            disabled: string;
-            readonly: string;
-            filled: string;
-        };
-    };
-    space: {
-        containerPadding: number;
-        labelLeft: number;
-        labelTop: number;
-        labelPaddingBottom: number;
-        labelHorizontalPadding: number;
-        inputHorizontalMargin: number;
-        errorContainerMarginRight: number;
-        errorAndHelpTextContainerMarginTop: number;
-        errorMarginLeft: number;
-        errorAndHelpTextContainerHorizontalPadding: number;
-        containerMarginTop: number;
-        labelInsideTextInputMarginTop: number;
-        errorAndHelpTextContainerPaddingTop: number;
-    };
-    fonts: {
-        text: string;
-    };
-    fontSizes: {
-        text: number;
-        labelInsideTextInput: number;
-        error: number;
-        maxLength: number;
-        asteriskLabel: number;
-        topLabel: number;
-    };
-    borderWidths: {
-        container: {
-            normal: number;
-            focused: number;
-        };
-    };
-    radii: {
-        container: number;
-    };
-    sizes: {
-        errorAndHelpTextContainerHeight: number;
-        textareaHeight: number;
-        textInputMaxHeight: number;
-    };
-    lineHeights: {
-        topLabel: number;
-    };
-};
-export default getTextInputTheme;

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

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

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

@@ -1,52 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getToastTheme: (theme: GlobalTheme) => {
-    colors: {
-        backgrounds: {
-            success: string;
-            warning: string;
-            error: string;
-            info: string;
-            notification: string;
-            snackbar: string;
-        };
-        texts: {
-            success: string;
-            warning: string;
-            error: string;
-            info: string;
-            notification: string;
-            snackbar: string;
-        };
-        divider: string;
-    };
-    radii: {
-        default: number;
-    };
-    sizes: {
-        height: number;
-    };
-    space: {
-        wrapperVerticalPadding: number;
-        wrapperHorizontalPadding: number;
-        contentVerticalPadding: number;
-        textHorizontalPadding: number;
-        iconLeftPadding: number;
-        ctaPadding: number;
-    };
-    borderWidths: {
-        base: number;
-    };
-    shadows: {
-        wrapper: {
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowColor: string;
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-        };
-    };
-};
-export default getToastTheme;

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

@@ -1,48 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getToolbarTheme: (theme: GlobalTheme) => {
-    colors: {
-        background: string;
-        border: string;
-        primary: string;
-        secondary: string;
-        info: string;
-        success: string;
-        danger: string;
-        disabled: string;
-        iconButtonBackground: string;
-        inputContainerBackground: string;
-        text: string;
-        placeholder: string;
-    };
-    space: {
-        verticalPadding: number;
-        horizontalPadding: number;
-        iconButtonLabelMarginLeft: number;
-        iconButtonWrapperPadding: number;
-        messageWrapperMarginHorizontal: number;
-        messageWrapperPaddingVertical: number;
-        messageWrapperPaddingHorizontal: number;
-        messageInputPaddingHorizontal: number;
-        messageInputPaddingVertical: number;
-        affixInnerMargin: number;
-    };
-    borderWidths: {
-        default: number;
-    };
-    sizes: {
-        itemWrapperHeight: number;
-        messageWrapperHeight: number;
-        messageInputHeight: number;
-    };
-    radii: {
-        iconButtonWrapperBorderRadius: number;
-        messageContainer: number;
-    };
-    fontSizes: {
-        text: number;
-    };
-    fonts: {
-        text: string;
-    };
-};
-export default getToolbarTheme;

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

@@ -1,168 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getTypographyTheme: (theme: GlobalTheme) => {
-    colors: {
-        body: string;
-        subdued: string;
-        primary: string;
-        secondary: string;
-        info: string;
-        danger: string;
-        warning: string;
-        success: string;
-        inverted: string;
-        archived: string;
-        disabled: string;
-        muted: string;
-        inactive: string;
-    };
-    fonts: import("../global/typography").Fonts;
-    fontSizes: {
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-        xxxlarge: number;
-        xxxxlarge: number;
-        xxxxxlarge: number;
-        '6xlarge': number;
-        '7xlarge': number;
-        caption: number;
-        label: number;
-        titles: {
-            neutral: {
-                h1: number;
-                h2: number;
-                h3: number;
-                h4: number;
-                h5: number;
-                h6: number;
-            };
-            playful: {
-                h1: number;
-                h2: number;
-                h3: number;
-                h4: number;
-                h5: number;
-                h6: number;
-            };
-        };
-        body: {
-            neutral: {
-                regular: number;
-                small: number;
-            };
-            playful: {
-                regular: number;
-                small: number;
-            };
-        };
-    };
-    lineHeights: {
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-        xxxlarge: number;
-        xxxxlarge: number;
-        xxxxxlarge: number;
-        '6xlarge': number;
-        '7xlarge': number;
-        caption: number;
-        label: number;
-        titles: {
-            neutral: {
-                h1: number;
-                h2: number;
-                h3: number;
-                h4: number;
-                h5: number;
-                h6: number;
-            };
-            playful: {
-                h1: number;
-                h2: number;
-                h3: number;
-                h4: number;
-                h5: number;
-                h6: number;
-            };
-        };
-        body: {
-            neutral: {
-                regular: number;
-                small: number;
-            };
-            playful: {
-                regular: number;
-                small: number;
-            };
-        };
-    };
-    letterSpacings: {
-        titles: {
-            neutral: {
-                h1: number;
-                h2: number;
-                h3: number;
-                h4: number;
-                h5: number;
-                h6: number;
-            };
-            playful: {
-                h1: number;
-                h2: number;
-                h3: number;
-                h4: number;
-                h5: number;
-                h6: number;
-            };
-        };
-        body: {
-            neutral: {
-                semiBold: number;
-                regular: number;
-                small: number;
-            };
-            playful: {
-                semiBold: number;
-                regular: number;
-                small: number;
-            };
-        };
-    };
-    fontWeights: {
-        titles: {
-            neutral: {
-                h1: string;
-                h1Italic: string;
-                h2: string;
-                h2Italic: string;
-                h3: string;
-                h3Italic: string;
-                h4: string;
-                h4Italic: string;
-                h5: string;
-                h5Italic: string;
-                h6: string;
-                h6Italic: string;
-            };
-            playful: {
-                h1: string;
-                h1Italic: string;
-                h2: string;
-                h2Italic: string;
-                h3: string;
-                h3Italic: string;
-                h4: string;
-                h4Italic: string;
-                h5: string;
-                h5Italic: string;
-                h6: string;
-                h6Italic: string;
-            };
-        };
-    };
-};
-export default getTypographyTheme;