@transferwise/components 0.0.0-experimental-5e2f01a → 0.0.0-experimental-cbf5f16

package/build/styles/upload/Upload.css

@@ -1,15 +1 @@
-.tw-droppable-lg {
-  min-height: 346px;
-}
-.tw-droppable-lg .thumbnail {
-  max-height: 72px;
-}
-.tw-droppable-md {
-  min-height: 315px;
-}
-.tw-droppable-md .thumbnail {
-  max-height: 72px;
-}
-.tw-droppable-sm {
-  min-height: 245px;
-}
+.tw-droppable-lg{min-height:346px}.tw-droppable-lg .thumbnail{max-height:72px}.tw-droppable-md{min-height:315px}.tw-droppable-md .thumbnail{max-height:72px}.tw-droppable-sm{min-height:245px}

package/build/styles/uploadInput/UploadInput.css

@@ -1,53 +1 @@
-.np-upload-input {
-  border: 1px solid var(--color-interactive-secondary);
-  border-radius: var(--radius-small);
-}
-.np-upload-input:has(:focus-visible) {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
-.np-upload-input.form-control {
-  height: auto;
-  padding: initial;
-}
-.np-theme-personal .np-upload-input {
-  border-radius: var(--radius-small);
-  min-height: 78px;
-}
-.np-theme-personal .np-upload-input.disabled .btn {
-  cursor: inherit;
-}
-.np-theme-personal .np-upload-input .np-upload-button {
-  border-radius: calc(var(--radius-small) - 1px);
-  padding: var(--padding-small);
-}
-.np-theme-personal .np-upload-input .np-upload-input--square-top {
-  border-top-right-radius: 0px;
-  border-top-left-radius: 0px;
-}
-.np-theme-personal .np-upload-input .np-upload-item__remove-button {
-  border-radius: unset;
-}
-.np-theme-personal .np-upload-input .np-upload-icon {
-  color: var(--color-interactive-primary);
-}
-.np-theme-personal .np-upload-input .media-body {
-  color: var(--color-content-link);
-  white-space: break-spaces;
-}
-.np-theme-personal .np-upload-input .media-body .np-text-body-large-bold {
-  text-decoration: underline;
-  text-underline-offset: 0.3em;
-}
-.np-theme-personal .np-upload-input .media-body .np-text-body-default,
-.np-theme-personal .np-upload-input .media-body .np-upload-description,
-.np-theme-personal .np-upload-input .media-body .text-positive {
-  color: var(--color-content-secondary) !important;
-}
-.np-theme-personal .np-upload-input .media-body .text-negative {
-  color: var(--color-sentiment-negative) !important;
-}
-.np-theme-personal .np-upload-input .status-circle {
-  width: var(--size-x-small);
-  height: var(--size-x-small);
-}
+.np-upload-input{border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:10px;border-radius:var(--radius-small)}.np-upload-input:has(:focus-visible){outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}.np-upload-input.form-control{height:auto;padding:initial}.np-theme-personal .np-upload-input{border-radius:10px;border-radius:var(--radius-small);min-height:78px}.np-theme-personal .np-upload-input.disabled .btn{cursor:inherit}.np-theme-personal .np-upload-input .np-upload-button{border-radius:9px;border-radius:calc(var(--radius-small) - 1px);padding:16px;padding:var(--padding-small)}.np-theme-personal .np-upload-input .np-upload-input--square-top{border-top-left-radius:0;border-top-right-radius:0}.np-theme-personal .np-upload-input .np-upload-item__remove-button{border-radius:unset}.np-theme-personal .np-upload-input .np-upload-icon{color:var(--color-interactive-primary)}.np-theme-personal .np-upload-input .media-body{color:var(--color-content-link);white-space:break-spaces}.np-theme-personal .np-upload-input .media-body .np-text-body-large-bold{text-decoration:underline;text-underline-offset:.3em}.np-theme-personal .np-upload-input .media-body .np-text-body-default,.np-theme-personal .np-upload-input .media-body .np-upload-description,.np-theme-personal .np-upload-input .media-body .text-positive{color:#5d7079!important;color:var(--color-content-secondary)!important}.np-theme-personal .np-upload-input .media-body .text-negative{color:var(--color-sentiment-negative)!important}.np-theme-personal .np-upload-input .status-circle{height:24px;height:var(--size-x-small);width:24px;width:var(--size-x-small)}

package/build/styles/uploadInput/uploadButton/UploadButton.css

@@ -1,44 +1 @@
-.np-upload-button {
-  width: 100%;
-  border: 0 !important;
-  padding: var(--size-12) var(--size-16);
-}
-.np-upload-button.np-upload-accent {
-  color: var(--color-interactive-accent);
-}
-label.np-upload-button:not(.disabled):hover,
-label.np-upload-button:not(.disabled):focus-visible,
-label.np-upload-button:not(.disabled):active {
-  background-color: var(--color-background-neutral);
-}
-.np-theme-personal label.np-upload-button:not(.disabled):hover,
-.np-theme-personal label.np-upload-button:not(.disabled):focus-visible,
-.np-theme-personal label.np-upload-button:not(.disabled):active {
-  background-color: var(--color-background-screen-hover);
-}
-.np-theme-personal .disabled label.np-upload-button:not(.disabled):hover,
-.np-theme-personal .disabled label.np-upload-button:not(.disabled):focus-visible,
-.np-theme-personal .disabled label.np-upload-button:not(.disabled):active {
-  background-color: transparent;
-}
-.np-upload-button .np-upload-icon {
-  display: flex;
-  align-items: center;
-}
-.np-upload-button-container.droppable {
-  border: 0;
-}
-.np-upload-button-container .droppable-card-content {
-  display: flex;
-}
-.np-theme-personal .np-upload-button-container .droppable-card-content {
-  border-radius: calc(var(--radius-small) - 1px);
-}
-.np-upload-button-container input[type="file"] {
-  opacity: 0;
-  z-index: -1;
-  position: absolute;
-}
-.np-upload-button-container input[type="file"]:focus-visible + label {
-  background-color: var(--color-background-neutral);
-}
+.np-upload-button{border:0!important;padding:12px 16px;padding:var(--size-12) var(--size-16);width:100%}.np-upload-button.np-upload-accent{color:#00a2dd;color:var(--color-interactive-accent)}label.np-upload-button:not(.disabled):active,label.np-upload-button:not(.disabled):focus-visible,label.np-upload-button:not(.disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-theme-personal label.np-upload-button:not(.disabled):active,.np-theme-personal label.np-upload-button:not(.disabled):focus-visible,.np-theme-personal label.np-upload-button:not(.disabled):hover{background-color:var(--color-background-screen-hover)}.np-theme-personal .disabled label.np-upload-button:not(.disabled):active,.np-theme-personal .disabled label.np-upload-button:not(.disabled):focus-visible,.np-theme-personal .disabled label.np-upload-button:not(.disabled):hover{background-color:transparent}.np-upload-button .np-upload-icon{align-items:center;display:flex}.np-upload-button-container.droppable{border:0}.np-upload-button-container .droppable-card-content{display:flex}.np-theme-personal .np-upload-button-container .droppable-card-content{border-radius:9px;border-radius:calc(var(--radius-small) - 1px)}.np-upload-button-container input[type=file]{opacity:0;position:absolute;z-index:-1}.np-upload-button-container input[type=file]:focus-visible+label{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}

package/build/styles/uploadInput/uploadItem/UploadItem.css

@@ -1,60 +1 @@
-.np-upload-item:not(:last-child)::after {
-  display: block;
-  position: relative;
-  border-bottom: 1px solid var(--color-border-neutral);
-  content: " ";
-  margin: 0 var(--size-16);
-}
-.np-theme-personal .np-upload-item:first-child a:hover,
-.np-theme-personal .np-upload-item:first-child a:focus-visible,
-.np-theme-personal .np-upload-item:first-child a:active {
-  border-top-left-radius: calc(var(--radius-small) - 1px);
-}
-.np-theme-personal .np-upload-item:first-child a:hover ~ .np-upload-item__remove-button,
-.np-theme-personal .np-upload-item:first-child a:focus-visible ~ .np-upload-item__remove-button,
-.np-theme-personal .np-upload-item:first-child a:active ~ .np-upload-item__remove-button {
-  border-top-right-radius: calc(var(--radius-small) - 1px);
-}
-.np-upload-item__link a {
-  flex: 1;
-  text-decoration: none;
-  outline: none;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.np-theme-personal .np-upload-item__link a {
-  border-radius: unset;
-}
-.np-upload-item__link a.np-upload-item--single-file {
-  border-bottom-left-radius: calc(var(--radius-small) - 1px);
-}
-.np-upload-item__link a:hover,
-.np-upload-item__link a:focus-visible,
-.np-upload-item__link a:active {
-  text-decoration: none;
-  background-color: var(--color-background-neutral);
-}
-.np-upload-item__link a:hover ~ .np-upload-item__remove-button,
-.np-upload-item__link a:focus-visible ~ .np-upload-item__remove-button,
-.np-upload-item__link a:active ~ .np-upload-item__remove-button {
-  background-color: var(--color-background-neutral);
-}
-.np-upload-item__link .np-upload-item__remove-button.np-upload-item--single-file {
-  border-bottom-right-radius: calc(var(--radius-small) - 1px);
-}
-.np-upload-item__body {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.np-upload-item__remove-button {
-  flex-shrink: 0;
-  align-self: stretch;
-  padding: var(--size-12) var(--size-16);
-  color: var(--color-interactive-secondary);
-  background: transparent;
-}
-.np-upload-item__remove-button:hover,
-.np-upload-item__remove-button:focus {
-  color: var(--color-interactive-negative-hover) !important;
-}
+.np-upload-item:not(:last-child):after{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);content:" ";display:block;margin:0 16px;margin:0 var(--size-16);position:relative}.np-theme-personal .np-upload-item:first-child a:active,.np-theme-personal .np-upload-item:first-child a:focus-visible,.np-theme-personal .np-upload-item:first-child a:hover{border-top-left-radius:9px;border-top-left-radius:calc(var(--radius-small) - 1px)}.np-theme-personal .np-upload-item:first-child a:active~.np-upload-item__remove-button,.np-theme-personal .np-upload-item:first-child a:focus-visible~.np-upload-item__remove-button,.np-theme-personal .np-upload-item:first-child a:hover~.np-upload-item__remove-button{border-top-right-radius:9px;border-top-right-radius:calc(var(--radius-small) - 1px)}.np-upload-item__link a{border-bottom-right-radius:0;border-top-right-radius:0;flex:1;outline:none;text-decoration:none}.np-theme-personal .np-upload-item__link a{border-radius:unset}.np-upload-item__link a.np-upload-item--single-file{border-bottom-left-radius:9px;border-bottom-left-radius:calc(var(--radius-small) - 1px)}.np-upload-item__link a:active,.np-upload-item__link a:focus-visible,.np-upload-item__link a:hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral);text-decoration:none}.np-upload-item__link a:active~.np-upload-item__remove-button,.np-upload-item__link a:focus-visible~.np-upload-item__remove-button,.np-upload-item__link a:hover~.np-upload-item__remove-button{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-upload-item__link .np-upload-item__remove-button.np-upload-item--single-file{border-bottom-right-radius:9px;border-bottom-right-radius:calc(var(--radius-small) - 1px)}.np-upload-item__body{align-items:center;display:flex;justify-content:space-between}.np-upload-item__remove-button{align-self:stretch;background:transparent;color:#c9cbce;color:var(--color-interactive-secondary);flex-shrink:0;padding:12px 16px;padding:var(--size-12) var(--size-16)}.np-upload-item__remove-button:focus,.np-upload-item__remove-button:hover{color:#d03238!important;color:var(--color-interactive-negative-hover)!important}

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/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;