@jobber/components-native 0.108.1 → 0.109.0

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