@patternfly/patternfly 4.139.1 → 4.141.0

package/patternfly.css

@@ -6431,6 +6431,12 @@ button:-moz-focusring,
   --pf-c-banner--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-banner--Color: var(--pf-global--Color--100);
   --pf-c-banner--BackgroundColor: var(--pf-global--BackgroundColor--dark-400);
+  --pf-c-banner--link--Color: var(--pf-c-banner--Color);
+  --pf-c-banner--link--TextDecoration: underline;
+  --pf-c-banner--link--hover--Color: var(--pf-c-banner--Color);
+  --pf-c-banner--link--hover--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-banner--link--disabled--Color: var(--pf-c-banner--Color);
+  --pf-c-banner--link--disabled--TextDecoration: none;
   --pf-c-banner--m-info--BackgroundColor: var(--pf-global--palette--blue-200);
   --pf-c-banner--m-danger--BackgroundColor: var(--pf-global--danger-color--100);
   --pf-c-banner--m-success--BackgroundColor: var(--pf-global--success-color--100);
@@ -6474,6 +6480,33 @@ button:-moz-focusring,
   z-index: var(--pf-c-banner--m-sticky--ZIndex);
   box-shadow: var(--pf-c-banner--m-sticky--BoxShadow);
 }
+.pf-c-banner a {
+  color: var(--pf-c-banner--link--Color);
+  text-decoration: var(--pf-c-banner--link--TextDecoration);
+}
+.pf-c-banner a:hover:not(.pf-m-disabled) {
+  --pf-c-banner--link--Color: var(--pf-c-banner--link--hover--Color);
+  font-weight: var(--pf-c-banner--link--hover--FontWeight);
+}
+.pf-c-banner a.pf-m-disabled {
+  --pf-c-banner--link--Color: var(--pf-c-banner--link--disabled--Color);
+  --pf-c-banner--link--TextDecoration: var(--pf-c-banner--link--disabled--TextDecoration);
+  cursor: not-allowed;
+}
+.pf-c-banner .pf-c-button.pf-m-inline {
+  --pf-c-button--m-link--Color: var(--pf-c-banner--link--Color);
+  --pf-c-button--m-link--m-inline--hover--Color: var(--pf-c-banner--link--hover--Color);
+  --pf-c-button--disabled--Color: var(--pf-c-banner--link--disabled--Color);
+  text-decoration: var(--pf-c-banner--link--TextDecoration);
+}
+.pf-c-banner .pf-c-button.pf-m-inline:hover {
+  --pf-c-banner--link--Color: var(--pf-c-banner--link--hover--Color);
+  font-weight: var(--pf-c-banner--link--hover--FontWeight);
+}
+.pf-c-banner .pf-c-button.pf-m-inline:disabled, .pf-c-banner .pf-c-button.pf-m-inline.pf-m-disabled {
+  --pf-c-banner--link--TextDecoration: var(--pf-c-banner--link--disabled--TextDecoration);
+  cursor: not-allowed;
+}
 
 .pf-c-brand {
   --pf-c-brand--Width: auto;
@@ -9201,7 +9234,6 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-data-list__item-draggable-button.pf-m-disabled {
   --pf-c-data-list__item-draggable-button-icon--Color: var(--pf-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color);
   pointer-events: none;
-  cursor: none;
 }
 .pf-c-data-list__item-draggable-button .pf-c-data-list__item-draggable-icon {
   color: var(--pf-c-data-list__item-draggable-button-icon--Color);
@@ -9542,6 +9574,62 @@ label.pf-c-check, .pf-c-check__label,
   }
 }
 
+.pf-c-draggable {
+  --pf-c-draggable--Cursor: auto;
+  --pf-c-draggable--m-dragging--Cursor: grabbing;
+  --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
+  --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
+  --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
+  cursor: var(--pf-c-draggable--Cursor);
+}
+.pf-c-draggable.pf-m-dragging {
+  --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
+  position: relative;
+  background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
+  box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
+}
+.pf-c-draggable.pf-m-dragging::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  content: "";
+  border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
+}
+.pf-c-draggable.pf-m-drag-outside {
+  --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
+  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
+}
+
+.pf-c-droppable {
+  --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
+  --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
+  --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
+}
+.pf-c-droppable.pf-m-dragging {
+  position: relative;
+}
+.pf-c-droppable.pf-m-dragging::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+}
+.pf-c-droppable::after {
+  background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
+  border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
+}
+.pf-c-droppable.pf-m-drag-outside {
+  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
+}
+
 .pf-c-dual-list-selector {
   --pf-c-dual-list-selector__header--GridArea: pane-header;
   --pf-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -9580,6 +9668,7 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dual-list-selector__item-text--Color: var(--pf-global--Color--100);
   --pf-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-global--active-color--100);
   --pf-c-dual-list-selector__list-item-row--m-selected__text--FontWeight: var(--pf-global--FontWeight--bold);
+  --pf-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-global--disabled-color--100);
   --pf-c-dual-list-selector__status--MarginBottom: var(--pf-global--spacer--sm);
   --pf-c-dual-list-selector__status-text--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-dual-list-selector__status-text--Color: var(--pf-global--Color--200);
@@ -9600,6 +9689,7 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
   --pf-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-global--Transition);
   --pf-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-c-dual-list-selector__list-item-row--FontSize);
+  --pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-global--disabled-color--200);
   display: grid;
   grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
   grid-template-columns: minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max)) min-content minmax(var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min), var(--pf-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max));
@@ -9687,6 +9777,11 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-dual-list-selector__list-item.pf-m-expanded {
   --pf-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
 }
+.pf-c-dual-list-selector__list-item.pf-m-disabled {
+  --pf-c-dual-list-selector__item-text--Color: var(--pf-c-dual-list-selector__list-item--m-disabled__item-text--Color);
+  --pf-c-dual-list-selector__item-toggle-icon--Color: var(--pf-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color);
+  pointer-events: none;
+}
 
 .pf-c-dual-list-selector__list-item-row {
   display: flex;
@@ -9789,6 +9884,7 @@ label.pf-c-check, .pf-c-check__label,
 .pf-c-dual-list-selector__item-toggle-icon {
   display: inline-block;
   min-width: var(--pf-c-dual-list-selector__item-toggle-icon--MinWidth);
+  color: var(--pf-c-dual-list-selector__item-toggle-icon--Color, inherit);
   text-align: center;
   transition: var(--pf-c-dual-list-selector__item-toggle-icon--Transition);
   transform: rotate(var(--pf-c-dual-list-selector__item-toggle-icon--Rotate));
@@ -15565,10 +15661,13 @@ ul.pf-c-list {
   --pf-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-c-menu--m-flyout__menu--left-offset));
   --pf-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-c-menu__list--PaddingTop) * -1);
   --pf-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-c-menu--m-flyout__menu--m-left--right-offset));
+  --pf-c-menu--m-plain--BoxShadow: none;
   --pf-c-menu--m-flyout__menu--top-offset: 0px;
   --pf-c-menu--m-flyout__menu--left-offset: 0px;
   --pf-c-menu--m-flyout__menu--m-left--right-offset: 0px;
   --pf-c-menu__content--Height: auto;
+  --pf-c-menu__content--MaxHeight: none;
+  --pf-c-menu--m-scrollable__content--MaxHeight: 18.75rem;
   --pf-c-menu--c-divider--MarginTop: 0;
   --pf-c-menu--c-divider--MarginBottom: 0;
   --pf-c-menu__list--c-divider--MarginTop: var(--pf-global--spacer--sm);
@@ -15664,7 +15763,14 @@ ul.pf-c-list {
   --pf-c-menu__footer--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-menu__footer--PaddingBottom: var(--pf-global--spacer--md);
   --pf-c-menu__footer--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-menu__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
+  --pf-c-menu__footer--BoxShadow: none;
+  --pf-c-menu__footer--after--BorderTopWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-menu__footer--after--BorderTopColor: var(--pf-global--BorderColor--100);
+  --pf-c-menu__footer--after--BorderBottomWidth: 0;
+  --pf-c-menu__footer--after--BorderBottomColor: var(--pf-global--BorderColor--100);
+  --pf-c-menu--m-scrollable__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
+  --pf-c-menu--m-scrollable__footer--after--BorderTopWidth: 0;
+  --pf-c-menu--m-scrollable__footer--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
   z-index: var(--pf-c-menu--ZIndex);
   width: var(--pf-c-menu--Width);
   background-color: var(--pf-c-menu--BackgroundColor);
@@ -15760,6 +15866,15 @@ ul.pf-c-list {
 .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item:not(.pf-m-current-path) {
   display: none;
 }
+.pf-c-menu.pf-m-plain {
+  --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
+}
+.pf-c-menu.pf-m-scrollable {
+  --pf-c-menu__content--MaxHeight: var(--pf-c-menu--m-scrollable__content--MaxHeight);
+  --pf-c-menu__footer--BoxShadow: var(--pf-c-menu--m-scrollable__footer--BoxShadow);
+  --pf-c-menu__footer--after--BorderTopWidth: var(--pf-c-menu--m-scrollable__footer--after--BorderTopWidth);
+  --pf-c-menu__footer--after--BorderBottomWidth: var(--pf-c-menu--m-scrollable__footer--after--BorderBottomWidth);
+}
 
 .pf-c-menu__breadcrumb {
   display: flex;
@@ -15974,9 +16089,21 @@ ul.pf-c-list {
 }
 
 .pf-c-menu__footer {
+  position: relative;
   padding: var(--pf-c-menu__footer--PaddingTop) var(--pf-c-menu__footer--PaddingRight) var(--pf-c-menu__footer--PaddingBottom) var(--pf-c-menu__footer--PaddingLeft);
   box-shadow: var(--pf-c-menu__footer--BoxShadow);
 }
+.pf-c-menu__footer::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+  border-top: var(--pf-c-menu__footer--after--BorderTopWidth) solid var(--pf-c-menu__footer--after--BorderTopColor);
+  border-bottom: var(--pf-c-menu__footer--after--BorderBottomWidth) solid var(--pf-c-menu__footer--after--BorderBottomColor);
+}
 
 .pf-c-menu-toggle {
   --pf-c-menu-toggle--PaddingTop: var(--pf-global--spacer--form-element);
@@ -19747,6 +19874,7 @@ label.pf-c-radio, .pf-c-radio__label,
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  --pf-c-form-control--invalid--BackgroundUrl: none;
   position: relative;
   height: auto;
 }