Paper updates

src/components/List/ListAccordion.tsx

@@ -12,6 +12,7 @@ import {
   ViewProps,
   ViewStyle,
   PressableAndroidRippleConfig,
+  Platform,
 } from 'react-native';
 
 import { ListAccordionGroupContext } from './ListAccordionGroup';
@@ -121,6 +122,10 @@ export type Props = {
    * `pointerEvents` passed to the `View` container
    */
   pointerEvents?: ViewProps['pointerEvents'];
+  /**
+   * containerStyle that is passed to the wrapping TouchableRipple element View.
+   */
+  containerStyle?: StyleProp<ViewStyle>;
 };
 
 /**
@@ -184,6 +189,7 @@ const ListAccordion = ({
   pointerEvents = 'none',
   titleMaxFontSizeMultiplier,
   descriptionMaxFontSizeMultiplier,
+  containerStyle,
 }: Props) => {
   const theme = useInternalTheme(themeOverrides);
   const [expanded, setExpanded] = React.useState<boolean>(
@@ -236,7 +242,7 @@ const ListAccordion = ({
       : handlePressAction;
   return (
     <View>
-      <View style={{ backgroundColor: theme?.colors?.background }}>
+      <View style={[{ backgroundColor: theme?.colors?.background }, containerStyle]}>
         <TouchableRipple
           style={[theme.isV3 ? styles.containerV3 : styles.container, style]}
           onPress={handlePress}
@@ -250,10 +256,12 @@ const ListAccordion = ({
           theme={theme}
           background={background}
           borderless
+          accessible={Platform.OS !== 'ios'}
         >
           <View
             style={theme.isV3 ? styles.rowV3 : styles.row}
             pointerEvents={pointerEvents}
+            accessible={Platform.OS=== 'ios'? false: true}
           >
             {left
               ? left({
@@ -263,6 +271,7 @@ const ListAccordion = ({
               : null}
             <View
               style={[theme.isV3 ? styles.itemV3 : styles.item, styles.content]}
+              accessible={Platform.OS=== 'ios'? false: true}
             >
               <Text
                 selectable={false}
@@ -298,6 +307,7 @@ const ListAccordion = ({
             </View>
             <View
               style={[styles.item, description ? styles.multiline : undefined]}
+              accessible={Platform.OS=== 'ios'? false: true}
             >
               {right ? (
                 right({
@@ -388,4 +398,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default ListAccordion;
+export default ListAccordion;

src/components/TextInput/TextInputOutlined.tsx

@@ -333,7 +333,7 @@ const TextInputOutlined = ({
   }
 
   return (
-    <View style={viewStyle}>
+    <View style={viewStyle} accessible={Platform.OS !== 'ios'}>
       {/*
           Render the outline separately from the container
           This is so that the label can overlap the outline
@@ -358,6 +358,7 @@ const TextInputOutlined = ({
             minHeight,
           },
         ]}
+        accessible={Platform.OS !== 'ios'}
       >
         {label ? (
           <InputLabel
@@ -372,6 +373,7 @@ const TextInputOutlined = ({
             {...labelProps}
             labelBackground={LabelBackground}
             maxFontSizeMultiplier={rest.maxFontSizeMultiplier}
+            placeholderColor={outlineColor ?? null}
           />
         ) : null}
         {render?.({

src/components/TextInput/helpers.tsx

@@ -460,8 +460,10 @@ const getOutlinedOutlineInputColor = ({
   if (theme.isV3) {
     if (disabled) {
       if (theme.dark) {
+        if(customOutlineColor) return customOutlineColor
         return 'transparent';
       }
+      if(customOutlineColor) return customOutlineColor
       return theme.colors.surfaceDisabled;
     }