Skip to content

Commit 2f096c6

Browse files
chubara62372chubara62372
committed
fix(alert): fix alert new files -no --verfy
1 parent 1837fcd commit 2f096c6

15 files changed

+249
-249
lines changed

‎elements/pf-alert/demo/alert-examples.html‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<div class="alerts-page">
22

3-
<pf-alert variant="default">
3+
<pf-alert variant="neutral">
44
<h3 slot="title">Custom alert title</h3>
55
</pf-alert>
66

@@ -23,8 +23,6 @@ <h3 slot="title">Danger alert title</h3>
2323

2424
<script type="module">
2525
import '@patternfly/elements/pf-alert/pf-alert.js';
26-
import '@patternfly/elements/pf-icon/pf-icon.js';
27-
2826
</script>
2927
<style>
3028
.alerts-page pf-alert::part(container) {

‎elements/pf-alert/demo/alert-timeout.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,4 @@
44
<script type="module">
55
import '@patternfly/elements/pf-alert/pf-alert.js';
66
import '@patternfly/elements/pf-button/pf-button.js';
7-
import '@patternfly/elements/pf-icon/pf-icon.js';
87
</script>

‎elements/pf-alert/demo/alert-variations.html‎

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,10 @@
11
<div class="alerts-page">
22

33
<pf-alert variant="success">
4-
<pf-icon icon="check-circle" slot="icon"></pf-icon>
54
<h3 slot="title">Success alert title</h3>
65
<p>Success alert description. This should tell the user more information about the alert.</p>
7-
<div slot="actionLinks">
86
<pf-button variant="link" data-action="view-details">View details</pf-button>
97
<pf-button variant="link" data-action="ignore">Ignore</pf-button>
10-
</div>
118
</pf-alert>
129

1310
<pf-alert variant="success">
@@ -19,23 +16,19 @@ <h3 slot="title">Success alert title</h3>
1916
</pf-alert>
2017

2118
<pf-alert variant="success">
22-
<pf-icon icon="check-circle" slot="icon"></pf-icon>
2319
<h3 slot="title">Success alert title</h3>
2420
<p>Short alert description.</p>
25-
<pf-icon icon="times" slot="actionClose"></pf-icon>
2621
</pf-alert>
2722

2823
<pf-alert variant="success">
29-
<pf-icon icon="check-circle" slot="icon"></pf-icon>
3024
<h3 slot="title">div success alert title</h3>
3125
</pf-alert>
3226

3327
<pf-alert variant="success">
34-
<pf-icon icon="check-circle" slot="icon"></pf-icon>
3528
<h3 slot="title">h6 Success alert title</h3>
3629
<p>Short alert description.</p>
3730
</pf-alert>
38-
31+
3932
</div>
4033

4134
<script type="module">

‎elements/pf-alert/demo/custom-icons.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<div class="alerts-page">
2+
3+
<pf-alert variant="neutral">
4+
<pf-icon icon="users" slot="icon"></pf-icon>
5+
<h3 slot="title">Default alert title</h3>
6+
</pf-alert>
7+
8+
<pf-alert variant="info">
9+
<pf-icon icon="box" slot="icon"></pf-icon>
10+
<h3 slot="title">Info alert title</h3>
11+
</pf-alert>
12+
13+
<pf-alert variant="success">
14+
<pf-icon icon="database" slot="icon"></pf-icon>
15+
<h3 slot="title">Success alert title</h3>
16+
</pf-alert>
17+
18+
<pf-alert variant="warning">
19+
<pf-icon icon="server" slot="icon"></pf-icon>
20+
<h3 slot="title">Warning alert title</h3>
21+
</pf-alert>
22+
23+
<pf-alert variant="danger">
24+
<pf-icon icon="laptop" slot="icon"></pf-icon>
25+
<h3 slot="title">Danger alert title</h3>
26+
</pf-alert>
27+
</div>
28+
29+
<script type="module">
30+
import '@patternfly/elements/pf-alert/pf-alert.js';
31+
</script>
32+
<style>
33+
.alerts-page pf-alert::part(container) {
34+
background-color: #fff;
35+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
36+
}
37+
</style>

‎elements/pf-alert/demo/expandable-alerts.html‎

Lines changed: 14 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,26 @@
1-
<pf-alert variant="success">
2-
<pf-icon icon="check-circle" slot="icon"></pf-icon>
3-
<h3 slot="title">Success alert title</h3>
4-
<p>Success alert description. This should tell the user more information about the alert.</p>
5-
<pf-icon icon="times" slot="actionClose"></pf-icon>
6-
</pf-alert>
1+
<div class="alerts-page">
2+
<pf-alert variant="success">
3+
<h3 slot="title">Success alert title</h3>
4+
<p>Success alert description. This should tell the user more information about the alert.</p>
5+
</pf-alert>
6+
</div>
7+
78

89
<pf-alert variant="success">
9-
<pf-icon icon="check-circle" slot="icon"></pf-icon>
1010
<h3 slot="title">Success alert title</h3>
1111
<p>Success alert description. This should tell the user more information about the alert.</p>
12-
<div slot="actionLinks">
13-
<pf-button variant="link" data-action="view-details">View details</pf-button>
14-
<pf-button variant="link" data-action="ignore">Ignore</pf-button>
15-
</div>
12+
<pf-button variant="link" data-action="view-details">View details</pf-button>
13+
<pf-button variant="link" data-action="ignore">Ignore</pf-button>
1614
</pf-alert>
1715

1816
<script type="module">
1917
import '@patternfly/elements/pf-alert/pf-alert.js';
18+
import '@patternfly/elements/pf-button/pf-button.js';
2019
</script>
2120

2221
<style>
23-
.alerts-page pf-alert::part(container) {
24-
background-color: #fff;
25-
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
26-
}
22+
.alerts-page pf-alert::part(container) {
23+
background-color: #fff;
24+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
25+
}
2726
</style>

‎elements/pf-alert/demo/inline-alert-v.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<pf-alert variant="success" inline>
2+
<h3 slot="title">Success alert title</h3>
3+
<p>Success alert description. This should tell the user more information about the alert.</p>
4+
<pf-button variant="link" data-action="view-details">View details</pf-button>
5+
<pf-button variant="link" data-action="ignore">Ignore</pf-button>
6+
</pf-alert>
7+
8+
<pf-alert variant="success" inline>
9+
<h3 slot="title">Success alert title</h3>
10+
<p>
11+
Success alert description. This should tell the user more information about the alert.
12+
<a href="#">This is a link.</a>
13+
</p>
14+
</pf-alert>
15+
16+
<pf-alert variant="success" inline>
17+
<h3 slot="title">Success alert title</h3>
18+
<p>Short alert description.</p>
19+
</pf-alert>
20+
21+
<pf-alert variant="success" >
22+
<div slot="title">div success alert title</div>
23+
</pf-alert>
24+
25+
<pf-alert variant="success" >
26+
<h6 slot="title">h6 Success alert title</h6>
27+
<p>Short alert description.</p>
28+
</pf-alert>
29+
30+
<script type="module">
31+
import '@patternfly/elements/pf-alert/pf-alert.js';
32+
import '@patternfly/elements/pf-button/pf-button.js';
33+
</script>
34+
35+
<style>
36+
37+
</style>

‎elements/pf-alert/demo/inline-alert-variants.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
2+
<pf-alert variant="neutral">
3+
<h3 slot="title">Custom inline alert title</h3>
4+
</pf-alert>
5+
6+
<pf-alert variant="info">
7+
<h3 slot="title">Info inline alert title</h3>
8+
</pf-alert>
9+
10+
<pf-alert variant="success">
11+
<h3 slot="title">Success inline alert title</h3>
12+
</pf-alert>
13+
14+
<pf-alert variant="warning">
15+
<h3 slot="title">Warning inline alert title</h3>
16+
</pf-alert>
17+
18+
<pf-alert variant="danger">
19+
<h3 slot="title">Danger inline alert title</h3>
20+
</pf-alert>
21+
22+
<script type="module">
23+
import '@patternfly/elements/pf-alert/pf-alert.js';
24+
import '@patternfly/elements/pf-icon/pf-icon.js';
25+
26+
</script>
27+
<style>
28+
29+
</style>

‎elements/pf-alert/demo/inline-variations.html‎

Lines changed: 0 additions & 78 deletions
This file was deleted.

‎elements/pf-alert/demo/plain-inline-alert-variations.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<div class="alerts-page">
2+
3+
<pf-alert variant="neutral">
4+
<h3 slot="title">Custom inline alert title</h3>
5+
</pf-alert>
6+
7+
<pf-alert variant="info">
8+
<h3 slot="title">Info inline alert title</h3>
9+
</pf-alert>
10+
11+
<pf-alert variant="success">
12+
<h3 slot="title">Success inline alert title</h3>
13+
</pf-alert>
14+
15+
<pf-alert variant="warning">
16+
<h3 slot="title">Warning inline alert title</h3>
17+
</pf-alert>
18+
19+
<pf-alert variant="danger">
20+
<h3 slot="title">Danger inline alert title</h3>
21+
</pf-alert>
22+
</div>
23+
24+
<script type="module">
25+
import '@patternfly/elements/pf-alert/pf-alert.js';
26+
import '@patternfly/elements/pf-icon/pf-icon.js';
27+
28+
</script>
29+
<style>
30+
.alerts-page pf-alert::part(container) {
31+
background-color: #fff;
32+
border-width: 0;
33+
margin-bottom: 0;
34+
padding-bottom: 0.5rem;
35+
padding-top: 0.5rem;
36+
}
37+
</style>

‎elements/pf-alert/demo/plain-inline-alert.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<div class="alerts-page">
2+
<pf-alert variant="success">
3+
<h3 slot="title">Success alert title</h3>
4+
<p>Success alert description. This should tell the user more information about the alert.</p>
5+
</pf-alert>
6+
</div>
7+
8+
9+
<script type="module">
10+
import '@patternfly/elements/pf-alert/pf-alert.js';
11+
import '@patternfly/elements/pf-icon/pf-icon.js';
12+
13+
</script>
14+
<style>
15+
.alerts-page pf-alert::part(container) {
16+
background-color: #fff;
17+
border-width: 0;
18+
margin-bottom: 0;
19+
padding-bottom: 0.5rem;
20+
padding-top: 0.5rem;
21+
}
22+
</style>

0 commit comments

Comments
 (0)