@transferwise/components 0.0.0-experimental-531e89c → 0.0.0-experimental-abdaccb

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{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}.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)}}

package/build/types/actionButton/ActionButton.d.ts

@@ -1,14 +1,11 @@
 import { ButtonHTMLAttributes } from 'react';
-import { PriorityPrimary, PrioritySecondary } from '../common';
 export type ActionButtonProps = {
-    priority?: PriorityPrimary | PrioritySecondary;
     /**
      * @deprecated use `children` instead
      */
     text?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
 declare const ActionButton: import("react").ForwardRefExoticComponent<{
-    priority?: "primary" | "secondary" | undefined;
     /**
      * @deprecated use `children` instead
      */

package/build/types/actionButton/ActionButton.story.d.ts

@@ -3,7 +3,6 @@ import { StoryObj } from '@storybook/react';
 import ActionButton from './ActionButton';
 declare const _default: {
     component: import("react").ForwardRefExoticComponent<{
-        priority?: "primary" | "secondary" | undefined;
         text?: string | undefined;
     } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
     title: string;
@@ -12,4 +11,5 @@ declare const _default: {
 export default _default;
 type Story = StoryObj<typeof ActionButton>;
 export declare const Basic: Story;
+export declare const WithIcon: Story;
 export declare const Disabled: Story;

package/build/types/button/Button.story.d.ts

@@ -25,7 +25,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -310,7 +310,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -616,7 +616,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -873,8 +873,8 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    priority?: "primary" | "secondary" | "tertiary" | undefined;
     block?: boolean | undefined;
+    priority?: "primary" | "secondary" | "tertiary" | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -901,7 +901,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1158,15 +1158,15 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    priority?: "primary" | "secondary" | "tertiary" | undefined;
     block?: boolean | undefined;
+    priority?: "primary" | "secondary" | "tertiary" | undefined;
 }>;
 export declare const Variants: import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     as?: undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -1451,7 +1451,7 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -1757,7 +1757,7 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2014,8 +2014,8 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    priority?: "primary" | "secondary" | "tertiary" | undefined;
     block?: boolean | undefined;
+    priority?: "primary" | "secondary" | "tertiary" | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -2042,7 +2042,7 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2299,15 +2299,15 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    priority?: "primary" | "secondary" | "tertiary" | undefined;
     block?: boolean | undefined;
+    priority?: "primary" | "secondary" | "tertiary" | undefined;
 }>;
 export declare const SocialMedia: import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     as?: undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -2592,7 +2592,7 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -2898,7 +2898,7 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -3155,8 +3155,8 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    priority?: "primary" | "secondary" | "tertiary" | undefined;
     block?: boolean | undefined;
+    priority?: "primary" | "secondary" | "tertiary" | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -3183,7 +3183,7 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -3440,15 +3440,15 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    priority?: "primary" | "secondary" | "tertiary" | undefined;
     block?: boolean | undefined;
+    priority?: "primary" | "secondary" | "tertiary" | undefined;
 }>;
 export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     as?: undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -3733,7 +3733,7 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -4039,7 +4039,7 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -4296,8 +4296,8 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    priority?: "primary" | "secondary" | "tertiary" | undefined;
     block?: boolean | undefined;
+    priority?: "primary" | "secondary" | "tertiary" | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -4324,7 +4324,7 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -4581,6 +4581,6 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    priority?: "primary" | "secondary" | "tertiary" | undefined;
     block?: boolean | undefined;
+    priority?: "primary" | "secondary" | "tertiary" | undefined;
 }>;

package/build/types/checkboxButton/CheckboxButton.story.d.ts

@@ -1,6 +1,16 @@
 /// <reference types="react" />
-import { Meta } from '@storybook/react';
+import { StoryObj } from '@storybook/react';
 import CheckboxButton from './CheckboxButton';
-declare const meta: Meta<typeof CheckboxButton>;
-export default meta;
-export declare const Basic: () => JSX.Element;
+declare const _default: {
+    component: import("react").ForwardRefExoticComponent<import("./CheckboxButton").CheckboxButtonProps & import("react").RefAttributes<HTMLInputElement>>;
+    title: string;
+    tags: string[];
+    args: {
+        onBlur: import("@storybook/addon-actions/*").HandlerFunction;
+        onClick: import("@storybook/addon-actions/*").HandlerFunction;
+        onFocus: import("@storybook/addon-actions/*").HandlerFunction;
+    };
+};
+export default _default;
+type Story = StoryObj<typeof CheckboxButton>;
+export declare const Basic: Story;

package/build/types/criticalBanner/CriticalCommsBanner.story.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
 import CriticalCommsBanner from '.';
 declare const _default: {
     component: typeof CriticalCommsBanner;
     title: string;
+    tags: string[];
 };
 export default _default;
-export declare const Basic: () => JSX.Element;
+type Story = StoryObj<typeof CriticalCommsBanner>;
+export declare const Basic: Story;

package/build/types/emphasis/Emphasis.story.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import Emphasis from './Emphasis';
+declare const _default: {
+    component: ({ text }: {
+        text?: string | undefined;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+    title: string;
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Emphasis>;
+export declare const Basic: Story;

package/build/types/markdown/Markdown.story.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import Markdown from './Markdown';
+declare const _default: {
+    component: {
+        ({ as: Element, children, className, allowList, blockList, config }: {
+            as: any;
+            children: any;
+            className: any;
+            allowList: any;
+            blockList: any;
+            config: any;
+        }): JSX.Element | null;
+        propTypes: {
+            children: any;
+            as: any;
+            className: any;
+            allowList: any;
+            blockList: any;
+            config: any;
+        };
+        defaultProps: {
+            as: string;
+            className: undefined;
+            allowList: null;
+            blockList: null;
+            config: {
+                link: {
+                    target: string;
+                };
+            };
+        };
+    };
+    title: string;
+    tags: string[];
+};
+export default _default;
+type Story = StoryObj<typeof Markdown>;
+export declare const Basic: Story;