Skip to content

Commit e181d72

Browse files
bennypowersbennypowers
authored
Merge 9e64b3a into a486b90 
2 parents a486b90 + 9e64b3a commit e181d72

File tree

15 files changed

+2319
-3266
lines changed

15 files changed

+2319
-3266
lines changed

‎elements/pf-accordion/demo/pf-accordion.html‎

Lines changed: 45 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,51 @@
1-
<article>
2-
<pf-accordion>
3-
<pf-accordion-header expanded>
4-
<h3>Level One - Item one</h3>
5-
</pf-accordion-header>
6-
<pf-accordion-panel>
7-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
8-
magna aliqua.</p>
9-
</pf-accordion-panel>
10-
<pf-accordion-header>
11-
<h3>Level One - Item two</h3>
12-
</pf-accordion-header>
13-
<pf-accordion-panel>
14-
<p>Vivamus et tortor sed arcu congue vehicula eget et diam. Praesent nec dictum lorem. Aliquam id diam ultrices,
15-
faucibus erat id, maximus nunc.</p>
16-
</pf-accordion-panel>
17-
<pf-accordion-header>
18-
<h3>Level One - Item three</h3>
19-
</pf-accordion-header>
20-
<pf-accordion-panel>
21-
<p>Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.</p>
22-
</pf-accordion-panel>
23-
<pf-accordion-header>
24-
<h3>Level One - Item four</h3>
25-
</pf-accordion-header>
26-
<pf-accordion-panel>
27-
<p>
28-
Donec vel posuere orci. Phasellus quis tortor a ex hendrerit efficitur. Aliquam lacinia ligula pharetra,
29-
sagittis ex ut, pellentesque diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
30-
cubilia Curae;
31-
Vestibulum ultricies nulla nibh. Etiam vel dui fermentum ligula ullamcorper eleifend non quis tortor. Morbi
32-
tempus ornare tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
33-
Mauris
34-
et velit neque. Donec ultricies condimentum mauris, pellentesque imperdiet libero convallis convallis. Aliquam
35-
erat volutpat. Donec rutrum semper tempus. Proin dictum imperdiet nibh, quis dapibus nulla. Integer sed
36-
tincidunt
37-
lectus, sit amet auctor eros.
38-
</p>
39-
</pf-accordion-panel>
40-
<pf-accordion-header>
41-
<h3>Level One - Item five</h3>
42-
</pf-accordion-header>
43-
<pf-accordion-panel>
44-
<p>Vivamus finibus dictum ex id ultrices. Mauris dictum neque a iaculis blandit.</p>
45-
</pf-accordion-panel>
46-
</pf-accordion>
47-
</article>
48-
49-
<link rel="stylesheet" href="acc-lightdom.css">
501

2+
<pf-accordion>
3+
<pf-accordion-header expanded>
4+
<h3>Level One - Item one</h3>
5+
</pf-accordion-header>
6+
<pf-accordion-panel>
7+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
8+
magna aliqua.</p>
9+
</pf-accordion-panel>
10+
<pf-accordion-header>
11+
<h3>Level One - Item two</h3>
12+
</pf-accordion-header>
13+
<pf-accordion-panel>
14+
<p>Vivamus et tortor sed arcu congue vehicula eget et diam. Praesent nec dictum lorem. Aliquam id diam ultrices,
15+
faucibus erat id, maximus nunc.</p>
16+
</pf-accordion-panel>
17+
<pf-accordion-header>
18+
<h3>Level One - Item three</h3>
19+
</pf-accordion-header>
20+
<pf-accordion-panel>
21+
<p>Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.</p>
22+
</pf-accordion-panel>
23+
<pf-accordion-header>
24+
<h3>Level One - Item four</h3>
25+
</pf-accordion-header>
26+
<pf-accordion-panel>
27+
<p>
28+
Donec vel posuere orci. Phasellus quis tortor a ex hendrerit efficitur. Aliquam lacinia ligula pharetra,
29+
sagittis ex ut, pellentesque diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
30+
cubilia Curae;
31+
Vestibulum ultricies nulla nibh. Etiam vel dui fermentum ligula ullamcorper eleifend non quis tortor. Morbi
32+
tempus ornare tempus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
33+
Mauris
34+
et velit neque. Donec ultricies condimentum mauris, pellentesque imperdiet libero convallis convallis. Aliquam
35+
erat volutpat. Donec rutrum semper tempus. Proin dictum imperdiet nibh, quis dapibus nulla. Integer sed
36+
tincidunt
37+
lectus, sit amet auctor eros.
38+
</p>
39+
</pf-accordion-panel>
40+
<pf-accordion-header>
41+
<h3>Level One - Item five</h3>
42+
</pf-accordion-header>
43+
<pf-accordion-panel>
44+
<p>Vivamus finibus dictum ex id ultrices. Mauris dictum neque a iaculis blandit.</p>
45+
</pf-accordion-panel>
46+
</pf-accordion>
5147

5248
<script type="module">
5349
import '@patternfly/elements/pf-accordion/pf-accordion.js';
5450
</script>
5551

56-
<style>
57-
article {
58-
margin-inline: 4em;
59-
}
60-
</style>

‎elements/pf-banner/demo/pf-banner.html‎

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,5 @@
11
<pf-banner>Default Banner</pf-banner>
2-
<pf-banner variant="info">Blue Banner</pf-banner>
3-
<pf-banner variant="danger">Red Banner</pf-banner>
4-
<pf-banner variant="success">Green Banner</pf-banner>
5-
<pf-banner variant="warning">Gold Banner</pf-banner>
62

73
<script type="module">
84
import '@patternfly/elements/pf-banner/pf-banner.js';
95
</script>
10-
11-
<style>
12-
pf-banner + pf-banner {
13-
margin-block-start: 1rem;
14-
}
15-
</style>

‎elements/pf-button/pf-button.ts‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,9 @@ export type ButtonVariant = (
2929
* actions a user can take in an application, like submitting a form, canceling a
3030
* process, or creating a new object. Buttons can also be used to take a user to a
3131
* new location, like another page inside of a web application, or an external site
32-
* such as help or documentation..
32+
* such as help or documentation.
33+
* @slot - Button text label
34+
* @slot icon - Button Icon, overrides `icon` attribute
3335
* @summary Allows users to perform an action when triggered
3436
* @cssprop {<length>} --pf-c-button--FontSize {@default `1rem`}
3537
* @cssprop --pf-c-button--FontWeight {@default `400`}

‎elements/pf-card/pf-card.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ export class PfCard extends LitElement {
9494
<div id="body"
9595
part="body"
9696
class="${classMap({ empty: this.#slots.isEmpty(null) })}">
97-
<slot></slot>
97+
<slot @slotchange=${() => this.requestUpdate()}></slot>
9898
</div>
9999
<footer id="footer"
100100
part="footer"

‎elements/pf-text-input/pf-text-input.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -251,7 +251,7 @@ export class PfTextInput extends LitElement {
251251
backgroundImage: `url('${this.customIconUrl}')`,
252252
backgroundSize: this.customIconDimensions,
253253
}))}">
254-
<span id="helper-text" ?hidden="${!this.helperText || valid}">${this.helperText}</span>
254+
<span id="helper-text" ?hidden="${!this.helperText}">${this.helperText}</span>
255255
<span id="error-text" ?hidden="${valid}">${this.#internals.validationMessage}</span>
256256
`;
257257
}

0 commit comments

Comments
 (0)