@patternfly/react-core 5.0.0-alpha.71 → 5.0.0-alpha.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "5.0.0-alpha.71",
+  "version": "5.0.0-alpha.73",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -71,5 +71,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "82dfd2aef1a0fd68e66ede0d7dc41afa53da04b3"
+  "gitHead": "3d1ae9857026b3c56bfafe24310af981c3f2965b"
 }

package/src/components/{AlertGroup → Alert}/__tests__/AlertGroup.test.tsx

@@ -4,7 +4,7 @@ import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
 import { Alert } from '../../Alert';
-import { AlertGroup } from '../../AlertGroup';
+import { AlertGroup } from '../../Alert';
 import { AlertActionCloseButton } from '../../../components/Alert/AlertActionCloseButton';
 
 describe('AlertGroup', () => {

package/src/components/Alert/examples/Alert.md

@@ -2,7 +2,7 @@
 id: Alert
 section: components
 cssPrefix: pf-c-alert
-propComponents: ['Alert', 'AlertActionCloseButton', 'AlertActionLink']
+propComponents: ['Alert', 'AlertGroup', 'AlertActionCloseButton', 'AlertActionLink']
 ouia: true
 ---
 
@@ -13,9 +13,9 @@ import DatabaseIcon from '@patternfly/react-icons/dist/esm/icons/database-icon';
 import ServerIcon from '@patternfly/react-icons/dist/esm/icons/server-icon';
 import LaptopIcon from '@patternfly/react-icons/dist/esm/icons/laptop-icon';
 
-## Examples 
+## Alert examples 
 
-### Variant examples
+### Alert variants
 
 PatternFly supports several alert variants for different scenarios. Each variant has an associated status icon, background, and alert title coded to communicate the severity of an alert. Use the `variant` property to apply the following styling options. If no `variant` is specified, then the variant will be set to "default".
 
@@ -364,3 +364,78 @@ Alerts that are asynchronously appended into dynamic [alert groups](/components/
 This example shows how an alert could be triggered by an asynchronous event in the application. Note that you can customize how the alert will be announced to assistive technology. See the [https://www.patternfly.org/v4/components/alert/accessibility](alert accessibility) for more information.
 ```ts file="AlertAsyncLiveRegion.tsx"
 ```
+
+## Alert group examples
+
+An alert group stacks and positions 2 or more alerts in a live region, either in a layer over the main content of a page or inline with the page content. Alert groups should always rank alerts by age, stacking new alerts on top of old ones as they surface.
+
+### Alert group variants 
+
+Alert groups can be one of the following variants:
+
+| Variant | Description |
+| --- | --- |
+| Static inline | Static inline alert groups contain alerts that appear when the page loads, and are seen within the normal page content flow. These groups should not contain alerts that will dynamically appear or update. |
+| Toast | Toast alert groups contain alerts that typically appear in response to an asynchronous event or user action. These groups are positioned on top of other content at the top right of the page.|
+| Dynamic | Dynamic alert groups contain alerts that typically appear in response to a user action, and are seen within the normal page content flow.|  
+
+Dynamic alerts that are generated after the page initially loads must be appended to either a toast or dynamic `AlertGroup`, both of which must use the `isLiveRegion` property. New alerts appended to a toast or dynamic group will be announced by assistive technologies the moment the change happens. For information about customizing this announcement, read the [aria-atomic and aria-relevant](/components/alert-group/accessibility#aria-atomic-and-aria-relevant) section of the alert group accessibility documentation.
+
+### Static inline alert group
+
+All alert group variants may combine multiple [alert variants](/components/alert) For example, the following static inline alert group includes one "success" alert and one "info" alert.
+
+```ts file="./AlertGroupStatic.tsx"
+```
+
+### Toast alert group
+
+Toast alert groups are created by passing in the `isToast` and `isLiveRegion` properties. 
+
+Click the buttons in the example below to add alerts to a toast group.
+
+```ts file="./AlertGroupToast.tsx"
+```
+
+### Toast alert group with overflow capture
+
+Users will see an overflow message once a predefined number of alerts are displayed. They will not see any alerts beyond the display limit, which must be explicitly set.
+
+In the following example, an overflow message will appear when more than 4 alerts would be shown. When a 5th alert would appear, an overflow message is shown instead.
+
+When an overflow message appears in an `AlertGroup` using the `isLiveRegion` property, the "view 1 more alert" text label will be announced, but the alert message will not. 
+
+Users navigating via keyboard or another assistive technology will need a way to navigate to and reveal hidden alerts before they disappear. Alternatively, there should be a place where notifications or alerts are collected to be viewed or read later. 
+
+```ts file="AlertGroupToastOverflowCapture.tsx"
+```
+
+### Asynchronous alert groups
+
+The following example shows how alerts can be triggered by an asynchronous event in the application. You can customize how an alert will be announced to assistive technology by adjusting the value of the `aria-live` property. Click the "start async" alert button below and then click the buttons in the above toast examples to demonstrate how asynchronous events add alerts to a group. Click the "stop async alerts" button to halt this behavior.
+
+See the [alert group accessibility tab](/components/alert-group/accessibility) for more information on customizing this behavior.
+
+```ts file="./AlertGroupAsync.tsx"
+```
+
+### Dynamic alert groups
+
+Click the buttons in the example below to add dynamic alerts to a group.
+
+```ts file="./AlertGroupSingularDynamic.tsx"
+```
+
+### Dynamic alert group with overflow message
+
+In the following example, there can be a maximum of 4 alerts shown at once. 
+
+```ts file="AlertGroupSingularDynamicOverflow.tsx"
+```
+
+### Multiple dynamic alert groups
+
+You may add multiple alerts to an alert group at once. Click the "add alert collection" button in the example below to add a batch of 3 toast alerts to a group.
+
+```ts file="./AlertGroupMultipleDynamic.tsx"
+```

package/src/components/Alert/index.ts

@@ -2,3 +2,4 @@ export * from './Alert';
 export * from './AlertContext';
 export * from './AlertActionCloseButton';
 export * from './AlertActionLink';
+export * from './AlertGroup';

package/src/components/LabelGroup/examples/LabelGroupEditableAddModal.tsx

@@ -104,7 +104,7 @@ export const LabelGroupEditableAddModal: React.FunctionComponent = () => {
     setIsEditable(false);
   };
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/Modal.tsx

@@ -50,7 +50,7 @@ export interface ModalProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
   /** Flag to show the modal. */
   isOpen?: boolean;
   /** A callback for when the close button is clicked. */
-  onClose?: () => void;
+  onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
   /** Modal handles pressing of the escape key and closes the modal. If you want to handle
    * this yourself you can use this callback function. */
   onEscapePress?: (event: KeyboardEvent) => void;
@@ -135,7 +135,7 @@ export class Modal extends React.Component<ModalProps, ModalState> {
   handleEscKeyClick = (event: KeyboardEvent): void => {
     const { onEscapePress } = this.props;
     if (event.key === KeyTypes.Escape && this.props.isOpen) {
-      onEscapePress ? onEscapePress(event) : this.props.onClose?.();
+      onEscapePress ? onEscapePress(event) : this.props.onClose?.(event);
     }
   };
 

package/src/components/Modal/ModalBoxCloseButton.tsx

@@ -9,7 +9,7 @@ export interface ModalBoxCloseButtonProps extends OUIAProps {
   /** Additional classes added to the close button. */
   className?: string;
   /** A callback for when the close button is clicked. */
-  onClose?: () => void;
+  onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
   /** Value to set the data-ouia-component-id.*/
   ouiaId?: number | string;
 }
@@ -23,7 +23,7 @@ export const ModalBoxCloseButton: React.FunctionComponent<ModalBoxCloseButtonPro
   <div className={css(styles.modalBoxClose, className)}>
     <Button
       variant="plain"
-      onClick={onClose}
+      onClick={(event) => onClose(event)}
       aria-label="Close"
       {...(ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` })}
       {...props}

package/src/components/Modal/ModalContent.tsx

@@ -60,7 +60,7 @@ export interface ModalContentProps extends OUIAProps {
   /** Id of the modal box title. */
   labelId: string;
   /** A callback for when the close button is clicked. */
-  onClose?: () => void;
+  onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
   /** Position of the modal. By default a modal will be positioned vertically and horizontally centered. */
   position?: 'default' | 'top';
   /** Offset from alternate position. Can be any valid CSS length/percentage. */
@@ -187,7 +187,7 @@ export const ModalContent: React.FunctionComponent<ModalContentProps> = ({
       aria-describedby={ariaDescribedby || (hasNoBodyWrapper ? null : descriptorId)}
       {...getOUIAProps(ModalContent.displayName, ouiaId, ouiaSafe)}
     >
-      {showClose && <ModalBoxCloseButton onClose={onClose} ouiaId={ouiaId} />}
+      {showClose && <ModalBoxCloseButton onClose={(event) => onClose(event)} ouiaId={ouiaId} />}
       {modalBoxHeader}
       {modalBody}
       {modalBoxFooter}

package/src/components/Modal/examples/ModalBasic.tsx

@@ -4,7 +4,7 @@ import { Modal, Button } from '@patternfly/react-core';
 export const ModalBasic: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalCustomHeaderFooter.tsx

@@ -5,7 +5,7 @@ import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-
 export const ModalCustomHeaderFooter: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalCustomTitleIcon.tsx

@@ -5,7 +5,7 @@ import BullhornIcon from '@patternfly/react-icons/dist/esm/icons/bullhorn-icon';
 export const ModalCustomTitleIcon: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalCustomWidth.tsx

@@ -4,7 +4,7 @@ import { Modal, Button } from '@patternfly/react-core';
 export const ModalCustomWidth: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalLarge.tsx

@@ -4,7 +4,7 @@ import { Modal, ModalVariant, Button } from '@patternfly/react-core';
 export const ModalLarge: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalMedium.tsx

@@ -4,7 +4,7 @@ import { Modal, ModalVariant, Button } from '@patternfly/react-core';
 export const ModalMedium: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalNoHeaderFooter.tsx

@@ -4,7 +4,7 @@ import { Modal, ModalVariant, Button } from '@patternfly/react-core';
 export const ModalNoHeaderFooter: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalSmall.tsx

@@ -4,7 +4,7 @@ import { Modal, ModalVariant, Button } from '@patternfly/react-core';
 export const ModalSmall: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalTitleIcon.tsx

@@ -4,7 +4,7 @@ import { Modal, Button } from '@patternfly/react-core';
 export const ModalTitleIcon: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalTopAligned.tsx

@@ -4,7 +4,7 @@ import { Modal, Button } from '@patternfly/react-core';
 export const ModalTopAligned: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalWithDescription.tsx

@@ -4,7 +4,7 @@ import { Modal, Button } from '@patternfly/react-core';
 export const ModalWithDescription: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalWithDropdown.tsx

@@ -11,7 +11,7 @@ export const ModalWithDropdown: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
   const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
     setIsDropdownOpen(false);
   };
@@ -30,12 +30,12 @@ export const ModalWithDropdown: React.FunctionComponent = () => {
     (element as HTMLElement).focus();
   };
 
-  const onEscapePress = () => {
+  const onEscapePress = (event: KeyboardEvent) => {
     if (isDropdownOpen) {
       setIsDropdownOpen(!isDropdownOpen);
       onFocus();
     } else {
-      handleModalToggle();
+      handleModalToggle(event);
     }
   };
 

package/src/components/Modal/examples/ModalWithForm.tsx

@@ -8,7 +8,7 @@ export const ModalWithForm: React.FunctionComponent = () => {
   const [emailValue, setEmailValue] = React.useState('');
   const [addressValue, setAddressValue] = React.useState('');
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalWithHelp.tsx

@@ -5,7 +5,7 @@ import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 export const ModalWithHelp: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 

package/src/components/Modal/examples/ModalWithOverflowingContent.tsx

@@ -4,7 +4,7 @@ import { Modal, ModalVariant, Button } from '@patternfly/react-core';
 export const ModalWithOverflowingContent: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(prevIsModalOpen => !prevIsModalOpen);
   };
 

package/src/components/Modal/examples/ModalWithWizard.tsx

@@ -4,7 +4,11 @@ import { Modal, ModalVariant, Button, Wizard, WizardHeader, WizardStep } from '@
 export const ModalWithWizard: React.FunctionComponent = () => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
+    setIsModalOpen((prevIsModalOpen) => !prevIsModalOpen);
+  };
+
+  const handleWizardToggle = () => {
     setIsModalOpen((prevIsModalOpen) => !prevIsModalOpen);
   };
 
@@ -35,17 +39,17 @@ export const ModalWithWizard: React.FunctionComponent = () => {
               title="Wizard modal"
               titleId="modal-wizard-label"
               description="This is a wizard inside of a modal."
-              onClose={handleModalToggle}
+              onClose={handleWizardToggle}
               closeButtonAriaLabel="Close wizard"
             />
           }
-          onClose={handleModalToggle}
+          onClose={handleWizardToggle}
         >
           {numberedSteps}
           <WizardStep
             name="Review"
             id="with-wizard-review-step"
-            footer={{ nextButtonText: 'Finish', onNext: handleModalToggle }}
+            footer={{ nextButtonText: 'Finish', onNext: handleWizardToggle }}
           >
             Review step
           </WizardStep>

package/src/components/index.ts

@@ -3,7 +3,6 @@ export * from './AboutModal';
 export * from './Accordion';
 export * from './ActionList';
 export * from './Alert';
-export * from './AlertGroup';
 export * from './Avatar';
 export * from './BackToTop';
 export * from './Backdrop';

package/src/demos/AlertGroup.md

@@ -1,5 +1,5 @@
 ---
-id: Alert group
+id: Alert
 section: components
 ---
 

package/src/demos/DatePicker/examples/DateTimePickerInModal.tsx

@@ -6,7 +6,7 @@ export const SimpleModal = () => {
   const [isTimePickerOpen, setIsTimePickerOpen] = React.useState(false);
   const dateRef = React.useRef(null);
 
-  const handleModalToggle = () => {
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
     setIsModalOpen(!isModalOpen);
   };
 
@@ -16,7 +16,7 @@ export const SimpleModal = () => {
     } else if (isTimePickerOpen) {
       setIsTimePickerOpen(false);
     } else {
-      handleModalToggle();
+      handleModalToggle(event);
     }
   };
 

package/src/deprecated/components/Wizard/examples/WizardInModal.tsx

@@ -4,9 +4,15 @@ import { Wizard as WizardDeprecated } from '@patternfly/react-core/deprecated';
 
 export const WizardInModal: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = React.useState(false);
-  const handleModalToggle = () => {
+
+  const handleModalToggle = (_event: KeyboardEvent | React.MouseEvent) => {
+    setIsOpen(!isOpen);
+  };
+
+  const handleWizardToggle = () => {
     setIsOpen(!isOpen);
   };
+
   const steps = [
     { name: 'First step', component: <p>Step 1 content</p> },
     { name: 'Second step', component: <p>Step 2 content</p> },
@@ -14,7 +20,9 @@ export const WizardInModal: React.FunctionComponent = () => {
     { name: 'Fourth step', component: <p>Step 4 content</p> },
     { name: 'Review', component: <p>Review step content</p>, nextButtonText: 'Finish' }
   ];
+
   const title = 'Wizard in modal example';
+
   return (
     <React.Fragment>
       <Button variant="primary" onClick={handleModalToggle}>
@@ -25,7 +33,7 @@ export const WizardInModal: React.FunctionComponent = () => {
         description="Simple Wizard Description"
         descriptionComponent="div"
         steps={steps}
-        onClose={handleModalToggle}
+        onClose={handleWizardToggle}
         isOpen={isOpen}
       />
     </React.Fragment>

package/dist/esm/components/AlertGroup/AlertGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC3F,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK,kBAEgB;IAErB,iBAAiB;IAOjB,oBAAoB;IAOpB,gBAAgB;IAQhB,MAAM;CAoCP"}

package/dist/esm/components/AlertGroup/AlertGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertGroup.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAyBtD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAAjF;;QAEE,UAAK,GAAG;YACN,SAAS,EAAE,SAAS;SACF,CAAC;IA4DvB,CAAC;IA1DC,iBAAiB;QACf,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC1C;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACrC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,KASF,IAAI,CAAC,KAAK,EATR,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,eAAe,EACf,eAAe,EACf,YAAY,EAAE,SAAS,OAEX,EADT,KAAK,cARJ,wGASL,CAAa,CAAC;QACf,MAAM,UAAU,GAAG,CACjB,oBAAC,gBAAgB,kBACf,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,gBACpB,SAAS,IACjB,KAAK,GAER,QAAQ,CACQ,CACpB,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACvB,OAAO,UAAU,CAAC;SACnB;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC;;AA9DM,sBAAW,GAAG,YAAY,CAAC"}

package/dist/esm/components/AlertGroup/AlertGroupInline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertGroupInline.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA2BrE,CAAC"}

package/dist/esm/components/AlertGroup/AlertGroupInline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertGroupInline.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gEAAgE,CAAC;AAIpF,MAAM,CAAC,MAAM,gBAAgB,GAA6C,CAAC,EAQzD,EAAE,EAAE;QARqD,EACzE,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,eAAe,EACf,eAAe,OAEC,EADb,IAAI,cAPkE,0FAQ1E,CADQ;IACc,OAAA,CACrB,0CACE,IAAI,EAAC,MAAM,eACA,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,iBAC5B,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACxC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/E,IAAI;QAEP,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;;YAAC,OAAA,CACtD,4BAAI,GAAG,EAAE,CAAA,MAAC,KAAwC,CAAC,KAAK,0CAAE,EAAE,KAAI,KAAK,IAAG,KAAK,CAAM,CACpF,CAAA;SAAA,CAAC;QACD,eAAe,IAAI,CAClB;YACE,gCAAQ,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAC9E,eAAe,CACT,CACN,CACN,CACE,CACN,CAAA;CAAA,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/esm/components/AlertGroup/index.d.ts

@@ -1,2 +0,0 @@
-export { AlertGroup } from './AlertGroup';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/AlertGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/components/AlertGroup/index.js

@@ -1,2 +0,0 @@
-export { AlertGroup } from './AlertGroup';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/AlertGroup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/components/AlertGroup/package.json

@@ -1 +0,0 @@
-{"name":"@patternfly/react-core-alertgroup-esm","main":"index.js","module":"./dist/esm/components/AlertGroup/index.js","typings":"index.d.ts","version":"5.0.0-alpha.70"}

package/dist/js/components/AlertGroup/AlertGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC3F,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,eAAe;IACvB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;IAClC,KAAK,kBAEgB;IAErB,iBAAiB;IAOjB,oBAAoB;IAOpB,gBAAgB;IAQhB,MAAM;CAoCP"}

package/dist/js/components/AlertGroup/AlertGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertGroup.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4DAAsC;AACtC,2CAA0C;AAC1C,yDAAsD;AAyBtD,MAAa,UAAW,SAAQ,KAAK,CAAC,SAA2C;IAAjF;;QAEE,UAAK,GAAG;YACN,SAAS,EAAE,SAAS;SACF,CAAC;IA4DvB,CAAC;IA1DC,iBAAiB;QACf,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QAC7B,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,MAAM,MAAM,GAAgB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SAC1C;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACrC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,KASF,IAAI,CAAC,KAAK,EATR,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,eAAe,EACf,eAAe,EACf,YAAY,EAAE,SAAS,OAEX,EADT,KAAK,sBARJ,wGASL,CAAa,CAAC;QACf,MAAM,UAAU,GAAG,CACjB,oBAAC,mCAAgB,kBACf,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,gBACpB,SAAS,IACjB,KAAK,GAER,QAAQ,CACQ,CACpB,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACvB,OAAO,UAAU,CAAC;SACnB;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAEvC,IAAI,CAAC,mBAAS,IAAI,CAAC,SAAS,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;QAED,OAAO,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC;;AA/DH,gCAgEC;AA/DQ,sBAAW,GAAG,YAAY,CAAC"}

package/dist/js/components/AlertGroup/AlertGroupInline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertGroupInline.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA2BrE,CAAC"}

package/dist/js/components/AlertGroup/AlertGroupInline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertGroupInline.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/AlertGroupInline.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,yHAAoF;AAI7E,MAAM,gBAAgB,GAA6C,CAAC,EAQzD,EAAE,EAAE;QARqD,EACzE,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,eAAe,EACf,eAAe,OAEC,EADb,IAAI,sBAPkE,0FAQ1E,CADQ;IACc,OAAA,CACrB,0CACE,IAAI,EAAC,MAAM,eACA,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,iBAC5B,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EACxC,SAAS,EAAE,IAAA,kBAAG,EAAC,qBAAM,CAAC,UAAU,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/E,IAAI;QAEP,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;;YAAC,OAAA,CACtD,4BAAI,GAAG,EAAE,CAAA,MAAC,KAAwC,CAAC,KAAK,0CAAE,EAAE,KAAI,KAAK,IAAG,KAAK,CAAM,CACpF,CAAA;SAAA,CAAC;QACD,eAAe,IAAI,CAClB;YACE,gCAAQ,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,qBAAM,CAAC,wBAAwB,CAAC,IAC9E,eAAe,CACT,CACN,CACN,CACE,CACN,CAAA;CAAA,CAAC;AA3BW,QAAA,gBAAgB,oBA2B3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/js/components/AlertGroup/index.d.ts

@@ -1,2 +0,0 @@
-export { AlertGroup } from './AlertGroup';
-//# sourceMappingURL=index.d.ts.map

package/dist/js/components/AlertGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/js/components/AlertGroup/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertGroup = void 0;
-var AlertGroup_1 = require("./AlertGroup");
-Object.defineProperty(exports, "AlertGroup", { enumerable: true, get: function () { return AlertGroup_1.AlertGroup; } });
-//# sourceMappingURL=index.js.map

package/dist/js/components/AlertGroup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AlertGroup/index.ts"],"names":[],"mappings":";;;AAAA,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}

package/dist/js/components/AlertGroup/package.json

@@ -1 +0,0 @@
-{"name":"@patternfly/react-core-alertgroup-cjs","main":"index.js","module":"./dist/js/components/AlertGroup/index.js","typings":"index.d.ts","version":"5.0.0-alpha.70"}