@hero-design/rn 8.113.1 → 8.114.0

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

@@ -1,16 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getAppCueTheme: (theme: GlobalTheme) => {
-    colors: {
-        background: string;
-        backdropColor: string;
-    };
-    space: {
-        padding: number;
-        offset: number;
-        arrowOffset: number;
-    };
-    radii: {
-        container: number;
-    };
-};
-export default getAppCueTheme;

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

@@ -1,21 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getAttachmentTheme: (theme: GlobalTheme) => {
-    colors: {
-        highlightedBackground: string | undefined;
-    };
-    radii: {
-        image: number;
-        container: number;
-    };
-    sizes: {
-        imageHeight: number;
-        imageWidth: number;
-    };
-    space: {
-        containerPadding: number;
-        containerVerticalPadding: number;
-        ctaPadding: number;
-        textHorizontalPadding: number;
-    };
-};
-export default getAttachmentTheme;

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

@@ -1,50 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getAvatarTheme: (theme: GlobalTheme) => {
-    colors: {
-        primary: string;
-        info: string;
-        danger: string;
-        success: string;
-        warning: string;
-        text: string | undefined;
-    };
-    spaces: {
-        titleMarginTopForAndroid: {
-            small: number;
-            medium: number;
-            large: number;
-            xlarge: number;
-            xxlarge: number;
-            xxxlarge: number;
-            xxxxlarge: number;
-            xxxxxlarge: number;
-        };
-    };
-    sizes: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-        xxlarge: number;
-        xxxlarge: number;
-        xxxxlarge: number;
-        xxxxxlarge: number;
-    };
-    radii: {
-        rounded: number;
-    };
-    fonts: {
-        default: string;
-    };
-    fontSizes: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-        xxlarge: number;
-        xxxlarge: number;
-        xxxxlarge: number;
-        xxxxxlarge: number;
-    };
-};
-export default getAvatarTheme;

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

@@ -1,69 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getBadgeTheme: (theme: GlobalTheme) => {
-    colors: {
-        primary: string;
-        danger: string;
-        info: string;
-        success: string;
-        warning: string;
-        archived: string;
-        text: string;
-        border: string;
-        countText: string;
-    };
-    fonts: {
-        medium: string;
-        small: string;
-    };
-    fontSizes: {
-        medium: number;
-        small: number;
-        icon: {
-            medium: number;
-            small: number;
-        };
-        count: number;
-    };
-    sizes: {
-        medium: {
-            height: number;
-            minWidth: number;
-        };
-        small: {
-            height: number;
-            minWidth: number;
-        };
-        statusHeight: number;
-        statusWidth: number;
-        count: {
-            width: number;
-            height: number;
-        };
-    };
-    space: {
-        medium: {
-            horizontalPadding: number;
-        };
-        small: {
-            horizontalPadding: number;
-        };
-        statusPositionTop: number;
-        statusPositionRight: number;
-        countPositionTop: number;
-        countPositionRight: number;
-        countPaddingHorizontal: number;
-    };
-    lineHeights: {
-        medium: number;
-        small: number;
-        count: number;
-    };
-    borderWidths: {
-        default: number;
-    };
-    radii: {
-        count: number;
-    };
-};
-export type BadgeThemeType = ReturnType<typeof getBadgeTheme>;
-export default getBadgeTheme;

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

@@ -1,30 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getBottomNavigationTheme: (theme: GlobalTheme) => {
-    colors: {
-        shadow: string;
-        background: string;
-        borderTop: string;
-    };
-    borderWidths: {
-        borderTop: number;
-    };
-    shadows: {
-        wrapper: {
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowColor: string;
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-        };
-    };
-    sizes: {
-        height: number;
-    };
-    space: {
-        titleMarginTop: number;
-    };
-};
-export default getBottomNavigationTheme;

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

@@ -1,29 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getBottomSheetTheme: (theme: GlobalTheme) => {
-    colors: {
-        shadow: string;
-        background: string;
-        backdrop: string | undefined;
-        floatingHeaderIconBackground: string;
-    };
-    radii: {
-        default: number;
-        floating: number;
-        floatingHeaderIcon: number;
-    };
-    sizes: {
-        closeIcon: number;
-        floatingCloseIcon: number;
-    };
-    space: {
-        headerWrapperVerticalPadding: number;
-        headerWrapperHorizontalPadding: number;
-        closeIconMargin: number;
-        footerVerticalPadding: number;
-        footerHorizontalPadding: number;
-        floatingContentMargin: number;
-        floatingInnerPadding: number;
-        floatingHeaderIconPadding: number;
-    };
-};
-export default getBottomSheetTheme;

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

@@ -1,127 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getButtonTheme: (theme: GlobalTheme) => {
-    lineHeights: {
-        titleOfTextVariant: {
-            default: number;
-            compact: number;
-        };
-        buttonText: number | undefined;
-        utilityButtonText: number | undefined;
-        compactButtonText: number | undefined;
-    };
-    borderWidth: {
-        default: number;
-    };
-    fonts: {
-        default: string;
-        utility: string;
-    };
-    fontSize: {
-        default: number;
-        utility: number;
-        textVariant: number;
-    };
-    sizes: {
-        iconSize: {
-            default: number;
-            compact: number;
-        };
-    };
-    radii: {
-        default: number;
-        rounded: number;
-        utilityRadii: number;
-        text: number;
-    };
-    colors: {
-        invertedText: string;
-        utilityBackground: string;
-        background: {
-            filledPrimary: string;
-            filledSecondary: string;
-            filledDanger: string;
-            filledWhite: string;
-            filledInverted: string;
-        };
-        text: {
-            filledPrimary: string;
-            filledSecondary: string;
-            filledDanger: string | undefined;
-            filledWhite: string;
-            filledInverted: string;
-            outlinedPrimary: string;
-            outlinedSecondary: string;
-            outlinedDanger: string;
-            outlinedWhite: string;
-            outlinedInverted: string;
-            textPrimary: string;
-            textSecondary: string;
-            textDanger: string;
-            textWhite: string;
-            textInverted: string;
-        };
-        border: {
-            outlinedPrimary: string;
-            outlinedSecondary: string;
-            outlinedDanger: string;
-            outlinedWhite: string;
-            outlinedInverted: string;
-        };
-        pressedBackground: {
-            filledPrimary: string;
-            filledSecondary: string;
-            filledDanger: string;
-            filledWhite: string;
-            filledInverted: string;
-            outlinedPrimary: string;
-            outlinedSecondary: string;
-            outlinedDanger: string;
-            outlinedWhite: string;
-            outlinedInverted: string;
-            textPrimary: string;
-            textSecondary: string;
-            textDanger: string;
-            textWhite: string;
-            textInverted: string;
-        };
-        pressedText: {
-            inlineTextPrimary: string;
-            inlineTextSecondary: string;
-            inlineTextDanger: string;
-            inlineTextWhite: string;
-            inlineTextInverted: string;
-        };
-    };
-    space: {
-        default: {
-            buttonPadding: number;
-            iconPadding: number;
-            textButtonPadding: number;
-        };
-        compact: {
-            buttonPaddingVertical: number;
-            buttonPaddingHorizontal: number;
-            iconPadding: number;
-        };
-        medium: {
-            buttonPaddingVertical: number;
-            buttonPaddingHorizontal: number;
-            iconPadding: number;
-            buttonPadding: number;
-            textButtonPadding: number;
-        };
-        utilityPadding: number;
-    };
-};
-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,33 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getCalendarTheme: (theme: GlobalTheme) => {
-    radii: {
-        default: number;
-    };
-    colors: {
-        background: string;
-        border: string;
-        primary: string;
-        inverted: string;
-        rowItem: {
-            selected: string;
-            highlighted: 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;
-        cellPadding: number;
-    };
-};
-export default getCalendarTheme;

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

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

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

@@ -1,19 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getCardCarouselTheme: (theme: GlobalTheme) => {
-    colors: {
-        carouselItemBackground: string;
-    };
-    space: {
-        pageControlMarginTop: number;
-        contentContainerPaddingHorizontal: number;
-        carouselItemSpacing: {
-            xsmall: number;
-            small: number;
-            medium: 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;
-    };
-};
-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/chart.d.ts

@@ -1,22 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getChartTheme: (theme: GlobalTheme) => {
-    space: {
-        xAxisMarginLeft: number;
-        xAxisGridTextMarginTop: number;
-        yAxisMarginBottom: number;
-        yAxisGridMarginTop: number;
-        yAxisGridTextMarginRight: number;
-        headerMarginBottom: number;
-    };
-    sizes: {
-        xAxisDefaultTextHeight: number;
-        yAxisDefaultTextHeight: number;
-        yAxisDefaultTextWidth: number;
-        defaultWebEmptyStateWidth: number;
-        defaultWebEmptyStateHeight: number;
-    };
-    colors: {
-        gridStroke: string;
-    };
-};
-export default getChartTheme;

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

@@ -1,40 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getCheckboxTheme: (theme: GlobalTheme) => {
-    colors: {
-        borders: {
-            default: string;
-            checked: string;
-            disabled: string;
-            readonly: string;
-        };
-        checkboxBorder: {
-            default: string;
-            checked: string;
-            disabled: string;
-            readonly: string;
-        };
-    };
-    space: {
-        iconTop: number;
-        wrapperPadding: number;
-        iconDescriptionPadding: number;
-        inlineCheckboxGap: number;
-        inlineCheckboxMargin: number;
-    };
-    sizes: {
-        icon: number;
-        inlineCheckbox: {
-            medium: number;
-            large: 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 | undefined;
-        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/columnChart.d.ts

@@ -1,10 +0,0 @@
-import type { GlobalTheme } from '../global';
-declare const getColumnChartTheme: (theme: GlobalTheme) => {
-    sizes: {
-        columnWidth: number;
-    };
-    space: {
-        segmentGap: number;
-    };
-};
-export default getColumnChartTheme;

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 type { 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 | undefined;
-        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;
-    };
-};
-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;