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

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

@@ -0,0 +1,57 @@
+import type { GlobalTheme } from '../global';
+declare const getPinInputTheme: (theme: GlobalTheme) => {
+    borderWidths: {
+        default: number;
+        focused: number;
+    };
+    lineHeights: {
+        cellText: number;
+        errorMessage: number;
+    };
+    colors: {
+        default: string;
+        mask: string;
+        error: string;
+        disabled: string;
+    };
+    fonts: {
+        cellText: string;
+        errorMessage: string;
+    };
+    fontSizes: {
+        cellText: number;
+        errorMessage: number;
+        hiddenInputText: number;
+    };
+    sizes: {
+        cellWidth: number;
+        cellHeight: number;
+        mask: number;
+    };
+    space: {
+        spacer: number;
+        errorMessagePadding: number;
+        hiddenInputText: number;
+        hiddenInputHorrizontalPadding: number;
+    };
+    radii: {
+        cell: number;
+        mask: number;
+    };
+};
+declare type GetPinInputThemeReturnType = ReturnType<typeof getPinInputTheme>;
+export interface PinInputThemeType extends GetPinInputThemeReturnType {
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fonts: GetPinInputThemeReturnType['fonts'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    fontSizes: GetPinInputThemeReturnType['fontSizes'];
+    /**
+     * @deprecated will be removed in v9
+     * */
+    lineHeights: GetPinInputThemeReturnType['lineHeights'];
+}
+export default getPinInputTheme;

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

@@ -0,0 +1,51 @@
+import type { GlobalTheme } from '../global';
+declare const getProgressTheme: (theme: GlobalTheme) => {
+    colors: {
+        completeness: {
+            primary: string;
+            success: string;
+            warning: string;
+            danger: string;
+            info: string;
+            archived: string;
+            primaryInverted: string;
+            successInverted: string;
+            warningInverted: string;
+            dangerInverted: string;
+            infoInverted: string;
+            archivedInverted: string;
+        };
+        incompleteness: {
+            primary: string;
+            success: string;
+            warning: string;
+            danger: string;
+            info: string;
+            archived: string;
+            primaryInverted: string;
+            successInverted: string;
+            warningInverted: string;
+            dangerInverted: string;
+            infoInverted: string;
+            archivedInverted: string;
+        };
+        step: {
+            complete: string;
+            incomplete: string;
+            current: string;
+        };
+    };
+    sizes: {
+        circleDiameter: number;
+        circleCompletenessHeight: number;
+        barHeight: number;
+        stepHeight: number;
+    };
+    radii: {
+        default: number;
+    };
+    space: {
+        stepGap: number;
+    };
+};
+export default getProgressTheme;

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

@@ -0,0 +1,24 @@
+import type { GlobalTheme } from '../global';
+declare const getRadioTheme: (theme: GlobalTheme) => {
+    sizes: {
+        circle: number;
+        innerCircle: number;
+    };
+    borderWidths: {
+        circle: number;
+    };
+    space: {
+        circleLeftMargin: number;
+        groupTopMarginSmall: number;
+        groupTopMarginMedium: number;
+    };
+    colors: {
+        circle: string;
+        checked: string;
+        intents: {
+            light: string;
+            dark: string;
+        };
+    };
+};
+export default getRadioTheme;

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

@@ -0,0 +1,11 @@
+import type { GlobalTheme } from '../global';
+declare const getRateTheme: (theme: GlobalTheme) => {
+    colors: {
+        iconStroke: string;
+    };
+    spaces: {
+        iconWrapperPadding: number;
+        iconWrapperMarginRight: number;
+    };
+};
+export default getRateTheme;

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

@@ -0,0 +1,7 @@
+import type { GlobalTheme } from '../global';
+declare const getRefreshControlTheme: (theme: GlobalTheme) => {
+    colors: {
+        indicator: string;
+    };
+};
+export default getRefreshControlTheme;

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

@@ -0,0 +1,28 @@
+import type { GlobalTheme } from '../global';
+declare const getRichTextEditorTheme: (theme: GlobalTheme) => {
+    colors: {
+        toolbarBorderColor: string;
+        toolbarBackgroundColor: string;
+        toolbarButtonSelectedBackground: string;
+        text: string;
+    };
+    space: {
+        wrapperMarginBottom: number;
+        toolbarHorizontalPadding: number;
+        editorPadding: number;
+        mention: number;
+    };
+    fontSizes: {
+        editor: number;
+    };
+    sizes: {
+        editorMinHeight: number;
+        toolbarButtonSize: number;
+        toolbarSeparatorWidth: number;
+        toolbarSeparatorHeight: number;
+    };
+    radii: {
+        mention: number;
+    };
+};
+export default getRichTextEditorTheme;

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

@@ -0,0 +1,64 @@
+import type { GlobalTheme } from '../global';
+declare const getSearchTheme: (theme: GlobalTheme) => {
+    colors: {
+        basic: {
+            containerBackground: string;
+            border: string;
+            focusedBorder: string;
+        };
+        reversed: {
+            containerBackground: string;
+            border: string;
+            focusedBorder: string;
+        };
+        suffixBackground: string;
+        text: string;
+        shadow: string;
+    };
+    space: {
+        containerHorizontalPadding: number;
+        containerVerticalPadding: number;
+        inputHorizontalMargin: number;
+        inputVerticalPadding: number;
+        prefixHorizontalPadding: number;
+        surfixPadding: number;
+        badgeTop: number;
+        badgeRight: number;
+    };
+    fonts: {
+        text: string;
+    };
+    fontSizes: {
+        text: number;
+    };
+    borderWidths: {
+        container: {
+            basic: {
+                normal: number;
+                focused: number;
+            };
+            reversed: {
+                normal: number;
+                focused: number;
+            };
+        };
+    };
+    radii: {
+        container: number;
+        surfix: number;
+    };
+    sizes: {
+        surfixSize: number;
+    };
+    shadows: {
+        offset: {
+            width: number;
+            height: number;
+        };
+        opacity: number;
+        radius: number;
+        elevation: number;
+        color: string;
+    };
+};
+export default getSearchTheme;

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

@@ -0,0 +1,14 @@
+import type { GlobalTheme } from '../global';
+declare const getSectionHeadingTheme: (theme: GlobalTheme) => {
+    colors: {
+        background: string;
+        backgroundSmall: string;
+    };
+    space: {
+        headingVerticalPadding: number;
+        headingHorizontalPadding: number;
+        headingMarginBottom: number;
+        iconMarginRight: number;
+    };
+};
+export default getSectionHeadingTheme;

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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,9 @@
+import type { GlobalTheme } from '../global';
+declare const getSliderTheme: (theme: GlobalTheme) => {
+    colors: {
+        minimumTrackTint: string;
+        thumbTint: string;
+        maximumTrackTint: string;
+    };
+};
+export default getSliderTheme;

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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,43 @@
+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;
+    };
+    space: {
+        titleMarginBottom: number;
+        imageMarginBottom: number;
+        wrapperPadding: number;
+        button: {
+            wrapperHorizontalPadding: number;
+            wrapperVerticalPadding: number;
+            margin: number;
+            padding: number;
+        };
+    };
+    fonts: {
+        title: string;
+        description: string;
+    };
+};
+declare 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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,38 @@
+import type { GlobalTheme } from '../global';
+declare const getSwitchTheme: (theme: GlobalTheme) => {
+    colors: {
+        backgroundColors: {
+            checked: string;
+            unchecked: string;
+            'disabled-checked': string;
+            'disabled-unchecked': string;
+        };
+        thumb: string;
+        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

@@ -0,0 +1,30 @@
+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;
+    };
+    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

@@ -0,0 +1,53 @@
+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;
+    };
+};
+declare 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

@@ -0,0 +1,87 @@
+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;
+        };
+    };
+    space: {
+        containerPadding: number;
+        labelLeft: number;
+        labelTop: number;
+        labelPaddingBottom: number;
+        labelHorizontalPadding: number;
+        inputHorizontalMargin: number;
+        errorContainerMarginRight: 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

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

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

@@ -0,0 +1,50 @@
+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: {
+        offset: {
+            width: number;
+            height: number;
+        };
+        opacity: number;
+        radius: number;
+        elevation: number;
+        color: string;
+    };
+};
+export default getToastTheme;