@patternfly/react-styles 4.92.7 → 5.0.0-alpha.10

package/css/components/DualListSelector/dual-list-selector.mjs

@@ -1,30 +1,30 @@
 import './dual-list-selector.css';
 export default {
-  "badge": "pf-c-badge",
-  "button": "pf-c-button",
-  "dualListSelector": "pf-c-dual-list-selector",
-  "dualListSelectorControls": "pf-c-dual-list-selector__controls",
-  "dualListSelectorDraggable": "pf-c-dual-list-selector__draggable",
-  "dualListSelectorHeader": "pf-c-dual-list-selector__header",
-  "dualListSelectorItem": "pf-c-dual-list-selector__item",
-  "dualListSelectorItemCheck": "pf-c-dual-list-selector__item-check",
-  "dualListSelectorItemCount": "pf-c-dual-list-selector__item-count",
-  "dualListSelectorItemMain": "pf-c-dual-list-selector__item-main",
-  "dualListSelectorItemText": "pf-c-dual-list-selector__item-text",
-  "dualListSelectorItemToggle": "pf-c-dual-list-selector__item-toggle",
-  "dualListSelectorItemToggleIcon": "pf-c-dual-list-selector__item-toggle-icon",
-  "dualListSelectorList": "pf-c-dual-list-selector__list",
-  "dualListSelectorListItem": "pf-c-dual-list-selector__list-item",
-  "dualListSelectorListItemRow": "pf-c-dual-list-selector__list-item-row",
-  "dualListSelectorMain": "pf-c-dual-list-selector__main",
-  "dualListSelectorMenu": "pf-c-dual-list-selector__menu",
-  "dualListSelectorPane": "pf-c-dual-list-selector__pane",
-  "dualListSelectorStatus": "pf-c-dual-list-selector__status",
-  "dualListSelectorStatusText": "pf-c-dual-list-selector__status-text",
-  "dualListSelectorTitleText": "pf-c-dual-list-selector__title-text",
-  "dualListSelectorTools": "pf-c-dual-list-selector__tools",
-  "dualListSelectorToolsActions": "pf-c-dual-list-selector__tools-actions",
-  "dualListSelectorToolsFilter": "pf-c-dual-list-selector__tools-filter",
+  "badge": "pf-v5-c-badge",
+  "button": "pf-v5-c-button",
+  "dualListSelector": "pf-v5-c-dual-list-selector",
+  "dualListSelectorControls": "pf-v5-c-dual-list-selector__controls",
+  "dualListSelectorDraggable": "pf-v5-c-dual-list-selector__draggable",
+  "dualListSelectorHeader": "pf-v5-c-dual-list-selector__header",
+  "dualListSelectorItem": "pf-v5-c-dual-list-selector__item",
+  "dualListSelectorItemCheck": "pf-v5-c-dual-list-selector__item-check",
+  "dualListSelectorItemCount": "pf-v5-c-dual-list-selector__item-count",
+  "dualListSelectorItemMain": "pf-v5-c-dual-list-selector__item-main",
+  "dualListSelectorItemText": "pf-v5-c-dual-list-selector__item-text",
+  "dualListSelectorItemToggle": "pf-v5-c-dual-list-selector__item-toggle",
+  "dualListSelectorItemToggleIcon": "pf-v5-c-dual-list-selector__item-toggle-icon",
+  "dualListSelectorList": "pf-v5-c-dual-list-selector__list",
+  "dualListSelectorListItem": "pf-v5-c-dual-list-selector__list-item",
+  "dualListSelectorListItemRow": "pf-v5-c-dual-list-selector__list-item-row",
+  "dualListSelectorMain": "pf-v5-c-dual-list-selector__main",
+  "dualListSelectorMenu": "pf-v5-c-dual-list-selector__menu",
+  "dualListSelectorPane": "pf-v5-c-dual-list-selector__pane",
+  "dualListSelectorStatus": "pf-v5-c-dual-list-selector__status",
+  "dualListSelectorStatusText": "pf-v5-c-dual-list-selector__status-text",
+  "dualListSelectorTitleText": "pf-v5-c-dual-list-selector__title-text",
+  "dualListSelectorTools": "pf-v5-c-dual-list-selector__tools",
+  "dualListSelectorToolsActions": "pf-v5-c-dual-list-selector__tools-actions",
+  "dualListSelectorToolsFilter": "pf-v5-c-dual-list-selector__tools-filter",
   "modifiers": {
     "chosen": "pf-m-chosen",
     "dragOver": "pf-m-drag-over",

package/css/components/EmptyState/empty-state.css

@@ -1,122 +1,112 @@
-.pf-c-empty-state {
-  --pf-c-empty-state--PaddingTop: var(--pf-global--spacer--xl);
-  --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
-  --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
-  --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
-  --pf-c-empty-state__content--MaxWidth: none;
-  --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
-  --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
-  --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
-  --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
-  --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
-  --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
-  --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
-  --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
-  --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
-  --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
-  --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
-  --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
-  --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
-  --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
-  --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
-  --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
-  --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
-  --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
-  --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
-  --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
-  --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
-  --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
-  --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
+.pf-v5-c-empty-state {
+  --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-empty-state--m-xs--PaddingTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-empty-state--m-xs--PaddingRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-empty-state--m-xs--PaddingBottom: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-empty-state--m-xs--PaddingLeft: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-empty-state__content--MaxWidth: none;
+  --pf-v5-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
+  --pf-v5-c-empty-state--m-sm__content--MaxWidth: 25rem;
+  --pf-v5-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
+  --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-global--icon--FontSize--xl);
+  --pf-v5-c-empty-state__icon--Color: var(--pf-v5-global--icon--Color--light);
+  --pf-v5-c-empty-state--m-xs__icon--MarginBottom: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-empty-state--m-xl__icon--MarginBottom: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-empty-state--m-xl__icon--FontSize: 6.25rem;
+  --pf-v5-c-empty-state__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-global--FontSize--xl);
+  --pf-v5-c-empty-state__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
+  --pf-v5-c-empty-state--m-xs__title-text--FontSize: var(--pf-v5-global--FontSize--md);
+  --pf-v5-c-empty-state--m-xl__title-text--FontSize: var(--pf-v5-global--FontSize--4xl);
+  --pf-v5-c-empty-state--m-xl__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
+  --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-empty-state__body--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-global--FontSize--md);
+  --pf-v5-c-empty-state--m-xs__body--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-empty-state--m-xs__body--MarginTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-empty-state--m-xl__body--FontSize: var(--pf-v5-global--FontSize--xl);
+  --pf-v5-c-empty-state--m-xl__body--MarginTop: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-empty-state__footer--RowGap: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-global--spacer--xl);
+  --pf-v5-c-empty-state--m-xs__footer--MarginTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-empty-state__actions--RowGap: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-empty-state__actions--ColumnGap: var(--pf-v5-global--spacer--xs);
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: var(--pf-c-empty-state--PaddingTop) var(--pf-c-empty-state--PaddingRight) var(--pf-c-empty-state--PaddingBottom) var(--pf-c-empty-state--PaddingLeft);
+  padding: var(--pf-v5-c-empty-state--PaddingTop) var(--pf-v5-c-empty-state--PaddingRight) var(--pf-v5-c-empty-state--PaddingBottom) var(--pf-v5-c-empty-state--PaddingLeft);
   text-align: center;
 }
-.pf-c-empty-state.pf-m-xs {
-  --pf-c-empty-state--PaddingTop: var(--pf-c-empty-state--m-xs--PaddingTop);
-  --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
-  --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
-  --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
-  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
-  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
-  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
-  --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
-  --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
-}
-.pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
-  font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
-}
-.pf-c-empty-state.pf-m-xs .pf-c-button {
-  --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
-}
-.pf-c-empty-state.pf-m-sm {
-  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
-}
-.pf-c-empty-state.pf-m-lg {
-  --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-lg__content--MaxWidth);
-}
-.pf-c-empty-state.pf-m-xl {
-  --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
-  --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
-  --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
-  --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
-}
-.pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
-  font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
-}
-.pf-c-empty-state.pf-m-full-height {
+.pf-v5-c-empty-state.pf-m-xs {
+  --pf-v5-c-empty-state--PaddingTop: var(--pf-v5-c-empty-state--m-xs--PaddingTop);
+  --pf-v5-c-empty-state--PaddingRight: var(--pf-v5-c-empty-state--m-xs--PaddingRight);
+  --pf-v5-c-empty-state--PaddingBottom: var(--pf-v5-c-empty-state--m-xs--PaddingBottom);
+  --pf-v5-c-empty-state--PaddingLeft: var(--pf-v5-c-empty-state--m-xs--PaddingLeft);
+  --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xs__title-text--FontSize);
+  --pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-xs__content--MaxWidth);
+  --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xs__icon--MarginBottom);
+  --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xs__body--MarginTop);
+  --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xs__body--FontSize);
+  --pf-v5-c-empty-state__footer--MarginTop: var(--pf-v5-c-empty-state--m-xs__footer--MarginTop);
+}
+.pf-v5-c-empty-state.pf-m-sm {
+  --pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-sm__content--MaxWidth);
+}
+.pf-v5-c-empty-state.pf-m-lg {
+  --pf-v5-c-empty-state__content--MaxWidth: var(--pf-v5-c-empty-state--m-lg__content--MaxWidth);
+}
+.pf-v5-c-empty-state.pf-m-xl {
+  --pf-v5-c-empty-state__body--MarginTop: var(--pf-v5-c-empty-state--m-xl__body--MarginTop);
+  --pf-v5-c-empty-state--body--FontSize: var(--pf-v5-c-empty-state--m-xl__body--FontSize);
+  --pf-v5-c-empty-state__icon--MarginBottom: var(--pf-v5-c-empty-state--m-xl__icon--MarginBottom);
+  --pf-v5-c-empty-state__icon--FontSize: var(--pf-v5-c-empty-state--m-xl__icon--FontSize);
+  --pf-v5-c-empty-state__title-text--FontSize: var(--pf-v5-c-empty-state--m-xl__title-text--FontSize);
+  --pf-v5-c-empty-state__title-text--LineHeight: var(--pf-v5-c-empty-state--m-xl__title-text--LineHeight);
+}
+.pf-v5-c-empty-state.pf-m-full-height {
   height: 100%;
 }
 
-.pf-c-empty-state__content {
-  max-width: var(--pf-c-empty-state__content--MaxWidth);
-}
-.pf-c-empty-state__content > .pf-c-title.pf-m-lg {
-  font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
+.pf-v5-c-empty-state__content {
+  max-width: var(--pf-v5-c-empty-state__content--MaxWidth);
 }
 
-.pf-c-empty-state__icon {
-  margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
-  font-size: var(--pf-c-empty-state__icon--FontSize);
-  color: var(--pf-c-empty-state__icon--Color);
+.pf-v5-c-empty-state__icon {
+  margin-bottom: var(--pf-v5-c-empty-state__icon--MarginBottom);
+  font-size: var(--pf-v5-c-empty-state__icon--FontSize);
+  line-height: 1;
+  color: var(--pf-v5-c-empty-state__icon--Color);
 }
 
-.pf-c-empty-state__body {
-  margin-top: var(--pf-c-empty-state__body--MarginTop);
-  color: var(--pf-c-empty-state__body--Color);
+.pf-v5-c-empty-state__title-text {
+  font-family: var(--pf-v5-c-empty-state__title-text--FontFamily);
+  font-size: var(--pf-v5-c-empty-state__title-text--FontSize);
+  font-weight: var(--pf-v5-c-empty-state__title-text--FontWeight);
+  line-height: var(--pf-v5-c-empty-state__title-text--LineHeight);
 }
 
-.pf-c-empty-state__content > .pf-c-button.pf-m-primary,
-.pf-c-empty-state__primary {
-  margin-top: var(--pf-c-empty-state__primary--MarginTop);
+.pf-v5-c-empty-state__body {
+  margin-top: var(--pf-v5-c-empty-state__body--MarginTop);
+  font-size: var(--pf-v5-c-empty-state--body--FontSize);
+  color: var(--pf-v5-c-empty-state__body--Color);
 }
-.pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
-.pf-c-empty-state__primary + .pf-c-empty-state__secondary {
-  margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
+
+.pf-v5-c-empty-state__footer {
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--pf-v5-c-empty-state__footer--RowGap);
+  align-items: center;
+  margin-top: var(--pf-v5-c-empty-state__footer--MarginTop);
 }
 
-.pf-c-empty-state__secondary {
+.pf-v5-c-empty-state__actions {
   display: flex;
   flex-wrap: wrap;
+  gap: var(--pf-v5-c-empty-state__actions--RowGap) var(--pf-v5-c-empty-state__actions--ColumnGap);
   justify-content: center;
-  margin-top: var(--pf-c-empty-state__secondary--MarginTop);
-  margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
-}
-.pf-c-empty-state__secondary > * {
-  margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
-  margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
-  margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
-}
-
-.pf-m-overpass-font .pf-c-empty-state .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
-  font-size: var(--pf-global--FontSize--lg);
 }

package/css/components/EmptyState/empty-state.d.ts

@@ -1,21 +1,18 @@
 import './empty-state.css';
 declare const _default: {
-  "button": "pf-c-button",
-  "emptyState": "pf-c-empty-state",
-  "emptyStateBody": "pf-c-empty-state__body",
-  "emptyStateContent": "pf-c-empty-state__content",
-  "emptyStateIcon": "pf-c-empty-state__icon",
-  "emptyStatePrimary": "pf-c-empty-state__primary",
-  "emptyStateSecondary": "pf-c-empty-state__secondary",
+  "emptyState": "pf-v5-c-empty-state",
+  "emptyStateActions": "pf-v5-c-empty-state__actions",
+  "emptyStateBody": "pf-v5-c-empty-state__body",
+  "emptyStateContent": "pf-v5-c-empty-state__content",
+  "emptyStateFooter": "pf-v5-c-empty-state__footer",
+  "emptyStateIcon": "pf-v5-c-empty-state__icon",
+  "emptyStateTitleText": "pf-v5-c-empty-state__title-text",
   "modifiers": {
     "xs": "pf-m-xs",
     "sm": "pf-m-sm",
     "lg": "pf-m-lg",
     "xl": "pf-m-xl",
-    "fullHeight": "pf-m-full-height",
-    "primary": "pf-m-primary",
-    "overpassFont": "pf-m-overpass-font"
-  },
-  "title": "pf-c-title"
+    "fullHeight": "pf-m-full-height"
+  }
 };
 export default _default;

package/css/components/EmptyState/empty-state.js

@@ -2,21 +2,18 @@
 exports.__esModule = true;
 require('./empty-state.css');
 exports.default = {
-  "button": "pf-c-button",
-  "emptyState": "pf-c-empty-state",
-  "emptyStateBody": "pf-c-empty-state__body",
-  "emptyStateContent": "pf-c-empty-state__content",
-  "emptyStateIcon": "pf-c-empty-state__icon",
-  "emptyStatePrimary": "pf-c-empty-state__primary",
-  "emptyStateSecondary": "pf-c-empty-state__secondary",
+  "emptyState": "pf-v5-c-empty-state",
+  "emptyStateActions": "pf-v5-c-empty-state__actions",
+  "emptyStateBody": "pf-v5-c-empty-state__body",
+  "emptyStateContent": "pf-v5-c-empty-state__content",
+  "emptyStateFooter": "pf-v5-c-empty-state__footer",
+  "emptyStateIcon": "pf-v5-c-empty-state__icon",
+  "emptyStateTitleText": "pf-v5-c-empty-state__title-text",
   "modifiers": {
     "xs": "pf-m-xs",
     "sm": "pf-m-sm",
     "lg": "pf-m-lg",
     "xl": "pf-m-xl",
-    "fullHeight": "pf-m-full-height",
-    "primary": "pf-m-primary",
-    "overpassFont": "pf-m-overpass-font"
-  },
-  "title": "pf-c-title"
+    "fullHeight": "pf-m-full-height"
+  }
 };

package/css/components/EmptyState/empty-state.mjs

@@ -1,20 +1,17 @@
 import './empty-state.css';
 export default {
-  "button": "pf-c-button",
-  "emptyState": "pf-c-empty-state",
-  "emptyStateBody": "pf-c-empty-state__body",
-  "emptyStateContent": "pf-c-empty-state__content",
-  "emptyStateIcon": "pf-c-empty-state__icon",
-  "emptyStatePrimary": "pf-c-empty-state__primary",
-  "emptyStateSecondary": "pf-c-empty-state__secondary",
+  "emptyState": "pf-v5-c-empty-state",
+  "emptyStateActions": "pf-v5-c-empty-state__actions",
+  "emptyStateBody": "pf-v5-c-empty-state__body",
+  "emptyStateContent": "pf-v5-c-empty-state__content",
+  "emptyStateFooter": "pf-v5-c-empty-state__footer",
+  "emptyStateIcon": "pf-v5-c-empty-state__icon",
+  "emptyStateTitleText": "pf-v5-c-empty-state__title-text",
   "modifiers": {
     "xs": "pf-m-xs",
     "sm": "pf-m-sm",
     "lg": "pf-m-lg",
     "xl": "pf-m-xl",
-    "fullHeight": "pf-m-full-height",
-    "primary": "pf-m-primary",
-    "overpassFont": "pf-m-overpass-font"
-  },
-  "title": "pf-c-title"
+    "fullHeight": "pf-m-full-height"
+  }
 };

package/css/components/ExpandableSection/expandable-section.css

@@ -1,133 +1,131 @@
-.pf-c-expandable-section {
-  --pf-c-expandable-section__toggle--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-expandable-section__toggle--PaddingLeft: 0;
-  --pf-c-expandable-section__toggle--MarginTop: 0;
-  --pf-c-expandable-section__toggle--Color: var(--pf-global--link--Color);
-  --pf-c-expandable-section__toggle--hover--Color: var(--pf-global--link--Color--hover);
-  --pf-c-expandable-section__toggle--active--Color: var(--pf-global--link--Color--hover);
-  --pf-c-expandable-section__toggle--focus--Color: var(--pf-global--link--Color--hover);
-  --pf-c-expandable-section__toggle--m-expanded--Color: var(--pf-global--link--Color--hover);
-  --pf-c-expandable-section__toggle-icon--MinWidth: 1em;
-  --pf-c-expandable-section__toggle-icon--Color: var(--pf-global--Color--100);
-  --pf-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
-  --pf-c-expandable-section__toggle-icon--Rotate: 0;
-  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
-  --pf-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
-  --pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
-  --pf-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-global--spacer--xs) + var(--pf-global--spacer--sm));
-  --pf-c-expandable-section__content--MarginTop: var(--pf-global--spacer--md);
-  --pf-c-expandable-section__content--MaxWidth: auto;
-  --pf-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
-  --pf-c-expandable-section--m-display-lg--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-expandable-section--m-display-lg__content--MarginTop: 0;
-  --pf-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-global--spacer--lg);
-  --pf-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-global--spacer--lg);
-  --pf-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
-  --pf-c-expandable-section--m-display-lg--after--Width: var(--pf-global--BorderWidth--lg);
-  --pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-global--primary-color--100);
-  --pf-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-c-expandable-section__toggle-text--MarginLeft) + var(--pf-c-expandable-section__toggle-icon--MinWidth));
-  --pf-c-expandable-section--m-truncate__content--LineClamp: 3;
-  --pf-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-global--spacer--xs);
-}
-.pf-c-expandable-section.pf-m-expanded {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--m-expanded--Color);
-  --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--Rotate);
-  --pf-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
-  --pf-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
-}
-.pf-c-expandable-section.pf-m-detached, .pf-c-expandable-section.pf-m-truncate {
-  --pf-c-expandable-section__content--MarginTop: 0;
-}
-.pf-c-expandable-section.pf-m-limit-width {
-  --pf-c-expandable-section__content--MaxWidth: var(--pf-c-expandable-section--m-limit-width__content--MaxWidth);
-}
-.pf-c-expandable-section.pf-m-display-lg {
-  --pf-c-expandable-section__toggle--PaddingTop: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingTop);
-  --pf-c-expandable-section__toggle--PaddingRight: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingRight);
-  --pf-c-expandable-section__toggle--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingBottom);
-  --pf-c-expandable-section__toggle--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__toggle--PaddingLeft);
-  --pf-c-expandable-section__content--PaddingRight: var(--pf-c-expandable-section--m-display-lg__content--PaddingRight);
-  --pf-c-expandable-section__content--PaddingBottom: var(--pf-c-expandable-section--m-display-lg__content--PaddingBottom);
-  --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-display-lg__content--PaddingLeft);
-  --pf-c-expandable-section__content--MarginTop: var(--pf-c-expandable-section--m-display-lg__content--MarginTop);
+.pf-v5-c-expandable-section {
+  --pf-v5-c-expandable-section__toggle--PaddingTop: var(--pf-v5-global--spacer--form-element);
+  --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-v5-global--spacer--form-element);
+  --pf-v5-c-expandable-section__toggle--PaddingLeft: 0;
+  --pf-v5-c-expandable-section__toggle--MarginTop: 0;
+  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-global--link--Color);
+  --pf-v5-c-expandable-section__toggle--hover--Color: var(--pf-v5-global--link--Color--hover);
+  --pf-v5-c-expandable-section__toggle--active--Color: var(--pf-v5-global--link--Color--hover);
+  --pf-v5-c-expandable-section__toggle--focus--Color: var(--pf-v5-global--link--Color--hover);
+  --pf-v5-c-expandable-section__toggle--m-expanded--Color: var(--pf-v5-global--link--Color--hover);
+  --pf-v5-c-expandable-section__toggle--BackgroundColor: transparent;
+  --pf-v5-c-expandable-section__toggle-icon--MinWidth: 1em;
+  --pf-v5-c-expandable-section__toggle-icon--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
+  --pf-v5-c-expandable-section__toggle-icon--Rotate: 0;
+  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
+  --pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
+  --pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
+  --pf-v5-c-expandable-section__toggle-text--MarginLeft: calc(var(--pf-v5-global--spacer--xs) + var(--pf-v5-global--spacer--sm));
+  --pf-v5-c-expandable-section__content--MarginTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-expandable-section__content--MaxWidth: auto;
+  --pf-v5-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
+  --pf-v5-c-expandable-section--m-display-lg--BoxShadow: var(--pf-v5-global--BoxShadow--md);
+  --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingTop: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingBottom: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-expandable-section--m-display-lg__content--MarginTop: 0;
+  --pf-v5-c-expandable-section--m-display-lg__content--PaddingRight: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft: var(--pf-v5-global--spacer--lg);
+  --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: transparent;
+  --pf-v5-c-expandable-section--m-display-lg--after--Width: var(--pf-v5-global--BorderWidth--lg);
+  --pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-expandable-section--m-indented__content--PaddingLeft: calc(var(--pf-v5-c-expandable-section__toggle-text--MarginLeft) + var(--pf-v5-c-expandable-section__toggle-icon--MinWidth));
+  --pf-v5-c-expandable-section--m-truncate__content--LineClamp: 3;
+  --pf-v5-c-expandable-section--m-truncate__toggle--MarginTop: var(--pf-v5-global--spacer--xs);
+}
+.pf-v5-c-expandable-section.pf-m-expanded {
+  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--m-expanded--Color);
+  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--Rotate);
+  --pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
+  --pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
+}
+.pf-v5-c-expandable-section.pf-m-detached, .pf-v5-c-expandable-section.pf-m-truncate {
+  --pf-v5-c-expandable-section__content--MarginTop: 0;
+}
+.pf-v5-c-expandable-section.pf-m-limit-width {
+  --pf-v5-c-expandable-section__content--MaxWidth: var(--pf-v5-c-expandable-section--m-limit-width__content--MaxWidth);
+}
+.pf-v5-c-expandable-section.pf-m-display-lg {
+  --pf-v5-c-expandable-section__toggle--PaddingTop: var(--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingTop);
+  --pf-v5-c-expandable-section__toggle--PaddingRight: var(--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight);
+  --pf-v5-c-expandable-section__toggle--PaddingBottom: var(--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingBottom);
+  --pf-v5-c-expandable-section__toggle--PaddingLeft: var(--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft);
+  --pf-v5-c-expandable-section__content--PaddingRight: var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingRight);
+  --pf-v5-c-expandable-section__content--PaddingBottom: var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom);
+  --pf-v5-c-expandable-section__content--PaddingLeft: var(--pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft);
+  --pf-v5-c-expandable-section__content--MarginTop: var(--pf-v5-c-expandable-section--m-display-lg__content--MarginTop);
   position: relative;
-  box-shadow: var(--pf-c-expandable-section--m-display-lg--BoxShadow);
+  box-shadow: var(--pf-v5-c-expandable-section--m-display-lg--BoxShadow);
 }
-.pf-c-expandable-section.pf-m-display-lg::after {
+.pf-v5-c-expandable-section.pf-m-display-lg::after {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
-  width: var(--pf-c-expandable-section--m-display-lg--after--Width);
+  width: var(--pf-v5-c-expandable-section--m-display-lg--after--Width);
   content: "";
-  background-color: var(--pf-c-expandable-section--m-display-lg--after--BackgroundColor);
+  background-color: var(--pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor);
 }
-.pf-c-expandable-section.pf-m-indented {
-  --pf-c-expandable-section__content--PaddingLeft: var(--pf-c-expandable-section--m-indented__content--PaddingLeft);
+.pf-v5-c-expandable-section.pf-m-indented {
+  --pf-v5-c-expandable-section__content--PaddingLeft: var(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft);
 }
-.pf-c-expandable-section.pf-m-truncate {
-  --pf-c-expandable-section__toggle--MarginTop: var(--pf-c-expandable-section--m-truncate__toggle--MarginTop);
-  --pf-c-expandable-section__toggle--PaddingTop: 0;
-  --pf-c-expandable-section__toggle--PaddingRight: 0;
-  --pf-c-expandable-section__toggle--PaddingBottom: 0;
-  --pf-c-expandable-section__toggle-text--MarginLeft: 0;
+.pf-v5-c-expandable-section.pf-m-truncate {
+  --pf-v5-c-expandable-section__toggle--MarginTop: var(--pf-v5-c-expandable-section--m-truncate__toggle--MarginTop);
+  --pf-v5-c-expandable-section__toggle--PaddingTop: 0;
+  --pf-v5-c-expandable-section__toggle--PaddingRight: 0;
+  --pf-v5-c-expandable-section__toggle--PaddingBottom: 0;
+  --pf-v5-c-expandable-section__toggle-text--MarginLeft: 0;
 }
-.pf-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-c-expandable-section__content {
+.pf-v5-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v5-c-expandable-section__content {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: var(--pf-c-expandable-section--m-truncate__content--LineClamp);
+  -webkit-line-clamp: var(--pf-v5-c-expandable-section--m-truncate__content--LineClamp);
   overflow: hidden;
 }
-.pf-c-expandable-section.pf-m-detached {
-  --pf-c-expandable-section--m-truncate__toggle--MarginTop: 0;
+.pf-v5-c-expandable-section.pf-m-detached {
+  --pf-v5-c-expandable-section--m-truncate__toggle--MarginTop: 0;
 }
 
-.pf-c-expandable-section__toggle {
+.pf-v5-c-expandable-section__toggle {
   display: flex;
-  padding: var(--pf-c-expandable-section__toggle--PaddingTop) var(--pf-c-expandable-section__toggle--PaddingRight) var(--pf-c-expandable-section__toggle--PaddingBottom) var(--pf-c-expandable-section__toggle--PaddingLeft);
-  margin-top: var(--pf-c-expandable-section__toggle--MarginTop);
-  color: var(--pf-c-expandable-section__toggle--Color);
+  padding: var(--pf-v5-c-expandable-section__toggle--PaddingTop) var(--pf-v5-c-expandable-section__toggle--PaddingRight) var(--pf-v5-c-expandable-section__toggle--PaddingBottom) var(--pf-v5-c-expandable-section__toggle--PaddingLeft);
+  margin-top: var(--pf-v5-c-expandable-section__toggle--MarginTop);
+  color: var(--pf-v5-c-expandable-section__toggle--Color);
+  background-color: var(--pf-v5-c-expandable-section__toggle--BackgroundColor);
   border: none;
 }
-.pf-c-expandable-section__toggle:hover {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--hover--Color);
+.pf-v5-c-expandable-section__toggle:hover {
+  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--hover--Color);
 }
-.pf-c-expandable-section__toggle:active, .pf-c-expandable-section__toggle.pf-m-active {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--active--Color);
+.pf-v5-c-expandable-section__toggle:active, .pf-v5-c-expandable-section__toggle.pf-m-active {
+  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--active--Color);
 }
-.pf-c-expandable-section__toggle:focus {
-  --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color);
+.pf-v5-c-expandable-section__toggle:focus {
+  --pf-v5-c-expandable-section__toggle--Color: var(--pf-v5-c-expandable-section__toggle--focus--Color);
 }
 
-.pf-c-expandable-section__toggle-icon {
-  min-width: var(--pf-c-expandable-section__toggle-icon--MinWidth);
-  color: var(--pf-c-expandable-section__toggle-icon--Color);
-  transition: var(--pf-c-expandable-section__toggle-icon--Transition);
-  transform: rotate(var(--pf-c-expandable-section__toggle-icon--Rotate));
+.pf-v5-c-expandable-section__toggle-icon {
+  min-width: var(--pf-v5-c-expandable-section__toggle-icon--MinWidth);
+  color: var(--pf-v5-c-expandable-section__toggle-icon--Color);
+  transition: var(--pf-v5-c-expandable-section__toggle-icon--Transition);
+  transform: rotate(var(--pf-v5-c-expandable-section__toggle-icon--Rotate));
 }
-.pf-c-expandable-section__toggle-icon.pf-m-expand-top {
-  --pf-c-expandable-section__toggle-icon--Rotate: var(--pf-c-expandable-section__toggle-icon--m-expand-top--Rotate);
+.pf-v5-c-expandable-section__toggle-icon.pf-m-expand-top {
+  --pf-v5-c-expandable-section__toggle-icon--Rotate: var(--pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate);
 }
 
-.pf-c-expandable-section__toggle-text {
-  margin-left: var(--pf-c-expandable-section__toggle-text--MarginLeft);
+.pf-v5-c-expandable-section__toggle-text {
+  margin-left: var(--pf-v5-c-expandable-section__toggle-text--MarginLeft);
 }
 
-.pf-c-expandable-section__content {
-  max-width: var(--pf-c-expandable-section__content--MaxWidth);
-  padding-right: var(--pf-c-expandable-section__content--PaddingRight);
-  padding-bottom: var(--pf-c-expandable-section__content--PaddingBottom);
-  padding-left: var(--pf-c-expandable-section__content--PaddingLeft);
-  margin-top: var(--pf-c-expandable-section__content--MarginTop);
-}
-
-.pf-m-overpass-font .pf-c-expandable-section__toggle {
-  font-weight: var(--pf-global--FontWeight--semi-bold);
+.pf-v5-c-expandable-section__content {
+  max-width: var(--pf-v5-c-expandable-section__content--MaxWidth);
+  padding-right: var(--pf-v5-c-expandable-section__content--PaddingRight);
+  padding-bottom: var(--pf-v5-c-expandable-section__content--PaddingBottom);
+  padding-left: var(--pf-v5-c-expandable-section__content--PaddingLeft);
+  margin-top: var(--pf-v5-c-expandable-section__content--MarginTop);
 }