@aurodesignsystem-dev/auro-alert 0.0.0-pr104.3 → 0.0.0-pr104.5
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 +15 -8
- package/demo/index.html +1 -1
- package/demo/index.md +7 -4
- package/package.json +1 -1
package/demo/api.md
CHANGED
|
@@ -43,10 +43,13 @@
|
|
|
43
43
|
</div>
|
|
44
44
|
<auro-accordion alignRight>
|
|
45
45
|
<span slot="trigger">See code</span>
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
46
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
|
|
47
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
|
|
48
|
+
|
|
49
|
+
```html
|
|
50
|
+
<auro-alert>This is a default error with no error type specified.</auro-alert>
|
|
51
|
+
```
|
|
52
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
50
53
|
</auro-accordion>
|
|
51
54
|
|
|
52
55
|
## Property & Attribute Examples
|
|
@@ -132,8 +135,9 @@ Use the `noIcon` attribute to remove the icon from the alert UI when the `type`
|
|
|
132
135
|
</div>
|
|
133
136
|
<auro-accordion alignRight>
|
|
134
137
|
<span slot="trigger">See code</span>
|
|
135
|
-
<!-- AURO-GENERATED-CONTENT:START (
|
|
136
|
-
<!-- The below
|
|
138
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/type-noicon.html) -->
|
|
139
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/type-noicon.html -->
|
|
140
|
+
```html
|
|
137
141
|
<auro-alert noIcon type="error">Transaction failed.</auro-alert>
|
|
138
142
|
<br />
|
|
139
143
|
<auro-alert noIcon type="information">You are confirmed on Flight 20 to Aruba.</auro-alert>
|
|
@@ -141,6 +145,7 @@ Use the `noIcon` attribute to remove the icon from the alert UI when the `type`
|
|
|
141
145
|
<auro-alert noIcon type="success">Your status with flight 20 to Aruba had been updated.</auro-alert>
|
|
142
146
|
<br />
|
|
143
147
|
<auro-alert noIcon type="warning">Warning. Session timed out. Look for a confirmation email to verify your transaction.</auro-alert>
|
|
148
|
+
```
|
|
144
149
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
145
150
|
</auro-accordion>
|
|
146
151
|
|
|
@@ -162,8 +167,9 @@ Use the `type` attribute to apply an icon and border color that match the alert
|
|
|
162
167
|
</div>
|
|
163
168
|
<auro-accordion alignRight>
|
|
164
169
|
<span slot="trigger">See code</span>
|
|
165
|
-
<!-- AURO-GENERATED-CONTENT:START (
|
|
166
|
-
<!-- The below
|
|
170
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/type.html) -->
|
|
171
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/type.html -->
|
|
172
|
+
```html
|
|
167
173
|
<auro-alert type="error">Transaction failed.</auro-alert>
|
|
168
174
|
<br />
|
|
169
175
|
<auro-alert type="information">You are confirmed on Flight 20 to Aruba.</auro-alert>
|
|
@@ -171,6 +177,7 @@ Use the `type` attribute to apply an icon and border color that match the alert
|
|
|
171
177
|
<auro-alert type="success">Your status with flight 20 to Aruba had been updated.</auro-alert>
|
|
172
178
|
<br />
|
|
173
179
|
<auro-alert type="warning">Warning. Session timed out. Look for a confirmation email to verify your transaction.</auro-alert>
|
|
180
|
+
```
|
|
174
181
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
175
182
|
</auro-accordion>
|
|
176
183
|
|
package/demo/index.html
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
|
|
22
22
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
|
|
23
23
|
</head>
|
|
24
|
-
<body
|
|
24
|
+
<body class="auro-markdown">
|
|
25
25
|
<main></main>
|
|
26
26
|
|
|
27
27
|
<script type="module">
|
package/demo/index.md
CHANGED
|
@@ -30,8 +30,11 @@ The `auro-alert` element should be used:
|
|
|
30
30
|
</div>
|
|
31
31
|
<auro-accordion alignRight>
|
|
32
32
|
<span slot="trigger">See code</span>
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
|
|
34
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
|
|
35
|
+
|
|
36
|
+
```html
|
|
37
|
+
<auro-alert>This is a default error with no error type specified.</auro-alert>
|
|
38
|
+
```
|
|
39
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
37
40
|
</auro-accordion>
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"================================================================================"
|
|
9
9
|
],
|
|
10
10
|
"name": "@aurodesignsystem-dev/auro-alert",
|
|
11
|
-
"version": "0.0.0-pr104.
|
|
11
|
+
"version": "0.0.0-pr104.5",
|
|
12
12
|
"description": "auro-alert HTML custom element",
|
|
13
13
|
"repository": {
|
|
14
14
|
"type": "git",
|