From 10f97c129d49f6814f67003cc985a0abbb7e7e63 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Mon, 24 Feb 2020 15:59:36 -0500 Subject: [PATCH 01/17] feat Add event to pfe-cta; working on tests --- CHANGELOG-prerelease.md | 6 + elements/pfe-cta/demo/demo.css | 24 +- elements/pfe-cta/demo/index.html | 453 +++++++----------------- elements/pfe-cta/src/pfe-cta.js | 43 +++ elements/pfe-cta/test/pfe-cta_test.html | 48 ++- examples/index.html | 283 +++++---------- 6 files changed, 324 insertions(+), 533 deletions(-) diff --git a/CHANGELOG-prerelease.md b/CHANGELOG-prerelease.md index b616fc4230..e2c25f50e9 100644 --- a/CHANGELOG-prerelease.md +++ b/CHANGELOG-prerelease.md @@ -1,3 +1,9 @@ +## Prerelease 40 ( TBD ) + +Tag: [v1.0.0-prerelease.40](https://github.com/patternfly/patternfly-elements/releases/tag/v1.0.0-prerelease.40) + +- [](https://github.com/patternfly/patternfly-elements/commit/) feat: adding event to pfe-cta component + ## Prerelease 39 ( 2020-02-19 ) Tag: [v1.0.0-prerelease.39](https://github.com/patternfly/patternfly-elements/releases/tag/v1.0.0-prerelease.39) diff --git a/elements/pfe-cta/demo/demo.css b/elements/pfe-cta/demo/demo.css index 84db5d2035..edb311d5a1 100644 --- a/elements/pfe-cta/demo/demo.css +++ b/elements/pfe-cta/demo/demo.css @@ -3,11 +3,6 @@ h2 { margin: 15px 0 10px; } -hr { - border-bottom: 1px solid #ddd; - width: 100%; -} - pfe-band { --pfe-band--Padding--horizontal: 60px; --pfe-band--Width: 100%; @@ -17,20 +12,24 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { --pfe-card--Border: 1px solid rgba(45, 45, 45, 0.3); } -.resize { +.default-link-test { display: flex; flex-flow: row nowrap; - resize: horizontal; - overflow: auto; border: 1px solid #ddd; width: 500px; padding: 10px; } +.resize { + resize: horizontal; + overflow: auto; +} + .resize > pfe-cta:first-child { margin-right: 20px; } +.cta-layout, .card-layout { display: flex; flex-flow: row wrap; @@ -41,20 +40,25 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { margin-left: -20px; } +.cta-layout > pfe-cta, .card-layout > pfe-cta, .card-layout .cta-align > pfe-cta { margin-top: 10px; margin-left: 20px; } +.cta-layout { + grid-template-columns: repeat(auto-fill, minmax(max-content, 1fr)); +} + .custom-dark-band { - padding: 60px 15px; + padding: 15px; background: #222; --theme: dark; } .custom-saturated-band { - padding: 60px 15px; + padding: 15px; background: #0c8488; --theme: saturated; } diff --git a/elements/pfe-cta/demo/index.html b/elements/pfe-cta/demo/index.html index fc7904dfb7..a54fb473ca 100644 --- a/elements/pfe-cta/demo/index.html +++ b/elements/pfe-cta/demo/index.html @@ -46,447 +46,254 @@

<pfe-cta> demo page

- -

CTAs in light containers

+ +

CTAs in light containers

No color attribute

- Default - Primary - Secondary - Secondary + wind variant - Disabled + Default + Primary + Secondary + Secondary + wind variant + Disabled

pfe-color="base"

- Default - Primary - Secondary + Default + Primary + Secondary Secondary + wind variant - Disabled + pfe-variant="wind">Secondary + wind variant + Disabled

pfe-color="accent"

- Default - Primary - Secondary + Default + Primary + Secondary Secondary + wind variant - Disabled + pfe-variant="wind">Secondary + wind variant + Disabled

pfe-color="complement"

- Default - Primary - Secondary + Default + Primary + Secondary Secondary + wind variant - Disabled + pfe-variant="wind">Secondary + wind variant + Disabled
+ -
-
-
- -

CTAs in dark containers

+ +

CTAs in dark containers

No color attribute

- Default - Primary - Secondary - Secondary + wind variant - Disabled + Default + Primary + Secondary + Secondary + wind variant + Disabled

pfe-color="base"

- Default - Primary - Secondary + Default + Primary + Secondary Secondary + wind variant - Disabled + pfe-variant="wind">Secondary + wind variant + Disabled

pfe-color="accent"

- Default - Primary - Secondary + Default + Primary + Secondary Secondary + wind variant - Disabled + pfe-variant="wind">Secondary + wind variant + Disabled

pfe-color="complement"

- Default - Primary - Secondary + Default + Primary + Secondary Secondary + wind variant - Disabled + pfe-variant="wind">Secondary + wind variant + Disabled
+ -
-
-
- -

CTAs in saturated containers

+ +

CTAs in saturated containers

No color attribute

- Default - Primary - Secondary - Secondary + wind variant - Disabled + Default + Primary + Secondary + Secondary + wind variant + Disabled

pfe-color="base"

- Default - Primary - Secondary + Default + Primary + Secondary Secondary + wind variant - Disabled + pfe-variant="wind">Secondary + wind variant + Disabled

pfe-color="accent"

- Default - Primary - Secondary + Default + Primary + Secondary Secondary + wind variant - Disabled + pfe-variant="wind">Secondary + wind variant + Disabled

pfe-color="complement"

- Default - Primary - Secondary + Default + Primary + Secondary Secondary + wind variant - Disabled + pfe-variant="wind">Secondary + wind variant + Disabled
+ -
-
-
- -

Force wrap to test arrow line-wrap

-
- Default link cta with longer text + +

Force wrap to test arrow line-wrap

+
+ Default link cta with longer text
+ -
-
-
- -

Link and button styles (displayed inline)

+ +

Link and button styles (displayed inline)

- Link - + Link + - Link + Link - Link + Link - Link + Link
-
-
-
+ +

Old school testing (custom backgrounds)

-

Old school testing (custom backgrounds)

-
+
+

Custom saturated band with broadcast vars

-
-

Custom saturated band with broadcast vars

+

Color responsive

+
+ Default + Primary + Secondary +
-

Color responsive

-
- Default - Primary - Secondary -
- -
+
-

Color override

-
- Primary accent - Secondary accent - Primary complement - Secondary complement - Primary lightest - Secondary + wind variant +

Color override

+
+ Primary accent + Secondary accent + Primary complement + Secondary complement + Primary lightest + Secondary + wind variant +
-
-
-

- Custom dark band with custom broadcast variables -

+
+

+ Custom dark band with custom broadcast variables +

-

Color responsive

-
- Default - Primary - Secondary -
+

Color responsive

+
+ Default + Primary + Secondary +
-
+
-

Color override

-
- Primary accent - Secondary accent - Primary complement - Secondary complement - Primary lightest - Secondary + wind variant +

Color override

+
+ Primary accent + Secondary accent + Primary complement + Secondary complement + Primary lightest + Secondary + wind variant +
-
+ + + diff --git a/elements/pfe-cta/src/pfe-cta.js b/elements/pfe-cta/src/pfe-cta.js index f8a54f1d43..fd73791974 100644 --- a/elements/pfe-cta/src/pfe-cta.js +++ b/elements/pfe-cta/src/pfe-cta.js @@ -26,10 +26,26 @@ class PfeCta extends PFElement { return PFElement.PfeTypes.Content; } + static get events() { + return { + select: `${this.tag}:select` + }; + } + static get observedAttributes() { return ["pfe-priority", "pfe-color", "pfe-variant"]; } + click(event) { + this.emitEvent(PfeCta.events.select, { + detail: { + value: this.cta, + event: event, + link: this.cta.href + } + }); + } + constructor() { super(PfeCta); this.cta = null; @@ -37,6 +53,8 @@ class PfeCta extends PFElement { this._init = this._init.bind(this); this._focusHandler = this._focusHandler.bind(this); this._blurHandler = this._blurHandler.bind(this); + this._clickHandler = this._clickHandler.bind(this); + this._keyupHandler = this._keyupHandler.bind(this); } connectedCallback() { @@ -61,6 +79,8 @@ class PfeCta extends PFElement { if (this.cta) { this.cta.removeEventListener("focus", this._focusHandler); this.cta.removeEventListener("blur", this._blurHandler); + this.cta.removeEventListener("click", this._clickHandler); + this.cta.removeEventListener("keyup", this._keyupHandler); } } @@ -112,6 +132,10 @@ class PfeCta extends PFElement { // Watch the light DOM link for focus and blur events this.cta.addEventListener("focus", this._focusHandler); this.cta.addEventListener("blur", this._blurHandler); + + // Attach the click listener + this.cta.addEventListener("click", this._clickHandler); + this.cta.addEventListener("keyup", this._keyupHandler); } } @@ -125,6 +149,25 @@ class PfeCta extends PFElement { this.classList.remove("focus-within"); } + // On focus out, remove that class + _keyupHandler(event) { + let key = event.key || event.keyCode; + switch (key) { + case "Enter": + case 13: + this.click(event); + } + } + + // On focus out, remove that class + _clickHandler(event) { + // event.preventDefault(); + + this.click(event); + + // window.location.href = this.cta.href; + } + _basicAttributeChanged(attr, oldValue, newValue) { this[attr].value = newValue; } diff --git a/elements/pfe-cta/test/pfe-cta_test.html b/elements/pfe-cta/test/pfe-cta_test.html index 145cc694a7..165badd6a4 100644 --- a/elements/pfe-cta/test/pfe-cta_test.html +++ b/elements/pfe-cta/test/pfe-cta_test.html @@ -14,8 +14,6 @@ diff --git a/examples/index.html b/examples/index.html index d24986b60f..11100a00d6 100644 --- a/examples/index.html +++ b/examples/index.html @@ -1,197 +1,106 @@ - - - - PatternFly Elements + + + + PatternFly Elements + + + - - + - + - + + + + - - - - + + + + + +

Demo pages

- - - - - -

Demo pages

+ + - - + + +
### POLYFILLs +| Filename | line # | POLYFILL +|:------|:------:|:------ +| [pfe-accordion](../elements/pfe-accordion/src/polyfills--pfe-accordion.js#L1) | 1 | Array.prototype.findIndex +| [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L1) | 1 | Element.matches +| [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L9) | 9 | Element.closest +| [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L22) | 22 | Array.includes +| [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L1) | 1 | Element.matches +| [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L9) | 9 | Element.closest +| [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L22) | 22 | Array.includes +| [pfe-modal](../elements/pfe-modal/src/polyfills--pfe-modal.js#L1) | 1 | String.prototype.startsWith +| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L1) | 1 | Array.prototype.filter +| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L43) | 43 | Element.prototype.matches +| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L51) | 51 | Element.prototype.closest +| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L65) | 65 | Array.prototype.includes +| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L123) | 123 | Event.prototype.path +| [pfe-number](../elements/pfe-number/src/polyfills--pfe-number.js#L1) | 1 | isNaN, non-mutating polyfill for IE11 +| [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L1) | 1 | Array.prototype.find +| [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L49) | 49 | Array.prototype.findIndex - - -
- ### POLYFILLs | Filename | line # | POLYFILL |:------|:------:|:------ - | - [pfe-accordion](../elements/pfe-accordion/src/polyfills--pfe-accordion.js#L1) - | 1 | Array.prototype.findIndex | - [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L1) | 1 | - Element.matches | - [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L9) | 9 | - Element.closest | - [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L22) | 22 | - Array.includes | - [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L1) | 1 | - Element.matches | - [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L9) | 9 | - Element.closest | - [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L22) | 22 | - Array.includes | - [pfe-modal](../elements/pfe-modal/src/polyfills--pfe-modal.js#L1) | 1 - | String.prototype.startsWith | - [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L1) - | 1 | Array.prototype.filter | - [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L43) - | 43 | Element.prototype.matches | - [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L51) - | 51 | Element.prototype.closest | - [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L65) - | 65 | Array.prototype.includes | - [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L123) - | 123 | Event.prototype.path | - [pfe-number](../elements/pfe-number/src/polyfills--pfe-number.js#L1) | - 1 | isNaN, non-mutating polyfill for IE11 | - [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L1) | 1 | - Array.prototype.find | - [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L49) | 49 | - Array.prototype.findIndex ### TODOs | Filename | line # | TODO - |:------|:------:|:------ | - [pfe-markdown](../elements/pfe-markdown/src/pfe-markdown.js#L49) | 49 - | when we stop supporting IE11, the need to disconnect and | - [pfelement](../elements/pfelement/src/pfelement.js#L161) | 161 | maybe - we should use just the attribute instead of the class? | - [pfelement](../elements/pfelement/src/pfelement.js#L368) | 368 | This - is a duplicate function to cssVariable above, combine them -
- - - +### TODOs +| Filename | line # | TODO +|:------|:------:|:------ +| [pfe-markdown](../elements/pfe-markdown/src/pfe-markdown.js#L49) | 49 | when we stop supporting IE11, the need to disconnect and +| [pfelement](../elements/pfelement/src/pfelement.js#L161) | 161 | maybe we should use just the attribute instead of the class? +| [pfelement](../elements/pfelement/src/pfelement.js#L368) | 368 | This is a duplicate function to cssVariable above, combine them
+ + + From 4873e593ada002d756833e2f3cfc88847c8b1cf9 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Mon, 24 Feb 2020 16:32:39 -0500 Subject: [PATCH 02/17] feat Tests for enter key event, click event, and click function manually run --- elements/pfe-cta/test/pfe-cta_test.html | 71 +++++++++++++++++-------- 1 file changed, 48 insertions(+), 23 deletions(-) diff --git a/elements/pfe-cta/test/pfe-cta_test.html b/elements/pfe-cta/test/pfe-cta_test.html index 165badd6a4..dd4523c236 100644 --- a/elements/pfe-cta/test/pfe-cta_test.html +++ b/elements/pfe-cta/test/pfe-cta_test.html @@ -108,29 +108,54 @@ }); }); - // test("it should register an event when clicked", done => { - // const pfeCta = document.querySelector("pfe-cta"); - - // document.addEventListener("pfe-cta:select", function(event) { - // // Stop the link navigation - // event.detail.event.preventDefault(); - // assert.isTrue(true); - // }); - - // pfeCta.click(); - // }); - - // test("it should register an event when enter key is pressed", done => { - // const pfeCta = document.querySelector("pfe-cta"); - - // document.addEventListener("pfe-cta:select", function(event) { - // // Stop the link navigation - // event.detail.event.preventDefault(); - // assert.isTrue(true); - // }); - - // pfeCta.click(); - // }); + test("it should register an event when clicked", done => { + const pfeCta = document.querySelector("pfe-cta"); + const spy = sinon.spy(pfeCta, "click"); + const event = new Event("click"); + + pfeCta.dispatchEvent(event); + + flush(() => { + setTimeout(function () { + expect(spy.callCount).to.equal(1); + }, 2000); + spy.restore(); + done(); + }); + }); + + test("it should register an event when enter key is pressed", done => { + const pfeCta = document.querySelector("pfe-cta"); + const spy = sinon.spy(pfeCta, "click"); + const event = new KeyboardEvent("keyup", { + key: "Enter" + }); + + pfeCta.dispatchEvent(event); + + flush(() => { + setTimeout(function () { + expect(spy.callCount).to.equal(1); + }, 2000); + spy.restore(); + done(); + }); + }); + + test("it should register an event when the click function is run", done => { + const pfeCta = document.querySelector("pfe-cta"); + const spy = sinon.spy(pfeCta, "click"); + + pfeCta.click(); + + flush(() => { + setTimeout(function () { + expect(spy.callCount).to.equal(1); + }, 2000); + spy.restore(); + done(); + }); + }); }); From 54d43df0688458d43e60b1065df44b2594601bd8 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Mon, 24 Feb 2020 16:38:27 -0500 Subject: [PATCH 03/17] feat Remove commented out code, add commenting spacing to demo page --- elements/pfe-cta/demo/index.html | 1 + elements/pfe-cta/src/pfe-cta.js | 4 ---- 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/elements/pfe-cta/demo/index.html b/elements/pfe-cta/demo/index.html index a54fb473ca..87612ed9f9 100644 --- a/elements/pfe-cta/demo/index.html +++ b/elements/pfe-cta/demo/index.html @@ -292,6 +292,7 @@

Color override

document.addEventListener("pfe-cta:select", function(event) { // Cancel the propogation of the CTA event.detail.event.preventDefault(); + // Note the URL in the console for the demo page console.log(`Click event registered to URL: ${event.detail.link}`); }); diff --git a/elements/pfe-cta/src/pfe-cta.js b/elements/pfe-cta/src/pfe-cta.js index fd73791974..a6284ed637 100644 --- a/elements/pfe-cta/src/pfe-cta.js +++ b/elements/pfe-cta/src/pfe-cta.js @@ -161,11 +161,7 @@ class PfeCta extends PFElement { // On focus out, remove that class _clickHandler(event) { - // event.preventDefault(); - this.click(event); - - // window.location.href = this.cta.href; } _basicAttributeChanged(attr, oldValue, newValue) { From 28fa3585493c8da0e17d790adafc0c7f0c01c369 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Mon, 24 Feb 2020 16:41:28 -0500 Subject: [PATCH 04/17] feat Update documentation with event --- elements/pfe-cta/README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/elements/pfe-cta/README.md b/elements/pfe-cta/README.md index 4b2c68bc4b..db217e9991 100644 --- a/elements/pfe-cta/README.md +++ b/elements/pfe-cta/README.md @@ -131,6 +131,12 @@ If you'd like to checkout how theming is possible using our CSS Var hooks, try a ``` +## Events + +### pfe-cta:select + +This event is fired when a link is clicked and serves as a way to capture click events if necessary. + ## Test npm run test From 958e597fe0e8b070d5d70f4632ece3fee4e45d62 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Mon, 24 Feb 2020 17:00:23 -0500 Subject: [PATCH 05/17] feat Update demo page JS to work in IE11 --- elements/pfe-cta/demo/index.html | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/elements/pfe-cta/demo/index.html b/elements/pfe-cta/demo/index.html index 87612ed9f9..a3bae918db 100644 --- a/elements/pfe-cta/demo/index.html +++ b/elements/pfe-cta/demo/index.html @@ -290,10 +290,11 @@

Color override

From 6d7dd82ae47bbe9aed5b7c22dc46db8366da05d3 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Mon, 24 Feb 2020 17:05:47 -0500 Subject: [PATCH 06/17] feat Pull back unrelated change --- examples/index.html | 283 +++++++++++++++++++++++++++++--------------- 1 file changed, 187 insertions(+), 96 deletions(-) diff --git a/examples/index.html b/examples/index.html index 11100a00d6..d24986b60f 100644 --- a/examples/index.html +++ b/examples/index.html @@ -1,106 +1,197 @@ - - - - PatternFly Elements - - - + + + + PatternFly Elements - + + - + - - - - + - - - - - -

Demo pages

+ + + + - - + + + + + +

Demo pages

- - -
### POLYFILLs -| Filename | line # | POLYFILL -|:------|:------:|:------ -| [pfe-accordion](../elements/pfe-accordion/src/polyfills--pfe-accordion.js#L1) | 1 | Array.prototype.findIndex -| [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L1) | 1 | Element.matches -| [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L9) | 9 | Element.closest -| [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L22) | 22 | Array.includes -| [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L1) | 1 | Element.matches -| [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L9) | 9 | Element.closest -| [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L22) | 22 | Array.includes -| [pfe-modal](../elements/pfe-modal/src/polyfills--pfe-modal.js#L1) | 1 | String.prototype.startsWith -| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L1) | 1 | Array.prototype.filter -| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L43) | 43 | Element.prototype.matches -| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L51) | 51 | Element.prototype.closest -| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L65) | 65 | Array.prototype.includes -| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L123) | 123 | Event.prototype.path -| [pfe-number](../elements/pfe-number/src/polyfills--pfe-number.js#L1) | 1 | isNaN, non-mutating polyfill for IE11 -| [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L1) | 1 | Array.prototype.find -| [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L49) | 49 | Array.prototype.findIndex + + -### TODOs -| Filename | line # | TODO -|:------|:------:|:------ -| [pfe-markdown](../elements/pfe-markdown/src/pfe-markdown.js#L49) | 49 | when we stop supporting IE11, the need to disconnect and -| [pfelement](../elements/pfelement/src/pfelement.js#L161) | 161 | maybe we should use just the attribute instead of the class? -| [pfelement](../elements/pfelement/src/pfelement.js#L368) | 368 | This is a duplicate function to cssVariable above, combine them
- - - + + +
+ ### POLYFILLs | Filename | line # | POLYFILL |:------|:------:|:------ + | + [pfe-accordion](../elements/pfe-accordion/src/polyfills--pfe-accordion.js#L1) + | 1 | Array.prototype.findIndex | + [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L1) | 1 | + Element.matches | + [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L9) | 9 | + Element.closest | + [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L22) | 22 | + Array.includes | + [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L1) | 1 | + Element.matches | + [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L9) | 9 | + Element.closest | + [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L22) | 22 | + Array.includes | + [pfe-modal](../elements/pfe-modal/src/polyfills--pfe-modal.js#L1) | 1 + | String.prototype.startsWith | + [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L1) + | 1 | Array.prototype.filter | + [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L43) + | 43 | Element.prototype.matches | + [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L51) + | 51 | Element.prototype.closest | + [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L65) + | 65 | Array.prototype.includes | + [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L123) + | 123 | Event.prototype.path | + [pfe-number](../elements/pfe-number/src/polyfills--pfe-number.js#L1) | + 1 | isNaN, non-mutating polyfill for IE11 | + [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L1) | 1 | + Array.prototype.find | + [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L49) | 49 | + Array.prototype.findIndex ### TODOs | Filename | line # | TODO + |:------|:------:|:------ | + [pfe-markdown](../elements/pfe-markdown/src/pfe-markdown.js#L49) | 49 + | when we stop supporting IE11, the need to disconnect and | + [pfelement](../elements/pfelement/src/pfelement.js#L161) | 161 | maybe + we should use just the attribute instead of the class? | + [pfelement](../elements/pfelement/src/pfelement.js#L368) | 368 | This + is a duplicate function to cssVariable above, combine them +
+ + + From f270493019fba90e968ee94cd729d5e7aa88e5b2 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Thu, 27 Feb 2020 13:01:22 -0500 Subject: [PATCH 07/17] feat Add type and color details to cta event --- elements/pfe-cta/demo/demo.css | 29 +++ elements/pfe-cta/demo/index.html | 33 +++- elements/pfe-cta/src/pfe-cta.html | 2 +- elements/pfe-cta/src/pfe-cta.js | 47 +++-- examples/index.html | 283 ++++++++++-------------------- 5 files changed, 189 insertions(+), 205 deletions(-) diff --git a/elements/pfe-cta/demo/demo.css b/elements/pfe-cta/demo/demo.css index edb311d5a1..8aab80e24a 100644 --- a/elements/pfe-cta/demo/demo.css +++ b/elements/pfe-cta/demo/demo.css @@ -51,6 +51,35 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { grid-template-columns: repeat(auto-fill, minmax(max-content, 1fr)); } +.event-registry { + display: flex; + align-items: center; + font-size: var(--pfe-theme--font-size--zeta, 14px); +} + +.event-registry:not(:empty) { + border-top: 1px solid rgba(0, 0, 0, 0.2); +} + +pfe-card:not([on="light"]) .event-registry:not(:empty) { + border-top: 1px solid rgba(255, 255, 255, 0.4); +} + +.event-registry span { + display: inline-block; + padding: 5px 10px; +} + +.event-registry pfe-icon { + --pfe-icon--Color: #444; + float: left; +} + +.event-registry pfe-icon:not([on="light"]) { + --pfe-icon--Color: #fff; + float: left; +} + .custom-dark-band { padding: 15px; background: #222; diff --git a/elements/pfe-cta/demo/index.html b/elements/pfe-cta/demo/index.html index a3bae918db..186fc510cd 100644 --- a/elements/pfe-cta/demo/index.html +++ b/elements/pfe-cta/demo/index.html @@ -37,7 +37,8 @@ require([ "../dist/pfe-cta.umd.js", "../../pfe-band/dist/pfe-band.umd.js", - "../../pfe-card/dist/pfe-card.umd.js" + "../../pfe-card/dist/pfe-card.umd.js", + "../../pfe-icon/dist/pfe-icon.umd.js" ]); @@ -58,6 +59,7 @@

No color attribute

Secondary + wind variant Disabled
+

pfe-color="base"

@@ -71,6 +73,7 @@

pfe-color="base"

pfe-variant="wind">Secondary + wind variant Disabled
+

pfe-color="accent"

@@ -84,6 +87,7 @@

pfe-color="accent"

pfe-variant="wind">Secondary + wind variant Disabled
+

pfe-color="complement"

@@ -97,6 +101,7 @@

pfe-color="complement"

pfe-variant="wind">Secondary + wind variant Disabled +
@@ -113,6 +118,7 @@

No color attribute

Secondary + wind variant Disabled +

pfe-color="base"

@@ -126,6 +132,7 @@

pfe-color="base"

pfe-variant="wind">Secondary + wind variant Disabled +

pfe-color="accent"

@@ -139,6 +146,7 @@

pfe-color="accent"

pfe-variant="wind">Secondary + wind variant Disabled +

pfe-color="complement"

@@ -152,6 +160,7 @@

pfe-color="complement"

pfe-variant="wind">Secondary + wind variant Disabled +
@@ -168,6 +177,7 @@

No color attribute

Secondary + wind variant Disabled +

pfe-color="base"

@@ -181,6 +191,7 @@

pfe-color="base"

pfe-variant="wind">Secondary + wind variant Disabled +

pfe-color="accent"

@@ -194,6 +205,7 @@

pfe-color="accent"

pfe-variant="wind">Secondary + wind variant Disabled +

pfe-color="complement"

@@ -207,6 +219,7 @@

pfe-color="complement"

pfe-variant="wind">Secondary + wind variant Disabled +
@@ -289,12 +302,24 @@

Color override

diff --git a/elements/pfe-cta/src/pfe-cta.html b/elements/pfe-cta/src/pfe-cta.html index 54945df4db..e0a23b0a1b 100644 --- a/elements/pfe-cta/src/pfe-cta.html +++ b/elements/pfe-cta/src/pfe-cta.html @@ -1,5 +1,5 @@ - ${this.defaultStyle ? `${this.isDefault ? ` { - if (firstChild.tagName.toLowerCase() === tag) { + if (this.firstElementChild.tagName.toLowerCase() === tag) { supportedTag = true; } }); } - if (!firstChild || !supportedTag) { + if (!this.firstElementChild || !supportedTag) { console.warn( `${PfeCta.tag}: The first child in the light DOM must be a supported call-to-action tag (, - - - PatternFly Elements + + + + PatternFly Elements + + + - - + - + - + + + + - - - - + + + + + +

Demo pages

- - - - - -

Demo pages

+ + - - + + +
### POLYFILLs +| Filename | line # | POLYFILL +|:------|:------:|:------ +| [pfe-accordion](../elements/pfe-accordion/src/polyfills--pfe-accordion.js#L1) | 1 | Array.prototype.findIndex +| [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L1) | 1 | Element.matches +| [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L9) | 9 | Element.closest +| [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L22) | 22 | Array.includes +| [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L1) | 1 | Element.matches +| [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L9) | 9 | Element.closest +| [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L22) | 22 | Array.includes +| [pfe-modal](../elements/pfe-modal/src/polyfills--pfe-modal.js#L1) | 1 | String.prototype.startsWith +| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L1) | 1 | Array.prototype.filter +| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L43) | 43 | Element.prototype.matches +| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L51) | 51 | Element.prototype.closest +| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L65) | 65 | Array.prototype.includes +| [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L123) | 123 | Event.prototype.path +| [pfe-number](../elements/pfe-number/src/polyfills--pfe-number.js#L1) | 1 | isNaN, non-mutating polyfill for IE11 +| [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L1) | 1 | Array.prototype.find +| [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L49) | 49 | Array.prototype.findIndex - - -
- ### POLYFILLs | Filename | line # | POLYFILL |:------|:------:|:------ - | - [pfe-accordion](../elements/pfe-accordion/src/polyfills--pfe-accordion.js#L1) - | 1 | Array.prototype.findIndex | - [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L1) | 1 | - Element.matches | - [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L9) | 9 | - Element.closest | - [pfe-band](../elements/pfe-band/src/polyfills--pfe-band.js#L22) | 22 | - Array.includes | - [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L1) | 1 | - Element.matches | - [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L9) | 9 | - Element.closest | - [pfe-card](../elements/pfe-card/src/polyfills--pfe-card.js#L22) | 22 | - Array.includes | - [pfe-modal](../elements/pfe-modal/src/polyfills--pfe-modal.js#L1) | 1 - | String.prototype.startsWith | - [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L1) - | 1 | Array.prototype.filter | - [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L43) - | 43 | Element.prototype.matches | - [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L51) - | 51 | Element.prototype.closest | - [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L65) - | 65 | Array.prototype.includes | - [pfe-navigation](../elements/pfe-navigation/src/polyfills--pfe-navigation.js#L123) - | 123 | Event.prototype.path | - [pfe-number](../elements/pfe-number/src/polyfills--pfe-number.js#L1) | - 1 | isNaN, non-mutating polyfill for IE11 | - [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L1) | 1 | - Array.prototype.find | - [pfe-tabs](../elements/pfe-tabs/src/polyfills--pfe-tabs.js#L49) | 49 | - Array.prototype.findIndex ### TODOs | Filename | line # | TODO - |:------|:------:|:------ | - [pfe-markdown](../elements/pfe-markdown/src/pfe-markdown.js#L49) | 49 - | when we stop supporting IE11, the need to disconnect and | - [pfelement](../elements/pfelement/src/pfelement.js#L161) | 161 | maybe - we should use just the attribute instead of the class? | - [pfelement](../elements/pfelement/src/pfelement.js#L368) | 368 | This - is a duplicate function to cssVariable above, combine them -
- - - +### TODOs +| Filename | line # | TODO +|:------|:------:|:------ +| [pfe-markdown](../elements/pfe-markdown/src/pfe-markdown.js#L49) | 49 | when we stop supporting IE11, the need to disconnect and +| [pfelement](../elements/pfelement/src/pfelement.js#L161) | 161 | maybe we should use just the attribute instead of the class? +| [pfelement](../elements/pfelement/src/pfelement.js#L368) | 368 | This is a duplicate function to cssVariable above, combine them
+ + + From 7a989b6d68391885144e71ae8cf464b52ea5484d Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Thu, 27 Feb 2020 13:11:42 -0500 Subject: [PATCH 08/17] feat Add flex-grow to footer to fill space --- elements/pfe-cta/demo/demo.css | 1 + 1 file changed, 1 insertion(+) diff --git a/elements/pfe-cta/demo/demo.css b/elements/pfe-cta/demo/demo.css index 8aab80e24a..3c74b7ea79 100644 --- a/elements/pfe-cta/demo/demo.css +++ b/elements/pfe-cta/demo/demo.css @@ -52,6 +52,7 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { } .event-registry { + flex-grow: 1; display: flex; align-items: center; font-size: var(--pfe-theme--font-size--zeta, 14px); From c4c012a4ea7f54c89837824cff68b9e85aacb454 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Thu, 27 Feb 2020 13:12:24 -0500 Subject: [PATCH 09/17] feat Add console note --- elements/pfe-cta/demo/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/elements/pfe-cta/demo/index.html b/elements/pfe-cta/demo/index.html index 186fc510cd..5337d4770b 100644 --- a/elements/pfe-cta/demo/index.html +++ b/elements/pfe-cta/demo/index.html @@ -318,7 +318,7 @@

Color override

if (registry) { if (activeRegistry) activeRegistry.innerHTML = ""; activeRegistry = registry; - registry.innerHTML = "Event registered on " + event.detail.type + " call-to-action."; + registry.innerHTML = "Event registered on " + event.detail.type + " call-to-action. See console for details."; } }); From fe90b8d4ba32dadc5156ef51c7cb8523dab613fd Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Thu, 27 Feb 2020 13:24:00 -0500 Subject: [PATCH 10/17] feat Move span close after last text; tidy up styles --- elements/pfe-cta/demo/demo.css | 12 ++---------- elements/pfe-cta/demo/index.html | 26 +++++++++++++------------- 2 files changed, 15 insertions(+), 23 deletions(-) diff --git a/elements/pfe-cta/demo/demo.css b/elements/pfe-cta/demo/demo.css index 3c74b7ea79..471d401bf8 100644 --- a/elements/pfe-cta/demo/demo.css +++ b/elements/pfe-cta/demo/demo.css @@ -35,7 +35,7 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { flex-flow: row wrap; display: grid; grid-gap: 10px; - grid-template-columns: repeat(auto-fit, minmax(100px, max-content)); + grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); margin-top: -10px; margin-left: -20px; } @@ -48,7 +48,7 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { } .cta-layout { - grid-template-columns: repeat(auto-fill, minmax(max-content, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(max-content, 1fr)); } .event-registry { @@ -58,14 +58,6 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { font-size: var(--pfe-theme--font-size--zeta, 14px); } -.event-registry:not(:empty) { - border-top: 1px solid rgba(0, 0, 0, 0.2); -} - -pfe-card:not([on="light"]) .event-registry:not(:empty) { - border-top: 1px solid rgba(255, 255, 255, 0.4); -} - .event-registry span { display: inline-block; padding: 5px 10px; diff --git a/elements/pfe-cta/demo/index.html b/elements/pfe-cta/demo/index.html index 5337d4770b..c30d86585b 100644 --- a/elements/pfe-cta/demo/index.html +++ b/elements/pfe-cta/demo/index.html @@ -59,7 +59,7 @@

No color attribute

Secondary + wind variant Disabled -
+

pfe-color="base"

@@ -73,7 +73,7 @@

pfe-color="base"

pfe-variant="wind">Secondary + wind variant Disabled -
+

pfe-color="accent"

@@ -87,7 +87,7 @@

pfe-color="accent"

pfe-variant="wind">Secondary + wind variant Disabled -
+

pfe-color="complement"

@@ -101,7 +101,7 @@

pfe-color="complement"

pfe-variant="wind">Secondary + wind variant Disabled -
+
@@ -118,7 +118,7 @@

No color attribute

Secondary + wind variant Disabled -
+

pfe-color="base"

@@ -132,7 +132,7 @@

pfe-color="base"

pfe-variant="wind">Secondary + wind variant Disabled -
+

pfe-color="accent"

@@ -146,7 +146,7 @@

pfe-color="accent"

pfe-variant="wind">Secondary + wind variant Disabled -
+

pfe-color="complement"

@@ -160,7 +160,7 @@

pfe-color="complement"

pfe-variant="wind">Secondary + wind variant Disabled -
+
@@ -177,7 +177,7 @@

No color attribute

Secondary + wind variant Disabled -
+

pfe-color="base"

@@ -191,7 +191,7 @@

pfe-color="base"

pfe-variant="wind">Secondary + wind variant Disabled -
+

pfe-color="accent"

@@ -205,7 +205,7 @@

pfe-color="accent"

pfe-variant="wind">Secondary + wind variant Disabled -
+

pfe-color="complement"

@@ -219,7 +219,7 @@

pfe-color="complement"

pfe-variant="wind">Secondary + wind variant Disabled -
+
@@ -318,7 +318,7 @@

Color override

if (registry) { if (activeRegistry) activeRegistry.innerHTML = ""; activeRegistry = registry; - registry.innerHTML = "Event registered on " + event.detail.type + " call-to-action. See console for details."; + registry.innerHTML = "Event registered on " + event.detail.type + " call-to-action. See console for details."; } }); From 7f303d822822b100849772a6a1dfa3814dfdb7c3 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Tue, 3 Mar 2020 09:53:21 -0500 Subject: [PATCH 11/17] feat Fix comments on new event functions --- elements/pfe-cta/src/pfe-cta.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/elements/pfe-cta/src/pfe-cta.js b/elements/pfe-cta/src/pfe-cta.js index 7b5506a664..ab2f251cc4 100644 --- a/elements/pfe-cta/src/pfe-cta.js +++ b/elements/pfe-cta/src/pfe-cta.js @@ -160,17 +160,17 @@ class PfeCta extends PFElement { } } - // On focus, add a class + // On focus, add a focus class _focusHandler(event) { this.classList.add("focus-within"); } - // On focus out, remove that class + // On focus out, remove the focus class _blurHandler(event) { this.classList.remove("focus-within"); } - // On focus out, remove that class + // On enter press, trigger click event _keyupHandler(event) { let key = event.key || event.keyCode; switch (key) { @@ -180,7 +180,7 @@ class PfeCta extends PFElement { } } - // On focus out, remove that class + // On click, trigger click event _clickHandler(event) { this.click(event); } From 5b032b58069f29a216aa749aac3c881bc2c4180f Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Tue, 3 Mar 2020 10:33:03 -0500 Subject: [PATCH 12/17] feat Fix `this.firstChild` to `this.firstElementChild` to get the link element and not just the text node; update tests --- elements/pfe-cta/src/pfe-cta.js | 2 +- elements/pfe-cta/test/pfe-cta_test.html | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/elements/pfe-cta/src/pfe-cta.js b/elements/pfe-cta/src/pfe-cta.js index ab2f251cc4..c368ac3dbf 100644 --- a/elements/pfe-cta/src/pfe-cta.js +++ b/elements/pfe-cta/src/pfe-cta.js @@ -123,7 +123,7 @@ class PfeCta extends PFElement { ); } else { // Capture the first child as the CTA element - this.cta = this.firstChild; + this.cta = this.firstElementChild; this.data = { href: this.cta.href, diff --git a/elements/pfe-cta/test/pfe-cta_test.html b/elements/pfe-cta/test/pfe-cta_test.html index dd4523c236..59f4f68330 100644 --- a/elements/pfe-cta/test/pfe-cta_test.html +++ b/elements/pfe-cta/test/pfe-cta_test.html @@ -98,12 +98,12 @@ test("it should properly initialize when the contents of the slot change", done => { const pfeCta = document.querySelector("pfe-cta"); - assert.equal(pfeCta.cta.getAttribute("href"), "https://redhat.com"); + assert.equal(pfeCta.data.href, "https://redhat.com"); pfeCta.innerHTML = `Customer Portal`; flush(() => { - assert.equal(pfeCta.cta.getAttribute("href"), "https://access.redhat.com"); + assert.equal(pfeCta.data.href, "https://access.redhat.com"); done(); }); }); From 6d07267114a7b02b560f8acfca3ead3ca511eadd Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Tue, 3 Mar 2020 16:09:35 -0500 Subject: [PATCH 13/17] feat href needs hanging / added for tests to pass --- elements/pfe-cta/test/pfe-cta_test.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/elements/pfe-cta/test/pfe-cta_test.html b/elements/pfe-cta/test/pfe-cta_test.html index 59f4f68330..429225f27a 100644 --- a/elements/pfe-cta/test/pfe-cta_test.html +++ b/elements/pfe-cta/test/pfe-cta_test.html @@ -98,12 +98,12 @@ test("it should properly initialize when the contents of the slot change", done => { const pfeCta = document.querySelector("pfe-cta"); - assert.equal(pfeCta.data.href, "https://redhat.com"); + assert.equal(pfeCta.data.href, "https://redhat.com/"); pfeCta.innerHTML = `Customer Portal`; flush(() => { - assert.equal(pfeCta.data.href, "https://access.redhat.com"); + assert.equal(pfeCta.data.href, "https://access.redhat.com/"); done(); }); }); From 341310db475522066ec0df972b6f1c77c400c165 Mon Sep 17 00:00:00 2001 From: Kyle Buchanan Date: Wed, 18 Mar 2020 16:57:25 -0400 Subject: [PATCH 14/17] Adding event detail to demo page --- elements/pfe-cta/demo/demo.css | 6 ++++- elements/pfe-cta/demo/index.html | 38 ++++++++++++++++++++++++++++++-- 2 files changed, 41 insertions(+), 3 deletions(-) diff --git a/elements/pfe-cta/demo/demo.css b/elements/pfe-cta/demo/demo.css index eb336753b4..e82e7c90ef 100644 --- a/elements/pfe-cta/demo/demo.css +++ b/elements/pfe-cta/demo/demo.css @@ -12,6 +12,10 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { --pfe-card--Border: 1px solid rgba(45, 45, 45, 0.3); } +[hidden] { + display: none !important; +} + .default-link-test { display: flex; flex-flow: row nowrap; @@ -83,4 +87,4 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { padding: 15px; background: #0c8488; --theme: saturated; -} \ No newline at end of file +} diff --git a/elements/pfe-cta/demo/index.html b/elements/pfe-cta/demo/index.html index 5a7adc3685..180d49b240 100644 --- a/elements/pfe-cta/demo/index.html +++ b/elements/pfe-cta/demo/index.html @@ -32,7 +32,8 @@ require([ "../dist/pfe-cta.umd.js", "../../pfe-band/dist/pfe-band.umd.js", - "../../pfe-card/dist/pfe-card.umd.js" + "../../pfe-card/dist/pfe-card.umd.js", + "../../pfe-icon/dist/pfe-icon.umd.js" ]); @@ -237,6 +238,24 @@

Link and button styles (displayed inline)

+ +

CTA Events

+
+ + + + +
+ +

@@ -301,7 +320,22 @@

Color override

+ - From 7b80b8fd9228112149d76ec59471152ffa41d335 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Thu, 19 Mar 2020 13:03:24 -0400 Subject: [PATCH 15/17] feat Test adding resize properties and adjusting layout to use flex instead --- elements/pfe-cta/demo/demo.css | 18 +-- elements/pfe-cta/demo/index.html | 25 ++-- examples/index.html | 1 + package-lock.json | 193 +++++++++++++++---------------- 4 files changed, 120 insertions(+), 117 deletions(-) diff --git a/elements/pfe-cta/demo/demo.css b/elements/pfe-cta/demo/demo.css index 471d401bf8..f574a913b4 100644 --- a/elements/pfe-cta/demo/demo.css +++ b/elements/pfe-cta/demo/demo.css @@ -16,7 +16,7 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { display: flex; flex-flow: row nowrap; border: 1px solid #ddd; - width: 500px; + width: 305px; padding: 10px; } @@ -33,16 +33,20 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { .card-layout { display: flex; flex-flow: row wrap; - display: grid; - grid-gap: 10px; - grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); margin-top: -10px; margin-left: -20px; } -.cta-layout > pfe-cta, -.card-layout > pfe-cta, -.card-layout .cta-align > pfe-cta { +.cta-layout > *:not([class~="layout"]), +.card-layout .cta-align > * { + margin-top: 10px; + margin-left: 20px; +} + +.card-layout > *:not([class~="layout"]) { + width: min-content; + min-width: 350px; + flex-grow: 1; margin-top: 10px; margin-left: 20px; } diff --git a/elements/pfe-cta/demo/index.html b/elements/pfe-cta/demo/index.html index c30d86585b..e790a717bc 100644 --- a/elements/pfe-cta/demo/index.html +++ b/elements/pfe-cta/demo/index.html @@ -50,7 +50,7 @@

<pfe-cta> demo page

CTAs in light containers

- +

No color attribute

Default @@ -61,7 +61,7 @@

No color attribute

 - +

pfe-color="base"

Default @@ -75,7 +75,7 @@

pfe-color="base"

 - +

pfe-color="accent"

Default @@ -89,7 +89,7 @@

pfe-color="accent"

 - +

pfe-color="complement"

Default @@ -109,7 +109,7 @@

pfe-color="complement"

CTAs in dark containers

- +

No color attribute

Default @@ -120,7 +120,7 @@

No color attribute

 - +

pfe-color="base"

Default @@ -134,7 +134,7 @@

pfe-color="base"

 - +

pfe-color="accent"

Default @@ -148,7 +148,7 @@

pfe-color="accent"

 - +

pfe-color="complement"

Default @@ -168,7 +168,7 @@

pfe-color="complement"

CTAs in saturated containers

- +

No color attribute

Default @@ -179,7 +179,7 @@

No color attribute

 - +

pfe-color="base"

Default @@ -193,7 +193,7 @@

pfe-color="base"

 - +

pfe-color="accent"

Default @@ -207,7 +207,7 @@

pfe-color="accent"

 - +

pfe-color="complement"

Default @@ -228,7 +228,6 @@

pfe-color="complement"

Force wrap to test arrow line-wrap

Default link cta with longer text -
diff --git a/examples/index.html b/examples/index.html index 11100a00d6..467a16ca1c 100644 --- a/examples/index.html +++ b/examples/index.html @@ -52,6 +52,7 @@

Demo pages

pfe-badge pfe-band pfe-card + pfe-chip pfe-collapse pfe-content-set pfe-cta diff --git a/package-lock.json b/package-lock.json index 7b0ed90efd..ced1a41f6f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6151,16 +6151,6 @@ "integrity": "sha512-Wg1bImVQ8RPGutT+ySqWRDEhvSVmsvouBQiGq9NejQW33mYbttoC+lVTDR45U/ZbqegwpJT4+1UVOseNaWxvSQ==", "dev": true }, - "@patternfly/pfe-sass": { - "version": "1.0.0-prerelease.28", - "resolved": "https://registry.npmjs.org/@patternfly/pfe-sass/-/pfe-sass-1.0.0-prerelease.28.tgz", - "integrity": "sha512-RmyU/IevisSY/PseWl2DXsaLURxU0SwP0x8sk/BJ0fGfd1i8eHOaKThXSQFxnYu3TOTHX8enxnH+RKSVvJGGfg==" - }, - "@patternfly/pfelement": { - "version": "1.0.0-prerelease.28", - "resolved": "https://registry.npmjs.org/@patternfly/pfelement/-/pfelement-1.0.0-prerelease.28.tgz", - "integrity": "sha512-bQGsmm47t5CZDyHWTKHLN4Mvk/n1x2aAmCPAswf9xwzV/EdgB88k1fBdshs7NSbr18s7Po742Q2vKUEsrLL4jg==" - }, "@polymer/esm-amd-loader": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/@polymer/esm-amd-loader/-/esm-amd-loader-1.0.4.tgz", @@ -18647,27 +18637,28 @@ "dependencies": { "abbrev": { "version": "1.1.1", - "resolved": "", + "resolved": false, "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==", "dev": true, "optional": true }, "ansi-regex": { "version": "2.1.1", - "resolved": "", + "resolved": false, "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=", - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", - "resolved": "", + "resolved": false, "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==", "dev": true, "optional": true }, "are-we-there-yet": { "version": "1.1.5", - "resolved": "", + "resolved": false, "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==", "dev": true, "optional": true, @@ -18678,15 +18669,17 @@ }, "balanced-match": { "version": "1.0.0", - "resolved": "", + "resolved": false, "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", - "dev": true + "dev": true, + "optional": true }, "brace-expansion": { "version": "1.1.11", - "resolved": "", + "resolved": false, "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, + "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -18694,39 +18687,42 @@ }, "chownr": { "version": "1.1.1", - "resolved": "", + "resolved": false, "integrity": "sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==", "dev": true, "optional": true }, "code-point-at": { "version": "1.1.0", - "resolved": "", + "resolved": false, "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=", - "dev": true + "dev": true, + "optional": true }, "concat-map": { "version": "0.0.1", - "resolved": "", + "resolved": false, "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", - "dev": true + "dev": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", - "resolved": "", + "resolved": false, "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=", - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", - "resolved": "", + "resolved": false, "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=", "dev": true, "optional": true }, "debug": { "version": "4.1.1", - "resolved": "", + "resolved": false, "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", "dev": true, "optional": true, @@ -18736,28 +18732,28 @@ }, "deep-extend": { "version": "0.6.0", - "resolved": "", + "resolved": false, "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==", "dev": true, "optional": true }, "delegates": { "version": "1.0.0", - "resolved": "", + "resolved": false, "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=", "dev": true, "optional": true }, "detect-libc": { "version": "1.0.3", - "resolved": "", + "resolved": false, "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=", "dev": true, "optional": true }, "fs-minipass": { "version": "1.2.5", - "resolved": "", + "resolved": false, "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==", "dev": true, "optional": true, @@ -18767,14 +18763,14 @@ }, "fs.realpath": { "version": "1.0.0", - "resolved": "", + "resolved": false, "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", "dev": true, "optional": true }, "gauge": { "version": "2.7.4", - "resolved": "", + "resolved": false, "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", "dev": true, "optional": true, @@ -18791,7 +18787,7 @@ }, "glob": { "version": "7.1.3", - "resolved": "", + "resolved": false, "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", "dev": true, "optional": true, @@ -18806,14 +18802,14 @@ }, "has-unicode": { "version": "2.0.1", - "resolved": "", + "resolved": false, "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=", "dev": true, "optional": true }, "iconv-lite": { "version": "0.4.24", - "resolved": "", + "resolved": false, "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", "dev": true, "optional": true, @@ -18823,7 +18819,7 @@ }, "ignore-walk": { "version": "3.0.1", - "resolved": "", + "resolved": false, "integrity": "sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==", "dev": true, "optional": true, @@ -18833,7 +18829,7 @@ }, "inflight": { "version": "1.0.6", - "resolved": "", + "resolved": false, "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", "dev": true, "optional": true, @@ -18844,53 +18840,58 @@ }, "inherits": { "version": "2.0.3", - "resolved": "", + "resolved": false, "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=", - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", - "resolved": "", + "resolved": false, "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==", "dev": true, "optional": true }, "is-fullwidth-code-point": { "version": "1.0.0", - "resolved": "", + "resolved": false, "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", "dev": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } }, "isarray": { "version": "1.0.0", - "resolved": "", + "resolved": false, "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=", "dev": true, "optional": true }, "minimatch": { "version": "3.0.4", - "resolved": "", + "resolved": false, "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", "dev": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } }, "minimist": { "version": "0.0.8", - "resolved": "", + "resolved": false, "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=", - "dev": true + "dev": true, + "optional": true }, "minipass": { "version": "2.3.5", - "resolved": "", + "resolved": false, "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==", "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -18898,7 +18899,7 @@ }, "minizlib": { "version": "1.2.1", - "resolved": "", + "resolved": false, "integrity": "sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==", "dev": true, "optional": true, @@ -18908,23 +18909,24 @@ }, "mkdirp": { "version": "0.5.1", - "resolved": "", + "resolved": false, "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } }, "ms": { "version": "2.1.1", - "resolved": "", + "resolved": false, "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", "dev": true, "optional": true }, "needle": { "version": "2.3.0", - "resolved": "", + "resolved": false, "integrity": "sha512-QBZu7aAFR0522EyaXZM0FZ9GLpq6lvQ3uq8gteiDUp7wKdy0lSd2hPlgFwVuW1CBkfEs9PfDQsQzZghLs/psdg==", "dev": true, "optional": true, @@ -18936,7 +18938,7 @@ }, "node-pre-gyp": { "version": "0.12.0", - "resolved": "", + "resolved": false, "integrity": "sha512-4KghwV8vH5k+g2ylT+sLTjy5wmUOb9vPhnM8NHvRf9dHmnW/CndrFXy2aRPaPST6dugXSdHXfeaHQm77PIz/1A==", "dev": true, "optional": true, @@ -18955,7 +18957,7 @@ }, "nopt": { "version": "4.0.1", - "resolved": "", + "resolved": false, "integrity": "sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=", "dev": true, "optional": true, @@ -18966,14 +18968,14 @@ }, "npm-bundled": { "version": "1.0.6", - "resolved": "", + "resolved": false, "integrity": "sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==", "dev": true, "optional": true }, "npm-packlist": { "version": "1.4.1", - "resolved": "", + "resolved": false, "integrity": "sha512-+TcdO7HJJ8peiiYhvPxsEDhF3PJFGUGRcFsGve3vxvxdcpO2Z4Z7rkosRM0kWj6LfbK/P0gu3dzk5RU1ffvFcw==", "dev": true, "optional": true, @@ -18984,7 +18986,7 @@ }, "npmlog": { "version": "4.1.2", - "resolved": "", + "resolved": false, "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==", "dev": true, "optional": true, @@ -18997,43 +18999,45 @@ }, "number-is-nan": { "version": "1.0.1", - "resolved": "", + "resolved": false, "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", - "dev": true + "dev": true, + "optional": true }, "object-assign": { "version": "4.1.1", - "resolved": "", + "resolved": false, "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", "dev": true, "optional": true }, "once": { "version": "1.4.0", - "resolved": "", + "resolved": false, "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", "dev": true, + "optional": true, "requires": { "wrappy": "1" } }, "os-homedir": { "version": "1.0.2", - "resolved": "", + "resolved": false, "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=", "dev": true, "optional": true }, "os-tmpdir": { "version": "1.0.2", - "resolved": "", + "resolved": false, "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=", "dev": true, "optional": true }, "osenv": { "version": "0.1.5", - "resolved": "", + "resolved": false, "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==", "dev": true, "optional": true, @@ -19044,21 +19048,21 @@ }, "path-is-absolute": { "version": "1.0.1", - "resolved": "", + "resolved": false, "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=", "dev": true, "optional": true }, "process-nextick-args": { "version": "2.0.0", - "resolved": "", + "resolved": false, "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==", "dev": true, "optional": true }, "rc": { "version": "1.2.8", - "resolved": "", + "resolved": false, "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==", "dev": true, "optional": true, @@ -19071,7 +19075,7 @@ "dependencies": { "minimist": { "version": "1.2.0", - "resolved": "", + "resolved": false, "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true, "optional": true @@ -19080,7 +19084,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "", + "resolved": false, "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "dev": true, "optional": true, @@ -19096,7 +19100,7 @@ }, "rimraf": { "version": "2.6.3", - "resolved": "", + "resolved": false, "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", "dev": true, "optional": true, @@ -19106,50 +19110,52 @@ }, "safe-buffer": { "version": "5.1.2", - "resolved": "", + "resolved": false, "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", - "resolved": "", + "resolved": false, "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "dev": true, "optional": true }, "sax": { "version": "1.2.4", - "resolved": "", + "resolved": false, "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", "dev": true, "optional": true }, "semver": { "version": "5.7.0", - "resolved": "", + "resolved": false, "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", "dev": true, "optional": true }, "set-blocking": { "version": "2.0.0", - "resolved": "", + "resolved": false, "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=", "dev": true, "optional": true }, "signal-exit": { "version": "3.0.2", - "resolved": "", + "resolved": false, "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=", "dev": true, "optional": true }, "string-width": { "version": "1.0.2", - "resolved": "", + "resolved": false, "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -19158,7 +19164,7 @@ }, "string_decoder": { "version": "1.1.1", - "resolved": "", + "resolved": false, "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "dev": true, "optional": true, @@ -19168,23 +19174,24 @@ }, "strip-ansi": { "version": "3.0.1", - "resolved": "", + "resolved": false, "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } }, "strip-json-comments": { "version": "2.0.1", - "resolved": "", + "resolved": false, "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=", "dev": true, "optional": true }, "tar": { "version": "4.4.8", - "resolved": "", + "resolved": false, "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==", "dev": true, "optional": true, @@ -19200,14 +19207,14 @@ }, "util-deprecate": { "version": "1.0.2", - "resolved": "", + "resolved": false, "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", "dev": true, "optional": true }, "wide-align": { "version": "1.1.3", - "resolved": "", + "resolved": false, "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==", "dev": true, "optional": true, @@ -19217,15 +19224,17 @@ }, "wrappy": { "version": "1.0.2", - "resolved": "", + "resolved": false, "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.3", - "resolved": "", + "resolved": false, "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==", - "dev": true + "dev": true, + "optional": true } } }, @@ -26057,11 +26066,6 @@ "unquote": "^1.1.0" } }, - "marked": { - "version": "0.6.3", - "resolved": "https://registry.npmjs.org/marked/-/marked-0.6.3.tgz", - "integrity": "sha512-Fqa7eq+UaxfMriqzYLayfqAE40WN03jf+zHjT18/uXNuzjq3TY0XTbrAoPeqSJrAmPz11VuUA+kBPYOhHt9oOQ==" - }, "matchdep": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/matchdep/-/matchdep-2.0.0.tgz", @@ -28782,11 +28786,6 @@ "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", "dev": true }, - "numeral": { - "version": "2.0.6", - "resolved": "https://registry.npmjs.org/numeral/-/numeral-2.0.6.tgz", - "integrity": "sha1-StCAk21EPCVhrtnyGX7//iX05QY=" - }, "nwsapi": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.0.tgz", From 8eb9340f9ae438e5c446d8c5e91a38ff548a65e0 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Thu, 19 Mar 2020 15:47:47 -0400 Subject: [PATCH 16/17] feat Revert changes to demo page adding resize to all cards --- elements/pfe-cta/demo/demo.css | 12 ++++++++++++ elements/pfe-cta/demo/index.html | 24 ++++++++++++------------ 2 files changed, 24 insertions(+), 12 deletions(-) diff --git a/elements/pfe-cta/demo/demo.css b/elements/pfe-cta/demo/demo.css index f574a913b4..56a142d9af 100644 --- a/elements/pfe-cta/demo/demo.css +++ b/elements/pfe-cta/demo/demo.css @@ -35,12 +35,24 @@ pfe-band[pfe-color="lightest"] pfe-card[pfe-color="lightest"] { flex-flow: row wrap; margin-top: -10px; margin-left: -20px; + @supports (display: grid) { + display: grid; + grid-row-gap: 10px; + grid-column-gap: 20px; + grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); + margin-top: 0; + margin-left: 0; + } } .cta-layout > *:not([class~="layout"]), .card-layout .cta-align > * { margin-top: 10px; margin-left: 20px; + @supports (display: grid) { + margin-top: 0; + margin-left: 0; + } } .card-layout > *:not([class~="layout"]) { diff --git a/elements/pfe-cta/demo/index.html b/elements/pfe-cta/demo/index.html index e790a717bc..e9ce3edc6d 100644 --- a/elements/pfe-cta/demo/index.html +++ b/elements/pfe-cta/demo/index.html @@ -50,7 +50,7 @@

<pfe-cta> demo page

CTAs in light containers

- +

No color attribute

Default @@ -61,7 +61,7 @@

No color attribute

 - +

pfe-color="base"

Default @@ -75,7 +75,7 @@

pfe-color="base"

 - +

pfe-color="accent"

Default @@ -89,7 +89,7 @@

pfe-color="accent"

 - +

pfe-color="complement"

Default @@ -109,7 +109,7 @@

pfe-color="complement"

CTAs in dark containers

- +

No color attribute

Default @@ -120,7 +120,7 @@

No color attribute

 - +

pfe-color="base"

Default @@ -134,7 +134,7 @@

pfe-color="base"

 - +

pfe-color="accent"

Default @@ -148,7 +148,7 @@

pfe-color="accent"

 - +

pfe-color="complement"

Default @@ -168,7 +168,7 @@

pfe-color="complement"

CTAs in saturated containers

- +

No color attribute

Default @@ -179,7 +179,7 @@

No color attribute

 - +

pfe-color="base"

Default @@ -193,7 +193,7 @@

pfe-color="base"

 - +

pfe-color="accent"

Default @@ -207,7 +207,7 @@

pfe-color="accent"

 - +

pfe-color="complement"

Default From 072b2caf78689d6f94ba60b6dcce57e12e5eca40 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Thu, 26 Mar 2020 16:55:52 -0400 Subject: [PATCH 17/17] feat Revert pfe-chip from examples listing --- examples/index.html | 1 - package-lock.json | 193 ++++++++++++++++++++++---------------------- 2 files changed, 97 insertions(+), 97 deletions(-) diff --git a/examples/index.html b/examples/index.html index 467a16ca1c..11100a00d6 100644 --- a/examples/index.html +++ b/examples/index.html @@ -52,7 +52,6 @@

Demo pages

pfe-badge pfe-band pfe-card - pfe-chip pfe-collapse pfe-content-set pfe-cta diff --git a/package-lock.json b/package-lock.json index ced1a41f6f..7b0ed90efd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6151,6 +6151,16 @@ "integrity": "sha512-Wg1bImVQ8RPGutT+ySqWRDEhvSVmsvouBQiGq9NejQW33mYbttoC+lVTDR45U/ZbqegwpJT4+1UVOseNaWxvSQ==", "dev": true }, + "@patternfly/pfe-sass": { + "version": "1.0.0-prerelease.28", + "resolved": "https://registry.npmjs.org/@patternfly/pfe-sass/-/pfe-sass-1.0.0-prerelease.28.tgz", + "integrity": "sha512-RmyU/IevisSY/PseWl2DXsaLURxU0SwP0x8sk/BJ0fGfd1i8eHOaKThXSQFxnYu3TOTHX8enxnH+RKSVvJGGfg==" + }, + "@patternfly/pfelement": { + "version": "1.0.0-prerelease.28", + "resolved": "https://registry.npmjs.org/@patternfly/pfelement/-/pfelement-1.0.0-prerelease.28.tgz", + "integrity": "sha512-bQGsmm47t5CZDyHWTKHLN4Mvk/n1x2aAmCPAswf9xwzV/EdgB88k1fBdshs7NSbr18s7Po742Q2vKUEsrLL4jg==" + }, "@polymer/esm-amd-loader": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/@polymer/esm-amd-loader/-/esm-amd-loader-1.0.4.tgz", @@ -18637,28 +18647,27 @@ "dependencies": { "abbrev": { "version": "1.1.1", - "resolved": false, + "resolved": "", "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==", "dev": true, "optional": true }, "ansi-regex": { "version": "2.1.1", - "resolved": false, + "resolved": "", "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=", - "dev": true, - "optional": true + "dev": true }, "aproba": { "version": "1.2.0", - "resolved": false, + "resolved": "", "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==", "dev": true, "optional": true }, "are-we-there-yet": { "version": "1.1.5", - "resolved": false, + "resolved": "", "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==", "dev": true, "optional": true, @@ -18669,17 +18678,15 @@ }, "balanced-match": { "version": "1.0.0", - "resolved": false, + "resolved": "", "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=", - "dev": true, - "optional": true + "dev": true }, "brace-expansion": { "version": "1.1.11", - "resolved": false, + "resolved": "", "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "dev": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -18687,42 +18694,39 @@ }, "chownr": { "version": "1.1.1", - "resolved": false, + "resolved": "", "integrity": "sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==", "dev": true, "optional": true }, "code-point-at": { "version": "1.1.0", - "resolved": false, + "resolved": "", "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=", - "dev": true, - "optional": true + "dev": true }, "concat-map": { "version": "0.0.1", - "resolved": false, + "resolved": "", "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=", - "dev": true, - "optional": true + "dev": true }, "console-control-strings": { "version": "1.1.0", - "resolved": false, + "resolved": "", "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=", - "dev": true, - "optional": true + "dev": true }, "core-util-is": { "version": "1.0.2", - "resolved": false, + "resolved": "", "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=", "dev": true, "optional": true }, "debug": { "version": "4.1.1", - "resolved": false, + "resolved": "", "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", "dev": true, "optional": true, @@ -18732,28 +18736,28 @@ }, "deep-extend": { "version": "0.6.0", - "resolved": false, + "resolved": "", "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==", "dev": true, "optional": true }, "delegates": { "version": "1.0.0", - "resolved": false, + "resolved": "", "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=", "dev": true, "optional": true }, "detect-libc": { "version": "1.0.3", - "resolved": false, + "resolved": "", "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=", "dev": true, "optional": true }, "fs-minipass": { "version": "1.2.5", - "resolved": false, + "resolved": "", "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==", "dev": true, "optional": true, @@ -18763,14 +18767,14 @@ }, "fs.realpath": { "version": "1.0.0", - "resolved": false, + "resolved": "", "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=", "dev": true, "optional": true }, "gauge": { "version": "2.7.4", - "resolved": false, + "resolved": "", "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", "dev": true, "optional": true, @@ -18787,7 +18791,7 @@ }, "glob": { "version": "7.1.3", - "resolved": false, + "resolved": "", "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", "dev": true, "optional": true, @@ -18802,14 +18806,14 @@ }, "has-unicode": { "version": "2.0.1", - "resolved": false, + "resolved": "", "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=", "dev": true, "optional": true }, "iconv-lite": { "version": "0.4.24", - "resolved": false, + "resolved": "", "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", "dev": true, "optional": true, @@ -18819,7 +18823,7 @@ }, "ignore-walk": { "version": "3.0.1", - "resolved": false, + "resolved": "", "integrity": "sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==", "dev": true, "optional": true, @@ -18829,7 +18833,7 @@ }, "inflight": { "version": "1.0.6", - "resolved": false, + "resolved": "", "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", "dev": true, "optional": true, @@ -18840,58 +18844,53 @@ }, "inherits": { "version": "2.0.3", - "resolved": false, + "resolved": "", "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=", - "dev": true, - "optional": true + "dev": true }, "ini": { "version": "1.3.5", - "resolved": false, + "resolved": "", "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==", "dev": true, "optional": true }, "is-fullwidth-code-point": { "version": "1.0.0", - "resolved": false, + "resolved": "", "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", "dev": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } }, "isarray": { "version": "1.0.0", - "resolved": false, + "resolved": "", "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=", "dev": true, "optional": true }, "minimatch": { "version": "3.0.4", - "resolved": false, + "resolved": "", "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", "dev": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" } }, "minimist": { "version": "0.0.8", - "resolved": false, + "resolved": "", "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=", - "dev": true, - "optional": true + "dev": true }, "minipass": { "version": "2.3.5", - "resolved": false, + "resolved": "", "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==", "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -18899,7 +18898,7 @@ }, "minizlib": { "version": "1.2.1", - "resolved": false, + "resolved": "", "integrity": "sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==", "dev": true, "optional": true, @@ -18909,24 +18908,23 @@ }, "mkdirp": { "version": "0.5.1", - "resolved": false, + "resolved": "", "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", "dev": true, - "optional": true, "requires": { "minimist": "0.0.8" } }, "ms": { "version": "2.1.1", - "resolved": false, + "resolved": "", "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", "dev": true, "optional": true }, "needle": { "version": "2.3.0", - "resolved": false, + "resolved": "", "integrity": "sha512-QBZu7aAFR0522EyaXZM0FZ9GLpq6lvQ3uq8gteiDUp7wKdy0lSd2hPlgFwVuW1CBkfEs9PfDQsQzZghLs/psdg==", "dev": true, "optional": true, @@ -18938,7 +18936,7 @@ }, "node-pre-gyp": { "version": "0.12.0", - "resolved": false, + "resolved": "", "integrity": "sha512-4KghwV8vH5k+g2ylT+sLTjy5wmUOb9vPhnM8NHvRf9dHmnW/CndrFXy2aRPaPST6dugXSdHXfeaHQm77PIz/1A==", "dev": true, "optional": true, @@ -18957,7 +18955,7 @@ }, "nopt": { "version": "4.0.1", - "resolved": false, + "resolved": "", "integrity": "sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=", "dev": true, "optional": true, @@ -18968,14 +18966,14 @@ }, "npm-bundled": { "version": "1.0.6", - "resolved": false, + "resolved": "", "integrity": "sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==", "dev": true, "optional": true }, "npm-packlist": { "version": "1.4.1", - "resolved": false, + "resolved": "", "integrity": "sha512-+TcdO7HJJ8peiiYhvPxsEDhF3PJFGUGRcFsGve3vxvxdcpO2Z4Z7rkosRM0kWj6LfbK/P0gu3dzk5RU1ffvFcw==", "dev": true, "optional": true, @@ -18986,7 +18984,7 @@ }, "npmlog": { "version": "4.1.2", - "resolved": false, + "resolved": "", "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==", "dev": true, "optional": true, @@ -18999,45 +18997,43 @@ }, "number-is-nan": { "version": "1.0.1", - "resolved": false, + "resolved": "", "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", - "dev": true, - "optional": true + "dev": true }, "object-assign": { "version": "4.1.1", - "resolved": false, + "resolved": "", "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=", "dev": true, "optional": true }, "once": { "version": "1.4.0", - "resolved": false, + "resolved": "", "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", "dev": true, - "optional": true, "requires": { "wrappy": "1" } }, "os-homedir": { "version": "1.0.2", - "resolved": false, + "resolved": "", "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=", "dev": true, "optional": true }, "os-tmpdir": { "version": "1.0.2", - "resolved": false, + "resolved": "", "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=", "dev": true, "optional": true }, "osenv": { "version": "0.1.5", - "resolved": false, + "resolved": "", "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==", "dev": true, "optional": true, @@ -19048,21 +19044,21 @@ }, "path-is-absolute": { "version": "1.0.1", - "resolved": false, + "resolved": "", "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=", "dev": true, "optional": true }, "process-nextick-args": { "version": "2.0.0", - "resolved": false, + "resolved": "", "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==", "dev": true, "optional": true }, "rc": { "version": "1.2.8", - "resolved": false, + "resolved": "", "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==", "dev": true, "optional": true, @@ -19075,7 +19071,7 @@ "dependencies": { "minimist": { "version": "1.2.0", - "resolved": false, + "resolved": "", "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true, "optional": true @@ -19084,7 +19080,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": false, + "resolved": "", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "dev": true, "optional": true, @@ -19100,7 +19096,7 @@ }, "rimraf": { "version": "2.6.3", - "resolved": false, + "resolved": "", "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", "dev": true, "optional": true, @@ -19110,52 +19106,50 @@ }, "safe-buffer": { "version": "5.1.2", - "resolved": false, + "resolved": "", "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", - "dev": true, - "optional": true + "dev": true }, "safer-buffer": { "version": "2.1.2", - "resolved": false, + "resolved": "", "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", "dev": true, "optional": true }, "sax": { "version": "1.2.4", - "resolved": false, + "resolved": "", "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==", "dev": true, "optional": true }, "semver": { "version": "5.7.0", - "resolved": false, + "resolved": "", "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==", "dev": true, "optional": true }, "set-blocking": { "version": "2.0.0", - "resolved": false, + "resolved": "", "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=", "dev": true, "optional": true }, "signal-exit": { "version": "3.0.2", - "resolved": false, + "resolved": "", "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=", "dev": true, "optional": true }, "string-width": { "version": "1.0.2", - "resolved": false, + "resolved": "", "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", "dev": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -19164,7 +19158,7 @@ }, "string_decoder": { "version": "1.1.1", - "resolved": false, + "resolved": "", "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "dev": true, "optional": true, @@ -19174,24 +19168,23 @@ }, "strip-ansi": { "version": "3.0.1", - "resolved": false, + "resolved": "", "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "dev": true, - "optional": true, "requires": { "ansi-regex": "^2.0.0" } }, "strip-json-comments": { "version": "2.0.1", - "resolved": false, + "resolved": "", "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=", "dev": true, "optional": true }, "tar": { "version": "4.4.8", - "resolved": false, + "resolved": "", "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==", "dev": true, "optional": true, @@ -19207,14 +19200,14 @@ }, "util-deprecate": { "version": "1.0.2", - "resolved": false, + "resolved": "", "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=", "dev": true, "optional": true }, "wide-align": { "version": "1.1.3", - "resolved": false, + "resolved": "", "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==", "dev": true, "optional": true, @@ -19224,17 +19217,15 @@ }, "wrappy": { "version": "1.0.2", - "resolved": false, + "resolved": "", "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=", - "dev": true, - "optional": true + "dev": true }, "yallist": { "version": "3.0.3", - "resolved": false, + "resolved": "", "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==", - "dev": true, - "optional": true + "dev": true } } }, @@ -26066,6 +26057,11 @@ "unquote": "^1.1.0" } }, + "marked": { + "version": "0.6.3", + "resolved": "https://registry.npmjs.org/marked/-/marked-0.6.3.tgz", + "integrity": "sha512-Fqa7eq+UaxfMriqzYLayfqAE40WN03jf+zHjT18/uXNuzjq3TY0XTbrAoPeqSJrAmPz11VuUA+kBPYOhHt9oOQ==" + }, "matchdep": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/matchdep/-/matchdep-2.0.0.tgz", @@ -28786,6 +28782,11 @@ "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=", "dev": true }, + "numeral": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/numeral/-/numeral-2.0.6.tgz", + "integrity": "sha1-StCAk21EPCVhrtnyGX7//iX05QY=" + }, "nwsapi": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.0.tgz",