@jobber/components-native 0.116.10 → 0.116.12

package/dist/docs/AtlantisThemeContext/AtlantisThemeContext.md

@@ -262,6 +262,17 @@ function App() {
 }
 ```
 
+### Active breakpoint (Web Only)
+
+On web, `AtlantisThemeContextProvider` also provides the active breakpoint that
+[`useBreakpoints`](/hooks/useBreakpoints) and
+[`useResponsiveValue`](/hooks/useResponsiveValue) read, so apps don't add a
+`BreakpointProvider` themselves. It subscribes to the viewport once, however
+many components use the hooks.
+
+Nested providers reuse the breakpoint from the outer provider instead of
+subscribing again.
+
 ### Creating themed styles with buildThemedStyles (Mobile Only)
 
 The `buildThemedStyles` utility is available to help create themed StyleSheets

package/dist/docs/ResponsiveBreakpoint/ResponsiveBreakpoint.md

@@ -9,6 +9,10 @@ We have 3 different ways to deal with responsive breakpoints in our components.
    components responsive depending on the size of its container rather than the
    browser.
 
+Use [`useBreakpoints`](/hooks/useBreakpoints) to read the active breakpoint in
+JS, and [`useResponsiveValue`](/hooks/useResponsiveValue) to choose a value per
+breakpoint. Both use the same breakpoint values as the CSS variables.
+
 ## CSS variables
 
 We have 5 CSS breakpoints that you can choose from when styling your components.

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.116.10",
+    "version": "0.116.12",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "author": "The Frends",
@@ -67,7 +67,7 @@
         "@babel/runtime": "^7.29.2",
         "@gorhom/bottom-sheet": "^5.2.8",
         "@jobber/design": "0.124.0",
-        "@jobber/hooks": "2.21.4",
+        "@jobber/hooks": "2.22.0",
         "@react-native-community/datetimepicker": "^8.4.5",
         "@react-native/babel-preset": "^0.82.1",
         "@storybook/addon-a11y": "10.3.5",
@@ -118,5 +118,5 @@
         "react-native-screens": ">=4.18.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "02daebdbba08f799a0e3815949bf32e1e3d1e3e7"
+    "gitHead": "483fa16db4fa78cefddcade2c7181c3ade357c86"
 }

package/dist/src/Switch/components/BaseSwitch/BaseSwitch.js

@@ -10,7 +10,7 @@ export function BaseSwitch({ value, defaultValue, onValueChange, disabled = fals
         value: value !== null && value !== void 0 ? value : defaultValue,
     });
     const internalValue = value !== null && value !== void 0 ? value : field.value;
-    const { tokens } = useAtlantisTheme();
+    const { tokens, effectiveTheme } = useAtlantisTheme();
     function getThumbColor() {
         if (Platform.OS === "android") {
             if (disabled) {
@@ -30,7 +30,9 @@ export function BaseSwitch({ value, defaultValue, onValueChange, disabled = fals
             return {
                 true: disabled
                     ? tokens["color-disabled--secondary"]
-                    : tokens["color-base-green--400"],
+                    : tokens[effectiveTheme === "dark"
+                        ? "color-base-green--700"
+                        : "color-base-green--400"],
                 false: disabled
                     ? tokens["color-disabled--secondary"]
                     : tokens["color-disabled"],