@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
|
|
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
|
|
65
|
-
|
|
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
|
|
15050
|
-
*
|
|
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
|
+
"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": "
|
|
556
|
+
"gitHead": "df5ca5cd691c56be40fad67fae7ea644724656cc"
|
|
557
557
|
}
|