@hero-design/rn 8.82.2-alpha.1 → 8.83.0-test.0

package/types/components/Typography/Text/StyledText.d.ts

@@ -1,12 +1,12 @@
 import { Text } from 'react-native';
 declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
-    themeFontSize: "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxxlarge" | "xxxxlarge" | "xxxxxlarge" | "6xlarge" | "7xlarge";
-    themeFontWeight: "light" | "regular" | "semi-bold";
-    themeIntent: "body" | "subdued" | "primary" | "secondary" | "success" | "info" | "warning" | "danger" | "inverted" | "archived" | "disabled";
-    themeTypeface: "neutral" | "playful";
+    themeFontSize: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxxlarge' | 'xxxxlarge' | 'xxxxxlarge' | '6xlarge' | '7xlarge';
+    themeFontWeight: 'light' | 'regular' | 'semi-bold';
+    themeIntent: 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled';
+    themeTypeface: 'neutral' | 'playful';
 }, {}, {
     ref?: import("react").Ref<Text> | undefined;
 }>;

package/types/components/Typography/Title/StyledTitle.d.ts

@@ -1,13 +1,13 @@
 import { Text } from 'react-native';
 import { ThemeIntent } from '../types';
-type ThemeLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+declare type ThemeLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 declare const StyledTitle: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: ThemeIntent;
     themeLevel: ThemeLevel;
-    themeTypeface: "neutral" | "playful";
+    themeTypeface: 'neutral' | 'playful';
 }, {}, {
     ref?: import("react").Ref<Text> | undefined;
 }>;

package/types/components/Typography/types.d.ts

@@ -3,4 +3,4 @@ export declare const FONTWEIGHT_MAP: {
     readonly regular: "regular";
     readonly 'semi-bold': "semiBold";
 };
-export type ThemeIntent = 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled' | 'muted';
+export declare type ThemeIntent = 'body' | 'subdued' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'inverted' | 'archived' | 'disabled' | 'muted';

package/types/testHelpers/utils.d.ts

@@ -1 +1 @@
-export declare const setOrientation: (orientation: "portrait" | "landscape") => void;
+export declare const setOrientation: (orientation: 'portrait' | 'landscape') => void;

package/types/theme/ThemeSwitcher.d.ts

@@ -1,8 +1,8 @@
 import React, { PropsWithChildren } from 'react';
-type ThemeName = 'swag' | 'swagDark' | 'swagLight' | 'work' | 'jobs' | 'wallet' | 'eBens';
+declare type ThemeName = 'swag' | 'swagDark' | 'swagLight' | 'work' | 'jobs' | 'wallet' | 'eBens';
 declare const ThemeSwitcher: ({ name, children, }: {
-    name?: ThemeName;
+    name?: ThemeName | undefined;
     children: React.ReactNode;
 }) => React.JSX.Element;
-export declare const withTheme: <P extends Record<string, unknown>>(C: React.ComponentType<P>, themeName: ThemeName) => (props: PropsWithChildren<P>) => React.JSX.Element;
+export declare const withTheme: <P extends Record<string, unknown>>(C: React.ComponentType<P>, themeName: ThemeName) => (props: React.PropsWithChildren<P>) => React.JSX.Element;
 export default ThemeSwitcher;

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

@@ -52,5 +52,5 @@ declare const getBadgeTheme: (theme: GlobalTheme) => {
         default: number;
     };
 };
-export type BadgeThemeType = ReturnType<typeof getBadgeTheme>;
+export declare type BadgeThemeType = ReturnType<typeof getBadgeTheme>;
 export default getBadgeTheme;

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

@@ -58,7 +58,7 @@ declare const getButtonTheme: (theme: GlobalTheme) => {
         utilityPadding: number;
     };
 };
-type GetButtonThemeReturnType = ReturnType<typeof getButtonTheme>;
+declare type GetButtonThemeReturnType = ReturnType<typeof getButtonTheme>;
 export interface ButtonThemeType extends GetButtonThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -18,7 +18,7 @@ declare const getCarouselTheme: (theme: GlobalTheme) => {
         heading: number;
     };
 };
-type GetCarouselThemeReturnType = ReturnType<typeof getCarouselTheme>;
+declare type GetCarouselThemeReturnType = ReturnType<typeof getCarouselTheme>;
 export interface CarouselThemeType extends GetCarouselThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -0,0 +1,36 @@
+import type { GlobalTheme } from '../global';
+declare const getCompoundSearchTheme: (theme: GlobalTheme) => {
+    colors: {
+        containerBackground: string;
+        surfixBackground: string;
+        text: string;
+        borders: string;
+    };
+    space: {
+        containerHorizontalPadding: number;
+        containerVerticalPadding: number;
+        inputHorizontalMargin: number;
+        prefixHorizontalPadding: number;
+        surfixPadding: number;
+    };
+    fonts: {
+        text: string;
+    };
+    fontSizes: {
+        text: number;
+    };
+    borderWidths: {
+        container: {
+            normal: number;
+            focused: number;
+        };
+    };
+    radii: {
+        container: number;
+        surfix: number;
+    };
+    sizes: {
+        surfixSize: number;
+    };
+};
+export default getCompoundSearchTheme;

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

@@ -23,7 +23,7 @@ declare const getEmptyTheme: (theme: GlobalTheme) => {
         description: string;
     };
 };
-type GetEmptyThemeReturnType = ReturnType<typeof getEmptyTheme>;
+declare type GetEmptyThemeReturnType = ReturnType<typeof getEmptyTheme>;
 export interface EmptyThemeType extends GetEmptyThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -33,7 +33,7 @@ declare const getErrorTheme: (theme: GlobalTheme) => {
         description: number;
     };
 };
-type GetErrorThemeReturnType = ReturnType<typeof getErrorTheme>;
+declare type GetErrorThemeReturnType = ReturnType<typeof getErrorTheme>;
 export interface ErrorThemeType extends GetErrorThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -57,7 +57,7 @@ declare const getFABTheme: (theme: GlobalTheme) => {
         fabPairMarginRight: number;
     };
 };
-type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
+declare type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
 export interface FABThemeType extends GetFABThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -39,7 +39,7 @@ declare const getPinInputTheme: (theme: GlobalTheme) => {
         mask: number;
     };
 };
-type GetPinInputThemeReturnType = ReturnType<typeof getPinInputTheme>;
+declare type GetPinInputThemeReturnType = ReturnType<typeof getPinInputTheme>;
 export interface PinInputThemeType extends GetPinInputThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -4,6 +4,24 @@ declare const getSliderTheme: (theme: GlobalTheme) => {
         minimumTrackTint: string;
         thumbTint: string;
         maximumTrackTint: string;
+        trackBackground: string;
+        disabledThumbTint: string;
+        disabledTrackBackground: string;
+    };
+    shadows: {
+        marker: {
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowColor: string;
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+    };
+    sizes: {
+        trackHeight: number;
     };
 };
 export default getSliderTheme;

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

@@ -29,7 +29,7 @@ declare const getSuccessTheme: (theme: GlobalTheme) => {
         description: string;
     };
 };
-type GetSuccessThemeReturnType = ReturnType<typeof getSuccessTheme>;
+declare type GetSuccessThemeReturnType = ReturnType<typeof getSuccessTheme>;
 export interface SuccessThemeType extends GetSuccessThemeReturnType {
     /**
      * @deprecated will be removed in v9

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

@@ -35,7 +35,7 @@ declare const getTagTheme: (theme: GlobalTheme) => {
         default: number;
     };
 };
-type GetTagThemeReturnType = ReturnType<typeof getTagTheme>;
+declare type GetTagThemeReturnType = ReturnType<typeof getTagTheme>;
 export interface TagThemeType extends GetTagThemeReturnType {
     /**
      * @deprecated will be removed in v9

package/types/theme/getTheme.d.ts

@@ -48,7 +48,7 @@ import type { GlobalTheme, Scale, SystemPalette } from './global';
 import getSearchTheme from './components/search';
 import getMapPinTheme from './components/mapPin';
 import getFloatingIslandTheme from './components/floatingIsland';
-type Theme = GlobalTheme & {
+declare type Theme = GlobalTheme & {
     __hd__: {
         accordion: ReturnType<typeof getAccordionTheme>;
         alert: ReturnType<typeof getAlertTheme>;

package/types/theme/global/colors/types.d.ts

@@ -1,4 +1,4 @@
-export type GlobalSystemPalette = {
+export declare type GlobalSystemPalette = {
     defaultGlobalSurface: string;
     onDefaultGlobalSurface: string;
     neutralGlobalSurface: string;
@@ -33,7 +33,7 @@ export type GlobalSystemPalette = {
     archivedSurface: string;
     onArchivedSurface: string;
 };
-export type BrandSystemPalette = {
+export declare type BrandSystemPalette = {
     primary: string;
     onPrimary: string;
     secondary: string;
@@ -47,4 +47,4 @@ export type BrandSystemPalette = {
     decorativeSecondary?: string;
     decorativeSecondarySurface?: string;
 };
-export type SystemPalette = GlobalSystemPalette & BrandSystemPalette;
+export declare type SystemPalette = GlobalSystemPalette & BrandSystemPalette;

package/types/theme/global/index.d.ts

@@ -50,12 +50,12 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         onSecondary: string;
         defaultSurface: string;
         highlightedSurface: string;
-        secondaryHighlightedSurface?: string;
+        secondaryHighlightedSurface?: string | undefined;
         pressedSurface: string;
         decorativePrimary: string;
         decorativePrimarySurface: string;
-        decorativeSecondary?: string;
-        decorativeSecondarySurface?: string;
+        decorativeSecondary?: string | undefined;
+        decorativeSecondarySurface?: string | undefined;
     };
     fonts: import("./typography").Fonts;
     fontSizes: import("./typography").FontSizes;
@@ -77,6 +77,6 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
         };
     };
 };
-type GlobalTheme = ReturnType<typeof getGlobalTheme>;
+declare type GlobalTheme = ReturnType<typeof getGlobalTheme>;
 export type { GlobalTheme, Scale, SystemPalette };
 export { getGlobalTheme, defaultScale, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, };

package/types/theme/global/scale.d.ts

@@ -9,6 +9,6 @@ declare const scale: {
     fontSize: number;
     radius: number;
 };
-type Scale = typeof scale;
+declare type Scale = typeof scale;
 export { scale };
 export type { Scale };

package/types/theme/global/shadows.d.ts

@@ -11,6 +11,6 @@ declare const getShadows: (systemPalette: SystemPalette) => {
         elevation: number;
     };
 };
-type Shadows = ReturnType<typeof getShadows>;
+declare type Shadows = ReturnType<typeof getShadows>;
 export { getShadows };
 export type { Shadows };

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

@@ -20,7 +20,7 @@ interface FontSizes {
     small: number;
     xsmall: number;
 }
-type LineHeights = FontSizes;
+declare type LineHeights = FontSizes;
 declare const getFonts: ({ neutral, playful, }: {
     neutral: string;
     playful: string;

package/types/types.d.ts

@@ -11,4 +11,5 @@ import { TextProps } from './components/Typography/Text';
 import { CardCarouselHandles } from './components/Carousel/CardCarousel';
 import { FABHandles } from './components/FAB/FAB';
 import { ActionGroupHandles } from './components/FAB/ActionGroup';
-export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, };
+import type { SliderRangeValue } from './components/Slider/Range';
+export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, SliderRangeValue, };