@jobber/components 8.9.1-TAYLORtai-d66f381.7 → 8.10.0

package/dist/Icon-cjs.js

@@ -15,7 +15,8 @@ function Icon({ name, color, customColor, size = "base", testID, UNSAFE_classNam
         icon = getTruck(pathStyle, customColor);
     }
     else {
-        icon = paths.map((path) => (React.createElement("path", { key: path, style: Object.assign(Object.assign({}, pathStyle), UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.path), className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.path, d: path, fill: customColor })));
+        // getIcon returns undefined paths for an unknown icon name; render nothing rather than crash.
+        icon = (paths !== null && paths !== void 0 ? paths : []).map((path) => (React.createElement("path", { key: path, style: Object.assign(Object.assign({}, pathStyle), UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.path), className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.path, d: path, fill: customColor })));
     }
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox, style: Object.assign(Object.assign({}, svgStyle), UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.svg), className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.svg, "data-testid": testID || name }, icon));
 }

package/dist/Icon-es.js

@@ -13,7 +13,8 @@ function Icon({ name, color, customColor, size = "base", testID, UNSAFE_classNam
         icon = getTruck(pathStyle, customColor);
     }
     else {
-        icon = paths.map((path) => (React__default.createElement("path", { key: path, style: Object.assign(Object.assign({}, pathStyle), UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.path), className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.path, d: path, fill: customColor })));
+        // getIcon returns undefined paths for an unknown icon name; render nothing rather than crash.
+        icon = (paths !== null && paths !== void 0 ? paths : []).map((path) => (React__default.createElement("path", { key: path, style: Object.assign(Object.assign({}, pathStyle), UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.path), className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.path, d: path, fill: customColor })));
     }
     return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox, style: Object.assign(Object.assign({}, svgStyle), UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.svg), className: UNSAFE_className === null || UNSAFE_className === void 0 ? void 0 : UNSAFE_className.svg, "data-testid": testID || name }, icon));
 }

package/dist/InputNumberExperimental-cjs.js

@@ -610,7 +610,8 @@ if (process.env.NODE_ENV !== "production") FieldDescription.displayName = "Field
 var styles = {"container":"_6HZLFIOZh4s-","inline":"_-6ndFYNKKaM-","wrapper":"c20czk-FSyY-","disabled":"_-2INirAxaU4-","small":"NsFBA5oqRAA-","large":"ExKqck-6xVs-","center":"UWiqNi57G8g-","right":"po25PZwJpe4-","inputWrapper":"k9dAO6d010o-","input":"D-PmE-l-hZU-","stepper":"t42w4ZDiDyI-","label":"Ggk3aaMcIJU-","hideLabel":"C7d6qmoZiKU-","affixLabel":"_4u1JHjUYvkY-","prefix":"rEWH41rUUEE-","suffix":"_4-iNl6jdfmM-","affixIcon":"_5-Iw-2c-wXk-","compoundAffix":"tZjZRRcAShY-","affixLabelText":"mbEcqyBQoEg-","stepperButton":"zzrCzYF-8u0-","belowField":"_0mcAZAtwQ2o-","description":"xxp2uGc-B6o-","fieldError":"q-WsOi6joGo-","spinning":"d0TEiLWObKU-"};
 
 /**
- * Preserve user-typed decimals on blur. Without `maximumFractionDigits: 20`,
+ * Default formatting used only when the consumer does not pass `format`.
+ * Preserves user-typed decimals on blur: without `maximumFractionDigits: 20`,
  * `Intl.NumberFormat` rounds to 3 digits and silently truncates input.
  */
 const DEFAULT_FORMAT = {
@@ -627,7 +628,7 @@ function useInputNumberExperimentalContext(consumer) {
 }
 // eslint-disable-next-line max-statements
 function InputNumberExperimentalInternal(props, ref) {
-    const { align, autocomplete, children, description, disabled, error, id: idProp, inline, invalid, keyboard, max, maxLength, min, name, onBlur, onChange, onEnter, onFocus, onKeyDown, onKeyUp, onValueChange, placeholder, prefix, readonly, showMiniLabel = true, size = "default", suffix, value, } = props;
+    const { align, autocomplete, children, description, disabled, error, format, id: idProp, inline, invalid, keyboard, max, maxLength, min, name, onBlur, onChange, onEnter, onFocus, onKeyDown, onKeyUp, onValueChange, placeholder, prefix, readonly, showMiniLabel = true, size = "default", suffix, value, } = props;
     const generatedId = React.useId();
     const id = idProp !== null && idProp !== void 0 ? idProp : generatedId;
     const innerInputRef = React.useRef(null);
@@ -702,7 +703,7 @@ function InputNumberExperimentalInternal(props, ref) {
     const fieldInvalid = invalid || Boolean(error);
     return (React.createElement(FieldRoot, { className: classnames(styles.container, inline && styles.inline), disabled: disabled, invalid: fieldInvalid, name: name },
         React.createElement(InputNumberExperimentalContext.Provider, { value: contextValue },
-            React.createElement(NumberFieldInput.NumberFieldRoot, { allowOutOfRange: true, format: DEFAULT_FORMAT, id: id, max: max, min: min, onValueChange: handleValueChange, onValueCommitted: handleValueCommitted, readOnly: readonly, value: value !== null && value !== void 0 ? value : null },
+            React.createElement(NumberFieldInput.NumberFieldRoot, { allowOutOfRange: true, format: format !== null && format !== void 0 ? format : DEFAULT_FORMAT, id: id, max: max, min: min, onValueChange: handleValueChange, onValueCommitted: handleValueCommitted, readOnly: readonly, value: value !== null && value !== void 0 ? value : null },
                 React.createElement(NumberFieldInput.NumberFieldGroup, { className: classnames(styles.wrapper, align && styles[align], disabled && styles.disabled, size !== "default" && styles[size]) }, isUsingCompoundPattern
                     ? children
                     : renderDefaultComposition({ prefix, suffix, size })))),

package/dist/InputNumberExperimental-es.js

@@ -590,7 +590,8 @@ if (process.env.NODE_ENV !== "production") FieldDescription.displayName = "Field
 var styles = {"container":"_6HZLFIOZh4s-","inline":"_-6ndFYNKKaM-","wrapper":"c20czk-FSyY-","disabled":"_-2INirAxaU4-","small":"NsFBA5oqRAA-","large":"ExKqck-6xVs-","center":"UWiqNi57G8g-","right":"po25PZwJpe4-","inputWrapper":"k9dAO6d010o-","input":"D-PmE-l-hZU-","stepper":"t42w4ZDiDyI-","label":"Ggk3aaMcIJU-","hideLabel":"C7d6qmoZiKU-","affixLabel":"_4u1JHjUYvkY-","prefix":"rEWH41rUUEE-","suffix":"_4-iNl6jdfmM-","affixIcon":"_5-Iw-2c-wXk-","compoundAffix":"tZjZRRcAShY-","affixLabelText":"mbEcqyBQoEg-","stepperButton":"zzrCzYF-8u0-","belowField":"_0mcAZAtwQ2o-","description":"xxp2uGc-B6o-","fieldError":"q-WsOi6joGo-","spinning":"d0TEiLWObKU-"};
 
 /**
- * Preserve user-typed decimals on blur. Without `maximumFractionDigits: 20`,
+ * Default formatting used only when the consumer does not pass `format`.
+ * Preserves user-typed decimals on blur: without `maximumFractionDigits: 20`,
  * `Intl.NumberFormat` rounds to 3 digits and silently truncates input.
  */
 const DEFAULT_FORMAT = {
@@ -607,7 +608,7 @@ function useInputNumberExperimentalContext(consumer) {
 }
 // eslint-disable-next-line max-statements
 function InputNumberExperimentalInternal(props, ref) {
-    const { align, autocomplete, children, description, disabled, error, id: idProp, inline, invalid, keyboard, max, maxLength, min, name, onBlur, onChange, onEnter, onFocus, onKeyDown, onKeyUp, onValueChange, placeholder, prefix, readonly, showMiniLabel = true, size = "default", suffix, value, } = props;
+    const { align, autocomplete, children, description, disabled, error, format, id: idProp, inline, invalid, keyboard, max, maxLength, min, name, onBlur, onChange, onEnter, onFocus, onKeyDown, onKeyUp, onValueChange, placeholder, prefix, readonly, showMiniLabel = true, size = "default", suffix, value, } = props;
     const generatedId = useId();
     const id = idProp !== null && idProp !== void 0 ? idProp : generatedId;
     const innerInputRef = useRef(null);
@@ -682,7 +683,7 @@ function InputNumberExperimentalInternal(props, ref) {
     const fieldInvalid = invalid || Boolean(error);
     return (React__default.createElement(FieldRoot, { className: classnames(styles.container, inline && styles.inline), disabled: disabled, invalid: fieldInvalid, name: name },
         React__default.createElement(InputNumberExperimentalContext.Provider, { value: contextValue },
-            React__default.createElement(NumberFieldRoot, { allowOutOfRange: true, format: DEFAULT_FORMAT, id: id, max: max, min: min, onValueChange: handleValueChange, onValueCommitted: handleValueCommitted, readOnly: readonly, value: value !== null && value !== void 0 ? value : null },
+            React__default.createElement(NumberFieldRoot, { allowOutOfRange: true, format: format !== null && format !== void 0 ? format : DEFAULT_FORMAT, id: id, max: max, min: min, onValueChange: handleValueChange, onValueCommitted: handleValueCommitted, readOnly: readonly, value: value !== null && value !== void 0 ? value : null },
                 React__default.createElement(NumberFieldGroup, { className: classnames(styles.wrapper, align && styles[align], disabled && styles.disabled, size !== "default" && styles[size]) }, isUsingCompoundPattern
                     ? children
                     : renderDefaultComposition({ prefix, suffix, size })))),

package/dist/docs/ActivityIndicator/ActivityIndicator.md

@@ -1,8 +1,57 @@
 # Activity Indicator
 
-`ActivityIndicator` is used to communicate an **indeterminate** activity the
-user cannot directly control or measure — loading, fetching, or waiting on an
-external system.
+`ActivityIndicator` communicates an **indeterminate** activity the user cannot
+directly control or measure — loading, fetching, or waiting on an external
+system.
+
+Use `ActivityIndicator` when the loading time or fraction of progress is
+unknown. If you know the fraction of progress (for example, "3 of 4 files
+uploaded"), use `ProgressBar` instead. A `ProgressIndicator` counterpart that
+will subsume `ProgressBar` under the new Indicators naming is forthcoming.
+
+## Design & usage guidelines
+
+The default `ActivityIndicator` size is `base` (44px) and can be used in most
+cases. The `small` size (28px) should be used on individual elements of an
+interface (e.g. inside a `Button` or `Card`) or when sitting next to short
+inline text.
+
+Layout is the consumer's responsibility — `ActivityIndicator` does not expose an
+`inline` prop. Place it inside your own flex / inline-block container, or pass a
+`style`, to control surrounding layout.
+
+## Accessibility
+
+`ActivityIndicator` announces itself to assistive technology on every platform:
+
+* `accessibilityRole="progressbar"` and `accessibilityState={{ busy: true }}`
+  mark the component as an ongoing indeterminate activity.
+* `accessibilityLabel` defaults to a localized `"Loading"` string via
+  `useAtlantisI18n("loading")`. Pass a custom `accessibilityLabel` to describe
+  the specific activity (e.g. `accessibilityLabel="Uploading file"`).
+* On mount and whenever the label changes, the component calls
+  `AccessibilityInfo.announceForAccessibility` so VoiceOver and TalkBack
+  announce the label once.
+
+The indicator is not focusable and is not in the accessibility navigation order
+beyond the mount-time announcement.
+
+### Reduced motion
+
+When the operating system reports the Reduce Motion accessibility setting, the
+indicator hides the rocking and rotating layers, repaints a single static ring
+in the icon foreground colour, and gently pulses its opacity so the indicator
+still reads as "busy" without rotational motion. Detection is reactive — the
+component responds to OS toggles without requiring a remount.
+
+## Cross-platform parity
+
+`ActivityIndicator` renders the same Material Design 3 three-layer indeterminate
+ring on iOS, Android, and web (`@jobber/components`). The visual identity,
+sizes, motion durations, and reduced-motion fallback are unified across
+platforms. Public prop names diverge to follow each platform's native
+conventions (`accessibilityLabel` here vs `ariaLabel` on web; `style` here vs
+`className` + `style` on web).
 
 Use `ActivityIndicator` when the loading time or fraction of progress is
 unknown. If you know the fraction of progress (for example, "3 of 4 files

package/dist/primitives/InputNumberExperimental/types.d.ts

@@ -52,6 +52,13 @@ export interface InputNumberExperimentalProps {
     readonly disabled?: boolean;
     /** When set, renders a styled error message below the field. */
     readonly error?: string;
+    /**
+     * Number formatting for the displayed value, forwarded verbatim to Base UI
+     * `NumberField`'s native `format`. Accepts standard `Intl.NumberFormatOptions`
+     * (e.g. `{ style: "currency", currency: "USD" }` or `{ maximumFractionDigits: 2 }`).
+     * When omitted, typed decimals are preserved without premature rounding.
+     */
+    readonly format?: Intl.NumberFormatOptions;
     readonly id?: string;
     /** Shrink-wrap the field to its content (auto width). */
     readonly inline?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.9.1-TAYLORtai-d66f381.7+d66f381a",
+  "version": "8.10.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -502,7 +502,7 @@
   "devDependencies": {
     "@apollo/client": "^3.7.10",
     "@csstools/postcss-global-data": "^1.0.3",
-    "@jobber/design": "0.101.2-TAYLORtai-d66f381.36+d66f381a",
+    "@jobber/design": "0.102.0",
     "@jobber/hooks": "2.21.0",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -556,5 +556,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "d66f381a234db282667b16457410aad2fee95214"
+  "gitHead": "fff8aa8019d89e4a0d517f1eb963c8442935a16d"
 }