@patternfly/react-styles 4.87.7 → 4.87.10

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.87.10 (2022-09-13)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## 4.87.9 (2022-09-13)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## 4.87.8 (2022-09-12)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 ## 4.87.7 (2022-09-12)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/AboutModalBox/about-modal-box.mjs

@@ -1,4 +1,4 @@
-import('./about-modal-box.css');
+import './about-modal-box.css';
 export default {
   "aboutModalBox": "pf-c-about-modal-box",
   "aboutModalBoxBrand": "pf-c-about-modal-box__brand",

package/css/components/Accordion/accordion.mjs

@@ -1,4 +1,4 @@
-import('./accordion.css');
+import './accordion.css';
 export default {
   "accordion": "pf-c-accordion",
   "accordionExpandedContent": "pf-c-accordion__expanded-content",

package/css/components/ActionList/action-list.mjs

@@ -1,4 +1,4 @@
-import('./action-list.css');
+import './action-list.css';
 export default {
   "actionList": "pf-c-action-list",
   "actionListGroup": "pf-c-action-list__group",

package/css/components/Alert/alert.mjs

@@ -1,4 +1,4 @@
-import('./alert.css');
+import './alert.css';
 export default {
   "alert": "pf-c-alert",
   "alertAction": "pf-c-alert__action",

package/css/components/AlertGroup/alert-group.mjs

@@ -1,4 +1,4 @@
-import('./alert-group.css');
+import './alert-group.css';
 export default {
   "alertGroup": "pf-c-alert-group",
   "alertGroupOverflowButton": "pf-c-alert-group__overflow-button",

package/css/components/AppLauncher/app-launcher.mjs

@@ -1,4 +1,4 @@
-import('./app-launcher.css');
+import './app-launcher.css';
 export default {
   "appLauncher": "pf-c-app-launcher",
   "appLauncherGroup": "pf-c-app-launcher__group",

package/css/components/Avatar/avatar.mjs

@@ -1,4 +1,4 @@
-import('./avatar.css');
+import './avatar.css';
 export default {
   "avatar": "pf-c-avatar",
   "modifiers": {

package/css/components/BackToTop/back-to-top.mjs

@@ -1,4 +1,4 @@
-import('./back-to-top.css');
+import './back-to-top.css';
 export default {
   "backToTop": "pf-c-back-to-top",
   "button": "pf-c-button",

package/css/components/Backdrop/backdrop.mjs

@@ -1,4 +1,4 @@
-import('./backdrop.css');
+import './backdrop.css';
 export default {
   "backdrop": "pf-c-backdrop",
   "backdropOpen": "pf-c-backdrop__open"

package/css/components/BackgroundImage/background-image.mjs

@@ -1,4 +1,4 @@
-import('./background-image.css');
+import './background-image.css';
 export default {
   "backgroundImage": "pf-c-background-image",
   "backgroundImageFilter": "pf-c-background-image__filter"

package/css/components/Badge/badge.mjs

@@ -1,4 +1,4 @@
-import('./badge.css');
+import './badge.css';
 export default {
   "badge": "pf-c-badge",
   "modifiers": {

package/css/components/Banner/banner.css

@@ -1,4 +1,4 @@
-.pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info {
+.pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold, .pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);
   --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
@@ -78,17 +78,17 @@
     --pf-c-banner--PaddingLeft: var(--pf-c-banner--md--PaddingLeft);
   }
 }
-.pf-c-banner.pf-m-info {
+.pf-c-banner.pf-m-info, .pf-c-banner.pf-m-blue {
   color: var(--pf-global--Color--100);
   --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-info--BackgroundColor);
 }
-.pf-c-banner.pf-m-danger {
+.pf-c-banner.pf-m-danger, .pf-c-banner.pf-m-red {
   --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-danger--BackgroundColor);
 }
-.pf-c-banner.pf-m-success {
+.pf-c-banner.pf-m-success, .pf-c-banner.pf-m-green {
   --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-success--BackgroundColor);
 }
-.pf-c-banner.pf-m-warning {
+.pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-gold {
   color: var(--pf-global--Color--100);
   --pf-c-banner--BackgroundColor: var(--pf-c-banner--m-warning--BackgroundColor);
 }
@@ -156,6 +156,6 @@
 :where(.pf-theme-dark) .pf-c-banner {
   color: var(--pf-global--Color--100);
 }
-:where(.pf-theme-dark) .pf-c-banner.pf-m-info, :where(.pf-theme-dark) .pf-c-banner.pf-m-danger, :where(.pf-theme-dark) .pf-c-banner.pf-m-success, :where(.pf-theme-dark) .pf-c-banner.pf-m-warning {
+:where(.pf-theme-dark) .pf-c-banner.pf-m-info, :where(.pf-theme-dark) .pf-c-banner.pf-m-blue, :where(.pf-theme-dark) .pf-c-banner.pf-m-danger, :where(.pf-theme-dark) .pf-c-banner.pf-m-red, :where(.pf-theme-dark) .pf-c-banner.pf-m-success, :where(.pf-theme-dark) .pf-c-banner.pf-m-green, :where(.pf-theme-dark) .pf-c-banner.pf-m-warning, :where(.pf-theme-dark) .pf-c-banner.pf-m-gold {
   color: var(--pf-global--palette--black-900);
 }

package/css/components/Banner/banner.d.ts

@@ -5,9 +5,13 @@ declare const _default: {
   "card": "pf-c-card",
   "modifiers": {
     "warning": "pf-m-warning",
+    "gold": "pf-m-gold",
     "info": "pf-m-info",
+    "blue": "pf-m-blue",
     "danger": "pf-m-danger",
+    "red": "pf-m-red",
     "success": "pf-m-success",
+    "green": "pf-m-green",
     "sticky": "pf-m-sticky",
     "disabled": "pf-m-disabled",
     "inline": "pf-m-inline"

package/css/components/Banner/banner.js

@@ -7,9 +7,13 @@ exports.default = {
   "card": "pf-c-card",
   "modifiers": {
     "warning": "pf-m-warning",
+    "gold": "pf-m-gold",
     "info": "pf-m-info",
+    "blue": "pf-m-blue",
     "danger": "pf-m-danger",
+    "red": "pf-m-red",
     "success": "pf-m-success",
+    "green": "pf-m-green",
     "sticky": "pf-m-sticky",
     "disabled": "pf-m-disabled",
     "inline": "pf-m-inline"

package/css/components/Banner/banner.mjs

@@ -1,13 +1,17 @@
-import('./banner.css');
+import './banner.css';
 export default {
   "banner": "pf-c-banner",
   "button": "pf-c-button",
   "card": "pf-c-card",
   "modifiers": {
     "warning": "pf-m-warning",
+    "gold": "pf-m-gold",
     "info": "pf-m-info",
+    "blue": "pf-m-blue",
     "danger": "pf-m-danger",
+    "red": "pf-m-red",
     "success": "pf-m-success",
+    "green": "pf-m-green",
     "sticky": "pf-m-sticky",
     "disabled": "pf-m-disabled",
     "inline": "pf-m-inline"

package/css/components/Brand/brand.mjs

@@ -1,4 +1,4 @@
-import('./brand.css');
+import './brand.css';
 export default {
   "brand": "pf-c-brand",
   "modifiers": {

package/css/components/Breadcrumb/breadcrumb.mjs

@@ -1,4 +1,4 @@
-import('./breadcrumb.css');
+import './breadcrumb.css';
 export default {
   "breadcrumb": "pf-c-breadcrumb",
   "breadcrumbDropdown": "pf-c-breadcrumb__dropdown",

package/css/components/Button/button.mjs

@@ -1,4 +1,4 @@
-import('./button.css');
+import './button.css';
 export default {
   "badge": "pf-c-badge",
   "button": "pf-c-button",

package/css/components/CalendarMonth/calendar-month.mjs

@@ -1,4 +1,4 @@
-import('./calendar-month.css');
+import './calendar-month.css';
 export default {
   "calendarMonth": "pf-c-calendar-month",
   "calendarMonthCalendar": "pf-c-calendar-month__calendar",

package/css/components/Card/card.mjs

@@ -1,4 +1,4 @@
-import('./card.css');
+import './card.css';
 export default {
   "card": "pf-c-card",
   "cardActions": "pf-c-card__actions",

package/css/components/Check/check.mjs

@@ -1,4 +1,4 @@
-import('./check.css');
+import './check.css';
 export default {
   "check": "pf-c-check",
   "checkBody": "pf-c-check__body",

package/css/components/Chip/chip.mjs

@@ -1,4 +1,4 @@
-import('./chip.css');
+import './chip.css';
 export default {
   "badge": "pf-c-badge",
   "button": "pf-c-button",

package/css/components/ChipGroup/chip-group.mjs

@@ -1,4 +1,4 @@
-import('./chip-group.css');
+import './chip-group.css';
 export default {
   "chipGroup": "pf-c-chip-group",
   "chipGroupClose": "pf-c-chip-group__close",

package/css/components/ClipboardCopy/clipboard-copy.mjs

@@ -1,4 +1,4 @@
-import('./clipboard-copy.css');
+import './clipboard-copy.css';
 export default {
   "button": "pf-c-button",
   "clipboardCopy": "pf-c-clipboard-copy",

package/css/components/CodeBlock/code-block.mjs

@@ -1,4 +1,4 @@
-import('./code-block.css');
+import './code-block.css';
 export default {
   "codeBlock": "pf-c-code-block",
   "codeBlockActions": "pf-c-code-block__actions",

package/css/components/CodeEditor/code-editor.mjs

@@ -1,4 +1,4 @@
-import('./code-editor.css');
+import './code-editor.css';
 export default {
   "button": "pf-c-button",
   "codeEditor": "pf-c-code-editor",

package/css/components/Consoles/AccessConsoles.mjs

@@ -1,4 +1,4 @@
-import('./AccessConsoles.css');
+import './AccessConsoles.css';
 export default {
   "console": "pf-c-console",
   "consoleActions": "pf-c-console__actions"

package/css/components/Consoles/DesktopViewer.mjs

@@ -1,4 +1,4 @@
-import('./DesktopViewer.css');
+import './DesktopViewer.css';
 export default {
   "consoleDesktopViewer": "pf-c-console__desktop-viewer"
 };

package/css/components/Consoles/SerialConsole.mjs

@@ -1,4 +1,4 @@
-import('./SerialConsole.css');
+import './SerialConsole.css';
 export default {
   "consoleActionsSerial": "pf-c-console__actions-serial",
   "consoleSerial": "pf-c-console__serial"

package/css/components/Consoles/VncConsole.mjs

@@ -1,4 +1,4 @@
-import('./VncConsole.css');
+import './VncConsole.css';
 export default {
   "consoleActionsVnc": "pf-c-console__actions-vnc",
   "consoleVnc": "pf-c-console__vnc"

package/css/components/Consoles/xterm.mjs

@@ -1,4 +1,4 @@
-import('./xterm.css');
+import './xterm.css';
 export default {
   "": "",
   "active": "active",

package/css/components/Content/content.mjs

@@ -1,4 +1,4 @@
-import('./content.css');
+import './content.css';
 export default {
   "content": "pf-c-content",
   "modifiers": {

package/css/components/ContextSelector/context-selector.mjs

@@ -1,4 +1,4 @@
-import('./context-selector.css');
+import './context-selector.css';
 export default {
   "contextSelector": "pf-c-context-selector",
   "contextSelectorMenu": "pf-c-context-selector__menu",

package/css/components/DataList/data-list-grid.mjs

@@ -1,4 +1,4 @@
-import('./data-list-grid.css');
+import './data-list-grid.css';
 export default {
   "dataList": "pf-c-data-list",
   "dataListCell": "pf-c-data-list__cell",

package/css/components/DataList/data-list.mjs

@@ -1,4 +1,4 @@
-import('./data-list.css');
+import './data-list.css';
 export default {
   "dataList": "pf-c-data-list",
   "dataListAction": "pf-c-data-list__action",

package/css/components/DatePicker/date-picker.mjs

@@ -1,4 +1,4 @@
-import('./date-picker.css');
+import './date-picker.css';
 export default {
   "datePicker": "pf-c-date-picker",
   "datePickerCalendar": "pf-c-date-picker__calendar",

package/css/components/DescriptionList/description-list-order.mjs

@@ -1,4 +1,4 @@
-import('./description-list-order.css');
+import './description-list-order.css';
 export default {
   "descriptionListGroup": "pf-c-description-list__group",
   "modifiers": {

package/css/components/DescriptionList/description-list.mjs

@@ -1,4 +1,4 @@
-import('./description-list.css');
+import './description-list.css';
 export default {
   "card": "pf-c-card",
   "descriptionList": "pf-c-description-list",

package/css/components/Divider/divider.mjs

@@ -1,4 +1,4 @@
-import('./divider.css');
+import './divider.css';
 export default {
   "divider": "pf-c-divider",
   "modifiers": {

package/css/components/DragDrop/drag-drop.mjs

@@ -1,4 +1,4 @@
-import('./drag-drop.css');
+import './drag-drop.css';
 export default {
   "draggable": "pf-c-draggable",
   "droppable": "pf-c-droppable",

package/css/components/Drawer/drawer.mjs

@@ -1,4 +1,4 @@
-import('./drawer.css');
+import './drawer.css';
 export default {
   "drawer": "pf-c-drawer",
   "drawerActions": "pf-c-drawer__actions",

package/css/components/Dropdown/dropdown.mjs

@@ -1,4 +1,4 @@
-import('./dropdown.css');
+import './dropdown.css';
 export default {
   "badge": "pf-c-badge",
   "check": "pf-c-check",

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

@@ -1,4 +1,4 @@
-import('./dual-list-selector.css');
+import './dual-list-selector.css';
 export default {
   "badge": "pf-c-badge",
   "button": "pf-c-button",

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

@@ -1,4 +1,4 @@
-import('./empty-state.css');
+import './empty-state.css';
 export default {
   "button": "pf-c-button",
   "emptyState": "pf-c-empty-state",

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

@@ -1,4 +1,4 @@
-import('./expandable-section.css');
+import './expandable-section.css';
 export default {
   "expandableSection": "pf-c-expandable-section",
   "expandableSectionContent": "pf-c-expandable-section__content",

package/css/components/FileUpload/file-upload.mjs

@@ -1,4 +1,4 @@
-import('./file-upload.css');
+import './file-upload.css';
 export default {
   "button": "pf-c-button",
   "fileUpload": "pf-c-file-upload",

package/css/components/Form/form.mjs

@@ -1,4 +1,4 @@
-import('./form.css');
+import './form.css';
 export default {
   "form": "pf-c-form",
   "formActions": "pf-c-form__actions",

package/css/components/FormControl/form-control.mjs

@@ -1,4 +1,4 @@
-import('./form-control.css');
+import './form-control.css';
 export default {
   "formControl": "pf-c-form-control",
   "modifiers": {

package/css/components/HelperText/helper-text.mjs

@@ -1,4 +1,4 @@
-import('./helper-text.css');
+import './helper-text.css';
 export default {
   "helperText": "pf-c-helper-text",
   "helperTextItem": "pf-c-helper-text__item",

package/css/components/Hint/hint.mjs

@@ -1,4 +1,4 @@
-import('./hint.css');
+import './hint.css';
 export default {
   "button": "pf-c-button",
   "dropdown": "pf-c-dropdown",

package/css/components/Icon/icon.mjs

@@ -1,4 +1,4 @@
-import('./icon.css');
+import './icon.css';
 export default {
   "icon": "pf-c-icon",
   "iconContent": "pf-c-icon__content",

package/css/components/InlineEdit/inline-edit.mjs

@@ -1,4 +1,4 @@
-import('./inline-edit.css');
+import './inline-edit.css';
 export default {
   "button": "pf-c-button",
   "inlineEdit": "pf-c-inline-edit",

package/css/components/InputGroup/input-group.mjs

@@ -1,4 +1,4 @@
-import('./input-group.css');
+import './input-group.css';
 export default {
   "formControl": "pf-c-form-control",
   "inputGroup": "pf-c-input-group",

package/css/components/JumpLinks/jump-links.mjs

@@ -1,4 +1,4 @@
-import('./jump-links.css');
+import './jump-links.css';
 export default {
   "button": "pf-c-button",
   "jumpLinks": "pf-c-jump-links",

package/css/components/Label/label.mjs

@@ -1,4 +1,4 @@
-import('./label.css');
+import './label.css';
 export default {
   "button": "pf-c-button",
   "label": "pf-c-label",

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

@@ -1,4 +1,4 @@
-import('./label-group.css');
+import './label-group.css';
 export default {
   "button": "pf-c-button",
   "labelGroup": "pf-c-label-group",

package/css/components/List/list.mjs

@@ -1,4 +1,4 @@
-import('./list.css');
+import './list.css';
 export default {
   "list": "pf-c-list",
   "listItem": "pf-c-list__item",

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

@@ -1,4 +1,4 @@
-import('./log-viewer.css');
+import './log-viewer.css';
 export default {
   "button": "pf-c-button",
   "card": "pf-c-card",

package/css/components/Login/login.mjs

@@ -1,4 +1,4 @@
-import('./login.css');
+import './login.css';
 export default {
   "brand": "pf-c-brand",
   "button": "pf-c-button",

package/css/components/Masthead/masthead.mjs

@@ -1,4 +1,4 @@
-import('./masthead.css');
+import './masthead.css';
 export default {
   "button": "pf-c-button",
   "card": "pf-c-card",

package/css/components/Menu/menu.mjs

@@ -1,4 +1,4 @@
-import('./menu.css');
+import './menu.css';
 export default {
   "breadcrumb": "pf-c-breadcrumb",
   "divider": "pf-c-divider",

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

@@ -1,4 +1,4 @@
-import('./menu-toggle.css');
+import './menu-toggle.css';
 export default {
   "check": "pf-c-check",
   "menuToggle": "pf-c-menu-toggle",

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

@@ -1,4 +1,4 @@
-import('./modal-box.css');
+import './modal-box.css';
 export default {
   "button": "pf-c-button",
   "modalBox": "pf-c-modal-box",

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

@@ -1,4 +1,4 @@
-import('./multiple-file-upload.css');
+import './multiple-file-upload.css';
 export default {
   "modifiers": {
     "horizontal": "pf-m-horizontal",

package/css/components/Nav/nav.mjs

@@ -1,4 +1,4 @@
-import('./nav.css');
+import './nav.css';
 export default {
   "divider": "pf-c-divider",
   "menu": "pf-c-menu",

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

@@ -1,4 +1,4 @@
-import('./notification-badge.css');
+import './notification-badge.css';
 export default {
   "iconAttentionBell": "pf-icon-attention-bell",
   "iconBell": "pf-icon-bell",

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

@@ -1,4 +1,4 @@
-import('./notification-drawer.css');
+import './notification-drawer.css';
 export default {
   "modifiers": {
     "read": "pf-m-read",

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

@@ -1,4 +1,4 @@
-import('./number-input.css');
+import './number-input.css';
 export default {
   "formControl": "pf-c-form-control",
   "inputGroup": "pf-c-input-group",

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

@@ -1,4 +1,4 @@
-import('./options-menu.css');
+import './options-menu.css';
 export default {
   "divider": "pf-c-divider",
   "modifiers": {

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

@@ -1,4 +1,4 @@
-import('./overflow-menu.css');
+import './overflow-menu.css';
 export default {
   "divider": "pf-c-divider",
   "modifiers": {

package/css/components/Page/page.mjs

@@ -1,4 +1,4 @@
-import('./page.css');
+import './page.css';
 export default {
   "avatar": "pf-c-avatar",
   "brand": "pf-c-brand",

package/css/components/Pagination/pagination.mjs

@@ -1,4 +1,4 @@
-import('./pagination.css');
+import './pagination.css';
 export default {
   "button": "pf-c-button",
   "formControl": "pf-c-form-control",

package/css/components/Panel/panel.mjs

@@ -1,4 +1,4 @@
-import('./panel.css');
+import './panel.css';
 export default {
   "modifiers": {
     "bordered": "pf-m-bordered",