@capillarytech/blaze-ui 2.4.1-beta.1 → 2.6.1-beta.0

package/dist/CapSlideBox/tests/CapSlideBox.mockData.d.ts

@@ -0,0 +1,16 @@
+export declare const shortContent: import("react/jsx-runtime").JSX.Element;
+export declare const longContent: import("react/jsx-runtime").JSX.Element;
+export declare const customHeaderElement: import("react/jsx-runtime").JSX.Element;
+export declare const footerContent: import("react/jsx-runtime").JSX.Element;
+export declare const defaultProps: {
+    show: boolean;
+    header: string;
+    content: import("react/jsx-runtime").JSX.Element;
+    handleClose: jest.Mock<any, any, any>;
+};
+export declare const sizeVariants: Array<'size-s' | 'size-r' | 'size-l' | 'size-xl'>;
+export declare const positionVariants: Array<'left' | 'right'>;
+export declare const closeIconSizes: Array<'xs' | 's' | 'm' | 'l'>;
+export declare const closeIconPositions: Array<'left' | 'right'>;
+export declare const closeIconTypes: Array<'close' | 'back'>;
+//# sourceMappingURL=CapSlideBox.mockData.d.ts.map

package/dist/CapSlideBox/tests/CapSlideBox.mockData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapSlideBox.mockData.d.ts","sourceRoot":"","sources":["../../../components/CapSlideBox/tests/CapSlideBox.mockData.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,yCAIxB,CAAC;AAEF,eAAO,MAAM,WAAW,yCAMvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,yCAK/B,CAAC;AAEF,eAAO,MAAM,aAAa,yCAQzB,CAAC;AAGF,eAAO,MAAM,YAAY;;;;;CAKxB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAK1E,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,MAAM,GAAG,OAAO,CAAqB,CAAC;AAG3E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAyB,CAAC;AAGnF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,MAAM,GAAG,OAAO,CAAqB,CAAC;AAG7E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,GAAG,MAAM,CAAqB,CAAC"}

package/dist/CapSlideBox/tests/CapSlideBox.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CapSlideBox.test.d.ts.map

package/dist/CapSlideBox/tests/CapSlideBox.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapSlideBox.test.d.ts","sourceRoot":"","sources":["../../../components/CapSlideBox/tests/CapSlideBox.test.tsx"],"names":[],"mappings":""}

package/dist/CapSlideBox/tests/__snapshots__/CapSlideBox.test.tsx.snap

@@ -0,0 +1,637 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`CapSlideBox Snapshots should match snapshot when hidden 1`] = `<div />`;
+
+exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-l 1`] = `
+<div>
+  <div
+    class="cap-slide-box-v2 show-slidebox"
+  >
+    <div
+      class="cap-slide-box-v2-container size-l right"
+    >
+      <div
+        class="slidebox-header-icon-right"
+      >
+        <div
+          class="cap-heading h1"
+        >
+          Test Header
+        </div>
+        <span
+          class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
+        >
+          <span
+            aria-label="close"
+            class="anticon anticon-close"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="close"
+              fill="currentColor"
+              fill-rule="evenodd"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="slidebox-content-container"
+      >
+        <div
+          style="height: 100%;"
+        >
+          <div
+            data-testid="short-content"
+          >
+            <p>
+              This is short content that does not require scrolling.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-r 1`] = `
+<div>
+  <div
+    class="cap-slide-box-v2 show-slidebox"
+  >
+    <div
+      class="cap-slide-box-v2-container size-r right"
+    >
+      <div
+        class="slidebox-header-icon-right"
+      >
+        <div
+          class="cap-heading h1"
+        >
+          Test Header
+        </div>
+        <span
+          class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
+        >
+          <span
+            aria-label="close"
+            class="anticon anticon-close"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="close"
+              fill="currentColor"
+              fill-rule="evenodd"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="slidebox-content-container"
+      >
+        <div
+          style="height: 100%;"
+        >
+          <div
+            data-testid="short-content"
+          >
+            <p>
+              This is short content that does not require scrolling.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-s 1`] = `
+<div>
+  <div
+    class="cap-slide-box-v2 show-slidebox"
+  >
+    <div
+      class="cap-slide-box-v2-container size-s right"
+    >
+      <div
+        class="slidebox-header-icon-right"
+      >
+        <div
+          class="cap-heading h1"
+        >
+          Test Header
+        </div>
+        <span
+          class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
+        >
+          <span
+            aria-label="close"
+            class="anticon anticon-close"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="close"
+              fill="currentColor"
+              fill-rule="evenodd"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="slidebox-content-container"
+      >
+        <div
+          style="height: 100%;"
+        >
+          <div
+            data-testid="short-content"
+          >
+            <p>
+              This is short content that does not require scrolling.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`CapSlideBox Snapshots should match snapshot with all size variants: size-size-xl 1`] = `
+<div>
+  <div
+    class="cap-slide-box-v2 show-slidebox"
+  >
+    <div
+      class="cap-slide-box-v2-container size-xl right"
+    >
+      <div
+        class="slidebox-header-icon-right"
+      >
+        <div
+          class="cap-heading h1"
+        >
+          Test Header
+        </div>
+        <span
+          class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
+        >
+          <span
+            aria-label="close"
+            class="anticon anticon-close"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="close"
+              fill="currentColor"
+              fill-rule="evenodd"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="slidebox-content-container"
+      >
+        <div
+          style="height: 100%;"
+        >
+          <div
+            data-testid="short-content"
+          >
+            <p>
+              This is short content that does not require scrolling.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`CapSlideBox Snapshots should match snapshot with close icon on left 1`] = `
+<div>
+  <div
+    class="cap-slide-box-v2 show-slidebox"
+  >
+    <div
+      class="cap-slide-box-v2-container size-r right"
+    >
+      <div
+        class="slidebox-header-icon-left"
+      >
+        <span
+          class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
+        >
+          <span
+            aria-label="arrow-left"
+            class="anticon anticon-arrow-left"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="arrow-left"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
+              />
+            </svg>
+          </span>
+        </span>
+        <div
+          class="cap-heading h1 header-position-right"
+        >
+          Test Header
+        </div>
+      </div>
+      <div
+        class="slidebox-content-container"
+      >
+        <div
+          style="height: 100%;"
+        >
+          <div
+            data-testid="short-content"
+          >
+            <p>
+              This is short content that does not require scrolling.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`CapSlideBox Snapshots should match snapshot with custom className 1`] = `
+<div>
+  <div
+    class="cap-slide-box-v2 custom-snapshot-class show-slidebox"
+  >
+    <div
+      class="cap-slide-box-v2-container size-r right"
+    >
+      <div
+        class="slidebox-header-icon-right"
+      >
+        <div
+          class="cap-heading h1"
+        >
+          Test Header
+        </div>
+        <span
+          class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
+        >
+          <span
+            aria-label="close"
+            class="anticon anticon-close"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="close"
+              fill="currentColor"
+              fill-rule="evenodd"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="slidebox-content-container"
+      >
+        <div
+          style="height: 100%;"
+        >
+          <div
+            data-testid="short-content"
+          >
+            <p>
+              This is short content that does not require scrolling.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`CapSlideBox Snapshots should match snapshot with custom header 1`] = `
+<div>
+  <div
+    class="cap-slide-box-v2 show-slidebox"
+  >
+    <div
+      class="cap-slide-box-v2-container size-r right"
+    >
+      <div
+        class="slidebox-header-icon-right"
+      >
+        <div
+          class="cap-heading h1"
+        >
+          <div
+            data-testid="custom-header"
+            style="display: flex; align-items: center; gap: 8px;"
+          >
+            <span>
+              Custom Icon
+            </span>
+            <span>
+              Custom Header Component
+            </span>
+          </div>
+        </div>
+        <span
+          class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
+        >
+          <span
+            aria-label="close"
+            class="anticon anticon-close"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="close"
+              fill="currentColor"
+              fill-rule="evenodd"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="slidebox-content-container"
+      >
+        <div
+          style="height: 100%;"
+        >
+          <div
+            data-testid="short-content"
+          >
+            <p>
+              This is short content that does not require scrolling.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`CapSlideBox Snapshots should match snapshot with default props 1`] = `
+<div>
+  <div
+    class="cap-slide-box-v2 show-slidebox"
+  >
+    <div
+      class="cap-slide-box-v2-container size-r right"
+    >
+      <div
+        class="slidebox-header-icon-right"
+      >
+        <div
+          class="cap-heading h1"
+        >
+          Test Header
+        </div>
+        <span
+          class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
+        >
+          <span
+            aria-label="close"
+            class="anticon anticon-close"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="close"
+              fill="currentColor"
+              fill-rule="evenodd"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="slidebox-content-container"
+      >
+        <div
+          style="height: 100%;"
+        >
+          <div
+            data-testid="short-content"
+          >
+            <p>
+              This is short content that does not require scrolling.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`CapSlideBox Snapshots should match snapshot with footer 1`] = `
+<div>
+  <div
+    class="cap-slide-box-v2 show-slidebox"
+  >
+    <div
+      class="cap-slide-box-v2-container size-r right"
+    >
+      <div
+        class="slidebox-header-icon-right"
+      >
+        <div
+          class="cap-heading h1"
+        >
+          Test Header
+        </div>
+        <span
+          class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
+        >
+          <span
+            aria-label="close"
+            class="anticon anticon-close"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="close"
+              fill="currentColor"
+              fill-rule="evenodd"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="slidebox-content-container has-footer"
+      >
+        <div
+          style="height: 100%;"
+        >
+          <div
+            data-testid="short-content"
+          >
+            <p>
+              This is short content that does not require scrolling.
+            </p>
+          </div>
+        </div>
+      </div>
+      <div
+        class="slidebox-footer"
+      >
+        <div
+          data-testid="footer-content"
+          style="display: flex; gap: 12px; justify-content: flex-end;"
+        >
+          <button>
+            Cancel
+          </button>
+          <button>
+            Save
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`CapSlideBox Snapshots should match snapshot with left position 1`] = `
+<div>
+  <div
+    class="cap-slide-box-v2 show-slidebox"
+  >
+    <div
+      class="cap-slide-box-v2-container size-r left"
+    >
+      <div
+        class="slidebox-header-icon-right"
+      >
+        <div
+          class="cap-heading h1"
+        >
+          Test Header
+        </div>
+        <span
+          class="cap-icon-wrapper cap-icon m cap-slide-box-v2-close-icon"
+        >
+          <span
+            aria-label="close"
+            class="anticon anticon-close"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="close"
+              fill="currentColor"
+              fill-rule="evenodd"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+              />
+            </svg>
+          </span>
+        </span>
+      </div>
+      <div
+        class="slidebox-content-container"
+      >
+        <div
+          style="height: 100%;"
+        >
+          <div
+            data-testid="short-content"
+          >
+            <p>
+              This is short content that does not require scrolling.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;