@patternfly/react-styles 6.0.0-alpha.13 → 6.0.0-alpha.14

package/css/components/Popover/popover.js

@@ -23,14 +23,14 @@ exports.default = {
     "custom": "pf-m-custom",
     "info": "pf-m-info"
   },
-  "popover": "pf-v5-c-popover",
-  "popoverArrow": "pf-v5-c-popover__arrow",
-  "popoverBody": "pf-v5-c-popover__body",
-  "popoverClose": "pf-v5-c-popover__close",
-  "popoverContent": "pf-v5-c-popover__content",
-  "popoverFooter": "pf-v5-c-popover__footer",
-  "popoverHeader": "pf-v5-c-popover__header",
-  "popoverTitle": "pf-v5-c-popover__title",
-  "popoverTitleIcon": "pf-v5-c-popover__title-icon",
-  "popoverTitleText": "pf-v5-c-popover__title-text"
+  "popover": "pf-v6-c-popover",
+  "popoverArrow": "pf-v6-c-popover__arrow",
+  "popoverBody": "pf-v6-c-popover__body",
+  "popoverClose": "pf-v6-c-popover__close",
+  "popoverContent": "pf-v6-c-popover__content",
+  "popoverFooter": "pf-v6-c-popover__footer",
+  "popoverHeader": "pf-v6-c-popover__header",
+  "popoverTitle": "pf-v6-c-popover__title",
+  "popoverTitleIcon": "pf-v6-c-popover__title-icon",
+  "popoverTitleText": "pf-v6-c-popover__title-text"
 };

package/css/components/Popover/popover.mjs

@@ -21,14 +21,14 @@ export default {
     "custom": "pf-m-custom",
     "info": "pf-m-info"
   },
-  "popover": "pf-v5-c-popover",
-  "popoverArrow": "pf-v5-c-popover__arrow",
-  "popoverBody": "pf-v5-c-popover__body",
-  "popoverClose": "pf-v5-c-popover__close",
-  "popoverContent": "pf-v5-c-popover__content",
-  "popoverFooter": "pf-v5-c-popover__footer",
-  "popoverHeader": "pf-v5-c-popover__header",
-  "popoverTitle": "pf-v5-c-popover__title",
-  "popoverTitleIcon": "pf-v5-c-popover__title-icon",
-  "popoverTitleText": "pf-v5-c-popover__title-text"
+  "popover": "pf-v6-c-popover",
+  "popoverArrow": "pf-v6-c-popover__arrow",
+  "popoverBody": "pf-v6-c-popover__body",
+  "popoverClose": "pf-v6-c-popover__close",
+  "popoverContent": "pf-v6-c-popover__content",
+  "popoverFooter": "pf-v6-c-popover__footer",
+  "popoverHeader": "pf-v6-c-popover__header",
+  "popoverTitle": "pf-v6-c-popover__title",
+  "popoverTitleIcon": "pf-v6-c-popover__title-icon",
+  "popoverTitleText": "pf-v6-c-popover__title-text"
 };

package/css/components/Popper/Popper.css

@@ -1,4 +1,4 @@
-.pf-v5-c-popover[data-popper-reference-hidden="true"] {
+.pf-v6-c-popover[data-popper-reference-hidden="true"] {
     visibility: hidden;
     pointer-events: none;
 }

package/css/components/Popper/Popper.d.ts

@@ -1,5 +1,5 @@
 import './Popper.css';
 declare const _default: {
-  "popover": "pf-v5-c-popover"
+  "popover": "pf-v6-c-popover"
 };
 export default _default;

package/css/components/Popper/Popper.js

@@ -2,5 +2,5 @@
 exports.__esModule = true;
 require('./Popper.css');
 exports.default = {
-  "popover": "pf-v5-c-popover"
+  "popover": "pf-v6-c-popover"
 };

package/css/components/Popper/Popper.mjs

@@ -1,4 +1,4 @@
 import './Popper.css';
 export default {
-  "popover": "pf-v5-c-popover"
+  "popover": "pf-v6-c-popover"
 };

package/css/components/Progress/progress.css

@@ -1,160 +1,160 @@
 :root,
-.pf-v5-c-progress {
-  --pf-v5-c-progress--GridGap: var(--pf-t--global--spacer--md);
-  --pf-v5-c-progress__bar--Height: var(--pf-t--global--spacer--md);
-  --pf-v5-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
-  --pf-v5-c-progress__measure--m-static-width--MinWidth: 4.5ch;
-  --pf-v5-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v5-c-progress__indicator--Height: var(--pf-v5-c-progress__bar--Height);
-  --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
-  --pf-v5-c-progress__helper-text--MarginTop: calc(var(--pf-t--global--spacer--sm) - var(--pf-v5-c-progress--GridGap));
-  --pf-v5-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
-  --pf-v5-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
-  --pf-v5-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
-  --pf-v5-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
-  --pf-v5-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
-  --pf-v5-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
-  --pf-v5-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
-  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
-  --pf-v5-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
-  --pf-v5-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
-  --pf-v5-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
-  --pf-v5-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
-  --pf-v5-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
-  --pf-v5-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v5-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
+.pf-v6-c-progress {
+  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
+  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
+  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
+  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
+  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
+  --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
+  --pf-v6-c-progress__helper-text--MarginTop: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
+  --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
+  --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
+  --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
+  --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
+  --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
+  --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
+  --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
+  --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
+  --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
+  --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
 }
 
-.pf-v5-c-progress {
+.pf-v6-c-progress {
   display: grid;
   grid-template-rows: 1fr auto;
   grid-template-columns: auto auto;
-  grid-gap: var(--pf-v5-c-progress--GridGap);
+  grid-gap: var(--pf-v6-c-progress--GridGap);
   align-items: end;
 }
-.pf-v5-c-progress.pf-m-sm {
-  --pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-sm__bar--Height);
+.pf-v6-c-progress.pf-m-sm {
+  --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
 }
-.pf-v5-c-progress.pf-m-sm .pf-v5-c-progress__measure {
-  font-size: var(--pf-v5-c-progress--m-sm__measure--FontSize);
+.pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
+  font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
 }
-.pf-v5-c-progress.pf-m-lg {
-  --pf-v5-c-progress__bar--Height: var(--pf-v5-c-progress--m-lg__bar--Height);
+.pf-v6-c-progress.pf-m-lg {
+  --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
 }
-.pf-v5-c-progress.pf-m-inside .pf-v5-c-progress__indicator {
+.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
   display: flex;
   align-items: center;
   justify-content: center;
-  min-width: var(--pf-v5-c-progress--m-inside__indicator--MinWidth);
+  min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
 }
-.pf-v5-c-progress.pf-m-inside .pf-v5-c-progress__measure {
-  font-size: var(--pf-v5-c-progress--m-inside__measure--FontSize);
-  color: var(--pf-v5-c-progress--m-inside__measure--Color);
+.pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
+  font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
+  color: var(--pf-v6-c-progress--m-inside__measure--Color);
   text-align: center;
 }
-.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__description {
+.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
   grid-column: 1/3;
 }
-.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__status {
+.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
   grid-row: 2/3;
   grid-column: 2/3;
   align-self: center;
 }
-.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure {
+.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
   display: inline-block;
-  font-size: var(--pf-v5-c-progress--m-outside__measure--FontSize);
+  font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
 }
-.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__measure.pf-m-static-width {
-  min-width: var(--pf-v5-c-progress__measure--m-static-width--MinWidth);
+.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
+  min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
   text-align: start;
 }
-.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__bar,
-.pf-v5-c-progress.pf-m-outside .pf-v5-c-progress__indicator {
+.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
+.pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
   grid-column: 1/2;
 }
-.pf-v5-c-progress.pf-m-singleline {
+.pf-v6-c-progress.pf-m-singleline {
   grid-template-rows: 1fr;
 }
-.pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__description {
+.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
   display: none;
 }
-.pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__bar {
+.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
   grid-row: 1/2;
   grid-column: 1/2;
 }
-.pf-v5-c-progress.pf-m-singleline .pf-v5-c-progress__status {
+.pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
   grid-row: 1/2;
   grid-column: 2/3;
 }
-.pf-v5-c-progress.pf-m-outside, .pf-v5-c-progress.pf-m-singleline {
+.pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
   grid-template-columns: 1fr fit-content(50%);
 }
-.pf-v5-c-progress.pf-m-success {
-  --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-success__indicator--BackgroundColor);
-  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-success__status-icon--Color);
-  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-success--m-inside__measure--Color);
+.pf-v6-c-progress.pf-m-success {
+  --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
+  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
+  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
 }
-.pf-v5-c-progress.pf-m-warning {
-  --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-warning__indicator--BackgroundColor);
-  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-warning__status-icon--Color);
-  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-warning--m-inside__measure--Color);
+.pf-v6-c-progress.pf-m-warning {
+  --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
+  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
+  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
 }
-.pf-v5-c-progress.pf-m-danger {
-  --pf-v5-c-progress__indicator--BackgroundColor: var(--pf-v5-c-progress--m-danger__indicator--BackgroundColor);
-  --pf-v5-c-progress__status-icon--Color: var(--pf-v5-c-progress--m-danger__status-icon--Color);
-  --pf-v5-c-progress--m-inside__measure--Color: var(--pf-v5-c-progress--m-danger--m-inside__measure--Color);
+.pf-v6-c-progress.pf-m-danger {
+  --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
+  --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
+  --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
 }
 
-.pf-v5-c-progress__description {
+.pf-v6-c-progress__description {
   grid-column: 1/2;
   word-break: break-word;
 }
-.pf-v5-c-progress__description.pf-m-truncate {
+.pf-v6-c-progress__description.pf-m-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.pf-v5-c-progress__status {
+.pf-v6-c-progress__status {
   display: flex;
   grid-row: 1/2;
   grid-column: 2/3;
-  gap: var(--pf-v5-c-progress__status--Gap);
+  gap: var(--pf-v6-c-progress__status--Gap);
   align-items: flex-start;
   justify-content: flex-end;
   text-align: end;
   word-break: break-word;
 }
 
-.pf-v5-c-progress__status-icon {
-  color: var(--pf-v5-c-progress__status-icon--Color);
+.pf-v6-c-progress__status-icon {
+  color: var(--pf-v6-c-progress__status-icon--Color);
 }
 
-.pf-v5-c-progress__bar::before,
-.pf-v5-c-progress__indicator {
+.pf-v6-c-progress__bar::before,
+.pf-v6-c-progress__indicator {
   top: 0;
   left: 0;
 }
 
-.pf-v5-c-progress__bar {
+.pf-v6-c-progress__bar {
   position: relative;
   grid-row: 2/3;
   grid-column: 1/3;
   align-self: center;
-  height: var(--pf-v5-c-progress__bar--Height);
-  background-color: var(--pf-v5-c-progress__bar--BackgroundColor);
+  height: var(--pf-v6-c-progress__bar--Height);
+  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
 }
 
-.pf-v5-c-progress__indicator {
+.pf-v6-c-progress__indicator {
   position: absolute;
-  height: var(--pf-v5-c-progress__indicator--Height);
-  background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
+  height: var(--pf-v6-c-progress__indicator--Height);
+  background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
 }
 
-.pf-v5-c-progress__helper-text {
+.pf-v6-c-progress__helper-text {
   grid-row: 3/4;
   grid-column: 1/3;
-  margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
+  margin-block-start: var(--pf-v6-c-progress__helper-text--MarginTop);
 }

package/css/components/Progress/progress.d.ts

@@ -12,13 +12,13 @@ declare const _default: {
     "danger": "pf-m-danger",
     "truncate": "pf-m-truncate"
   },
-  "progress": "pf-v5-c-progress",
-  "progressBar": "pf-v5-c-progress__bar",
-  "progressDescription": "pf-v5-c-progress__description",
-  "progressHelperText": "pf-v5-c-progress__helper-text",
-  "progressIndicator": "pf-v5-c-progress__indicator",
-  "progressMeasure": "pf-v5-c-progress__measure",
-  "progressStatus": "pf-v5-c-progress__status",
-  "progressStatusIcon": "pf-v5-c-progress__status-icon"
+  "progress": "pf-v6-c-progress",
+  "progressBar": "pf-v6-c-progress__bar",
+  "progressDescription": "pf-v6-c-progress__description",
+  "progressHelperText": "pf-v6-c-progress__helper-text",
+  "progressIndicator": "pf-v6-c-progress__indicator",
+  "progressMeasure": "pf-v6-c-progress__measure",
+  "progressStatus": "pf-v6-c-progress__status",
+  "progressStatusIcon": "pf-v6-c-progress__status-icon"
 };
 export default _default;

package/css/components/Progress/progress.js

@@ -14,12 +14,12 @@ exports.default = {
     "danger": "pf-m-danger",
     "truncate": "pf-m-truncate"
   },
-  "progress": "pf-v5-c-progress",
-  "progressBar": "pf-v5-c-progress__bar",
-  "progressDescription": "pf-v5-c-progress__description",
-  "progressHelperText": "pf-v5-c-progress__helper-text",
-  "progressIndicator": "pf-v5-c-progress__indicator",
-  "progressMeasure": "pf-v5-c-progress__measure",
-  "progressStatus": "pf-v5-c-progress__status",
-  "progressStatusIcon": "pf-v5-c-progress__status-icon"
+  "progress": "pf-v6-c-progress",
+  "progressBar": "pf-v6-c-progress__bar",
+  "progressDescription": "pf-v6-c-progress__description",
+  "progressHelperText": "pf-v6-c-progress__helper-text",
+  "progressIndicator": "pf-v6-c-progress__indicator",
+  "progressMeasure": "pf-v6-c-progress__measure",
+  "progressStatus": "pf-v6-c-progress__status",
+  "progressStatusIcon": "pf-v6-c-progress__status-icon"
 };

package/css/components/Progress/progress.mjs

@@ -12,12 +12,12 @@ export default {
     "danger": "pf-m-danger",
     "truncate": "pf-m-truncate"
   },
-  "progress": "pf-v5-c-progress",
-  "progressBar": "pf-v5-c-progress__bar",
-  "progressDescription": "pf-v5-c-progress__description",
-  "progressHelperText": "pf-v5-c-progress__helper-text",
-  "progressIndicator": "pf-v5-c-progress__indicator",
-  "progressMeasure": "pf-v5-c-progress__measure",
-  "progressStatus": "pf-v5-c-progress__status",
-  "progressStatusIcon": "pf-v5-c-progress__status-icon"
+  "progress": "pf-v6-c-progress",
+  "progressBar": "pf-v6-c-progress__bar",
+  "progressDescription": "pf-v6-c-progress__description",
+  "progressHelperText": "pf-v6-c-progress__helper-text",
+  "progressIndicator": "pf-v6-c-progress__indicator",
+  "progressMeasure": "pf-v6-c-progress__measure",
+  "progressStatus": "pf-v6-c-progress__status",
+  "progressStatusIcon": "pf-v6-c-progress__status-icon"
 };