@hero-design/rn 8.128.0 → 8.128.2

package/src/components/Select/SingleSelect/index.tsx

@@ -3,13 +3,13 @@ import type {
   TextInputProps as NativeTextInputProps,
   SectionList,
 } from 'react-native';
-import { View } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
 import { deepCompareValue, useKeyboard } from '../../../utils/helpers';
 import BottomSheet from '../../BottomSheet';
 import type { TextInputProps } from '../../TextInput';
 import TextInput from '../../TextInput';
 import { getScrollParams, toFlatOptions, toSections } from '../helpers';
-import { StyledSearchBar, StyledTouchableOpacity } from '../StyledSelect';
+import { StyledSearchBar } from '../StyledSelect';
 import type { SectionType, SelectOptionType, SelectProps } from '../types';
 import OptionList from './OptionList';
 
@@ -38,15 +38,6 @@ export interface SingleSelectProps<
   supportedOrientations?: ('portrait' | 'landscape')[];
 }
 
-// Add an internal prop type for TextInputComponent, not exported
-export interface InternalSingleSelectProps<
-  V,
-  T extends SelectOptionType<V> = SelectOptionType<V>
-> extends SingleSelectProps<V, T> {
-  TextInputComponent?: React.ComponentType<TextInputProps>;
-  groupStyleEnabled?: boolean;
-}
-
 const SingleSelect = <V, T extends SelectOptionType<V>>({
   label,
   loading = false,
@@ -68,9 +59,7 @@ const SingleSelect = <V, T extends SelectOptionType<V>>({
   value,
   supportedOrientations = ['portrait'],
   bottomSheetConfig = {},
-  groupStyleEnabled = false,
-  ...rest
-}: InternalSingleSelectProps<V, T>) => {
+}: SingleSelectProps<V, T>) => {
   const { isKeyboardVisible, keyboardHeight } = useKeyboard();
   const [open, setOpen] = useState(false);
   const sectionListRef = useRef<SectionList<T, SectionType>>(null);
@@ -84,8 +73,6 @@ const SingleSelect = <V, T extends SelectOptionType<V>>({
   const { variant: bottomSheetVariant, header: bottomSheetHeader } =
     bottomSheetConfig;
 
-  const TextInputComponent = rest.TextInputComponent || TextInput;
-
   const onPress = useCallback(() => {
     setOpen(true);
   }, []);
@@ -105,17 +92,15 @@ const SingleSelect = <V, T extends SelectOptionType<V>>({
           !editable || disabled || inputProps?.loading ? 'none' : 'auto'
         }
       >
-        <StyledTouchableOpacity
+        <TouchableOpacity
           onPress={onPress}
-          themeGroupStyleEnabled={groupStyleEnabled}
-          themeHasError={!!error}
           testID="single-select-touchable-opacity"
         >
           {
             // prevent users from focusing TextInput
           }
           <View pointerEvents="none">
-            <TextInputComponent
+            <TextInput
               {...inputProps}
               label={label}
               value={renderSelectedValue ? rawValue : displayedValue}
@@ -130,12 +115,13 @@ const SingleSelect = <V, T extends SelectOptionType<V>>({
               testID={testID}
               renderInputValue={
                 renderSelectedValue !== undefined && !!rawValue
-                  ? (props) => renderSelectedValue(value, props)
+                  ? (nativeInputProps) =>
+                      renderSelectedValue(value, nativeInputProps)
                   : undefined
               }
             />
           </View>
-        </StyledTouchableOpacity>
+        </TouchableOpacity>
       </View>
       <BottomSheet
         variant={bottomSheetVariant || 'fixed'}
@@ -158,7 +144,7 @@ const SingleSelect = <V, T extends SelectOptionType<V>>({
       >
         {onQueryChange && (
           <StyledSearchBar>
-            <TextInputComponent
+            <TextInput
               editable
               placeholder="Search"
               suffix="search-outlined"

package/src/components/Select/StyledSelect.tsx

@@ -1,4 +1,4 @@
-import { SectionList, TouchableOpacity, View } from 'react-native';
+import { SectionList, View } from 'react-native';
 import styled from '@emotion/native';
 
 const SectionSpacer = styled(View)(({ theme }) => ({
@@ -19,27 +19,4 @@ const StyledSectionList = styled(SectionList)(({ theme }) => ({
   paddingHorizontal: theme.__hd__.select.space.optionListHorizontalPadding,
 })) as unknown as typeof SectionList;
 
-const getZIndexByState = ({ themeHasError }: { themeHasError: boolean }) => {
-  if (themeHasError) {
-    return 1;
-  }
-
-  return 0;
-};
-
-const StyledTouchableOpacity = styled(TouchableOpacity)<{
-  themeGroupStyleEnabled: boolean;
-  themeHasError: boolean;
-}>(({ themeGroupStyleEnabled, themeHasError }) => ({
-  ...(themeGroupStyleEnabled && {
-    zIndex: getZIndexByState({ themeHasError }),
-  }),
-}));
-
-export {
-  SectionSpacer,
-  OptionSpacer,
-  StyledSearchBar,
-  StyledSectionList,
-  StyledTouchableOpacity,
-};
+export { SectionSpacer, OptionSpacer, StyledSearchBar, StyledSectionList };

package/src/components/Select/index.tsx

@@ -10,17 +10,11 @@ type SingleSelectType = <
   V,
   T extends SelectOptionType<V> = SelectOptionType<V>
 >(
-  props: Omit<
-    SingleSelectProps<V, T>,
-    'TextInputComponent' | 'groupStyleEnabled'
-  >
+  props: SingleSelectProps<V, T>
 ) => React.ReactElement;
 
 type MultiSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(
-  props: Omit<
-    MultiSelectProps<V, T>,
-    'TextInputComponent' | 'groupStyleEnabled'
-  >
+  props: MultiSelectProps<V, T>
 ) => React.ReactElement;
 
 export default Object.assign(SingleSelect as SingleSelectType, {

package/src/components/Select/types.ts

@@ -102,8 +102,4 @@ export interface SelectProps<V, T extends SelectOptionType<V>>
     variant?: BottomSheetProps['variant'];
     header?: BottomSheetProps['header'];
   };
-  /**
-   * Inject a custom TextInput component (e.g., from rn-work-uikit). Defaults to local TextInput.
-   */
-  TextInputComponent?: React.ComponentType<TextInputProps>;
 }

package/src/components/StatusScreens/Error/StyledError.tsx

@@ -42,13 +42,8 @@ const StyledErrorButtonContainer = styled(View)(({ theme }) => ({
   paddingVertical: theme.__hd__.error.space.button.wrapperVerticalPadding,
 }));
 
-const StyledErrorButtonPrimary = styled(Button)(({ theme }) => ({
-  padding: theme.__hd__.error.space.button.padding,
-}));
-
 const StyledErrorButtonSecondary = styled(Button)(({ theme }) => ({
   marginTop: theme.__hd__.error.space.button.margin,
-  padding: theme.__hd__.error.space.button.padding,
 }));
 
 const StyledErrorImageContainer = styled(View)(({ theme }) => ({
@@ -88,7 +83,6 @@ export {
   StyledErrorImage,
   StyledErrorContainer,
   StyledErrorButtonContainer,
-  StyledErrorButtonPrimary,
   StyledErrorButtonSecondary,
   StyledErrorContent,
   StyledErrorTitle,

package/src/components/StatusScreens/Error/index.tsx

@@ -8,7 +8,6 @@ import type {
 import type { ErrorVariant } from './StyledError';
 import {
   StyledErrorButtonContainer,
-  StyledErrorButtonPrimary,
   StyledErrorButtonSecondary,
   StyledErrorContainer,
   StyledErrorContent,
@@ -23,6 +22,7 @@ import { useDeprecation } from '../../../utils/hooks';
 import type { ImageProps } from '../../Image/index';
 import Illustration from '../../Illustration';
 import type { IllustrationName } from '../../Illustration';
+import Button from '../../Button';
 
 interface ErrorProps extends ViewProps {
   /**
@@ -164,11 +164,7 @@ const ErrorPage = ({
       {showButtonContainer && (
         <StyledErrorButtonContainer>
           {showCta && (
-            <StyledErrorButtonPrimary
-              variant="filled"
-              text={ctaText}
-              onPress={onCtaPress}
-            />
+            <Button variant="filled" text={ctaText} onPress={onCtaPress} />
           )}
           {showSecondaryCta && (
             <StyledErrorButtonSecondary

package/src/components/StatusScreens/Success/StyledSuccess.tsx

@@ -69,12 +69,7 @@ const StyledSuccessButtonContainer = styled(View)(({ theme }) => ({
   paddingVertical: theme.__hd__.success.space.button.wrapperVerticalPadding,
 }));
 
-const StyledSuccessButtonPrimary = styled(Button)(({ theme }) => ({
-  padding: theme.__hd__.success.space.button.padding,
-}));
-
 const StyledSuccessButtonSecondary = styled(Button)(({ theme }) => ({
-  padding: theme.__hd__.success.space.button.padding,
   marginTop: theme.__hd__.success.space.button.secondaryCTAMarginTop,
 }));
 
@@ -93,7 +88,6 @@ export {
   StyledSuccessTitle,
   StyledSuccessDescription,
   StyledSuccessButtonContainer,
-  StyledSuccessButtonPrimary,
   StyledSuccessButtonSecondary,
   StyledSuccessModal,
 };

package/src/components/StatusScreens/Success/index.tsx

@@ -14,7 +14,6 @@ import {
   StyledSuccessTitle,
   StyledSuccessDescription,
   StyledSuccessButtonContainer,
-  StyledSuccessButtonPrimary,
   StyledSuccessModal,
   StyledSuccessIconContainer,
   StyledSuccessButtonSecondary,
@@ -23,6 +22,7 @@ import type { ImageProps } from '../../Image';
 import { noop } from '../../../utils/functions';
 import type { IllustrationName } from '../../Illustration';
 import Illustration from '../../Illustration';
+import Button from '../../Button';
 
 interface SuccessProps extends ViewProps {
   /**
@@ -152,7 +152,7 @@ const SuccessPage = ({
 
       {!!ctaText && (
         <StyledSuccessButtonContainer>
-          <StyledSuccessButtonPrimary text={ctaText} onPress={onCtaPress} />
+          <Button text={ctaText} onPress={onCtaPress} />
           {!!showSecondaryButton && (
             <StyledSuccessButtonSecondary
               variant="text"

package/src/components/TimePicker/StyledTimePicker.tsx

@@ -1,5 +1,5 @@
 import styled from '@emotion/native';
-import { View, TouchableOpacity } from 'react-native';
+import { View } from 'react-native';
 import type { ViewProps } from 'react-native';
 
 const StyledPickerWrapper = styled(View)<ViewProps>(({ theme }) => ({
@@ -7,21 +7,4 @@ const StyledPickerWrapper = styled(View)<ViewProps>(({ theme }) => ({
   alignItems: 'center',
 }));
 
-const getZIndexByState = ({ themeHasError }: { themeHasError: boolean }) => {
-  if (themeHasError) {
-    return 1;
-  }
-
-  return 0;
-};
-
-const StyledTouchableOpacity = styled(TouchableOpacity)<{
-  themeGroupStyleEnabled: boolean;
-  themeHasError: boolean;
-}>(({ themeGroupStyleEnabled, themeHasError }) => ({
-  ...(themeGroupStyleEnabled && {
-    zIndex: getZIndexByState({ themeHasError }),
-  }),
-}));
-
-export { StyledPickerWrapper, StyledTouchableOpacity };
+export { StyledPickerWrapper };

package/src/components/TimePicker/TimePicker.tsx

@@ -2,9 +2,9 @@ import React from 'react';
 import { Platform } from 'react-native';
 import TimePickerAndroid from './TimePickerAndroid';
 import TimePickerIOS from './TimePickerIOS';
-import type { InternalTimePickerProps } from './types';
+import type { TimePickerProps } from './types';
 
-const TimePicker = (props: InternalTimePickerProps) => {
+const TimePicker = (props: TimePickerProps) => {
   if (Platform.OS === 'ios') {
     return <TimePickerIOS {...props} />;
   }

package/src/components/TimePicker/TimePickerAndroid.tsx

@@ -1,11 +1,10 @@
 import DateTimePicker from '@react-native-community/datetimepicker';
 import React, { useState, useCallback } from 'react';
-import { View } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
 import formatTime from 'date-fns/fp/format';
 
 import TextInput from '../TextInput';
-import { StyledTouchableOpacity } from './StyledTimePicker';
-import type { InternalTimePickerProps } from './types';
+import type { TimePickerProps } from './types';
 
 const TimePickerAndroid = ({
   value,
@@ -20,33 +19,25 @@ const TimePickerAndroid = ({
   style,
   testID,
   showSuffix = true,
-  TextInputComponent,
-  inputProps,
-  groupStyleEnabled = false,
-}: InternalTimePickerProps) => {
+}: TimePickerProps) => {
   const [open, setOpen] = useState(false);
 
   const is12Hour = displayFormat.includes('hh');
   const displayValue = value ? formatTime(displayFormat, value) : '';
   const pickerInitValue = value || new Date();
 
-  const InputComponent = TextInputComponent || TextInput;
-
   const onPress = useCallback(() => {
     setOpen(true);
   }, []);
 
   return (
-    <StyledTouchableOpacity
+    <TouchableOpacity
       onPress={onPress}
       disabled={disabled}
-      themeGroupStyleEnabled={groupStyleEnabled}
-      themeHasError={!!error}
       testID="time-picker-android-touchable-opacity"
     >
       <View pointerEvents="none" testID="timePickerInputAndroid">
-        <InputComponent
-          {...inputProps}
+        <TextInput
           label={label}
           value={displayValue}
           suffix={showSuffix ? 'clock-3' : undefined}
@@ -74,7 +65,7 @@ const TimePickerAndroid = ({
           is24Hour={!is12Hour}
         />
       ) : null}
-    </StyledTouchableOpacity>
+    </TouchableOpacity>
   );
 };
 

package/src/components/TimePicker/TimePickerIOS.tsx

@@ -1,16 +1,13 @@
 import DateTimePicker from '@react-native-community/datetimepicker';
 import React, { useEffect, useState, useCallback } from 'react';
-import { View } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
 import formatTime from 'date-fns/fp/format';
 
 import BottomSheet from '../BottomSheet';
 import TextInput from '../TextInput';
 import Button from '../Button';
-import {
-  StyledPickerWrapper,
-  StyledTouchableOpacity,
-} from './StyledTimePicker';
-import type { InternalTimePickerProps } from './types';
+import { StyledPickerWrapper } from './StyledTimePicker';
+import type { TimePickerProps } from './types';
 import { useTheme } from '../../theme';
 
 const TimePickerIOS = ({
@@ -28,10 +25,7 @@ const TimePickerIOS = ({
   testID,
   showSuffix = true,
   supportedOrientations = ['portrait'],
-  TextInputComponent,
-  inputProps,
-  groupStyleEnabled = false,
-}: InternalTimePickerProps) => {
+}: TimePickerProps) => {
   const [selectingDate, setSelectingDate] = useState<Date>(value || new Date());
   const [open, setOpen] = useState(false);
 
@@ -44,8 +38,6 @@ const TimePickerIOS = ({
   // For 24-hour format: use en-GB for consistent 24-hour display
   const pickerLocale = is12Hour ? 'en-US' : 'en-GB';
 
-  const InputComponent = TextInputComponent || TextInput;
-
   useEffect(() => {
     setSelectingDate(value || new Date());
   }, [value]);
@@ -55,16 +47,13 @@ const TimePickerIOS = ({
   }, []);
 
   return (
-    <StyledTouchableOpacity
+    <TouchableOpacity
       onPress={onPress}
       disabled={disabled}
-      themeGroupStyleEnabled={groupStyleEnabled}
-      themeHasError={!!error}
       testID="time-picker-ios-touchable-opacity"
     >
       <View pointerEvents="none" testID="timePickerInputIOS">
-        <InputComponent
-          {...inputProps}
+        <TextInput
           label={label}
           value={displayValue}
           suffix={showSuffix ? 'clock-3' : undefined}
@@ -112,7 +101,7 @@ const TimePickerIOS = ({
           />
         </StyledPickerWrapper>
       </BottomSheet>
-    </StyledTouchableOpacity>
+    </TouchableOpacity>
   );
 };
 

package/src/components/TimePicker/types.ts

@@ -1,5 +1,4 @@
 import type { StyleProp, ViewStyle } from 'react-native';
-import type { TextInputProps } from '../TextInput';
 
 export interface TimePickerProps {
   /**
@@ -62,19 +61,3 @@ export interface TimePickerProps {
    */
   supportedOrientations?: ('portrait' | 'landscape')[];
 }
-
-// Add an internal prop type for TextInputComponent, not exported
-export interface InternalTimePickerProps extends TimePickerProps {
-  /**
-   * Props that are passed to TextInput.
-   */
-  inputProps?: Pick<TextInputProps, 'loading' | 'numberOfLines'>;
-  /**
-   * Whether the component is used within a FormGroup for styling purposes.
-   */
-  groupStyleEnabled?: boolean;
-  /**
-   * Input component to use instead of the default TextInput.
-   */
-  TextInputComponent?: React.ComponentType<TextInputProps>;
-}

package/src/theme/components/fab.ts

@@ -2,20 +2,20 @@ import type { GlobalTheme } from '../global';
 
 const getFABTheme = (theme: GlobalTheme) => {
   const colors = {
-    buttonBackground: theme.colors.overlayGlobalSurface,
-    buttonPressedBackground: theme.colors.overlayGlobalSurface,
-    buttonActiveBackground: theme.colors.overlayGlobalSurface,
+    buttonBackground: theme.colors.primary,
+    buttonPressedBackground: theme.colors.primary,
+    buttonActiveBackground: theme.colors.primary,
     icon: theme.colors.onDarkGlobalSurface,
-    actionItemBackground: theme.colors.overlayGlobalSurface,
-    actionItemPressedBackground: theme.colors.overlayGlobalSurface,
+    actionItemBackground: theme.colors.defaultGlobalSurface,
+    actionItemPressedBackground: theme.colors.defaultGlobalSurface,
     backdropBackground: theme.colors.black,
     titleText: theme.colors.onDarkGlobalSurface,
-    actionItemText: theme.colors.onDarkGlobalSurface,
+    actionItemText: theme.colors.onDefaultGlobalSurface,
   };
 
   const sizes = {
-    width: theme.sizes.xxxxxlarge,
-    height: theme.sizes.xxxxxlarge,
+    width: theme.sizes.xxxlarge,
+    height: theme.sizes.xxxlarge,
     iconContainerWidth: theme.sizes.large,
     iconContainerHeight: theme.sizes.large,
     fabPairHeight: theme.sizes.xxxlarge,
@@ -24,12 +24,12 @@ const getFABTheme = (theme: GlobalTheme) => {
 
   const fonts = {
     actionItemText: theme.fonts.neutral.regular,
-    title: theme.fonts.neutral.semiBold,
+    title: theme.fonts.neutral.regular,
   };
 
   const fontSizes = {
     actionItemText: theme.fontSizes.large,
-    title: theme.fontSizes.large,
+    title: theme.fontSizes.medium,
   };
 
   const lineHeights = {
@@ -49,7 +49,7 @@ const getFABTheme = (theme: GlobalTheme) => {
     actionItemTextPaddingLeft: theme.space.xsmall,
     buttonMarginTop: theme.space.large,
     buttonMarginRight: theme.space.large,
-    containerPadding: theme.space.large - theme.space.xsmall,
+    containerPadding: theme.space.smallMedium,
     titleMarginHorizontal: theme.space.small,
     fabPairMarginRight: theme.space.small,
   };
@@ -69,6 +69,7 @@ const getFABTheme = (theme: GlobalTheme) => {
     space,
   };
 };
+
 type GetFABThemeReturnType = ReturnType<typeof getFABTheme>;
 export interface FABThemeType extends GetFABThemeReturnType {
   /**

package/src/theme/global/colors/ehJobs.ts

@@ -4,6 +4,7 @@ import type { SystemPalette } from './types';
 const ehJobsSystemPalette: SystemPalette = {
   ...swagLightSystemPalette,
   name: 'ehJobs',
+  primary: '#7622d7',
   secondary: '#40d1ff',
   onSecondary: '#460078',
   secondaryHighlightedSurface: '#ecfaff',

package/src/theme/global/colors/ehWork.ts

@@ -3,7 +3,7 @@ import type { SystemPalette, BrandSystemPalette } from './types';
 import swagLightGlobalPalette from './swagLightGlobal';
 
 const ehWorkBrandSystemPalette: BrandSystemPalette = {
-  primary: '#460078',
+  primary: '#7622d7',
   onPrimary: '#fdfbff',
   secondary: '#b382fd',
   onSecondary: palette.white,

package/types/components/Checkbox/StyledInlineCheckBox.d.ts

@@ -32,7 +32,7 @@ export declare const StyledCheckMark: import("@emotion/native").StyledComponent<
     as?: React.ElementType;
 } & {
     themeSize: "small" | "xsmall" | "medium" | "large" | "xlarge" | "xxxsmall";
-    themeIntent: "secondary" | "primary" | "text" | "warning" | "info" | "danger" | "success" | "disabled-text" | "text-inverted" | "muted" | "inactive";
+    themeIntent: "primary" | "secondary" | "text" | "success" | "info" | "warning" | "danger" | "muted" | "inactive" | "disabled-text" | "text-inverted";
 } & {
     ref?: import("react").Ref<import("react-native-vector-icons/Icon").Icon> | undefined;
 } & {

package/types/components/Checkbox/utils.d.ts

@@ -3,5 +3,5 @@ type getStateType = {
     readonly: boolean;
     checked?: boolean;
 };
-export declare const getThemeState: ({ disabled, readonly, checked, }: getStateType) => "disabled" | "default" | "readonly" | "checked";
+export declare const getThemeState: ({ disabled, readonly, checked, }: getStateType) => "default" | "disabled" | "checked" | "readonly";
 export {};

package/types/components/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { InternalDatePickerProps } from './types';
-declare const DatePicker: ({ variant, TextInputComponent, ...props }: InternalDatePickerProps) => React.JSX.Element;
+import type { DatePickerProps } from './types';
+declare const DatePicker: ({ variant, ...props }: DatePickerProps) => React.JSX.Element;
 export default DatePicker;

package/types/components/DatePicker/DatePickerAndroid.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { InternalDatePickerProps } from './types';
-type DatePickerAndroidProps = Omit<InternalDatePickerProps, 'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'> & {
+import type { DatePickerProps } from './types';
+type DatePickerAndroidProps = Omit<DatePickerProps, 'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'> & {
     variant?: 'default' | 'month-year';
 };
-declare const DatePickerAndroid: ({ value, minDate, maxDate, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, variant, renderSelectedValue, locale, TextInputComponent, inputProps, groupStyleEnabled, }: DatePickerAndroidProps) => React.JSX.Element;
+declare const DatePickerAndroid: ({ value, minDate, maxDate, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, variant, renderSelectedValue, locale, }: DatePickerAndroidProps) => React.JSX.Element;
 export default DatePickerAndroid;

package/types/components/DatePicker/DatePickerCalendar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { InternalDatePickerProps } from './types';
-declare const DatePickerCalendar: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, monthPickerConfirmLabel, monthPickerCancelLabel, supportedOrientations, renderSelectedValue, locale, TextInputComponent, inputProps, groupStyleEnabled, }: Omit<InternalDatePickerProps, "variant">) => React.JSX.Element;
+import type { DatePickerProps } from './types';
+declare const DatePickerCalendar: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, monthPickerConfirmLabel, monthPickerCancelLabel, supportedOrientations, renderSelectedValue, locale, }: Omit<DatePickerProps, "variant">) => React.JSX.Element;
 export default DatePickerCalendar;

package/types/components/DatePicker/DatePickerIOS.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { InternalDatePickerProps } from './types';
-type DatePickerIOSProps = Omit<InternalDatePickerProps, 'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'> & {
+import type { DatePickerProps } from './types';
+type DatePickerIOSProps = Omit<DatePickerProps, 'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'> & {
     variant?: 'default' | 'month-year';
 };
-declare const DatePickerIOS: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, supportedOrientations, variant, locale, renderSelectedValue, TextInputComponent, inputProps, groupStyleEnabled, }: DatePickerIOSProps) => React.JSX.Element;
+declare const DatePickerIOS: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, supportedOrientations, variant, locale, renderSelectedValue, }: DatePickerIOSProps) => React.JSX.Element;
 export default DatePickerIOS;

package/types/components/DatePicker/StyledDatePicker.d.ts

@@ -6,11 +6,4 @@ declare const StyledPickerWrapper: import("@emotion/native").StyledComponent<Vie
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StyledTouchableOpacity: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeGroupStyleEnabled: boolean;
-    themeHasError: boolean;
-}, {}, {}>;
-export { StyledPickerWrapper, StyledTouchableOpacity };
+export { StyledPickerWrapper };

package/types/components/DatePicker/types.d.ts

@@ -1,5 +1,4 @@
 import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle } from 'react-native';
-import type { TextInputProps } from '../TextInput';
 export interface DatePickerProps {
     /**
      * Date picker input label.
@@ -93,17 +92,3 @@ export interface DatePickerProps {
         formattedDateString: string;
     }, props?: NativeTextInputProps) => React.ReactNode;
 }
-export interface InternalDatePickerProps extends DatePickerProps {
-    /**
-     * Props that are passed to TextInput.
-     */
-    inputProps?: Pick<TextInputProps, 'loading' | 'numberOfLines'>;
-    /**
-     * Whether the component is used within a FormGroup for styling purposes.
-     */
-    groupStyleEnabled?: boolean;
-    /**
-     * Input component to use instead of the default TextInput.
-     */
-    TextInputComponent?: React.ComponentType<TextInputProps>;
-}

package/types/components/FAB/FAB.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
 import { Animated } from 'react-native';
 import type { IconName } from '../Icon';
 export type FABHandles = {
@@ -37,5 +37,9 @@ export interface FABProps {
      */
     testID?: string;
 }
+declare const FABWithTitleStyle: React.ForwardRefExoticComponent<FABProps & {
+    titleStyle?: StyleProp<TextStyle>;
+} & React.RefAttributes<FABHandles>>;
 declare const FAB: React.ForwardRefExoticComponent<FABProps & React.RefAttributes<FABHandles>>;
+export { FABWithTitleStyle as FABInternal };
 export default FAB;