@transferwise/components 46.126.0 → 46.128.0

package/src/overlayHeader/__snapshots__/OverlayHeader.test.tsx.snap

@@ -1,65 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`OverlayHeader renders as expected 1`] = `
-<div>
-  <div
-    class="np-overlay-header d-flex justify-content-center"
-  >
-    <div
-      class="np-flow-header d-flex flex-wrap align-items-center justify-content-between flex__item--12 np-overlay-header__content p-a-3"
-    >
-      <img
-        alt="logo_desktop"
-        height="24"
-        src="img_desktop"
-        width="138"
-      />
-      <div
-        class="d-flex align-items-center order-2"
-      >
-        <div
-          class="np-circle d-flex align-items-center justify-content-center np-avatar-view np-avatar-view-non-interactive"
-          style="--circle-size: 48px; --circle-icon-size: 24px; --circle-font-size: 22px;"
-        >
-          <div
-            class="np-circle np-circle-border d-flex align-items-center justify-content-center np-avatar-view-content"
-            style="--circle-size: 48px; --circle-icon-size: 24px; --circle-font-size: 22px;"
-          >
-            TM
-          </div>
-        </div>
-        <span
-          class="m-x-1"
-        />
-        <button
-          aria-label="Close"
-          class="np-close-button close btn-link text-no-decoration np-close-button--x-large"
-          type="button"
-        >
-          <span
-            class="tw-icon tw-icon-cross "
-            data-testid="cross-icon"
-          >
-            <svg
-              aria-hidden="true"
-              fill="currentColor"
-              focusable="false"
-              height="24"
-              role="none"
-              viewBox="0 0 24 24"
-              width="24"
-            >
-              <path
-                d="m12 13.414-7.293 7.293-1.414-1.414L10.586 12 3.293 4.707l1.414-1.414L12 10.586l7.293-7.293 1.414 1.414L13.414 12l7.293 7.293-1.414 1.414z"
-              />
-            </svg>
-          </span>
-        </button>
-      </div>
-      <div
-        class="align-items-center d-flex justify-content-center order-1 flex-grow-1"
-      />
-    </div>
-  </div>
-</div>
-`;

package/src/popover/__snapshots__/Popover.test.tsx.snap

@@ -1,51 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`Popover on desktop renders when is open 1`] = `
-<div
-  aria-labelledby=":r0:"
-  class="np-panel np-panel--open np-popover__container"
-  data-popper-escaped="true"
-  data-popper-placement="right"
-  data-popper-reference-hidden="true"
-  role="dialog"
-  style="position: absolute; left: 0px; top: 0px; transform: translate(16px, 0px);"
->
-  <div
-    class="np-panel__content"
-  >
-    <div
-      class="np-popover__content np-text-default-body"
-    >
-      <h4
-        class="np-text-title-body m-b-1"
-        id=":r0:"
-      >
-        title
-      </h4>
-      content
-    </div>
-    <div
-      class="np-panel__arrow"
-      style="position: absolute; top: 0px; transform: translate(0px, 0px);"
-    />
-  </div>
-</div>
-`;
-
-exports[`Popover on mobile renders when is open 1`] = `
-<div>
-  <span
-    class="np-popover"
-  >
-    <span
-      class="d-inline-block"
-    >
-      <button
-        type="button"
-      >
-        Open
-      </button>
-    </span>
-  </span>
-</div>
-`;

package/src/promoCard/__snapshots__/PromoCard.test.tsx.snap

@@ -1,40 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`PromoCard matches snapshot 1`] = `
-<div
-  class="np-Card np-Card--promoCard"
-  data-testid="test-promo-card"
-  id="test-promo-card"
->
-  <h3
-    class="np-display np-text-display-small text-primary np-Card-title"
-    id="test-promo-card-title"
-  >
-    Test Title
-  </h3>
-  <div
-    class="np-text-body-default np-Card-description"
-  >
-    Test Description
-  </div>
-  <div
-    class="np-Card-image"
-  >
-    <img
-      alt="Test Image"
-      class="tw-image tw-image__stretch tw-image__shrink"
-      loading="lazy"
-      src="test.jpg"
-    />
-  </div>
-  <div
-    class="np-Card-indicator"
-  >
-    <span
-      class="np-text-body-large-bold np-Card-indicatorText"
-    >
-      Test Indicator Label
-    </span>
-  </div>
-</div>
-`;

package/src/promoCard/__snapshots__/PromoCardGroup.test.tsx.snap

@@ -1,80 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`PromoCardGroup matches snapshot 1`] = `
-<div
-  class="np-CardGroup"
-  data-testid="test-promo-card-group"
-  role="radiogroup"
->
-  <div
-    aria-checked="false"
-    aria-describedby="radio-1-title"
-    class="np-Card np-Card--promoCard np-Card--checked"
-    data-testid="test-1"
-    data-value="radio-1"
-    id="radio-1"
-    role="radio"
-    tabindex="0"
-  >
-    <h3
-      class="np-display np-text-display-small text-primary np-Card-title"
-      id="radio-1-title"
-    >
-      Test Card
-    </h3>
-    <div
-      class="np-text-body-default np-Card-description"
-    >
-      Test Description
-    </div>
-    <div
-      class="np-Card-image"
-    >
-      <img
-        alt=""
-        class="tw-image tw-image__stretch tw-image__shrink"
-        loading="lazy"
-        src="https://via.placeholder.com/150"
-      />
-    </div>
-    <div
-      class="np-Card-indicator"
-    />
-  </div>
-  <div
-    aria-checked="false"
-    aria-describedby="radio-2-title"
-    class="np-Card np-Card--promoCard np-Card--checked"
-    data-testid="test-2"
-    data-value="radio-2"
-    id="radio-2"
-    role="radio"
-    tabindex="0"
-  >
-    <h3
-      class="np-display np-text-display-small text-primary np-Card-title"
-      id="radio-2-title"
-    >
-      Test Card
-    </h3>
-    <div
-      class="np-text-body-default np-Card-description"
-    >
-      Test Description
-    </div>
-    <div
-      class="np-Card-image"
-    >
-      <img
-        alt=""
-        class="tw-image tw-image__stretch tw-image__shrink"
-        loading="lazy"
-        src="https://via.placeholder.com/150"
-      />
-    </div>
-    <div
-      class="np-Card-indicator"
-    />
-  </div>
-</div>
-`;

package/src/tile/__snapshots__/Tile.test.tsx.snap

@@ -1,55 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`Tile matches snapshot when regular size 1`] = `
-<DocumentFragment>
-  <a
-    class="decision flex-column np-tile text-no-decoration text-xs-center p-a-3"
-    href="#href"
-  >
-    <div
-      class="np-tile__media d-flex justify-content-center"
-    >
-      <svg
-        data-testid="illustration"
-      />
-    </div>
-    <h3
-      class="np-text-title-subsection m-t-2"
-    >
-      Receive money
-    </h3>
-    <span
-      class="np-text-body-default m-t-1"
-    >
-      Receive money from friends and family like a local
-    </span>
-  </a>
-</DocumentFragment>
-`;
-
-exports[`Tile matches snapshot when small size 1`] = `
-<DocumentFragment>
-  <a
-    class="decision flex-column np-tile text-no-decoration text-xs-center p-a-2 np-tile--small"
-    href="#href"
-  >
-    <div
-      class="np-tile__media d-flex justify-content-center"
-    >
-      <svg
-        data-testid="illustration"
-      />
-    </div>
-    <h3
-      class="np-text-title-subsection m-t-1"
-    >
-      Receive money
-    </h3>
-    <span
-      class="np-text-body-default m-t-1"
-    >
-      Receive money from friends and family like a local
-    </span>
-  </a>
-</DocumentFragment>
-`;

package/src/tooltip/__snapshots__/Tooltip.test.tsx.snap

@@ -1,32 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`Tooltip Component renders an empty list when no items are passed 1`] = `
-<div>
-  <span
-    class="tw-tooltip-container"
-  >
-    <span
-      aria-describedby=":r0:-tooltip"
-    >
-      Hover me
-    </span>
-    <div
-      aria-hidden="true"
-      class="np-tooltip np-panel"
-      id=":r0:-tooltip"
-      role="tooltip"
-      style="position: absolute; left: 0px; top: 0px;"
-    >
-      <div
-        class="np-panel__content tooltip-inner"
-      >
-        Test Tooltip
-        <div
-          class="np-panel__arrow"
-          style="position: absolute;"
-        />
-      </div>
-    </div>
-  </span>
-</div>
-`;