@patternfly/react-core 5.0.0-alpha.47 → 5.0.0-alpha.48

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

@@ -1,978 +1,47 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Dropdown Renders in strict mode 1`] = `
+exports[`match snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-dropdown pf-m-expanded"
-    data-ouia-component-id="OUIA-Generated-Dropdown-10"
+    data-ouia-component-id="dropdown"
     data-ouia-component-type="PF4/Dropdown"
     data-ouia-safe="true"
   >
-    <button
-      aria-expanded="true"
-      aria-haspopup="true"
-      class="pf-c-dropdown__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-10"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe="true"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <span
-        class="pf-c-dropdown__toggle-text"
+    <div>
+      <div
+        class="customClass"
+        data-testid="menu-mock"
       >
-        Dropdown
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 320 512"
-          width="1em"
-        >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
-      </span>
-    </button>
-    <ul
-      aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu"
-      role="menu"
-    >
-      <li
-        role="none"
-      >
-        <a
-          class="pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          class="pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Action
-        </button>
-      </li>
-      <li
-        role="none"
-      >
-        <a
-          aria-disabled="true"
-          class="pf-m-disabled pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Disabled Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          aria-disabled="true"
-          class="pf-m-disabled pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Disabled Action
-        </button>
-      </li>
-      <li
-        role="none"
-      >
-        <div
-          class="pf-c-divider"
-          role="separator"
-        />
-      </li>
-      <li
-        role="none"
-      >
-        <a
-          class="pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Separated Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          class="pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Separated Action
-        </button>
-      </li>
-    </ul>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Dropdown alignment breakpoints 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="Dropdown button"
-    class="pf-c-dropdown pf-m-expanded"
-    data-ouia-component-id="OUIA-Generated-Dropdown-3"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="true"
-      aria-haspopup="true"
-      class="pf-c-dropdown__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-3"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe="true"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <span
-        class="pf-c-dropdown__toggle-text"
-      >
-        Dropdown
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 320 512"
-          width="1em"
-        >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
-      </span>
-    </button>
-    <ul
-      aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu pf-m-align-left-on-sm pf-m-align-right-on-md pf-m-align-left-on-lg pf-m-align-right-on-xl pf-m-align-left-on-2xl"
-      role="menu"
-    >
-      <li
-        role="none"
-      >
-        <a
-          class="pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          class="pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Action
-        </button>
-      </li>
-      <li
-        role="none"
-      >
-        <a
-          aria-disabled="true"
-          class="pf-m-disabled pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Disabled Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          aria-disabled="true"
-          class="pf-m-disabled pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Disabled Action
-        </button>
-      </li>
-      <li
-        role="none"
-      >
-        <div
-          class="pf-c-divider"
-          role="separator"
-        />
-      </li>
-      <li
-        role="none"
-      >
-        <a
-          class="pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Separated Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          class="pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Separated Action
-        </button>
-      </li>
-    </ul>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Dropdown basic 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown pf-m-expanded"
-    data-ouia-component-id="OUIA-Generated-Dropdown-8"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="true"
-      aria-haspopup="false"
-      class="pf-c-dropdown__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-8"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe="true"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <span
-        class="pf-c-dropdown__toggle-text"
-      >
-        Dropdown
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 320 512"
-          width="1em"
-        >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
-      </span>
-    </button>
-    <div
-      class="pf-c-dropdown__menu"
-    >
-      <div>
-        BASIC
+        <div>
+          <div>
+            Dropdown children
+          </div>
+        </div>
       </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Dropdown dropup + right aligned 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown pf-m-top pf-m-align-right"
-    data-ouia-component-id="OUIA-Generated-Dropdown-5"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="pf-c-dropdown__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-5"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe="true"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <span
-        class="pf-c-dropdown__toggle-text"
-      >
-        Dropdown
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 320 512"
-          width="1em"
-        >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
-      </span>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Dropdown dropup 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown pf-m-top"
-    data-ouia-component-id="OUIA-Generated-Dropdown-4"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="pf-c-dropdown__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-4"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe="true"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <span
-        class="pf-c-dropdown__toggle-text"
-      >
-        Dropdown
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 320 512"
-          width="1em"
-        >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
-      </span>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Dropdown expanded 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="Dropdown button"
-    class="pf-c-dropdown pf-m-expanded"
-    data-ouia-component-id="OUIA-Generated-Dropdown-6"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="true"
-      aria-haspopup="true"
-      class="pf-c-dropdown__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-6"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe="true"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <span
-        class="pf-c-dropdown__toggle-text"
-      >
-        Dropdown
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 320 512"
-          width="1em"
-        >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
-      </span>
-    </button>
-    <ul
-      aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu"
-      role="menu"
-    >
-      <li
-        role="none"
-      >
-        <a
-          class="pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          class="pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Action
-        </button>
-      </li>
-      <li
-        role="none"
-      >
-        <a
-          aria-disabled="true"
-          class="pf-m-disabled pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Disabled Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          aria-disabled="true"
-          class="pf-m-disabled pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Disabled Action
-        </button>
-      </li>
-      <li
-        role="none"
-      >
-        <div
-          class="pf-c-divider"
-          role="separator"
-        />
-      </li>
-      <li
-        role="none"
-      >
-        <a
-          class="pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Separated Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          class="pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Separated Action
-        </button>
-      </li>
-    </ul>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Dropdown primary 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown"
-    data-ouia-component-id="OUIA-Generated-Dropdown-7"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="pf-c-dropdown__toggle pf-m-primary"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-7"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe="true"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <span
-        class="pf-c-dropdown__toggle-text"
-      >
-        Dropdown
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 320 512"
-          width="1em"
-        >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
-      </span>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Dropdown regular 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown"
-    data-ouia-component-id="OUIA-Generated-Dropdown-1"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="pf-c-dropdown__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-1"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe="true"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <span
-        class="pf-c-dropdown__toggle-text"
-      >
-        Dropdown
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 320 512"
-          width="1em"
-        >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
-      </span>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Dropdown right aligned 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown pf-m-align-right"
-    data-ouia-component-id="OUIA-Generated-Dropdown-2"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="pf-c-dropdown__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-2"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe="true"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <span
-        class="pf-c-dropdown__toggle-text"
-      >
-        Dropdown
-      </span>
-      <span
-        class="pf-c-dropdown__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          style="vertical-align: -0.125em;"
-          viewBox="0 0 320 512"
-          width="1em"
-        >
-          <path
-            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-          />
-        </svg>
-      </span>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`KebabToggle basic 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown pf-m-expanded"
-    data-ouia-component-id="OUIA-Generated-Dropdown-17"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="true"
-      aria-haspopup="false"
-      aria-label="Actions"
-      class="pf-c-dropdown__toggle"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <svg
-        aria-hidden="true"
-        fill="currentColor"
-        height="1em"
-        role="img"
-        style="vertical-align: -0.125em;"
-        viewBox="0 0 192 512"
-        width="1em"
-      >
-        <path
-          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-        />
-      </svg>
-    </button>
-    <div
-      class="pf-c-dropdown__menu"
-    >
       <div>
-        BASIC
+        Mock item
       </div>
+      <p>
+        isPlain: true
+      </p>
+      <p>
+        isScrollable: true
+      </p>
+      <p>
+        minWidth: undefined
+      </p>
+    </div>
+    <p>
+      zIndex: 9999
+    </p>
+    <p>
+      isOpen: true
+    </p>
+    <div>
+      <button>
+        Dropdown
+      </button>
     </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`KebabToggle dropup + right aligned 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown pf-m-top pf-m-align-right"
-    data-ouia-component-id="OUIA-Generated-Dropdown-14"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      aria-label="Actions"
-      class="pf-c-dropdown__toggle"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <svg
-        aria-hidden="true"
-        fill="currentColor"
-        height="1em"
-        role="img"
-        style="vertical-align: -0.125em;"
-        viewBox="0 0 192 512"
-        width="1em"
-      >
-        <path
-          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-        />
-      </svg>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`KebabToggle dropup 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown pf-m-top"
-    data-ouia-component-id="OUIA-Generated-Dropdown-13"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      aria-label="Actions"
-      class="pf-c-dropdown__toggle"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <svg
-        aria-hidden="true"
-        fill="currentColor"
-        height="1em"
-        role="img"
-        style="vertical-align: -0.125em;"
-        viewBox="0 0 192 512"
-        width="1em"
-      >
-        <path
-          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-        />
-      </svg>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`KebabToggle expanded 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="Dropdown button"
-    class="pf-c-dropdown pf-m-expanded"
-    data-ouia-component-id="OUIA-Generated-Dropdown-15"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="true"
-      aria-haspopup="true"
-      aria-label="Actions"
-      class="pf-c-dropdown__toggle"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <svg
-        aria-hidden="true"
-        fill="currentColor"
-        height="1em"
-        role="img"
-        style="vertical-align: -0.125em;"
-        viewBox="0 0 192 512"
-        width="1em"
-      >
-        <path
-          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-        />
-      </svg>
-    </button>
-    <ul
-      aria-labelledby="Dropdown Toggle"
-      class="pf-c-dropdown__menu"
-      role="menu"
-    >
-      <li
-        role="none"
-      >
-        <a
-          class="pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          class="pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Action
-        </button>
-      </li>
-      <li
-        role="none"
-      >
-        <a
-          aria-disabled="true"
-          class="pf-m-disabled pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Disabled Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          aria-disabled="true"
-          class="pf-m-disabled pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Disabled Action
-        </button>
-      </li>
-      <li
-        role="none"
-      >
-        <div
-          class="pf-c-divider"
-          role="separator"
-        />
-      </li>
-      <li
-        role="none"
-      >
-        <a
-          class="pf-c-dropdown__menu-item"
-          role="none"
-        >
-          Separated Link
-        </a>
-      </li>
-      <li
-        role="none"
-      >
-        <button
-          class="pf-c-dropdown__menu-item"
-          role="none"
-          type="button"
-        >
-          Separated Action
-        </button>
-      </li>
-    </ul>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`KebabToggle plain 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown"
-    data-ouia-component-id="OUIA-Generated-Dropdown-16"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      aria-label="Actions"
-      class="pf-c-dropdown__toggle pf-m-plain"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <svg
-        aria-hidden="true"
-        fill="currentColor"
-        height="1em"
-        role="img"
-        style="vertical-align: -0.125em;"
-        viewBox="0 0 192 512"
-        width="1em"
-      >
-        <path
-          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-        />
-      </svg>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`KebabToggle regular 1`] = `
-<DocumentFragment>
-  <div
-    aria-label="Dropdown button"
-    class="pf-c-dropdown"
-    data-ouia-component-id="OUIA-Generated-Dropdown-11"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      aria-label="Actions"
-      class="pf-c-dropdown__toggle"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <svg
-        aria-hidden="true"
-        fill="currentColor"
-        height="1em"
-        role="img"
-        style="vertical-align: -0.125em;"
-        viewBox="0 0 192 512"
-        width="1em"
-      >
-        <path
-          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-        />
-      </svg>
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`KebabToggle right aligned 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-dropdown pf-m-align-right"
-    data-ouia-component-id="OUIA-Generated-Dropdown-12"
-    data-ouia-component-type="PF4/Dropdown"
-    data-ouia-safe="true"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      aria-label="Actions"
-      class="pf-c-dropdown__toggle"
-      id="Dropdown Toggle"
-      type="button"
-    >
-      <svg
-        aria-hidden="true"
-        fill="currentColor"
-        height="1em"
-        role="img"
-        style="vertical-align: -0.125em;"
-        viewBox="0 0 192 512"
-        width="1em"
-      >
-        <path
-          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-        />
-      </svg>
-    </button>
   </div>
 </DocumentFragment>
 `;