@jobber/components-native 0.108.0 → 0.108.1-visual-reg-5479aeb.25

package/dist/docs/AtlantisThemeContext/AtlantisThemeContext.md

@@ -116,6 +116,46 @@ function ThemedComponent() {
 }
 ```
 
+### Cross-tab theme sync (Web Only)
+
+The provider can keep the theme in sync across a user's open browser tabs. This
+is opt-in: pass the `localStorage` key your app writes to as the `storageKey`
+prop. The provider then listens for
+[`storage` events](https://developer.mozilla.org/en-US/docs/Web/API/Window/storage_event)
+on that key and applies theme changes from other tabs. The `storage` event fires
+only in tabs *other* than the one that wrote the value, so there's no feedback
+loop.
+
+**Your app is responsible for writing to `localStorage`** when the theme changes
+— Atlantis only handles the listen-and-react side.
+
+```tsx
+<AtlantisThemeContextProvider storageKey="my_app_theme">
+  <ThemedComponent />
+</AtlantisThemeContextProvider>
+```
+
+```tsx
+// Theme toggle — write to the same key after calling updateTheme
+import { updateTheme } from "@jobber/components/AtlantisThemeContext";
+
+function toggleTheme(newTheme: "light" | "dark") {
+  updateTheme(newTheme); // updates all providers in this tab immediately
+
+  try {
+    localStorage.setItem("my_app_theme", newTheme); // signals other tabs
+  } catch {
+    // localStorage unavailable (e.g. private mode) — degrades gracefully
+  }
+}
+```
+
+Omit `storageKey` and no `storage` listener is added, keeping the previous
+within-tab-only behavior. Multiple dynamic providers on the same page all share
+the same internal store, so a single provider with a `storageKey` is enough — a
+cross-tab signal updates every dynamic provider at once. Providers mounted with
+`dangerouslyOverrideTheme` are unaffected.
+
 ### Forcing a theme for an AtlantisThemeContextProvider
 
 In some scenarios you may want to force a theme for specific components

package/dist/docs/Icon/Icon.md

@@ -429,59 +429,66 @@ export function IconSizesExample() {
 
 ### Other
 
-| Icon | `Name`            |
-| :--- | :---------------- |
-|      | `apps`            |
-|      | `at`              |
-|      | `camera`          |
-|      | `checkmark`       |
-|      | `checkmarkCircle` |
-|      | `circle`          |
-|      | `cog`             |
-|      | `dashboard`       |
-|      | `desktop`         |
-|      | `website`         |
-|      | `eye`             |
-|      | `eyeCrossed`      |
-|      | `flash`           |
-|      | `flashAuto`       |
-|      | `flashOff`        |
-|      | `gift`            |
-|      | `grid`            |
-|      | `happyFace`       |
-|      | `headset`         |
-|      | `home`            |
-|      | `link`            |
-|      | `loadingCheck`    |
-|      | `lock`            |
-|      | `logout`          |
-|      | `measurement`     |
-|      | `menu`            |
-|      | `microphone`      |
-|      | `microphoneMuted` |
-|      | `mobile`          |
-|      | `more`            |
-|      | `number`          |
-|      | `offline`         |
-|      | `phone`           |
-|      | `pinned`          |
-|      | `presentation`    |
-|      | `priceTag`        |
-|      | `quickbooks`      |
-|      | `reports`         |
-|      | `shape`           |
-|      | `sidebar`         |
-|      | `signature`       |
-|      | `sneaker`         |
-|      | `sparkles`        |
-|      | `sprout`          |
-|      | `starburst`       |
-|      | `sun`             |
-|      | `tableColumns`    |
-|      | `thumbsDown`      |
-|      | `thumbsUp`        |
-|      | `unPinned`        |
-|      | `xero`            |
+| Icon | `Name`              |
+| :--- | :------------------ |
+|      | `apps`              |
+|      | `at`                |
+|      | `camera`            |
+|      | `checkmark`         |
+|      | `checkmarkCircle`   |
+|      | `circle`            |
+|      | `cog`               |
+|      | `dashboard`         |
+|      | `desktop`           |
+|      | `website`           |
+|      | `eye`               |
+|      | `eyeCrossed`        |
+|      | `flash`             |
+|      | `flashAuto`         |
+|      | `flashOff`          |
+|      | `gift`              |
+|      | `grid`              |
+|      | `happyFace`         |
+|      | `headset`           |
+|      | `home`              |
+|      | `link`              |
+|      | `loadingCheck`      |
+|      | `lock`              |
+|      | `logout`            |
+|      | `measurement`       |
+|      | `menu`              |
+|      | `microphone`        |
+|      | `microphoneMuted`   |
+|      | `mobile`            |
+|      | `more`              |
+|      | `number`            |
+|      | `numpad`            |
+|      | `offline`           |
+|      | `phone`             |
+|      | `phoneCall`         |
+|      | `phoneDisconnected` |
+|      | `phoneEnd`          |
+|      | `phoneIncoming`     |
+|      | `phoneOutgoing`     |
+|      | `pinned`            |
+|      | `presentation`      |
+|      | `priceTag`          |
+|      | `quickbooks`        |
+|      | `reports`           |
+|      | `shape`             |
+|      | `sidebar`           |
+|      | `signature`         |
+|      | `sneaker`           |
+|      | `sparkles`          |
+|      | `speaker`           |
+|      | `sprout`            |
+|      | `starburst`         |
+|      | `sun`               |
+|      | `tableColumns`      |
+|      | `thumbsDown`        |
+|      | `thumbsUp`          |
+|      | `unPinned`          |
+|      | `xero`              |
 
 ### Legacy
 

package/dist/docs/InputTime/InputTime.md

@@ -29,6 +29,14 @@ number automatically fills in the rest of the time. For example, typing `2` will
 fill in `2:00 PM` and typing `1` waits for a few milliseconds in case the user
 wants to type `10`, `11`, or `12`.
 
+## Sizes and the placeholder
+
+Consistent with other inputs, `size="small"` does not show the floating mini
+label. The placeholder appears while the field is empty and unfocused, and is
+hidden while the field is being edited or has a value, keeping the field at its
+small height throughout. The default and `large` sizes float the placeholder up
+as a mini label while editing or once a value is set.
+
 
 ## Props
 

package/dist/docs/ProgressBar/ProgressBar.md

@@ -1,5 +1,14 @@
 # Progress Bar
 
+> **Deprecated.** Use [ProgressIndicator](/components/ProgressIndicator) for new
+> work. `ProgressIndicator` is the supported determinate progress indicator
+> going forward — it offers the same semantic with a cleaner prop surface
+> (`value` / `max` instead of `currentStep` / `totalSteps`,
+> `variation="continuous"` instead of `"progress"`, plain `className` / `style`
+> instead of `UNSAFE_*`), theme-adaptive tokens, and a unified
+> `<div role="progressbar">` structure across continuous and stepped variations.
+> `ProgressBar` continues to work unchanged for existing call sites.
+
 A ProgressBar is a visual indicator of how close something is to completion.
 
 ## Design & usage guidelines

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.108.0",
+    "version": "0.108.1-visual-reg-5479aeb.25+5479aebb",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -73,7 +73,7 @@
     "devDependencies": {
         "@babel/runtime": "^7.29.2",
         "@gorhom/bottom-sheet": "^5.2.8",
-        "@jobber/design": "0.107.0",
+        "@jobber/design": "0.107.1-visual-reg-5479aeb.32+5479aebb",
         "@jobber/hooks": "2.21.0",
         "@react-native-community/datetimepicker": "^8.4.5",
         "@react-native/babel-preset": "^0.82.1",
@@ -124,5 +124,5 @@
         "react-native-screens": ">=4.18.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "d5470a957047c13206da81b769b223f08e670d92"
+    "gitHead": "5479aebba6969f3d68ca0fb11654375c8439ab96"
 }

package/dist/src/ContentOverlay/ContentOverlay.js

@@ -23,7 +23,7 @@ import { useIsScreenReaderEnabled } from "../hooks";
 import { IconButton } from "../IconButton";
 import { Heading } from "../Heading";
 import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
-import { useAtlantisTheme } from "../AtlantisThemeContext";
+import { AtlantisThemeContextProvider, useAtlantisTheme, } from "../AtlantisThemeContext";
 /**
  * Signals whether keyboard handling inside a ContentOverlay is delegated to
  * a keyboard-aware scroll view (e.g. BottomSheetKeyboardAwareScrollView).
@@ -54,7 +54,7 @@ export function ContentOverlay({ children, title, accessibilityLabel, fullScreen
     const [currentPosition, setCurrentPosition] = useState(-1);
     const styles = useStyles();
     const { t } = useAtlantisI18n();
-    const { tokens } = useAtlantisTheme();
+    const { theme, tokens } = useAtlantisTheme();
     const isScreenReaderEnabled = useIsScreenReaderEnabled();
     const behavior = computeContentOverlayBehavior({
         fullScreen,
@@ -179,11 +179,12 @@ export function ContentOverlay({ children, title, accessibilityLabel, fullScreen
         return (React.createElement(Backdrop, Object.assign({}, props, { pressBehavior: isCloseableOnOverlayTap ? "close" : "none" })));
     }, [isCloseableOnOverlayTap]);
     return (React.createElement(BottomSheetModal, { ref: bottomSheetModalRef, containerComponent: Platform.OS === "ios" ? Container : undefined, onChange: handleChange, style: sheetStyle, backgroundStyle: backgroundStyle, handleStyle: styles.handleWrapper, handleIndicatorStyle: handleIndicatorStyles, backdropComponent: backdropComponent, snapPoints: snapPoints, enablePanDownToClose: enablePanDownToClose !== null && enablePanDownToClose !== void 0 ? enablePanDownToClose : effectiveIsDraggable, enableContentPanningGesture: enableContentPanningGesture !== null && enableContentPanningGesture !== void 0 ? enableContentPanningGesture : effectiveIsDraggable, enableHandlePanningGesture: effectiveIsDraggable, enableDynamicSizing: !customSnapPoints && behavior.initialHeight === "contentHeight", keyboardBehavior: "interactive", keyboardBlurBehavior: "restore", topInset: topInset, onDismiss: () => onClose === null || onClose === void 0 ? void 0 : onClose() },
-        React.createElement(ContentOverlayKeyboardContext.Provider, { value: scrollEnabled }, scrollEnabled ? (React.createElement(BottomSheetKeyboardAwareScrollView, { ref: scrollViewRef, contentContainerStyle: { paddingBottom: insets.bottom }, keyboardShouldPersistTaps: keyboardShouldPersistTaps ? "handled" : "never", showsVerticalScrollIndicator: false, onScroll: handleOnScroll, stickyHeaderIndices: [0], bottomOffset: KEYBOARD_TOP_PADDING_AUTO_SCROLL },
-            renderHeader(),
-            React.createElement(View, { testID: "ATL-Overlay-Children" }, children))) : (React.createElement(BottomSheetView, null,
-            renderHeader(),
-            React.createElement(View, { style: { paddingBottom: insets.bottom }, testID: "ATL-Overlay-Children" }, children))))));
+        React.createElement(AtlantisThemeContextProvider, { dangerouslyOverrideTheme: theme },
+            React.createElement(ContentOverlayKeyboardContext.Provider, { value: scrollEnabled }, scrollEnabled ? (React.createElement(BottomSheetKeyboardAwareScrollView, { ref: scrollViewRef, contentContainerStyle: { paddingBottom: insets.bottom }, keyboardShouldPersistTaps: keyboardShouldPersistTaps ? "handled" : "never", showsVerticalScrollIndicator: false, onScroll: handleOnScroll, stickyHeaderIndices: [0], bottomOffset: KEYBOARD_TOP_PADDING_AUTO_SCROLL },
+                renderHeader(),
+                React.createElement(View, { testID: "ATL-Overlay-Children" }, children))) : (React.createElement(BottomSheetView, null,
+                renderHeader(),
+                React.createElement(View, { style: { paddingBottom: insets.bottom }, testID: "ATL-Overlay-Children" }, children)))))));
 }
 function Backdrop(bottomSheetBackdropProps) {
     const styles = useStyles();