@jobber/components 8.28.2 → 8.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -487,6 +487,7 @@ export function IconSizesExample() {
487
487
  | | `sidebar` |
488
488
  | | `signature` |
489
489
  | | `sneaker` |
490
+ | | `soundwave` |
490
491
  | | `sparkles` |
491
492
  | | `speaker` |
492
493
  | | `sprout` |
@@ -85,9 +85,21 @@ expected to consolidate `ProgressBar` onto `ProgressIndicator`.
85
85
 
86
86
  ## Mobile
87
87
 
88
- Mobile (`@jobber/components-native`) has its own `ProgressBar` with a richer
89
- API. The mobile `ProgressIndicator` counterpart is forthcoming as a separate
90
- deliverable.
88
+ Mobile (`@jobber/components-native`) ships its own `ProgressIndicator` with the
89
+ same `value` / `max` / `variation` / `size` surface. Two platform differences:
90
+
91
+ * The accessible label prop is `accessibilityLabel` (React Native's convention),
92
+ and the derived default follows the same percent / ratio templates. Styling
93
+ uses the `style` prop (there is no `className`).
94
+ * Mobile adds a **`pendingValue`** prop (mobile-only). It renders an additional
95
+ in-flight band beyond `value`, on the same scale as `value` and `max`, and is
96
+ **additive**: with `value={2}`, `pendingValue={3}`, `max={10}` the bar shows
97
+ 2/10 completed plus another 3/10 in flight (5/10 filled in total). It applies
98
+ to both the continuous and stepped variations, and adds a third derived label
99
+ template — `"{value} of {max}, {pendingValue} pending"`.
100
+
101
+ The mobile `ProgressBar` remains available and unchanged; new mobile code should
102
+ prefer `ProgressIndicator`.
91
103
 
92
104
 
93
105
  ## Props
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "8.28.2",
3
+ "version": "8.29.1",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -473,7 +473,7 @@
473
473
  "@types/lodash": "^4.14.136",
474
474
  "@types/react-router": "5.1.7",
475
475
  "@types/react-router-dom": "^5.3.3",
476
- "axios": "^1.11.0",
476
+ "axios": "^1.18.0",
477
477
  "classnames": "^2.3.2",
478
478
  "color": "^3.1.2",
479
479
  "filesize": "^6.1.0",
@@ -491,7 +491,7 @@
491
491
  "devDependencies": {
492
492
  "@apollo/client": "^3.7.10",
493
493
  "@csstools/postcss-global-data": "^1.0.3",
494
- "@jobber/design": "0.109.0",
494
+ "@jobber/design": "0.110.0",
495
495
  "@jobber/hooks": "2.21.0",
496
496
  "@rollup/plugin-alias": "^5.1.0",
497
497
  "@rollup/plugin-commonjs": "^25.0.7",
@@ -530,7 +530,7 @@
530
530
  "@jobber/design": "*",
531
531
  "@jobber/hooks": ">=2",
532
532
  "@tanstack/react-table": "^8",
533
- "axios": "^1.11.0",
533
+ "axios": "^1.18.0",
534
534
  "classnames": "^2",
535
535
  "color": "^4",
536
536
  "filesize": "^6",
@@ -545,5 +545,5 @@
545
545
  "> 1%",
546
546
  "IE 10"
547
547
  ],
548
- "gitHead": "879bbb072a470c876e4ee7e9a9757f5edb0f3b82"
548
+ "gitHead": "a9b32a282f2f70d07b99600c8ce8dfdd2d6e3db9"
549
549
  }