@patternfly/react-core 4.199.2 → 4.199.5

package/src/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap

@@ -1,136 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Alert - danger Action Close Button 1`] = `
-<Alert
-  actionClose={
-    <AlertActionCloseButton
-      aria-label="Close"
-      onClose={[MockFunction]}
-    />
-  }
-  title="Sample danger alert"
-  variant="danger"
->
-  <div
-    aria-label="Danger Alert"
-    className="pf-c-alert pf-m-danger"
-    data-ouia-component-id="OUIA-Generated-Alert-danger-5"
-    data-ouia-component-type="PF4/Alert"
-    data-ouia-safe={true}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <AlertIcon
-      variant="danger"
-    >
-      <div
-        className="pf-c-alert__icon"
-      >
-        <ExclamationCircleIcon
-          color="currentColor"
-          noVerticalAlign={false}
-          size="sm"
-        >
-          <svg
-            aria-hidden={true}
-            aria-labelledby={null}
-            fill="currentColor"
-            height="1em"
-            role="img"
-            style={
-              Object {
-                "verticalAlign": "-0.125em",
-              }
-            }
-            viewBox="0 0 512 512"
-            width="1em"
-          >
-            <path
-              d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-            />
-          </svg>
-        </ExclamationCircleIcon>
-      </div>
-    </AlertIcon>
-    <h4
-      className="pf-c-alert__title"
-    >
-      <span
-        className="pf-u-screen-reader"
-      >
-        Danger alert:
-      </span>
-      Sample danger alert
-    </h4>
-    <div
-      className="pf-c-alert__action"
-    >
-      <AlertActionCloseButton
-        aria-label="Close"
-        onClose={[MockFunction]}
-      >
-        <Button
-          aria-label="Close"
-          onClick={[MockFunction]}
-          variant="plain"
-        >
-          <ButtonBase
-            aria-label="Close"
-            innerRef={null}
-            onClick={[MockFunction]}
-            variant="plain"
-          >
-            <button
-              aria-disabled={false}
-              aria-label="Close"
-              className="pf-c-button pf-m-plain"
-              data-ouia-component-id="OUIA-Generated-Button-plain-4"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe={true}
-              disabled={false}
-              onClick={[MockFunction]}
-              role={null}
-              type="button"
-            >
-              <TimesIcon
-                color="currentColor"
-                noVerticalAlign={false}
-                size="sm"
-              >
-                <svg
-                  aria-hidden={true}
-                  aria-labelledby={null}
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  style={
-                    Object {
-                      "verticalAlign": "-0.125em",
-                    }
-                  }
-                  viewBox="0 0 352 512"
-                  width="1em"
-                >
-                  <path
-                    d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                  />
-                </svg>
-              </TimesIcon>
-            </button>
-          </ButtonBase>
-        </Button>
-      </AlertActionCloseButton>
-    </div>
-    <div
-      className="pf-c-alert__description"
-    >
-      Some alert
-    </div>
-  </div>
-</Alert>
-`;
-
-exports[`Alert - danger Action Link 1`] = `
+exports[`Alert Alert - danger Action Link 1`] = `
 <div>
   <div
     aria-label="Danger Alert"
@@ -189,7 +59,7 @@ exports[`Alert - danger Action Link 1`] = `
 </div>
 `;
 
-exports[`Alert - danger Action and Title 1`] = `
+exports[`Alert Alert - danger Action and Title 1`] = `
 <div>
   <div
     aria-label="Danger Alert"
@@ -248,7 +118,7 @@ exports[`Alert - danger Action and Title 1`] = `
 </div>
 `;
 
-exports[`Alert - danger Custom aria label 1`] = `
+exports[`Alert Alert - danger Custom aria label 1`] = `
 <div>
   <div
     aria-label="Custom aria label for danger"
@@ -307,7 +177,7 @@ exports[`Alert - danger Custom aria label 1`] = `
 </div>
 `;
 
-exports[`Alert - danger Custom icon 1`] = `
+exports[`Alert Alert - danger Custom icon 1`] = `
 <div>
   <div
     aria-label="danger custom icon alert"
@@ -352,7 +222,7 @@ exports[`Alert - danger Custom icon 1`] = `
 </div>
 `;
 
-exports[`Alert - danger Description 1`] = `
+exports[`Alert Alert - danger Description 1`] = `
 <div>
   <div
     aria-label="Danger Alert"
@@ -397,7 +267,7 @@ exports[`Alert - danger Description 1`] = `
 </div>
 `;
 
-exports[`Alert - danger Heading level 1`] = `
+exports[`Alert Alert - danger Heading level 1`] = `
 <div>
   <div
     aria-label="Danger Alert"
@@ -442,7 +312,7 @@ exports[`Alert - danger Heading level 1`] = `
 </div>
 `;
 
-exports[`Alert - danger Title 1`] = `
+exports[`Alert Alert - danger Title 1`] = `
 <div>
   <div
     aria-label="Danger Alert"
@@ -487,7 +357,7 @@ exports[`Alert - danger Title 1`] = `
 </div>
 `;
 
-exports[`Alert - danger Toast alerts match snapsnot 1`] = `
+exports[`Alert Alert - danger Toast alerts match snapsnot 1`] = `
 <div>
   <div
     aria-atomic="false"
@@ -534,7 +404,7 @@ exports[`Alert - danger Toast alerts match snapsnot 1`] = `
 </div>
 `;
 
-exports[`Alert - danger expandable variation 1`] = `
+exports[`Alert Alert - danger expandable variation 1`] = `
 <div>
   <div
     aria-label="Danger Alert"
@@ -606,7 +476,7 @@ exports[`Alert - danger expandable variation 1`] = `
 </div>
 `;
 
-exports[`Alert - danger inline variation 1`] = `
+exports[`Alert Alert - danger inline variation 1`] = `
 <div>
   <div
     aria-label="Danger Alert"
@@ -651,137 +521,7 @@ exports[`Alert - danger inline variation 1`] = `
 </div>
 `;
 
-exports[`Alert - default Action Close Button 1`] = `
-<Alert
-  actionClose={
-    <AlertActionCloseButton
-      aria-label="Close"
-      onClose={[MockFunction]}
-    />
-  }
-  title="Sample default alert"
-  variant="default"
->
-  <div
-    aria-label="Default Alert"
-    className="pf-c-alert"
-    data-ouia-component-id="OUIA-Generated-Alert-default-6"
-    data-ouia-component-type="PF4/Alert"
-    data-ouia-safe={true}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <AlertIcon
-      variant="default"
-    >
-      <div
-        className="pf-c-alert__icon"
-      >
-        <BellIcon
-          color="currentColor"
-          noVerticalAlign={false}
-          size="sm"
-        >
-          <svg
-            aria-hidden={true}
-            aria-labelledby={null}
-            fill="currentColor"
-            height="1em"
-            role="img"
-            style={
-              Object {
-                "verticalAlign": "-0.125em",
-              }
-            }
-            viewBox="0 0 896 1024"
-            width="1em"
-          >
-            <path
-              d="M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z"
-            />
-          </svg>
-        </BellIcon>
-      </div>
-    </AlertIcon>
-    <h4
-      className="pf-c-alert__title"
-    >
-      <span
-        className="pf-u-screen-reader"
-      >
-        Default alert:
-      </span>
-      Sample default alert
-    </h4>
-    <div
-      className="pf-c-alert__action"
-    >
-      <AlertActionCloseButton
-        aria-label="Close"
-        onClose={[MockFunction]}
-      >
-        <Button
-          aria-label="Close"
-          onClick={[MockFunction]}
-          variant="plain"
-        >
-          <ButtonBase
-            aria-label="Close"
-            innerRef={null}
-            onClick={[MockFunction]}
-            variant="plain"
-          >
-            <button
-              aria-disabled={false}
-              aria-label="Close"
-              className="pf-c-button pf-m-plain"
-              data-ouia-component-id="OUIA-Generated-Button-plain-13"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe={true}
-              disabled={false}
-              onClick={[MockFunction]}
-              role={null}
-              type="button"
-            >
-              <TimesIcon
-                color="currentColor"
-                noVerticalAlign={false}
-                size="sm"
-              >
-                <svg
-                  aria-hidden={true}
-                  aria-labelledby={null}
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  style={
-                    Object {
-                      "verticalAlign": "-0.125em",
-                    }
-                  }
-                  viewBox="0 0 352 512"
-                  width="1em"
-                >
-                  <path
-                    d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                  />
-                </svg>
-              </TimesIcon>
-            </button>
-          </ButtonBase>
-        </Button>
-      </AlertActionCloseButton>
-    </div>
-    <div
-      className="pf-c-alert__description"
-    >
-      Some alert
-    </div>
-  </div>
-</Alert>
-`;
-
-exports[`Alert - default Action Link 1`] = `
+exports[`Alert Alert - default Action Link 1`] = `
 <div>
   <div
     aria-label="Default Alert"
@@ -840,7 +580,7 @@ exports[`Alert - default Action Link 1`] = `
 </div>
 `;
 
-exports[`Alert - default Action and Title 1`] = `
+exports[`Alert Alert - default Action and Title 1`] = `
 <div>
   <div
     aria-label="Default Alert"
@@ -899,7 +639,7 @@ exports[`Alert - default Action and Title 1`] = `
 </div>
 `;
 
-exports[`Alert - default Custom aria label 1`] = `
+exports[`Alert Alert - default Custom aria label 1`] = `
 <div>
   <div
     aria-label="Custom aria label for default"
@@ -958,7 +698,7 @@ exports[`Alert - default Custom aria label 1`] = `
 </div>
 `;
 
-exports[`Alert - default Custom icon 1`] = `
+exports[`Alert Alert - default Custom icon 1`] = `
 <div>
   <div
     aria-label="default custom icon alert"
@@ -1003,7 +743,7 @@ exports[`Alert - default Custom icon 1`] = `
 </div>
 `;
 
-exports[`Alert - default Description 1`] = `
+exports[`Alert Alert - default Description 1`] = `
 <div>
   <div
     aria-label="Default Alert"
@@ -1048,7 +788,7 @@ exports[`Alert - default Description 1`] = `
 </div>
 `;
 
-exports[`Alert - default Heading level 1`] = `
+exports[`Alert Alert - default Heading level 1`] = `
 <div>
   <div
     aria-label="Default Alert"
@@ -1093,7 +833,7 @@ exports[`Alert - default Heading level 1`] = `
 </div>
 `;
 
-exports[`Alert - default Title 1`] = `
+exports[`Alert Alert - default Title 1`] = `
 <div>
   <div
     aria-label="Default Alert"
@@ -1138,7 +878,7 @@ exports[`Alert - default Title 1`] = `
 </div>
 `;
 
-exports[`Alert - default Toast alerts match snapsnot 1`] = `
+exports[`Alert Alert - default Toast alerts match snapsnot 1`] = `
 <div>
   <div
     aria-atomic="false"
@@ -1185,7 +925,7 @@ exports[`Alert - default Toast alerts match snapsnot 1`] = `
 </div>
 `;
 
-exports[`Alert - default expandable variation 1`] = `
+exports[`Alert Alert - default expandable variation 1`] = `
 <div>
   <div
     aria-label="Default Alert"
@@ -1257,7 +997,7 @@ exports[`Alert - default expandable variation 1`] = `
 </div>
 `;
 
-exports[`Alert - default inline variation 1`] = `
+exports[`Alert Alert - default inline variation 1`] = `
 <div>
   <div
     aria-label="Default Alert"
@@ -1302,137 +1042,7 @@ exports[`Alert - default inline variation 1`] = `
 </div>
 `;
 
-exports[`Alert - info Action Close Button 1`] = `
-<Alert
-  actionClose={
-    <AlertActionCloseButton
-      aria-label="Close"
-      onClose={[MockFunction]}
-    />
-  }
-  title="Sample info alert"
-  variant="info"
->
-  <div
-    aria-label="Info Alert"
-    className="pf-c-alert pf-m-info"
-    data-ouia-component-id="OUIA-Generated-Alert-info-5"
-    data-ouia-component-type="PF4/Alert"
-    data-ouia-safe={true}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <AlertIcon
-      variant="info"
-    >
-      <div
-        className="pf-c-alert__icon"
-      >
-        <InfoCircleIcon
-          color="currentColor"
-          noVerticalAlign={false}
-          size="sm"
-        >
-          <svg
-            aria-hidden={true}
-            aria-labelledby={null}
-            fill="currentColor"
-            height="1em"
-            role="img"
-            style={
-              Object {
-                "verticalAlign": "-0.125em",
-              }
-            }
-            viewBox="0 0 512 512"
-            width="1em"
-          >
-            <path
-              d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
-            />
-          </svg>
-        </InfoCircleIcon>
-      </div>
-    </AlertIcon>
-    <h4
-      className="pf-c-alert__title"
-    >
-      <span
-        className="pf-u-screen-reader"
-      >
-        Info alert:
-      </span>
-      Sample info alert
-    </h4>
-    <div
-      className="pf-c-alert__action"
-    >
-      <AlertActionCloseButton
-        aria-label="Close"
-        onClose={[MockFunction]}
-      >
-        <Button
-          aria-label="Close"
-          onClick={[MockFunction]}
-          variant="plain"
-        >
-          <ButtonBase
-            aria-label="Close"
-            innerRef={null}
-            onClick={[MockFunction]}
-            variant="plain"
-          >
-            <button
-              aria-disabled={false}
-              aria-label="Close"
-              className="pf-c-button pf-m-plain"
-              data-ouia-component-id="OUIA-Generated-Button-plain-10"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe={true}
-              disabled={false}
-              onClick={[MockFunction]}
-              role={null}
-              type="button"
-            >
-              <TimesIcon
-                color="currentColor"
-                noVerticalAlign={false}
-                size="sm"
-              >
-                <svg
-                  aria-hidden={true}
-                  aria-labelledby={null}
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  style={
-                    Object {
-                      "verticalAlign": "-0.125em",
-                    }
-                  }
-                  viewBox="0 0 352 512"
-                  width="1em"
-                >
-                  <path
-                    d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                  />
-                </svg>
-              </TimesIcon>
-            </button>
-          </ButtonBase>
-        </Button>
-      </AlertActionCloseButton>
-    </div>
-    <div
-      className="pf-c-alert__description"
-    >
-      Some alert
-    </div>
-  </div>
-</Alert>
-`;
-
-exports[`Alert - info Action Link 1`] = `
+exports[`Alert Alert - info Action Link 1`] = `
 <div>
   <div
     aria-label="Info Alert"
@@ -1491,7 +1101,7 @@ exports[`Alert - info Action Link 1`] = `
 </div>
 `;
 
-exports[`Alert - info Action and Title 1`] = `
+exports[`Alert Alert - info Action and Title 1`] = `
 <div>
   <div
     aria-label="Info Alert"
@@ -1550,7 +1160,7 @@ exports[`Alert - info Action and Title 1`] = `
 </div>
 `;
 
-exports[`Alert - info Custom aria label 1`] = `
+exports[`Alert Alert - info Custom aria label 1`] = `
 <div>
   <div
     aria-label="Custom aria label for info"
@@ -1609,7 +1219,7 @@ exports[`Alert - info Custom aria label 1`] = `
 </div>
 `;
 
-exports[`Alert - info Custom icon 1`] = `
+exports[`Alert Alert - info Custom icon 1`] = `
 <div>
   <div
     aria-label="info custom icon alert"
@@ -1654,7 +1264,7 @@ exports[`Alert - info Custom icon 1`] = `
 </div>
 `;
 
-exports[`Alert - info Description 1`] = `
+exports[`Alert Alert - info Description 1`] = `
 <div>
   <div
     aria-label="Info Alert"
@@ -1699,7 +1309,7 @@ exports[`Alert - info Description 1`] = `
 </div>
 `;
 
-exports[`Alert - info Heading level 1`] = `
+exports[`Alert Alert - info Heading level 1`] = `
 <div>
   <div
     aria-label="Info Alert"
@@ -1744,7 +1354,7 @@ exports[`Alert - info Heading level 1`] = `
 </div>
 `;
 
-exports[`Alert - info Title 1`] = `
+exports[`Alert Alert - info Title 1`] = `
 <div>
   <div
     aria-label="Info Alert"
@@ -1789,7 +1399,7 @@ exports[`Alert - info Title 1`] = `
 </div>
 `;
 
-exports[`Alert - info Toast alerts match snapsnot 1`] = `
+exports[`Alert Alert - info Toast alerts match snapsnot 1`] = `
 <div>
   <div
     aria-atomic="false"
@@ -1836,7 +1446,7 @@ exports[`Alert - info Toast alerts match snapsnot 1`] = `
 </div>
 `;
 
-exports[`Alert - info expandable variation 1`] = `
+exports[`Alert Alert - info expandable variation 1`] = `
 <div>
   <div
     aria-label="Info Alert"
@@ -1908,7 +1518,7 @@ exports[`Alert - info expandable variation 1`] = `
 </div>
 `;
 
-exports[`Alert - info inline variation 1`] = `
+exports[`Alert Alert - info inline variation 1`] = `
 <div>
   <div
     aria-label="Info Alert"
@@ -1953,137 +1563,7 @@ exports[`Alert - info inline variation 1`] = `
 </div>
 `;
 
-exports[`Alert - success Action Close Button 1`] = `
-<Alert
-  actionClose={
-    <AlertActionCloseButton
-      aria-label="Close"
-      onClose={[MockFunction]}
-    />
-  }
-  title="Sample success alert"
-  variant="success"
->
-  <div
-    aria-label="Success Alert"
-    className="pf-c-alert pf-m-success"
-    data-ouia-component-id="OUIA-Generated-Alert-success-5"
-    data-ouia-component-type="PF4/Alert"
-    data-ouia-safe={true}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <AlertIcon
-      variant="success"
-    >
-      <div
-        className="pf-c-alert__icon"
-      >
-        <CheckCircleIcon
-          color="currentColor"
-          noVerticalAlign={false}
-          size="sm"
-        >
-          <svg
-            aria-hidden={true}
-            aria-labelledby={null}
-            fill="currentColor"
-            height="1em"
-            role="img"
-            style={
-              Object {
-                "verticalAlign": "-0.125em",
-              }
-            }
-            viewBox="0 0 512 512"
-            width="1em"
-          >
-            <path
-              d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
-            />
-          </svg>
-        </CheckCircleIcon>
-      </div>
-    </AlertIcon>
-    <h4
-      className="pf-c-alert__title"
-    >
-      <span
-        className="pf-u-screen-reader"
-      >
-        Success alert:
-      </span>
-      Sample success alert
-    </h4>
-    <div
-      className="pf-c-alert__action"
-    >
-      <AlertActionCloseButton
-        aria-label="Close"
-        onClose={[MockFunction]}
-      >
-        <Button
-          aria-label="Close"
-          onClick={[MockFunction]}
-          variant="plain"
-        >
-          <ButtonBase
-            aria-label="Close"
-            innerRef={null}
-            onClick={[MockFunction]}
-            variant="plain"
-          >
-            <button
-              aria-disabled={false}
-              aria-label="Close"
-              className="pf-c-button pf-m-plain"
-              data-ouia-component-id="OUIA-Generated-Button-plain-1"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe={true}
-              disabled={false}
-              onClick={[MockFunction]}
-              role={null}
-              type="button"
-            >
-              <TimesIcon
-                color="currentColor"
-                noVerticalAlign={false}
-                size="sm"
-              >
-                <svg
-                  aria-hidden={true}
-                  aria-labelledby={null}
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  style={
-                    Object {
-                      "verticalAlign": "-0.125em",
-                    }
-                  }
-                  viewBox="0 0 352 512"
-                  width="1em"
-                >
-                  <path
-                    d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                  />
-                </svg>
-              </TimesIcon>
-            </button>
-          </ButtonBase>
-        </Button>
-      </AlertActionCloseButton>
-    </div>
-    <div
-      className="pf-c-alert__description"
-    >
-      Some alert
-    </div>
-  </div>
-</Alert>
-`;
-
-exports[`Alert - success Action Link 1`] = `
+exports[`Alert Alert - success Action Link 1`] = `
 <div>
   <div
     aria-label="Success Alert"
@@ -2142,7 +1622,7 @@ exports[`Alert - success Action Link 1`] = `
 </div>
 `;
 
-exports[`Alert - success Action and Title 1`] = `
+exports[`Alert Alert - success Action and Title 1`] = `
 <div>
   <div
     aria-label="Success Alert"
@@ -2201,7 +1681,7 @@ exports[`Alert - success Action and Title 1`] = `
 </div>
 `;
 
-exports[`Alert - success Custom aria label 1`] = `
+exports[`Alert Alert - success Custom aria label 1`] = `
 <div>
   <div
     aria-label="Custom aria label for success"
@@ -2260,7 +1740,7 @@ exports[`Alert - success Custom aria label 1`] = `
 </div>
 `;
 
-exports[`Alert - success Custom icon 1`] = `
+exports[`Alert Alert - success Custom icon 1`] = `
 <div>
   <div
     aria-label="success custom icon alert"
@@ -2305,7 +1785,7 @@ exports[`Alert - success Custom icon 1`] = `
 </div>
 `;
 
-exports[`Alert - success Description 1`] = `
+exports[`Alert Alert - success Description 1`] = `
 <div>
   <div
     aria-label="Success Alert"
@@ -2350,7 +1830,7 @@ exports[`Alert - success Description 1`] = `
 </div>
 `;
 
-exports[`Alert - success Heading level 1`] = `
+exports[`Alert Alert - success Heading level 1`] = `
 <div>
   <div
     aria-label="Success Alert"
@@ -2395,7 +1875,7 @@ exports[`Alert - success Heading level 1`] = `
 </div>
 `;
 
-exports[`Alert - success Title 1`] = `
+exports[`Alert Alert - success Title 1`] = `
 <div>
   <div
     aria-label="Success Alert"
@@ -2440,7 +1920,7 @@ exports[`Alert - success Title 1`] = `
 </div>
 `;
 
-exports[`Alert - success Toast alerts match snapsnot 1`] = `
+exports[`Alert Alert - success Toast alerts match snapsnot 1`] = `
 <div>
   <div
     aria-atomic="false"
@@ -2487,7 +1967,7 @@ exports[`Alert - success Toast alerts match snapsnot 1`] = `
 </div>
 `;
 
-exports[`Alert - success expandable variation 1`] = `
+exports[`Alert Alert - success expandable variation 1`] = `
 <div>
   <div
     aria-label="Success Alert"
@@ -2559,7 +2039,7 @@ exports[`Alert - success expandable variation 1`] = `
 </div>
 `;
 
-exports[`Alert - success inline variation 1`] = `
+exports[`Alert Alert - success inline variation 1`] = `
 <div>
   <div
     aria-label="Success Alert"
@@ -2604,137 +2084,7 @@ exports[`Alert - success inline variation 1`] = `
 </div>
 `;
 
-exports[`Alert - warning Action Close Button 1`] = `
-<Alert
-  actionClose={
-    <AlertActionCloseButton
-      aria-label="Close"
-      onClose={[MockFunction]}
-    />
-  }
-  title="Sample warning alert"
-  variant="warning"
->
-  <div
-    aria-label="Warning Alert"
-    className="pf-c-alert pf-m-warning"
-    data-ouia-component-id="OUIA-Generated-Alert-warning-5"
-    data-ouia-component-type="PF4/Alert"
-    data-ouia-safe={true}
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <AlertIcon
-      variant="warning"
-    >
-      <div
-        className="pf-c-alert__icon"
-      >
-        <ExclamationTriangleIcon
-          color="currentColor"
-          noVerticalAlign={false}
-          size="sm"
-        >
-          <svg
-            aria-hidden={true}
-            aria-labelledby={null}
-            fill="currentColor"
-            height="1em"
-            role="img"
-            style={
-              Object {
-                "verticalAlign": "-0.125em",
-              }
-            }
-            viewBox="0 0 576 512"
-            width="1em"
-          >
-            <path
-              d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
-            />
-          </svg>
-        </ExclamationTriangleIcon>
-      </div>
-    </AlertIcon>
-    <h4
-      className="pf-c-alert__title"
-    >
-      <span
-        className="pf-u-screen-reader"
-      >
-        Warning alert:
-      </span>
-      Sample warning alert
-    </h4>
-    <div
-      className="pf-c-alert__action"
-    >
-      <AlertActionCloseButton
-        aria-label="Close"
-        onClose={[MockFunction]}
-      >
-        <Button
-          aria-label="Close"
-          onClick={[MockFunction]}
-          variant="plain"
-        >
-          <ButtonBase
-            aria-label="Close"
-            innerRef={null}
-            onClick={[MockFunction]}
-            variant="plain"
-          >
-            <button
-              aria-disabled={false}
-              aria-label="Close"
-              className="pf-c-button pf-m-plain"
-              data-ouia-component-id="OUIA-Generated-Button-plain-7"
-              data-ouia-component-type="PF4/Button"
-              data-ouia-safe={true}
-              disabled={false}
-              onClick={[MockFunction]}
-              role={null}
-              type="button"
-            >
-              <TimesIcon
-                color="currentColor"
-                noVerticalAlign={false}
-                size="sm"
-              >
-                <svg
-                  aria-hidden={true}
-                  aria-labelledby={null}
-                  fill="currentColor"
-                  height="1em"
-                  role="img"
-                  style={
-                    Object {
-                      "verticalAlign": "-0.125em",
-                    }
-                  }
-                  viewBox="0 0 352 512"
-                  width="1em"
-                >
-                  <path
-                    d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-                  />
-                </svg>
-              </TimesIcon>
-            </button>
-          </ButtonBase>
-        </Button>
-      </AlertActionCloseButton>
-    </div>
-    <div
-      className="pf-c-alert__description"
-    >
-      Some alert
-    </div>
-  </div>
-</Alert>
-`;
-
-exports[`Alert - warning Action Link 1`] = `
+exports[`Alert Alert - warning Action Link 1`] = `
 <div>
   <div
     aria-label="Warning Alert"
@@ -2793,7 +2143,7 @@ exports[`Alert - warning Action Link 1`] = `
 </div>
 `;
 
-exports[`Alert - warning Action and Title 1`] = `
+exports[`Alert Alert - warning Action and Title 1`] = `
 <div>
   <div
     aria-label="Warning Alert"
@@ -2852,7 +2202,7 @@ exports[`Alert - warning Action and Title 1`] = `
 </div>
 `;
 
-exports[`Alert - warning Custom aria label 1`] = `
+exports[`Alert Alert - warning Custom aria label 1`] = `
 <div>
   <div
     aria-label="Custom aria label for warning"
@@ -2911,7 +2261,7 @@ exports[`Alert - warning Custom aria label 1`] = `
 </div>
 `;
 
-exports[`Alert - warning Custom icon 1`] = `
+exports[`Alert Alert - warning Custom icon 1`] = `
 <div>
   <div
     aria-label="warning custom icon alert"
@@ -2956,7 +2306,7 @@ exports[`Alert - warning Custom icon 1`] = `
 </div>
 `;
 
-exports[`Alert - warning Description 1`] = `
+exports[`Alert Alert - warning Description 1`] = `
 <div>
   <div
     aria-label="Warning Alert"
@@ -3001,7 +2351,7 @@ exports[`Alert - warning Description 1`] = `
 </div>
 `;
 
-exports[`Alert - warning Heading level 1`] = `
+exports[`Alert Alert - warning Heading level 1`] = `
 <div>
   <div
     aria-label="Warning Alert"
@@ -3046,7 +2396,7 @@ exports[`Alert - warning Heading level 1`] = `
 </div>
 `;
 
-exports[`Alert - warning Title 1`] = `
+exports[`Alert Alert - warning Title 1`] = `
 <div>
   <div
     aria-label="Warning Alert"
@@ -3091,7 +2441,7 @@ exports[`Alert - warning Title 1`] = `
 </div>
 `;
 
-exports[`Alert - warning Toast alerts match snapsnot 1`] = `
+exports[`Alert Alert - warning Toast alerts match snapsnot 1`] = `
 <div>
   <div
     aria-atomic="false"
@@ -3138,7 +2488,7 @@ exports[`Alert - warning Toast alerts match snapsnot 1`] = `
 </div>
 `;
 
-exports[`Alert - warning expandable variation 1`] = `
+exports[`Alert Alert - warning expandable variation 1`] = `
 <div>
   <div
     aria-label="Warning Alert"
@@ -3210,7 +2560,7 @@ exports[`Alert - warning expandable variation 1`] = `
 </div>
 `;
 
-exports[`Alert - warning inline variation 1`] = `
+exports[`Alert Alert - warning inline variation 1`] = `
 <div>
   <div
     aria-label="Warning Alert"