@patternfly/elements 3.0.2 → 4.0.0

package/pf-accordion/BaseAccordionHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseAccordionHeader.js","sourceRoot":"","sources":["BaseAccordionHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit';\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\n\nimport { BaseAccordion } from './BaseAccordion.js';\nimport { ComposedEvent } from '@patternfly/pfe-core';\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\nimport { Logger } from '@patternfly/pfe-core/controllers/logger.js';\n\nimport style from './BaseAccordionHeader.css';\n\nconst isPorHeader =\n  (el: Node): el is HTMLElement =>\n    el instanceof HTMLElement && !!el.tagName.match(/P|^H[1-6]/);\n\nexport class AccordionHeaderChangeEvent extends ComposedEvent {\n  declare target: BaseAccordionHeader;\n  constructor(\n    public expanded: boolean,\n    public toggle: BaseAccordionHeader,\n    public accordion: BaseAccordion\n  ) {\n    super('change');\n  }\n}\n\nexport abstract class BaseAccordionHeader extends LitElement {\n  static readonly styles = [style];\n\n  static override readonly shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  @property({ reflect: true, attribute: 'heading-text' }) headingText?: string;\n\n  @property({ reflect: true, attribute: 'heading-tag' }) headingTag?: string;\n\n  #generatedHtag?: HTMLHeadingElement;\n\n  #logger = new Logger(this);\n\n  #header?: HTMLElement;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#onClick);\n    this.hidden = true;\n    this.id ||= getRandomId(this.localName);\n    this.#initHeader();\n  }\n\n  async #initHeader() {\n    if (this.headingText && !this.headingTag) {\n      this.headingTag = 'h3';\n    }\n    this.#header = this.#getOrCreateHeader();\n\n    // prevent double-logging\n    if (this.#header !== this.#generatedHtag) {\n      this.#generatedHtag = undefined;\n    }\n\n    do {\n      await this.updateComplete;\n    } while (!await this.updateComplete);\n\n    // Remove the hidden attribute after upgrade\n    this.hidden = false;\n  }\n\n  /** Template hook: before </button> */\n  renderAfterButton?(): TemplateResult;\n\n  override render(): TemplateResult {\n    switch (this.headingTag) {\n      case 'h1': return html`<h1 id=\"heading\">${this.#renderHeaderContent()}</h1>`;\n      case 'h2': return html`<h2 id=\"heading\">${this.#renderHeaderContent()}</h2>`;\n      case 'h3': return html`<h3 id=\"heading\">${this.#renderHeaderContent()}</h3>`;\n      case 'h4': return html`<h4 id=\"heading\">${this.#renderHeaderContent()}</h4>`;\n      case 'h5': return html`<h5 id=\"heading\">${this.#renderHeaderContent()}</h5>`;\n      case 'h6': return html`<h6 id=\"heading\">${this.#renderHeaderContent()}</h6>`;\n      default: return this.#renderHeaderContent();\n    }\n  }\n\n  #renderHeaderContent() {\n    const headingText = this.headingText?.trim() ?? this.#header?.textContent?.trim();\n    return html`\n      <button id=\"button\"\n              class=\"toggle\"\n              aria-expanded=\"${String(!!this.expanded) as 'true' | 'false'}\">\n        <span part=\"text\">${headingText ?? html`\n          <slot></slot>`}\n        </span>\n        ${this.renderAfterButton?.()}\n      </button>\n    `;\n  }\n\n  #getOrCreateHeader(): HTMLElement | undefined {\n    // Check if there is no nested element or nested textNodes\n    if (!this.firstElementChild && !this.firstChild) {\n      return void this.#logger.warn('No header content provided');\n    } else if (this.firstElementChild) {\n      const [heading, ...otherContent] = Array.from(this.children)\n          .filter((x): x is HTMLElement => !x.hasAttribute('slot') && isPorHeader(x));\n\n      // If there is no content inside the slot, return empty with a warning\n      // else, if there is more than 1 element in the slot, capture the first h-tag\n      if (!heading) {\n        return void this.#logger.warn('No heading information was provided.');\n      } else if (otherContent.length) {\n        this.#logger.warn('Heading currently only supports 1 tag; extra tags will be ignored.');\n      }\n      return heading;\n    } else {\n      if (!this.#generatedHtag) {\n        this.#logger.warn('Header should contain at least 1 heading tag for correct semantics.');\n      }\n      this.#generatedHtag = document.createElement('h3');\n\n      // If a text node was provided but no semantics, default to an h3\n      // otherwise, incorrect semantics were used, create an H3 and try to capture the content\n      if (this.firstChild?.nodeType === Node.TEXT_NODE) {\n        this.#generatedHtag.textContent = this.firstChild.textContent;\n      } else {\n        this.#generatedHtag.textContent = this.textContent;\n      }\n\n      return this.#generatedHtag;\n    }\n  }\n\n  #onClick(event: MouseEvent) {\n    const expanded = !this.expanded;\n    const acc = event.composedPath().find(BaseAccordion.isAccordion);\n    if (acc) {\n      this.dispatchEvent(new AccordionHeaderChangeEvent(expanded, this, acc));\n    }\n  }\n}\n"]}

package/pf-accordion/BaseAccordionPanel.css

@@ -1,27 +0,0 @@
-:host {
-  display: none;
-  overflow: hidden;
-  will-change: height;
-}
-
-:host([expanded]) {
-  display: block;
-  position: relative;
-}
-
-:host([fixed]) {
-  overflow-y: auto;
-}
-
-.body {
-  position: relative;
-  overflow: hidden;
-}
-
-.body:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-}

package/pf-accordion/BaseAccordionPanel.d.ts

@@ -1,7 +0,0 @@
-import { LitElement } from 'lit';
-export declare class BaseAccordionPanel extends LitElement {
-    static readonly styles: CSSStyleSheet[];
-    expanded: boolean;
-    connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/pf-accordion/BaseAccordionPanel.js

@@ -1,33 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators/property.js';
-import { getRandomId } from '@patternfly/pfe-core/functions/random.js';
-import { css } from "lit";
-const style = css `:host {\n  display: none;\n  overflow: hidden;\n  will-change: height;\n}\n\n:host([expanded]) {\n  display: block;\n  position: relative;\n}\n\n:host([fixed]) {\n  overflow-y: auto;\n}\n\n.body {\n  position: relative;\n  overflow: hidden;\n}\n\n.body:after {\n  content: "";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n}\n`;
-export class BaseAccordionPanel extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.expanded = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.id || (this.id = getRandomId(this.localName));
-        this.setAttribute('role', 'region');
-    }
-    render() {
-        return html `
-      <div tabindex="-1">
-        <div id="container" class="content" part="container">
-          <div class="body">
-            <slot></slot>
-          </div>
-        </div>
-      </div>
-    `;
-    }
-}
-BaseAccordionPanel.styles = [style];
-__decorate([
-    property({ type: Boolean, reflect: true })
-], BaseAccordionPanel.prototype, "expanded", void 0);
-//# sourceMappingURL=BaseAccordionPanel.js.map

package/pf-accordion/BaseAccordionPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseAccordionPanel.js","sourceRoot":"","sources":["BaseAccordionPanel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;;;AAIvE,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAAlD;;QAG8C,aAAQ,GAAG,KAAK,CAAC;IAmB/D,CAAC;IAjBC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAP,IAAI,CAAC,EAAE,GAAK,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,EAAC;QACxC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;;AApBe,yBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAEW;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAkB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\n\nimport { getRandomId } from '@patternfly/pfe-core/functions/random.js';\n\nimport style from './BaseAccordionPanel.css';\n\nexport class BaseAccordionPanel extends LitElement {\n  static readonly styles = [style];\n\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.id ||= getRandomId(this.localName);\n    this.setAttribute('role', 'region');\n  }\n\n  override render() {\n    return html`\n      <div tabindex=\"-1\">\n        <div id=\"container\" class=\"content\" part=\"container\">\n          <div class=\"body\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/pf-avatar/BaseAvatar.css

@@ -1,13 +0,0 @@
-:host {
-  display: contents;
-}
-
-svg,
-:host([src]) img {
-  display: inline;
-  object-fit: cover;
-}
-
-:host([hidden]) {
-  display: none;
-}

package/pf-avatar/BaseAvatar.d.ts

@@ -1,23 +0,0 @@
-import { LitElement } from 'lit';
-export declare class AvatarLoadEvent extends Event {
-    originalEvent: Event;
-    constructor(originalEvent: Event);
-}
-/**
- * Avatar is an element for displaying a user's avatar image.
- *
- *
- * @summary For displaying a user's avatar image
- */
-export declare class BaseAvatar extends LitElement {
-    static readonly styles: CSSStyleSheet[];
-    /** The URL to the user's custom avatar image. */
-    src?: string;
-    /** The alt text for the avatar image. */
-    alt?: string;
-    /** Size of the Avatar */
-    size: 'sm' | 'md' | 'lg' | 'xl';
-    /** Whether or not the Avatar image is dark */
-    dark: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/pf-avatar/BaseAvatar.js

@@ -1,62 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators/property.js';
-import { css } from "lit";
-const style = css `:host {\n  display: contents;\n}\n\nsvg,\n:host([src]) img {\n  display: inline;\n  object-fit: cover;\n}\n\n:host([hidden]) {\n  display: none;\n}\n`;
-export class AvatarLoadEvent extends Event {
-    constructor(originalEvent) {
-        super('load', { bubbles: true, composed: true });
-        this.originalEvent = originalEvent;
-    }
-}
-/**
- * Avatar is an element for displaying a user's avatar image.
- *
- *
- * @summary For displaying a user's avatar image
- */
-export class BaseAvatar extends LitElement {
-    constructor() {
-        super(...arguments);
-        /** The alt text for the avatar image. */
-        this.alt = 'Avatar image';
-        /** Size of the Avatar */
-        this.size = 'sm';
-        /** Whether or not the Avatar image is dark */
-        this.dark = false;
-    }
-    render() {
-        return this.src != null ? html `
-      <img
-        size=${this.size}
-        alt=${this.alt ?? ''}
-        @load="${(e) => this.dispatchEvent(new AvatarLoadEvent(e))}"
-        src=${this.src}>
-    ` : this.dark ? html `
-      <svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
-        <style>.st1,.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#6a6e73}.st2{fill:#4f5255}</style><path d="M0 0h36v36H0z" style="fill:#212427"/>
-        <path d="M30.5 36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4 1.2-3.4 2.6C6.7 27 5.8 32.2 5.4 36h25.1zM17.7 20.1c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.8 6.4-6.4 6.4z" class="st1"/><path d="M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2zM22.7 36v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h-3.2z" class="st2"/>
-      </svg>
-    ` : html `
-      <svg xmlns="http://www.w3.org/2000/svg" style="enable-background:new 0 0 36 36" viewBox="0 0 36 36">
-        <style>.st2{fill:#b8bbbe}</style><path d="M0 0h36v36H0z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#f0f0f0"/>
-        <path d="M17.7 20.1c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.8 6.4-6.4 6.4z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#d2d2d2"/><path d="M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2z" class="st2"/>
-        <path d="m10.1 36 .1-3.2c.2-2.1 1.1-3.1 3.1-3.5V36h9.4v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h4.7c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4 1.2-3.4 2.6-1.7 1.9-2.6 7.1-3 10.9h4.7z" style="fill:#d2d2d2"/><path d="m25.9 36-.1-3.2c-.2-2.1-1.1-3.1-3.1-3.5V36h3.2z" class="st2"/>
-      </svg>
-      `;
-    }
-}
-BaseAvatar.styles = [style];
-__decorate([
-    property()
-], BaseAvatar.prototype, "src", void 0);
-__decorate([
-    property({ reflect: true })
-], BaseAvatar.prototype, "alt", void 0);
-__decorate([
-    property({ reflect: true })
-], BaseAvatar.prototype, "size", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], BaseAvatar.prototype, "dark", void 0);
-//# sourceMappingURL=BaseAvatar.js.map

package/pf-avatar/BaseAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseAvatar.js","sourceRoot":"","sources":["BaseAvatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;;;AAItD,MAAM,OAAO,eAAgB,SAAQ,KAAK;IACxC,YAAmB,aAAoB;QACrC,KAAK,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QADhC,kBAAa,GAAb,aAAa,CAAO;IAEvC,CAAC;CACF;AAED;;;;;GAKG;AAEH,MAAM,OAAO,UAAW,SAAQ,UAAU;IAA1C;;QAME,yCAAyC;QACZ,QAAG,GAAY,cAAc,CAAC;QAE3D,yBAAyB;QACI,SAAI,GAA8B,IAAI,CAAC;QAEpE,8CAA8C;QACF,SAAI,GAAG,KAAK,CAAC;IAsB3D,CAAC;IApBC,MAAM;QACJ,OAAO,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;;eAEnB,IAAI,CAAC,IAAI;cACV,IAAI,CAAC,GAAG,IAAI,EAAE;iBACX,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC;cAC3D,IAAI,CAAC,GAAG;KACjB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;KAKnB,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;OAML,CAAC;IACN,CAAC;;AAjCe,iBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAGrB;IAAX,QAAQ,EAAE;uCAAc;AAGI;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAA+B;AAG9B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAwC;AAGxB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAc","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\n\nimport style from './BaseAvatar.css';\n\nexport class AvatarLoadEvent extends Event {\n  constructor(public originalEvent: Event) {\n    super('load', { bubbles: true, composed: true });\n  }\n}\n\n/**\n * Avatar is an element for displaying a user's avatar image.\n *\n *\n * @summary For displaying a user's avatar image\n */\n\nexport class BaseAvatar extends LitElement {\n  static readonly styles = [style];\n\n  /** The URL to the user's custom avatar image. */\n  @property() src?: string;\n\n  /** The alt text for the avatar image. */\n  @property({ reflect: true }) alt?: string = 'Avatar image';\n\n  /** Size of the Avatar */\n  @property({ reflect: true }) size: 'sm' | 'md' | 'lg' | 'xl' = 'sm';\n\n  /** Whether or not the Avatar image is dark */\n  @property({ type: Boolean, reflect: true }) dark = false;\n\n  render() {\n    return this.src != null ? html`\n      <img\n        size=${this.size}\n        alt=${this.alt ?? ''}\n        @load=\"${(e: Event) => this.dispatchEvent(new AvatarLoadEvent(e))}\"\n        src=${this.src}>\n    ` : this.dark ? html`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" style=\"enable-background:new 0 0 36 36\" viewBox=\"0 0 36 36\">\n        <style>.st1,.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#6a6e73}.st2{fill:#4f5255}</style><path d=\"M0 0h36v36H0z\" style=\"fill:#212427\"/>\n        <path d=\"M30.5 36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4 1.2-3.4 2.6C6.7 27 5.8 32.2 5.4 36h25.1zM17.7 20.1c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.8 6.4-6.4 6.4z\" class=\"st1\"/><path d=\"M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2zM22.7 36v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h-3.2z\" class=\"st2\"/>\n      </svg>\n    ` : html`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" style=\"enable-background:new 0 0 36 36\" viewBox=\"0 0 36 36\">\n        <style>.st2{fill:#b8bbbe}</style><path d=\"M0 0h36v36H0z\" style=\"fill-rule:evenodd;clip-rule:evenodd;fill:#f0f0f0\"/>\n        <path d=\"M17.7 20.1c-3.5 0-6.4-2.9-6.4-6.4s2.9-6.4 6.4-6.4 6.4 2.9 6.4 6.4-2.8 6.4-6.4 6.4z\" style=\"fill-rule:evenodd;clip-rule:evenodd;fill:#d2d2d2\"/><path d=\"M13.3 36v-6.7c-2 .4-2.9 1.4-3.1 3.5l-.1 3.2h3.2z\" class=\"st2\"/>\n        <path d=\"m10.1 36 .1-3.2c.2-2.1 1.1-3.1 3.1-3.5V36h9.4v-6.7c2 .4 2.9 1.4 3.1 3.5l.1 3.2h4.7c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4 1.2-3.4 2.6-1.7 1.9-2.6 7.1-3 10.9h4.7z\" style=\"fill:#d2d2d2\"/><path d=\"m25.9 36-.1-3.2c-.2-2.1-1.1-3.1-3.1-3.5V36h3.2z\" class=\"st2\"/>\n      </svg>\n      `;\n  }\n}\n"]}

package/pf-back-to-top/demo/demo.css

@@ -1,25 +0,0 @@
-:root {
-  --_scroll-distance: 400px;
-}
-
-main {
-  scroll-behavior: smooth;
-}
-
-.scroll-distance {
-  --_scroll-distance: 200px;
-}
-
-.outer-container {
-  height: calc(100vh - var(--pf-demo-header-height) + var(--_scroll-distance));
-}
-
-.padded {
-  padding: var(--pf-global--spacer--md, 1rem);
-}
-
-.scroll-indicator {
-  height: var(--_scroll-distance);
-  background-color: var(--pf-global--palette--cyan-50, #f2f9f9) !important;
-}
-

package/pf-badge/BaseBadge.css

@@ -1,6 +0,0 @@
-:host {
-  position: relative;
-  white-space: nowrap;
-  text-align: center;
-  display: inline-block;
-}

package/pf-badge/BaseBadge.d.ts

@@ -1,18 +0,0 @@
-import { LitElement } from 'lit';
-export declare abstract class BaseBadge extends LitElement {
-    static readonly styles: CSSStyleSheet[];
-    abstract state?: string;
-    /**
-     * Sets a numeric value for a badge.
-     *
-     * You can pair it with `threshold` attribute to add a `+` sign
-     * if the number exceeds the threshold value.
-     */
-    abstract number?: number;
-    /**
-     * Sets a threshold for the numeric value and adds `+` sign if
-     * the numeric value exceeds the threshold value.
-     */
-    abstract threshold?: number;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/pf-badge/BaseBadge.js

@@ -1,16 +0,0 @@
-import { LitElement, html } from 'lit';
-import { css } from "lit";
-const style = css `:host {\n  position: relative;\n  white-space: nowrap;\n  text-align: center;\n  display: inline-block;\n}`;
-export class BaseBadge extends LitElement {
-    render() {
-        const { threshold, number, textContent } = this;
-        const displayText = (threshold && number && (threshold < number)) ? `${threshold.toString()}+`
-            : (number != null) ? number.toString()
-                : textContent ?? '';
-        return html `
-      <span>${displayText}</span>
-    `;
-    }
-}
-BaseBadge.styles = [style];
-//# sourceMappingURL=BaseBadge.js.map

package/pf-badge/BaseBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseBadge.js","sourceRoot":"","sources":["BaseBadge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;;;AAIvC,MAAM,OAAgB,SAAU,SAAQ,UAAU;IAmBvC,MAAM;QACb,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAChD,MAAM,WAAW,GACb,CAAC,SAAS,IAAI,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,QAAQ,EAAE,GAAG;YAC5E,CAAC,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE;gBACtC,CAAC,CAAC,WAAW,IAAI,EAAE,CAAC;QACtB,OAAO,IAAI,CAAA;cACD,WAAW;KACpB,CAAC;IACJ,CAAC;;AA3Be,gBAAM,GAAG,CAAC,KAAK,CAAC,CAAC","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport style from './BaseBadge.css';\n\nexport abstract class BaseBadge extends LitElement {\n  static readonly styles = [style];\n\n  abstract state?: string;\n\n  /**\n   * Sets a numeric value for a badge.\n   *\n   * You can pair it with `threshold` attribute to add a `+` sign\n   * if the number exceeds the threshold value.\n   */\n  abstract number?: number;\n\n  /**\n   * Sets a threshold for the numeric value and adds `+` sign if\n   * the numeric value exceeds the threshold value.\n   */\n  abstract threshold?: number;\n\n  override render() {\n    const { threshold, number, textContent } = this;\n    const displayText =\n        (threshold && number && (threshold < number)) ? `${threshold.toString()}+`\n      : (number != null) ? number.toString()\n      : textContent ?? '';\n    return html`\n      <span>${displayText}</span>\n    `;\n  }\n}\n"]}

package/pf-button/BaseButton.css

@@ -1,68 +0,0 @@
-:host([hidden]) {
-  display: none !important;
-}
-
-[hidden] {
-  display: none !important;
-}
-
-.pf-button {
-  cursor: pointer;
-  position: relative;
-  font-family: inherit;
-}
-
-.pf-button {
-  border-width: 0;
-  border-style: solid;
-}
-
-.pf-button::after {
-  position: absolute;
-  inset: 0 0 0 0;
-  content: "";
-  border-style: solid;
-}
-
-:host(:is(:disabled, [aria-disabled=true])),
-:host(:is(:disabled, [aria-disabled=true])) #container,
-:host(:is(:disabled, [aria-disabled=true])) .pf-button,
-:host(:is(:disabled, [aria-disabled=true])[danger]) .pf-button,
-:host(:is(:disabled, [aria-disabled=true])[variant=link]) .pf-button {
-  pointer-events: none;
-  cursor: default;
-}
-
-[part=icon] {
-  display: none;
-  pointer-events: none;
-}
-
-.pf-button.hasIcon {
-  position: relative;
-  display: flex;
-  align-items: center;
-}
-
-.pf-button.hasIcon [part=icon] {
-  display: inline-flex;
-  align-items: center;
-  position: absolute;
-  width: 16px;
-}
-
-:host(:not([disabled])) .hasIcon [part=icon] {
-  cursor: pointer;
-}
-
-[part=icon] ::slotted(*) {
-  width: 16px;
-  max-width: 16px;
-  height: 16px;
-  max-height: 16px;
-}
-
-.hasIcon button {
-  position: absolute;
-  inset: 0;
-}

package/pf-button/BaseButton.d.ts

@@ -1,51 +0,0 @@
-import type { TemplateResult } from 'lit';
-import { LitElement } from 'lit';
-/**
- * Base button class
- * @csspart button - Internal button element
- * @csspart icon - Container for the icon slot
- * @slot icon
- *       Contains the button's icon or state indicator, e.g. a spinner.
- * @slot
- *       Must contain exactly one `<button>` element as the only content not assigned to a named slot.
- */
-export declare abstract class BaseButton extends LitElement {
-    #private;
-    static readonly styles: CSSStyleSheet[];
-    static readonly formAssociated = true;
-    static readonly shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
-        customElements?: CustomElementRegistry | undefined;
-        registry?: CustomElementRegistry | undefined;
-    };
-    /** Disables the button */
-    disabled: boolean;
-    type?: 'button' | 'submit' | 'reset';
-    /** Accessible name for the button, use when the button does not have slotted text */
-    label?: string;
-    value?: string;
-    name?: string;
-    /** Shorthand for the `icon` slot, the value is icon name */
-    icon?: string;
-    /** Changes the size of the button. */
-    abstract size?: string;
-    /**
-     * Use danger buttons for actions a user can take that are potentially
-     * destructive or difficult/impossible to undo, like deleting or removing
-     * user data.
-     */
-    abstract danger: unknown;
-    protected get hasIcon(): boolean;
-    render(): TemplateResult<1>;
-    formDisabledCallback(): Promise<void>;
-    /**
-     * Fallback content for the icon slot. When the `icon` attribute is set, it
-     * should render an icon corresponding to the value.
-     * @example ```html
-     *          <base-icon icon=${this.icon}></base-icon>
-     *          ```
-     */
-    protected abstract renderDefaultIcon(): TemplateResult;
-}

package/pf-button/BaseButton.js

@@ -1,84 +0,0 @@
-var _BaseButton_instances, _BaseButton_internals, _BaseButton_onClick;
-import { __classPrivateFieldGet, __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators/property.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { InternalsController } from '@patternfly/pfe-core/controllers/internals-controller.js';
-import { css } from "lit";
-const styles = css `:host([hidden]) {\n  display: none !important;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n.pf-button {\n  cursor: pointer;\n  position: relative;\n  font-family: inherit;\n}\n\n.pf-button {\n  border-width: 0;\n  border-style: solid;\n}\n\n.pf-button::after {\n  position: absolute;\n  inset: 0 0 0 0;\n  content: "";\n  border-style: solid;\n}\n\n:host(:is(:disabled, [aria-disabled=true])),\n:host(:is(:disabled, [aria-disabled=true])) #container,\n:host(:is(:disabled, [aria-disabled=true])) .pf-button,\n:host(:is(:disabled, [aria-disabled=true])[danger]) .pf-button,\n:host(:is(:disabled, [aria-disabled=true])[variant=link]) .pf-button {\n  pointer-events: none;\n  cursor: default;\n}\n\n[part=icon] {\n  display: none;\n  pointer-events: none;\n}\n\n.pf-button.hasIcon {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.pf-button.hasIcon [part=icon] {\n  display: inline-flex;\n  align-items: center;\n  position: absolute;\n  width: 16px;\n}\n\n:host(:not([disabled])) .hasIcon [part=icon] {\n  cursor: pointer;\n}\n\n[part=icon] ::slotted(*) {\n  width: 16px;\n  max-width: 16px;\n  height: 16px;\n  max-height: 16px;\n}\n\n.hasIcon button {\n  position: absolute;\n  inset: 0;\n}\n`;
-/**
- * Base button class
- * @csspart button - Internal button element
- * @csspart icon - Container for the icon slot
- * @slot icon
- *       Contains the button's icon or state indicator, e.g. a spinner.
- * @slot
- *       Must contain exactly one `<button>` element as the only content not assigned to a named slot.
- */
-export class BaseButton extends LitElement {
-    constructor() {
-        super(...arguments);
-        _BaseButton_instances.add(this);
-        /** Disables the button */
-        this.disabled = false;
-        _BaseButton_internals.set(this, InternalsController.of(this));
-    }
-    get hasIcon() {
-        return !!this.icon;
-    }
-    render() {
-        const { disabled, hasIcon, 
-        // @ts-expect-error: will no longer be a problem after closing issue #2616
-        plain, } = this;
-        return html `
-      <button aria-label="${ifDefined(this.label)}"
-              class="pf-button ${classMap({ disabled, hasIcon, plain })}"
-              part="button"
-              type="${ifDefined(this.type)}"
-              value="${ifDefined(this.value)}"
-              @click="${__classPrivateFieldGet(this, _BaseButton_instances, "m", _BaseButton_onClick)}"
-              ?disabled="${this.disabled || __classPrivateFieldGet(this, _BaseButton_internals, "f").formDisabled}">
-        <slot id="icon" part="icon" aria-hidden="true" name="icon">${this.renderDefaultIcon()}</slot>
-        <slot id="text" aria-hidden=${String(!!this.label)}></slot>
-      </button>
-    `;
-    }
-    async formDisabledCallback() {
-        await this.updateComplete;
-        this.requestUpdate();
-    }
-}
-_BaseButton_internals = new WeakMap(), _BaseButton_instances = new WeakSet(), _BaseButton_onClick = function _BaseButton_onClick() {
-    switch (this.type) {
-        case 'reset':
-            return __classPrivateFieldGet(this, _BaseButton_internals, "f").reset();
-        default:
-            return __classPrivateFieldGet(this, _BaseButton_internals, "f").submit();
-    }
-};
-BaseButton.styles = [styles];
-BaseButton.formAssociated = true;
-BaseButton.shadowRootOptions = {
-    ...LitElement.shadowRootOptions,
-    delegatesFocus: true,
-};
-__decorate([
-    property({ reflect: true, type: Boolean })
-], BaseButton.prototype, "disabled", void 0);
-__decorate([
-    property({ reflect: true })
-], BaseButton.prototype, "type", void 0);
-__decorate([
-    property()
-], BaseButton.prototype, "label", void 0);
-__decorate([
-    property()
-], BaseButton.prototype, "value", void 0);
-__decorate([
-    property()
-], BaseButton.prototype, "name", void 0);
-__decorate([
-    property()
-], BaseButton.prototype, "icon", void 0);
-//# sourceMappingURL=BaseButton.js.map

package/pf-button/BaseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["BaseButton.ts"],"names":[],"mappings":";;AAGA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;;;AAI/F;;;;;;;;GAQG;AACH,MAAM,OAAgB,UAAW,SAAQ,UAAU;IAAnD;;;QAUE,0BAA0B;QACkB,aAAQ,GAAG,KAAK,CAAC;QAwB7D,gCAAa,mBAAmB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAC;IAiD5C,CAAC;IA/CC,IAAc,OAAO;QACnB,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAEQ,MAAM;QACb,MAAM,EACJ,QAAQ,EACR,OAAO;QACP,0EAA0E;QAC1E,KAAK,GACN,GAAG,IAAI,CAAC;QACT,OAAO,IAAI,CAAA;4BACa,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;iCAChB,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;;sBAEjD,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;uBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;wBACpB,uBAAA,IAAI,kDAAS;2BACV,IAAI,CAAC,QAAQ,IAAI,uBAAA,IAAI,6BAAW,CAAC,YAAY;qEACH,IAAI,CAAC,iBAAiB,EAAE;sCACvD,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAqB;;KAEzE,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,oBAAoB;QACxB,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;;;IAGC,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,OAAO;YACV,OAAO,uBAAA,IAAI,6BAAW,CAAC,KAAK,EAAE,CAAC;QACjC;YACE,OAAO,uBAAA,IAAI,6BAAW,CAAC,MAAM,EAAE,CAAC;IACpC,CAAC;AACH,CAAC;AAzEe,iBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAElB,yBAAc,GAAG,IAAI,AAAP,CAAQ;AAEb,4BAAiB,GAAG;IAC3C,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,AAHyC,CAGxC;AAG0C;IAA3C,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAkB;AAEhC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAsC;AAGtD;IAAX,QAAQ,EAAE;yCAAgB;AAEf;IAAX,QAAQ,EAAE;yCAAgB;AAEf;IAAX,QAAQ,EAAE;wCAAe;AAGd;IAAX,QAAQ,EAAE;wCAAe","sourcesContent":["// we will shortly remove this file in #2631\n/* eslint-disable lit-a11y/no-aria-slot */\nimport type { TemplateResult } from 'lit';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport { InternalsController } from '@patternfly/pfe-core/controllers/internals-controller.js';\n\nimport styles from './BaseButton.css';\n\n/**\n * Base button class\n * @csspart button - Internal button element\n * @csspart icon - Container for the icon slot\n * @slot icon\n *       Contains the button's icon or state indicator, e.g. a spinner.\n * @slot\n *       Must contain exactly one `<button>` element as the only content not assigned to a named slot.\n */\nexport abstract class BaseButton extends LitElement {\n  static readonly styles = [styles];\n\n  static readonly formAssociated = true;\n\n  static override readonly shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /** Disables the button */\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  @property({ reflect: true }) type?: 'button' | 'submit' | 'reset';\n\n  /** Accessible name for the button, use when the button does not have slotted text */\n  @property() label?: string;\n\n  @property() value?: string;\n\n  @property() name?: string;\n\n  /** Shorthand for the `icon` slot, the value is icon name */\n  @property() icon?: string;\n\n  /** Changes the size of the button. */\n  abstract size?: string;\n\n  /**\n   * Use danger buttons for actions a user can take that are potentially\n   * destructive or difficult/impossible to undo, like deleting or removing\n   * user data.\n   */\n  abstract danger: unknown;\n\n  #internals = InternalsController.of(this);\n\n  protected get hasIcon() {\n    return !!this.icon;\n  }\n\n  override render() {\n    const {\n      disabled,\n      hasIcon,\n      // @ts-expect-error: will no longer be a problem after closing issue #2616\n      plain,\n    } = this;\n    return html`\n      <button aria-label=\"${ifDefined(this.label)}\"\n              class=\"pf-button ${classMap({ disabled, hasIcon, plain })}\"\n              part=\"button\"\n              type=\"${ifDefined(this.type)}\"\n              value=\"${ifDefined(this.value)}\"\n              @click=\"${this.#onClick}\"\n              ?disabled=\"${this.disabled || this.#internals.formDisabled}\">\n        <slot id=\"icon\" part=\"icon\" aria-hidden=\"true\" name=\"icon\">${this.renderDefaultIcon()}</slot>\n        <slot id=\"text\" aria-hidden=${String(!!this.label) as 'true' | 'false'}></slot>\n      </button>\n    `;\n  }\n\n  async formDisabledCallback() {\n    await this.updateComplete;\n    this.requestUpdate();\n  }\n\n  #onClick() {\n    switch (this.type) {\n      case 'reset':\n        return this.#internals.reset();\n      default:\n        return this.#internals.submit();\n    }\n  }\n\n  /**\n   * Fallback content for the icon slot. When the `icon` attribute is set, it\n   * should render an icon corresponding to the value.\n   * @example ```html\n   *          <base-icon icon=${this.icon}></base-icon>\n   *          ```\n   */\n  protected abstract renderDefaultIcon(): TemplateResult;\n}\n"]}

package/pf-card/BaseCard.css

@@ -1,36 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: column;
-}
-
-article {
-  position: relative;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-[part=header] {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-
-[part=body] ::slotted(:not([slot]):first-of-type) {
-  margin-block-start: 0 !important;
-}
-
-[part=body] ::slotted(:not([slot]):last-of-type) {
-  margin-block-end: 0 !important;
-}
-
-[part=footer] {
-  display: flex;
-  gap: 0.5em;
-  inset-block-end: 0;
-}
-
-.empty {
-  display: none;
-}
-

package/pf-card/BaseCard.d.ts

@@ -1,24 +0,0 @@
-import { LitElement } from 'lit';
-import { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';
-/**
- * This element creates a header, body, and footer region in which to place
- * content or other components.
- *
- * @summary Gives a preview of information in a small layout
- *
- * @slot header
- *       If this slot is used, we expect a heading level tag (h1, h2, h3, h4, h5, h6).
- *       An icon, svg, or use of the icon component are also valid in this region.
- * @slot - Any content that is not designated for the header or footer slot, will go to this slot.
- * @slot footer
- *       Use this slot for anything that you want to be stuck to the base of the card.
- *
- * @csspart header - The container for *header* content
- * @csspart body - The container for *body* content
- * @csspart footer - The container for *footer* content
- */
-export declare abstract class BaseCard extends LitElement {
-    static readonly styles: CSSStyleSheet[];
-    protected slots: SlotController;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/pf-card/BaseCard.js

@@ -1,51 +0,0 @@
-import { LitElement, html } from 'lit';
-import { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { css } from "lit";
-const style = css `:host {\n  display: flex;\n  flex-direction: column;\n}\n\narticle {\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n[part=header] {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n[part=body] ::slotted(:not([slot]):first-of-type) {\n  margin-block-start: 0 !important;\n}\n\n[part=body] ::slotted(:not([slot]):last-of-type) {\n  margin-block-end: 0 !important;\n}\n\n[part=footer] {\n  display: flex;\n  gap: 0.5em;\n  inset-block-end: 0;\n}\n\n.empty {\n  display: none;\n}\n\n`;
-/**
- * This element creates a header, body, and footer region in which to place
- * content or other components.
- *
- * @summary Gives a preview of information in a small layout
- *
- * @slot header
- *       If this slot is used, we expect a heading level tag (h1, h2, h3, h4, h5, h6).
- *       An icon, svg, or use of the icon component are also valid in this region.
- * @slot - Any content that is not designated for the header or footer slot, will go to this slot.
- * @slot footer
- *       Use this slot for anything that you want to be stuck to the base of the card.
- *
- * @csspart header - The container for *header* content
- * @csspart body - The container for *body* content
- * @csspart footer - The container for *footer* content
- */
-export class BaseCard extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.slots = new SlotController(this, 'header', null, 'footer');
-    }
-    render() {
-        return html `
-      <article>
-        <header id="header"
-                part="header"
-                class="${classMap({ empty: !this.slots.hasSlotted('header') })}">
-          <slot name="header"></slot>
-        </header>
-        <div id="body"
-             part="body"
-             class="${classMap({ empty: !this.querySelector(':not([slot])') })}">
-          <slot></slot>
-        </div>
-        <footer id="footer"
-                part="footer"
-                class="${classMap({ empty: !this.slots.hasSlotted('footer') })}">
-          <slot name="footer"></slot>
-        </footer>
-      </article>
-    `;
-    }
-}
-BaseCard.styles = [style];
-//# sourceMappingURL=BaseCard.js.map

package/pf-card/BaseCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCard.js","sourceRoot":"","sources":["BaseCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;;;AAIvD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAgB,QAAS,SAAQ,UAAU;IAAjD;;QAGY,UAAK,GAAG,IAAI,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IAuBvE,CAAC;IArBC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;yBAIU,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;;sBAKxD,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,CAAC;;;;;yBAKrD,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;;;;KAIzE,CAAC;IACJ,CAAC;;AAxBe,eAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW","sourcesContent":["import { LitElement, html } from 'lit';\nimport { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';\n\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport style from './BaseCard.css';\n\n/**\n * This element creates a header, body, and footer region in which to place\n * content or other components.\n *\n * @summary Gives a preview of information in a small layout\n *\n * @slot header\n *       If this slot is used, we expect a heading level tag (h1, h2, h3, h4, h5, h6).\n *       An icon, svg, or use of the icon component are also valid in this region.\n * @slot - Any content that is not designated for the header or footer slot, will go to this slot.\n * @slot footer\n *       Use this slot for anything that you want to be stuck to the base of the card.\n *\n * @csspart header - The container for *header* content\n * @csspart body - The container for *body* content\n * @csspart footer - The container for *footer* content\n */\nexport abstract class BaseCard extends LitElement {\n  static readonly styles = [style];\n\n  protected slots = new SlotController(this, 'header', null, 'footer');\n\n  render() {\n    return html`\n      <article>\n        <header id=\"header\"\n                part=\"header\"\n                class=\"${classMap({ empty: !this.slots.hasSlotted('header') })}\">\n          <slot name=\"header\"></slot>\n        </header>\n        <div id=\"body\"\n             part=\"body\"\n             class=\"${classMap({ empty: !this.querySelector(':not([slot])') })}\">\n          <slot></slot>\n        </div>\n        <footer id=\"footer\"\n                part=\"footer\"\n                class=\"${classMap({ empty: !this.slots.hasSlotted('footer') })}\">\n          <slot name=\"footer\"></slot>\n        </footer>\n      </article>\n    `;\n  }\n}\n"]}

package/pf-clipboard-copy/BaseClipboardCopy.css

@@ -1,6 +0,0 @@
-[hidden],
-[inert],
-[inert]::slotted(*) {
-  display: none !important;
-}
-