From b6b32afe9a22e92972293d849033e7f8e180c696 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Mon, 11 May 2026 21:22:49 -0400 Subject: [PATCH 01/11] feat(banner): add pf-v6-banner --- .gitignore | 1 + elements/pf-v6-banner/demo/basic.html | 23 +++ elements/pf-v6-banner/demo/index.html | 9 ++ elements/pf-v6-banner/demo/status.html | 39 +++++ elements/pf-v6-banner/demo/sticky.html | 50 +++++++ elements/pf-v6-banner/pf-v6-banner.css | 188 +++++++++++++++++++++++++ elements/pf-v6-banner/pf-v6-banner.ts | 87 ++++++++++++ 7 files changed, 397 insertions(+) create mode 100644 elements/pf-v6-banner/demo/basic.html create mode 100644 elements/pf-v6-banner/demo/index.html create mode 100644 elements/pf-v6-banner/demo/status.html create mode 100644 elements/pf-v6-banner/demo/sticky.html create mode 100644 elements/pf-v6-banner/pf-v6-banner.css create mode 100644 elements/pf-v6-banner/pf-v6-banner.ts diff --git a/.gitignore b/.gitignore index db944ad73f..278d51f110 100644 --- a/.gitignore +++ b/.gitignore @@ -105,6 +105,7 @@ core/pfe-core/demo/* # AI .claude/settings.local.json +.claude/worktrees # Temp files *~ diff --git a/elements/pf-v6-banner/demo/basic.html b/elements/pf-v6-banner/demo/basic.html new file mode 100644 index 0000000000..91a4c58891 --- /dev/null +++ b/elements/pf-v6-banner/demo/basic.html @@ -0,0 +1,23 @@ +--- +name: Basic +description: Banners can be styled with one of 9 different colors. A basic banner should only be used when the banner color does not represent status or severity. +--- +Default banner +Red banner +Orangered banner +Orange banner +Yellow banner +Green banner +Teal banner +Blue banner +Purple banner + + + + diff --git a/elements/pf-v6-banner/demo/index.html b/elements/pf-v6-banner/demo/index.html new file mode 100644 index 0000000000..462905d585 --- /dev/null +++ b/elements/pf-v6-banner/demo/index.html @@ -0,0 +1,9 @@ +--- +name: Default +description: A default banner communicates a short snippet of information. +--- +Default banner + + diff --git a/elements/pf-v6-banner/demo/status.html b/elements/pf-v6-banner/demo/status.html new file mode 100644 index 0000000000..21686c2c72 --- /dev/null +++ b/elements/pf-v6-banner/demo/status.html @@ -0,0 +1,39 @@ +--- +name: Status +description: When a banner conveys status, use the status attribute. Include an icon and screen-reader-text for accessibility. +--- + + + Success banner + + + + + Warning banner + + + + + Danger banner + + + + + Info banner + + + + + Custom banner + + + + + diff --git a/elements/pf-v6-banner/demo/sticky.html b/elements/pf-v6-banner/demo/sticky.html new file mode 100644 index 0000000000..3af89c14fa --- /dev/null +++ b/elements/pf-v6-banner/demo/sticky.html @@ -0,0 +1,50 @@ +--- +name: Sticky +description: A sticky banner stays fixed at the top of its container as content scrolls. +--- +Sticky banner +
+

The Open Source Definition

+

https://opensource.org/osd/

+ +

Introduction

+

Open source doesn't just mean access to the source code. The distribution + terms of open-source software must comply with the following criteria:

+ +

1. Free Redistribution

+

The license shall not restrict any party from selling or giving away the + software as a component of an aggregate software distribution containing + programs from several different sources. The license shall not require a + royalty or other fee for such sale.

+ +

2. Source Code

+

The program must include source code, and must allow distribution in + source code as well as compiled form.

+ +

3. Derived Works

+

The license must allow modifications and derived works, and must allow + them to be distributed under the same terms as the license of the original + software.

+ +

4. Integrity of The Author's Source Code

+

The license may restrict source-code from being distributed in modified + form only if the license allows the distribution of "patch files" with the + source code for the purpose of modifying the program at build time.

+ +

5. No Discrimination Against Persons or Groups

+

The license must not discriminate against any person or group of + persons.

+ +

6. No Discrimination Against Fields of Endeavor

+

The license must not restrict anyone from making use of the program in a + specific field of endeavor.

+ +

7. Distribution of License

+

The rights attached to the program must apply to all to whom the program + is redistributed without the need for execution of an additional license by + those parties.

+
+ + diff --git a/elements/pf-v6-banner/pf-v6-banner.css b/elements/pf-v6-banner/pf-v6-banner.css new file mode 100644 index 0000000000..5c4d1e6186 --- /dev/null +++ b/elements/pf-v6-banner/pf-v6-banner.css @@ -0,0 +1,188 @@ +:host { + display: block; + box-sizing: border-box; +} + +:host([hidden]) { + display: none !important; +} + +:host([sticky]) { + position: sticky; + inset-block-start: 0; + z-index: var(--pf-v6-c-banner--m-sticky--ZIndex, + var(--pf-t--global--z-index--md, 300)); + box-shadow: var(--pf-v6-c-banner--m-sticky--BoxShadow, + var(--pf-t--global--box-shadow--md)); +} + +#container { + --_bg: var(--pf-v6-c-banner--BackgroundColor, + var(--pf-t--global--color--nonstatus--gray--default, + light-dark(var(--pf-t--color--gray--20, #e0e0e0), var(--pf-t--color--gray--60, #4d4d4d)))); + --_color: var(--pf-v6-c-banner--Color, + var(--pf-t--global--text--color--nonstatus--on-gray--default, + light-dark(var(--pf-t--color--gray--100, #151515), var(--pf-t--color--white, #ffffff)))); + --_padding-block: var(--pf-v6-c-banner--PaddingBlockStart, + var(--pf-t--global--spacer--xs, 0.25rem)); + --_padding-inline: var(--pf-v6-c-banner--PaddingInlineStart, + var(--pf-t--global--spacer--md, 1rem)); + --_font-size: var(--pf-v6-c-banner--FontSize, + var(--pf-t--global--font--size--body--default, 0.875rem)); + --_border-color: var(--pf-v6-c-banner--BorderColor, + var(--pf-t--global--border--color--high-contrast, transparent)); + --_border-width: var(--pf-v6-c-banner--BorderWidth, + var(--pf-t--global--border--width--high-contrast--regular, 0)); + + flex-shrink: 0; + padding-block: var(--_padding-block); + padding-inline: var(--_padding-inline); + font-size: var(--_font-size); + color: var(--_color); + white-space: nowrap; + background-color: var(--_bg); + border-block: var(--_border-width) solid var(--_border-color); + + @media (min-width: 768px) { + --_padding-inline: var(--pf-v6-c-banner--md--PaddingInlineStart, + var(--pf-t--global--spacer--lg, 1.5rem)); + } + + /* Non-status color modifiers (before status so status takes precedence) */ + + &.red { + --_bg: var(--pf-v6-c-banner--m-red--BackgroundColor, + var(--pf-t--global--color--nonstatus--red--default, + light-dark(var(--pf-t--color--red--20, #fbc5c5), var(--pf-t--color--red--30, #f9a8a8)))); + --_color: var(--pf-v6-c-banner--m-red--Color, + var(--pf-t--global--text--color--nonstatus--on-red--default, + var(--pf-t--color--gray--100, #151515))); + } + + &.orangered { + --_bg: var(--pf-v6-c-banner--m-orangered--BackgroundColor, + var(--pf-t--global--color--nonstatus--orangered--default, + light-dark(var(--pf-t--color--red-orange--20, #fbbea8), var(--pf-t--color--red-orange--30, #f89b78)))); + --_color: var(--pf-v6-c-banner--m-orangered--Color, + var(--pf-t--global--text--color--nonstatus--on-orangered--default, + var(--pf-t--color--gray--100, #151515))); + } + + &.orange { + --_bg: var(--pf-v6-c-banner--m-orange--BackgroundColor, + var(--pf-t--global--color--nonstatus--orange--default, + light-dark(var(--pf-t--color--orange--20, #fccb8f), var(--pf-t--color--orange--30, #f8ae54)))); + --_color: var(--pf-v6-c-banner--m-orange--Color, + var(--pf-t--global--text--color--nonstatus--on-orange--default, + var(--pf-t--color--gray--100, #151515))); + } + + &.yellow { + --_bg: var(--pf-v6-c-banner--m-yellow--BackgroundColor, + var(--pf-t--global--color--nonstatus--yellow--default, + light-dark(var(--pf-t--color--yellow--20, #ffe072), var(--pf-t--color--yellow--30, #ffcc17)))); + --_color: var(--pf-v6-c-banner--m-yellow--Color, + var(--pf-t--global--text--color--nonstatus--on-yellow--default, + var(--pf-t--color--gray--100, #151515))); + } + + &.green { + --_bg: var(--pf-v6-c-banner--m-green--BackgroundColor, + var(--pf-t--global--color--nonstatus--green--default, + light-dark(var(--pf-t--color--green--20, #d1f1bb), var(--pf-t--color--green--30, #afdc8f)))); + --_color: var(--pf-v6-c-banner--m-green--Color, + var(--pf-t--global--text--color--nonstatus--on-green--default, + var(--pf-t--color--gray--100, #151515))); + } + + &.teal { + --_bg: var(--pf-v6-c-banner--m-teal--BackgroundColor, + var(--pf-t--global--color--nonstatus--teal--default, + light-dark(var(--pf-t--color--teal--20, #b9e5e5), var(--pf-t--color--teal--30, #9ad8d8)))); + --_color: var(--pf-v6-c-banner--m-teal--Color, + var(--pf-t--global--text--color--nonstatus--on-teal--default, + var(--pf-t--color--gray--100, #151515))); + } + + &.blue { + --_bg: var(--pf-v6-c-banner--m-blue--BackgroundColor, + var(--pf-t--global--color--nonstatus--blue--default, + light-dark(var(--pf-t--color--blue--20, #b9dafc), var(--pf-t--color--blue--30, #92c5f9)))); + --_color: var(--pf-v6-c-banner--m-blue--Color, + var(--pf-t--global--text--color--nonstatus--on-blue--default, + var(--pf-t--color--gray--100, #151515))); + } + + &.purple { + --_bg: var(--pf-v6-c-banner--m-purple--BackgroundColor, + var(--pf-t--global--color--nonstatus--purple--default, + light-dark(var(--pf-t--color--purple--20, #d0c5f4), var(--pf-t--color--purple--30, #b6a6e9)))); + --_color: var(--pf-v6-c-banner--m-purple--Color, + var(--pf-t--global--text--color--nonstatus--on-purple--default, + var(--pf-t--color--gray--100, #151515))); + } + + /* Status modifiers (after color so status takes precedence at equal specificity) */ + + &.danger { + --_bg: var(--pf-v6-c-banner--m-danger--BackgroundColor, + var(--pf-t--global--color--status--danger--default, + light-dark(var(--pf-t--color--red-orange--60, #b1380b), var(--pf-t--color--red-orange--50, #f0561d)))); + --_color: var(--pf-v6-c-banner--m-danger--Color, + var(--pf-t--global--text--color--status--on-danger--default, + light-dark(var(--pf-t--color--white, #ffffff), var(--pf-t--color--gray--100, #1f1f1f)))); + } + + &.success { + --_bg: var(--pf-v6-c-banner--m-success--BackgroundColor, + var(--pf-t--global--color--status--success--default, + light-dark(var(--pf-t--color--green--60, #3d7317), var(--pf-t--color--green--40, #87bb62)))); + --_color: var(--pf-v6-c-banner--m-success--Color, + var(--pf-t--global--text--color--status--on-success--default, + light-dark(var(--pf-t--color--white, #ffffff), var(--pf-t--color--gray--100, #1f1f1f)))); + } + + &.warning { + --_bg: var(--pf-v6-c-banner--m-warning--BackgroundColor, + var(--pf-t--global--color--status--warning--default, + light-dark(var(--pf-t--color--yellow--30, #ffcc17), var(--pf-t--color--yellow--30, #ffcc17)))); + --_color: var(--pf-v6-c-banner--m-warning--Color, + var(--pf-t--global--text--color--status--on-warning--default, + light-dark(var(--pf-t--color--gray--100, #151515), var(--pf-t--color--gray--100, #1f1f1f)))); + } + + &.info { + --_bg: var(--pf-v6-c-banner--m-info--BackgroundColor, + var(--pf-t--global--color--status--info--default, + light-dark(var(--pf-t--color--purple--50, #5e40be), var(--pf-t--color--purple--30, #b6a6e9)))); + --_color: var(--pf-v6-c-banner--m-info--Color, + var(--pf-t--global--text--color--status--on-info--default, + light-dark(var(--pf-t--color--white, #ffffff), var(--pf-t--color--gray--100, #1f1f1f)))); + } + + &.custom { + --_bg: var(--pf-v6-c-banner--m-custom--BackgroundColor, + var(--pf-t--global--color--status--custom--default, + light-dark(var(--pf-t--color--teal--60, #147878), var(--pf-t--color--teal--40, #63bdbd)))); + --_color: var(--pf-v6-c-banner--m-custom--Color, + var(--pf-t--global--text--color--status--on-custom--default, + light-dark(var(--pf-t--color--white, #ffffff), var(--pf-t--color--gray--100, #1f1f1f)))); + } +} + +::slotted(a) { + color: inherit; + text-decoration-line: underline; +} + +.sr-only { + position: absolute; + inline-size: 1px; + block-size: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border: 0; +} diff --git a/elements/pf-v6-banner/pf-v6-banner.ts b/elements/pf-v6-banner/pf-v6-banner.ts new file mode 100644 index 0000000000..de828d0446 --- /dev/null +++ b/elements/pf-v6-banner/pf-v6-banner.ts @@ -0,0 +1,87 @@ +import { LitElement, html, nothing, type TemplateResult } from 'lit'; + +import { classMap } from 'lit/directives/class-map.js'; +import { customElement } from 'lit/decorators/custom-element.js'; +import { property } from 'lit/decorators/property.js'; + +import style from './pf-v6-banner.css'; + +export type BannerColor = + | 'red' + | 'orangered' + | 'orange' + | 'yellow' + | 'green' + | 'teal' + | 'blue' + | 'purple'; + +export type BannerStatus = + | 'success' + | 'warning' + | 'danger' + | 'info' + | 'custom'; + +/** + * A banner provides a full-width container for communicating short, + * non-dismissible messages. Use a banner when you need to display a + * brief announcement that allows users to continue without interruption. + * + * Status banners SHOULD include an icon and `screen-reader-text` so + * screen readers can announce the status context (WCAG 1.3.1). Authors + * SHOULD AVOID using color alone to convey meaning (WCAG 1.4.1). + * + * The banner is not focusable. Slotted interactive content like links + * remains focusable via Tab. + * + * @summary Provides a full-width banner for brief, non-dismissible messages. + * @slot - Banner content, including text, links, or icons. For accessibility, + * status banners MUST include `screen-reader-text` and SHOULD include + * a status icon so sighted users can identify the status at a glance. + * @cssprop {} [--pf-v6-c-banner--BackgroundColor] - Overrides the banner background color. Defaults to `--pf-t--global--color--nonstatus--gray--default`. + * @cssprop {} [--pf-v6-c-banner--Color] - Overrides the banner text color. Defaults to `--pf-t--global--text--color--nonstatus--on-gray--default`. + * @cssprop {} [--pf-v6-c-banner--PaddingBlockStart] - Overrides the block padding. Defaults to `--pf-t--global--spacer--xs`. + * @cssprop {} [--pf-v6-c-banner--PaddingInlineStart] - Overrides the inline padding. Defaults to `--pf-t--global--spacer--md`. + * @cssprop {} [--pf-v6-c-banner--md--PaddingInlineStart] - Overrides the inline padding at the medium breakpoint. Defaults to `--pf-t--global--spacer--lg`. + * @cssprop {} [--pf-v6-c-banner--FontSize] - Overrides the font size. Defaults to `--pf-t--global--font--size--body--default`. + * @cssprop {} [--pf-v6-c-banner--BorderColor] - Overrides the block border color, visible in high-contrast mode. Defaults to `--pf-t--global--border--color--high-contrast`. + * @cssprop {} [--pf-v6-c-banner--BorderWidth] - Overrides the block border width, visible in high-contrast mode. Defaults to `--pf-t--global--border--width--high-contrast--regular`. + * @cssprop {} [--pf-v6-c-banner--m-sticky--ZIndex] - Overrides the z-index when sticky. Defaults to `--pf-t--global--z-index--md`. + * @cssprop [--pf-v6-c-banner--m-sticky--BoxShadow] - Overrides the box shadow when sticky. Defaults to `--pf-t--global--box-shadow--md`. + */ +@customElement('pf-v6-banner') +export class PfV6Banner extends LitElement { + static readonly styles: CSSStyleSheet[] = [style]; + + /** Non-status color for the banner background. Overridden by `status` if both are set. */ + @property({ reflect: true }) color?: BannerColor; + + /** Status style for the banner. Conveys semantic meaning and overrides `color`. */ + @property({ reflect: true }) status?: BannerStatus; + + /** Whether the banner sticks to the top of its container. */ + @property({ type: Boolean, reflect: true }) sticky = false; + + /** Text announced by screen readers to indicate the type of banner. */ + @property({ attribute: 'screen-reader-text' }) screenReaderText?: string; + + override render(): TemplateResult { + return html` +
+ ${!this.screenReaderText ? nothing + : html`${this.screenReaderText}`} + +
+ `; + } +} + +declare global { + interface HTMLElementTagNameMap { + 'pf-v6-banner': PfV6Banner; + } +} From 7b0dfc3345707d1e9cd420b24d3c1ce87a7504fc Mon Sep 17 00:00:00 2001 From: Benny Powers Date: Wed, 13 May 2026 17:06:49 +0300 Subject: [PATCH 02/11] style: format --- elements/pf-v6-banner/pf-v6-banner.ts | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/elements/pf-v6-banner/pf-v6-banner.ts b/elements/pf-v6-banner/pf-v6-banner.ts index de828d0446..a526938fcb 100644 --- a/elements/pf-v6-banner/pf-v6-banner.ts +++ b/elements/pf-v6-banner/pf-v6-banner.ts @@ -67,13 +67,10 @@ export class PfV6Banner extends LitElement { @property({ attribute: 'screen-reader-text' }) screenReaderText?: string; override render(): TemplateResult { + const { color = '', status = '', screenReaderText } = this; return html` -
- ${!this.screenReaderText ? nothing - : html`${this.screenReaderText}`} +
+ ${screenReaderText}
`; From 98c00ade2c27ef5c6f733fa1a633edf87a34e19c Mon Sep 17 00:00:00 2001 From: Benny Powers Date: Wed, 13 May 2026 17:08:12 +0300 Subject: [PATCH 03/11] style: unused import --- elements/pf-v6-banner/pf-v6-banner.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/elements/pf-v6-banner/pf-v6-banner.ts b/elements/pf-v6-banner/pf-v6-banner.ts index a526938fcb..29844912b9 100644 --- a/elements/pf-v6-banner/pf-v6-banner.ts +++ b/elements/pf-v6-banner/pf-v6-banner.ts @@ -1,4 +1,4 @@ -import { LitElement, html, nothing, type TemplateResult } from 'lit'; +import { LitElement, html, type TemplateResult } from 'lit'; import { classMap } from 'lit/directives/class-map.js'; import { customElement } from 'lit/decorators/custom-element.js'; From fb262b43c77db114e06cdae9f6cb67b6d0c1cc06 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Wed, 13 May 2026 13:28:55 -0400 Subject: [PATCH 04/11] chore: remove pf-v5-banner --- elements/pf-v5-banner/README.md | 60 --------- elements/pf-v5-banner/demo/index.html | 15 --- .../pf-v5-banner/demo/status-banners.html | 40 ------ elements/pf-v5-banner/demo/sticky.html | 55 -------- elements/pf-v5-banner/docs/pf-v5-banner.md | 59 --------- elements/pf-v5-banner/docs/screenshot.png | Bin 11435 -> 0 bytes elements/pf-v5-banner/pf-v5-banner.css | 117 ------------------ elements/pf-v5-banner/pf-v5-banner.ts | 69 ----------- elements/pf-v5-banner/test/pf-banner.e2e.ts | 25 ---- elements/pf-v5-banner/test/pf-banner.spec.ts | 86 ------------- 10 files changed, 526 deletions(-) delete mode 100644 elements/pf-v5-banner/README.md delete mode 100644 elements/pf-v5-banner/demo/index.html delete mode 100644 elements/pf-v5-banner/demo/status-banners.html delete mode 100644 elements/pf-v5-banner/demo/sticky.html delete mode 100644 elements/pf-v5-banner/docs/pf-v5-banner.md delete mode 100644 elements/pf-v5-banner/docs/screenshot.png delete mode 100644 elements/pf-v5-banner/pf-v5-banner.css delete mode 100644 elements/pf-v5-banner/pf-v5-banner.ts delete mode 100644 elements/pf-v5-banner/test/pf-banner.e2e.ts delete mode 100644 elements/pf-v5-banner/test/pf-banner.spec.ts diff --git a/elements/pf-v5-banner/README.md b/elements/pf-v5-banner/README.md deleted file mode 100644 index 75d8362cd5..0000000000 --- a/elements/pf-v5-banner/README.md +++ /dev/null @@ -1,60 +0,0 @@ -# Patternfly Elements Banner -A banner is a 1-line, full color, full width container that can be used to communicate short snippets of information to users. Banners are un-intrusive and non-dismissible. - -Read more about Button in the [PatternFly Elements Banner documentation](https://patternflyelements.org/components/banner) - -## Installation -Load `` via CDN: - -```html - -``` -Or, if you are using [NPM](https://npm.im/), install it - -```bash -npm install @patternfly/elements -``` -Then once installed, import it to your application: - -```js -import '@patternfly/elements/pf-v5-banner/pf-v5-banner.js'; -``` - - -## Usage - -```html - - Default banner - -``` - - -## Attributes - -### Variant -Banners have five different variants. The available variants are `default`, `info`, `success`, `danger`, and `warning`. - -```html - - Info banner - -``` - -### Icon -Banners can have an icon attribute for a shorthand to Patternfly Icons. To see available icons, visit the [Patternfly Elements Icons documentation](https://patternflyelements.com/components/icons/). - -```html - - Info banner - -``` - -### Sticky -Banners can be sticky, so they stick to the top of the parent. - -```html - - Sticky banner - -``` diff --git a/elements/pf-v5-banner/demo/index.html b/elements/pf-v5-banner/demo/index.html deleted file mode 100644 index 0cbdbf711e..0000000000 --- a/elements/pf-v5-banner/demo/index.html +++ /dev/null @@ -1,15 +0,0 @@ -Default Banner -Blue Banner -Red Banner -Green Banner -Gold Banner - - - - diff --git a/elements/pf-v5-banner/demo/status-banners.html b/elements/pf-v5-banner/demo/status-banners.html deleted file mode 100644 index 1c2c3d68e4..0000000000 --- a/elements/pf-v5-banner/demo/status-banners.html +++ /dev/null @@ -1,40 +0,0 @@ - - - Default Banner - - - - - Info Banner - - - - - Danger Banner - - - - - Success Banner - - - - - Warning Banner - - - - - diff --git a/elements/pf-v5-banner/demo/sticky.html b/elements/pf-v5-banner/demo/sticky.html deleted file mode 100644 index 3f00ceaf4c..0000000000 --- a/elements/pf-v5-banner/demo/sticky.html +++ /dev/null @@ -1,55 +0,0 @@ -I stick to the top -
-

The Open Source Definition

- https://opensource.org/osd/ -
- -

Introduction

-

Open source doesn’t just mean access to the source code. The distribution terms of open-source software must comply with the following criteria:

- -

1. Free Redistribution

-

The license shall not restrict any party from selling or giving away the software as a component of an aggregate software distribution containing programs from several different sources. The license shall not require a royalty or other fee for such sale.

- - -

2. Source Code

-

The program must include source code, and must allow distribution in source code as well as compiled form. Where some form of a product is not distributed with source code, there must be a well-publicized means of obtaining the source code for no more than a reasonable reproduction cost, preferably downloading via the Internet without charge. The source code must be the preferred form in which a programmer would modify the program. Deliberately obfuscated source code is not allowed. Intermediate forms such as the output of a preprocessor or translator are not allowed.

- - -

3. Derived Works

-

The license must allow modifications and derived works, and must allow them to be distributed under the same terms as the license of the original software.

- - -

4. Integrity of The Author’s Source Code

-

The license may restrict source-code from being distributed in modified form only if the license allows the distribution of “patch files” with the source code for the purpose of modifying the program at build time. The license must explicitly permit distribution of software built from modified source code. The license may require derived works to carry a different name or version number from the original software.

- - -

5. No Discrimination Against Persons or Groups

-

The license must not discriminate against any person or group of persons.

- - -

6. No Discrimination Against Fields of Endeavor

-

The license must not restrict anyone from making use of the program in a specific field of endeavor. For example, it may not restrict the program from being used in a business, or from being used for genetic research.

- - -

7. Distribution of License

-

The rights attached to the program must apply to all to whom the program is redistributed without the need for execution of an additional license by those parties.

- - -

8. License Must Not Be Specific to a Product

-

The rights attached to the program must not depend on the program’s being part of a particular software distribution. If the program is extracted from that distribution and used or distributed within the terms of the program’s license, all parties to whom the program is redistributed should have the same rights as those that are granted in conjunction with the original software distribution.

- - -

9. License Must Not Restrict Other Software

-

The license must not place restrictions on other software that is distributed along with the licensed software. For example, the license must not insist that all other programs distributed on the same medium must be open-source software.

- - -

10. License Must Be Technology-Neutral

-

No provision of the license may be predicated on any individual technology or style of interface.

- -
-

The Open Source Definition was originally derived from the Debian Free Software Guidelines (DFSG).

-

Version 1.9, last modified, 2007-03-22

-

Here’s the historical “Annotated OSD” from the early 2000’s. - diff --git a/elements/pf-v5-banner/docs/pf-v5-banner.md b/elements/pf-v5-banner/docs/pf-v5-banner.md deleted file mode 100644 index c2c4924ee3..0000000000 --- a/elements/pf-v5-banner/docs/pf-v5-banner.md +++ /dev/null @@ -1,59 +0,0 @@ -{% renderOverview %} - Default -{% endrenderOverview %} - -{% band header="Usage" %} - {% htmlexample %} - Default - {% endhtmlexample %} - - - ### With a variant - Available variants are: default, info, danger, success, warning - - {% htmlexample %} - Default - Info - Danger - Success - Warning - {% endhtmlexample %} - - - ### Sticky - Banners can be set to stick to the top of their container by adding the `sticky` attribute. - - {% htmlexample %} - Sticky - {% endhtmlexample %} - - - ### With an icon - You can add a icon by using the shorthand icon attribute - - {% htmlexample %} - Info - {% endhtmlexample %} - - Or you can use the icon slot and slot in a `svg` or `pf-v5-icon` element - - {% htmlexample %} - - - Info - - {% endhtmlexample %} - -{% endband %} - -{% renderSlots %}{% endrenderSlots %} - -{% renderAttributes %}{% endrenderAttributes %} - -{% renderMethods %}{% endrenderMethods %} - -{% renderEvents %}{% endrenderEvents %} - -{% renderCssCustomProperties %}{% endrenderCssCustomProperties %} - -{% renderCssParts %}{% endrenderCssParts %} diff --git a/elements/pf-v5-banner/docs/screenshot.png b/elements/pf-v5-banner/docs/screenshot.png deleted file mode 100644 index db0887a28af428ec8d9c3a5160c05b61a4961cc0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 11435 zcmeHtWmKF&v*zFy+=5Gx-~@+YL4&({aQ6U%4G9uL0>KG{!QI^@5IndOEWup|mpcsk zWOx7UJ>UJa=Pc*EOuy4rUDef9^;8#xt18Q4qLZQn002z6*HY>L0Ne<4yo`zr{avNX zPXYj-7uiZms>(@9QmeW-TiH5T0sybW;}cO-V`qs#2lsjWsB}_78T_w=;Ie}$#kVG9 zUc(3DnNw5G#CH)IV$jl>O6oA7mm+xQKwQz5sfF#yFb}?}hf;80{>3;O2k`PjK{=kG6riNp70puDQCnr%55CCw# zRs<%Vd%^M8I;SYDU!5P^YY|+$w z5feeGFC1?P=La*b^;mIA1(D854eEl{5@FO)OE;d&=2) zB;g#%sv^Yb5Q=1LoWaeiM@d^m$Z=#k%&Eg=pp#6_e!_?@P$rFCE=r{TeK!bL`1kwVI(8U6ZHMv>Nunh4+igU*MjaA!HX7_7b^0!6%- zso0NljB?Yj{j*gpq$|;8-!~_*(mOw+dd443^<_!@IRU~)GWyUM(42*n~P^uBu71LDS0Rz@%K>o&>caMIb>sk zr*uHkTf~<4qJ`P{7Fh%t)#?SBTkq645V|-`U7j+1+WVyOsp-?OJI{Lg2I{)QR}Jnw z-ysxBUQ2$O9M&3BLzQX>7a3pYYG;bTHT0vQ__+mh~A-J@dpl6_r`;+B$WJ$~J` z+7~srGrM&S&I(mVrcJZ8U1vq9EvY|ByPal?hefAaf8J3>457bqv@~*W7pQ+(>@IL{ z*f%=#V&N!m#YEXkxldV3S@HyP17n@)>(W8-%1=+x)%l$ck8n@H&9R-ry?#$NFaP!2 zoo=s}+kCxzR*V%kpC-DGZeZ>KJ5u3~Q`ZxwFRkdhEz!;=!XW84t!>K}S% z+)0dfT#4iKqRkUt(DicKNRO0#pIJ^{9$Vg^NuVi`oRhH47?3EESPE+hbHw%~a3WyG zbPoR#rAw|xazr!6T}fTZZ)ZG_oS!mUINGrp`qWTS>gQ-ug|uoeD!VASW!jHg{4W{hC`@KWAl#L)q6@w5PMX!=Al{=C9N5foWIGjMb zFLP=wc|eE#059dEdshn!xz4Wf3+AIla;5iU3E8~arZ=K)3 z%Em%(T`x!fePw(dq+2CHjPRbPf-S(H=WWy8wU?>ahqv4DSlj66er zb~JZ*H6`w~8e3?1m}0v|d8jzMio13ix3s)G3t*CC-D2|OC}Gp!_@#bkMipps9#D77 zi^7AoN_F9<>V0@elP2l8hP);nRuRUHB_@XFn!RT|H5@Oi6}3)v3sm$duA|M)tQl*q ztdwuD^W`;UE1?u^z3|>Z8^*`vwc-u4BdNJ${4TfEN8I+~&h0$zz93<|c%0YzbT}?G zCv~vs{dVQH%ntsJFIgs8c>%YKtWsAS(8)mD@^LCsr7Ou~UmUdc(+r&<( z*S_zBkzn^wl>~nB`F0+BmAzSTHGaJGIk0T6W~XIjV|MzE^>j8X!1#VZZ0zoW>&wZv z<7OLG`*OElyUm;ObC-<>X%1xLk0y~(t9J#5*0U^GI@Wh?*G2w3b{@+$tB@ZlCC*xl zl)ly{rIxHVyIa>2=POjlqJ@6N7eB5h&IFH7mc7@B=M(>wb(@g2T?YCJM+?26S(mTZ z$O53N35ZgH_mKoT|mAo0(ChWU>E|>q@4m( zSV%F-W^(ca3=9T5tjJB3fMw_$;FX4?oE-F1!`#i%(#hS%*+b8k6j~p{P1$Pddgv-C3Yj}QvYS~rzp-TZ zc651Q0SJ2wL5Gf(9%j_ujt)-lLf#^@FbW~)_~B~~T51@HhrI}`u97OXq_dkPH6J@C zJ14CuIyE)5u$zUIkh+x2Uv}u52(68Whl>yghnJTZyB9aRvzs-?3qe6a4o)r(E-p4G z1)IB%lZTl%o0I#q$3_0Jj+CXlxtpzvhpn>{^~1VmZ=5|nL}+Or1pV{pQBO;6+kZ)N za{s$6=mt3+W;kB3b8`H1Z78eo!?!}Jw%(QwdQ!HIQ1d`#h;ni92*c?AkC}f-{5MYB ze{u5g{V$yVHuJx8YPnmwNjf`1MS6(->tz0l{rAbgjKUlbJO4LJJenEyE!57U=)xTT zJTp=BbcuXT0D#I%PU@AWH{9L=nm6I(LeJ6tU@PO7kknvl)i@=%0_uEK0-bE;k1th9 zFq~?%eTvFT^y3OOak`kbi&3SKq%mmUspCjnsGa$TiN6NXS(q%jD=+%W!4o_0V^3jJ5j{j;SwR@hy&mdaq?ruRZ}C^P5-`f!XrKpL`9_r0pL-+ zX~aRmAQ{}pDOA-v1v1%cgUdhYcY7zp#NI922zC`$45v@VnzjeJ_lb z$G=itdME+YMUT{;KJ1QK6$y1j+|g(I^MehRW1$wtrwYM+Ff6(r&W3)Dd=cvJ9hZwlpNWjgm2OnpWYYJ(b0MPQ(AuyqatM*Oy=_p zST%WcjvpIk$3@tZ6v`^M!?Bf4x5(~|Nt-ru3JUR%?UNsY&1@tjB%X~w9Xp+)9e;WC zo??q7+}zv<#f!{-H)`^T)=Tr>pNmgOW)^H{a68>po95GoIT5@}}Hsb$HGHEOY-VWLIn zDkUdFmX}SZ@8aStY-cM&cBequV(&gDCPW#!>JGymQd$YzF$+{=_)Gz|UH3 z4?%)&CrcUvSKvCeg~ZWa@l^!zu!G=0jE`Jx5ZVR zde(vw-wvIlfvttUSxPB<(H9rqdJT5*9y?Qz;FX!b86yuq;UK71P67WmIf61%Nlq?0 zJ)N3_Z?~Hi@-p9QD>SsRO#T4Fx9%bezBL(&2rgLjiYx_@(*cDw(!w{JI) zl^BK2ma`X*j6va>5+oi)4$`>fldpU1gSpC zLlnkMN7)X?>wytat15s1B}g5zk4_+rOD!&<_UGy2n;lfO8u5z{4?;j7MyNK7^5ig) zAaOQ0_-Z0lDp(4~Ih2AzsZ_Z6qjTm%HJF0`{p^7Y01t+u9r(HHlgGCjL}+%VN9wUy zx;n65m@5#YTx`-KQuI^I6}hu#>Kzh>eBYIZ;b%G+2}(MP^0vR(6?>|{PE0XS?@vm0 z|D?)|Mn~4lj%LF9zrwYk*>ziq{;br9HkG|e?~l5^f{RTOe_r}unZ_8pT;iTl)y>sX zA2Hn4mZ!AT_2Ui-O<$eS2v#~rXvW3MD|dqnA;(%vb z{6)24w>6QTSyb+{e7{?oo36rBR)4En@0*c*M8 zYm{@(mi#&OhbTCkTL%TG9^K;2teljmV@jr7ZDJM6cMHa1e#CS`qHFvUm{+S5=j67XwD zI!YEDf~`FRXU|=x9iKxAMz9qU9boE2l>|ymFaYAZwgqpPi z{s-HDRG?v};zuC!pcASl96XPz0T>A5y`Y0e`hUoDc$xBH8-ZPbSq85W;*na&%As>y z>lkzV&hH<^3r=|qh#sD&P%GKP7a}6q=vGjH7XCSL1}k-9gUVuMlQG-n-ihU_D+esv zQ9sbbYt~8nm<1IBm#uVSgS+WpZ&REr90U$0TGnAFyj%EXbglbXDlaQy=$?_-*gDlZ z_})s(-TO6qTrKI?2?>(thLI*Dshj(%+T=^+)N=o#P3B3gS2pUx^*g?o`QY%CIeO3_ z#XL*DE;_yZkaT0Lv)^^&Ex!NIwt|ge^QQZbbeb4XhAU*@(Z+}$+WW@4B;uF29b--} zZ&1)wY?-^lu;hRF25^M?BflOE@@J4zsEq1WdFC8_oGB4*Go=nxzB4=<^fq}jyiNCF zZREC?H+}Cco==xU`{nDl>?m z2MFlBRRm5>N-Quc#>c_wG{Cb9aOq?DpM*H1UGS?hF&XtJCsa4d^mh}>d>z@jyW*L> z+((qV-(6ZKub>!;r#$f67BVR^d-k&?VbP;NGcGP^aUCgEH2NmhfZnUq&fT!%vc>Xp zVVbLWSKa&}N>PPjrASBv#*p`K=Gf6^b( zv_39bJ+zTNYP%Qs;v#c=PHvo~G;#GVaatgUl1sEzlhVWz^8qEPsgYPI(!WQmxt+yk zSuXu#Qcv(wgb4k59kJsaPd|P3w&mH}ares{wQ~#+yJkbkrz%KE8@FUrqZhCeY7tVw zi!Q}JUCwKZrrFR(pu;Vnz$tz9T=!H(H%rQvYg2!8n1zCdrV>&!x^4yG?n^&JMbj1o zj`nm{i}e)y9`DTLdRn2@b!H7GoosUTB^uKFmQyn9IuGQMo)f!?BcYulgFsTAG&eGP z7|A|@3eF~c!d6h|j~{&?s`I3?=L2F4J_dZR*E<2<>!~@_?(|8$T%=@a5xbE& z_HvBxuXJPTe|=t$$ucnT)8Uu0N*gP2V1)$4&V6mUc{qF3CSiyCYs7{^IVsmZ-@b`Z zhICtP3}g>pu-PMe^ZLzW#ED}-Q|BLyu6LAdeoXsXdfXMS{SDM?ht$gYcOS38?l{IYjY0__3zDV%C%75#8c@%DZHWXxeUlh=>NRnrm z**&dStZloj^0HC9V{-avD?{&gPloj|w@heJFT-mhY|$(y zA9zm1e_ny5baCfnf(`TKBLKQ^h=UsI%&;GE%n1oqwT@@^Z^NJkTBI$8 ziaavcL$mtASUJLj&jR4ip;_IR?Ch}yTh;~vJQX^zU^9sGP)OQ$oO!IXKn74q`ZrhGAsv^}j)t_HS?Zz*V{K`?kje100xFR%NTJdKR&sHmT?pc}8 z1}$#))98h0wL|&E4CMPiTK4lh_Z9996t8#R!jwR)hi3WHesJ51!NZwsTy-_Q-*z#g zsqEZl+jH&ckGmtnE&stig2g7(w@txf7o2x?>D0-8ymy5Z%FM@QjAtHeU(Wl{meo}a zjkk6STS-$z8yhJMISgFR!N8?FOG4E~n=ZP81)XlRU!N$VYX z&+O@l`$;$3ps2so-)ksNxfJ$k51WF;rgUB52H4jEG8C__S3Q%;t-uG&=5$^iPdPNci1)4J6xlL(%kPtqIsft$U5KkJtTOCev_$QL|G}aM4D( z(2tmvl-|XkMwPBh`r`--m4WYNj~nYQ=Sx;B&!VUXcGtKSNfrz~sSRsDj+c3}vYRsv z_bK^*oO)zEdy}m&hr}RUrY_lQ%e1$e5jfADvz8M>kVwlhf7I9z<%q)9S03OsP(Lg? z5GqnM*q~2Wn}8sDCU^dpxNy<#!zbWDK$VEVb16tbO0wr;X*gp5t(Nt3CG7VOokQ2}{8JaiL^>|+@^zOxCfdPF6+ z@~yw>%g@+P8p^Z9*ICnS1E4;)_S^nm7CE1CYhyqZPvplgxz!Z@7ceQGjJDJDE040| z$28gs-;);$&JfzxD{gDLIp?}Mo6h!hGl2A&?MsPav|LYP_w(DYCl9Bbm2l&OP8D@q zHc9Fi=FWI_uBId38_=_yf0-|0xZWhGx)N>?I*q^Ez~lkvhhq8()^y(tIMl+-O`*D>Vy%2u{yWdxw;MJe_h+Cy)r|mmt}?C zcG<;Z)iK_pBb?g`$Sl~jF09z*O_;Whiso(7{_1{=@sMBJ8{wOf;C7+1wn9TJXpT9E=TIy*^>--(C&$5iN}WWcev#%b|Y2qWY@9 zdRyD%)He%QTZX0kn2$nfmhD0Me@JXR?QTWtuX+|T+X{M(IE4l_X(lu_hFm=5e3EZ)A^vqkukwP-9W$q5%`5O-wCbvM4bRyMBS_q53HBVep5* zpxP6<);8OZTi8ufR~;(!f0_+?uP>^N?;SNKTR;raWk7EsxOfR!@fN-^(zZ@n@@dr?clZi8V8ky!k4V> zb>O9{sv#4H;&3#i$v*UL%eQZ_kD;#IzQGY&h8@jrYgXx`6E37xEodaCms32W&sq`v zs?yfE;M)T8go8<4k!E8xT2Yh&*d;RGC5)Bimm+x{%{P_$r({s8!y%G3gXn?jslS2? z!D(0{g_f5IZ?-0cG?7!OXdZ~sEiu?J&sgVOZz zF*>?5D3KG*#2cw8}*c{}+} zpS*b$LeIiu(&`dl2dL#R@!#EbkDbq>x(~fH>5DtR`@-s&9NIgh;zrNVLF22LABy;L z!sp{E_}mT=l${mR9+8Zo@%M=ka8r zL_@8YRy(Ce%lB%AjN|sn9t0JtX#qZ629e}!owb%rpX0hHx9o!|EjT+q?d$jwV7gEo zq`Y*WX6fcl?)(IYe$2}IHFLsmLYvlN(^7vj-(^b-iU6(p)$r3NmA^B?B2x*8^+j-z zqbG;vIcHr?qI@>`0Fm5xyzKpb+R2xO&9yVZ_6C#OpEN}@TQ)}~JM)0L+UE?{o>++o z`~)ffS2~}70YJ;)*VEP;^21m?VW6^YLR(<#l`x|LFrU*)6kmj&R}snW!&c3}uuDl|@DA~P>22&Ifi=1eyV38ghhE_Wg zG1F{|AtdvmpV>zk&GAaKtm82T`fYshK~9OmDP|B4`D$Gm(1ObjyW6?QAd<)19j*0~ zqxRbgs6*Chw9}Js5~Z(3pfLXvT@w`;t?0xU8hIxP4w4!m?*OLJ)&w;PLYF z^RRETtFD12lzXEhliVa=;EZlqJ(kKX(i0%6*P)!%9Z-`5OX8tZW1|Y6K+@r;YPW3# zai4azV>l#&JgKfBeY=s+qrXvf(5W{DyR)ABT(+| zp&LLO#I<(H%&@!4G6xhmOvVgRU): void { - if (changed.has('icon') && this.icon) { - import('@patternfly/elements/pf-v5-icon/pf-v5-icon.js'); - } - } - - override render(): TemplateResult<1> { - const { variant, icon } = this; - const hasIcon = !!icon || this.#slots.hasSlotted('icon'); - return html` - -

- `; - } -} - -declare global { - interface HTMLElementTagNameMap { - 'pf-v5-banner': PfV5Banner; - } -} diff --git a/elements/pf-v5-banner/test/pf-banner.e2e.ts b/elements/pf-v5-banner/test/pf-banner.e2e.ts deleted file mode 100644 index c833252a2c..0000000000 --- a/elements/pf-v5-banner/test/pf-banner.e2e.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { test } from '@playwright/test'; -import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js'; -import { SSRPage } from '@patternfly/pfe-tools/test/playwright/SSRPage.js'; - -const tagName = 'pf-v5-banner'; - -test.describe(tagName, () => { - test('snapshot', async ({ page }) => { - const componentPage = new PfeDemoPage(page, tagName); - await componentPage.navigate(); - await componentPage.snapshot(); - }); - - test('ssr', async ({ browser }) => { - const fixture = new SSRPage({ - tagName, - browser, - demoDir: new URL('../demo/', import.meta.url), - importSpecifiers: [ - `@patternfly/elements/${tagName}/${tagName}.js`, - ], - }); - await fixture.snapshots(); - }); -}); diff --git a/elements/pf-v5-banner/test/pf-banner.spec.ts b/elements/pf-v5-banner/test/pf-banner.spec.ts deleted file mode 100644 index 5a6bcd4d1e..0000000000 --- a/elements/pf-v5-banner/test/pf-banner.spec.ts +++ /dev/null @@ -1,86 +0,0 @@ -import { expect, html } from '@open-wc/testing'; -import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js'; -import { getColor, hexToRgb } from '@patternfly/pfe-tools/test/hex-to-rgb.js'; -import { PfV5Banner } from '@patternfly/elements/pf-v5-banner/pf-v5-banner.js'; - -describe('', function() { - describe('simply instantiating', function() { - it('imperatively instantiates', function() { - expect(document.createElement('pf-v5-banner')).to.be.an.instanceof(PfV5Banner); - }); - - it('should upgrade', async function() { - const el = await createFixture(html` - Default - `); - const klass = customElements.get('pf-v5-banner'); - expect(el) - .to.be.an.instanceOf(klass) - .and - .to.be.an.instanceOf(PfV5Banner); - }); - - describe('without variant attribute', function() { - let element: PfV5Banner; - beforeEach(async function() { - element = await createFixture(html` - Default - `); - await element.updateComplete; - }); - // TODO: remove assertions on shadow roots - it('should display default variant', async function() { - const container = element.shadowRoot!.querySelector('#container')!; - expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#ffffff')); - expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#4f5255')); - }); - }); - - describe('with variant="info" attribute', function() { - let element: PfV5Banner; - beforeEach(async function() { - element = await createFixture(html` - Info - `); - await element.updateComplete; - }); - // TODO: remove assertions on shadow roots - it('should display info variant', async function() { - const container = element.shadowRoot!.querySelector('#container')!; - expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#151515')); - expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#73bcf7')); - }); - }); - - describe('with variant="danger" attribute', function() { - let element: PfV5Banner; - beforeEach(async function() { - element = await createFixture(html` - Info - `); - await element.updateComplete; - }); - // TODO: remove assertions on shadow roots - it('should display danger variant', async function() { - const container = element.shadowRoot!.querySelector('#container')!; - expect(getColor(container, 'color')).to.deep.equal(hexToRgb('#ffffff')); - expect(getColor(container, 'background-color')).to.deep.equal(hexToRgb('#c9190b')); - }); - }); - - describe('with valid icon attribute', function() { - let element: PfV5Banner; - beforeEach(async function() { - element = await createFixture(html` - Info - `); - await element.updateComplete; - }); - // TODO: remove assertions on shadow roots - it('should render an icon', async function() { - const icon = element.shadowRoot!.querySelector('pf-v5-icon'); - expect(icon).to.exist; - }); - }); - }); -}); From f8274dfda2d2f577a836710f1ae066d5cb325fab Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Wed, 13 May 2026 13:51:39 -0400 Subject: [PATCH 05/11] fix(banner): correct jsdoc to cem documentation comments --- elements/pf-v6-banner/pf-v6-banner.css | 64 +++++++++++++++++--------- elements/pf-v6-banner/pf-v6-banner.ts | 15 +----- 2 files changed, 43 insertions(+), 36 deletions(-) diff --git a/elements/pf-v6-banner/pf-v6-banner.css b/elements/pf-v6-banner/pf-v6-banner.css index 5c4d1e6186..cde10de3b1 100644 --- a/elements/pf-v6-banner/pf-v6-banner.css +++ b/elements/pf-v6-banner/pf-v6-banner.css @@ -10,29 +10,47 @@ :host([sticky]) { position: sticky; inset-block-start: 0; - z-index: var(--pf-v6-c-banner--m-sticky--ZIndex, - var(--pf-t--global--z-index--md, 300)); - box-shadow: var(--pf-v6-c-banner--m-sticky--BoxShadow, - var(--pf-t--global--box-shadow--md)); + z-index: + /** Overrides the z-index when sticky */ + var(--pf-v6-c-banner--m-sticky--ZIndex, + var(--pf-t--global--z-index--md, 300)); + box-shadow: + /** Overrides the box shadow when sticky */ + var(--pf-v6-c-banner--m-sticky--BoxShadow, + var(--pf-t--global--box-shadow--md)); } #container { - --_bg: var(--pf-v6-c-banner--BackgroundColor, - var(--pf-t--global--color--nonstatus--gray--default, - light-dark(var(--pf-t--color--gray--20, #e0e0e0), var(--pf-t--color--gray--60, #4d4d4d)))); - --_color: var(--pf-v6-c-banner--Color, - var(--pf-t--global--text--color--nonstatus--on-gray--default, - light-dark(var(--pf-t--color--gray--100, #151515), var(--pf-t--color--white, #ffffff)))); - --_padding-block: var(--pf-v6-c-banner--PaddingBlockStart, - var(--pf-t--global--spacer--xs, 0.25rem)); - --_padding-inline: var(--pf-v6-c-banner--PaddingInlineStart, - var(--pf-t--global--spacer--md, 1rem)); - --_font-size: var(--pf-v6-c-banner--FontSize, - var(--pf-t--global--font--size--body--default, 0.875rem)); - --_border-color: var(--pf-v6-c-banner--BorderColor, - var(--pf-t--global--border--color--high-contrast, transparent)); - --_border-width: var(--pf-v6-c-banner--BorderWidth, - var(--pf-t--global--border--width--high-contrast--regular, 0)); + --_bg: + /** Overrides the banner background color */ + var(--pf-v6-c-banner--BackgroundColor, + var(--pf-t--global--color--nonstatus--gray--default, + light-dark(var(--pf-t--color--gray--20, #e0e0e0), var(--pf-t--color--gray--60, #4d4d4d)))); + --_color: + /** Overrides the banner text color */ + var(--pf-v6-c-banner--Color, + var(--pf-t--global--text--color--nonstatus--on-gray--default, + light-dark(var(--pf-t--color--gray--100, #151515), var(--pf-t--color--white, #ffffff)))); + --_padding-block: + /** Overrides the block padding */ + var(--pf-v6-c-banner--PaddingBlockStart, + var(--pf-t--global--spacer--xs, 0.25rem)); + --_padding-inline: + /** Overrides the inline padding */ + var(--pf-v6-c-banner--PaddingInlineStart, + var(--pf-t--global--spacer--md, 1rem)); + --_font-size: + /** Overrides the font size */ + var(--pf-v6-c-banner--FontSize, + var(--pf-t--global--font--size--body--default, 0.875rem)); + --_border-color: + /** Overrides the block border color, visible in high-contrast mode */ + var(--pf-v6-c-banner--BorderColor, + var(--pf-t--global--border--color--high-contrast, transparent)); + --_border-width: + /** Overrides the block border width, visible in high-contrast mode */ + var(--pf-v6-c-banner--BorderWidth, + var(--pf-t--global--border--width--high-contrast--regular, 0)); flex-shrink: 0; padding-block: var(--_padding-block); @@ -44,8 +62,10 @@ border-block: var(--_border-width) solid var(--_border-color); @media (min-width: 768px) { - --_padding-inline: var(--pf-v6-c-banner--md--PaddingInlineStart, - var(--pf-t--global--spacer--lg, 1.5rem)); + --_padding-inline: + /** Overrides the inline padding at the medium breakpoint */ + var(--pf-v6-c-banner--md--PaddingInlineStart, + var(--pf-t--global--spacer--lg, 1.5rem)); } /* Non-status color modifiers (before status so status takes precedence) */ diff --git a/elements/pf-v6-banner/pf-v6-banner.ts b/elements/pf-v6-banner/pf-v6-banner.ts index 29844912b9..ace38d1f9e 100644 --- a/elements/pf-v6-banner/pf-v6-banner.ts +++ b/elements/pf-v6-banner/pf-v6-banner.ts @@ -36,19 +36,6 @@ export type BannerStatus = * remains focusable via Tab. * * @summary Provides a full-width banner for brief, non-dismissible messages. - * @slot - Banner content, including text, links, or icons. For accessibility, - * status banners MUST include `screen-reader-text` and SHOULD include - * a status icon so sighted users can identify the status at a glance. - * @cssprop {} [--pf-v6-c-banner--BackgroundColor] - Overrides the banner background color. Defaults to `--pf-t--global--color--nonstatus--gray--default`. - * @cssprop {} [--pf-v6-c-banner--Color] - Overrides the banner text color. Defaults to `--pf-t--global--text--color--nonstatus--on-gray--default`. - * @cssprop {} [--pf-v6-c-banner--PaddingBlockStart] - Overrides the block padding. Defaults to `--pf-t--global--spacer--xs`. - * @cssprop {} [--pf-v6-c-banner--PaddingInlineStart] - Overrides the inline padding. Defaults to `--pf-t--global--spacer--md`. - * @cssprop {} [--pf-v6-c-banner--md--PaddingInlineStart] - Overrides the inline padding at the medium breakpoint. Defaults to `--pf-t--global--spacer--lg`. - * @cssprop {} [--pf-v6-c-banner--FontSize] - Overrides the font size. Defaults to `--pf-t--global--font--size--body--default`. - * @cssprop {} [--pf-v6-c-banner--BorderColor] - Overrides the block border color, visible in high-contrast mode. Defaults to `--pf-t--global--border--color--high-contrast`. - * @cssprop {} [--pf-v6-c-banner--BorderWidth] - Overrides the block border width, visible in high-contrast mode. Defaults to `--pf-t--global--border--width--high-contrast--regular`. - * @cssprop {} [--pf-v6-c-banner--m-sticky--ZIndex] - Overrides the z-index when sticky. Defaults to `--pf-t--global--z-index--md`. - * @cssprop [--pf-v6-c-banner--m-sticky--BoxShadow] - Overrides the box shadow when sticky. Defaults to `--pf-t--global--box-shadow--md`. */ @customElement('pf-v6-banner') export class PfV6Banner extends LitElement { @@ -71,7 +58,7 @@ export class PfV6Banner extends LitElement { return html`
${screenReaderText} - +
`; } From d441d78ad1d9fbc6a8ab86180031a45a6fd014c3 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Wed, 13 May 2026 13:52:45 -0400 Subject: [PATCH 06/11] chore: add changeset --- .changeset/smooth-webs-travel.md | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 .changeset/smooth-webs-travel.md diff --git a/.changeset/smooth-webs-travel.md b/.changeset/smooth-webs-travel.md new file mode 100644 index 0000000000..0e98815a32 --- /dev/null +++ b/.changeset/smooth-webs-travel.md @@ -0,0 +1,26 @@ +--- +"@patternfly/elements": major +--- + +✨ Added `` replacing ``. Banner now follows +PatternFly v6 design specs. + +```html + + Info banner content + +``` + +** Breaking Changes from v5 ** + +- Renamed tag from `` to `` +- `variant` attribute split into separate color and status attributes +- CSS custom properties renamed from `--pf-v5-c-banner--*` to `--pf-v6-c-banner--*` +- ✨ Added `color` attribute for decorative colors (red, orangered, orange, yellow, +green, teal, blue, purple) +- ✨ Added `status `attribute for semantic statuses (success, warning, danger, info, +custom) +- ✨ Added `screen-reader-text` attribute for visually-hidden accessible text +- Removed `variant` attribute (use color or status instead) +- Removed `icon` attribute and icon slot (compose icons in default slot) +- Removed container and icon CSS parts From ce239e8f40af3098317c612e0479bacf0f7ee128 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Thu, 14 May 2026 12:27:22 -0400 Subject: [PATCH 07/11] docs(banner): add README --- elements/pf-v6-banner/README.md | 51 +++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 elements/pf-v6-banner/README.md diff --git a/elements/pf-v6-banner/README.md b/elements/pf-v6-banner/README.md new file mode 100644 index 0000000000..e995a2253b --- /dev/null +++ b/elements/pf-v6-banner/README.md @@ -0,0 +1,51 @@ +# pf-v6-banner + +A full-width banner for communicating short, non-dismissible messages. + +## Usage + +### Default banner + +```html +Default banner +``` + +### Status banner with screen reader text + +```html + + An error has occurred. Contact support for help. + +``` + +### Sticky color banner + +```html + + This banner sticks to the top of its container. + +``` + +## Divergences from React `Banner` + +### Changed API + +| React prop | Web component | Difference | +|---|---|---| +| `isSticky` | `sticky` attribute | Renamed; dropped `is` prefix | +| `color` + `status` mutual exclusion | Both accepted | React enforces via TypeScript union types (`color` and `status` cannot both be set). The web component accepts both; `status` takes visual precedence via CSS cascade. | + +### Added + +| Web component API | Notes | +|---|---| +| `--pf-v6-c-banner--BackgroundColor` | Override the default background color | +| `--pf-v6-c-banner--Color` | Override the default text color | +| `--pf-v6-c-banner--FontSize` | Override the font size | +| `--pf-v6-c-banner--PaddingBlockStart` | Override the block padding | +| `--pf-v6-c-banner--PaddingInlineStart` | Override the inline padding | +| `--pf-v6-c-banner--BorderColor` | Override the border color (high-contrast mode) | +| `--pf-v6-c-banner--BorderWidth` | Override the border width (high-contrast mode) | +| `--pf-v6-c-banner--m-sticky--ZIndex` | Override the z-index when sticky | +| `--pf-v6-c-banner--m-sticky--BoxShadow` | Override the box shadow when sticky | +| Per-color/status CSS custom properties | Each color (e.g., `--pf-v6-c-banner--m-red--BackgroundColor`) and status variant has overridable background and text color properties | From ba03be61b9a12b0b52e4a67c55c6a9af8433115d Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Tue, 19 May 2026 11:35:03 -0400 Subject: [PATCH 08/11] docs(banner): remove noise --- elements/pf-v6-banner/README.md | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/elements/pf-v6-banner/README.md b/elements/pf-v6-banner/README.md index e995a2253b..9a8d1dfe82 100644 --- a/elements/pf-v6-banner/README.md +++ b/elements/pf-v6-banner/README.md @@ -35,17 +35,3 @@ A full-width banner for communicating short, non-dismissible messages. | `isSticky` | `sticky` attribute | Renamed; dropped `is` prefix | | `color` + `status` mutual exclusion | Both accepted | React enforces via TypeScript union types (`color` and `status` cannot both be set). The web component accepts both; `status` takes visual precedence via CSS cascade. | -### Added - -| Web component API | Notes | -|---|---| -| `--pf-v6-c-banner--BackgroundColor` | Override the default background color | -| `--pf-v6-c-banner--Color` | Override the default text color | -| `--pf-v6-c-banner--FontSize` | Override the font size | -| `--pf-v6-c-banner--PaddingBlockStart` | Override the block padding | -| `--pf-v6-c-banner--PaddingInlineStart` | Override the inline padding | -| `--pf-v6-c-banner--BorderColor` | Override the border color (high-contrast mode) | -| `--pf-v6-c-banner--BorderWidth` | Override the border width (high-contrast mode) | -| `--pf-v6-c-banner--m-sticky--ZIndex` | Override the z-index when sticky | -| `--pf-v6-c-banner--m-sticky--BoxShadow` | Override the box shadow when sticky | -| Per-color/status CSS custom properties | Each color (e.g., `--pf-v6-c-banner--m-red--BackgroundColor`) and status variant has overridable background and text color properties | From facd520d810db1e84cae8ac1e4bc33110381f68b Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Tue, 19 May 2026 11:50:02 -0400 Subject: [PATCH 09/11] test(banner): add missing spec tests --- .../pf-v6-banner/test/pf-v6-banner.spec.ts | 149 ++++++++++++++++++ 1 file changed, 149 insertions(+) create mode 100644 elements/pf-v6-banner/test/pf-v6-banner.spec.ts diff --git a/elements/pf-v6-banner/test/pf-v6-banner.spec.ts b/elements/pf-v6-banner/test/pf-v6-banner.spec.ts new file mode 100644 index 0000000000..10fe161ebf --- /dev/null +++ b/elements/pf-v6-banner/test/pf-v6-banner.spec.ts @@ -0,0 +1,149 @@ +import { expect, html } from '@open-wc/testing'; +import { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js'; +import { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js'; +import { PfV6Banner } from '@patternfly/elements/pf-v6-banner/pf-v6-banner.js'; + +describe('', function() { + it('imperatively instantiates', function() { + expect(document.createElement('pf-v6-banner')).to.be.an.instanceof(PfV6Banner); + }); + + it('should upgrade', async function() { + const el = await createFixture(html`Test`); + expect(el) + .to.be.an.instanceOf(customElements.get('pf-v6-banner')) + .and + .to.be.an.instanceOf(PfV6Banner); + }); + + describe('default', function() { + let element: PfV6Banner; + + beforeEach(async function() { + element = await createFixture(html` + Default banner + `); + }); + + it('should be accessible', async function() { + await expect(element).to.be.accessible(); + }); + + it('should display content in the accessibility tree', async function() { + const snapshot = await a11ySnapshot(); + const node = snapshot.children?.find( + (child: { name?: string }) => child.name?.includes('Default banner') + ); + expect(node).to.exist; + }); + }); + + describe('with color="blue"', function() { + let element: PfV6Banner; + + beforeEach(async function() { + element = await createFixture(html` + Blue banner + `); + }); + + it('should be accessible', async function() { + await expect(element).to.be.accessible(); + }); + }); + + describe('with status="danger"', function() { + let element: PfV6Banner; + + beforeEach(async function() { + element = await createFixture(html` + Danger banner + `); + }); + + it('should be accessible', async function() { + await expect(element).to.be.accessible(); + }); + }); + + describe('with screen-reader-text', function() { + let element: PfV6Banner; + + beforeEach(async function() { + element = await createFixture(html` + + An error has occurred. + + `); + }); + + it('should include screen reader text in the accessibility tree', async function() { + const snapshot = await a11ySnapshot(); + const node = snapshot.children?.find( + (child: { name?: string }) => child.name?.includes('Danger alert:') + ); + expect(node).to.exist; + }); + + it('should include banner content in the accessibility tree', async function() { + const snapshot = await a11ySnapshot(); + const node = snapshot.children?.find( + (child: { name?: string }) => child.name?.includes('An error has occurred.') + ); + expect(node).to.exist; + }); + + it('should be accessible', async function() { + await expect(element).to.be.accessible(); + }); + }); + + describe('without screen-reader-text', function() { + beforeEach(async function() { + await createFixture(html` + No screen reader text + `); + }); + + it('should not include screen reader text in the accessibility tree', async function() { + const snapshot = await a11ySnapshot(); + const hasScreenReaderNode = snapshot.children?.some( + (child: { name?: string }) => child.name === '' + ); + expect(hasScreenReaderNode).to.not.be.true; + }); + }); + + describe('with sticky', function() { + let element: PfV6Banner; + + beforeEach(async function() { + element = await createFixture(html` + Sticky banner + `); + }); + + it('should have sticky positioning', function() { + expect(getComputedStyle(element).position).to.equal('sticky'); + }); + }); + + describe('with slotted link', function() { + beforeEach(async function() { + await createFixture(html` + + Banner with a link + + `); + }); + + it('should include the link in the accessibility tree', async function() { + const snapshot = await a11ySnapshot(); + const link = snapshot.children?.find( + (child: { role?: string }) => child.role === 'link' + ); + expect(link).to.exist; + expect(link).to.have.property('name', 'a link'); + }); + }); +}); From e91e09f88ba49f093946c96d72a85e3600e13bc8 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Tue, 19 May 2026 15:10:00 -0400 Subject: [PATCH 10/11] docs(banner): missing docs markdown and screenshot --- elements/pf-v6-banner/docs/pf-v6-banner.md | 43 +++++++++++++++++++++ elements/pf-v6-banner/docs/screenshot.png | Bin 0 -> 46898 bytes 2 files changed, 43 insertions(+) create mode 100644 elements/pf-v6-banner/docs/pf-v6-banner.md create mode 100644 elements/pf-v6-banner/docs/screenshot.png diff --git a/elements/pf-v6-banner/docs/pf-v6-banner.md b/elements/pf-v6-banner/docs/pf-v6-banner.md new file mode 100644 index 0000000000..0e91b9b225 --- /dev/null +++ b/elements/pf-v6-banner/docs/pf-v6-banner.md @@ -0,0 +1,43 @@ +{% renderOverview %} + A banner provides a full-width container for communicating short, + non-dismissible messages. + + Default banner +{% endrenderOverview %} + +{% band header="Usage" %} + ### Default + {% htmlexample %} + Default banner + {% endhtmlexample %} + + ### Status + When a banner conveys status, use the `status` attribute. Include an icon + and `screen-reader-text` for accessibility. + + {% htmlexample %} + + Danger banner + + {% endhtmlexample %} + + ### Sticky + Use the `sticky` attribute to keep the banner visible at the top of a + scrolling container. + + {% htmlexample %} + Sticky banner + {% endhtmlexample %} +{% endband %} + +{% renderSlots %}{% endrenderSlots %} + +{% renderAttributes %}{% endrenderAttributes %} + +{% renderMethods %}{% endrenderMethods %} + +{% renderEvents %}{% endrenderEvents %} + +{% renderCssCustomProperties %}{% endrenderCssCustomProperties %} + +{% renderCssParts %}{% endrenderCssParts %} diff --git a/elements/pf-v6-banner/docs/screenshot.png b/elements/pf-v6-banner/docs/screenshot.png new file mode 100644 index 0000000000000000000000000000000000000000..dc46b7ca10b7e8cea02bb45d0de4535a632f00d1 GIT binary patch literal 46898 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 literal 0 HcmV?d00001 From 1cf83336ffcbb8034c499f59fa464335d4c8328e Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Tue, 19 May 2026 15:10:24 -0400 Subject: [PATCH 11/11] test(banner): missing e2e test file --- .../pf-v6-banner/test/pf-v6-banner.e2e.ts | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 elements/pf-v6-banner/test/pf-v6-banner.e2e.ts diff --git a/elements/pf-v6-banner/test/pf-v6-banner.e2e.ts b/elements/pf-v6-banner/test/pf-v6-banner.e2e.ts new file mode 100644 index 0000000000..6a4ac98583 --- /dev/null +++ b/elements/pf-v6-banner/test/pf-v6-banner.e2e.ts @@ -0,0 +1,25 @@ +import { test } from '@playwright/test'; +import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js'; +import { SSRPage } from '@patternfly/pfe-tools/test/playwright/SSRPage.js'; + +const tagName = 'pf-v6-banner'; + +test.describe(tagName, () => { + test('snapshot', async ({ page }) => { + const componentPage = new PfeDemoPage(page, tagName); + await componentPage.navigate(); + await componentPage.snapshot(); + }); + + test('ssr', async ({ browser }) => { + const fixture = new SSRPage({ + tagName, + browser, + demoDir: new URL('../demo/', import.meta.url), + importSpecifiers: [ + `@patternfly/elements/${tagName}/${tagName}.js`, + ], + }); + await fixture.snapshots(); + }); +});