@getsoren/react-native-design-system 1.38.0 → 1.38.1

package/lib/commonjs/components/Inputs/Button/index.js

@@ -19,10 +19,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const RIPPLE_ALPHA = 0.32;
 
 /**
- * Since React Native 0.80, when the Android ripple (`nativeBackgroundAndroid`) and the background color change
- * in the same update, the old background color stays on screen (facebook/react-native#54298).
- * RNEUI's Button derives the ripple from the title color, which changes with `disabled`, so a button going from
- * disabled to enabled kept its grey background on Android. We give it a ripple that does not depend on `disabled`.
+ * Since React Native 0.80, setting an Android ripple as a background (`nativeBackgroundAndroid`) breaks later
+ * background color updates: the native side builds a throwaway drawable that steals the invalidation callback
+ * of the real background, so a button going from disabled to enabled kept its grey background
+ * (facebook/react-native#54298, #54372). We draw the ripple as a foreground instead (`useForeground`), which
+ * never touches the background pipeline, and keep the ripple color independent of `disabled`.
  */
 const Button = ({
   background,
@@ -51,6 +52,7 @@ const Button = ({
   }, [isError, isSolid, theme.colors.errorDark, theme.colors.primary]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Button, {
     background: background ?? androidBackground,
+    useForeground: _reactNative.Platform.OS === "android",
     ...props
   });
 };

package/lib/commonjs/components/Inputs/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_themed","require","_react","_reactNative","_hexToRgba","_interopRequireDefault","_jsxRuntime","e","__esModule","default","RIPPLE_ALPHA","Button","background","props","theme","useTheme","variant","color","isSolid","isError","androidBackground","useMemo","Platform","OS","Version","undefined","TouchableNativeFeedback","Ripple","hexToRGBA","colors","errorDark","primary","jsx","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/Inputs/Button/index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAiD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAMG,YAAY,GAAG,IAAI;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAGA,CAAC;EAAEC,UAAU;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACxD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAC5B,MAAM;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EAChC,MAAMK,OAAO,GAAG,CAACF,OAAO,IAAIA,OAAO,KAAK,WAAW;EACnD,MAAMG,OAAO,GAAGF,KAAK,KAAK,OAAO;EAEjC,MAAMG,iBAAiB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACtC,IAAIC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAID,qBAAQ,CAACE,OAAO,GAAG,EAAE,EAAE;MACtD,OAAOC,SAAS;IAClB;IAEA,IAAIN,OAAO,EAAE;MACX,OAAOO,oCAAuB,CAACC,MAAM,CAAC,IAAAC,kBAAS,EAACd,KAAK,CAACe,MAAM,CAACC,SAAS,EAAEpB,YAAY,CAAC,EAAE,KAAK,CAAC;IAC/F;IAEA,IAAIQ,OAAO,EAAE;MACX,OAAOQ,oCAAuB,CAACC,MAAM,CAAC,uBAAuBjB,YAAY,GAAG,EAAE,KAAK,CAAC;IACtF;IAEA,OAAOgB,oCAAuB,CAACC,MAAM,CAAC,IAAAC,kBAAS,EAACd,KAAK,CAACe,MAAM,CAACE,OAAO,EAAErB,YAAY,CAAC,EAAE,KAAK,CAAC;EAC7F,CAAC,EAAE,CAACS,OAAO,EAAED,OAAO,EAAEJ,KAAK,CAACe,MAAM,CAACC,SAAS,EAAEhB,KAAK,CAACe,MAAM,CAACE,OAAO,CAAC,CAAC;EAEpE,oBAAO,IAAAzB,WAAA,CAAA0B,GAAA,EAAChC,OAAA,CAAAW,MAAS;IAACC,UAAU,EAAEA,UAAU,IAAIQ,iBAAkB;IAAA,GAAKP;EAAK,CAAG,CAAC;AAC9E,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEaE,MAAM","ignoreList":[]}
+{"version":3,"names":["_themed","require","_react","_reactNative","_hexToRgba","_interopRequireDefault","_jsxRuntime","e","__esModule","default","RIPPLE_ALPHA","Button","background","props","theme","useTheme","variant","color","isSolid","isError","androidBackground","useMemo","Platform","OS","Version","undefined","TouchableNativeFeedback","Ripple","hexToRGBA","colors","errorDark","primary","jsx","useForeground","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/Inputs/Button/index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAiD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAMG,YAAY,GAAG,IAAI;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAGA,CAAC;EAAEC,UAAU;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACxD,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAC5B,MAAM;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EAChC,MAAMK,OAAO,GAAG,CAACF,OAAO,IAAIA,OAAO,KAAK,WAAW;EACnD,MAAMG,OAAO,GAAGF,KAAK,KAAK,OAAO;EAEjC,MAAMG,iBAAiB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACtC,IAAIC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAID,qBAAQ,CAACE,OAAO,GAAG,EAAE,EAAE;MACtD,OAAOC,SAAS;IAClB;IAEA,IAAIN,OAAO,EAAE;MACX,OAAOO,oCAAuB,CAACC,MAAM,CAAC,IAAAC,kBAAS,EAACd,KAAK,CAACe,MAAM,CAACC,SAAS,EAAEpB,YAAY,CAAC,EAAE,KAAK,CAAC;IAC/F;IAEA,IAAIQ,OAAO,EAAE;MACX,OAAOQ,oCAAuB,CAACC,MAAM,CAAC,uBAAuBjB,YAAY,GAAG,EAAE,KAAK,CAAC;IACtF;IAEA,OAAOgB,oCAAuB,CAACC,MAAM,CAAC,IAAAC,kBAAS,EAACd,KAAK,CAACe,MAAM,CAACE,OAAO,EAAErB,YAAY,CAAC,EAAE,KAAK,CAAC;EAC7F,CAAC,EAAE,CAACS,OAAO,EAAED,OAAO,EAAEJ,KAAK,CAACe,MAAM,CAACC,SAAS,EAAEhB,KAAK,CAACe,MAAM,CAACE,OAAO,CAAC,CAAC;EAEpE,oBAAO,IAAAzB,WAAA,CAAA0B,GAAA,EAAChC,OAAA,CAAAW,MAAS;IAACC,UAAU,EAAEA,UAAU,IAAIQ,iBAAkB;IAACa,aAAa,EAAEX,qBAAQ,CAACC,EAAE,KAAK,SAAU;IAAA,GAAKV;EAAK,CAAG,CAAC;AACxH,CAAC;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAA1B,OAAA,GAEaE,MAAM","ignoreList":[]}

package/lib/module/components/Inputs/Button/index.js

@@ -8,10 +8,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const RIPPLE_ALPHA = 0.32;
 
 /**
- * Since React Native 0.80, when the Android ripple (`nativeBackgroundAndroid`) and the background color change
- * in the same update, the old background color stays on screen (facebook/react-native#54298).
- * RNEUI's Button derives the ripple from the title color, which changes with `disabled`, so a button going from
- * disabled to enabled kept its grey background on Android. We give it a ripple that does not depend on `disabled`.
+ * Since React Native 0.80, setting an Android ripple as a background (`nativeBackgroundAndroid`) breaks later
+ * background color updates: the native side builds a throwaway drawable that steals the invalidation callback
+ * of the real background, so a button going from disabled to enabled kept its grey background
+ * (facebook/react-native#54298, #54372). We draw the ripple as a foreground instead (`useForeground`), which
+ * never touches the background pipeline, and keep the ripple color independent of `disabled`.
  */
 const Button = ({
   background,
@@ -40,6 +41,7 @@ const Button = ({
   }, [isError, isSolid, theme.colors.errorDark, theme.colors.primary]);
   return /*#__PURE__*/_jsx(RNEButton, {
     background: background ?? androidBackground,
+    useForeground: Platform.OS === "android",
     ...props
   });
 };

package/lib/module/components/Inputs/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ButtonProps","Button","RNEButton","useTheme","useMemo","Platform","TouchableNativeFeedback","hexToRGBA","jsx","_jsx","RIPPLE_ALPHA","background","props","theme","variant","color","isSolid","isError","androidBackground","OS","Version","undefined","Ripple","colors","errorDark","primary"],"sourceRoot":"../../../../../src","sources":["components/Inputs/Button/index.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,eAAe;AAC1E,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,QAAQ,EAAEC,uBAAuB,QAAQ,cAAc;AAChE,OAAOC,SAAS,MAAM,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,MAAMC,YAAY,GAAG,IAAI;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA,MAAMT,MAAM,GAAGA,CAAC;EAAEU,UAAU;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACxD,MAAM;IAAEC;EAAM,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEW,OAAO;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAChC,MAAMI,OAAO,GAAG,CAACF,OAAO,IAAIA,OAAO,KAAK,WAAW;EACnD,MAAMG,OAAO,GAAGF,KAAK,KAAK,OAAO;EAEjC,MAAMG,iBAAiB,GAAGd,OAAO,CAAC,MAAM;IACtC,IAAIC,QAAQ,CAACc,EAAE,KAAK,SAAS,IAAId,QAAQ,CAACe,OAAO,GAAG,EAAE,EAAE;MACtD,OAAOC,SAAS;IAClB;IAEA,IAAIJ,OAAO,EAAE;MACX,OAAOX,uBAAuB,CAACgB,MAAM,CAACf,SAAS,CAACM,KAAK,CAACU,MAAM,CAACC,SAAS,EAAEd,YAAY,CAAC,EAAE,KAAK,CAAC;IAC/F;IAEA,IAAIM,OAAO,EAAE;MACX,OAAOV,uBAAuB,CAACgB,MAAM,CAAC,uBAAuBZ,YAAY,GAAG,EAAE,KAAK,CAAC;IACtF;IAEA,OAAOJ,uBAAuB,CAACgB,MAAM,CAACf,SAAS,CAACM,KAAK,CAACU,MAAM,CAACE,OAAO,EAAEf,YAAY,CAAC,EAAE,KAAK,CAAC;EAC7F,CAAC,EAAE,CAACO,OAAO,EAAED,OAAO,EAAEH,KAAK,CAACU,MAAM,CAACC,SAAS,EAAEX,KAAK,CAACU,MAAM,CAACE,OAAO,CAAC,CAAC;EAEpE,oBAAOhB,IAAA,CAACP,SAAS;IAACS,UAAU,EAAEA,UAAU,IAAIO,iBAAkB;IAAA,GAAKN;EAAK,CAAG,CAAC;AAC9E,CAAC;AAED,eAAeX,MAAM;AACrB,SAASD,WAAW","ignoreList":[]}
+{"version":3,"names":["ButtonProps","Button","RNEButton","useTheme","useMemo","Platform","TouchableNativeFeedback","hexToRGBA","jsx","_jsx","RIPPLE_ALPHA","background","props","theme","variant","color","isSolid","isError","androidBackground","OS","Version","undefined","Ripple","colors","errorDark","primary","useForeground"],"sourceRoot":"../../../../../src","sources":["components/Inputs/Button/index.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,eAAe;AAC1E,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,QAAQ,EAAEC,uBAAuB,QAAQ,cAAc;AAChE,OAAOC,SAAS,MAAM,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,MAAMC,YAAY,GAAG,IAAI;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMT,MAAM,GAAGA,CAAC;EAAEU,UAAU;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACxD,MAAM;IAAEC;EAAM,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEW,OAAO;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAChC,MAAMI,OAAO,GAAG,CAACF,OAAO,IAAIA,OAAO,KAAK,WAAW;EACnD,MAAMG,OAAO,GAAGF,KAAK,KAAK,OAAO;EAEjC,MAAMG,iBAAiB,GAAGd,OAAO,CAAC,MAAM;IACtC,IAAIC,QAAQ,CAACc,EAAE,KAAK,SAAS,IAAId,QAAQ,CAACe,OAAO,GAAG,EAAE,EAAE;MACtD,OAAOC,SAAS;IAClB;IAEA,IAAIJ,OAAO,EAAE;MACX,OAAOX,uBAAuB,CAACgB,MAAM,CAACf,SAAS,CAACM,KAAK,CAACU,MAAM,CAACC,SAAS,EAAEd,YAAY,CAAC,EAAE,KAAK,CAAC;IAC/F;IAEA,IAAIM,OAAO,EAAE;MACX,OAAOV,uBAAuB,CAACgB,MAAM,CAAC,uBAAuBZ,YAAY,GAAG,EAAE,KAAK,CAAC;IACtF;IAEA,OAAOJ,uBAAuB,CAACgB,MAAM,CAACf,SAAS,CAACM,KAAK,CAACU,MAAM,CAACE,OAAO,EAAEf,YAAY,CAAC,EAAE,KAAK,CAAC;EAC7F,CAAC,EAAE,CAACO,OAAO,EAAED,OAAO,EAAEH,KAAK,CAACU,MAAM,CAACC,SAAS,EAAEX,KAAK,CAACU,MAAM,CAACE,OAAO,CAAC,CAAC;EAEpE,oBAAOhB,IAAA,CAACP,SAAS;IAACS,UAAU,EAAEA,UAAU,IAAIO,iBAAkB;IAACQ,aAAa,EAAErB,QAAQ,CAACc,EAAE,KAAK,SAAU;IAAA,GAAKP;EAAK,CAAG,CAAC;AACxH,CAAC;AAED,eAAeX,MAAM;AACrB,SAASD,WAAW","ignoreList":[]}

package/lib/typescript/src/components/Inputs/Button/index.d.ts

@@ -1,9 +1,10 @@
 import { ButtonProps } from "@rneui/themed";
 /**
- * Since React Native 0.80, when the Android ripple (`nativeBackgroundAndroid`) and the background color change
- * in the same update, the old background color stays on screen (facebook/react-native#54298).
- * RNEUI's Button derives the ripple from the title color, which changes with `disabled`, so a button going from
- * disabled to enabled kept its grey background on Android. We give it a ripple that does not depend on `disabled`.
+ * Since React Native 0.80, setting an Android ripple as a background (`nativeBackgroundAndroid`) breaks later
+ * background color updates: the native side builds a throwaway drawable that steals the invalidation callback
+ * of the real background, so a button going from disabled to enabled kept its grey background
+ * (facebook/react-native#54298, #54372). We draw the ripple as a foreground instead (`useForeground`), which
+ * never touches the background pipeline, and keep the ripple color independent of `disabled`.
  */
 declare const Button: ({ background, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/lib/typescript/src/components/Inputs/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Inputs/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiC,MAAM,eAAe,CAAC;AAO3E;;;;;GAKG;AACH,QAAA,MAAM,MAAM,GAAI,0BAA0B,WAAW,4CAuBpD,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Inputs/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiC,MAAM,eAAe,CAAC;AAO3E;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,GAAI,0BAA0B,WAAW,4CAuBpD,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getsoren/react-native-design-system",
-  "version": "1.38.0",
+  "version": "1.38.1",
   "description": "Design System mobile",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",