@transferwise/components 0.0.0-experimental-029bd71 → 0.0.0-experimental-339e531

package/build/styles/main.css

@@ -5052,306 +5052,6 @@ html:not([dir="rtl"]) .np-navigation-option {
     padding: 0 var(--size-24);
   }
 }
-.np-table {
-  width: 100%;
-  background-color: transparent;
-}
-.np-table-outer-container {
-  border-radius: 16px;
-  border-radius: var(--radius-medium);
-}
-.np-table-outer-container:focus {
-  outline: none;
-}
-.np-table-outer-container:focus-visible {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
-.np-table-outer-container:focus-visible {
-  outline-offset: 0;
-}
-.np-table-outer-container--center {
-  margin-right: auto;
-  margin-left: auto;
-}
-@media (max-width: 767px) {
-  .np-table-outer-container--center {
-    width: 100%;
-  }
-}
-.np-table-outer-container--full-width {
-  width: 100%;
-}
-.np-table-container {
-  padding: 8px;
-  padding: var(--size-8);
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-  border-radius: inherit;
-}
-.np-table-container--loading .np-table-inner-container {
-  background-image: none;
-}
-.np-table-inner-container {
-  background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
-  background-position: left center, right center, left center, right center;
-  background-repeat: no-repeat;
-  background-color: var(--color-contrast-overlay);
-  background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
-  background-attachment: local, local, scroll, scroll;
-  overflow-x: auto;
-  border-radius: 10px;
-}
-.np-theme-personal--dark .np-table-inner-container {
-  background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, #000000, rgba(0, 0, 0, 0)), linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
-}
-.np-table-row:last-child .np-table-cell:first-child {
-  border-bottom-left-radius: 10px;
-}
-.np-table-row:last-child .np-table-cell:last-child {
-  border-bottom-right-radius: 10px;
-}
-.np-table-row:focus {
-  outline: none;
-}
-.np-table-row:focus-visible {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
-.np-table-row:focus-visible {
-  outline-offset: -2px;
-  border-radius: 6px;
-}
-.np-table-row--clickable .np-table-cell {
-  position: relative;
-}
-.np-table-row--clickable .np-table-cell:before {
-  display: none;
-  content: "";
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-  background-color: var(--color-background-screen-hover);
-}
-.np-table-row--clickable .np-table-cell:first-child:before,
-.np-table-row--clickable .np-table-cell:last-child:before {
-  width: calc(100% - 8px);
-  width: calc(100% - var(--size-8));
-}
-.np-table-row--clickable .np-table-cell:first-child:before {
-  left: 8px;
-  left: var(--size-8);
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-}
-.np-table-row--clickable .np-table-cell:last-child:before {
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}
-.np-table-row--clickable:hover .np-table-cell:before {
-  display: block;
-}
-.np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before,
-.np-table-row--clickable:hover:focus-visible .np-table-cell:last-child:before {
-  width: 100%;
-}
-.np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before {
-  left: 0;
-}
-.np-table-row--cosmetic .np-table-cell {
-  height: 8px;
-  height: var(--size-8);
-  padding: 0;
-}
-.np-table-header,
-.np-table-cell {
-  padding: 0;
-}
-.np-table-header:first-child,
-.np-table-cell:first-child {
-  padding-left: 16px;
-  padding-left: var(--size-16);
-}
-.np-table-header:first-child .np-table-header-content,
-.np-table-cell:first-child .np-table-header-content,
-.np-table-header:first-child .np-table-cell-content,
-.np-table-cell:first-child .np-table-cell-content {
-  padding-left: 0;
-}
-.np-table-header:last-child,
-.np-table-cell:last-child {
-  padding-right: 16px;
-  padding-right: var(--size-16);
-}
-.np-table-header:last-child .np-table-header-content,
-.np-table-cell:last-child .np-table-header-content,
-.np-table-header:last-child .np-table-cell-content,
-.np-table-cell:last-child .np-table-cell-content {
-  padding-right: 0;
-}
-.np-table-header .np-table-text-secondary,
-.np-table-cell .np-table-text-secondary {
-  color: #768e9c;
-  color: var(--color-content-tertiary);
-  font-size: 0.75rem;
-  font-size: var(--font-size-12);
-  font-style: normal;
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  line-height: 1.125rem;
-  line-height: var(--line-height-18);
-}
-.np-table-header.np-table-header--right > .np-text-body-default,
-.np-table-cell.np-table-cell--right > .np-text-body-default {
-  text-align: right;
-}
-.np-table-header.np-table-header--right + .np-table-header:not(.np-table-header--right),
-.np-table-cell.np-table-cell--right + .np-table-cell:not(.np-table-cell--right) {
-  padding-left: calc(8px + 12px);
-  padding-left: calc(var(--size-8) + var(--size-12));
-}
-.np-table-header.np-table-header--right .np-table-header-content,
-.np-table-cell.np-table-cell--right .np-table-content {
-  justify-content: end;
-}
-.np-table-header-content,
-.np-table-content {
-  display: flex;
-  align-items: center;
-  justify-content: start;
-}
-.np-table-header {
-  min-width: 160px;
-  padding-right: 8px;
-  padding-right: var(--size-8);
-  padding-bottom: 8px;
-  padding-bottom: var(--size-8);
-  padding-left: 8px;
-  padding-left: var(--size-8);
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-  color: var(--color-interactive-primary);
-}
-.np-table-header-content {
-  padding-top: 5px;
-  padding-bottom: 5px;
-  white-space: nowrap;
-  line-height: 1.375rem;
-  line-height: var(--line-height-22);
-  letter-spacing: 0.0125em;
-  letter-spacing: var(--letter-spacing-sm);
-}
-.np-table-header--error {
-  color: var(--color-sentiment-negative);
-}
-.np-table-header--action {
-  min-width: 0;
-  padding: 0;
-}
-.np-table-cell {
-  padding: 16px 8px;
-  padding: var(--size-16) var(--size-8);
-  position: relative;
-}
-.np-table-cell--cosmetic {
-  padding: 0;
-}
-.np-table-cell--primary {
-  min-width: 200px;
-}
-.np-table-cell--currency .np-text-body-default {
-  white-space: nowrap;
-}
-.np-table-cell--status .status-circle {
-  width: 24px;
-  height: 24px;
-}
-.np-table-cell--status .status-circle .status-icon > svg {
-  width: 21px;
-  height: 21px;
-}
-.np-table-cell .tw-chevron {
-  margin-left: 8px;
-  margin-left: var(--size-8);
-}
-.np-table-cell-separator {
-  margin-top: 4px;
-  margin-top: var(--size-4);
-  margin-bottom: 4px;
-  margin-bottom: var(--size-4);
-  height: 1px;
-  background-color: rgba(134,167,189,0.10196);
-  background-color: var(--color-background-neutral);
-  padding: 0;
-}
-.np-table-cell .np-text-body-default {
-  line-height: 1.375rem;
-  line-height: var(--line-height-22);
-  letter-spacing: 0.01em;
-  letter-spacing: var(--letter-spacing-xs);
-}
-.np-table-cell .np-text-body-default-bold {
-  display: flex;
-  align-items: center;
-  color: #37517e;
-  color: var(--color-content-primary);
-  white-space: nowrap;
-}
-.np-table-cell .np-table-content--success {
-  color: var(--color-sentiment-positive);
-}
-.np-table-cell .np-table-content--error {
-  color: var(--color-sentiment-negative);
-}
-.np-table-cell .tw-loader {
-  margin: 150px auto;
-}
-@media (max-width: 320px) {
-  .np-table-cell .tw-loader {
-    margin-top: 70px;
-    margin-bottom: 70px;
-  }
-}
-.np-table-content {
-  gap: 12px;
-  gap: var(--size-12);
-}
-.np-table-content--success,
-.np-table-content--error {
-  gap: 4px;
-  gap: var(--size-4);
-}
-.np-table-content--success .np-table-content-text,
-.np-table-content--error .np-table-content-text {
-  line-height: 155%;
-}
-.np-table-content-media {
-  flex-shrink: 0;
-}
-.np-table-content-body {
-  display: flex;
-  flex-direction: column;
-  font-size: 0.75rem;
-  font-size: var(--font-size-12);
-  color: #768e9c;
-  color: var(--color-content-tertiary);
-}
-.np-table-content--reversed {
-  flex-direction: row-reverse;
-}
-.np-table-content--reversed .np-table-content-body {
-  align-items: end;
-}
-.np-table-empty-data {
-  display: flex;
-  align-items: center;
-}
-.np-table-empty-data .status-circle {
-  margin-right: 12px;
-  margin-right: var(--size-12);
-}
 .np-tile {
   min-width: 120px;
   border-radius: 10px;

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

@@ -19,7 +19,7 @@ type AnchorProps = CommonProps & Omit<React.ComponentPropsWithRef<'a'>, 'type'>
     as?: 'a';
 };
 export type Props = ButtonProps | AnchorProps;
-type ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;
+export type ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;
 declare const Button: import("react").ForwardRefExoticComponent<(Omit<ButtonProps, "ref"> | Omit<AnchorProps, "ref">) & import("react").RefAttributes<ButtonReferenceType>>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,WAAW,CAAC;AAOnB,kBAAkB;AAClB,KAAK,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,kBAAkB;AAClB,KAAK,eAAe,GAAG,cAAc,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,eAAe,GAAG,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,CAAC;IACzE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;CAC7D,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEJ,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;IAC/C,EAAE,CAAC,EAAE,GAAG,CAAC;CACV,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC;AAE9C,KAAK,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAEjE,QAAA,MAAM,MAAM,uJAkGX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,WAAW,CAAC;AAOnB,kBAAkB;AAClB,KAAK,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,kBAAkB;AAClB,KAAK,eAAe,GAAG,cAAc,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,eAAe,GAAG,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,CAAC;IACzE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;CAC7D,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEJ,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;IAC/C,EAAE,CAAC,EAAE,GAAG,CAAC;CACV,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAExE,QAAA,MAAM,MAAM,uJAkGX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/types/button/legacyUtils/legacyUtils.d.ts

@@ -13,8 +13,8 @@ type EstablishNewPriorityType = (originalPriority?: Priority | (string & Record<
 export declare const establishNewPriority: EstablishNewPriorityType;
 type DeprecatedTypeMapMessageType = keyof typeof deprecatedTypeMapMessage;
 type LogDeprecationNoticesType = (params: {
-    size: `${Size}`;
-    type: DeprecatedTypeMapMessageType | (string & Record<never, never>) | null;
+    size?: `${Size}`;
+    type?: DeprecatedTypeMapMessageType | (string & Record<never, never>) | null;
 }) => void;
 export declare const logDeprecationNotices: LogDeprecationNoticesType;
 export {};

package/build/types/button/legacyUtils/legacyUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legacyUtils.d.ts","sourceRoot":"","sources":["../../../../src/button/legacyUtils/legacyUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAWjE,KAAK,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;AAO5D,QAAA,MAAM,wBAAwB;;;;;;CAM7B,CAAC;AAIF,KAAK,oBAAoB,GAAG,CAC1B,YAAY,EAAE,IAAI,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,KACxD,GAAG,WAAW,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC;AAEtC,eAAO,MAAM,gBAAgB,EAAE,oBAGb,CAAC;AAEnB,KAAK,wBAAwB,GAAG,CAC9B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,EACpE,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,KAChE,GAAG,WAAW,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAElD,eAAO,MAAM,oBAAoB,EAAE,wBAalC,CAAC;AAEF,KAAK,4BAA4B,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAC1E,KAAK,yBAAyB,GAAG,CAAC,MAAM,EAAE;IACxC,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC;IAChB,IAAI,EAAE,4BAA4B,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;CAC7E,KAAK,IAAI,CAAC;AACX,eAAO,MAAM,qBAAqB,EAAE,yBAWnC,CAAC"}
+{"version":3,"file":"legacyUtils.d.ts","sourceRoot":"","sources":["../../../../src/button/legacyUtils/legacyUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAWjE,KAAK,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;AAO5D,QAAA,MAAM,wBAAwB;;;;;;CAM7B,CAAC;AAIF,KAAK,oBAAoB,GAAG,CAC1B,YAAY,EAAE,IAAI,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,KACxD,GAAG,WAAW,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC;AAEtC,eAAO,MAAM,gBAAgB,EAAE,oBAGb,CAAC;AAEnB,KAAK,wBAAwB,GAAG,CAC9B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,EACpE,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,KAChE,GAAG,WAAW,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAElD,eAAO,MAAM,oBAAoB,EAAE,wBAalC,CAAC;AAEF,KAAK,4BAA4B,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAC1E,KAAK,yBAAyB,GAAG,CAAC,MAAM,EAAE;IACxC,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,4BAA4B,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;CAC9E,KAAK,IAAI,CAAC;AACX,eAAO,MAAM,qBAAqB,EAAE,yBAWnC,CAAC"}

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

@@ -0,0 +1,158 @@
+import { ReactElement } from 'react';
+import { render } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+/**
+ * Custom `render` function which wraps passed elements in Provider component
+ * Source: https://testing-library.com/docs/example-react-intl/#creating-a-custom-render-function
+ *
+ */
+declare function customRender(ui: ReactElement, { locale, messages, ...renderOptions }?: {
+    locale?: string | undefined;
+    messages?: {
+        "neptune.Button.loadingAriaLabel": string;
+        "neptune.Chips.ariaLabel": string;
+        "neptune.ClearButton.ariaLabel": string;
+        "neptune.CloseButton.ariaLabel": string;
+        "neptune.DateInput.day.label": string;
+        "neptune.DateInput.day.placeholder": string;
+        "neptune.DateInput.month.label": string;
+        "neptune.DateInput.year.label": string;
+        "neptune.DateInput.year.placeholder": string;
+        "neptune.DateLookup.day": string;
+        "neptune.DateLookup.goTo20YearView": string;
+        "neptune.DateLookup.month": string;
+        "neptune.DateLookup.next": string;
+        "neptune.DateLookup.previous": string;
+        "neptune.DateLookup.selected": string;
+        "neptune.DateLookup.twentyYears": string;
+        "neptune.DateLookup.year": string;
+        "neptune.FlowNavigation.back": string;
+        "neptune.Info.ariaLabel": string;
+        "neptune.Label.optional": string;
+        "neptune.Link.opensInNewTab": string;
+        "neptune.MoneyInput.Select.placeholder": string;
+        "neptune.MoneyInput.Select.selectCurrencyLabel": string;
+        "neptune.PhoneNumberInput.SelectInput.placeholder": string;
+        "neptune.Select.searchPlaceholder": string;
+        "neptune.SelectInput.noResultsFound": string;
+        "neptune.SelectOption.action.label": string;
+        "neptune.SelectOption.selected.action.label": string;
+        "neptune.StatusIcon.iconLabel.error": string;
+        "neptune.StatusIcon.iconLabel.information": string;
+        "neptune.StatusIcon.iconLabel.pending": string;
+        "neptune.StatusIcon.iconLabel.success": string;
+        "neptune.StatusIcon.iconLabel.warning": string;
+        "neptune.Summary.statusDone": string;
+        "neptune.Summary.statusNotDone": string;
+        "neptune.Summary.statusPending": string;
+        "neptune.Upload.csButtonText": string;
+        "neptune.Upload.csFailureText": string;
+        "neptune.Upload.csSuccessText": string;
+        "neptune.Upload.csTooLargeMessage": string;
+        "neptune.Upload.csWrongTypeMessage": string;
+        "neptune.Upload.psButtonText": string;
+        "neptune.Upload.psProcessingText": string;
+        "neptune.Upload.retry": string;
+        "neptune.Upload.usButtonText": string;
+        "neptune.Upload.usDropMessage": string;
+        "neptune.Upload.usPlaceholder": string;
+        "neptune.UploadButton.allFileTypes": string;
+        "neptune.UploadButton.dropFiles": string;
+        "neptune.UploadButton.instructions": string;
+        "neptune.UploadButton.uploadFile": string;
+        "neptune.UploadButton.uploadFiles": string;
+        "neptune.UploadInput.deleteModalBody": string;
+        "neptune.UploadInput.deleteModalCancelButtonText": string;
+        "neptune.UploadInput.deleteModalConfirmButtonText": string;
+        "neptune.UploadInput.deleteModalTitle": string;
+        "neptune.UploadInput.fileIsTooLarge": string;
+        "neptune.UploadInput.fileTypeNotSupported": string;
+        "neptune.UploadInput.maximumFilesAlreadyUploaded": string;
+        "neptune.UploadItem.deleting": string;
+        "neptune.UploadItem.removeFile": string;
+        "neptune.UploadItem.uploaded": string;
+        "neptune.UploadItem.uploadedFile": string;
+        "neptune.UploadItem.uploading": string;
+        "neptune.UploadItem.uploadingFailed": string;
+    } | undefined;
+}): ReturnType<typeof render>;
+/**
+ * Custom `renderHook` function which wraps passed elements in Provider component
+ * For more info: https://react-hooks-testing-library.com/usage/advanced-hooks#context
+ */
+declare function customRenderHook(callback: () => unknown, { locale, messages }?: {
+    locale?: string | undefined;
+    messages?: {
+        "neptune.Button.loadingAriaLabel": string;
+        "neptune.Chips.ariaLabel": string;
+        "neptune.ClearButton.ariaLabel": string;
+        "neptune.CloseButton.ariaLabel": string;
+        "neptune.DateInput.day.label": string;
+        "neptune.DateInput.day.placeholder": string;
+        "neptune.DateInput.month.label": string;
+        "neptune.DateInput.year.label": string;
+        "neptune.DateInput.year.placeholder": string;
+        "neptune.DateLookup.day": string;
+        "neptune.DateLookup.goTo20YearView": string;
+        "neptune.DateLookup.month": string;
+        "neptune.DateLookup.next": string;
+        "neptune.DateLookup.previous": string;
+        "neptune.DateLookup.selected": string;
+        "neptune.DateLookup.twentyYears": string;
+        "neptune.DateLookup.year": string;
+        "neptune.FlowNavigation.back": string;
+        "neptune.Info.ariaLabel": string;
+        "neptune.Label.optional": string;
+        "neptune.Link.opensInNewTab": string;
+        "neptune.MoneyInput.Select.placeholder": string;
+        "neptune.MoneyInput.Select.selectCurrencyLabel": string;
+        "neptune.PhoneNumberInput.SelectInput.placeholder": string;
+        "neptune.Select.searchPlaceholder": string;
+        "neptune.SelectInput.noResultsFound": string;
+        "neptune.SelectOption.action.label": string;
+        "neptune.SelectOption.selected.action.label": string;
+        "neptune.StatusIcon.iconLabel.error": string;
+        "neptune.StatusIcon.iconLabel.information": string;
+        "neptune.StatusIcon.iconLabel.pending": string;
+        "neptune.StatusIcon.iconLabel.success": string;
+        "neptune.StatusIcon.iconLabel.warning": string;
+        "neptune.Summary.statusDone": string;
+        "neptune.Summary.statusNotDone": string;
+        "neptune.Summary.statusPending": string;
+        "neptune.Upload.csButtonText": string;
+        "neptune.Upload.csFailureText": string;
+        "neptune.Upload.csSuccessText": string;
+        "neptune.Upload.csTooLargeMessage": string;
+        "neptune.Upload.csWrongTypeMessage": string;
+        "neptune.Upload.psButtonText": string;
+        "neptune.Upload.psProcessingText": string;
+        "neptune.Upload.retry": string;
+        "neptune.Upload.usButtonText": string;
+        "neptune.Upload.usDropMessage": string;
+        "neptune.Upload.usPlaceholder": string;
+        "neptune.UploadButton.allFileTypes": string;
+        "neptune.UploadButton.dropFiles": string;
+        "neptune.UploadButton.instructions": string;
+        "neptune.UploadButton.uploadFile": string;
+        "neptune.UploadButton.uploadFiles": string;
+        "neptune.UploadInput.deleteModalBody": string;
+        "neptune.UploadInput.deleteModalCancelButtonText": string;
+        "neptune.UploadInput.deleteModalConfirmButtonText": string;
+        "neptune.UploadInput.deleteModalTitle": string;
+        "neptune.UploadInput.fileIsTooLarge": string;
+        "neptune.UploadInput.fileTypeNotSupported": string;
+        "neptune.UploadInput.maximumFilesAlreadyUploaded": string;
+        "neptune.UploadItem.deleting": string;
+        "neptune.UploadItem.removeFile": string;
+        "neptune.UploadItem.uploaded": string;
+        "neptune.UploadItem.uploadedFile": string;
+        "neptune.UploadItem.uploading": string;
+        "neptune.UploadItem.uploadingFailed": string;
+    } | undefined;
+}): import("@testing-library/react").RenderHookResult<unknown, unknown>;
+export * from '@testing-library/react';
+export * from './fake-data';
+export * from './story-config';
+export * from './window-mock';
+export { customRender as render, customRenderHook as renderHook, userEvent };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/test-utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAM,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAc,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAMxD;;;;GAIG;AACH,iBAAS,YAAY,CACnB,EAAE,EAAE,YAAY,EAChB,EAAE,MAAuB,EAAE,QAAa,EAAE,GAAG,aAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAK,GAChE,UAAU,CAAC,OAAO,MAAM,CAAC,CAK3B;AAED;;;GAGG;AACH,iBAAS,gBAAgB,CACvB,QAAQ,EAAE,MAAM,OAAO,EACvB,EAAE,MAAuB,EAAE,QAAa,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAK,uEAKhD;AAED,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,gBAAgB,IAAI,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/build/types/test-utils/jest.setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=jest.setup.d.ts.map

package/build/types/test-utils/jest.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jest.setup.d.ts","sourceRoot":"","sources":["../../../src/test-utils/jest.setup.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-029bd71",
+  "version": "0.0.0-experimental-339e531",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -72,6 +72,7 @@
     "@tsconfig/recommended": "^1.0.7",
     "@types/babel__core": "^7.20.5",
     "@types/commonmark": "^0.27.9",
+    "@types/enzyme": "^3.10.18",
     "@types/jest": "^29.5.12",
     "@types/lodash": "4.17.6",
     "@types/lodash.clamp": "^4.0.9",
@@ -91,9 +92,9 @@
     "rollup": "^4.18.1",
     "rollup-preserve-directives": "^1.1.1",
     "storybook": "^8.2.2",
-    "@transferwise/less-config": "3.1.0",
+    "@transferwise/neptune-css": "14.20.0",
     "@wise/components-theming": "1.6.1",
-    "@transferwise/neptune-css": "14.19.1"
+    "@transferwise/less-config": "3.1.0"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.13.1",

package/src/button/{Button.spec.js → Button.spec.tsx}

@@ -5,6 +5,7 @@ import { render, screen, userEvent } from '../test-utils';
 
 import Button from '.';
 import messages from './Button.messages';
+import { ButtonReferenceType } from './Button';
 
 const { ACCENT, POSITIVE, NEGATIVE } = ControlType;
 const { PAY, LINK, DANGER } = Type;
@@ -14,7 +15,7 @@ const { SMALL, MEDIUM, LARGE } = Size;
 describe('Button', () => {
   // eslint-disable-next-line no-console
   const originalWarn = console.warn;
-  let mockedWarn;
+  let mockedWarn: typeof originalWarn;
 
   const props = {
     onClick: jest.fn(),
@@ -47,7 +48,7 @@ describe('Button', () => {
     });
 
     it('set `ref` to be true on Button', () => {
-      const reference = createRef();
+      const reference = createRef<ButtonReferenceType>();
 
       expect(reference.current).toBeFalsy();
       render(<Button ref={reference}>Click me!</Button>);

package/src/button/Button.tsx

@@ -51,7 +51,7 @@ type AnchorProps = CommonProps &
 
 export type Props = ButtonProps | AnchorProps;
 
-type ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;
+export type ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;
 
 const Button = forwardRef<ButtonReferenceType, Props>(
   (

package/src/button/legacyUtils/{legacyUtils.spec.js → legacyUtils.spec.tsx}

@@ -68,7 +68,7 @@ describe('establishNewType', () => {
 
 describe('logDeprecationNotices', () => {
   const origWarn = console.warn;
-  let mockedWarn;
+  let mockedWarn: typeof origWarn;
 
   beforeAll(() => {
     mockedWarn = jest.fn();

package/src/button/legacyUtils/legacyUtils.ts

@@ -57,8 +57,8 @@ export const establishNewPriority: EstablishNewPriorityType = (originalPriority,
 
 type DeprecatedTypeMapMessageType = keyof typeof deprecatedTypeMapMessage;
 type LogDeprecationNoticesType = (params: {
-  size: `${Size}`;
-  type: DeprecatedTypeMapMessageType | (string & Record<never, never>) | null;
+  size?: `${Size}`;
+  type?: DeprecatedTypeMapMessageType | (string & Record<never, never>) | null;
 }) => void;
 export const logDeprecationNotices: LogDeprecationNoticesType = ({ size, type }) => {
   logActionRequiredIf(

package/src/i18n/en.json

@@ -35,11 +35,6 @@
   "neptune.Summary.statusDone": "Item done",
   "neptune.Summary.statusNotDone": "Item to do",
   "neptune.Summary.statusPending": "Item pending",
-  "neptune.Table.actionHeader": "Action",
-  "neptune.Table.emptyData": "No results found",
-  "neptune.Table.loaded": "Table data is loaded",
-  "neptune.Table.loading": "Table data is loading",
-  "neptune.Table.refreshPage": "Refresh page",
   "neptune.Upload.csButtonText": "Upload another file?",
   "neptune.Upload.csFailureText": "Upload failed. Please, try again",
   "neptune.Upload.csSuccessText": "Upload complete!",