@patternfly/react-styles 4.52.20 → 4.52.23

package/css/components/LabelGroup/label-group.mjs

@@ -0,0 +1,17 @@
+import('./label-group.css');
+export default {
+  "button": "pf-c-button",
+  "labelGroup": "pf-c-label-group",
+  "labelGroupClose": "pf-c-label-group__close",
+  "labelGroupLabel": "pf-c-label-group__label",
+  "labelGroupList": "pf-c-label-group__list",
+  "labelGroupListItem": "pf-c-label-group__list-item",
+  "labelGroupMain": "pf-c-label-group__main",
+  "labelGroupTextarea": "pf-c-label-group__textarea",
+  "modifiers": {
+    "category": "pf-m-category",
+    "vertical": "pf-m-vertical",
+    "editable": "pf-m-editable",
+    "textarea": "pf-m-textarea"
+  }
+};

package/css/components/List/list.mjs

@@ -0,0 +1,12 @@
+import('./list.css');
+export default {
+  "list": "pf-c-list",
+  "listItem": "pf-c-list__item",
+  "listItemIcon": "pf-c-list__item-icon",
+  "modifiers": {
+    "iconLg": "pf-m-icon-lg",
+    "plain": "pf-m-plain",
+    "inline": "pf-m-inline",
+    "bordered": "pf-m-bordered"
+  }
+};

package/css/components/LogViewer/log-viewer.mjs

@@ -0,0 +1,26 @@
+import('./log-viewer.css');
+export default {
+  "button": "pf-c-button",
+  "card": "pf-c-card",
+  "logViewer": "pf-c-log-viewer",
+  "logViewerHeader": "pf-c-log-viewer__header",
+  "logViewerIndex": "pf-c-log-viewer__index",
+  "logViewerList": "pf-c-log-viewer__list",
+  "logViewerListItem": "pf-c-log-viewer__list-item",
+  "logViewerMain": "pf-c-log-viewer__main",
+  "logViewerScrollContainer": "pf-c-log-viewer__scroll-container",
+  "logViewerString": "pf-c-log-viewer__string",
+  "logViewerText": "pf-c-log-viewer__text",
+  "logViewerTimestamp": "pf-c-log-viewer__timestamp",
+  "modifiers": {
+    "dark": "pf-m-dark",
+    "wrapText": "pf-m-wrap-text",
+    "nowrap": "pf-m-nowrap",
+    "lineNumbers": "pf-m-line-numbers",
+    "match": "pf-m-match",
+    "current": "pf-m-current"
+  },
+  "searchInput": "pf-c-search-input",
+  "toolbar": "pf-c-toolbar",
+  "toolbarContentSection": "pf-c-toolbar__content-section"
+};

package/css/components/Login/login.mjs

@@ -0,0 +1,22 @@
+import('./login.css');
+export default {
+  "brand": "pf-c-brand",
+  "button": "pf-c-button",
+  "card": "pf-c-card",
+  "dropdown": "pf-c-dropdown",
+  "list": "pf-c-list",
+  "login": "pf-c-login",
+  "loginContainer": "pf-c-login__container",
+  "loginFooter": "pf-c-login__footer",
+  "loginHeader": "pf-c-login__header",
+  "loginMain": "pf-c-login__main",
+  "loginMainBody": "pf-c-login__main-body",
+  "loginMainFooter": "pf-c-login__main-footer",
+  "loginMainFooterBand": "pf-c-login__main-footer-band",
+  "loginMainFooterLinks": "pf-c-login__main-footer-links",
+  "loginMainFooterLinksItem": "pf-c-login__main-footer-links-item",
+  "loginMainFooterLinksItemLink": "pf-c-login__main-footer-links-item-link",
+  "loginMainHeader": "pf-c-login__main-header",
+  "loginMainHeaderDesc": "pf-c-login__main-header-desc",
+  "title": "pf-c-title"
+};

package/css/components/Masthead/masthead.mjs

@@ -0,0 +1,74 @@
+import('./masthead.css');
+export default {
+  "button": "pf-c-button",
+  "card": "pf-c-card",
+  "contextSelector": "pf-c-context-selector",
+  "dropdown": "pf-c-dropdown",
+  "masthead": "pf-c-masthead",
+  "mastheadBrand": "pf-c-masthead__brand",
+  "mastheadContent": "pf-c-masthead__content",
+  "mastheadMain": "pf-c-masthead__main",
+  "mastheadToggle": "pf-c-masthead__toggle",
+  "menuToggle": "pf-c-menu-toggle",
+  "modifiers": {
+    "light_200": "pf-m-light-200",
+    "light": "pf-m-light",
+    "resizeObserver": "pf-m-resize-observer",
+    "breakpointXl": "pf-m-breakpoint-xl",
+    "fullHeight": "pf-m-full-height",
+    "horizontal": "pf-m-horizontal",
+    "displayStack": "pf-m-display-stack",
+    "displayInline": "pf-m-display-inline",
+    "insetNone": "pf-m-inset-none",
+    "insetSm": "pf-m-inset-sm",
+    "insetMd": "pf-m-inset-md",
+    "insetLg": "pf-m-inset-lg",
+    "insetXl": "pf-m-inset-xl",
+    "inset_2xl": "pf-m-inset-2xl",
+    "displayStackOnSm": "pf-m-display-stack-on-sm",
+    "displayInlineOnSm": "pf-m-display-inline-on-sm",
+    "insetNoneOnSm": "pf-m-inset-none-on-sm",
+    "insetSmOnSm": "pf-m-inset-sm-on-sm",
+    "insetMdOnSm": "pf-m-inset-md-on-sm",
+    "insetLgOnSm": "pf-m-inset-lg-on-sm",
+    "insetXlOnSm": "pf-m-inset-xl-on-sm",
+    "inset_2xlOnSm": "pf-m-inset-2xl-on-sm",
+    "displayStackOnMd": "pf-m-display-stack-on-md",
+    "displayInlineOnMd": "pf-m-display-inline-on-md",
+    "insetNoneOnMd": "pf-m-inset-none-on-md",
+    "insetSmOnMd": "pf-m-inset-sm-on-md",
+    "insetMdOnMd": "pf-m-inset-md-on-md",
+    "insetLgOnMd": "pf-m-inset-lg-on-md",
+    "insetXlOnMd": "pf-m-inset-xl-on-md",
+    "inset_2xlOnMd": "pf-m-inset-2xl-on-md",
+    "displayStackOnLg": "pf-m-display-stack-on-lg",
+    "displayInlineOnLg": "pf-m-display-inline-on-lg",
+    "insetNoneOnLg": "pf-m-inset-none-on-lg",
+    "insetSmOnLg": "pf-m-inset-sm-on-lg",
+    "insetMdOnLg": "pf-m-inset-md-on-lg",
+    "insetLgOnLg": "pf-m-inset-lg-on-lg",
+    "insetXlOnLg": "pf-m-inset-xl-on-lg",
+    "inset_2xlOnLg": "pf-m-inset-2xl-on-lg",
+    "displayStackOnXl": "pf-m-display-stack-on-xl",
+    "displayInlineOnXl": "pf-m-display-inline-on-xl",
+    "insetNoneOnXl": "pf-m-inset-none-on-xl",
+    "insetSmOnXl": "pf-m-inset-sm-on-xl",
+    "insetMdOnXl": "pf-m-inset-md-on-xl",
+    "insetLgOnXl": "pf-m-inset-lg-on-xl",
+    "insetXlOnXl": "pf-m-inset-xl-on-xl",
+    "inset_2xlOnXl": "pf-m-inset-2xl-on-xl",
+    "displayStackOn_2xl": "pf-m-display-stack-on-2xl",
+    "displayInlineOn_2xl": "pf-m-display-inline-on-2xl",
+    "insetNoneOn_2xl": "pf-m-inset-none-on-2xl",
+    "insetSmOn_2xl": "pf-m-inset-sm-on-2xl",
+    "insetMdOn_2xl": "pf-m-inset-md-on-2xl",
+    "insetLgOn_2xl": "pf-m-inset-lg-on-2xl",
+    "insetXlOn_2xl": "pf-m-inset-xl-on-2xl",
+    "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl"
+  },
+  "nav": "pf-c-nav",
+  "page": "pf-c-page",
+  "toolbar": "pf-c-toolbar",
+  "toolbarContentSection": "pf-c-toolbar__content-section",
+  "toolbarExpandableContent": "pf-c-toolbar__expandable-content"
+};

package/css/components/Menu/menu.mjs

@@ -0,0 +1,56 @@
+import('./menu.css');
+export default {
+  "breadcrumb": "pf-c-breadcrumb",
+  "divider": "pf-c-divider",
+  "menu": "pf-c-menu",
+  "menuBreadcrumb": "pf-c-menu__breadcrumb",
+  "menuContent": "pf-c-menu__content",
+  "menuFooter": "pf-c-menu__footer",
+  "menuGroup": "pf-c-menu__group",
+  "menuGroupTitle": "pf-c-menu__group-title",
+  "menuHeader": "pf-c-menu__header",
+  "menuItem": "pf-c-menu__item",
+  "menuItemAction": "pf-c-menu__item-action",
+  "menuItemActionIcon": "pf-c-menu__item-action-icon",
+  "menuItemCheck": "pf-c-menu__item-check",
+  "menuItemDescription": "pf-c-menu__item-description",
+  "menuItemExternalIcon": "pf-c-menu__item-external-icon",
+  "menuItemIcon": "pf-c-menu__item-icon",
+  "menuItemMain": "pf-c-menu__item-main",
+  "menuItemSelectIcon": "pf-c-menu__item-select-icon",
+  "menuItemText": "pf-c-menu__item-text",
+  "menuItemToggleIcon": "pf-c-menu__item-toggle-icon",
+  "menuList": "pf-c-menu__list",
+  "menuListItem": "pf-c-menu__list-item",
+  "menuSearch": "pf-c-menu__search",
+  "modifiers": {
+    "hidden": "pf-m-hidden",
+    "hiddenOnSm": "pf-m-hidden-on-sm",
+    "visibleOnSm": "pf-m-visible-on-sm",
+    "hiddenOnMd": "pf-m-hidden-on-md",
+    "visibleOnMd": "pf-m-visible-on-md",
+    "hiddenOnLg": "pf-m-hidden-on-lg",
+    "visibleOnLg": "pf-m-visible-on-lg",
+    "hiddenOnXl": "pf-m-hidden-on-xl",
+    "visibleOnXl": "pf-m-visible-on-xl",
+    "hiddenOn_2xl": "pf-m-hidden-on-2xl",
+    "visibleOn_2xl": "pf-m-visible-on-2xl",
+    "flyout": "pf-m-flyout",
+    "top": "pf-m-top",
+    "left": "pf-m-left",
+    "drilldown": "pf-m-drilldown",
+    "drilledIn": "pf-m-drilled-in",
+    "currentPath": "pf-m-current-path",
+    "static": "pf-m-static",
+    "plain": "pf-m-plain",
+    "scrollable": "pf-m-scrollable",
+    "nav": "pf-m-nav",
+    "focus": "pf-m-focus",
+    "disabled": "pf-m-disabled",
+    "load": "pf-m-load",
+    "loading": "pf-m-loading",
+    "selected": "pf-m-selected",
+    "favorite": "pf-m-favorite",
+    "favorited": "pf-m-favorited"
+  }
+};

package/css/components/MenuToggle/menu-toggle.mjs

@@ -0,0 +1,26 @@
+import('./menu-toggle.css');
+export default {
+  "check": "pf-c-check",
+  "menuToggle": "pf-c-menu-toggle",
+  "menuToggleButton": "pf-c-menu-toggle__button",
+  "menuToggleControls": "pf-c-menu-toggle__controls",
+  "menuToggleCount": "pf-c-menu-toggle__count",
+  "menuToggleIcon": "pf-c-menu-toggle__icon",
+  "menuToggleText": "pf-c-menu-toggle__text",
+  "menuToggleToggleIcon": "pf-c-menu-toggle__toggle-icon",
+  "modifiers": {
+    "primary": "pf-m-primary",
+    "secondary": "pf-m-secondary",
+    "expanded": "pf-m-expanded",
+    "plain": "pf-m-plain",
+    "text": "pf-m-text",
+    "disabled": "pf-m-disabled",
+    "fullHeight": "pf-m-full-height",
+    "typeahead": "pf-m-typeahead",
+    "splitButton": "pf-m-split-button",
+    "action": "pf-m-action",
+    "active": "pf-m-active",
+    "fullWidth": "pf-m-full-width"
+  },
+  "textInputGroup": "pf-c-text-input-group"
+};

package/css/components/ModalBox/modal-box.mjs

@@ -0,0 +1,26 @@
+import('./modal-box.css');
+export default {
+  "button": "pf-c-button",
+  "modalBox": "pf-c-modal-box",
+  "modalBoxBody": "pf-c-modal-box__body",
+  "modalBoxDescription": "pf-c-modal-box__description",
+  "modalBoxFooter": "pf-c-modal-box__footer",
+  "modalBoxHeader": "pf-c-modal-box__header",
+  "modalBoxHeaderMain": "pf-c-modal-box__header-main",
+  "modalBoxTitle": "pf-c-modal-box__title",
+  "modalBoxTitleIcon": "pf-c-modal-box__title-icon",
+  "modalBoxTitleText": "pf-c-modal-box__title-text",
+  "modifiers": {
+    "sm": "pf-m-sm",
+    "md": "pf-m-md",
+    "lg": "pf-m-lg",
+    "alignTop": "pf-m-align-top",
+    "danger": "pf-m-danger",
+    "warning": "pf-m-warning",
+    "success": "pf-m-success",
+    "default": "pf-m-default",
+    "info": "pf-m-info",
+    "help": "pf-m-help",
+    "icon": "pf-m-icon"
+  }
+};

package/css/components/MultipleFileUpload/multiple-file-upload.mjs

@@ -0,0 +1,25 @@
+import('./multiple-file-upload.css');
+export default {
+  "modifiers": {
+    "horizontal": "pf-m-horizontal",
+    "dragOver": "pf-m-drag-over"
+  },
+  "multipleFileUpload": "pf-c-multiple-file-upload",
+  "multipleFileUploadInfo": "pf-c-multiple-file-upload__info",
+  "multipleFileUploadMain": "pf-c-multiple-file-upload__main",
+  "multipleFileUploadStatus": "pf-c-multiple-file-upload__status",
+  "multipleFileUploadStatusItem": "pf-c-multiple-file-upload__status-item",
+  "multipleFileUploadStatusItemClose": "pf-c-multiple-file-upload__status-item-close",
+  "multipleFileUploadStatusItemIcon": "pf-c-multiple-file-upload__status-item-icon",
+  "multipleFileUploadStatusItemMain": "pf-c-multiple-file-upload__status-item-main",
+  "multipleFileUploadStatusItemProgress": "pf-c-multiple-file-upload__status-item-progress",
+  "multipleFileUploadStatusItemProgressSize": "pf-c-multiple-file-upload__status-item-progress-size",
+  "multipleFileUploadStatusItemProgressText": "pf-c-multiple-file-upload__status-item-progress-text",
+  "multipleFileUploadStatusProgress": "pf-c-multiple-file-upload__status-progress",
+  "multipleFileUploadStatusProgressIcon": "pf-c-multiple-file-upload__status-progress-icon",
+  "multipleFileUploadTitle": "pf-c-multiple-file-upload__title",
+  "multipleFileUploadTitleIcon": "pf-c-multiple-file-upload__title-icon",
+  "multipleFileUploadTitleText": "pf-c-multiple-file-upload__title-text",
+  "multipleFileUploadTitleTextSeparator": "pf-c-multiple-file-upload__title-text-separator",
+  "multipleFileUploadUpload": "pf-c-multiple-file-upload__upload"
+};

package/css/components/Nav/nav.mjs

@@ -0,0 +1,38 @@
+import('./nav.css');
+export default {
+  "divider": "pf-c-divider",
+  "menu": "pf-c-menu",
+  "menuContent": "pf-c-menu__content",
+  "menuItem": "pf-c-menu__item",
+  "menuItemToggleIcon": "pf-c-menu__item-toggle-icon",
+  "menuListItem": "pf-c-menu__list-item",
+  "modifiers": {
+    "flyout": "pf-m-flyout",
+    "top": "pf-m-top",
+    "left": "pf-m-left",
+    "current": "pf-m-current",
+    "drillUp": "pf-m-drill-up",
+    "horizontal": "pf-m-horizontal",
+    "tertiary": "pf-m-tertiary",
+    "horizontalSubnav": "pf-m-horizontal-subnav",
+    "light": "pf-m-light",
+    "scrollable": "pf-m-scrollable",
+    "overflowHidden": "pf-m-overflow-hidden",
+    "expandable": "pf-m-expandable",
+    "expanded": "pf-m-expanded",
+    "drilldown": "pf-m-drilldown",
+    "hover": "pf-m-hover",
+    "start": "pf-m-start",
+    "noTitle": "pf-m-no-title"
+  },
+  "nav": "pf-c-nav",
+  "navItem": "pf-c-nav__item",
+  "navLink": "pf-c-nav__link",
+  "navList": "pf-c-nav__list",
+  "navScrollButton": "pf-c-nav__scroll-button",
+  "navSection": "pf-c-nav__section",
+  "navSectionTitle": "pf-c-nav__section-title",
+  "navSubnav": "pf-c-nav__subnav",
+  "navToggle": "pf-c-nav__toggle",
+  "navToggleIcon": "pf-c-nav__toggle-icon"
+};

package/css/components/NotificationBadge/notification-badge.mjs

@@ -0,0 +1,12 @@
+import('./notification-badge.css');
+export default {
+  "iconAttentionBell": "pf-icon-attention-bell",
+  "iconBell": "pf-icon-bell",
+  "modifiers": {
+    "read": "pf-m-read",
+    "unread": "pf-m-unread",
+    "attention": "pf-m-attention"
+  },
+  "notificationBadge": "pf-c-notification-badge",
+  "notificationBadgeCount": "pf-c-notification-badge__count"
+};

package/css/components/NotificationDrawer/notification-drawer.mjs

@@ -0,0 +1,33 @@
+import('./notification-drawer.css');
+export default {
+  "modifiers": {
+    "read": "pf-m-read",
+    "info": "pf-m-info",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger",
+    "success": "pf-m-success",
+    "default": "pf-m-default",
+    "hoverable": "pf-m-hoverable",
+    "truncate": "pf-m-truncate",
+    "expanded": "pf-m-expanded"
+  },
+  "notificationDrawer": "pf-c-notification-drawer",
+  "notificationDrawerBody": "pf-c-notification-drawer__body",
+  "notificationDrawerGroup": "pf-c-notification-drawer__group",
+  "notificationDrawerGroupList": "pf-c-notification-drawer__group-list",
+  "notificationDrawerGroupToggle": "pf-c-notification-drawer__group-toggle",
+  "notificationDrawerGroupToggleCount": "pf-c-notification-drawer__group-toggle-count",
+  "notificationDrawerGroupToggleIcon": "pf-c-notification-drawer__group-toggle-icon",
+  "notificationDrawerGroupToggleTitle": "pf-c-notification-drawer__group-toggle-title",
+  "notificationDrawerHeader": "pf-c-notification-drawer__header",
+  "notificationDrawerHeaderAction": "pf-c-notification-drawer__header-action",
+  "notificationDrawerHeaderStatus": "pf-c-notification-drawer__header-status",
+  "notificationDrawerHeaderTitle": "pf-c-notification-drawer__header-title",
+  "notificationDrawerListItem": "pf-c-notification-drawer__list-item",
+  "notificationDrawerListItemAction": "pf-c-notification-drawer__list-item-action",
+  "notificationDrawerListItemDescription": "pf-c-notification-drawer__list-item-description",
+  "notificationDrawerListItemHeader": "pf-c-notification-drawer__list-item-header",
+  "notificationDrawerListItemHeaderIcon": "pf-c-notification-drawer__list-item-header-icon",
+  "notificationDrawerListItemHeaderTitle": "pf-c-notification-drawer__list-item-header-title",
+  "notificationDrawerListItemTimestamp": "pf-c-notification-drawer__list-item-timestamp"
+};

package/css/components/NumberInput/number-input.mjs

@@ -0,0 +1,8 @@
+import('./number-input.css');
+export default {
+  "formControl": "pf-c-form-control",
+  "inputGroup": "pf-c-input-group",
+  "numberInput": "pf-c-number-input",
+  "numberInputIcon": "pf-c-number-input__icon",
+  "numberInputUnit": "pf-c-number-input__unit"
+};

package/css/components/OptionsMenu/options-menu.mjs

@@ -0,0 +1,24 @@
+import('./options-menu.css');
+export default {
+  "divider": "pf-c-divider",
+  "modifiers": {
+    "plain": "pf-m-plain",
+    "text": "pf-m-text",
+    "active": "pf-m-active",
+    "expanded": "pf-m-expanded",
+    "disabled": "pf-m-disabled",
+    "top": "pf-m-top",
+    "alignRight": "pf-m-align-right"
+  },
+  "optionsMenu": "pf-c-options-menu",
+  "optionsMenuGroup": "pf-c-options-menu__group",
+  "optionsMenuGroupTitle": "pf-c-options-menu__group-title",
+  "optionsMenuMenu": "pf-c-options-menu__menu",
+  "optionsMenuMenuItem": "pf-c-options-menu__menu-item",
+  "optionsMenuMenuItemIcon": "pf-c-options-menu__menu-item-icon",
+  "optionsMenuToggle": "pf-c-options-menu__toggle",
+  "optionsMenuToggleButton": "pf-c-options-menu__toggle-button",
+  "optionsMenuToggleButtonIcon": "pf-c-options-menu__toggle-button-icon",
+  "optionsMenuToggleIcon": "pf-c-options-menu__toggle-icon",
+  "optionsMenuToggleText": "pf-c-options-menu__toggle-text"
+};

package/css/components/OverflowMenu/overflow-menu.mjs

@@ -0,0 +1,14 @@
+import('./overflow-menu.css');
+export default {
+  "divider": "pf-c-divider",
+  "modifiers": {
+    "buttonGroup": "pf-m-button-group",
+    "iconButtonGroup": "pf-m-icon-button-group",
+    "vertical": "pf-m-vertical"
+  },
+  "overflowMenu": "pf-c-overflow-menu",
+  "overflowMenuContent": "pf-c-overflow-menu__content",
+  "overflowMenuControl": "pf-c-overflow-menu__control",
+  "overflowMenuGroup": "pf-c-overflow-menu__group",
+  "overflowMenuItem": "pf-c-overflow-menu__item"
+};

package/css/components/Page/page.mjs

@@ -0,0 +1,78 @@
+import('./page.css');
+export default {
+  "avatar": "pf-c-avatar",
+  "brand": "pf-c-brand",
+  "button": "pf-c-button",
+  "card": "pf-c-card",
+  "contextSelector": "pf-c-context-selector",
+  "drawer": "pf-c-drawer",
+  "masthead": "pf-c-masthead",
+  "modifiers": {
+    "light": "pf-m-light",
+    "menu": "pf-m-menu",
+    "hidden": "pf-m-hidden",
+    "hiddenOnSm": "pf-m-hidden-on-sm",
+    "visibleOnSm": "pf-m-visible-on-sm",
+    "hiddenOnMd": "pf-m-hidden-on-md",
+    "visibleOnMd": "pf-m-visible-on-md",
+    "hiddenOnLg": "pf-m-hidden-on-lg",
+    "visibleOnLg": "pf-m-visible-on-lg",
+    "hiddenOnXl": "pf-m-hidden-on-xl",
+    "visibleOnXl": "pf-m-visible-on-xl",
+    "hiddenOn_2xl": "pf-m-hidden-on-2xl",
+    "visibleOn_2xl": "pf-m-visible-on-2xl",
+    "read": "pf-m-read",
+    "selected": "pf-m-selected",
+    "unread": "pf-m-unread",
+    "attention": "pf-m-attention",
+    "expanded": "pf-m-expanded",
+    "collapsed": "pf-m-collapsed",
+    "limitWidth": "pf-m-limit-width",
+    "alignCenter": "pf-m-align-center",
+    "stickyTop": "pf-m-sticky-top",
+    "stickyBottom": "pf-m-sticky-bottom",
+    "overflowScroll": "pf-m-overflow-scroll",
+    "shadowBottom": "pf-m-shadow-bottom",
+    "shadowTop": "pf-m-shadow-top",
+    "fill": "pf-m-fill",
+    "noFill": "pf-m-no-fill",
+    "dark_100": "pf-m-dark-100",
+    "dark_200": "pf-m-dark-200",
+    "padding": "pf-m-padding",
+    "noPadding": "pf-m-no-padding",
+    "paddingOnSm": "pf-m-padding-on-sm",
+    "noPaddingOnSm": "pf-m-no-padding-on-sm",
+    "paddingOnMd": "pf-m-padding-on-md",
+    "noPaddingOnMd": "pf-m-no-padding-on-md",
+    "paddingOnLg": "pf-m-padding-on-lg",
+    "noPaddingOnLg": "pf-m-no-padding-on-lg",
+    "paddingOnXl": "pf-m-padding-on-xl",
+    "noPaddingOnXl": "pf-m-no-padding-on-xl",
+    "paddingOn_2xl": "pf-m-padding-on-2xl",
+    "noPaddingOn_2xl": "pf-m-no-padding-on-2xl"
+  },
+  "nav": "pf-c-nav",
+  "notificationBadge": "pf-c-notification-badge",
+  "page": "pf-c-page",
+  "pageDrawer": "pf-c-page__drawer",
+  "pageHeader": "pf-c-page__header",
+  "pageHeaderBrand": "pf-c-page__header-brand",
+  "pageHeaderBrandLink": "pf-c-page__header-brand-link",
+  "pageHeaderBrandToggle": "pf-c-page__header-brand-toggle",
+  "pageHeaderNav": "pf-c-page__header-nav",
+  "pageHeaderTools": "pf-c-page__header-tools",
+  "pageHeaderToolsGroup": "pf-c-page__header-tools-group",
+  "pageHeaderToolsItem": "pf-c-page__header-tools-item",
+  "pageMain": "pf-c-page__main",
+  "pageMainBody": "pf-c-page__main-body",
+  "pageMainBreadcrumb": "pf-c-page__main-breadcrumb",
+  "pageMainDrawer": "pf-c-page__main-drawer",
+  "pageMainGroup": "pf-c-page__main-group",
+  "pageMainNav": "pf-c-page__main-nav",
+  "pageMainSection": "pf-c-page__main-section",
+  "pageMainSubnav": "pf-c-page__main-subnav",
+  "pageMainTabs": "pf-c-page__main-tabs",
+  "pageMainWizard": "pf-c-page__main-wizard",
+  "pageSidebar": "pf-c-page__sidebar",
+  "pageSidebarBody": "pf-c-page__sidebar-body"
+};

package/css/components/Pagination/pagination.mjs

@@ -0,0 +1,32 @@
+import('./pagination.css');
+export default {
+  "button": "pf-c-button",
+  "formControl": "pf-c-form-control",
+  "modifiers": {
+    "bottom": "pf-m-bottom",
+    "static": "pf-m-static",
+    "first": "pf-m-first",
+    "last": "pf-m-last",
+    "sticky": "pf-m-sticky",
+    "compact": "pf-m-compact",
+    "displaySummary": "pf-m-display-summary",
+    "displayFull": "pf-m-display-full",
+    "displaySummaryOnSm": "pf-m-display-summary-on-sm",
+    "displayFullOnSm": "pf-m-display-full-on-sm",
+    "displaySummaryOnMd": "pf-m-display-summary-on-md",
+    "displayFullOnMd": "pf-m-display-full-on-md",
+    "displaySummaryOnLg": "pf-m-display-summary-on-lg",
+    "displayFullOnLg": "pf-m-display-full-on-lg",
+    "displaySummaryOnXl": "pf-m-display-summary-on-xl",
+    "displayFullOnXl": "pf-m-display-full-on-xl",
+    "displaySummaryOn_2xl": "pf-m-display-summary-on-2xl",
+    "displayFullOn_2xl": "pf-m-display-full-on-2xl"
+  },
+  "optionsMenu": "pf-c-options-menu",
+  "optionsMenuToggle": "pf-c-options-menu__toggle",
+  "pagination": "pf-c-pagination",
+  "paginationNav": "pf-c-pagination__nav",
+  "paginationNavControl": "pf-c-pagination__nav-control",
+  "paginationNavPageSelect": "pf-c-pagination__nav-page-select",
+  "paginationTotalItems": "pf-c-pagination__total-items"
+};

package/css/components/Panel/panel.mjs

@@ -0,0 +1,13 @@
+import('./panel.css');
+export default {
+  "modifiers": {
+    "bordered": "pf-m-bordered",
+    "raised": "pf-m-raised",
+    "scrollable": "pf-m-scrollable"
+  },
+  "panel": "pf-c-panel",
+  "panelFooter": "pf-c-panel__footer",
+  "panelHeader": "pf-c-panel__header",
+  "panelMain": "pf-c-panel__main",
+  "panelMainBody": "pf-c-panel__main-body"
+};

package/css/components/Popover/popover.mjs

@@ -0,0 +1,35 @@
+import('./popover.css');
+export default {
+  "button": "pf-c-button",
+  "modifiers": {
+    "noPadding": "pf-m-no-padding",
+    "widthAuto": "pf-m-width-auto",
+    "top": "pf-m-top",
+    "topLeft": "pf-m-top-left",
+    "topRight": "pf-m-top-right",
+    "bottom": "pf-m-bottom",
+    "bottomLeft": "pf-m-bottom-left",
+    "bottomRight": "pf-m-bottom-right",
+    "left": "pf-m-left",
+    "leftTop": "pf-m-left-top",
+    "leftBottom": "pf-m-left-bottom",
+    "right": "pf-m-right",
+    "rightTop": "pf-m-right-top",
+    "rightBottom": "pf-m-right-bottom",
+    "danger": "pf-m-danger",
+    "warning": "pf-m-warning",
+    "success": "pf-m-success",
+    "default": "pf-m-default",
+    "info": "pf-m-info",
+    "icon": "pf-m-icon"
+  },
+  "popover": "pf-c-popover",
+  "popoverArrow": "pf-c-popover__arrow",
+  "popoverBody": "pf-c-popover__body",
+  "popoverContent": "pf-c-popover__content",
+  "popoverFooter": "pf-c-popover__footer",
+  "popoverTitle": "pf-c-popover__title",
+  "popoverTitleIcon": "pf-c-popover__title-icon",
+  "popoverTitleText": "pf-c-popover__title-text",
+  "title": "pf-c-title"
+};

package/css/components/Popper/Popper.mjs

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

package/css/components/Progress/progress.mjs

@@ -0,0 +1,22 @@
+import('./progress.css');
+export default {
+  "modifiers": {
+    "sm": "pf-m-sm",
+    "lg": "pf-m-lg",
+    "inside": "pf-m-inside",
+    "outside": "pf-m-outside",
+    "staticWidth": "pf-m-static-width",
+    "singleline": "pf-m-singleline",
+    "success": "pf-m-success",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger",
+    "truncate": "pf-m-truncate"
+  },
+  "progress": "pf-c-progress",
+  "progressBar": "pf-c-progress__bar",
+  "progressDescription": "pf-c-progress__description",
+  "progressIndicator": "pf-c-progress__indicator",
+  "progressMeasure": "pf-c-progress__measure",
+  "progressStatus": "pf-c-progress__status",
+  "progressStatusIcon": "pf-c-progress__status-icon"
+};

package/css/components/ProgressStepper/progress-stepper.mjs

@@ -0,0 +1,24 @@
+import('./progress-stepper.css');
+export default {
+  "faExclamationTriangle": "fa-exclamation-triangle",
+  "modifiers": {
+    "center": "pf-m-center",
+    "vertical": "pf-m-vertical",
+    "compact": "pf-m-compact",
+    "current": "pf-m-current",
+    "pending": "pf-m-pending",
+    "success": "pf-m-success",
+    "danger": "pf-m-danger",
+    "warning": "pf-m-warning",
+    "info": "pf-m-info",
+    "helpText": "pf-m-help-text"
+  },
+  "pficon": "pficon",
+  "progressStepper": "pf-c-progress-stepper",
+  "progressStepperStep": "pf-c-progress-stepper__step",
+  "progressStepperStepConnector": "pf-c-progress-stepper__step-connector",
+  "progressStepperStepDescription": "pf-c-progress-stepper__step-description",
+  "progressStepperStepIcon": "pf-c-progress-stepper__step-icon",
+  "progressStepperStepMain": "pf-c-progress-stepper__step-main",
+  "progressStepperStepTitle": "pf-c-progress-stepper__step-title"
+};