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

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

@@ -0,0 +1,38 @@
+import type { GlobalTheme } from '../global';
+declare const getBottomSheetTheme: (theme: GlobalTheme) => {
+    colors: {
+        shadow: string;
+        background: string;
+        backdrop: string;
+        floatingHeaderIconBackground: string;
+    };
+    shadows: {
+        offset: {
+            width: number;
+            height: number;
+        };
+        opacity: number;
+        radius: number;
+        elevation: number;
+    };
+    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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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