@jobber/components 9.16.3 → 9.16.4

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.
@@ -166,6 +166,13 @@ See
166
166
  [Actions in Banners](/storybook/mobile/?path=/story/components-status-and-feedback-banner--actions-in-banners)
167
167
  for an example.
168
168
 
169
+ ### Dismissal (mobile)
170
+
171
+ Set `dismissible` to render a dismiss button in the top-right corner of the
172
+ Banner. The dismiss button hides the Banner and calls `onDismiss` when pressed.
173
+ If the Banner also has an `action`, pressing the dismiss button does not trigger
174
+ the action.
175
+
169
176
  ## Component customization
170
177
 
171
178
  ### Composable usage
@@ -58,13 +58,10 @@ The indicator does not participate in the keyboard tab order.
58
58
 
59
59
  ### Reduced motion
60
60
 
61
- The width transition between `value` updates is intentionally **preserved**
62
- under
61
+ The width transition between `value` updates is disabled under
63
62
  [`prefers-reduced-motion: reduce`](https://developer.mozilla.org/docs/Web/CSS/@media/prefers-reduced-motion).
64
- The slide between progress values conveys functional information about progress,
65
- direction, and magnitude — it is exempt under
66
- [WCAG 2.3.3 ("Animation from Interactions")](https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html).
67
- Removing the transition would make progress harder to perceive, not easier.
63
+ The fill updates immediately to the new value, so current progress remains
64
+ visible without interpolation. The stepped variation does not animate.
68
65
 
69
66
  ## Relationship to ProgressBar
70
67
 
package/dist/styles.css CHANGED
@@ -15046,11 +15046,8 @@ input.oOrjwubmsVA- {
15046
15046
  * --color-interactive--subtle; track / empty segments use
15047
15047
  * --color-surface--active.
15048
15048
  *
15049
- * The width transition is intentionally preserved under
15050
- * prefers-reduced-motion: reduce because the slide between progress values
15051
- * conveys functional information about progress (WCAG 2.3.3, "Animation from
15052
- * Interactions"). Removing it would make progress harder to perceive, not
15053
- * easier.
15049
+ * The width transition is disabled when the user prefers reduced motion. The
15050
+ * fill still updates to the current value without interpolating between values.
15054
15051
  */
15055
15052
 
15056
15053
  /*
@@ -15103,6 +15100,12 @@ input.oOrjwubmsVA- {
15103
15100
  transition: width var(--timing-base) ease-out;
15104
15101
  }
15105
15102
 
15103
+ @media (prefers-reduced-motion: reduce) {
15104
+ .Hsuq8zT-KzY- {
15105
+ transition: none;
15106
+ }
15107
+ }
15108
+
15106
15109
  /* Stepped: the indicator IS the flex container; segments are direct children. */
15107
15110
  .FB1e9bL90tI- {
15108
15111
  display: -ms-flexbox;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "9.16.3",
3
+ "version": "9.16.4",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -553,5 +553,5 @@
553
553
  "> 1%",
554
554
  "IE 10"
555
555
  ],
556
- "gitHead": "8f831f66d1314ac6df0dd80e2e468841223b5cbd"
556
+ "gitHead": "df5ca5cd691c56be40fad67fae7ea644724656cc"
557
557
  }