@transferwise/components 43.13.40 → 43.13.44

package/build/types/body/Body.d.ts

@@ -1,14 +1,13 @@
 import { HTMLAttributes } from 'react';
 import { BodyTypes } from '../common/propsValues/typography';
-type Props = HTMLAttributes<HTMLSpanElement | HTMLParagraphElement> & {
+declare const Body: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement | HTMLSpanElement> & {
     /**
      * Default value: {@link DEFAULT_TYPE}
      */
-    type?: BodyTypes;
+    type?: BodyTypes | undefined;
     /**
      * Default value: `div`
      */
-    as?: 'span' | 'p' | 'div';
-};
-declare function Body({ as: Element, type, className, ...props }: Props): JSX.Element;
+    as?: "div" | "p" | "span" | undefined;
+} & import("react").RefAttributes<HTMLDivElement | HTMLParagraphElement | HTMLSpanElement>>;
 export default Body;

package/build/types/body/Body.story.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
-import Body from './Body';
 declare const _default: {
-    component: typeof Body;
+    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLParagraphElement | HTMLSpanElement> & {
+        type?: import("../common/propsValues/typography").BodyTypes | undefined;
+        as?: "div" | "p" | "span" | undefined;
+    } & import("react").RefAttributes<HTMLDivElement | HTMLParagraphElement | HTMLSpanElement>>;
     title: string;
 };
 export default _default;

package/build/types/common/panel/Panel.d.ts

@@ -16,7 +16,7 @@ declare const Panel: import("react").ForwardRefExoticComponent<{
     altAxis?: boolean | undefined;
     open?: boolean | undefined;
     onClose?: ((event: Event | SyntheticEvent) => void) | undefined;
-    position?: "left" | "right" | "top" | "bottom" | undefined;
+    position?: "top" | "bottom" | "left" | "right" | undefined;
     anchorRef: RefObject<Element>;
     anchorWidth?: boolean | undefined;
 } & {

package/build/types/common/responsivePanel/ResponsivePanel.d.ts

@@ -5,7 +5,7 @@ declare const ResponsivePanel: import("react").ForwardRefExoticComponent<{
     altAxis?: boolean | undefined;
     open?: boolean | undefined;
     onClose?: ((event: Event | import("react").SyntheticEvent<Element, Event>) => void) | undefined;
-    position?: "left" | "right" | "top" | "bottom" | undefined;
+    position?: "top" | "bottom" | "left" | "right" | undefined;
     anchorRef: import("react").RefObject<Element>;
     anchorWidth?: boolean | undefined;
 } & {

package/build/types/decision/Decision.d.ts

@@ -40,6 +40,10 @@ export interface DecisionProps {
      * Display media in a circle in list presentation
      */
     showMediaCircleInList?: boolean;
+    /**
+     * Sets navigation options to be aligned with the parent container
+     */
+    isContainerAligned?: boolean;
 }
 
 declare const Decision: React.FC<DecisionProps>;

package/build/types/dimmer/Dimmer.d.ts

@@ -1,9 +1,10 @@
 import { MouseEvent, ReactElement, ReactNode } from 'react';
-import { CommonProps } from '../common';
+import { CommonProps, PositionBottom, PositionCenter, PositionTop } from '../common';
 export declare const EXIT_ANIMATION = 350;
 type DimmerProps = CommonProps & {
     children?: ReactNode;
     disableClickToClose?: boolean;
+    contentPosition?: PositionTop | PositionCenter | PositionBottom;
     fadeContentOnEnter?: boolean;
     fadeContentOnExit?: boolean;
     open?: boolean;
@@ -12,7 +13,7 @@ type DimmerProps = CommonProps & {
     onClose?: (event: KeyboardEvent | MouseEvent) => void;
 };
 export declare const handleTouchMove: (event: Event) => void;
-declare const Dimmer: ({ children, className, disableClickToClose, fadeContentOnEnter, fadeContentOnExit, open, scrollable, transparent, onClose, }: DimmerProps) => JSX.Element;
+declare const Dimmer: ({ children, className, disableClickToClose, contentPosition, fadeContentOnEnter, fadeContentOnExit, open, scrollable, transparent, onClose, }: DimmerProps) => JSX.Element;
 export declare const DimmerContentWrapper: ({ children, scrollBody, }: {
     children: ReactElement;
     scrollBody: boolean;
@@ -21,6 +22,7 @@ export { Dimmer };
 declare const _default: (props: CommonProps & {
     children?: ReactNode;
     disableClickToClose?: boolean | undefined;
+    contentPosition?: "top" | "center" | "bottom" | undefined;
     fadeContentOnEnter?: boolean | undefined;
     fadeContentOnExit?: boolean | undefined;
     open?: boolean | undefined;

package/build/types/dimmer/Dimmer.story.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
     component: (props: import("../common").CommonProps & {
         children?: import("react").ReactNode;
         disableClickToClose?: boolean | undefined;
+        contentPosition?: "top" | "center" | "bottom" | undefined;
         fadeContentOnEnter?: boolean | undefined;
         fadeContentOnExit?: boolean | undefined;
         open?: boolean | undefined;

package/build/types/index.d.ts

@@ -101,7 +101,7 @@ export { FileType } from './common';
 /**
  * Utils
  */
-export { SUPPORTED_LANGUAGES, RTL_LANGUAGES, DEFAULT_LANG, DEFAULT_LOCALE, adjustLocale, getLangFromLocale, getCountryFromLocale, getDirectionFromLocale, isServerSide, isBrowser, } from './common';
+export { adjustLocale, DEFAULT_LANG, DEFAULT_LOCALE, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, RTL_LANGUAGES, SUPPORTED_LANGUAGES, } from './common';
 /**
  * Translations
  */

package/build/types/test-utils/index.d.ts

@@ -51,7 +51,7 @@ declare function customRender(ui: any, { locale, messages, ...renderOptions }?:
         "neptune.UploadItem.uploading": string;
         "neptune.UploadItem.uploadingFailed": string;
     } | undefined;
-}): import("@testing-library/react").RenderResult<typeof import("@testing-library/react/node_modules/@testing-library/dom/types/queries"), HTMLElement>;
+}): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
 /**
  * Custom `renderHook` function which wraps passed elements in Provider component
  * For more info: https://react-hooks-testing-library.com/usage/advanced-hooks#context

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     component: ({ position, children, label, className, }: {
-        position?: "left" | "right" | "top" | "bottom" | undefined;
+        position?: "top" | "bottom" | "left" | "right" | undefined;
         label: import("react").ReactNode;
     } & {
         children?: import("react").ReactNode;