@hero-design/rn 8.64.9-alpha.0 → 8.65.0-alpha.0

package/types/components/Toast/StyledToast.d.ts

@@ -2,7 +2,7 @@ import { Animated, TouchableOpacity, View } from 'react-native';
 import type { ViewProps } from 'react-native';
 import { IntentType } from './types';
 declare const ToastContainerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     position: 'top' | 'bottom';
@@ -10,26 +10,26 @@ declare const ToastContainerWrapper: import("@emotion/native").StyledComponent<V
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const Container: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeVariant: 'default' | 'round';
     themeIntent: IntentType;
 }, {}, {}>;
 declare const IconContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const TextContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const ContentContainer: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     showDivider: boolean;
@@ -37,7 +37,7 @@ declare const ContentContainer: import("@emotion/native").StyledComponent<ViewPr
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const CTAWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;

package/types/components/Toolbar/StyledToolbar.d.ts

@@ -1,13 +1,13 @@
 import { TouchableOpacity, View } from 'react-native';
 import type { ViewProps } from 'react-native';
 declare const ToolbarWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const ToolbarGroupWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     align: 'left' | 'center' | 'right';
@@ -15,19 +15,19 @@ declare const ToolbarGroupWrapper: import("@emotion/native").StyledComponent<Vie
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const ToolbarItemWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
 declare const IconButtonWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const IconButtonLabel: import("@emotion/native").StyledComponent<import("../Typography/Body").BodyProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {}>;
 export { ToolbarWrapper, ToolbarGroupWrapper, ToolbarItemWrapper, IconButtonWrapper, IconButtonLabel, };

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

@@ -2,7 +2,7 @@ import { Text } from 'react-native';
 import { ThemeIntent } from '../types';
 declare type ThemeVariant = 'small' | 'small-bold' | 'regular' | 'regular-bold';
 declare const StyledBody: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: ThemeIntent;

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

@@ -1,7 +1,7 @@
 import { Text } from 'react-native';
 import { ThemeIntent } from '../types';
 declare const StyledCaption: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeFontWeight: 'regular' | 'semi-bold';

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

@@ -1,7 +1,7 @@
 import { Text } from 'react-native';
 import { ThemeIntent } from '../types';
 declare const StyledLabel: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: ThemeIntent;

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

@@ -1,6 +1,6 @@
 import { Text } from 'react-native';
 declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeFontSize: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxxlarge' | 'xxxxlarge' | 'xxxxxlarge' | '6xlarge' | '7xlarge';

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

@@ -2,7 +2,7 @@ import { Text } from 'react-native';
 import { ThemeIntent } from '../types';
 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 | undefined;
+    theme?: any;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     themeIntent: ThemeIntent;

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/mapPin.d.ts

@@ -0,0 +1,40 @@
+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;
+        iconBackground: 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/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/global/colors/swagLight.d.ts

@@ -0,0 +1,3 @@
+import type { SystemPalette } from './types';
+declare const swagSystemPalette: SystemPalette;
+export default swagSystemPalette;

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

@@ -0,0 +1,3 @@
+import type { GlobalSystemPalette } from './types';
+declare const swagLightGlobalPalette: GlobalSystemPalette;
+export default swagLightGlobalPalette;

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

@@ -0,0 +1,47 @@
+declare const swagLightJobsSystemPalette: {
+    secondary: string;
+    onSecondary: string;
+    decorativeSecondary: string;
+    decorativeSecondarySurface: string;
+    defaultGlobalSurface: string;
+    onDefaultGlobalSurface: string;
+    neutralGlobalSurface: string;
+    mutedOnDefaultGlobalSurface: string;
+    inactiveOnDefaultGlobalSurface: string;
+    disabledOnDefaultGlobalSurface: string;
+    darkGlobalSurface: string;
+    onDarkGlobalSurface: string;
+    overlayGlobalSurface: string;
+    primaryOutline: string;
+    secondaryOutline: string;
+    inactiveOutline: string;
+    disabledOutline: string;
+    error: string;
+    mutedError: string;
+    errorSurface: string;
+    onErrorSurface: string;
+    warning: string;
+    mutedWarning: string;
+    warningSurface: string;
+    onWarningSurface: string;
+    success: string;
+    mutedSuccess: string;
+    successSurface: string;
+    onSuccessSurface: string;
+    info: string;
+    mutedInfo: string;
+    infoSurface: string;
+    onInfoSurface: string;
+    archived: string;
+    mutedArchived: string;
+    archivedSurface: string;
+    onArchivedSurface: string;
+    primary: string;
+    onPrimary: string;
+    defaultSurface: string;
+    highlightedSurface: string;
+    pressedSurface: string;
+    decorativePrimary: string;
+    decorativePrimarySurface: string;
+};
+export default swagLightJobsSystemPalette;