@jobber/components-native 0.113.4 → 0.113.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.113.4",
+  "version": "0.113.5",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -124,5 +124,5 @@
     "react-native-screens": ">=4.18.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "b151fce2d669e8b85cea91becf7d9aacee827c3e"
+  "gitHead": "a39de5621289f06a4d21d021130ff191937cd851"
 }

package/src/ActivityIndicator/ActivityIndicator.stories.tsx

@@ -84,8 +84,8 @@ function OnSurfacesExample() {
  *     Rendering pane → "Emulate CSS media feature prefers-reduced-motion"
  *
  * The component will hide the rocking arcs and render a single static
- * ring in `color-icon` whose opacity pulses between 1.0 and 0.35 over a
- * 2-second alternate cycle.
+ * ring in `color-text--secondary` whose opacity pulses between 1.0 and 0.35
+ * over a 2-second alternate cycle.
  */
 export const ReducedMotion: Story = {
   render: () => <ActivityIndicator />,

package/src/ActivityIndicator/ActivityIndicator.tsx

@@ -160,7 +160,7 @@ export function ActivityIndicator({
       <ReducedMotionRing
         pixelSize={pixelSize}
         strokeWidth={strokeWidth}
-        ringColor={themeTokens["color-icon"]}
+        ringColor={themeTokens["color-text--secondary"]}
         style={style}
         testID={testID}
         a11yProps={a11yProps}
@@ -173,7 +173,7 @@ export function ActivityIndicator({
       size={resolvedSize}
       pixelSize={pixelSize}
       strokeWidth={strokeWidth}
-      arcColor={themeTokens["color-icon"]}
+      arcColor={themeTokens["color-text--secondary"]}
       trackColor={themeTokens["color-surface--active"]}
       style={style}
       testID={testID}

package/src/ActivityIndicator/guide.md

@@ -49,8 +49,8 @@ interface ActivityIndicatorProps {
 The previous wrapper accepted React Native's full `ActivityIndicatorProps` via
 spread. The new public API drops the following intentionally:
 
-- `color` — replaced by semantic theme tokens (`color-icon` for the arcs,
-  `color-surface--active` for the track). The single known consumer of
+- `color` — replaced by semantic theme tokens (`color-text--secondary` for the
+  arcs, `color-surface--active` for the track). The single known consumer of
   `color="white"` (`jobber-mobile/GalleryHeader`) is migrated as part of the
   `migrate-activityindicator` change in the jobber-mobile repository.
 - numeric `size` — sizing is constrained to the two design-system sizes (28px /
@@ -161,7 +161,9 @@ duration is a CSS literal on web and a matching constant on native (`1000ms`).
 When the operating system reports reduce-motion is enabled, the component:
 
 - Skips rendering the rotating layers and rocking arcs.
-- Renders a single static `<Circle>` ring in `tokens["color-icon"]`.
+- Renders a single static `<Circle>` ring in `tokens["color-text--secondary"]`.
+  The ring stands in for the hidden arcs, so it deliberately tracks the arc
+  colour.
 - Animates the ring's opacity between 1.0 and 0.35 over a 4-second ease-in-out
   alternate cycle (2s down, 2s up) so the indicator still reads as "busy"
   without rotational motion.
@@ -203,8 +205,8 @@ Both components share:
 - Sizes (28 px small, 44 px base)
 - Motion durations (`timing-indicator-arc`, `timing-indicator-cycle`,
   `timing-indicator-linear-rotate`) from the same `@jobber/design` source
-- Color tokens (`color-icon` for arcs, `color-surface--active` for track) from
-  the same `@jobber/design` source
+- Color tokens (`color-text--secondary` for arcs, `color-surface--active` for
+  track) from the same `@jobber/design` source
 - Reduced-motion fallback (opacity 1.0 ↔ 0.35, 2 s ease-in-out alternate)
 
 Documented divergences: