@transferwise/components 37.6.0 → 37.6.1-beta.2

package/build/styles/typeahead/typeaheadOption/TypeaheadOption.css

@@ -1 +1 @@
-.typeahead__option.tw-dropdown-item .dropdown-item:active strong{color:#fff;color:var(--color-text-control,#fff)}.typeahead__option.tw-dropdown-item--clickable{cursor:pointer}.typeahead__option.tw-dropdown-item--focused{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}
+.typeahead__option.tw-dropdown-item .dropdown-item:active strong{color:#fff;color:var(--color-base-white-light,#fff)}.typeahead__option.tw-dropdown-item--clickable{cursor:pointer}.typeahead__option.tw-dropdown-item--focused{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}

package/build/styles/uploadInput/UploadInput.css

@@ -1 +1 @@
-.np-upload-input{border:1px solid #e2e6e8;border:1px solid var(--color-border-neutral,#e2e6e8);border-radius:3px;border-radius:var(--radius-small,3px)}
+.np-upload-input{border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-radius:3px;border-radius:var(--radius-small,3px)}

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

@@ -1 +1 @@
-.np-upload-button{width:100%;text-decoration:none!important;border:0!important;letter-spacing:normal!important;padding:12px 16px;padding:var(--size-12,12px) var(--size-16,16px)}.np-upload-button.np-upload-accent{color:#00b9ff;color:var(--color-control-accent,#00b9ff)}label.np-upload-button:not(.disabled):active,label.np-upload-button:not(.disabled):focus,label.np-upload-button:not(.disabled):hover{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}label.np-upload-button.disabled{color:#a8aaac;color:var(--color-text-inactive,#a8aaac)}.np-upload-button .np-upload-icon{display:flex;align-items:center}.np-upload-button .np-upload-description{font-weight:400;white-space:normal}.np-upload-button-container.droppable{border:0}.np-upload-button-container .droppable-card-content{display:flex}.np-upload-button-container input[type=file]{opacity:0;z-index:-1;position:absolute}.np-upload-button-container input[type=file]:focus+label{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}
+.np-upload-button{width:100%;text-decoration:none!important;border:0!important;letter-spacing:normal!important;padding:12px 16px;padding:var(--size-12,12px) var(--size-16,16px)}.np-upload-button.np-upload-accent{color:#00a2dd;color:var(--color-interactive-accent,#00a2dd)}label.np-upload-button:not(.disabled):active,label.np-upload-button:not(.disabled):focus,label.np-upload-button:not(.disabled):hover{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}label.np-upload-button.disabled{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.np-upload-button .np-upload-icon{display:flex;align-items:center}.np-upload-button .np-upload-description{font-weight:400;white-space:normal}.np-upload-button-container.droppable{border:0}.np-upload-button-container .droppable-card-content{display:flex}.np-upload-button-container input[type=file]{opacity:0;z-index:-1;position:absolute}.np-upload-button-container input[type=file]:focus+label{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}

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

@@ -1 +1 @@
-.np-upload-item:not(:last-child):after{display:block;position:relative;border-bottom:1px solid #e2e6e8;border-bottom:1px solid var(--color-border-neutral,#e2e6e8);content:" ";margin:0 16px;margin:0 var(--size-16,16px)}.np-upload-item__link a{flex:1;text-decoration:none;outline:none;font-weight:500;font-weight:var(--font-weight-regular,500)}.np-upload-item__link a:active,.np-upload-item__link a:focus,.np-upload-item__link a:hover{text-decoration:none;background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.np-upload-item__link a:active~.np-upload-item__remove-button,.np-upload-item__link a:focus~.np-upload-item__remove-button,.np-upload-item__link a:hover~.np-upload-item__remove-button{background-color:#f2f5f7;background-color:var(--color-background-neutral,#f2f5f7)}.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:12px 16px;padding:var(--size-12,12px) var(--size-16,16px);color:#a8aaac;color:var(--color-text-inactive,#a8aaac);background:transparent}.np-upload-item__remove-button:focus,.np-upload-item__remove-button:hover{color:#f53636!important;color:var(--color-negative,#f53636)!important}
+.np-upload-item:not(:last-child):after{display:block;position:relative;border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));content:" ";margin:0 16px;margin:0 var(--size-16,16px)}.np-upload-item__link a{flex:1;text-decoration:none;outline:none;font-weight:500;font-weight:var(--font-weight-regular,500)}.np-upload-item__link a:active,.np-upload-item__link a:focus,.np-upload-item__link a:hover{text-decoration:none}.np-upload-item__link a:active,.np-upload-item__link a:active~.np-upload-item__remove-button,.np-upload-item__link a:focus,.np-upload-item__link a:focus~.np-upload-item__remove-button,.np-upload-item__link a:hover,.np-upload-item__link a:hover~.np-upload-item__remove-button{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}.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:12px 16px;padding:var(--size-12,12px) var(--size-16,16px);color:#a8aaac;color:var(--color-content-disabled,#a8aaac);background:transparent}.np-upload-item__remove-button:focus,.np-upload-item__remove-button:hover{color:#d03238!important;color:var(--color-interactive-negative-hover,#d03238)!important}

package/build/types/common/direction.d.ts

@@ -0,0 +1,6 @@
+export declare enum Direction {
+    RTL = "rtl",
+    LTR = "ltr",
+    AUTO = "auto"
+}
+export declare type LayoutDirection = 'rtl' | 'ltr' | 'auto';

package/build/types/common/domHelpers/index.d.ts

@@ -1,2 +1,3 @@
-export declare function isServerSideRendering(): boolean;
+export declare function isServerSide(): boolean;
+export declare function isBrowser(): boolean;
 export { addClickClassToDocumentOnIos, removeClickClassFromDocumentOnIos, } from './documentIosClick';

package/build/types/common/hooks/useDirection/useDirection.d.ts

@@ -1,4 +1,4 @@
 export function useDirection(): {
-    direction: string;
+    direction: import("../..").LayoutDirection;
     isRTL: boolean;
 };

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

@@ -1,5 +1,6 @@
 export { default as HistoryNavigator } from "./historyNavigator";
 export * from "./theme";
+export * from "./direction";
 export * from "./propsValues/size";
 export * from "./propsValues/width";
 export * from "./locale";
@@ -17,5 +18,6 @@ export { Scroll } from "./propsValues/scroll";
 export { MarkdownNodeType } from "./propsValues/markdownNodeType";
 export { FileType } from "./fileType";
 export { Key } from "./key";
+export { isServerSide, isBrowser } from "./domHelpers";
 export { addNoScrollBodyClass, removeNoScrollBodyClass } from "./DOMOperations";
 export { Priority, ControlType } from "./propsValues/control";

package/build/types/common/locale/index.d.ts

@@ -26,6 +26,11 @@ export const DEFAULT_LANG: string;
  * @type {string}
  */
 export const DEFAULT_LOCALE: string;
-export const SUPPORTED_RTL: string[];
+/**
+ * Array of languages that are written from the right to the left
+ *
+ * @type {string[]}
+ */
+export const RTL_LANGUAGES: string[];
 export const SUPPORTED_LANGUAGES: string[];
 export function getCountryFromLocale(locale: string): string | null;

package/build/types/common/propsValues/position.d.ts

@@ -9,3 +9,7 @@ export declare enum Position {
     RIGHT_TOP = "right-top",
     TOP = "top"
 }
+export declare type PositionTop = 'top';
+export declare type PositionRight = 'right';
+export declare type PositionBottom = 'bottom';
+export declare type PositionLeft = 'left';

package/build/types/index.d.ts

@@ -2,10 +2,11 @@
  * Types
  */
 export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
+export type { LayoutDirection } from './common';
 /**
  * Components
  */
-export { default as Provider } from './provider';
+export { default as Provider, DirectionProvider } from './provider';
 export { default as Badge } from './badge';
 export { default as Checkbox } from './checkbox';
 export { default as CheckboxButton } from './checkboxButton';
@@ -75,7 +76,7 @@ export { default as useSnackbar } from './snackbar/useSnackbar';
 /**
  * Enums
  */
-export { Size, Width, Sentiment, Priority, ControlType, Type, Theme, DateMode, MonthFormat, Position, Scroll, ProfileType, Breakpoint, Layout, Status, MarkdownNodeType, } from './common';
+export { Direction, Size, Width, Sentiment, Priority, ControlType, Type, Theme, DateMode, MonthFormat, Position, Scroll, ProfileType, Breakpoint, Layout, Status, MarkdownNodeType, } from './common';
 export { AvatarType } from './avatar';
 export { InfoPresentation } from './info';
 export { UploadStep } from './upload';
@@ -86,7 +87,7 @@ export { FileType } from './common';
 /**
  * Utils
  */
-export { SUPPORTED_LANGUAGES, DEFAULT_LANG, DEFAULT_LOCALE, adjustLocale, getLangFromLocale, getCountryFromLocale, } from './common';
+export { SUPPORTED_LANGUAGES, RTL_LANGUAGES, DEFAULT_LANG, DEFAULT_LOCALE, adjustLocale, getLangFromLocale, getCountryFromLocale, isServerSide, isBrowser, } from './common';
 /**
  * Translations
  */

package/build/types/provider/direction/DirectionProvider.d.ts

@@ -1,18 +1,8 @@
-export const DirectionContext: import("react").Context<string>;
-export function DirectionProvider({ locale, children }: {
-    locale: any;
-    children: any;
-}): JSX.Element;
-export namespace DirectionProvider {
-    namespace propTypes {
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const locale: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const children_1: null;
-        export { children_1 as children };
-        export { DEFAULT_LOCALE as locale };
-    }
-}
-import PropTypes from "prop-types";
-import { DEFAULT_LOCALE } from "../../common/locale";
+import { ReactElement, PropsWithChildren } from 'react';
+import { LayoutDirection } from '../../common';
+export declare const DirectionContext: import("react").Context<LayoutDirection>;
+declare type Props = PropsWithChildren<{
+    direction?: LayoutDirection;
+}>;
+export declare const DirectionProvider: ({ direction, children, }: Props) => ReactElement;
+export {};

package/build/types/provider/direction/DirectionProvider.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1 +1,2 @@
+export { DirectionProvider } from "./direction/DirectionProvider";
 export { default } from "./Provider";

package/build/types/tooltip/Tooltip.d.ts

@@ -1,18 +1,9 @@
-import * as React from 'react';
-
-export type TooltipChildren = React.ReactElement<any> | React.ReactElement<any>[] | string;
-
-export type TooltipPosition = "top" | "bottom" | "left" | "right";
-
-export interface TooltipProps {
-    children: TooltipChildren;
-    position?: TooltipPosition;
-    label: React.ReactNode;
-    offset?: number;
-}
-
-export default class Tooltip extends React.Component<TooltipProps, any> {
-    render(): JSX.Element;
-
-}
-
+import { ReactNode, ReactElement, PropsWithChildren } from 'react';
+import { CommonProps } from '../common';
+import { PositionBottom, PositionLeft, PositionRight, PositionTop } from '../common/propsValues/position';
+declare type Props = PropsWithChildren<{
+    position?: PositionTop | PositionRight | PositionBottom | PositionLeft;
+    label: ReactNode;
+}> & CommonProps;
+declare const Tooltip: ({ position, children, label, className, }: Props) => ReactElement;
+export default Tooltip;

package/build/types/tooltip/Tooltip.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/build/types/tooltip/Tooltip.story.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    component: ({ position, children, label, className, }: {
+        position?: "top" | "right" | "bottom" | "left" | undefined;
+        label: import("react").ReactNode;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("../common").CommonProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    title: string;
+};
+export default _default;
+export declare const Basic: () => JSX.Element;