@patternfly/react-table 4.52.9 → 4.53.1

package/dist/umd/react-table.js

@@ -4037,9 +4037,9 @@
             }
         }
         render() {
-            const _a = this.props, { children, className, direction, dropdownItems, isOpen, isPlain, isGrouped, isFullHeight, 
+            const _a = this.props, { children, className, direction, dropdownItems, isOpen, isPlain, isText, isGrouped, isFullHeight, 
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            onSelect, position, toggle, autoFocus, menuAppendTo } = _a, props = __rest$1(_a, ["children", "className", "direction", "dropdownItems", "isOpen", "isPlain", "isGrouped", "isFullHeight", "onSelect", "position", "toggle", "autoFocus", "menuAppendTo"]);
+            onSelect, position, toggle, autoFocus, menuAppendTo } = _a, props = __rest$1(_a, ["children", "className", "direction", "dropdownItems", "isOpen", "isPlain", "isText", "isGrouped", "isFullHeight", "onSelect", "position", "toggle", "autoFocus", "menuAppendTo"]);
             const id = toggle.props.id || `pf-dropdown-toggle-id-${DropdownWithContext.currentId++}`;
             let component;
             let renderedContent;
@@ -4065,6 +4065,7 @@
                         isOpen,
                         id,
                         isPlain,
+                        isText,
                         'aria-haspopup': ariaHasPopup,
                         onEnter: () => {
                             this.onEnter();
@@ -4090,6 +4091,7 @@
         dropdownItems: [],
         isOpen: false,
         isPlain: false,
+        isText: false,
         isGrouped: false,
         position: DropdownPosition.left,
         direction: DropdownDirection.down,
@@ -4421,12 +4423,12 @@
             };
         }
         render() {
-            const _a = this.props, { className, children, isOpen, isDisabled, isPlain, isPrimary, isSplitButton, toggleVariant, onToggle, 'aria-haspopup': ariaHasPopup, 
+            const _a = this.props, { className, children, isOpen, isDisabled, isPlain, isText, isPrimary, isSplitButton, toggleVariant, onToggle, 'aria-haspopup': ariaHasPopup, 
             /* eslint-disable @typescript-eslint/no-unused-vars */
             isActive, bubbleEvent, onEnter, parentRef, getMenuRef, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            id, type } = _a, props = __rest$1(_a, ["className", "children", "isOpen", "isDisabled", "isPlain", "isPrimary", "isSplitButton", "toggleVariant", "onToggle", 'aria-haspopup', "isActive", "bubbleEvent", "onEnter", "parentRef", "getMenuRef", "id", "type"]);
-            return (React__namespace.createElement(DropdownContext.Consumer, null, ({ toggleClass }) => (React__namespace.createElement("button", Object.assign({}, props, { id: id, ref: this.buttonRef, className: css(isSplitButton ? _default$e.dropdownToggleButton : toggleClass || _default$e.dropdownToggle, isActive && _default$e.modifiers.active, isPlain && _default$e.modifiers.plain, isPrimary && _default$e.modifiers.primary, buttonVariantStyles[toggleVariant], className), type: type || 'button', onClick: event => onToggle(!isOpen, event), "aria-expanded": isOpen, "aria-haspopup": ariaHasPopup, onKeyDown: event => this.onKeyDown(event), disabled: isDisabled }), children))));
+            id, type } = _a, props = __rest$1(_a, ["className", "children", "isOpen", "isDisabled", "isPlain", "isText", "isPrimary", "isSplitButton", "toggleVariant", "onToggle", 'aria-haspopup', "isActive", "bubbleEvent", "onEnter", "parentRef", "getMenuRef", "id", "type"]);
+            return (React__namespace.createElement(DropdownContext.Consumer, null, ({ toggleClass }) => (React__namespace.createElement("button", Object.assign({}, props, { id: id, ref: this.buttonRef, className: css(isSplitButton ? _default$e.dropdownToggleButton : toggleClass || _default$e.dropdownToggle, isActive && _default$e.modifiers.active, isPlain && _default$e.modifiers.plain, isText && _default$e.modifiers.text, isPrimary && _default$e.modifiers.primary, buttonVariantStyles[toggleVariant], className), type: type || 'button', onClick: event => onToggle(!isOpen, event), "aria-expanded": isOpen, "aria-haspopup": ariaHasPopup, onKeyDown: event => this.onKeyDown(event), disabled: isDisabled }), children))));
         }
     }
     Toggle.displayName = 'Toggle';
@@ -4436,6 +4438,7 @@
         isActive: false,
         isDisabled: false,
         isPlain: false,
+        isText: false,
         isPrimary: false,
         isSplitButton: false,
         onToggle: () => { },

package/dist/umd/react-table.min.css

@@ -14442,6 +14442,7 @@ ul.pf-c-list {
 }
 
 .pf-c-login__main {
+  align-self: start;
   margin-bottom: var(--pf-c-login__main--MarginBottom);
   background-color: var(--pf-c-login__main--BackgroundColor);
   grid-area: main;
@@ -17408,106 +17409,6 @@ ul.pf-c-list {
   margin: 0;
 }
 
-.pf-c-notification-badge {
-  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-notification-badge--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-notification-badge--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-notification-badge--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
-  --pf-c-notification-badge--MarginRight: calc(-1 * var(--pf-global--spacer--md));
-  --pf-c-notification-badge--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
-  --pf-c-notification-badge--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
-  --pf-c-notification-badge--after--BorderColor: transparent;
-  --pf-c-notification-badge--after--BorderRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-notification-badge--after--BorderWidth: 0;
-  --pf-c-notification-badge--after--Top: 0;
-  --pf-c-notification-badge--after--Right: 0;
-  --pf-c-notification-badge--after--Width: auto;
-  --pf-c-notification-badge--after--Height: auto;
-  --pf-c-notification-badge--after--BackgroundColor: transparent;
-  --pf-c-notification-badge--after--TranslateX: 0;
-  --pf-c-notification-badge--after--TranslateY: 0;
-  --pf-c-notification-badge__i--Width: auto;
-  --pf-c-notification-badge__i--Height: auto;
-  --pf-c-notification-badge--m-read--after--BorderColor: transparent;
-  --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
-  --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
-  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
-  --pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
-  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
-  --pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
-  --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
-  --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
-  position: relative;
-  display: inline-block;
-  padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft);
-  margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft);
-  background-color: var(--pf-c-notification-badge--after--BackgroundColor);
-  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
-}
-
-.pf-c-notification-badge::before {
-  position: absolute;
-  top: var(--pf-c-notification-badge--after--Top);
-  right: var(--pf-c-notification-badge--after--Right);
-  bottom: 0;
-  left: 0;
-  width: var(--pf-c-notification-badge--after--Width);
-  height: var(--pf-c-notification-badge--after--Height);
-  content: "";
-  border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor);
-  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
-  transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
-}
-
-.pf-c-notification-badge > i {
-  width: var(--pf-c-notification-badge__i--Width);
-  height: var(--pf-c-notification-badge__i--Height);
-}
-
-.pf-c-notification-badge > * {
-  position: relative;
-}
-
-.pf-c-notification-badge .pf-icon-attention-bell,
-.pf-c-notification-badge .pf-icon-bell {
-  display: inline-block;
-  line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight);
-}
-
-.pf-c-notification-badge .pf-icon-attention-bell::before,
-.pf-c-notification-badge .pf-icon-bell::before {
-  vertical-align: bottom;
-}
-
-.pf-c-notification-badge.pf-m-read {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
-  --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
-}
-
-.pf-c-notification-badge.pf-m-unread {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
-  color: var(--pf-c-notification-badge--m-unread--Color);
-}
-
-.pf-c-notification-badge.pf-m-unread:hover {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--hover--after--BackgroundColor);
-}
-
-.pf-c-notification-badge.pf-m-attention {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--after--BackgroundColor);
-  color: var(--pf-c-notification-badge--m-attention--Color);
-}
-
-.pf-c-notification-badge.pf-m-attention:hover {
-  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
-}
-
-.pf-c-notification-badge__count {
-  margin-left: var(--pf-c-notification-badge__count--MarginLeft);
-}
-
 .pf-c-notification-drawer {
   --pf-c-notification-drawer--BackgroundColor: var(--pf-global--BackgroundColor--200);
   --pf-c-notification-drawer__header--PaddingTop: var(--pf-global--spacer--md);
@@ -17786,6 +17687,106 @@ ul.pf-c-list {
   transform: rotate(var(--pf-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
 }
 
+.pf-c-notification-badge {
+  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
+  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-notification-badge--PaddingBottom: var(--pf-global--spacer--form-element);
+  --pf-c-notification-badge--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-notification-badge--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
+  --pf-c-notification-badge--MarginRight: calc(-1 * var(--pf-global--spacer--md));
+  --pf-c-notification-badge--MarginBottom: calc(-1 * var(--pf-global--spacer--form-element));
+  --pf-c-notification-badge--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
+  --pf-c-notification-badge--after--BorderColor: transparent;
+  --pf-c-notification-badge--after--BorderRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-notification-badge--after--BorderWidth: 0;
+  --pf-c-notification-badge--after--Top: 0;
+  --pf-c-notification-badge--after--Right: 0;
+  --pf-c-notification-badge--after--Width: auto;
+  --pf-c-notification-badge--after--Height: auto;
+  --pf-c-notification-badge--after--BackgroundColor: transparent;
+  --pf-c-notification-badge--after--TranslateX: 0;
+  --pf-c-notification-badge--after--TranslateY: 0;
+  --pf-c-notification-badge__i--Width: auto;
+  --pf-c-notification-badge__i--Height: auto;
+  --pf-c-notification-badge--m-read--after--BorderColor: transparent;
+  --pf-c-notification-badge--m-read--after--BackgroundColor: transparent;
+  --pf-c-notification-badge--m-unread--Color: var(--pf-global--Color--light-100);
+  --pf-c-notification-badge--m-unread--after--BackgroundColor: var(--pf-global--active-color--100);
+  --pf-c-notification-badge--m-unread--hover--after--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-notification-badge--m-attention--Color: var(--pf-global--Color--light-100);
+  --pf-c-notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--100);
+  --pf-c-notification-badge--m-attention--hover--after--BackgroundColor: var(--pf-global--danger-color--200);
+  --pf-c-notification-badge__count--MarginLeft: var(--pf-global--spacer--xs);
+  --pf-c-notification-badge--pf-icon-attention-bell--LineHeight: var(--pf-global--LineHeight--sm);
+  position: relative;
+  display: inline-block;
+  padding: var(--pf-c-notification-badge--PaddingTop) var(--pf-c-notification-badge--PaddingRight) var(--pf-c-notification-badge--PaddingBottom) var(--pf-c-notification-badge--PaddingLeft);
+  margin: var(--pf-c-notification-badge--MarginTop) var(--pf-c-notification-badge--MarginRight) var(--pf-c-notification-badge--MarginBottom) var(--pf-c-notification-badge--MarginLeft);
+  background-color: var(--pf-c-notification-badge--after--BackgroundColor);
+  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
+}
+
+.pf-c-notification-badge::before {
+  position: absolute;
+  top: var(--pf-c-notification-badge--after--Top);
+  right: var(--pf-c-notification-badge--after--Right);
+  bottom: 0;
+  left: 0;
+  width: var(--pf-c-notification-badge--after--Width);
+  height: var(--pf-c-notification-badge--after--Height);
+  content: "";
+  border: var(--pf-c-notification-badge--after--BorderWidth) solid var(--pf-c-notification-badge--after--BorderColor);
+  border-radius: var(--pf-c-notification-badge--after--BorderRadius);
+  transform: translate(var(--pf-c-notification-badge--after--TranslateX), var(--pf-c-notification-badge--after--TranslateY));
+}
+
+.pf-c-notification-badge > i {
+  width: var(--pf-c-notification-badge__i--Width);
+  height: var(--pf-c-notification-badge__i--Height);
+}
+
+.pf-c-notification-badge > * {
+  position: relative;
+}
+
+.pf-c-notification-badge .pf-icon-attention-bell,
+.pf-c-notification-badge .pf-icon-bell {
+  display: inline-block;
+  line-height: var(--pf-c-notification-badge--pf-icon-attention-bell--LineHeight);
+}
+
+.pf-c-notification-badge .pf-icon-attention-bell::before,
+.pf-c-notification-badge .pf-icon-bell::before {
+  vertical-align: bottom;
+}
+
+.pf-c-notification-badge.pf-m-read {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-read--after--BackgroundColor);
+  --pf-c-notification-badge--after--BorderColor: var(--pf-c-notification-badge--m-read--after--BorderColor);
+}
+
+.pf-c-notification-badge.pf-m-unread {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--after--BackgroundColor);
+  color: var(--pf-c-notification-badge--m-unread--Color);
+}
+
+.pf-c-notification-badge.pf-m-unread:hover {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-unread--hover--after--BackgroundColor);
+}
+
+.pf-c-notification-badge.pf-m-attention {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--after--BackgroundColor);
+  color: var(--pf-c-notification-badge--m-attention--Color);
+}
+
+.pf-c-notification-badge.pf-m-attention:hover {
+  --pf-c-notification-badge--after--BackgroundColor: var(--pf-c-notification-badge--m-attention--hover--after--BackgroundColor);
+}
+
+.pf-c-notification-badge__count {
+  margin-left: var(--pf-c-notification-badge__count--MarginLeft);
+}
+
 .pf-c-options-menu {
   --pf-c-options-menu__toggle--BackgroundColor: transparent;
   --pf-c-options-menu__toggle--PaddingTop: var(--pf-global--spacer--form-element);