@aurodesignsystem-dev/auro-skeleton 0.0.0-pr71.0 → 0.0.0-pr71.2

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.
Files changed (5) hide show
  1. package/demo/api.html +1 -1
  2. package/demo/api.md +18 -19
  3. package/demo/auro-skeleton.min.js +1 -2
  4. package/demo/index.html +1 -1
  5. package/package.json +8 -3
package/demo/api.html CHANGED
@@ -51,6 +51,6 @@
51
51
  <script type="module" data-demo-script="true" src="./api.min.js"></script>
52
52
 
53
53
  <!-- If additional elements are needed for the demo, add them here. -->
54
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
54
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
55
55
  </body>
56
56
  </html>
package/demo/api.md CHANGED
@@ -7,15 +7,15 @@ The `auro-skeleton` element provides users a way to indicate the loading of asyn
7
7
 
8
8
  ### Properties & Attributes
9
9
 
10
- | Properties | Attributes | Modifiers | Type | Default | Description |
11
- | ---------- | ---------- | --------- | --------------------------------- | ----------- | ------------------------------------------- |
12
- | shape | shape | | `circle` \| `oval` \| `rectangle` | `rectangle` | Renders a circle, oval, or rectangle loader |
10
+ | Properties | Attributes | Modifiers | Type | Default | Description |
11
+ | ---------- | ---------- | --------- | --------------------------------- | ------- | ------------------------------------------- |
12
+ | shape | shape | | `circle` \| `oval` \| `rectangle` | | Renders a circle, oval, or rectangle loader |
13
13
 
14
14
  ### Methods
15
15
 
16
- | Name | Parameters | Return | Description |
17
- | -------- | ------------------------------------------------------------------- | ------ | ------------------------------------------------- |
18
- | register | `name` (string) - The name of element that you want to register to. | | This will register this element with the browser. |
16
+ | Name | Parameters | Return | Description |
17
+ | -------- | -------------------------------------------------------------------- | ------ | ------------------------------------------------- |
18
+ | register | `name` (string) - The name of the element that you want to register. | | This will register this element with the browser. |
19
19
  <!-- AURO-GENERATED-CONTENT:END -->
20
20
 
21
21
  ## Basic
@@ -46,8 +46,8 @@ The `<auro-skeleton>` element makes use of a single `shape` to control its appea
46
46
  ### Circle
47
47
 
48
48
  <div class="exampleWrapper">
49
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/api-shape-circle.html) -->
50
- <!-- The below content is automatically added from ../apiExamples/api-shape-circle.html -->
49
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/circle.html) -->
50
+ <!-- The below content is automatically added from ../apiExamples/circle.html -->
51
51
  <auro-skeleton shape="circle" style="width: 40px; height: 40px"></auro-skeleton>
52
52
  <auro-skeleton shape="circle" style="width: 100px; height: 100px"></auro-skeleton>
53
53
  <auro-skeleton shape="circle" style="width: 300px; height: 300px"></auro-skeleton>
@@ -55,8 +55,8 @@ The `<auro-skeleton>` element makes use of a single `shape` to control its appea
55
55
  </div>
56
56
  <auro-accordion alignRight>
57
57
  <span slot="trigger">See code</span>
58
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/api-shape-circle.html) -->
59
- <!-- The below code snippet is automatically added from ../apiExamples/api-shape-circle.html -->
58
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/circle.html) -->
59
+ <!-- The below code snippet is automatically added from ../apiExamples/circle.html -->
60
60
 
61
61
  ```html
62
62
  <auro-skeleton shape="circle" style="width: 40px; height: 40px"></auro-skeleton>
@@ -69,8 +69,8 @@ The `<auro-skeleton>` element makes use of a single `shape` to control its appea
69
69
  ### Oval
70
70
 
71
71
  <div class="exampleWrapper">
72
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/api-shape-oval.html) -->
73
- <!-- The below content is automatically added from ../apiExamples/api-shape-oval.html -->
72
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/oval.html) -->
73
+ <!-- The below content is automatically added from ../apiExamples/oval.html -->
74
74
  <auro-skeleton shape="oval" style="width: 80px; height: 40px"></auro-skeleton>
75
75
  <auro-skeleton shape="oval" style="width: 200px; height: 100px;"></auro-skeleton>
76
76
  <auro-skeleton shape="oval" style="width: 600px; height: 300px"></auro-skeleton>
@@ -78,8 +78,8 @@ The `<auro-skeleton>` element makes use of a single `shape` to control its appea
78
78
  </div>
79
79
  <auro-accordion alignRight>
80
80
  <span slot="trigger">See code</span>
81
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/api-shape-oval.html) -->
82
- <!-- The below code snippet is automatically added from ../apiExamples/api-shape-oval.html -->
81
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/oval.html) -->
82
+ <!-- The below code snippet is automatically added from ../apiExamples/oval.html -->
83
83
 
84
84
  ```html
85
85
  <auro-skeleton shape="oval" style="width: 80px; height: 40px"></auro-skeleton>
@@ -92,8 +92,8 @@ The `<auro-skeleton>` element makes use of a single `shape` to control its appea
92
92
  ### Rectangle
93
93
 
94
94
  <div class="exampleWrapper">
95
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/api-shape-rectangle.html) -->
96
- <!-- The below content is automatically added from ../apiExamples/api-shape-rectangle.html -->
95
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/rectangle.html) -->
96
+ <!-- The below content is automatically added from ../apiExamples/rectangle.html -->
97
97
  <auro-skeleton shape="rectangle" style="width: 100px; height: 50px"></auro-skeleton>
98
98
  <auro-skeleton shape="rectangle" style="width: 400px; height: 150px"></auro-skeleton>
99
99
  <auro-skeleton shape="rectangle" style="width: 800px; height: 300px"></auro-skeleton>
@@ -101,8 +101,8 @@ The `<auro-skeleton>` element makes use of a single `shape` to control its appea
101
101
  </div>
102
102
  <auro-accordion alignRight>
103
103
  <span slot="trigger">See code</span>
104
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/api-shape-rectangle.html) -->
105
- <!-- The below code snippet is automatically added from ../apiExamples/api-shape-rectangle.html -->
104
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/rectangle.html) -->
105
+ <!-- The below code snippet is automatically added from ../apiExamples/rectangle.html -->
106
106
 
107
107
  ```html
108
108
  <auro-skeleton shape="rectangle" style="width: 100px; height: 50px"></auro-skeleton>
@@ -187,7 +187,6 @@ Use your imagination. Wherever data can be placed, an `<auro-skeleton>` element
187
187
 
188
188
  The component may be restyled by changing the values of the following token(s).
189
189
 
190
- <!-- Remove section if component does not have any component specific tokens -->
191
190
  <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../src/styles/tokens.scss) -->
192
191
  <!-- The below code snippet is automatically added from ./../src/styles/tokens.scss -->
193
192
 
package/demo/auro-skeleton.min.js CHANGED
@@ -143,7 +143,6 @@ class AuroSkeleton extends i {
143
143
  /**
144
144
  * Renders a circle, oval, or rectangle loader
145
145
  * @type {'circle' | 'oval' | 'rectangle'}
146
- * @default 'rectangle'
147
146
  */
148
147
  shape: {
149
148
  type: String,
@@ -157,7 +156,7 @@ class AuroSkeleton extends i {
157
156
 
158
157
  /**
159
158
  * This will register this element with the browser.
160
- * @param {string} [name="auro-skeleton"] - The name of element that you want to register to.
159
+ * @param {string} [name="auro-skeleton"] - The name of the element that you want to register.
161
160
  *
162
161
  * @example
163
162
  * AuroSkeleton.register("custom-skeleton") // this will register this element to <custom-skeleton/>
package/demo/index.html CHANGED
@@ -51,6 +51,6 @@
51
51
  <script type="module" data-demo-script="true" src="./index.min.js"></script>
52
52
 
53
53
  <!-- If additional elements are needed for the demo, add them here. -->
54
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
54
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
55
55
  </body>
56
56
  </html>
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "================================================================================"
8
8
  ],
9
9
  "name": "@aurodesignsystem-dev/auro-skeleton",
10
- "version": "0.0.0-pr71.0",
10
+ "version": "0.0.0-pr71.2",
11
11
  "description": "auro-skeleton HTML custom element",
12
12
  "repository": {
13
13
  "type": "git",
@@ -24,7 +24,7 @@
24
24
  "lit": "^3.3.1"
25
25
  },
26
26
  "devDependencies": {
27
- "@aurodesignsystem/auro-cli": "^3.4.2",
27
+ "@aurodesignsystem/auro-cli": "^3.5.0",
28
28
  "@aurodesignsystem/auro-config": "^1.3.1",
29
29
  "@aurodesignsystem/auro-library": "^5.5.4",
30
30
  "@aurodesignsystem/design-tokens": "^8.7.0",
@@ -62,7 +62,12 @@
62
62
  "exports": {
63
63
  "./package.json": "./package.json",
64
64
  "./readme.md": "./README.md",
65
- ".": "./dist/registered.js",
65
+ "./custom-elements.json": "./custom-elements.json",
66
+ ".": {
67
+ "module": "./dist/registered.js",
68
+ "types": "./dist/index.d.ts",
69
+ "default": "./dist/registered.js"
70
+ },
66
71
  "./demo/*.md": "./demo/*.md",
67
72
  "./demo/*.js": "./demo/*.min.js",
68
73
  "./class": {