@lodev09/react-native-true-sheet 3.4.0-beta.2 → 3.4.1

package/README.md

@@ -1,6 +1,6 @@
 # React Native True Sheet
 
-[![CI](https://github.com/lodev09/react-native-true-sheet/actions/workflows/ci.yml/badge.svg)](https://github.com/lodev09/react-native-true-sheet/actions/workflows/ci.yml)
+[![CI](https://github.com/lodev09/react-native-true-sheet/actions/workflows/checks.yml/badge.svg)](https://github.com/lodev09/react-native-true-sheet/actions/workflows/checks.yml)
 [![NPM Downloads](https://img.shields.io/npm/d18m/%40lodev09%2Freact-native-true-sheet)](https://www.npmjs.com/package/@lodev09/react-native-true-sheet)
 
 > [!NOTE]

package/ios/TrueSheetViewController.mm

@@ -781,19 +781,26 @@
 
   self.view.backgroundColor = self.backgroundColor;
 
-  BOOL blurTintChanged = ![_blurView.blurTint isEqualToString:self.blurTint];
+  NSString *effectiveBlurTint = self.blurTint;
+  if (@available(iOS 26.0, *)) {
+    // iOS 26+ has defualt liquid glass effect
+  } else if ((!effectiveBlurTint || effectiveBlurTint.length == 0) && !self.backgroundColor) {
+    effectiveBlurTint = @"system-material";
+  }
+
+  BOOL blurTintChanged = ![_blurView.blurTint isEqualToString:effectiveBlurTint];
 
   if (_blurView && blurTintChanged) {
     [_blurView removeFromSuperview];
     _blurView = nil;
   }
 
-  if (self.blurTint && self.blurTint.length > 0) {
+  if (effectiveBlurTint && effectiveBlurTint.length > 0) {
     if (!_blurView) {
       _blurView = [[TrueSheetBlurView alloc] init];
       [_blurView addToView:self.view];
     }
-    _blurView.blurTint = self.blurTint;
+    _blurView.blurTint = effectiveBlurTint;
     _blurView.blurIntensity = self.blurIntensity;
     _blurView.blurInteraction = self.blurInteraction;
     [_blurView applyBlurEffect];

package/lib/typescript/src/TrueSheet.types.d.ts

@@ -311,7 +311,7 @@ export interface TrueSheetProps extends ViewProps {
     pageSizing?: boolean;
     /**
      * The blur effect style on iOS.
-     * Overrides `backgroundColor` if set.
+     * Blends with `backgroundColor` when provided.
      *
      * @platform ios
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "3.4.0-beta.2",
+  "version": "3.4.1",
   "description": "The true native bottom sheet experience for your React Native Apps.",
   "source": "./src/index.ts",
   "main": "./lib/module/index.js",

package/src/TrueSheet.types.ts

@@ -357,7 +357,7 @@ export interface TrueSheetProps extends ViewProps {
 
   /**
    * The blur effect style on iOS.
-   * Overrides `backgroundColor` if set.
+   * Blends with `backgroundColor` when provided.
    *
    * @platform ios
    */