@transferwise/components 0.0.0-experimental-c482369 → 0.0.0-experimental-e0301e0

package/build/styles/snackbar/Snackbar.css

@@ -1 +1 @@
-.snackbar{bottom:0;left:0;position:fixed;right:0;text-align:center;z-index:1060}[dir=rtl] .snackbar{left:auto;left:0;right:0}.snackbar__text{align-items:center;background:#37517e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:#fff;display:inline-flex;font-size:.875rem;font-size:var(--font-size-14);justify-content:space-between;margin:0 16px;margin:0 var(--size-16);padding:8px 16px;padding:var(--size-8) var(--size-16);text-align:left;transition:.4s cubic-bezier(.215,.61,.355,1);width:calc(100% - 32px);width:calc(100% - var(--size-32))}[dir=rtl] .snackbar__text{text-align:right}.np-theme-personal .snackbar__text{background:var(--color-contrast-theme);border-radius:10px;border-radius:var(--radius-small);box-shadow:0 2px 4px 0 rgba(69,71,69,.35);color:var(--color-contrast-overlay);position:relative}.np-theme-personal .snackbar__text:after{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:inherit;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.np-theme-personal--dark .snackbar__text,.np-theme-personal--forest-green .snackbar__text{box-shadow:none}@media (min-width:576px){.snackbar__text{max-width:600px;width:auto}}.snackbar__text__action{color:#00b9ff;flex-shrink:0;margin-left:16px;margin-left:var(--size-16)}[dir=rtl] .snackbar__text__action{margin-left:0;margin-right:16px;margin-right:var(--size-16)}.snackbar__text-container-enter,.snackbar__text-container-exit{transform:translateY(calc(100% + 10px))}.snackbar__text-container-enter-active{transform:translateY(-16px);transform:translateY(calc(-16px - env(safe-area-inset-bottom)))}@media (min-width:576px){.snackbar__text-container-enter-active{transform:translateY(-24px)}}
+.snackbar{bottom:0;left:0;position:fixed;right:0;text-align:center;z-index:1060}[dir=rtl] .snackbar{left:auto;left:0;right:0;right:auto}.snackbar__text{align-items:center;background:#37517e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:#fff;display:inline-flex;font-size:.875rem;font-size:var(--font-size-14);justify-content:space-between;margin:0 16px;margin:0 var(--size-16);padding:8px 16px;padding:var(--size-8) var(--size-16);text-align:left;transition:.4s cubic-bezier(.215,.61,.355,1);width:calc(100% - 32px);width:calc(100% - var(--size-32))}[dir=rtl] .snackbar__text{text-align:right}.np-theme-personal .snackbar__text{background:#86a7bd1a;background:var(--color-background-neutral);background:#fff;background:var(--color-background-elevated);border-radius:10px;border-radius:var(--radius-small);box-shadow:0 2px 4px 0 rgba(69,71,69,.35);color:#37517e;color:var(--color-content-primary);position:relative}.np-theme-personal .snackbar__text:after{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-radius:inherit;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media (min-width:576px){.snackbar__text{max-width:600px;width:auto}}.snackbar__text__action{color:#00b9ff;flex-shrink:0;margin-left:16px;margin-left:var(--size-16)}.snackbar__text-container-enter,.snackbar__text-container-exit{transform:translateY(calc(100% + 10px))}.snackbar__text-container-enter-active{transform:translateY(-16px);transform:translateY(calc(-16px - env(safe-area-inset-bottom)))}@media (min-width:576px){.snackbar__text-container-enter-active{transform:translateY(-24px)}}

package/build/types/index.d.ts

@@ -86,6 +86,7 @@ export { default as Upload } from './upload';
 export { default as UploadInput } from './uploadInput';
 export { SnackbarConsumer, SnackbarContext } from './snackbar/SnackbarContext';
 export { default as CriticalCommsBanner } from './criticalBanner';
+export { default as ListItem } from './listItem';
 /**
  * Hooks
  */

package/build/types/listItem/ListItem.d.ts

@@ -0,0 +1,11 @@
+import { ElementType, FC, ReactElement } from 'react';
+type ListItemProps = {
+    title: string;
+    description: string;
+    media?: ReactElement;
+    action?: ReactElement;
+    className?: string;
+    as?: ElementType;
+};
+declare const ListItem: FC<ListItemProps>;
+export default ListItem;

package/build/types/listItem/ListItem.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/build/types/listItem/ListItem.story.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+declare const _default: {
+    component: import("react").FC<{
+        title: string;
+        description: string;
+        media?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        action?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        className?: string | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const Variants: () => JSX.Element;

package/build/types/listItem/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ListItem";