From 861c1cd55c1d9e4b996d1d35aee39fa172b8cecb Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Tue, 28 Feb 2023 13:33:22 -0500 Subject: [PATCH 01/20] docs(clipboard-copy): improve docs --- .../docs/pf-clipboard-copy.md | 157 +++++++++++++++++- .../pf-clipboard-copy/pf-clipboard-copy.ts | 3 +- 2 files changed, 157 insertions(+), 3 deletions(-) diff --git a/elements/pf-clipboard-copy/docs/pf-clipboard-copy.md b/elements/pf-clipboard-copy/docs/pf-clipboard-copy.md index e162fac5b9..5615e193db 100644 --- a/elements/pf-clipboard-copy/docs/pf-clipboard-copy.md +++ b/elements/pf-clipboard-copy/docs/pf-clipboard-copy.md @@ -1,8 +1,161 @@ + + {% renderOverview %} - +
+ +
+ + ```html + + ``` {% endrenderOverview %} -{% band header="Usage" %}{% endband %} +{% band header="Usage" %} +
+

Read-only

+ +
+ + ```html + + ``` + +
+

Expanded

+ + Got a lot of text here, need to see all of it? + Click that arrow on the left side and check out the resulting expansion. + +
+ + ```html + + Got a lot of text here, need to see all of it? + Click that arrow on the left side and check out the resulting expansion. + + ``` + +
+

Read-only expanded

+ + Got a lot of text here, need to see all of it? + Click that arrow on the left side and check out the resulting expansion. + +
+ + ```html + + Got a lot of text here, need to see all of it? + Click that arrow on the left side and check out the resulting expansion. + + ``` + +
+

Read-only expanded by default

+ +

Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion.

+

asodifna osdif

+ +
+ + ```html + +

Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion.

+

asodifna osdif

+ + ``` + +
+

JSON object (pre-formatted code)

+ + { "menu": { + "id": "file", + "value": "File", + "popup": { + "menuitem": [ + {"value": "New", "onclick": "CreateNewDoc()"}, + {"value": "Open", "onclick": "OpenDoc()"}, + {"value": "Close", "onclick": "CloseDoc()"} + ] + } + }} + +
+ + ```html + + { "menu": { + "id": "file", + "value": "File", + "popup": { + "menuitem": [ + {"value": "New", "onclick": "CreateNewDoc()"}, + {"value": "Open", "onclick": "OpenDoc()"}, + {"value": "Close", "onclick": "CloseDoc()"} + ] + } + }} + + ``` + +
+

Inline compact

+ 2.3.4-2-redhat +
+ + ```html + 2.3.4-2-redhat + ``` + +
+

Inline compact code

+ 2.3.4-2-redhat +
+ + ```html + 2.3.4-2-redhat + ``` + +
+

Inline compact with additional action

+ 2.3.4-2-redhat + + + + +
+ + ```html + 2.3.4-2-redhat + + + + + ``` + +
+
+

Inline compact in sentence

+

Basic

+
+

Lorem ipsum 2.3.4-2-redhat

+

Long copy string

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. https://app.openshift.io/path/sub-path/sub-sub-path/?runtime=quarkus/12345678901234567890/abcdefghijklmnopqrstuvwxyz1234567890 Mauris luctus, libero nec dapibus ultricies, urna purus pretium mauris, ullamcorper pharetra lacus nibh vitae enim.

+

Long copy string in block

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. + https://app.openshift.io/path/sub-path/sub-sub-path/?runtime=quarkus/12345678901234567890/abcdefghijklmnopqrstuvwxyz1234567890 Mauris luctus, libero nec dapibus ultricies, urna purus pretium mauris, ullamcorper pharetra lacus nibh vitae enim. +

+
+{% endband %} {% renderSlots %}{% endrenderSlots %} diff --git a/elements/pf-clipboard-copy/pf-clipboard-copy.ts b/elements/pf-clipboard-copy/pf-clipboard-copy.ts index ce4e28d665..226d0780cb 100644 --- a/elements/pf-clipboard-copy/pf-clipboard-copy.ts +++ b/elements/pf-clipboard-copy/pf-clipboard-copy.ts @@ -15,7 +15,8 @@ import '@patternfly/elements/pf-tooltip/pf-tooltip.js'; const sleep = (ms?: number) => new Promise(r => setTimeout(r, ms)); /** - * Clipboard Copy + * **Clipboard copy** component allows users to quickly and easily copy content to their clipboard. + * * @slot - Place content to copy here, or use the `value` attribute * @slot actions - Place additional action buttons here */ From 9a881e3878d6f6c9cec3127bcd2dc6639073640a Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Tue, 28 Feb 2023 16:31:05 -0500 Subject: [PATCH 02/20] docs: cleaning up of styles --- docs/_includes/_foot.njk | 22 - docs/main.css | 71 +- .../docs/pf-clipboard-copy.md | 48 +- package-lock.json | 1123 +---------------- package.json | 2 +- 5 files changed, 83 insertions(+), 1183 deletions(-) diff --git a/docs/_includes/_foot.njk b/docs/_includes/_foot.njk index 72c04820d8..5b67ecb432 100644 --- a/docs/_includes/_foot.njk +++ b/docs/_includes/_foot.njk @@ -5,28 +5,6 @@ {% endfor %} - - - - - - - - - -
  • GitHub
    • diff --git a/docs/main.css b/docs/main.css index 07e880cd1e..8e09a5e52e 100644 --- a/docs/main.css +++ b/docs/main.css @@ -37,17 +37,19 @@ summary :is(h1,h2,h3,h4,h5,h6) { :is(h1, h2, h3):not([slot]), p.subtitle { - font-weight: 400; - font-family: 'Red Hat Display', sans-serif; + font-weight: var(--pf-c-title--m-4xl--FontWeight, var(--pf-global--FontWeight--normal, 600)); + font-family: var(--pf-c-content--heading--FontFamily, var(--pf-global--FontFamily--heading--sans-serif, var(--pf-global--FontFamily--redhat-updated--heading--sans-serif, "Red Hat Display", "Overpass", overpass, helvetica, arial, sans-serif))); } h1:not([slot]) { - font-size: 2rem; + /* font-size: 2rem; */ + font-size: var(--pf-c-title--m-4xl--FontSize, var(--pf-c-title--m-4xl--FontWeight, 2.25rem)); + line-height: var(--pf-c-title--m-4xl--LineHeight, var(--pf-global--LineHeight--sm, 1.3)); } h3:not([slot]), p.subtitle { - margin-top: 0.83em; + margin-block-start: 0.83em; font-weight: 500; } @@ -59,24 +61,43 @@ strong { font-weight: bold; } -.band { - padding-block: 48px; - padding-inline: 64px; +header.band { + background-color: + var( + --pf-c-page__main-section--BackgroundColor, + var( + --pf-c-page__main-section--m-light-100--BackgroundColor, + var(--pf-global--BackgroundColor--150, #fafafa))); + padding: var(--pf-global--spacer--md, 1rem) var(--pf-global--spacer--md, 1rem); + box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow, var(--pf-global--BoxShadow--sm-bottom, 0 0.125rem 0.25rem -0.0625rem rgba(3, 3, 3, 0.16))); } -.band.small { +/* Not an ideal selector... hacking away */ +section.band:not(#component-list):not(#lightw):not(#univ):not(.accent):not(.small) { + max-width: 1008px; + padding: var(--pf-global--spacer--md, 1rem) var(--pf-global--spacer--md, 1rem); +} + +#component-list { + padding: var(--pf-global--spacer--xl, 2rem) var(--pf-global--spacer--md, 1rem); +} + +section.band.small { padding-block: 16px; padding-inline: 48px; } -.band.base { +section.band.base { background-color: #ededed; } -@media screen and (min-width: 768px) { - .band { padding-inline: 4rem; } +/* This most likely could have unintended side effects */ +section.band.overview + section.band { + display: none; } + + a.cta { white-space: normal; display: inline-block; @@ -218,13 +239,11 @@ header.band h1 { .band > h2[id]:not(.no-header-styles) { font-size: 1.5rem; line-height: 1.9375rem; - font-weight: bold; margin-top: 2em; } .band > h3[id] { font-size: 1.3rem; - font-weight: bold; margin-top: 2em; } @@ -665,6 +684,12 @@ blockquote { } } +@media (min-width: 768px) { + header.band { + padding-block: var(--pf-global--spacer--xl, 2rem); + } +} + @media (min-width: 820px) { main.basic, main.blog, @@ -672,7 +697,14 @@ blockquote { padding-left: 17.5rem; } + header.band, + section.band:not(#component-list):not(#lightw):not(#univ):not(.accent):not(.small) { + padding-inline: var(--pf-global--spacer--3xl, 4rem) + } + #component-list { + padding: var(--pf-global--spacer--3xl, 4rem) var(--pf-global--spacer--3xl, 4rem); + } .site-navigation { visibility: visible; @@ -890,19 +922,6 @@ dl.member dd { display: block; } -rh-global-footer { - --rh-footer-icon-color: var(--rh-color-black-500, #8a8d90); - --rh-footer-icon-color-hover: var(--rh-color-black-400, #b8bbbe); -} - -rh-global-footer .global-logo-image { - fill: var(--rh-footer-icon-color); -} - -rh-global-footer .global-logo-image:is(:hover, :focus-within) { - fill: var(--rh-footer-icon-color-hover); -} - @media (min-width: 820px) { rh-global-footer { width: calc(100vw - 17.5rem); diff --git a/elements/pf-clipboard-copy/docs/pf-clipboard-copy.md b/elements/pf-clipboard-copy/docs/pf-clipboard-copy.md index 5615e193db..5a49eb8d30 100644 --- a/elements/pf-clipboard-copy/docs/pf-clipboard-copy.md +++ b/elements/pf-clipboard-copy/docs/pf-clipboard-copy.md @@ -1,16 +1,5 @@ - - {% renderOverview %} -
    +
    @@ -20,22 +9,22 @@ {% endrenderOverview %} {% band header="Usage" %} -
    +

    Read-only

    -
    +
    ```html ``` -
    +

    Expanded

    Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion. -
    + ```html @@ -44,13 +33,13 @@ ``` -
    +

    Read-only expanded

    Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion. -
    + ```html @@ -59,13 +48,13 @@ ``` -
    +

    Read-only expanded by default

    Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion.

    asodifna osdif

     -
    + ```html @@ -74,7 +63,7 @@ ``` -
    +

    JSON object (pre-formatted code)

    { "menu": { @@ -89,7 +78,7 @@ } }} -
    + ```html @@ -107,32 +96,32 @@ ``` -
    +

    Inline compact

    2.3.4-2-redhat -
    + ```html 2.3.4-2-redhat ``` -
    +

    Inline compact code

    2.3.4-2-redhat -
    + ```html 2.3.4-2-redhat ``` -
    +

    Inline compact with additional action

    2.3.4-2-redhat -
    + ```html 2.3.4-2-redhat @@ -142,7 +131,7 @@ ``` -
    +

    Inline compact in sentence

    Basic

    @@ -154,7 +143,6 @@

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. https://app.openshift.io/path/sub-path/sub-sub-path/?runtime=quarkus/12345678901234567890/abcdefghijklmnopqrstuvwxyz1234567890 Mauris luctus, libero nec dapibus ultricies, urna purus pretium mauris, ullamcorper pharetra lacus nibh vitae enim.

    -
    {% endband %} {% renderSlots %}{% endrenderSlots %} diff --git a/package-lock.json b/package-lock.json index 5418eecb37..f3b9af25e6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -23,7 +23,7 @@ "@jspm/generator": "^1.0.0-beta.33", "@octokit/core": "^4.2.0", "@patternfly/patternfly": "^4.210.2", - "@rhds/elements": "^1.0.0-beta.28", + "@rhds/elements": "^1.0.0-beta.32", "@types/koa__router": "^12.0.0", "@types/numeral": "^2.0.2", "@types/prismjs": "^1.26.0", @@ -2482,513 +2482,14 @@ "dev": true, "license": "MIT" }, - "node_modules/@patternfly/pfe-accordion": { - "version": "2.0.0-next.12", - "dev": true, - "license": "MIT", - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.14", - "@patternfly/pfe-icon": "^2.0.0-next.5", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-accordion/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-autocomplete": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-autocomplete/-/pfe-autocomplete-2.0.0-next.4.tgz", - "integrity": "sha512-HHzcsIdl1N6xFBgTGu3IqjeA+43meEsKsQoqy2UDJyabvgutgfDd6pABdXB5pgvRRhaM6Z5qrm4deLjW48RRQg==", - "dev": true, - "dependencies": { - "@patternfly/pfe-button": "^2.0.0-next.7", - "@patternfly/pfe-core": "^2.0.0-next.10", - "@patternfly/pfe-sass": "^2.0.0-next.5", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-autocomplete/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-avatar": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-avatar/-/pfe-avatar-2.0.0-next.3.tgz", - "integrity": "sha512-/dhaSBCaV/iEKHoZfzEOB6Nc22YD4zTEjCBHZuH3fYSdrkq0RtdE13RjgY0q3CvgauKpfGQGj58ag2jjAeinKw==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-avatar/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-badge": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-badge/-/pfe-badge-2.0.0-next.4.tgz", - "integrity": "sha512-75NxFGC1y3gA2UK2hENC+T9YXvAOT4EG1RTnvxTGIpA9NRJAUOhw9p6pwbr4qUNMfOBFPINP2NTcy19q5Ba3Dw==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-badge/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-button": { - "version": "2.0.0-next.9", - "dev": true, - "license": "MIT", - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.13", - "@patternfly/pfe-icon": "^2.0.0-next.5", - "@patternfly/pfe-spinner": "^2.0.0-next.6", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-button/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-card": { - "version": "2.0.0-next.7", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-card/-/pfe-card-2.0.0-next.7.tgz", - "integrity": "sha512-mPtL/ef4gmfpMtQzXRXROKANAdB4XHWW1XwPzR/e8bpwGrvs1hfbtB2tHR2kbTsPtJmcro68l2Kn93orAj8PVA==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-card/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-collapse": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-collapse/-/pfe-collapse-2.0.0-next.4.tgz", - "integrity": "sha512-FaQj6NIsX7QIQi5zfdQeW/WhSvBYMOtGwXupCyVMfh4tm50UWDzYWqqmCAmkoKmzErGmXV4tg5oOwfeJWmdHOQ==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-collapse/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, "node_modules/@patternfly/pfe-core": { "resolved": "core/pfe-core", "link": true }, - "node_modules/@patternfly/pfe-cta": { - "version": "2.0.0-next.5", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-cta/-/pfe-cta-2.0.0-next.5.tgz", - "integrity": "sha512-2iuhmD6FOoMR+VPeQNyaH1WTA1eRs58+JMp9j2zY7t/rQWAw3FLYuCMrjN34/WDJoIKlM6sgHnz1U/Wk1aAUNw==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-cta/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-datetime": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-datetime/-/pfe-datetime-2.0.0-next.4.tgz", - "integrity": "sha512-l63foZiODHpdKJcNI308GcowKQStBQgJVXX4Mln9KjayFS7DbK960EF0IaHYYR2qytftt07WwWt/hOGTTNTetg==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-datetime/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-dropdown": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-dropdown/-/pfe-dropdown-2.0.0-next.3.tgz", - "integrity": "sha512-pdCZOhrpiJsOB5cfNdFlGbqsenl/PhyLYANb3J+Ek3ByMtzHnVRX8MlnXkMXrsUxmcEQfRsPSVzKy7NHg2SgGA==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-dropdown/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-health-index": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-health-index/-/pfe-health-index-2.0.0-next.3.tgz", - "integrity": "sha512-3DdzMDXBk1wuXmpv8eJcKd1/TeOsNEIOBpgdFAmWyJpVS1vw5FtQjSnvhFwb1HkzSPJX0WQig4nclnJNvMHAkQ==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-health-index/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-icon": { - "version": "2.0.0-next.6", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-icon/-/pfe-icon-2.0.0-next.6.tgz", - "integrity": "sha512-dUpSmHi1h0gXBW2oK4lZhxSfOLvtUZjakPVefYk32QHGhATG4U3DGB486tUr+ZEgKN5JltHLRmYVE8JmDOtR9w==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-icon-panel": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-icon-panel/-/pfe-icon-panel-2.0.0-next.3.tgz", - "integrity": "sha512-EnBJTCEtwBtCHaOwPvX2uy3bq2gOXK1XHmMr7JFRLFKh9TO3eBVpFTuLcZk0mJjzETnrcNXoYTXa408a/Qxx/Q==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "@patternfly/pfe-icon": "^2.0.0-next.4", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-icon-panel/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-icon/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-jump-links": { - "version": "2.0.0-next.7", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-jump-links/-/pfe-jump-links-2.0.0-next.7.tgz", - "integrity": "sha512-Dzm0HxaFUXXPi1KJalan61D0+GQA7wGlPcKfQG0TJUDrLw3RgpFsxS7ocTgcqlTX6m7h1QKyIbrao1sOyQlQhg==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.14", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-jump-links/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-label": { - "version": "1.0.0-next.7", - "dev": true, - "license": "MIT", - "dependencies": { - "@patternfly/pfe-button": "^2.0.0-next.9", - "@patternfly/pfe-core": "^2.0.0-next.13", - "@patternfly/pfe-icon": "^2.0.0-next.5", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-label/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-markdown": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-markdown/-/pfe-markdown-2.0.0-next.3.tgz", - "integrity": "sha512-c0lRLenLcfOlevvLlClMKYIdgp03+NG7OQnXJ7g2nIlsueXzdqO5pVhLUon/HK1Cq8EVkA/ivm3NDUp3VBPejQ==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0", - "marked": "4.0.18" - } - }, - "node_modules/@patternfly/pfe-markdown/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-modal": { - "version": "2.0.0-next.6", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-modal/-/pfe-modal-2.0.0-next.6.tgz", - "integrity": "sha512-xuzzclW6o99QiUI/3aYSkOkr4ZIdgQ1CEcdRSAwHHcp5gAabnn8cZwJvt6FonN/mI1NJCfAVrXD+ptjnw6z8xg==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-modal/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-number": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-number/-/pfe-number-2.0.0-next.3.tgz", - "integrity": "sha512-JH8v6zdmPr+ZNQyoSZXKa2npZgRehjucieNVJ4t1d6inFO8Rbw94ol8zQwABv/BsoYiDCweQJqCdKTYvWNdrfw==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0", - "numeral": "2.0.6" - } - }, - "node_modules/@patternfly/pfe-number/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-page-status": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-page-status/-/pfe-page-status-2.0.0-next.4.tgz", - "integrity": "sha512-TyGK0+bchaJk0u95UGp4B7Lvpe3pgLodlN2osYGk4TElqxLleGE8j8jJvk89rbBbDkWIQ0imKQAYNNYvyx/yaw==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-page-status/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-sass": { - "version": "2.0.0-next.5", - "dev": true, - "license": "MIT", - "dependencies": { - "@patternfly/patternfly": "^4.183.1" - } - }, - "node_modules/@patternfly/pfe-select": { - "version": "2.0.0-next.5", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-select/-/pfe-select-2.0.0-next.5.tgz", - "integrity": "sha512-KmGMWO8PEIPQHv1Jt/8gss0Kt5xIg6KVRgpbHFsBlwVktegjP7ESJ4Vw2KsHqY4A3n/1RFty3K3usV1VptH55Q==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-select/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-spinner": { - "version": "2.0.0-next.6", - "dev": true, - "license": "MIT", - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-spinner/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-styles": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-styles/-/pfe-styles-2.0.0-next.4.tgz", - "integrity": "sha512-RhGazCfHaznpaI6gUYgY439lcaBVknRX3uR3ElMSBS9H4nvYhV/B2DtzJ8+81PaHOJxkJghSX+rrpDUug4GuWA==", - "dev": true - }, - "node_modules/@patternfly/pfe-tabs": { - "version": "2.0.0-next.10", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-tabs/-/pfe-tabs-2.0.0-next.10.tgz", - "integrity": "sha512-mGio8StwVehLHaY1gDJbuNZl8+prFWyxrwpGrJGKxWr3Uyow2ntdx0scPr7Y0pikjAZ9f+IXVUpybJHrtV+h+w==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.13", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-tabs/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, - "node_modules/@patternfly/pfe-toast": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-toast/-/pfe-toast-2.0.0-next.3.tgz", - "integrity": "sha512-xdbsURrh22KTuH3aZ7P63vLVu2SLAThW4uJZPkduGGhXIIKwA4IqGuk6mFHKa74+qsURDF00F3Uq/R3m4ouL5A==", - "dev": true, - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-toast/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, "node_modules/@patternfly/pfe-tools": { "resolved": "tools/pfe-tools", "link": true }, - "node_modules/@patternfly/pfe-tooltip": { - "version": "2.0.0-next.9", - "dev": true, - "license": "MIT", - "dependencies": { - "@patternfly/pfe-core": "^2.0.0-next.14", - "lit": "2.3.0" - } - }, - "node_modules/@patternfly/pfe-tooltip/node_modules/lit": { - "version": "2.3.0", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - }, "node_modules/@pkgr/utils": { "version": "2.3.1", "license": "MIT", @@ -3084,37 +2585,16 @@ } }, "node_modules/@rhds/elements": { - "version": "1.0.0-beta.28", - "dev": true, - "license": "MIT", - "dependencies": { - "@patternfly/pfe-accordion": "^2.0.0-next.7", - "@patternfly/pfe-autocomplete": "next", - "@patternfly/pfe-avatar": "next", - "@patternfly/pfe-badge": "next", - "@patternfly/pfe-card": "next", - "@patternfly/pfe-collapse": "next", - "@patternfly/pfe-cta": "next", - "@patternfly/pfe-datetime": "next", - "@patternfly/pfe-dropdown": "next", - "@patternfly/pfe-health-index": "next", - "@patternfly/pfe-icon": "next", - "@patternfly/pfe-icon-panel": "next", - "@patternfly/pfe-jump-links": "next", - "@patternfly/pfe-label": "^1.0.0-next.5", - "@patternfly/pfe-markdown": "next", - "@patternfly/pfe-modal": "next", - "@patternfly/pfe-number": "next", - "@patternfly/pfe-page-status": "next", - "@patternfly/pfe-select": "next", - "@patternfly/pfe-spinner": "^2.0.0-next.6", - "@patternfly/pfe-styles": "next", - "@patternfly/pfe-tabs": "next", - "@patternfly/pfe-toast": "next", - "@patternfly/pfe-tooltip": "^2.0.0-next.8", + "version": "1.0.0-beta.32", + "resolved": "https://registry.npmjs.org/@rhds/elements/-/elements-1.0.0-beta.32.tgz", + "integrity": "sha512-zvlnXkvAaaDA1k6vGkZV3CtJIYS2M6ywZ78rNtjtJ3L5RZf94aac3yO83Y0kRsALPAjMs3Gr/MQKg07Ue9AUXA==", + "dev": true, + "hasInstallScript": true, + "dependencies": { + "@patternfly/elements": "^2.0.0-rc.5", "@rhds/tokens": "^1.0.0-beta.3", - "lit": "^2.3.1", - "tslib": "^2.4.0" + "lit": "^2.6.1", + "tslib": "^2.5.0" } }, "node_modules/@rhds/tokens": { @@ -11792,17 +11272,6 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, - "node_modules/marked": { - "version": "4.0.18", - "dev": true, - "license": "MIT", - "bin": { - "marked": "bin/marked.js" - }, - "engines": { - "node": ">= 12" - } - }, "node_modules/marky": { "version": "1.2.5", "license": "Apache-2.0" @@ -13027,14 +12496,6 @@ "url": "https://github.com/fb55/nth-check?sponsor=1" } }, - "node_modules/numeral": { - "version": "2.0.6", - "dev": true, - "license": "MIT", - "engines": { - "node": "*" - } - }, "node_modules/nunjucks": { "version": "3.2.3", "license": "BSD-2-Clause", @@ -20080,154 +19541,6 @@ "version": "4.222.4", "dev": true }, - "@patternfly/pfe-accordion": { - "version": "2.0.0-next.12", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.14", - "@patternfly/pfe-icon": "^2.0.0-next.5", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-autocomplete": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-autocomplete/-/pfe-autocomplete-2.0.0-next.4.tgz", - "integrity": "sha512-HHzcsIdl1N6xFBgTGu3IqjeA+43meEsKsQoqy2UDJyabvgutgfDd6pABdXB5pgvRRhaM6Z5qrm4deLjW48RRQg==", - "dev": true, - "requires": { - "@patternfly/pfe-button": "^2.0.0-next.7", - "@patternfly/pfe-core": "^2.0.0-next.10", - "@patternfly/pfe-sass": "^2.0.0-next.5", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-avatar": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-avatar/-/pfe-avatar-2.0.0-next.3.tgz", - "integrity": "sha512-/dhaSBCaV/iEKHoZfzEOB6Nc22YD4zTEjCBHZuH3fYSdrkq0RtdE13RjgY0q3CvgauKpfGQGj58ag2jjAeinKw==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-badge": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-badge/-/pfe-badge-2.0.0-next.4.tgz", - "integrity": "sha512-75NxFGC1y3gA2UK2hENC+T9YXvAOT4EG1RTnvxTGIpA9NRJAUOhw9p6pwbr4qUNMfOBFPINP2NTcy19q5Ba3Dw==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-button": { - "version": "2.0.0-next.9", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.13", - "@patternfly/pfe-icon": "^2.0.0-next.5", - "@patternfly/pfe-spinner": "^2.0.0-next.6", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-card": { - "version": "2.0.0-next.7", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-card/-/pfe-card-2.0.0-next.7.tgz", - "integrity": "sha512-mPtL/ef4gmfpMtQzXRXROKANAdB4XHWW1XwPzR/e8bpwGrvs1hfbtB2tHR2kbTsPtJmcro68l2Kn93orAj8PVA==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-collapse": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-collapse/-/pfe-collapse-2.0.0-next.4.tgz", - "integrity": "sha512-FaQj6NIsX7QIQi5zfdQeW/WhSvBYMOtGwXupCyVMfh4tm50UWDzYWqqmCAmkoKmzErGmXV4tg5oOwfeJWmdHOQ==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, "@patternfly/pfe-core": { "version": "file:core/pfe-core", "requires": { @@ -20235,356 +19548,6 @@ "lit": "2.6.1" } }, - "@patternfly/pfe-cta": { - "version": "2.0.0-next.5", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-cta/-/pfe-cta-2.0.0-next.5.tgz", - "integrity": "sha512-2iuhmD6FOoMR+VPeQNyaH1WTA1eRs58+JMp9j2zY7t/rQWAw3FLYuCMrjN34/WDJoIKlM6sgHnz1U/Wk1aAUNw==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-datetime": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-datetime/-/pfe-datetime-2.0.0-next.4.tgz", - "integrity": "sha512-l63foZiODHpdKJcNI308GcowKQStBQgJVXX4Mln9KjayFS7DbK960EF0IaHYYR2qytftt07WwWt/hOGTTNTetg==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-dropdown": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-dropdown/-/pfe-dropdown-2.0.0-next.3.tgz", - "integrity": "sha512-pdCZOhrpiJsOB5cfNdFlGbqsenl/PhyLYANb3J+Ek3ByMtzHnVRX8MlnXkMXrsUxmcEQfRsPSVzKy7NHg2SgGA==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-health-index": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-health-index/-/pfe-health-index-2.0.0-next.3.tgz", - "integrity": "sha512-3DdzMDXBk1wuXmpv8eJcKd1/TeOsNEIOBpgdFAmWyJpVS1vw5FtQjSnvhFwb1HkzSPJX0WQig4nclnJNvMHAkQ==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-icon": { - "version": "2.0.0-next.6", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-icon/-/pfe-icon-2.0.0-next.6.tgz", - "integrity": "sha512-dUpSmHi1h0gXBW2oK4lZhxSfOLvtUZjakPVefYk32QHGhATG4U3DGB486tUr+ZEgKN5JltHLRmYVE8JmDOtR9w==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-icon-panel": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-icon-panel/-/pfe-icon-panel-2.0.0-next.3.tgz", - "integrity": "sha512-EnBJTCEtwBtCHaOwPvX2uy3bq2gOXK1XHmMr7JFRLFKh9TO3eBVpFTuLcZk0mJjzETnrcNXoYTXa408a/Qxx/Q==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "@patternfly/pfe-icon": "^2.0.0-next.4", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-jump-links": { - "version": "2.0.0-next.7", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-jump-links/-/pfe-jump-links-2.0.0-next.7.tgz", - "integrity": "sha512-Dzm0HxaFUXXPi1KJalan61D0+GQA7wGlPcKfQG0TJUDrLw3RgpFsxS7ocTgcqlTX6m7h1QKyIbrao1sOyQlQhg==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.14", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-label": { - "version": "1.0.0-next.7", - "dev": true, - "requires": { - "@patternfly/pfe-button": "^2.0.0-next.9", - "@patternfly/pfe-core": "^2.0.0-next.13", - "@patternfly/pfe-icon": "^2.0.0-next.5", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-markdown": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-markdown/-/pfe-markdown-2.0.0-next.3.tgz", - "integrity": "sha512-c0lRLenLcfOlevvLlClMKYIdgp03+NG7OQnXJ7g2nIlsueXzdqO5pVhLUon/HK1Cq8EVkA/ivm3NDUp3VBPejQ==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0", - "marked": "4.0.18" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-modal": { - "version": "2.0.0-next.6", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-modal/-/pfe-modal-2.0.0-next.6.tgz", - "integrity": "sha512-xuzzclW6o99QiUI/3aYSkOkr4ZIdgQ1CEcdRSAwHHcp5gAabnn8cZwJvt6FonN/mI1NJCfAVrXD+ptjnw6z8xg==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-number": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-number/-/pfe-number-2.0.0-next.3.tgz", - "integrity": "sha512-JH8v6zdmPr+ZNQyoSZXKa2npZgRehjucieNVJ4t1d6inFO8Rbw94ol8zQwABv/BsoYiDCweQJqCdKTYvWNdrfw==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0", - "numeral": "2.0.6" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-page-status": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-page-status/-/pfe-page-status-2.0.0-next.4.tgz", - "integrity": "sha512-TyGK0+bchaJk0u95UGp4B7Lvpe3pgLodlN2osYGk4TElqxLleGE8j8jJvk89rbBbDkWIQ0imKQAYNNYvyx/yaw==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-sass": { - "version": "2.0.0-next.5", - "dev": true, - "requires": { - "@patternfly/patternfly": "^4.183.1" - } - }, - "@patternfly/pfe-select": { - "version": "2.0.0-next.5", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-select/-/pfe-select-2.0.0-next.5.tgz", - "integrity": "sha512-KmGMWO8PEIPQHv1Jt/8gss0Kt5xIg6KVRgpbHFsBlwVktegjP7ESJ4Vw2KsHqY4A3n/1RFty3K3usV1VptH55Q==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-spinner": { - "version": "2.0.0-next.6", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.10", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-styles": { - "version": "2.0.0-next.4", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-styles/-/pfe-styles-2.0.0-next.4.tgz", - "integrity": "sha512-RhGazCfHaznpaI6gUYgY439lcaBVknRX3uR3ElMSBS9H4nvYhV/B2DtzJ8+81PaHOJxkJghSX+rrpDUug4GuWA==", - "dev": true - }, - "@patternfly/pfe-tabs": { - "version": "2.0.0-next.10", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-tabs/-/pfe-tabs-2.0.0-next.10.tgz", - "integrity": "sha512-mGio8StwVehLHaY1gDJbuNZl8+prFWyxrwpGrJGKxWr3Uyow2ntdx0scPr7Y0pikjAZ9f+IXVUpybJHrtV+h+w==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.13", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, - "@patternfly/pfe-toast": { - "version": "2.0.0-next.3", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-toast/-/pfe-toast-2.0.0-next.3.tgz", - "integrity": "sha512-xdbsURrh22KTuH3aZ7P63vLVu2SLAThW4uJZPkduGGhXIIKwA4IqGuk6mFHKa74+qsURDF00F3Uq/R3m4ouL5A==", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.8", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, "@patternfly/pfe-tools": { "version": "file:tools/pfe-tools", "requires": { @@ -20649,7 +19612,7 @@ "ttypescript": "^1.5.15", "typescript": "4.9.5", "urlpattern-polyfill": "^6.0.1", - "web-dev-server-plugin-lit-css": "2.0.3" + "web-dev-server-plugin-lit-css": "^2.0.3" }, "dependencies": { "@esbuild/linux-x64": { @@ -20726,25 +19689,6 @@ } } }, - "@patternfly/pfe-tooltip": { - "version": "2.0.0-next.9", - "dev": true, - "requires": { - "@patternfly/pfe-core": "^2.0.0-next.14", - "lit": "2.3.0" - }, - "dependencies": { - "lit": { - "version": "2.3.0", - "dev": true, - "requires": { - "@lit/reactive-element": "^1.4.0", - "lit-element": "^3.2.0", - "lit-html": "^2.3.0" - } - } - } - }, "@pkgr/utils": { "version": "2.3.1", "requires": { @@ -20815,36 +19759,15 @@ } }, "@rhds/elements": { - "version": "1.0.0-beta.28", - "dev": true, - "requires": { - "@patternfly/pfe-accordion": "^2.0.0-next.7", - "@patternfly/pfe-autocomplete": "next", - "@patternfly/pfe-avatar": "next", - "@patternfly/pfe-badge": "next", - "@patternfly/pfe-card": "next", - "@patternfly/pfe-collapse": "next", - "@patternfly/pfe-cta": "next", - "@patternfly/pfe-datetime": "next", - "@patternfly/pfe-dropdown": "next", - "@patternfly/pfe-health-index": "next", - "@patternfly/pfe-icon": "next", - "@patternfly/pfe-icon-panel": "next", - "@patternfly/pfe-jump-links": "next", - "@patternfly/pfe-label": "^1.0.0-next.5", - "@patternfly/pfe-markdown": "next", - "@patternfly/pfe-modal": "next", - "@patternfly/pfe-number": "next", - "@patternfly/pfe-page-status": "next", - "@patternfly/pfe-select": "next", - "@patternfly/pfe-spinner": "^2.0.0-next.6", - "@patternfly/pfe-styles": "next", - "@patternfly/pfe-tabs": "next", - "@patternfly/pfe-toast": "next", - "@patternfly/pfe-tooltip": "^2.0.0-next.8", + "version": "1.0.0-beta.32", + "resolved": "https://registry.npmjs.org/@rhds/elements/-/elements-1.0.0-beta.32.tgz", + "integrity": "sha512-zvlnXkvAaaDA1k6vGkZV3CtJIYS2M6ywZ78rNtjtJ3L5RZf94aac3yO83Y0kRsALPAjMs3Gr/MQKg07Ue9AUXA==", + "dev": true, + "requires": { + "@patternfly/elements": "^2.0.0-rc.5", "@rhds/tokens": "^1.0.0-beta.3", - "lit": "^2.3.1", - "tslib": "^2.4.0" + "lit": "^2.6.1", + "tslib": "^2.5.0" } }, "@rhds/tokens": { @@ -26499,10 +25422,6 @@ "version": "8.6.6", "requires": {} }, - "marked": { - "version": "4.0.18", - "dev": true - }, "marky": { "version": "1.2.5" }, @@ -27344,10 +26263,6 @@ "boolbase": "^1.0.0" } }, - "numeral": { - "version": "2.0.6", - "dev": true - }, "nunjucks": { "version": "3.2.3", "requires": { diff --git a/package.json b/package.json index 46c77ef130..53df406d29 100644 --- a/package.json +++ b/package.json @@ -292,7 +292,7 @@ "@jspm/generator": "^1.0.0-beta.33", "@octokit/core": "^4.2.0", "@patternfly/patternfly": "^4.210.2", - "@rhds/elements": "^1.0.0-beta.28", + "@rhds/elements": "^1.0.0-beta.32", "@types/koa__router": "^12.0.0", "@types/numeral": "^2.0.2", "@types/prismjs": "^1.26.0", From 08c171835e5cf11ea7f5f137cbef26822846a768 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Tue, 28 Feb 2023 16:42:33 -0500 Subject: [PATCH 03/20] docs: improve homepage styles --- docs/home.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/docs/home.css b/docs/home.css index 93618662ae..70a221657e 100644 --- a/docs/home.css +++ b/docs/home.css @@ -55,9 +55,6 @@ #lightw { display: grid; gap: 1em; -} - -#lightw { grid-template-columns: 1fr 1fr; grid-template-areas: 'h h' @@ -76,6 +73,11 @@ #lightw > pf-progress-stepper { grid-area: step; } #lightw > pre { grid-area: snip; margin-block: 0; } +#lightw, +#univ { + padding: var(--pf-global--spacer--xl, 2rem) var(--pf-global--spacer--md, 1rem); +} + #univ { width: 100vw; max-width: 100vw; @@ -100,18 +102,16 @@ width: 16px; } + rh-global-footer { width: 100vw !important; translate: none !important; transform: none; - --rh-footer-icon-color: var(--rh-color-black-500, #8a8d90); - --rh-footer-icon-color-hover: var(--rh-color-black-400, #b8bbbe); } -rh-global-footer .global-logo-image { - fill: var(--rh-footer-icon-color); -} - -rh-global-footer .global-logo-image:is(:hover, :focus-within) { - fill: var(--rh-footer-icon-color-hover); +@media (min-width: 820px) { + #lightw, + #univ { + padding: var(--pf-global--spacer--3xl, 4rem) var(--pf-global--spacer--3xl, 4rem); + } } From fe933ec2fe1b56ef630d386074f26ae4a1e51e03 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Tue, 28 Feb 2023 16:46:39 -0500 Subject: [PATCH 04/20] docs: more homepage style improvements --- docs/home.css | 9 ++--- docs/index.html | 89 +++++++++++++++++++++++++------------------------ 2 files changed, 50 insertions(+), 48 deletions(-) diff --git a/docs/home.css b/docs/home.css index 70a221657e..a7ad5f58e0 100644 --- a/docs/home.css +++ b/docs/home.css @@ -93,15 +93,16 @@ padding: 0; } -#univ > * { - max-width: 100%; - overflow: hidden; -} #univ svg { width: 16px; } +#lightw, +.max-width-container { + max-width: 1440px; + margin: 0 auto; +} rh-global-footer { width: 100vw !important; diff --git a/docs/index.html b/docs/index.html index b112541bb0..1b886c5acc 100644 --- a/docs/index.html +++ b/docs/index.html @@ -37,7 +37,7 @@

    Lightweight

    Card component

    PatternFly Elements are custom HTML elements that work everywhere. - The Card element has header and footer slots for things like + The Card element has header and footer slots for things like titles and actions.

    More about pf-card @@ -55,52 +55,53 @@

    Card component

    current icon="optimize" icon-set="patternfly">Ship! -
    -

    Universal

    -
    -

    Integrate PatternFly Elements with your framework of choice or use them by themselves.

    -

    PatternFly Elements integrate seamlessly with multiple frontend frameworks. Just install it - with npm install @patternfly/elements, - or use PatternFly Elements on their own without a framework. - It's up to you and the needs of your project.

    -
    - - - HTML - {% renderFile "./docs/_snippets/accordion-html.md" %} - - React - {% renderFile "./docs/_snippets/accordion-jsx.md" %} - - Vue - {% renderFile "./docs/_snippets/accordion-vue.md" %} - - Angular - {% renderFile "./docs/_snippets/accordion-ng.md" %} - - Svelte - {% renderFile "./docs/_snippets/accordion-svelte.md" %} - - - - -

    Getting Started

    -     - -

    Read our Getting started page to learn how to install and use PatternFly Elements.

    -     - -

    HTML APIs

    -     - -

    For more information on how to use each PatternFly element, read the component docs.

    -     -     - - Learn how to integrate PatternFly Elements in your application +
    +

    Universal

    +
    +

    Integrate PatternFly Elements with your framework of choice or use them by themselves.

    +

    PatternFly Elements integrate seamlessly with multiple frontend frameworks. Just install it + with npm install @patternfly/elements, + or use PatternFly Elements on their own without a framework. + It's up to you and the needs of your project.

    +
    + + + HTML + {% renderFile "./docs/_snippets/accordion-html.md" %} + + React + {% renderFile "./docs/_snippets/accordion-jsx.md" %} + + Vue + {% renderFile "./docs/_snippets/accordion-vue.md" %} + + Angular + {% renderFile "./docs/_snippets/accordion-ng.md" %} + + Svelte + {% renderFile "./docs/_snippets/accordion-svelte.md" %} + + + + +

    Getting Started

    +     + +

    Read our Getting started page to learn how to install and use PatternFly Elements.

    +     + +

    HTML APIs

    +     + +

    For more information on how to use each PatternFly element, read the component docs.

    +     +     + + Learn how to integrate PatternFly Elements in your application +
    From e0270bc2047ce7cb4ea77a02cb3cf7f6cdf7d463 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Tue, 28 Feb 2023 16:52:54 -0500 Subject: [PATCH 05/20] docs: homepage padding fix --- docs/home.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/docs/home.css b/docs/home.css index a7ad5f58e0..50b3f4a9e8 100644 --- a/docs/home.css +++ b/docs/home.css @@ -93,7 +93,6 @@ padding: 0; } - #univ svg { width: 16px; } @@ -112,7 +111,7 @@ rh-global-footer { @media (min-width: 820px) { #lightw, - #univ { + .max-width-container { padding: var(--pf-global--spacer--3xl, 4rem) var(--pf-global--spacer--3xl, 4rem); } } From dc5f4f359acc0a661e5258be637e11c7338d3b0e Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Thu, 2 Mar 2023 15:38:08 -0500 Subject: [PATCH 06/20] docs: change section max-width on component view --- docs/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/main.css b/docs/main.css index 8e09a5e52e..d6646f2b95 100644 --- a/docs/main.css +++ b/docs/main.css @@ -74,7 +74,7 @@ header.band { /* Not an ideal selector... hacking away */ section.band:not(#component-list):not(#lightw):not(#univ):not(.accent):not(.small) { - max-width: 1008px; + max-width: 1020px; padding: var(--pf-global--spacer--md, 1rem) var(--pf-global--spacer--md, 1rem); } From 05d5c00954d9136a267067c81fb9ca8b123f2688 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Thu, 2 Mar 2023 16:45:38 -0500 Subject: [PATCH 07/20] docs: add jumplinks usage --- elements/pf-jump-links/docs/pf-jump-links.md | 134 +++++++++++++++++++ 1 file changed, 134 insertions(+) diff --git a/elements/pf-jump-links/docs/pf-jump-links.md b/elements/pf-jump-links/docs/pf-jump-links.md index 3033a82477..ada76b8329 100644 --- a/elements/pf-jump-links/docs/pf-jump-links.md +++ b/elements/pf-jump-links/docs/pf-jump-links.md @@ -1,6 +1,140 @@ {% renderOverview %} +
    +

    Basic

    + + Inactive section + Active section + Inactive section + +
    + +```html + + Inactive section + Active section + Inactive section + +``` + {% endrenderOverview %} +{% band header="Usage" %} + + +
    +

    With centered list

    + + Inactive section + Active section + Inactive section + +
    + +```html + + Inactive section + Active section + Inactive section + +``` + +
    +

    With label

    + + Inactive section + Active section + Inactive section + +
    + +```html + + Inactive section + Active section + Inactive section + +``` + +
    +

    Vertical

    + + Inactive section + Active section + Inactive section + +
    + +```html + + Inactive section + Active section + Inactive section + +``` + + +
    +

    Expandable vertical with subsection

    + + Inactive section + + Section with active subsection + + Active subsection + Inactive subsection + Inactive subsection + + + Inactive section + Inactive section + +
    + +```html + + Inactive section + + Section with active subsection + + Active subsection + Inactive subsection + Inactive subsection + + + Inactive section + Inactive section + +``` +
    +

    Expandable vertical with Scrollspy

    + + Heading 1 + Heading 2 + Heading 3 + Heading 4 + Heading 5 + +
    + +```html + + Heading 1 + Heading 2 + Heading 3 + Heading 4 + Heading 5 + +``` +{%endband %} + {% renderSlots %}{% endrenderSlots %} {% renderSlots for="pf-jump-links-list", level=3, header="Slots on `pf-jump-links-list`" %}{% endrenderSlots %} {% renderSlots for="pf-jump-links-item", level=3, header="Slots on `pf-jump-links-item`" %}{% endrenderSlots %} From fb2733ae37c4a113d06343e3c9f41a708f745c62 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Thu, 2 Mar 2023 17:08:13 -0500 Subject: [PATCH 08/20] chore: add pf-panel usage docs --- elements/pf-panel/docs/pf-panel.md | 130 ++++++++++++++++++++++++++++- 1 file changed, 128 insertions(+), 2 deletions(-) diff --git a/elements/pf-panel/docs/pf-panel.md b/elements/pf-panel/docs/pf-panel.md index 5af2921dd8..44548f8d98 100644 --- a/elements/pf-panel/docs/pf-panel.md +++ b/elements/pf-panel/docs/pf-panel.md @@ -1,8 +1,134 @@ {% renderOverview %} - + +

    Main content

    +     + +```html + +

    Main content

    +     +``` {% endrenderOverview %} -{% band header="Usage" %}{% endband %} +{% band header="Usage" %} + +
    +

    Header

    + +

    Header content

    +

    Main content

    +     +
    + +```html + +

    Header content

    +

    Main content

    +     +``` + +
    +

    Footer

    + +

    Main content

    +

    Footer content

    +     +
    + +```html + +

    Main content

    +

    Footer content

    +     +``` + +
    +

    Header and footer

    + +

    Header content

    +

    Main content

    +

    Footer content

    +     +
    + +```html + +

    Header content

    +

    Main content

    +

    Footer content

    +     +``` + +
    +

    Raised

    + +

    Main content

    +     +
    + +```html + +

    Main content

    +     +``` + +
    +

    Bordered

    + +

    Main content

    +     +
    + +```html + +

    Main content

    +     +``` +
    +

    Scrollable

    + +

    + A couple of years ago the Computer Science Club at Bishop's University + ran into a problem. Our student run computer lab was running + unlicensed copies of a propriety operating system. The computers also + had many unlicensed programs installed. It was a big mess. At that + time we had to make an ethical decision. We had to decide whether we + wanted to continue breaking the law or not. We decided against running + software for which we didn't have licenses as it could lead to the lab + being closed. +

    +

    + A couple of years ago the Computer Science Club at Bishop's University + ran into a problem. Our student run computer lab was running + unlicensed copies of a propriety operating system. The computers also + had many unlicensed programs installed. It was a big mess. At that + time we had to make an ethical decision. We had to decide whether we + wanted to continue breaking the law or not. We decided against running + software for which we didn't have licenses as it could lead to the lab + being closed. +

    +

    + A couple of years ago the Computer Science Club at Bishop's University + ran into a problem. Our student run computer lab was running + unlicensed copies of a propriety operating system. The computers also + had many unlicensed programs installed. It was a big mess. At that + time we had to make an ethical decision. We had to decide whether we + wanted to continue breaking the law or not. We decided against running + software for which we didn't have licenses as it could lead to the lab + being closed. +

    +     +
    + +```html + +

    + Long content... +

    +     +``` + +{% endband %} {% renderSlots %}{% endrenderSlots %} From 3a101fa38ab73620a2b6b738bb2240667c6a6f4c Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Fri, 3 Mar 2023 09:30:48 -0500 Subject: [PATCH 09/20] chore: add usage for card --- elements/pf-card/docs/pf-card.md | 71 ++++++++++++++++++++++++++------ 1 file changed, 58 insertions(+), 13 deletions(-) diff --git a/elements/pf-card/docs/pf-card.md b/elements/pf-card/docs/pf-card.md index 184ab12378..7aacf0ef31 100644 --- a/elements/pf-card/docs/pf-card.md +++ b/elements/pf-card/docs/pf-card.md @@ -2,52 +2,97 @@ Cards are flexible surfaces used to group information in a small layout. They give small previews of information or provide secondary content in relation to the content it's near. Several cards can be used together to group related information. +

    Default

    -

    Default card

    +

    Header

    This is the default card

    Link in the footer     + ```html + +

    Header

    +

    This is the default card

    + Link in the footer +     + ``` +{% endrenderOverview %} + +{% band header="Usage" %} + +

    Compact card

    -

    Compact card

    +

    Header

    This is the compact card

    Link in the footer     + ```html + +

    Header

    +

    This is the compact card

    + Link in the footer +     + ``` +

    Rounded card

    -

    Rounded card

    +

    Header

    This is the rounded card

    Link in the footer     + ```html + +

    Header

    +

    This is the rounded card

    + Link in the footer +     + ``` + +

    Large card

    Large card

    This is the large card

    Link in the footer     + ```html + +

    Large card

    +

    This is the large card

    + Link in the footer +     + ``` + +

    Full Height card

    + +

    Header

    +

    This is the full height card

    + Link in the footer +     + + ```html -

    Full Height card

    +

    Header

    This is the full height card

    Link in the footer     + ``` +

    Plain card

    -

    Plain card

    +

    Header

    This is the plain card

    Link in the footer     -{% endrenderOverview %} - -{% band header="Usage" %} ```html - -

    Card header

    -

    This is the pf-card body.

    -

    This is the footer

    + +

    Header

    +

    This is the plain card

    + Link in the footer     - ``` + ``` {% endband %} {% renderSlots %} From d94ff751685a77a0259ab03f8cf00ad8851b9bef Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Fri, 3 Mar 2023 09:34:08 -0500 Subject: [PATCH 10/20] docs: fix header usage for panel --- elements/pf-panel/docs/pf-panel.md | 127 +++++++++++++---------------- 1 file changed, 58 insertions(+), 69 deletions(-) diff --git a/elements/pf-panel/docs/pf-panel.md b/elements/pf-panel/docs/pf-panel.md index 44548f8d98..73cac3ea2a 100644 --- a/elements/pf-panel/docs/pf-panel.md +++ b/elements/pf-panel/docs/pf-panel.md @@ -12,13 +12,11 @@ {% band header="Usage" %} -
    -

    Header

    - -

    Header content

    -

    Main content

    -     -
    +

    Header

    + +

    Header content

    +

    Main content

    +     ```html @@ -27,13 +25,11 @@ ``` -
    -

    Footer

    - -

    Main content

    -

    Footer content

    -     -
    +

    Header

    + +

    Main content

    +

    Footer content

    +     ```html @@ -42,14 +38,12 @@ ``` -
    -

    Header and footer

    - -

    Header content

    -

    Main content

    -

    Footer content

    -     -
    +

    Header and footer

    + +

    Header content

    +

    Main content

    +

    Footer content

    +     ```html @@ -59,12 +53,10 @@ ``` -
    -

    Raised

    - -

    Main content

    -     -
    +

    Raised

    + +

    Main content

    +     ```html @@ -72,53 +64,50 @@ ``` -
    -

    Bordered

    - -

    Main content

    -     -
    +

    Bordered

    + +

    Main content

    +     ```html

    Main content

     ``` -
    -

    Scrollable

    - -

    - A couple of years ago the Computer Science Club at Bishop's University - ran into a problem. Our student run computer lab was running - unlicensed copies of a propriety operating system. The computers also - had many unlicensed programs installed. It was a big mess. At that - time we had to make an ethical decision. We had to decide whether we - wanted to continue breaking the law or not. We decided against running - software for which we didn't have licenses as it could lead to the lab - being closed. -

    -

    - A couple of years ago the Computer Science Club at Bishop's University - ran into a problem. Our student run computer lab was running - unlicensed copies of a propriety operating system. The computers also - had many unlicensed programs installed. It was a big mess. At that - time we had to make an ethical decision. We had to decide whether we - wanted to continue breaking the law or not. We decided against running - software for which we didn't have licenses as it could lead to the lab - being closed. -

    -

    - A couple of years ago the Computer Science Club at Bishop's University - ran into a problem. Our student run computer lab was running - unlicensed copies of a propriety operating system. The computers also - had many unlicensed programs installed. It was a big mess. At that - time we had to make an ethical decision. We had to decide whether we - wanted to continue breaking the law or not. We decided against running - software for which we didn't have licenses as it could lead to the lab - being closed. -

    -     -
    + +

    Scrollable

    + +

    + A couple of years ago the Computer Science Club at Bishop's University + ran into a problem. Our student run computer lab was running + unlicensed copies of a propriety operating system. The computers also + had many unlicensed programs installed. It was a big mess. At that + time we had to make an ethical decision. We had to decide whether we + wanted to continue breaking the law or not. We decided against running + software for which we didn't have licenses as it could lead to the lab + being closed. +

    +

    + A couple of years ago the Computer Science Club at Bishop's University + ran into a problem. Our student run computer lab was running + unlicensed copies of a propriety operating system. The computers also + had many unlicensed programs installed. It was a big mess. At that + time we had to make an ethical decision. We had to decide whether we + wanted to continue breaking the law or not. We decided against running + software for which we didn't have licenses as it could lead to the lab + being closed. +

    +

    + A couple of years ago the Computer Science Club at Bishop's University + ran into a problem. Our student run computer lab was running + unlicensed copies of a propriety operating system. The computers also + had many unlicensed programs installed. It was a big mess. At that + time we had to make an ethical decision. We had to decide whether we + wanted to continue breaking the law or not. We decided against running + software for which we didn't have licenses as it could lead to the lab + being closed. +

    +     ```html From fae6ea5741f4f32ebb4bdec91a56b7a527faefb2 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Fri, 3 Mar 2023 09:47:55 -0500 Subject: [PATCH 11/20] chore: add usage for tooltip, remove offset example --- elements/pf-tooltip/docs/pf-tooltip.md | 239 ++++++++++++++++++------- 1 file changed, 174 insertions(+), 65 deletions(-) diff --git a/elements/pf-tooltip/docs/pf-tooltip.md b/elements/pf-tooltip/docs/pf-tooltip.md index 6f8506cd14..8289a12245 100644 --- a/elements/pf-tooltip/docs/pf-tooltip.md +++ b/elements/pf-tooltip/docs/pf-tooltip.md @@ -1,119 +1,228 @@ {% renderOverview %} +### Default + + Tooltip +
    + This is some content +
    +     + +```html + + Tooltip +
    + This is some content +
    +     +``` +{% endrenderOverview %} + +{% band header="Usage" %} + ### Left Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    +     + +```html + + Tooltip +
    + This is some content +
    +``` ### Left-Start Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    +```html + + Tooltip +
    + This is some content +
    +     +``` + ### Left-End Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    +     + +```html + + Tooltip +
    + This is some content +
    +``` ### Right Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    +```html + + Tooltip +
    + This is some content +
    +     +``` + ### Right-Start Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    +     + +```html + + Tooltip +
    + This is some content +
    +``` ### Right-End Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    +```html + + Tooltip +
    + This is some content +
    +     +``` + ### Top Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    +     + +```html + + Tooltip +
    + This is some content +
    +``` ### Top-Start Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    +```html + + Tooltip +
    + This is some content +
    +     +``` + ### Top-End Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    +```html + + Tooltip +
    + This is some content +
    +     +``` ### Bottom Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    +```html + + Tooltip +
    + This is some content +
    +     +``` + ### Bottom-Start Tooltip - Tooltip -
    - This is some content -
    + Tooltip +
    + This is some content +
    -### Bottom-End Tooltip - - Tooltip -
    - This is some content -
    +```html + + Tooltip +
    + This is some content +
    +``` -### No Position Tooltip - - Tooltip -
    - This is some content -
    +### Bottom-End Tooltip + + Tooltip +
    + This is some content +
    -### Offset Tooltip - - Tooltip -
    - This is some content -
    +```html + + Tooltip +
    + This is some content +
    -{% endrenderOverview %} - -{% band header="Usage" %}{% endband %} +``` +{% endband %} {% renderSlots %}{% endrenderSlots %} From 69d3e51e7b4f34f494ccea7126428ef1e41f25a9 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Fri, 3 Mar 2023 14:16:12 -0500 Subject: [PATCH 12/20] docs: fix pf-progress-stepper docs --- ...{pf-progress-steps.md => pf-progress-stepper.md} | 13 +++---------- 1 file changed, 3 insertions(+), 10 deletions(-) rename elements/pf-progress-stepper/docs/{pf-progress-steps.md => pf-progress-stepper.md} (67%) diff --git a/elements/pf-progress-stepper/docs/pf-progress-steps.md b/elements/pf-progress-stepper/docs/pf-progress-stepper.md similarity index 67% rename from elements/pf-progress-stepper/docs/pf-progress-steps.md rename to elements/pf-progress-stepper/docs/pf-progress-stepper.md index 951cfe10c2..04f494bd9c 100644 --- a/elements/pf-progress-stepper/docs/pf-progress-steps.md +++ b/elements/pf-progress-stepper/docs/pf-progress-stepper.md @@ -20,24 +20,17 @@ ``` {% endband %} + {% renderSlots %}{% endrenderSlots %} -{% renderSlots for="pf-progress-step", level=3, header="Slots on `-progress-step`" -%pf}{% endrenderSlots %} -{% renderAttributes %}{% endrenderAttributes %} -{% renderAttributes for="pf-progress-step", level=3, header="Attributes on -`pf-progress-step`" %}{% endrenderAttributes %} +{% renderSlots for='pf-progress-step', header='Slots on `pf-progress-step`' %}{% endrenderSlots %} -{% renderProperties %}{% endrenderProperties %} +{% renderAttributes %}{% endrenderAttributes %} {% renderMethods %}{% endrenderMethods %} {% renderEvents %}{% endrenderEvents %} {% renderCssCustomProperties %}{% endrenderCssCustomProperties %} -{% renderCssCustomProperties for="pf-progress-step", level=3, header="CSS -Properties on `pf-progress-step`" %}{% endrenderCssCustomProperties %} {% renderCssParts %}{% endrenderCssParts %} -{% renderCssParts for="pf-progress-step", level=3, header="Parts on -`pf-progress-step`" %}{% endrenderCssParts %} From cb6a717e99e9ad747de8b761c6149cf09a73d256 Mon Sep 17 00:00:00 2001 From: Steven Spriggs Date: Fri, 3 Mar 2023 15:14:03 -0500 Subject: [PATCH 13/20] docs: remove missing pf-button apis from docs, update usage --- elements/pf-button/docs/pf-button.md | 69 ++++++++++++++++++---------- elements/pf-button/pf-button.ts | 14 +++--- 2 files changed, 50 insertions(+), 33 deletions(-) diff --git a/elements/pf-button/docs/pf-button.md b/elements/pf-button/docs/pf-button.md index 9825d6ddf7..6db7f2953d 100644 --- a/elements/pf-button/docs/pf-button.md +++ b/elements/pf-button/docs/pf-button.md @@ -1,12 +1,12 @@ {% renderOverview %} @@ -21,11 +21,26 @@ import '@patternfly/elements/pf-icon/pf-icon'; Tertiary Danger Warning + + +{% endrenderOverview %} +{% band header="Usage" %} #### Link variant + + + Link + +Link +Inline Link +Danger Link +```html - Inline Link Danger Link +``` #### Plain button @@ -43,6 +59,14 @@ icon-position="right">Link +```html + + + + + +``` + #### Control variant Control @@ -52,29 +76,24 @@ icon-position="right">Link - - -{% endrenderOverview %} - -{% band header="Usage" %} - When using this component, you must provide a standard HTML Button Element aspf - the only light DOM child of `-button`. - - My Button +```html +Control + + + + + +``` - ```html - My Button - ``` -{% endband %} +

    Size

    +Medium Button +Large Button -{% band header="Size", level=3 %} - Large Button - Medium Button - ```html - Large Button - Medium Button - ``` +```html +Medium Button +Large Button +``` {% endband %} {% renderSlots %}{% endrenderSlots %} diff --git a/elements/pf-button/pf-button.ts b/elements/pf-button/pf-button.ts index f5d44bb76e..62aa7897ed 100644 --- a/elements/pf-button/pf-button.ts +++ b/elements/pf-button/pf-button.ts @@ -19,8 +19,12 @@ export type ButtonVariant = ( ); /** - * Buttons allow users to perform an action when triggered. They feature a text - * label, a background or a border, and icons. + * A button is a box area or text that communicates and triggers user actions when + * clicked or selected. Buttons can be used to communicate and immediately trigger + * actions a user can take in an application, like submitting a form, canceling a + * process, or creating a new object. Buttons can also be used to take a user to a + * new location, like another page inside of a web application, or an external site + * such as help or documentation.. * * @summary Allows users to perform an action when triggered * @@ -143,12 +147,6 @@ export type ButtonVariant = ( * @cssprop {} --pf-c-button--m-plain--disabled--Color {@default `#d2d2d2`} * @cssprop {} --pf-c-button--m-plain--disabled--BackgroundColor {@default `transparent`} * - * @csspart state - Container for the state slot. - * @slot icon - * Contains the button's icon or state indicator, e.g. a spinner. - * @slot - * Must contain exactly one `