@aurodesignsystem-dev/auro-loader 0.0.0-pr77.0 → 0.0.0-pr77.2

package/demo/api.md

@@ -29,9 +29,9 @@ The auro-loader element is an easy to use animated loader component.
 
 ### Slots
 
-| Name        | Description                                                                                                      |
-| ----------- | ---------------------------------------------------------------------------------------------------------------- |
-| staticLabel | Slot for text that replaces `auro-loader` component when user has `prefers-reduced-motion` a11y feature enabled. |
+| Name      | Description                                                                                                         |
+| --------- | ------------------------------------------------------------------------------------------------------------------- |
+| (default) | Default slot for text that replaces `auro-loader` component when user has the "Reduce Motion" a11y feature enabled. |
 
 ### CSS Shadow Parts
 
@@ -309,13 +309,15 @@ Use the `ringworm` property for the desired animated loader.
 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.
 The default text is `Loading...`
 
+In order to see the example in action, please enable your system's "Reduce Motion" accessibility setting.
+
 <div class="exampleWrapper">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/staticLabel.html) -->
   <!-- The below content is automatically added from ../apiExamples/staticLabel.html -->
-  <auro-loader ringworm><span slot="staticLabel">Ringworm</span></auro-loader>
-  <auro-loader orbit><span slot="staticLabel">Orbit</span></auro-loader>
-  <auro-loader pulse><span slot="staticLabel">Pulse</span></auro-loader>
-  <auro-loader laser><span slot="staticLabel">Laser</span></auro-loader>
+  <auro-loader ringworm>Ringworm</auro-loader>
+  <auro-loader orbit>Orbit</auro-loader>
+  <auro-loader pulse>Pulse</auro-loader>
+  <auro-loader laser>Laser</auro-loader>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 <auro-accordion alignRight>
@@ -324,10 +326,10 @@ The default text is `Loading...`
 <!-- The below code snippet is automatically added from ../apiExamples/staticLabel.html -->
 
 ```html
-<auro-loader ringworm><span slot="staticLabel">Ringworm</span></auro-loader>
-<auro-loader orbit><span slot="staticLabel">Orbit</span></auro-loader>
-<auro-loader pulse><span slot="staticLabel">Pulse</span></auro-loader>
-<auro-loader laser><span slot="staticLabel">Laser</span></auro-loader>
+<auro-loader ringworm>Ringworm</auro-loader>
+<auro-loader orbit>Orbit</auro-loader>
+<auro-loader pulse>Pulse</auro-loader>
+<auro-loader laser>Laser</auro-loader>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>

package/demo/auro-loader.min.js

@@ -127,7 +127,7 @@ var tokensCss = i$3`:host{--ds-auro-loader-background-color: currentcolor;--ds-a
  * @attr {Boolean} sm - Sets size to small.
  * @attr {Boolean} md - Sets size to medium.
  * @attr {Boolean} lg - Sets size to large.
- * @slot staticLabel - Slot for text that replaces `auro-loader` component when user has `prefers-reduced-motion` a11y feature enabled.
+ * @slot - Default slot for text that replaces `auro-loader` component when user has the "Reduce Motion" a11y feature enabled.
  * @csspart element - Apply style to adjust speed of animation.
  */
 class AuroLoader extends i {
@@ -264,7 +264,7 @@ class AuroLoader extends i {
       )}
 
       <div class="no-animation body-default">
-        <slot name="staticLabel">Loading...</slot>
+        <slot>Loading...</slot>
       </div>
 
       ${

package/dist/{auro-loader-dq6wN7xg.js → auro-loader-CQmwU8CR.js}

@@ -7,7 +7,7 @@ import{css as e,LitElement as s,html as a}from"lit";class t{registerComponent(e,
       `)}
 
       <div class="no-animation body-default">
-        <slot name="staticLabel">Loading...</slot>
+        <slot>Loading...</slot>
       </div>
 
       ${this.ringworm?a`

package/dist/index.d.ts

@@ -9,7 +9,7 @@ class t{registerComponent(e,s){customElements.get(e)||customElements.define(e,cl
       `)}
 
       <div class="no-animation body-default">
-        <slot name="staticLabel">Loading...</slot>
+        <slot>Loading...</slot>
       </div>
 
       ${this.ringworm?html`

package/dist/index.js

@@ -1 +1 @@
-export{A as AuroLoader}from"./auro-loader-dq6wN7xg.js";import"lit";
+export{A as AuroLoader}from"./auro-loader-CQmwU8CR.js";import"lit";

package/dist/registered.js

@@ -1 +1 @@
-import{A as r}from"./auro-loader-dq6wN7xg.js";import"lit";r.register();
+import{A as r}from"./auro-loader-CQmwU8CR.js";import"lit";r.register();

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-loader",
-  "version": "0.0.0-pr77.0",
+  "version": "0.0.0-pr77.2",
   "description": "auro-loader HTML custom element",
   "repository": {
     "type": "git",