npm - @capillarytech/blaze-ui - Versions diffs - 1.2.8-beta.2 → 2.0.2 - Mend

@capillarytech/blaze-ui 1.2.8-beta.2 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

package/README.md +27 -192
package/dist/CapAlert/CapAlert.d.ts +7 -0
package/dist/CapAlert/CapAlert.d.ts.map +1 -1
package/dist/CapAlert/__snapshots__/CapAlert.test.tsx.snap +217 -0
package/dist/CapAlert/index.js +8 -3
package/dist/CapAlert/index.js.map +1 -1
package/dist/CapButton/CapButton.d.ts +1 -1
package/dist/CapButton/CapButton.d.ts.map +1 -1
package/dist/CapButton/__snapshots__/CapButton.test.tsx.snap +199 -0
package/dist/CapButton/index.js +25 -25
package/dist/CapButton/index.js.map +1 -1
package/dist/CapCard/__snapshots__/CapCard.test.tsx.snap +122 -0
package/dist/CapCheckbox/__snapshots__/CapCheckbox.test.tsx.snap +275 -0
package/dist/CapColumn/__snapshots__/CapColumn.test.tsx.snap +83 -0
package/dist/CapDivider/CapDivider.d.ts +8 -1
package/dist/CapDivider/CapDivider.d.ts.map +1 -1
package/dist/CapDivider/__snapshots__/CapDivider.test.tsx.snap +109 -0
package/dist/CapDivider/index.js +14 -488
package/dist/CapDivider/index.js.map +1 -1
package/dist/CapDropdown/CapDropdown.d.ts +31 -6
package/dist/CapDropdown/CapDropdown.d.ts.map +1 -1
package/dist/CapDropdown/__snapshots__/CapDropdown.test.tsx.snap +52 -0
package/dist/CapDropdown/index.js +77 -19
package/dist/CapDropdown/index.js.map +1 -1
package/dist/CapForm/__snapshots__/CapForm.test.tsx.snap +103 -0
package/dist/CapFormItem/__snapshots__/CapFormItem.test.tsx.snap +368 -0
package/dist/CapHeading/CapHeading.d.ts +37 -0
package/dist/CapHeading/CapHeading.d.ts.map +1 -0
package/dist/CapHeading/CapHeading.test.d.ts +2 -0
package/dist/CapHeading/CapHeading.test.d.ts.map +1 -0
package/dist/CapHeading/README.md +220 -0
package/dist/CapHeading/__snapshots__/CapHeading.test.tsx.snap +263 -0
package/dist/CapHeading/index.d.ts +3 -0
package/dist/CapHeading/index.d.ts.map +1 -0
package/dist/CapHeading/index.js +740 -0
package/dist/CapHeading/index.js.map +1 -0
package/dist/CapIcon/__snapshots__/CapIcon.test.tsx.snap +366 -0
package/dist/CapInput/__snapshots__/CapInput.test.tsx.snap +156 -0
package/dist/CapInput/__snapshots__/Number.test.tsx.snap +557 -0
package/dist/CapInput/__snapshots__/Search.test.tsx.snap +284 -0
package/dist/CapInput/__snapshots__/TextArea.test.tsx.snap +100 -0
package/dist/CapInput/index.js +1 -1
package/dist/CapInput/index.js.map +1 -1
package/dist/CapLabel/__snapshots__/CapLabel.test.tsx.snap +135 -0
package/dist/CapMenu/__snapshots__/CapMenu.test.tsx.snap +653 -0
package/dist/CapRadio/__snapshots__/CapRadio.test.tsx.snap +387 -0
package/dist/CapRow/__snapshots__/CapRow.test.tsx.snap +149 -0
package/dist/CapSkeleton/__snapshots__/CapSkeleton.test.tsx.snap +212 -0
package/dist/CapSpin/__snapshots__/CapSpin.test.tsx.snap +245 -0
package/dist/CapSwitch/CapSwitch.d.ts.map +1 -1
package/dist/CapSwitch/__snapshots__/CapSwitch.test.tsx.snap +178 -0
package/dist/CapSwitch/index.js +7 -489
package/dist/CapSwitch/index.js.map +1 -1
package/dist/CapTab/CapTab.d.ts +11 -1
package/dist/CapTab/CapTab.d.ts.map +1 -1
package/dist/CapTab/__snapshots__/CapTab.test.tsx.snap +1508 -0
package/dist/CapTab/index.js +29 -19
package/dist/CapTab/index.js.map +1 -1
package/dist/CapTable/__snapshots__/CapTable.test.tsx.snap +993 -0
package/dist/CapTooltip/CapTooltip.d.ts +32 -1
package/dist/CapTooltip/CapTooltip.d.ts.map +1 -1
package/dist/CapTooltip/__snapshots__/CapTooltip.test.tsx.snap +121 -0
package/dist/CapTooltip/index.js +25 -7
package/dist/CapTooltip/index.js.map +1 -1
package/dist/CapTooltipWithInfo/__snapshots__/CapTooltipWithInfo.test.tsx.snap +388 -0
package/dist/CapTooltipWithInfo/index.js +25 -7
package/dist/CapTooltipWithInfo/index.js.map +1 -1
package/dist/CapUnifiedSelect/__snapshots__/CapUnifiedSelect.test.tsx.snap +898 -0
package/dist/CapUnifiedSelect/index.js +28 -8
package/dist/CapUnifiedSelect/index.js.map +1 -1
package/dist/index.js +187 -232
package/dist/index.js.map +1 -1
package/package.json +7 -2

package/dist/CapUnifiedSelect/__snapshots__/CapUnifiedSelect.test.tsx.snap ADDED Viewed

@@ -0,0 +1,898 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+exports[`CapUnifiedSelect Snapshots should match snapshot in readOnly mode 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined cap-unified-select-container cap-unified-tree-select cap-unified-tree-select-readonly css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-single ant-select-disabled"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-content-value"
+              style="visibility: visible;"
+              title="Option 1"
+            >
+              Option 1
+            </div>
+            <input
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              autocomplete="off"
+              class="ant-select-input"
+              disabled=""
+              id="test-id"
+              readonly=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text cap-unified-select-more-text-disabled css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+exports[`CapUnifiedSelect Snapshots should match snapshot when disabled 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined cap-unified-select-container cap-unified-tree-select css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-single ant-select-disabled"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-placeholder"
+              style="visibility: visible;"
+            >
+              Disabled
+            </div>
+            <input
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              autocomplete="off"
+              class="ant-select-input"
+              disabled=""
+              id="test-id"
+              readonly=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text cap-unified-select-more-text-disabled css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+exports[`CapUnifiedSelect Snapshots should match snapshot with byline text 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="cap-unified-select-header-wrapper cap-unified-select-header"
+      >
+        <div
+          class="cap-label cap-label-div label16 cap-unified-select-header-label"
+        >
+          With Byline
+        </div>
+      </div>
+      <div
+        class="cap-unified-select-header-byline-text"
+      >
+        <div
+          class="cap-label cap-label-div label1 cap-unified-select-header-byline-text"
+        >
+          Additional information
+        </div>
+      </div>
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined cap-unified-select-container cap-unified-tree-select css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-single"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-placeholder"
+              style="visibility: visible;"
+            >
+              Select an option
+            </div>
+            <input
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              autocomplete="off"
+              class="ant-select-input"
+              id="test-id"
+              readonly=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+exports[`CapUnifiedSelect Snapshots should match snapshot with custom className 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 custom-select css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined cap-unified-select-container custom-container cap-unified-tree-select custom-select css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-single"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-placeholder"
+              style="visibility: visible;"
+            >
+              Select an option
+            </div>
+            <input
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              autocomplete="off"
+              class="ant-select-input"
+              id="test-id"
+              readonly=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+exports[`CapUnifiedSelect Snapshots should match snapshot with default props 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined cap-unified-select-container cap-unified-tree-select css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-single"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-placeholder"
+              style="visibility: visible;"
+            >
+              Select an option
+            </div>
+            <input
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              autocomplete="off"
+              class="ant-select-input"
+              id="test-id"
+              readonly=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+exports[`CapUnifiedSelect Snapshots should match snapshot with error state 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined ant-select-status-error cap-unified-select-container cap-unified-tree-select css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-single"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-placeholder"
+              style="visibility: visible;"
+            >
+              Select an option
+            </div>
+            <input
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              autocomplete="off"
+              class="ant-select-input"
+              id="test-id"
+              readonly=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+      <div
+        class="cap-label cap-label-div label1 cap-unified-select-status"
+      >
+        This field is required
+      </div>
+    </div>
+  </div>
+</div>
+`;
+exports[`CapUnifiedSelect Snapshots should match snapshot with header label 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="cap-unified-select-header-wrapper cap-unified-select-header"
+      >
+        <div
+          class="cap-label cap-label-div label16 cap-unified-select-header-label"
+        >
+          Select Header
+        </div>
+      </div>
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined cap-unified-select-container cap-unified-tree-select css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-single"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-placeholder"
+              style="visibility: visible;"
+            >
+              Select an option
+            </div>
+            <input
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              autocomplete="off"
+              class="ant-select-input"
+              id="test-id"
+              readonly=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+exports[`CapUnifiedSelect Snapshots should match snapshot with multi-select type 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined cap-unified-select-container cap-unified-tree-select css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-multiple"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-content-item ant-select-content-item-prefix"
+              style="opacity: 1;"
+            >
+              <div
+                class="ant-select-placeholder"
+                style="visibility: visible;"
+              >
+                Select multiple
+              </div>
+            </div>
+            <div
+              class="ant-select-content-item ant-select-content-item-suffix"
+              style="opacity: 1;"
+            >
+              <input
+                aria-autocomplete="list"
+                aria-expanded="false"
+                aria-haspopup="listbox"
+                autocomplete="off"
+                class="ant-select-input"
+                id="test-id"
+                readonly=""
+                role="combobox"
+                style="--select-input-width: 0;"
+                type="search"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+exports[`CapUnifiedSelect Snapshots should match snapshot with selected value 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined cap-unified-select-container cap-unified-tree-select css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-single"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-content-value"
+              style="visibility: visible;"
+              title="Option 1"
+            >
+              Option 1
+            </div>
+            <input
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              autocomplete="off"
+              class="ant-select-input"
+              id="test-id"
+              readonly=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+exports[`CapUnifiedSelect Snapshots should match snapshot with tooltip 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="cap-unified-select-header-wrapper cap-unified-select-header"
+      >
+        <div
+          class="cap-label cap-label-div label16 cap-unified-select-header-label"
+        >
+          With Tooltip
+        </div>
+        <span
+          class="cap-tooltip-with-info cap-unified-select-header-tooltip"
+        >
+          <div
+            class="cap-tooltip-wrapper"
+          >
+            <span
+              class="cap-tooltip-with-info-icon"
+            >
+              <span
+                class="cap-icon-wrapper cap-icon s"
+              >
+                <span
+                  aria-label="info-circle"
+                  class="anticon anticon-info-circle"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="info-circle"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
+                    />
+                    <path
+                      d="M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"
+                    />
+                  </svg>
+                </span>
+              </span>
+            </span>
+          </div>
+        </span>
+      </div>
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined cap-unified-select-container cap-unified-tree-select css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-single"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-placeholder"
+              style="visibility: visible;"
+            >
+              Select an option
+            </div>
+            <input
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              autocomplete="off"
+              class="ant-select-input"
+              id="test-id"
+              readonly=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+exports[`CapUnifiedSelect Snapshots should match snapshot with tree select type 1`] = `
+<div>
+  <div
+    class="ant-row ant-row-start ant-row-top cap-row-v2 css-dev-only-do-not-override-dbp7pc css-var-root"
+  >
+    <div
+      class="ant-row ant-row-start ant-row-top cap-row-v2 cap-unified-select-content css-dev-only-do-not-override-dbp7pc css-var-root"
+      type="flex"
+    >
+      <div
+        class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-tree-select-container css-dev-only-do-not-override-dbp7pc css-var-root"
+        type="flex"
+      >
+        <div
+          class="ant-select ant-tree-select ant-select-outlined cap-unified-select-container cap-unified-tree-select css-var-root ant-select-css-var ant-tree-select-css-var css-dev-only-do-not-override-dbp7pc ant-select-single"
+        >
+          <div
+            class="ant-select-content"
+          >
+            <div
+              class="ant-select-placeholder"
+              style="visibility: visible;"
+            >
+              Select from tree
+            </div>
+            <input
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="listbox"
+              autocomplete="off"
+              class="ant-select-input"
+              id="test-id"
+              readonly=""
+              role="combobox"
+              type="search"
+              value=""
+            />
+          </div>
+        </div>
+        <div
+          class="ant-row ant-row-start ant-row-middle cap-row-v2 cap-unified-select-more-text css-dev-only-do-not-override-dbp7pc css-var-root"
+          type="flex"
+        >
+          <span
+            class="cap-icon-wrapper cap-icon xs cap-unified-select-suffix-icon"
+          >
+            <span
+              aria-label="down"
+              class="anticon anticon-down"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="down"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                />
+              </svg>
+            </span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;