@patternfly/elements 4.0.1 → 4.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/elements",
   "license": "MIT",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "PatternFly Elements",
   "customElements": "custom-elements.json",
   "type": "module",

package/pf-accordion/pf-accordion-header.js

@@ -131,7 +131,7 @@ PfAccordionHeader.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfAccordionHeader.version = "4.0.1";
+PfAccordionHeader.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfAccordionHeader.prototype, "bordered", void 0);

package/pf-accordion/pf-accordion-panel.js

@@ -28,7 +28,7 @@ let PfAccordionPanel = class PfAccordionPanel extends LitElement {
     }
 };
 PfAccordionPanel.styles = [style];
-PfAccordionPanel.version = "4.0.1";
+PfAccordionPanel.version = "4.0.2";
 __decorate([
     property({ type: Boolean, reflect: true })
 ], PfAccordionPanel.prototype, "expanded", void 0);

package/pf-accordion/pf-accordion.js

@@ -300,7 +300,7 @@ _PfAccordion_getIndex = function _PfAccordion_getIndex(el) {
     return -1;
 };
 PfAccordion.styles = [style];
-PfAccordion.version = "4.0.1";
+PfAccordion.version = "4.0.2";
 __decorate([
     property({ reflect: true, type: Boolean })
 ], PfAccordion.prototype, "single", void 0);

package/pf-avatar/pf-avatar.js

@@ -49,7 +49,7 @@ _PfAvatar_onLoad = function _PfAvatar_onLoad(event) {
     this.dispatchEvent(new PfAvatarLoadEvent(event));
 };
 PfAvatar.styles = [style];
-PfAvatar.version = "4.0.1";
+PfAvatar.version = "4.0.2";
 __decorate([
     property()
 ], PfAvatar.prototype, "src", void 0);

package/pf-back-to-top/pf-back-to-top.js

@@ -147,7 +147,7 @@ _PfBackToTop_addScrollListener = function _PfBackToTop_addScrollListener() {
     __classPrivateFieldGet(this, _PfBackToTop_toggleVisibility, "f").call(this);
 };
 PfBackToTop.styles = [styles];
-PfBackToTop.version = "4.0.1";
+PfBackToTop.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfBackToTop.prototype, "icon", void 0);

package/pf-background-image/pf-background-image.js

@@ -74,7 +74,7 @@ _PfBackgroundImage_onSlotChange = function _PfBackgroundImage_onSlotChange() {
     }
 };
 PfBackgroundImage.styles = [styles];
-PfBackgroundImage.version = "4.0.1";
+PfBackgroundImage.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfBackgroundImage.prototype, "src", void 0);

package/pf-badge/pf-badge.js

@@ -16,7 +16,7 @@ let PfBadge = class PfBadge extends LitElement {
     }
 };
 PfBadge.styles = [styles];
-PfBadge.version = "4.0.1";
+PfBadge.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfBadge.prototype, "state", void 0);

package/pf-banner/pf-banner.js

@@ -36,7 +36,7 @@ let PfBanner = class PfBanner extends LitElement {
 };
 _PfBanner_slots = new WeakMap();
 PfBanner.styles = [styles];
-PfBanner.version = "4.0.1";
+PfBanner.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfBanner.prototype, "variant", void 0);

package/pf-button/pf-button.js

@@ -170,7 +170,7 @@ PfButton.styles = [
     iconStyles,
     styles,
 ];
-PfButton.version = "4.0.1";
+PfButton.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfButton.prototype, "type", void 0);

package/pf-card/pf-card.js

@@ -49,7 +49,7 @@ let PfCard = class PfCard extends LitElement {
 };
 _PfCard_slots = new WeakMap();
 PfCard.styles = [style];
-PfCard.version = "4.0.1";
+PfCard.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfCard.prototype, "size", void 0);

package/pf-chip/pf-chip-group.js

@@ -190,7 +190,7 @@ PfChipGroup.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfChipGroup.version = "4.0.1";
+PfChipGroup.version = "4.0.2";
 __decorate([
     property({ attribute: 'accessible-label', type: String })
 ], PfChipGroup.prototype, "accessibleLabel", void 0);

package/pf-chip/pf-chip.js

@@ -64,7 +64,7 @@ PfChip.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfChip.version = "4.0.1";
+PfChip.version = "4.0.2";
 __decorate([
     property({ attribute: 'accessible-close-label', type: String })
 ], PfChip.prototype, "accessibleCloseLabel", void 0);

package/pf-clipboard-copy/pf-clipboard-copy.js

@@ -143,7 +143,7 @@ PfClipboardCopy.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfClipboardCopy.version = "4.0.1";
+PfClipboardCopy.version = "4.0.2";
 __decorate([
     property({ attribute: 'click-tip' })
 ], PfClipboardCopy.prototype, "clickTip", void 0);

package/pf-code-block/pf-code-block.js

@@ -85,7 +85,7 @@ _PfCodeBlock_toggle = function _PfCodeBlock_toggle() {
     this.expanded = !this.expanded;
 };
 PfCodeBlock.styles = [styles];
-PfCodeBlock.version = "4.0.1";
+PfCodeBlock.version = "4.0.2";
 __decorate([
     property({ type: Boolean, reflect: true })
 ], PfCodeBlock.prototype, "expanded", void 0);

package/pf-dropdown/pf-dropdown-group.js

@@ -17,7 +17,7 @@ PfDropdownGroup.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfDropdownGroup.version = "4.0.1";
+PfDropdownGroup.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfDropdownGroup.prototype, "label", void 0);

package/pf-dropdown/pf-dropdown-item.js

@@ -54,7 +54,7 @@ PfDropdownItem.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfDropdownItem.version = "4.0.1";
+PfDropdownItem.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfDropdownItem.prototype, "value", void 0);

package/pf-dropdown/pf-dropdown-menu.js

@@ -120,7 +120,7 @@ PfDropdownMenu.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfDropdownMenu.version = "4.0.1";
+PfDropdownMenu.version = "4.0.2";
 __decorate([
     consume({ context, subscribe: true }),
     state()

package/pf-dropdown/pf-dropdown.js

@@ -214,7 +214,7 @@ PfDropdown.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfDropdown.version = "4.0.1";
+PfDropdown.version = "4.0.2";
 __decorate([
     property({ type: Boolean, reflect: true })
 ], PfDropdown.prototype, "disabled", void 0);

package/pf-icon/pf-icon.js

@@ -187,7 +187,7 @@ PfIcon.instances = new Set();
  *          ```
  */
 PfIcon.resolve = PfIcon.defaultResolve;
-PfIcon.version = "4.0.1";
+PfIcon.version = "4.0.2";
 __decorate([
     property()
 ], PfIcon.prototype, "set", void 0);

package/pf-jump-links/pf-jump-links-item.js

@@ -43,7 +43,7 @@ PfJumpLinksItem.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfJumpLinksItem.version = "4.0.1";
+PfJumpLinksItem.version = "4.0.2";
 __decorate([
     property({ type: Boolean, reflect: true })
 ], PfJumpLinksItem.prototype, "active", void 0);

package/pf-jump-links/pf-jump-links-list.js

@@ -11,7 +11,7 @@ let PfJumpLinksList = class PfJumpLinksList extends LitElement {
     }
 };
 PfJumpLinksList.styles = [style];
-PfJumpLinksList.version = "4.0.1";
+PfJumpLinksList.version = "4.0.2";
 PfJumpLinksList = __decorate([
     customElement('pf-jump-links-list')
 ], PfJumpLinksList);

package/pf-jump-links/pf-jump-links.css

@@ -46,18 +46,29 @@ slot::before {
 }
 
 :host([vertical]) #container {
-  --pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop,
-    var(--pf-global--spacer--md, 1rem));
-  --pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight, 0);
-  --pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom
-    var(--pf-global--spacer--md, 1rem));
-  --pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);
-  --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);
-  --pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth, 
+  --pf-c-jump-links__list--PaddingTop:
+    var(--pf-c-jump-links--m-vertical__list--PaddingTop,
+      var(--pf-global--spacer--md, 1rem)
+    );
+  --pf-c-jump-links__list--PaddingRight:
+    var(--pf-c-jump-links--m-vertical__list--PaddingRight,0);
+  --pf-c-jump-links__list--PaddingBottom:
+    var(--pf-c-jump-links--m-vertical__list--PaddingBottom,
+      var(--pf-global--spacer--md, 1rem)
+    );
+  --pf-c-jump-links__list--PaddingLeft:
+    var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);
+  --pf-c-jump-links__list--before--BorderTopWidth:
+    var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);
+  --pf-c-jump-links__list--before--BorderLeftWidth:
+    var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth,
     var(--pf-global--BorderWidth--sm, 1px));
-  --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);
-  --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,
-    var(--pf-global--BorderWidth--lg, 3px));
+  --pf-c-jump-links__item--m-current__link--before--BorderTopWidth:
+    var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);
+  --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth:
+    var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,
+      var(--pf-global--BorderWidth--lg, 3px)
+    );
   --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection, column);
 }
 

package/pf-jump-links/pf-jump-links.js

@@ -8,7 +8,7 @@ import { RovingTabindexController } from '@patternfly/pfe-core/controllers/rovin
 import { PfJumpLinksItem } from './pf-jump-links-item.js';
 import '@patternfly/elements/pf-icon/pf-icon.js';
 import { css } from "lit";
-const style = css `[hidden] {\n  display: none !important;\n}\n\n:host {\n  display: block;\n}\n\n#container {\n  display: flex;\n  flex-wrap: wrap;\n  font-family: var(--pf-global--FontFamily--sans-serif, "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif);\n  font-size: var(--pf-global--FontSize--md, 16px);\n  font-weight: var(--pf-global--FontWeight--normal, 400);\n}\n\nslot {\n  position: relative;\n  display: var(--pf-c-jump-links__list--Display, flex);\n  flex-direction: var(--pf-c-jump-links__list--FlexDirection, row);\n  padding-block-start: var(--pf-c-jump-links__list--PaddingTop, 0);\n  padding-inline-end: var(--pf-c-jump-links__list--PaddingRight,\n    var(--pf-global--spacer--md, 1rem));\n  padding-block-end: var(--pf-c-jump-links__list--PaddingBottom, 0);\n  padding-inline-start: var(--pf-c-jump-links__list--PaddingLeft,\n    var(--pf-global--spacer--md, 1rem));\n  visibility: var(--pf-c-jump-links__list--Visibility, visible);\n}\n\nslot::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  content: "";\n  border: solid var(--pf-c-jump-links__list--before--BorderColor,\n    var(--pf-global--BorderColor--100, #d2d2d2));\n  border-width:\n    var(--pf-c-jump-links__list--before--BorderTopWidth,\n      var(--pf-global--BorderWidth--sm, 1px))\n    var(--pf-c-jump-links__list--before--BorderRightWidth, 0)\n    var(--pf-c-jump-links__list--before--BorderBottomWidth, 0)\n    var(--pf-c-jump-links__list--before--BorderLeftWidth, 0);\n}\n\n:host([vertical]) #container {\n  --pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop,\n    var(--pf-global--spacer--md, 1rem));\n  --pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight, 0);\n  --pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom\n    var(--pf-global--spacer--md, 1rem));\n  --pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);\n  --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);\n  --pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth, \n    var(--pf-global--BorderWidth--sm, 1px));\n  --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);\n  --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,\n    var(--pf-global--BorderWidth--lg, 3px));\n  --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection, column);\n}\n\n:host([centered]) #container {\n  justify-content: center;\n}\n\n:host([centered]) #label {\n  text-align: center;\n}\n\n:host(:not([expandable])) #label {\n  display: block;\n  width: 100%;\n  margin-block-end: var(--pf-c-jump-links__label--MarginBottom,\n    var(--pf-global--spacer--md, 1rem));\n}\n\n:host([expandable]) {\n  --pf-c-jump-links--m-expanded__toggle--MarginBottom:\n    calc(var(--pf-c-jump-links__toggle--MarginBottom--base,\n      calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))\n    ) + var(--pf-global--spacer--md, 1rem));\n}\n\nsummary {\n  display: block;\n  margin-block-start: var(--pf-c-jump-links__toggle--MarginTop,\n    calc(-1 * var(--pf-global--spacer--form-element, 0.375rem)));\n  margin-block-end: var(--pf-c-jump-links__toggle--MarginBottom,\n    var(--pf-c-jump-links__toggle--MarginBottom--base,\n      calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))));\n  margin-inline-start: var(--pf-c-jump-links__toggle--MarginLeft);\n  color: var(--pf-c-jump-links__toggle-text--Color,\n    var(--pf-global--Color--100, #151515));\n  padding:\n    var(--pf-c-button--PaddingTop,\n      var(--pf-global--spacer--form-element, 0.375rem))\n    var(--pf-c-button--PaddingRight,\n      var(--pf-global--spacer--md, 1rem))\n    var(--pf-c-button--PaddingBottom,\n      var(--pf-global--spacer--form-element, 0.375rem))\n    var(--pf-c-button--PaddingLeft,\n      var(--pf-global--spacer--md, 1rem));\n}\n\nsummary pf-icon {\n  rotate: var(--pf-c-jump-links__toggle-icon--Rotate, 0);\n  transition: var(--pf-c-jump-links__toggle-icon--Transition,\n    var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));\n}\n\nsummary span {\n  margin-inline-start: var(--pf-c-jump-links__toggle-text--MarginLeft,\n    var(--pf-global--spacer--md, 1rem));\n}\n\n:host([expanded]) #container {\n  --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom,\n    calc(var(--pf-c-jump-links__toggle--MarginBottom--base,\n      calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))) +\n      var(--pf-global--spacer--md, 1rem)));\n  --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate,\n    90deg);\n  --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color,\n    var(--pf-global--Color--100, #151515));\n  --pf-c-jump-links__toggle-icon--Rotate: 90deg;\n}\n`;
+const style = css `[hidden] {\n  display: none !important;\n}\n\n:host {\n  display: block;\n}\n\n#container {\n  display: flex;\n  flex-wrap: wrap;\n  font-family: var(--pf-global--FontFamily--sans-serif, "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif);\n  font-size: var(--pf-global--FontSize--md, 16px);\n  font-weight: var(--pf-global--FontWeight--normal, 400);\n}\n\nslot {\n  position: relative;\n  display: var(--pf-c-jump-links__list--Display, flex);\n  flex-direction: var(--pf-c-jump-links__list--FlexDirection, row);\n  padding-block-start: var(--pf-c-jump-links__list--PaddingTop, 0);\n  padding-inline-end: var(--pf-c-jump-links__list--PaddingRight,\n    var(--pf-global--spacer--md, 1rem));\n  padding-block-end: var(--pf-c-jump-links__list--PaddingBottom, 0);\n  padding-inline-start: var(--pf-c-jump-links__list--PaddingLeft,\n    var(--pf-global--spacer--md, 1rem));\n  visibility: var(--pf-c-jump-links__list--Visibility, visible);\n}\n\nslot::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  content: "";\n  border: solid var(--pf-c-jump-links__list--before--BorderColor,\n    var(--pf-global--BorderColor--100, #d2d2d2));\n  border-width:\n    var(--pf-c-jump-links__list--before--BorderTopWidth,\n      var(--pf-global--BorderWidth--sm, 1px))\n    var(--pf-c-jump-links__list--before--BorderRightWidth, 0)\n    var(--pf-c-jump-links__list--before--BorderBottomWidth, 0)\n    var(--pf-c-jump-links__list--before--BorderLeftWidth, 0);\n}\n\n:host([vertical]) #container {\n  --pf-c-jump-links__list--PaddingTop:\n    var(--pf-c-jump-links--m-vertical__list--PaddingTop,\n      var(--pf-global--spacer--md, 1rem)\n    );\n  --pf-c-jump-links__list--PaddingRight:\n    var(--pf-c-jump-links--m-vertical__list--PaddingRight,0);\n  --pf-c-jump-links__list--PaddingBottom:\n    var(--pf-c-jump-links--m-vertical__list--PaddingBottom,\n      var(--pf-global--spacer--md, 1rem)\n    );\n  --pf-c-jump-links__list--PaddingLeft:\n    var(--pf-c-jump-links--m-vertical__list--PaddingLeft, 0);\n  --pf-c-jump-links__list--before--BorderTopWidth:\n    var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth, 0);\n  --pf-c-jump-links__list--before--BorderLeftWidth:\n    var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth,\n    var(--pf-global--BorderWidth--sm, 1px));\n  --pf-c-jump-links__item--m-current__link--before--BorderTopWidth:\n    var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth, 0);\n  --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth:\n    var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth,\n      var(--pf-global--BorderWidth--lg, 3px)\n    );\n  --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection, column);\n}\n\n:host([centered]) #container {\n  justify-content: center;\n}\n\n:host([centered]) #label {\n  text-align: center;\n}\n\n:host(:not([expandable])) #label {\n  display: block;\n  width: 100%;\n  margin-block-end: var(--pf-c-jump-links__label--MarginBottom,\n    var(--pf-global--spacer--md, 1rem));\n}\n\n:host([expandable]) {\n  --pf-c-jump-links--m-expanded__toggle--MarginBottom:\n    calc(var(--pf-c-jump-links__toggle--MarginBottom--base,\n      calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))\n    ) + var(--pf-global--spacer--md, 1rem));\n}\n\nsummary {\n  display: block;\n  margin-block-start: var(--pf-c-jump-links__toggle--MarginTop,\n    calc(-1 * var(--pf-global--spacer--form-element, 0.375rem)));\n  margin-block-end: var(--pf-c-jump-links__toggle--MarginBottom,\n    var(--pf-c-jump-links__toggle--MarginBottom--base,\n      calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))));\n  margin-inline-start: var(--pf-c-jump-links__toggle--MarginLeft);\n  color: var(--pf-c-jump-links__toggle-text--Color,\n    var(--pf-global--Color--100, #151515));\n  padding:\n    var(--pf-c-button--PaddingTop,\n      var(--pf-global--spacer--form-element, 0.375rem))\n    var(--pf-c-button--PaddingRight,\n      var(--pf-global--spacer--md, 1rem))\n    var(--pf-c-button--PaddingBottom,\n      var(--pf-global--spacer--form-element, 0.375rem))\n    var(--pf-c-button--PaddingLeft,\n      var(--pf-global--spacer--md, 1rem));\n}\n\nsummary pf-icon {\n  rotate: var(--pf-c-jump-links__toggle-icon--Rotate, 0);\n  transition: var(--pf-c-jump-links__toggle-icon--Transition,\n    var(--pf-global--Transition, all 250ms cubic-bezier(0.42, 0, 0.58, 1)));\n}\n\nsummary span {\n  margin-inline-start: var(--pf-c-jump-links__toggle-text--MarginLeft,\n    var(--pf-global--spacer--md, 1rem));\n}\n\n:host([expanded]) #container {\n  --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom,\n    calc(var(--pf-c-jump-links__toggle--MarginBottom--base,\n      calc(-1 * var(--pf-global--spacer--form-element, 0.375rem))) +\n      var(--pf-global--spacer--md, 1rem)));\n  --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate,\n    90deg);\n  --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color,\n    var(--pf-global--Color--100, #151515));\n  --pf-c-jump-links__toggle-icon--Rotate: 90deg;\n}\n`;
 let PfJumpLinks = class PfJumpLinks extends LitElement {
     constructor() {
         super(...arguments);
@@ -106,7 +106,7 @@ _PfJumpLinks_onToggle = function _PfJumpLinks_onToggle(event) {
     this.dispatchEvent(new Event('toggle'));
 };
 PfJumpLinks.styles = [style];
-PfJumpLinks.version = "4.0.1";
+PfJumpLinks.version = "4.0.2";
 __decorate([
     property({ reflect: true, type: Boolean })
 ], PfJumpLinks.prototype, "expandable", void 0);

package/pf-label/pf-label.js

@@ -80,7 +80,7 @@ PfLabel.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfLabel.version = "4.0.1";
+PfLabel.version = "4.0.2";
 __decorate([
     property()
 ], PfLabel.prototype, "variant", void 0);

package/pf-modal/pf-modal.js

@@ -242,7 +242,7 @@ PfModal.shadowRootOptions = {
 PfModal.styles = [style];
 /** Should the dialog close when user clicks outside the dialog? */
 PfModal.closeOnOutsideClick = false;
-PfModal.version = "4.0.1";
+PfModal.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfModal.prototype, "variant", void 0);

package/pf-panel/pf-panel.js

@@ -29,7 +29,7 @@ let PfPanel = class PfPanel extends LitElement {
 };
 _PfPanel_slots = new WeakMap();
 PfPanel.styles = [styles];
-PfPanel.version = "4.0.1";
+PfPanel.version = "4.0.2";
 __decorate([
     property({ type: Boolean, reflect: true })
 ], PfPanel.prototype, "scrollable", void 0);

package/pf-popover/pf-popover.js

@@ -260,7 +260,7 @@ PfPopover.alertIcons = new Map(Object.entries({
         });
     }
 })();
-PfPopover.version = "4.0.1";
+PfPopover.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfPopover.prototype, "position", void 0);

package/pf-progress/pf-progress.js

@@ -101,7 +101,7 @@ _PfProgress_icon_get = function _PfProgress_icon_get() {
     return ICONS.get(this.variant ?? '')?.icon;
 };
 PfProgress.styles = [styles];
-PfProgress.version = "4.0.1";
+PfProgress.version = "4.0.2";
 __decorate([
     property({ reflect: true, type: Number })
 ], PfProgress.prototype, "value", void 0);

package/pf-progress-stepper/pf-progress-step.js

@@ -53,7 +53,7 @@ _PfProgressStep_slots = new WeakMap();
 _PfProgressStep_internals = new WeakMap();
 PfProgressStep.parentTagName = 'pf-progress-stepper';
 PfProgressStep.styles = [style];
-PfProgressStep.version = "4.0.1";
+PfProgressStep.version = "4.0.2";
 __decorate([
     property()
 ], PfProgressStep.prototype, "description", void 0);

package/pf-progress-stepper/pf-progress-stepper.js

@@ -52,7 +52,7 @@ _PfProgressStepper_onMutation = function _PfProgressStepper_onMutation() {
 PfProgressStepper.childTagName = 'pf-progress-step';
 PfProgressStepper.styles = [style];
 PfProgressStepper.formAssociated = true;
-PfProgressStepper.version = "4.0.1";
+PfProgressStepper.version = "4.0.2";
 __decorate([
     property({ type: Boolean, reflect: true })
 ], PfProgressStepper.prototype, "vertical", void 0);

package/pf-select/pf-option-group.js

@@ -30,7 +30,7 @@ let PfOptionGroup = class PfOptionGroup extends LitElement {
 };
 _PfOptionGroup_internals = new WeakMap();
 PfOptionGroup.styles = [styles];
-PfOptionGroup.version = "4.0.1";
+PfOptionGroup.version = "4.0.2";
 __decorate([
     property()
 ], PfOptionGroup.prototype, "label", void 0);

package/pf-select/pf-option.js

@@ -101,7 +101,7 @@ let PfOption = class PfOption extends LitElement {
 _PfOption_value = new WeakMap();
 _PfOption_internals = new WeakMap();
 PfOption.styles = [styles];
-PfOption.version = "4.0.1";
+PfOption.version = "4.0.2";
 __decorate([
     property({ type: Boolean, reflect: true })
 ], PfOption.prototype, "disabled", void 0);

package/pf-select/pf-select.js

@@ -301,7 +301,7 @@ PfSelect.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,
 };
-PfSelect.version = "4.0.1";
+PfSelect.version = "4.0.2";
 __decorate([
     property()
 ], PfSelect.prototype, "variant", void 0);

package/pf-spinner/pf-spinner.js

@@ -26,7 +26,7 @@ let PfSpinner = class PfSpinner extends LitElement {
 };
 _PfSpinner_internals = new WeakMap();
 PfSpinner.styles = [styles];
-PfSpinner.version = "4.0.1";
+PfSpinner.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfSpinner.prototype, "size", void 0);

package/pf-switch/pf-switch.js

@@ -102,7 +102,7 @@ _PfSwitch_updateLabels = function _PfSwitch_updateLabels() {
 };
 PfSwitch.styles = [styles];
 PfSwitch.formAssociated = true;
-PfSwitch.version = "4.0.1";
+PfSwitch.version = "4.0.2";
 __decorate([
     property({ reflect: true })
 ], PfSwitch.prototype, "label", void 0);

package/pf-table/pf-caption.js

@@ -11,7 +11,7 @@ let PfCaption = class PfCaption extends LitElement {
     }
 };
 PfCaption.styles = [styles];
-PfCaption.version = "4.0.1";
+PfCaption.version = "4.0.2";
 PfCaption = __decorate([
     customElement('pf-caption')
 ], PfCaption);

package/pf-table/pf-table.js

@@ -116,7 +116,7 @@ _PfTable_performSort = function _PfTable_performSort(header, direction) {
     }
 };
 PfTable.styles = [styles];
-PfTable.version = "4.0.1";
+PfTable.version = "4.0.2";
 __decorate([
     state()
 ], PfTable.prototype, "columns", void 0);

package/pf-table/pf-tbody.js

@@ -15,7 +15,7 @@ let PfTbody = class PfTbody extends LitElement {
     }
 };
 PfTbody.styles = [styles];
-PfTbody.version = "4.0.1";
+PfTbody.version = "4.0.2";
 PfTbody = __decorate([
     customElement('pf-tbody')
 ], PfTbody);

package/pf-table/pf-td.js

@@ -35,7 +35,7 @@ _PfTd_onClick = function _PfTd_onClick() {
     this.dispatchEvent(event);
 };
 PfTd.styles = [styles];
-PfTd.version = "4.0.1";
+PfTd.version = "4.0.2";
 __decorate([
     property({ attribute: 'compound-expand' })
 ], PfTd.prototype, "compoundExpand", void 0);

package/pf-table/pf-th.js

@@ -70,7 +70,7 @@ _PfTh_onClick = function _PfTh_onClick() {
     }
 };
 PfTh.styles = [styles];
-PfTh.version = "4.0.1";
+PfTh.version = "4.0.2";
 __decorate([
     property({ type: Boolean, reflect: true })
 ], PfTh.prototype, "sortable", void 0);

package/pf-table/pf-thead.js

@@ -26,7 +26,7 @@ _PfThead_onSlotchange = function _PfThead_onSlotchange() {
     }
 };
 PfThead.styles = [styles];
-PfThead.version = "4.0.1";
+PfThead.version = "4.0.2";
 PfThead = __decorate([
     customElement('pf-thead')
 ], PfThead);

package/pf-table/pf-tr.js

@@ -138,7 +138,7 @@ _PfTr_onClick = function _PfTr_onClick() {
     this.dispatchEvent(new RequestExpandEvent());
 };
 PfTr.styles = [styles];
-PfTr.version = "4.0.1";
+PfTr.version = "4.0.2";
 __decorate([
     property({
         reflect: true,

package/pf-tabs/pf-tab-panel.js

@@ -40,7 +40,7 @@ let PfTabPanel = class PfTabPanel extends LitElement {
     }
 };
 PfTabPanel.styles = [styles];
-PfTabPanel.version = "4.0.1";
+PfTabPanel.version = "4.0.2";
 __decorate([
     consume({ context, subscribe: true }),
     state()

package/pf-tabs/pf-tab.js

@@ -96,7 +96,7 @@ _PfTab_activate = async function _PfTab_activate() {
     this.dispatchEvent(new TabExpandEvent(this));
 };
 PfTab.styles = [styles];
-PfTab.version = "4.0.1";
+PfTab.version = "4.0.2";
 __decorate([
     queryAssignedElements({ slot: 'icon', flatten: true })
 ], PfTab.prototype, "icons", void 0);

package/pf-tabs/pf-tabs.js

@@ -183,7 +183,7 @@ _PfTabs_onExpand = function _PfTabs_onExpand(event) {
 };
 PfTabs.styles = [styles];
 PfTabs.scrollTimeoutDelay = 150;
-PfTabs.version = "4.0.1";
+PfTabs.version = "4.0.2";
 __decorate([
     property({ reflect: false, attribute: 'label-scroll-left' })
 ], PfTabs.prototype, "labelScrollLeft", void 0);

package/pf-tabs/test/pf-tabs.spec.js

@@ -160,7 +160,7 @@ describe('<pf-tabs>', function () {
                 await setViewport({ width: 100, height: 640 });
             });
             beforeEach(nextFrame);
-            beforeEach(updateComplete);
+            beforeEach(nextFrame);
             beforeEach(nextFrame);
             beforeEach(updateComplete);
             it('should have visible scroll buttons if overflowed', function () {