@aurodesignsystem-dev/auro-loader 0.0.0-pr77.0 → 0.0.0-pr77.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.
- package/demo/api.md +5 -3
- package/demo/auro-loader.min.js +1 -1
- package/package.json +1 -1
package/demo/api.md
CHANGED
|
@@ -29,9 +29,9 @@ The auro-loader element is an easy to use animated loader component.
|
|
|
29
29
|
|
|
30
30
|
### Slots
|
|
31
31
|
|
|
32
|
-
| Name | Description
|
|
33
|
-
| ----------- |
|
|
34
|
-
| staticLabel | Slot for text that replaces `auro-loader` component when user has
|
|
32
|
+
| Name | Description |
|
|
33
|
+
| ----------- | ----------------------------------------------------------------------------------------------------------- |
|
|
34
|
+
| staticLabel | Slot for text that replaces `auro-loader` component when user has the "Reduce Motion" a11y feature enabled. |
|
|
35
35
|
|
|
36
36
|
### CSS Shadow Parts
|
|
37
37
|
|
|
@@ -309,6 +309,8 @@ Use the `ringworm` property for the desired animated loader.
|
|
|
309
309
|
Use the `staticLabel` slot to provide custom text that replaces the `auro-loader` component when the user has the `prefers-reduced-motion` accessibility feature enabled.
|
|
310
310
|
The default text is `Loading...`
|
|
311
311
|
|
|
312
|
+
In order to see the example in action, please enable your system's "Reduce Motion" accessibility setting.
|
|
313
|
+
|
|
312
314
|
<div class="exampleWrapper">
|
|
313
315
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/staticLabel.html) -->
|
|
314
316
|
<!-- The below content is automatically added from ../apiExamples/staticLabel.html -->
|
package/demo/auro-loader.min.js
CHANGED
|
@@ -127,7 +127,7 @@ var tokensCss = i$3`:host{--ds-auro-loader-background-color: currentcolor;--ds-a
|
|
|
127
127
|
* @attr {Boolean} sm - Sets size to small.
|
|
128
128
|
* @attr {Boolean} md - Sets size to medium.
|
|
129
129
|
* @attr {Boolean} lg - Sets size to large.
|
|
130
|
-
* @slot staticLabel - Slot for text that replaces `auro-loader` component when user has
|
|
130
|
+
* @slot staticLabel - Slot for text that replaces `auro-loader` component when user has the "Reduce Motion" a11y feature enabled.
|
|
131
131
|
* @csspart element - Apply style to adjust speed of animation.
|
|
132
132
|
*/
|
|
133
133
|
class AuroLoader extends i {
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"================================================================================"
|
|
8
8
|
],
|
|
9
9
|
"name": "@aurodesignsystem-dev/auro-loader",
|
|
10
|
-
"version": "0.0.0-pr77.
|
|
10
|
+
"version": "0.0.0-pr77.1",
|
|
11
11
|
"description": "auro-loader HTML custom element",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|