@fto-consult/expo-ui 7.12.2 → 7.12.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "7.12.2",
+  "version": "7.12.3",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "scripts": {
     "clear-npx-cache": "npx clear-npx-cache",

package/src/components/Button/index.js

@@ -59,6 +59,7 @@ const ButtonComponent = React.forwardRef((prs,ref) => {
     noMargin,
     isAlert,
     borderRadius,
+    forceWhiteColorOnDarkMode,
     ...rest
   } = prs;
   isCancelButton = isCancelButton || error && true || false;
@@ -157,8 +158,8 @@ const ButtonComponent = React.forwardRef((prs,ref) => {
     backgroundColor = Colors.isValid(style.backgroundColor)?style.backgroundColor : Colors.isValid(backgroundColor)? backgroundColor : isCancelButton ? style.backgroundColor = theme.colors.error : undefined;
     borderColor = Colors.isValid(style.borderColor)? style.borderColor : isCancelButton ? theme.styles.onError : Colors.isValid(borderColor)? borderColor : undefined;
   }
-  if(theme.isDark() && !hasElevation){
-    //textColor = white;
+  if(theme.isDark() && forceWhiteColorOnDarkMode !== false && !hasElevation){
+    textColor = white;
   } 
 
   const rippleColor = Colors.setAlpha(textColor,0.32);
@@ -451,6 +452,7 @@ ButtonComponent.propTypes = {
     iconPosition : PropTypes.oneOf([
       'top','left','bottom','right'
     ]),
+    forceWhiteColorOnDarkMode: PropTypes.bool,//spécifie si la couleur white sera établie comme par défaut eu mode dark
   }
 
   export const setIsLoading = (buttonRef,loading)=>{

package/src/desktopCapturer/index.js

@@ -459,7 +459,7 @@ export const RecordingButton = function({onPress,testID,...props}){
     const color = theme.Colors.setAlpha(theme.colors.text,theme.ALPHA);
     const buttonContainerProps = {style:[theme.styles.w100,theme.styles.alignItemsFlexStart]}
     return <View testID={testID+"_Container"} {...buttonContainerProps}>
-        <Button  containerProps = {buttonContainerProps} {...props} style={[{color},buttonContainerProps.style,props.style]} upperCase={false} onPress = {(...args)=>{
+        <Button  forceWhiteColorOnDarkMode={false}  containerProps = {buttonContainerProps} {...props} style={[{color},buttonContainerProps.style,props.style]} upperCase={false} onPress = {(...args)=>{
             if(onPress && onPress(...args) === false) return;
             handleCapture();
         }}