@patternfly/react-core 4.200.0 → 4.201.0

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

@@ -1,101 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`state action split button - renders primary variant 1`] = `
-<DropdownToggle
-  id="Dropdown Toggle"
-  parentRef={<div />}
-  splitButtonItems={
-    Array [
-      <div>
-        test
-      </div>,
-    ]
-  }
-  splitButtonVariant="action"
-  toggleVariant="primary"
->
-  <div
-    className="pf-c-dropdown__toggle pf-m-split-button pf-m-action pf-m-primary"
-  >
-    <div
-      key="1"
-    >
-      test
-    </div>
-    <Toggle
-      aria-label="Select"
-      bubbleEvent={false}
-      className=""
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-11"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe={true}
-      getMenuRef={null}
-      id="Dropdown Toggle"
-      isActive={false}
-      isDisabled={false}
-      isOpen={false}
-      isPlain={false}
-      isPrimary={false}
-      isSplitButton={true}
-      isText={false}
-      onEnter={[Function]}
-      onToggle={[Function]}
-      parentRef={<div />}
-      toggleVariant="primary"
-    >
-      <button
-        aria-expanded={false}
-        aria-label="Select"
-        className="pf-c-dropdown__toggle-button pf-m-primary"
-        data-ouia-component-id="OUIA-Generated-DropdownToggle-11"
-        data-ouia-component-type="PF4/DropdownToggle"
-        data-ouia-safe={true}
-        disabled={false}
-        id="Dropdown Toggle"
-        onClick={[Function]}
-        onKeyDown={[Function]}
-        type="button"
-      >
-        <span
-          className=""
-        >
-          Dropdown
-        </span>
-        <span
-          className=""
-        >
-          <CaretDownIcon
-            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 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>
-          </CaretDownIcon>
-        </span>
-      </button>
-    </Toggle>
-  </div>
-</DropdownToggle>
-`;
+exports[`DropdownToggleCheckbox state action split button - renders primary variant 1`] = `"<div class=\\"pf-c-dropdown__toggle pf-m-split-button pf-m-action pf-m-primary\\"><div>test</div><button data-testid=\\"test-id\\" data-ouia-component-type=\\"PF4/DropdownToggle\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggle-11\\" aria-label=\\"Select\\" id=\\"Dropdown Toggle\\" class=\\"pf-c-dropdown__toggle-button pf-m-primary\\" type=\\"button\\" aria-expanded=\\"false\\"><span class=\\"\\">Dropdown</span><span class=\\"\\"><svg style=\\"vertical-align: -0.125em;\\" fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 320 512\\" aria-hidden=\\"true\\" role=\\"img\\"><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\\"></path></svg></span></button></div>"`;
 
-exports[`state active 1`] = `
+exports[`DropdownToggleCheckbox state active 1`] = `
 <div>
   <button
     aria-expanded="false"
@@ -132,236 +39,13 @@ exports[`state active 1`] = `
 </div>
 `;
 
-exports[`state button variant - primary 1`] = `
-<DropdownToggle
-  id="Dropdown Toggle"
-  parentRef={<div />}
-  toggleVariant="primary"
->
-  <Toggle
-    bubbleEvent={false}
-    className=""
-    data-ouia-component-id="OUIA-Generated-DropdownToggle-8"
-    data-ouia-component-type="PF4/DropdownToggle"
-    data-ouia-safe={true}
-    getMenuRef={null}
-    id="Dropdown Toggle"
-    isActive={false}
-    isDisabled={false}
-    isOpen={false}
-    isPlain={false}
-    isPrimary={false}
-    isSplitButton={false}
-    isText={false}
-    onEnter={[Function]}
-    onToggle={[Function]}
-    parentRef={<div />}
-    toggleVariant="primary"
-  >
-    <button
-      aria-expanded={false}
-      className="pf-c-dropdown__toggle pf-m-primary"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-8"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe={true}
-      disabled={false}
-      id="Dropdown Toggle"
-      onClick={[Function]}
-      onKeyDown={[Function]}
-      type="button"
-    >
-      <span
-        className=""
-      >
-        Dropdown
-      </span>
-      <span
-        className=""
-      >
-        <CaretDownIcon
-          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 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>
-        </CaretDownIcon>
-      </span>
-    </button>
-  </Toggle>
-</DropdownToggle>
-`;
+exports[`DropdownToggleCheckbox state button variant - plain with text 1`] = `"<button data-ouia-component-type=\\"PF4/DropdownToggle\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggle-10\\" id=\\"Dropdown Toggle\\" class=\\"pf-c-dropdown__toggle pf-m-plain pf-m-text\\" type=\\"button\\" aria-expanded=\\"false\\"><span class=\\"\\">Dropdown</span><span class=\\"\\"><svg style=\\"vertical-align: -0.125em;\\" fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 320 512\\" aria-hidden=\\"true\\" role=\\"img\\"><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\\"></path></svg></span></button>"`;
 
-exports[`state button variant - secondary 1`] = `
-<DropdownToggle
-  id="Dropdown Toggle"
-  parentRef={<div />}
-  toggleVariant="secondary"
->
-  <Toggle
-    bubbleEvent={false}
-    className=""
-    data-ouia-component-id="OUIA-Generated-DropdownToggle-9"
-    data-ouia-component-type="PF4/DropdownToggle"
-    data-ouia-safe={true}
-    getMenuRef={null}
-    id="Dropdown Toggle"
-    isActive={false}
-    isDisabled={false}
-    isOpen={false}
-    isPlain={false}
-    isPrimary={false}
-    isSplitButton={false}
-    isText={false}
-    onEnter={[Function]}
-    onToggle={[Function]}
-    parentRef={<div />}
-    toggleVariant="secondary"
-  >
-    <button
-      aria-expanded={false}
-      className="pf-c-dropdown__toggle pf-m-secondary"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-9"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe={true}
-      disabled={false}
-      id="Dropdown Toggle"
-      onClick={[Function]}
-      onKeyDown={[Function]}
-      type="button"
-    >
-      <span
-        className=""
-      >
-        Dropdown
-      </span>
-      <span
-        className=""
-      >
-        <CaretDownIcon
-          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 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>
-        </CaretDownIcon>
-      </span>
-    </button>
-  </Toggle>
-</DropdownToggle>
-`;
+exports[`DropdownToggleCheckbox state button variant - primary 1`] = `"<button data-ouia-component-type=\\"PF4/DropdownToggle\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggle-8\\" id=\\"Dropdown Toggle\\" class=\\"pf-c-dropdown__toggle pf-m-primary\\" type=\\"button\\" aria-expanded=\\"false\\"><span class=\\"\\">Dropdown</span><span class=\\"\\"><svg style=\\"vertical-align: -0.125em;\\" fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 320 512\\" aria-hidden=\\"true\\" role=\\"img\\"><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\\"></path></svg></span></button>"`;
 
-exports[`state button variant - secondary 2`] = `
-<DropdownToggle
-  id="Dropdown Toggle"
-  isPlain={true}
-  isText={true}
-  parentRef={<div />}
->
-  <Toggle
-    bubbleEvent={false}
-    className=""
-    data-ouia-component-id="OUIA-Generated-DropdownToggle-10"
-    data-ouia-component-type="PF4/DropdownToggle"
-    data-ouia-safe={true}
-    getMenuRef={null}
-    id="Dropdown Toggle"
-    isActive={false}
-    isDisabled={false}
-    isOpen={false}
-    isPlain={true}
-    isPrimary={false}
-    isSplitButton={false}
-    isText={true}
-    onEnter={[Function]}
-    onToggle={[Function]}
-    parentRef={<div />}
-    toggleVariant="default"
-  >
-    <button
-      aria-expanded={false}
-      className="pf-c-dropdown__toggle pf-m-plain pf-m-text"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-10"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe={true}
-      disabled={false}
-      id="Dropdown Toggle"
-      onClick={[Function]}
-      onKeyDown={[Function]}
-      type="button"
-    >
-      <span
-        className=""
-      >
-        Dropdown
-      </span>
-      <span
-        className=""
-      >
-        <CaretDownIcon
-          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 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>
-        </CaretDownIcon>
-      </span>
-    </button>
-  </Toggle>
-</DropdownToggle>
-`;
+exports[`DropdownToggleCheckbox state button variant - secondary 1`] = `"<button data-ouia-component-type=\\"PF4/DropdownToggle\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggle-9\\" id=\\"Dropdown Toggle\\" class=\\"pf-c-dropdown__toggle pf-m-secondary\\" type=\\"button\\" aria-expanded=\\"false\\"><span class=\\"\\">Dropdown</span><span class=\\"\\"><svg style=\\"vertical-align: -0.125em;\\" fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 320 512\\" aria-hidden=\\"true\\" role=\\"img\\"><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\\"></path></svg></span></button>"`;
 
-exports[`state class changes 1`] = `
+exports[`DropdownToggleCheckbox state class changes 1`] = `
 <div>
   <button
     aria-expanded="false"
@@ -398,44 +82,7 @@ exports[`state class changes 1`] = `
 </div>
 `;
 
-exports[`state class changes 2`] = `
-<div>
-  <button
-    aria-expanded="false"
-    class="pf-c-dropdown__toggle"
-    data-ouia-component-id="OUIA-Generated-DropdownToggle-14"
-    data-ouia-component-type="PF4/DropdownToggle"
-    data-ouia-safe="true"
-    id="Dropdown Toggle"
-    type="button"
-  >
-    <span
-      class="some-test-class"
-    >
-      Dropdown
-    </span>
-    <span
-      class="another-test-class"
-    >
-      <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>
-`;
-
-exports[`state focus 1`] = `
+exports[`DropdownToggleCheckbox state focus 1`] = `
 <div>
   <button
     aria-expanded="false"
@@ -472,7 +119,7 @@ exports[`state focus 1`] = `
 </div>
 `;
 
-exports[`state hover 1`] = `
+exports[`DropdownToggleCheckbox state hover 1`] = `
 <div>
   <button
     aria-expanded="false"
@@ -509,96 +156,4 @@ exports[`state hover 1`] = `
 </div>
 `;
 
-exports[`state split button - does not render primary variant 1`] = `
-<DropdownToggle
-  id="Dropdown Toggle"
-  parentRef={<div />}
-  splitButtonItems={
-    Array [
-      <div>
-        test
-      </div>,
-    ]
-  }
-  toggleVariant="primary"
->
-  <div
-    className="pf-c-dropdown__toggle pf-m-split-button"
-  >
-    <div
-      key="0"
-    >
-      test
-    </div>
-    <Toggle
-      aria-label="Select"
-      bubbleEvent={false}
-      className=""
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-12"
-      data-ouia-component-type="PF4/DropdownToggle"
-      data-ouia-safe={true}
-      getMenuRef={null}
-      id="Dropdown Toggle"
-      isActive={false}
-      isDisabled={false}
-      isOpen={false}
-      isPlain={false}
-      isPrimary={false}
-      isSplitButton={true}
-      isText={false}
-      onEnter={[Function]}
-      onToggle={[Function]}
-      parentRef={<div />}
-      toggleVariant="primary"
-    >
-      <button
-        aria-expanded={false}
-        aria-label="Select"
-        className="pf-c-dropdown__toggle-button pf-m-primary"
-        data-ouia-component-id="OUIA-Generated-DropdownToggle-12"
-        data-ouia-component-type="PF4/DropdownToggle"
-        data-ouia-safe={true}
-        disabled={false}
-        id="Dropdown Toggle"
-        onClick={[Function]}
-        onKeyDown={[Function]}
-        type="button"
-      >
-        <span
-          className=""
-        >
-          Dropdown
-        </span>
-        <span
-          className=""
-        >
-          <CaretDownIcon
-            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 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>
-          </CaretDownIcon>
-        </span>
-      </button>
-    </Toggle>
-  </div>
-</DropdownToggle>
-`;
+exports[`DropdownToggleCheckbox state split button - does not render primary variant 1`] = `"<div class=\\"pf-c-dropdown__toggle pf-m-split-button\\"><div>test</div><button data-testid=\\"test-id\\" data-ouia-component-type=\\"PF4/DropdownToggle\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggle-12\\" aria-label=\\"Select\\" id=\\"Dropdown Toggle\\" class=\\"pf-c-dropdown__toggle-button pf-m-primary\\" type=\\"button\\" aria-expanded=\\"false\\"><span class=\\"\\">Dropdown</span><span class=\\"\\"><svg style=\\"vertical-align: -0.125em;\\" fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 320 512\\" aria-hidden=\\"true\\" role=\\"img\\"><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\\"></path></svg></span></button></div>"`;

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

@@ -1,149 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`3rd state 1`] = `
-<div>
-  <label
-    class="pf-c-dropdown__toggle-check"
-    for="check"
-  >
-    <input
-      aria-invalid="false"
-      aria-label="check"
-      data-ouia-component-id="OUIA-Generated-DropdownToggleCheckbox-5"
-      data-ouia-component-type="PF4/DropdownToggleCheckbox"
-      data-ouia-safe="true"
-      id="check"
-      type="checkbox"
-    />
-  </label>
-</div>
-`;
+exports[`DropdownToggleCheckbox 3rd state 1`] = `"<input id=\\"check\\" aria-label=\\"check\\" type=\\"checkbox\\" aria-invalid=\\"false\\" data-ouia-component-type=\\"PF4/DropdownToggleCheckbox\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggleCheckbox-5\\">"`;
 
-exports[`controlled 1`] = `
-<div>
-  <label
-    class="pf-c-dropdown__toggle-check"
-    for="check"
-  >
-    <input
-      aria-invalid="false"
-      aria-label="check"
-      checked=""
-      data-ouia-component-id="OUIA-Generated-DropdownToggleCheckbox-1"
-      data-ouia-component-type="PF4/DropdownToggleCheckbox"
-      data-ouia-safe="true"
-      id="check"
-      type="checkbox"
-    />
-  </label>
-</div>
-`;
+exports[`DropdownToggleCheckbox controlled 1`] = `"<input id=\\"check\\" aria-label=\\"check\\" type=\\"checkbox\\" aria-invalid=\\"false\\" data-ouia-component-type=\\"PF4/DropdownToggleCheckbox\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggleCheckbox-1\\" checked=\\"\\">"`;
 
-exports[`isDisabled 1`] = `
-<div>
-  <label
-    class="pf-c-dropdown__toggle-check"
-    for="check"
-  >
-    <input
-      aria-invalid="false"
-      aria-label="check"
-      data-ouia-component-id="OUIA-Generated-DropdownToggleCheckbox-4"
-      data-ouia-component-type="PF4/DropdownToggleCheckbox"
-      data-ouia-safe="true"
-      disabled=""
-      id="check"
-      type="checkbox"
-    />
-  </label>
-</div>
-`;
+exports[`DropdownToggleCheckbox isDisabled 1`] = `"<input id=\\"check\\" aria-label=\\"check\\" type=\\"checkbox\\" aria-invalid=\\"false\\" disabled=\\"\\" data-ouia-component-type=\\"PF4/DropdownToggleCheckbox\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggleCheckbox-4\\">"`;
 
-exports[`passing HTML attribute 1`] = `
-<div>
-  <label
-    class="pf-c-dropdown__toggle-check"
-    for="check"
-  >
-    <input
-      aria-invalid="false"
-      aria-label="check"
-      aria-labelledby="labelId"
-      checked=""
-      data-ouia-component-id="OUIA-Generated-DropdownToggleCheckbox-7"
-      data-ouia-component-type="PF4/DropdownToggleCheckbox"
-      data-ouia-safe="true"
-      id="check"
-      label="label"
-      type="checkbox"
-    />
-  </label>
-</div>
-`;
+exports[`DropdownToggleCheckbox passing HTML attribute 1`] = `"<input label=\\"label\\" aria-labelledby=\\"labelId\\" id=\\"check\\" aria-label=\\"check\\" type=\\"checkbox\\" aria-invalid=\\"false\\" data-ouia-component-type=\\"PF4/DropdownToggleCheckbox\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggleCheckbox-7\\" checked=\\"\\">"`;
 
-exports[`passing class 1`] = `
-<div>
-  <label
-    class="pf-c-dropdown__toggle-check class-123"
-    for="check"
-  >
-    <input
-      aria-invalid="false"
-      aria-label="check"
-      checked=""
-      data-ouia-component-id="OUIA-Generated-DropdownToggleCheckbox-6"
-      data-ouia-component-type="PF4/DropdownToggleCheckbox"
-      data-ouia-safe="true"
-      id="check"
-      label="label"
-      type="checkbox"
-    />
-  </label>
-</div>
-`;
+exports[`DropdownToggleCheckbox passing class 1`] = `"<input label=\\"label\\" id=\\"check\\" aria-label=\\"check\\" type=\\"checkbox\\" aria-invalid=\\"false\\" data-ouia-component-type=\\"PF4/DropdownToggleCheckbox\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggleCheckbox-6\\" checked=\\"\\">"`;
 
-exports[`uncontrolled 1`] = `
-<div>
-  <label
-    class="pf-c-dropdown__toggle-check"
-    for="check"
-  >
-    <input
-      aria-invalid="false"
-      aria-label="check"
-      data-ouia-component-id="OUIA-Generated-DropdownToggleCheckbox-2"
-      data-ouia-component-type="PF4/DropdownToggleCheckbox"
-      data-ouia-safe="true"
-      id="check"
-      type="checkbox"
-    />
-  </label>
-</div>
-`;
+exports[`DropdownToggleCheckbox uncontrolled 1`] = `"<input id=\\"check\\" aria-label=\\"check\\" type=\\"checkbox\\" aria-invalid=\\"false\\" data-ouia-component-type=\\"PF4/DropdownToggleCheckbox\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggleCheckbox-2\\">"`;
 
-exports[`with text 1`] = `
-<div>
-  <label
-    class="pf-c-dropdown__toggle-check"
-    for="check"
-  >
-    <input
-      aria-invalid="false"
-      aria-label="check"
-      data-ouia-component-id="OUIA-Generated-DropdownToggleCheckbox-3"
-      data-ouia-component-type="PF4/DropdownToggleCheckbox"
-      data-ouia-safe="true"
-      disabled=""
-      id="check"
-      type="checkbox"
-    />
-    <span
-      aria-hidden="true"
-      class="pf-c-dropdown__toggle-text"
-      id="check-text"
-    >
-      Some text
-    </span>
-  </label>
-</div>
-`;
+exports[`DropdownToggleCheckbox with text 1`] = `"<label class=\\"pf-c-dropdown__toggle-check\\" for=\\"check\\"><input id=\\"check\\" aria-label=\\"check\\" type=\\"checkbox\\" aria-invalid=\\"false\\" disabled=\\"\\" data-ouia-component-type=\\"PF4/DropdownToggleCheckbox\\" data-ouia-safe=\\"true\\" data-ouia-component-id=\\"OUIA-Generated-DropdownToggleCheckbox-3\\"><span class=\\"pf-c-dropdown__toggle-text\\" aria-hidden=\\"true\\" id=\\"check-text\\">Some text</span></label>"`;