@hero-design/rn 8.12.0-rc.0 → 8.12.1

package/types/components/List/StyledBasicListItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TouchableOpacity, View } from 'react-native';
+import { TouchableHighlight, View } from 'react-native';
 declare const StyledPrefixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -18,13 +18,13 @@ declare const StyledTitleContainer: import("@emotion/native").StyledComponent<im
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
+declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeSelected?: boolean | undefined;
     themeDisabled?: boolean | undefined;
 }, {}, {
-    ref?: import("react").Ref<TouchableOpacity> | undefined;
+    ref?: import("react").Ref<TouchableHighlight> | undefined;
 }>;
 export { StyledListItemContainer, StyledPrefixContainer, StyledTitleContainer, StyledSuffixContainer, };

package/types/components/List/StyledListItem.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-import { TouchableOpacity, View } from 'react-native';
+import { TouchableHighlight, View } from 'react-native';
 export declare type Variant = 'full-width' | 'card';
 export declare type LeadingStatusIntent = 'success' | 'warning' | 'danger' | 'info' | 'archived';
-declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
+declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeSelected?: boolean | undefined;
     themeVariant?: Variant | undefined;
 }, {}, {
-    ref?: import("react").Ref<TouchableOpacity> | undefined;
+    ref?: import("react").Ref<TouchableHighlight> | undefined;
 }>;
 declare const StyledContentContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;

package/types/components/Select/SingleSelect/OptionList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SectionList } from 'react-native';
+import { SectionList } from 'react-native';
 import type { SingleSelectProps } from '.';
 import type { OptionType, SectionType } from '../types';
 import { BaseOptionListProps } from '../BaseOptionList';

package/types/theme/ThemeSwitcher.d.ts

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

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

@@ -2,6 +2,7 @@ import type { GlobalTheme } from '../global';
 declare const getTextInputTheme: (theme: GlobalTheme) => {
     colors: {
         labelBackground: string;
+        containerBackground: string;
         asterisks: {
             default: string;
             error: string;