Reviewing build 15763 • storybookjs/storybook-ui

chrome

ErrorBuild 15763 on norbert/no-context-in-prod

View Storybook

ErrorBuild 15763 on norbert/no-context-in-prod

View Storybook

edge

ErrorBuild 15763 on norbert/no-context-in-prod

View Storybook

ErrorBuild 15763 on norbert/no-context-in-prod

View Storybook

firefox

ErrorBuild 15763 on norbert/no-context-in-prod

View Storybook

ErrorBuild 15763 on norbert/no-context-in-prod

View Storybook

Fail

Tree.stories.tsx

Unable to find an element by: [data-testid="context-menu"]

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-ohbggj"
  >
    <svg
      class="css-1e1wj1"
      data-chromatic="ignore"
    >
      <symbol
        id="icon--group"
      >
        <path
          clip-rule="evenodd"
          d="M6.586 3.504l-1.5-1.5H1v9h12v-7.5H6.586zm.414-1L5.793 1.297a1 1 0 00-.707-.293H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-8.5a.5.5 0 00-.5-.5H7z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--component"
      >
        <path
          clip-rule="evenodd"
          d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--document"
      >
        <path
          d="M4 5.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7.5a.5.5 0 000 1h5a.5.5 0 000-1h-5zM4 10.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5z"
          fill="currentColor"
        />
        <path
          clip-rule="evenodd"
          d="M1.5 0a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V3.207a.5.5 0 00-.146-.353L10.146.146A.5.5 0 009.793 0H1.5zM2 1h7.5v2a.5.5 0 00.5.5h2V13H2V1z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--story"
      >
        <path
          clip-rule="evenodd"
          d="M3.5 0h7a.5.5 0 01.5.5v13a.5.5 0 01-.454.498.462.462 0 01-.371-.118L7 11.159l-3.175 2.72a.46.46 0 01-.379.118A.5.5 0 013 13.5V.5a.5.5 0 01.5-.5zM4 12.413l2.664-2.284a.454.454 0 01.377-.128.498.498 0 01.284.12L10 12.412V1H4v11.413z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--success"
      >
        <path
          clip-rule="evenodd"
          d="M10.854 4.146a.5.5 0 010 .708l-5 5a.5.5 0 01-.708 0l-2-2a.5.5 0 11.708-.708L5.5 8.793l4.646-4.647a.5.5 0 01.708 0z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--error"
      >
        <path
          clip-rule="evenodd"
          d="M7 4a3 3 0 100 6 3 3 0 000-6zM3 7a4 4 0 118 0 4 4 0 01-8 0z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--warning"
      >
        <path
          clip-rule="evenodd"
          d="M7.206 3.044a.498.498 0 01.23.212l3.492 5.985a.494.494 0 01.006.507.497.497 0 01-.443.252H3.51a.499.499 0 01-.437-.76l3.492-5.984a.497.497 0 01.642-.212zM7 4.492L4.37 9h5.26L7 4.492z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--dot"
      >
        <circle
          cx="3"
          cy="3"
          fill="currentColor"
          r="3"
        />
      </symbol>
    </svg>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="single--docs"
      data-nodetype="document"
      data-ref-id="storybook_internal"
      data-selected="false"
    >
      <a
        class="css-caedy5"
        href="/iframe.html?path=/docs/single--docs"
        id="single--docs"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-1omskcr"
            height="12"
            type="document"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--document"
            />
          </svg>
        </div>
        Single
      </a>
    </div>
    <div
      class="sidebar-subheading css-1ikkmhb"
      data-item-id="tooltip"
      data-nodetype="root"
      data-ref-id="storybook_internal"
      id="tooltip"
    >
      <button
        aria-expanded="true"
        class="css-92gwvb"
        data-action="collapse-root"
        type="button"
      >
        <div
          class="css-1h0aucu"
        >
          <svg
            fill="none"
            height="8"
            width="8"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              clip-rule="evenodd"
              d="M1.896 7.146a.5.5 0 1 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 1 0-.708.708L5.043 4 1.896 7.146Z"
              fill="#73828C"
              fill-rule="evenodd"
            />
          </svg>
        </div>
        tooltip
      </button>
      <button
        aria-label="Collapse"
        class="sidebar-subheading-action css-18rvurk"
        data-action="expand-all"
        data-expanded="false"
      >
        <svg
          fill="none"
          height="14"
          viewBox="0 0 14 14"
          width="14"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M7.354.146l4 4a.5.5 0 01-.708.708L7 1.207 3.354 4.854a.5.5 0 11-.708-.708l4-4a.5.5 0 01.708 0zM11.354 9.146a.5.5 0 010 .708l-4 4a.5.5 0 01-.708 0l-4-4a.5.5 0 11.708-.708L7 12.793l3.646-3.647a.5.5 0 01.708 0z"
            fill="currentColor"
          />
        </svg>
      </button>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipbuildlist"
      data-nodetype="component"
      data-parent-id="tooltip"
      data-ref-id="storybook_internal"
    >
      <button
        aria-controls="tooltip-tooltipbuildlist--default"
        aria-expanded="true"
        class="css-154pbrb"
        id="tooltip-tooltipbuildlist"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <div
            class="css-1h0aucu"
          >
            <svg
              fill="none"
              height="8"
              width="8"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M1.896 7.146a.5.5 0 1 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 1 0-.708.708L5.043 4 1.896 7.146Z"
                fill="#73828C"
                fill-rule="evenodd"
              />
            </svg>
          </div>
          <svg
            class="css-1e3avu6"
            height="12"
            type="component"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--component"
            />
          </svg>
        </div>
        TooltipBuildList
      </button>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipbuildlist--default"
      data-nodetype="story"
      data-parent-id="tooltip-tooltipbuildlist"
      data-ref-id="storybook_internal"
      data-selected="true"
    >
      <a
        class="css-xwriep"
        href="/iframe.html?path=/story/tooltip-tooltipbuildlist--default"
        id="tooltip-tooltipbuildlist--default"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-ndobih"
            height="12"
            type="story"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--story"
            />
          </svg>
        </div>
        default
      </a>
      <a
        class="css-13ck5d5"
        href="#storybook-preview-wrapper"
      >
        Skip to canvas
      </a>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipbuildlist--no-commit"
      data-nodetype="story"
      data-parent-id="tooltip-tooltipbuildlist"
      data-ref-id="storybook_internal"
      data-selected="false"
    >
      <a
        class="css-xwriep"
        href="/iframe.html?path=/story/tooltip-tooltipbuildlist--no-commit"
        id="tooltip-tooltipbuildlist--no-commit"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-ndobih"
            height="12"
            type="story"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--story"
            />
          </svg>
        </div>
        no commit
      </a>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipselect--tooltipselect"
      data-nodetype="story"
      data-parent-id="tooltip"
      data-ref-id="storybook_internal"
      data-selected="false"
    >
      <a
        class="css-caedy5"
        href="/iframe.html?path=/story/tooltip-tooltipselect--tooltipselect"
        id="tooltip-tooltipselect--tooltipselect"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-ndobih"
            height="12"
            type="story"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--story"
            />
          </svg>
        </div>
        TooltipSelect
      </a>
    </div>
  </div>
</div>

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-ohbggj"
  >
    <svg
      class="css-1e1wj1"
      data-chromatic="ignore"
    >
      <symbol
        id="icon--group"
      >
        <path
          clip-rule="evenodd"
          d="M6.586 3.504l-1.5-1.5H1v9h12v-7.5H6.586zm.414-1L5.793 1.297a1 1 0 00-.707-.293H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-8.5a.5.5 0 00-.5-.5H7z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--component"
      >
        <path
          clip-rule="evenodd"
          d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--document"
      >
        <path
          d="M4 5.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7.5a.5.5 0 000 1h5a.5.5 0 000-1h-5zM4 10.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5z"
          fill="currentColor"
        />
        <path
          clip-rule="evenodd"
          d="M1.5 0a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V3.207a.5.5 0 00-.146-.353L10.146.146A.5.5 0 009.793 0H1.5zM2 1h7.5v2a.5.5 0 00.5.5h2V13H2V1z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--story"
      >
        <path
          clip-rule="evenodd"
          d="M3.5 0h7a.5.5 0 01.5.5v13a.5.5 0 01-.454.498.462.462 0 01-.371-.118L7 11.159l-3.175 2.72a.46.46 0 01-.379.118A.5.5 0 013 13.5V.5a.5.5 0 01.5-.5zM4 12.413l2.664-2.284a.454.454 0 01.377-.128.498.498 0 01.284.12L10 12.412V1H4v11.413z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--success"
      >
        <path
          clip-rule="evenodd"
          d="M10.854 4.146a.5.5 0 010 .708l-5 5a.5.5 0 01-.708 0l-2-2a.5.5 0 11.708-.708L5.5 8.793l4.646-4.647a.5.5 0 01.708 0z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--error"
      >
        <path
          clip-rule="evenodd"
          d="M7 4a3 3 0 100 6 3 3 0 000-6zM3 7a4 4 0 118 0 4 4 0 01-8 0z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--warning"
      >
        <path
          clip-rule="evenodd"
          d="M7.206 3.044a.498.498 0 01.23.212l3.492 5.985a.494.494 0 01.006.507.497.497 0 01-.443.252H3.51a.499.499 0 01-.437-.76l3.492-5.984a.497.497 0 01.642-.212zM7 4.492L4.37 9h5.26L7 4.492z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--dot"
      >
        <circle
          cx="3"
          cy="3"
          fill="currentColor"
          r="3"
        />
      </symbol>
    </svg>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="single--docs"
      data-nodetype="document"
      data-ref-id="storybook_internal"
      data-selected="false"
    >
      <a
        class="css-caedy5"
        href="/iframe.html?path=/docs/single--docs"
        id="single--docs"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-1omskcr"
            height="12"
            type="document"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--document"
            />
          </svg>
        </div>
        Single
      </a>
    </div>
    <div
      class="sidebar-subheading css-1ikkmhb"
      data-item-id="tooltip"
      data-nodetype="root"
      data-ref-id="storybook_internal"
      id="tooltip"
    >
      <button
        aria-expanded="true"
        class="css-92gwvb"
        data-action="collapse-root"
        type="button"
      >
        <div
          class="css-1h0aucu"
        >
          <svg
            fill="none"
            height="8"
            width="8"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              clip-rule="evenodd"
              d="M1.896 7.146a.5.5 0 1 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 1 0-.708.708L5.043 4 1.896 7.146Z"
              fill="#73828C"
              fill-rule="evenodd"
            />
          </svg>
        </div>
        tooltip
      </button>
      <button
        aria-label="Collapse"
        class="sidebar-subheading-action css-18rvurk"
        data-action="expand-all"
        data-expanded="false"
      >
        <svg
          fill="none"
          height="14"
          viewBox="0 0 14 14"
          width="14"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M7.354.146l4 4a.5.5 0 01-.708.708L7 1.207 3.354 4.854a.5.5 0 11-.708-.708l4-4a.5.5 0 01.708 0zM11.354 9.146a.5.5 0 010 .708l-4 4a.5.5 0 01-.708 0l-4-4a.5.5 0 11.708-.708L7 12.793l3.646-3.647a.5.5 0 01.708 0z"
            fill="currentColor"
          />
        </svg>
      </button>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipbuildlist"
      data-nodetype="component"
      data-parent-id="tooltip"
      data-ref-id="storybook_internal"
    >
      <button
        aria-controls="tooltip-tooltipbuildlist--default"
        aria-expanded="true"
        class="css-154pbrb"
        id="tooltip-tooltipbuildlist"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <div
            class="css-1h0aucu"
          >
            <svg
              fill="none"
              height="8"
              width="8"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M1.896 7.146a.5.5 0 1 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 1 0-.708.708L5.043 4 1.896 7.146Z"
                fill="#73828C"
                fill-rule="evenodd"
              />
            </svg>
          </div>
          <svg
            class="css-1e3avu6"
            height="12"
            type="component"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--component"
            />
          </svg>
        </div>
        TooltipBuildList
      </button>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipbuildlist--default"
      data-nodetype="story"
      data-parent-id="tooltip-tooltipbuildlist"
      data-ref-id="storybook_internal"
      data-selected="true"
    >
      <a
        class="css-xwriep"
        href="/iframe.html?path=/story/tooltip-tooltipbuildlist--default"
        id="tooltip-tooltipbuildlist--default"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-ndobih"
            height="12"
            type="story"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--story"
            />
          </svg>
        </div>
        default
      </a>
      <a
        class="css-13ck5d5"
        href="#storybook-preview-wrapper"
      >
        Skip to canvas
      </a>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipbuildlist--no-commit"
      data-nodetype="story"
      data-parent-id="tooltip-tooltipbuildlist"
      data-ref-id="storybook_internal"
      data-selected="false"
    >
      <a
        class="css-xwriep"
        href="/iframe.html?path=/story/tooltip-tooltipbuildlist--no-commit"
        id="tooltip-tooltipbuildlist--no-commit"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-ndobih"
            height="12"
            type="story"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--story"
            />
          </svg>
        </div>
        no commit
      </a>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipselect--tooltipselect"
      data-nodetype="story"
      data-parent-id="tooltip"
      data-ref-id="storybook_internal"
      data-selected="false"
    >
      <a
        class="css-caedy5"
        href="/iframe.html?path=/story/tooltip-tooltipselect--tooltipselect"
        id="tooltip-tooltipselect--tooltipselect"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-ndobih"
            height="12"
            type="story"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--story"
            />
          </svg>
        </div>
        TooltipSelect
      </a>
    </div>
  </div>
</div>

View in Storybook

Chrome 121

1280x188

Linux Linux Ubuntu 20.04.4

61a7b2 on norbert/no-context-in-prod

Caught exception in play function

This story threw an error after it finished rendering which means interactions may not have been executed fully.

Error: Unable to find an element by: [data-testid="context-menu"]

Ignored nodes: comments, script, style
<div
  id="storybook-root"
>
  <div
    class="css-ohbggj"
  >
    <svg
      class="css-1e1wj1"
      data-chromatic="ignore"
    >
      <symbol
        id="icon--group"
      >
        <path
          clip-rule="evenodd"
          d="M6.586 3.504l-1.5-1.5H1v9h12v-7.5H6.586zm.414-1L5.793 1.297a1 1 0 00-.707-.293H.5a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h13a.5.5 0 00.5-.5v-8.5a.5.5 0 00-.5-.5H7z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--component"
      >
        <path
          clip-rule="evenodd"
          d="M3.5 1.004a2.5 2.5 0 00-2.5 2.5v7a2.5 2.5 0 002.5 2.5h7a2.5 2.5 0 002.5-2.5v-7a2.5 2.5 0 00-2.5-2.5h-7zm8.5 5.5H7.5v-4.5h3a1.5 1.5 0 011.5 1.5v3zm0 1v3a1.5 1.5 0 01-1.5 1.5h-3v-4.5H12zm-5.5 4.5v-4.5H2v3a1.5 1.5 0 001.5 1.5h3zM2 6.504h4.5v-4.5h-3a1.5 1.5 0 00-1.5 1.5v3z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--document"
      >
        <path
          d="M4 5.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5zM4.5 7.5a.5.5 0 000 1h5a.5.5 0 000-1h-5zM4 10.5a.5.5 0 01.5-.5h5a.5.5 0 010 1h-5a.5.5 0 01-.5-.5z"
          fill="currentColor"
        />
        <path
          clip-rule="evenodd"
          d="M1.5 0a.5.5 0 00-.5.5v13a.5.5 0 00.5.5h11a.5.5 0 00.5-.5V3.207a.5.5 0 00-.146-.353L10.146.146A.5.5 0 009.793 0H1.5zM2 1h7.5v2a.5.5 0 00.5.5h2V13H2V1z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--story"
      >
        <path
          clip-rule="evenodd"
          d="M3.5 0h7a.5.5 0 01.5.5v13a.5.5 0 01-.454.498.462.462 0 01-.371-.118L7 11.159l-3.175 2.72a.46.46 0 01-.379.118A.5.5 0 013 13.5V.5a.5.5 0 01.5-.5zM4 12.413l2.664-2.284a.454.454 0 01.377-.128.498.498 0 01.284.12L10 12.412V1H4v11.413z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--success"
      >
        <path
          clip-rule="evenodd"
          d="M10.854 4.146a.5.5 0 010 .708l-5 5a.5.5 0 01-.708 0l-2-2a.5.5 0 11.708-.708L5.5 8.793l4.646-4.647a.5.5 0 01.708 0z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--error"
      >
        <path
          clip-rule="evenodd"
          d="M7 4a3 3 0 100 6 3 3 0 000-6zM3 7a4 4 0 118 0 4 4 0 01-8 0z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--warning"
      >
        <path
          clip-rule="evenodd"
          d="M7.206 3.044a.498.498 0 01.23.212l3.492 5.985a.494.494 0 01.006.507.497.497 0 01-.443.252H3.51a.499.499 0 01-.437-.76l3.492-5.984a.497.497 0 01.642-.212zM7 4.492L4.37 9h5.26L7 4.492z"
          fill="currentColor"
          fill-rule="evenodd"
        />
      </symbol>
      <symbol
        id="icon--dot"
      >
        <circle
          cx="3"
          cy="3"
          fill="currentColor"
          r="3"
        />
      </symbol>
    </svg>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="single--docs"
      data-nodetype="document"
      data-ref-id="storybook_internal"
      data-selected="false"
    >
      <a
        class="css-caedy5"
        href="/iframe.html?path=/docs/single--docs"
        id="single--docs"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-1omskcr"
            height="12"
            type="document"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--document"
            />
          </svg>
        </div>
        Single
      </a>
    </div>
    <div
      class="sidebar-subheading css-1ikkmhb"
      data-item-id="tooltip"
      data-nodetype="root"
      data-ref-id="storybook_internal"
      id="tooltip"
    >
      <button
        aria-expanded="true"
        class="css-92gwvb"
        data-action="collapse-root"
        type="button"
      >
        <div
          class="css-1h0aucu"
        >
          <svg
            fill="none"
            height="8"
            width="8"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              clip-rule="evenodd"
              d="M1.896 7.146a.5.5 0 1 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 1 0-.708.708L5.043 4 1.896 7.146Z"
              fill="#73828C"
              fill-rule="evenodd"
            />
          </svg>
        </div>
        tooltip
      </button>
      <button
        aria-label="Collapse"
        class="sidebar-subheading-action css-18rvurk"
        data-action="expand-all"
        data-expanded="false"
      >
        <svg
          fill="none"
          height="14"
          viewBox="0 0 14 14"
          width="14"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M7.354.146l4 4a.5.5 0 01-.708.708L7 1.207 3.354 4.854a.5.5 0 11-.708-.708l4-4a.5.5 0 01.708 0zM11.354 9.146a.5.5 0 010 .708l-4 4a.5.5 0 01-.708 0l-4-4a.5.5 0 11.708-.708L7 12.793l3.646-3.647a.5.5 0 01.708 0z"
            fill="currentColor"
          />
        </svg>
      </button>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipbuildlist"
      data-nodetype="component"
      data-parent-id="tooltip"
      data-ref-id="storybook_internal"
    >
      <button
        aria-controls="tooltip-tooltipbuildlist--default"
        aria-expanded="true"
        class="css-154pbrb"
        id="tooltip-tooltipbuildlist"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <div
            class="css-1h0aucu"
          >
            <svg
              fill="none"
              height="8"
              width="8"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                clip-rule="evenodd"
                d="M1.896 7.146a.5.5 0 1 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 1 0-.708.708L5.043 4 1.896 7.146Z"
                fill="#73828C"
                fill-rule="evenodd"
              />
            </svg>
          </div>
          <svg
            class="css-1e3avu6"
            height="12"
            type="component"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--component"
            />
          </svg>
        </div>
        TooltipBuildList
      </button>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipbuildlist--default"
      data-nodetype="story"
      data-parent-id="tooltip-tooltipbuildlist"
      data-ref-id="storybook_internal"
      data-selected="true"
    >
      <a
        class="css-xwriep"
        href="/iframe.html?path=/story/tooltip-tooltipbuildlist--default"
        id="tooltip-tooltipbuildlist--default"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-ndobih"
            height="12"
            type="story"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--story"
            />
          </svg>
        </div>
        default
      </a>
      <a
        class="css-13ck5d5"
        href="#storybook-preview-wrapper"
      >
        Skip to canvas
      </a>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipbuildlist--no-commit"
      data-nodetype="story"
      data-parent-id="tooltip-tooltipbuildlist"
      data-ref-id="storybook_internal"
      data-selected="false"
    >
      <a
        class="css-xwriep"
        href="/iframe.html?path=/story/tooltip-tooltipbuildlist--no-commit"
        id="tooltip-tooltipbuildlist--no-commit"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-ndobih"
            height="12"
            type="story"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--story"
            />
          </svg>
        </div>
        no commit
      </a>
    </div>
    <div
      class="sidebar-item css-qse3kx"
      data-highlightable="true"
      data-item-id="tooltip-tooltipselect--tooltipselect"
      data-nodetype="story"
      data-parent-id="tooltip"
      data-ref-id="storybook_internal"
      data-selected="false"
    >
      <a
        class="css-caedy5"
        href="/iframe.html?path=/story/tooltip-tooltipselect--tooltipselect"
        id="tooltip-tooltipselect--tooltipselect"
        tabindex="-1"
      >
        <div
          class="css-99l9qv"
        >
          <svg
            class="css-ndobih"
            height="12"
            type="story"
            viewBox="0 0 14 14"
            width="12"
          >
            <use
              xlink:href="#icon--story"
            />
          </svg>
        </div>
        TooltipSelect
      </a>
    </div>
  </div>
</div>
    at ka (https://635781f3500dd2c49e189caf-psrrfheplc.capture-loopback.chromatic.com/assets/index-ee31b4a8.js:151:3353)
    at https://635781f3500dd2c49e189caf-psrrfheplc.capture-loopback.chromatic.com/assets/index-ee31b4a8.js:159:234
    at Rl.invoke (https://635781f3500dd2c49e189caf-psrrfheplc.capture-loopback.chromatic.com/assets/index-28297db0.js:48:8791)
    at Rl.intercept (https://635781f3500dd2c49e189caf-psrrfheplc.capture-loopback.chromatic.com/assets/index-28297db0.js:48:6193)
    at Rl.track (https://635781f3500dd2c49e189caf-psrrfheplc.capture-loopback.chromatic.com/assets/index-28297db0.js:48:5925)
    at Object.findByTestId (https://635781f3500dd2c49e189caf-psrrfheplc.capture-loopback.chromatic.com/assets/index-28297db0.js:48:5198)
    at play (https://635781f3500dd2c49e189caf-psrrfheplc.capture-loopback.chromatic.com/assets/Tree.stories-ee86a3d0.js:1:5409)
    at async mn.runPhase (https://635781f3500dd2c49e189caf-psrrfheplc.capture-loopback.chromatic.com/sb-preview/runtime.js:5875:94)
    at async mn.render (https://635781f3500dd2c49e189caf-psrrfheplc.capture-loopback.chromatic.com/sb-preview/runtime.js:5988:14)