@transferwise/components 46.128.3 → 46.129.0

package/build/main.css

@@ -5,11 +5,11 @@
   background-color: var(--color-sentiment-background-surface);
   color: var(--color-sentiment-content-primary);
 }
-.np-theme-personal .wds-sentiment-surface-negative-base,
-.np-theme-business .wds-sentiment-surface-negative-base,
-.np-theme-platform .wds-sentiment-surface-negative-base,
-.np-theme-personal--bright-green .wds-sentiment-surface-negative-base,
-.np-theme-business--bright-green .wds-sentiment-surface-negative-base {
+.np-theme-personal.wds-sentiment-surface-negative-base,
+.np-theme-business.wds-sentiment-surface-negative-base,
+.np-theme-platform.wds-sentiment-surface-negative-base,
+.np-theme-personal--bright-green.wds-sentiment-surface-negative-base,
+.np-theme-business--bright-green.wds-sentiment-surface-negative-base {
   --color-sentiment-content-primary: #CB272F;
   --color-sentiment-content-primary-hover: #B8232B;
   --color-sentiment-content-primary-active: #A72027;
@@ -29,11 +29,11 @@
   --color-sentiment-background-surface-hover: #F9E1E1;
   --color-sentiment-background-surface-active: #F8D8D8;
 }
-.np-theme-personal .wds-sentiment-surface-negative-elevated,
-.np-theme-business .wds-sentiment-surface-negative-elevated,
-.np-theme-platform .wds-sentiment-surface-negative-elevated,
-.np-theme-personal--bright-green .wds-sentiment-surface-negative-elevated,
-.np-theme-business--bright-green .wds-sentiment-surface-negative-elevated {
+.np-theme-personal.wds-sentiment-surface-negative-elevated,
+.np-theme-business.wds-sentiment-surface-negative-elevated,
+.np-theme-platform.wds-sentiment-surface-negative-elevated,
+.np-theme-personal--bright-green.wds-sentiment-surface-negative-elevated,
+.np-theme-business--bright-green.wds-sentiment-surface-negative-elevated {
   --color-sentiment-content-primary: #FFFFFF;
   --color-sentiment-content-primary-hover: #F5CCCC;
   --color-sentiment-content-primary-active: #F1B7B7;
@@ -53,11 +53,11 @@
   --color-sentiment-background-surface-hover: #B8232B;
   --color-sentiment-background-surface-active: #A72027;
 }
-.np-theme-personal--dark .wds-sentiment-surface-negative-base,
-.np-theme-business--dark .wds-sentiment-surface-negative-base,
-.np-theme-personal--forest-green .wds-sentiment-surface-negative-base,
-.np-theme-business--forest-green .wds-sentiment-surface-negative-base,
-.np-theme-platform--forest-green .wds-sentiment-surface-negative-base {
+.np-theme-personal--dark.wds-sentiment-surface-negative-base,
+.np-theme-business--dark.wds-sentiment-surface-negative-base,
+.np-theme-personal--forest-green.wds-sentiment-surface-negative-base,
+.np-theme-business--forest-green.wds-sentiment-surface-negative-base,
+.np-theme-platform--forest-green.wds-sentiment-surface-negative-base {
   --color-sentiment-content-primary: #FFA8AD;
   --color-sentiment-content-primary-hover: #FFBDC0;
   --color-sentiment-content-primary-active: #FFD1D3;
@@ -77,11 +77,11 @@
   --color-sentiment-background-surface-hover: #641115;
   --color-sentiment-background-surface-active: #761418;
 }
-.np-theme-personal--dark .wds-sentiment-surface-negative-elevated,
-.np-theme-business--dark .wds-sentiment-surface-negative-elevated,
-.np-theme-personal--forest-green .wds-sentiment-surface-negative-elevated,
-.np-theme-business--forest-green .wds-sentiment-surface-negative-elevated,
-.np-theme-platform--forest-green .wds-sentiment-surface-negative-elevated {
+.np-theme-personal--dark.wds-sentiment-surface-negative-elevated,
+.np-theme-business--dark.wds-sentiment-surface-negative-elevated,
+.np-theme-personal--forest-green.wds-sentiment-surface-negative-elevated,
+.np-theme-business--forest-green.wds-sentiment-surface-negative-elevated,
+.np-theme-platform--forest-green.wds-sentiment-surface-negative-elevated {
   --color-sentiment-content-primary: #410B0D;
   --color-sentiment-content-primary-hover: #641115;
   --color-sentiment-content-primary-active: #761418;
@@ -101,11 +101,11 @@
   --color-sentiment-background-surface-hover: #FFBDC0;
   --color-sentiment-background-surface-active: #FFD1D3;
 }
-.np-theme-personal .wds-sentiment-surface-warning-base,
-.np-theme-business .wds-sentiment-surface-warning-base,
-.np-theme-platform .wds-sentiment-surface-warning-base,
-.np-theme-personal--bright-green .wds-sentiment-surface-warning-base,
-.np-theme-business--bright-green .wds-sentiment-surface-warning-base {
+.np-theme-personal.wds-sentiment-surface-warning-base,
+.np-theme-business.wds-sentiment-surface-warning-base,
+.np-theme-platform.wds-sentiment-surface-warning-base,
+.np-theme-personal--bright-green.wds-sentiment-surface-warning-base,
+.np-theme-business--bright-green.wds-sentiment-surface-warning-base {
   --color-sentiment-content-primary: #4A3B1C;
   --color-sentiment-content-primary-hover: #302612;
   --color-sentiment-content-primary-active: #2C2311;
@@ -125,11 +125,11 @@
   --color-sentiment-background-surface-hover: #FFF0B2;
   --color-sentiment-background-surface-active: #FFE98F;
 }
-.np-theme-personal .wds-sentiment-surface-warning-elevated,
-.np-theme-business .wds-sentiment-surface-warning-elevated,
-.np-theme-platform .wds-sentiment-surface-warning-elevated,
-.np-theme-personal--bright-green .wds-sentiment-surface-warning-elevated,
-.np-theme-business--bright-green .wds-sentiment-surface-warning-elevated {
+.np-theme-personal.wds-sentiment-surface-warning-elevated,
+.np-theme-business.wds-sentiment-surface-warning-elevated,
+.np-theme-platform.wds-sentiment-surface-warning-elevated,
+.np-theme-personal--bright-green.wds-sentiment-surface-warning-elevated,
+.np-theme-business--bright-green.wds-sentiment-surface-warning-elevated {
   --color-sentiment-content-primary: #4A3B1C;
   --color-sentiment-content-primary-hover: #302612;
   --color-sentiment-content-primary-active: #2C2311;
@@ -149,11 +149,11 @@
   --color-sentiment-background-surface-hover: #FFBF0F;
   --color-sentiment-background-surface-active: #FFBB00;
 }
-.np-theme-personal--dark .wds-sentiment-surface-warning-base,
-.np-theme-business--dark .wds-sentiment-surface-warning-base,
-.np-theme-personal--forest-green .wds-sentiment-surface-warning-base,
-.np-theme-business--forest-green .wds-sentiment-surface-warning-base,
-.np-theme-platform--forest-green .wds-sentiment-surface-warning-base {
+.np-theme-personal--dark.wds-sentiment-surface-warning-base,
+.np-theme-business--dark.wds-sentiment-surface-warning-base,
+.np-theme-personal--forest-green.wds-sentiment-surface-warning-base,
+.np-theme-business--forest-green.wds-sentiment-surface-warning-base,
+.np-theme-platform--forest-green.wds-sentiment-surface-warning-base {
   --color-sentiment-content-primary: #FADC65;
   --color-sentiment-content-primary-hover: #F9D648;
   --color-sentiment-content-primary-active: #F8CD20;
@@ -173,11 +173,11 @@
   --color-sentiment-background-surface-hover: #504930;
   --color-sentiment-background-surface-active: #665D3D;
 }
-.np-theme-personal--dark .wds-sentiment-surface-warning-elevated,
-.np-theme-business--dark .wds-sentiment-surface-warning-elevated,
-.np-theme-personal--forest-green .wds-sentiment-surface-warning-elevated,
-.np-theme-business--forest-green .wds-sentiment-surface-warning-elevated,
-.np-theme-platform--forest-green .wds-sentiment-surface-warning-elevated {
+.np-theme-personal--dark.wds-sentiment-surface-warning-elevated,
+.np-theme-business--dark.wds-sentiment-surface-warning-elevated,
+.np-theme-personal--forest-green.wds-sentiment-surface-warning-elevated,
+.np-theme-business--forest-green.wds-sentiment-surface-warning-elevated,
+.np-theme-platform--forest-green.wds-sentiment-surface-warning-elevated {
   --color-sentiment-content-primary: #3A3523;
   --color-sentiment-content-primary-hover: #504930;
   --color-sentiment-content-primary-active: #665D3D;
@@ -197,11 +197,11 @@
   --color-sentiment-background-surface-hover: #F9D648;
   --color-sentiment-background-surface-active: #F8CD20;
 }
-.np-theme-personal .wds-sentiment-surface-success-base,
-.np-theme-business .wds-sentiment-surface-success-base,
-.np-theme-platform .wds-sentiment-surface-success-base,
-.np-theme-personal--bright-green .wds-sentiment-surface-success-base,
-.np-theme-business--bright-green .wds-sentiment-surface-success-base {
+.np-theme-personal.wds-sentiment-surface-success-base,
+.np-theme-business.wds-sentiment-surface-success-base,
+.np-theme-platform.wds-sentiment-surface-success-base,
+.np-theme-personal--bright-green.wds-sentiment-surface-success-base,
+.np-theme-business--bright-green.wds-sentiment-surface-success-base {
   --color-sentiment-content-primary: #054D28;
   --color-sentiment-content-primary-hover: #043A1E;
   --color-sentiment-content-primary-active: #022614;
@@ -221,11 +221,11 @@
   --color-sentiment-background-surface-hover: #D3F2C0;
   --color-sentiment-background-surface-active: #C5EDAB;
 }
-.np-theme-personal .wds-sentiment-surface-success-elevated,
-.np-theme-business .wds-sentiment-surface-success-elevated,
-.np-theme-platform .wds-sentiment-surface-success-elevated,
-.np-theme-personal--bright-green .wds-sentiment-surface-success-elevated,
-.np-theme-business--bright-green .wds-sentiment-surface-success-elevated {
+.np-theme-personal.wds-sentiment-surface-success-elevated,
+.np-theme-business.wds-sentiment-surface-success-elevated,
+.np-theme-platform.wds-sentiment-surface-success-elevated,
+.np-theme-personal--bright-green.wds-sentiment-surface-success-elevated,
+.np-theme-business--bright-green.wds-sentiment-surface-success-elevated {
   --color-sentiment-content-primary: #E2F6D5;
   --color-sentiment-content-primary-hover: #D3F2C0;
   --color-sentiment-content-primary-active: #C5EDAB;
@@ -245,11 +245,11 @@
   --color-sentiment-background-surface-hover: #043A1E;
   --color-sentiment-background-surface-active: #022614;
 }
-.np-theme-personal--dark .wds-sentiment-surface-success-base,
-.np-theme-business--dark .wds-sentiment-surface-success-base,
-.np-theme-personal--forest-green .wds-sentiment-surface-success-base,
-.np-theme-business--forest-green .wds-sentiment-surface-success-base,
-.np-theme-platform--forest-green .wds-sentiment-surface-success-base {
+.np-theme-personal--dark.wds-sentiment-surface-success-base,
+.np-theme-business--dark.wds-sentiment-surface-success-base,
+.np-theme-personal--forest-green.wds-sentiment-surface-success-base,
+.np-theme-business--forest-green.wds-sentiment-surface-success-base,
+.np-theme-platform--forest-green.wds-sentiment-surface-success-base {
   --color-sentiment-content-primary: #BAE5A0;
   --color-sentiment-content-primary-hover: #C8EAB3;
   --color-sentiment-content-primary-active: #D6F0C7;
@@ -269,11 +269,11 @@
   --color-sentiment-background-surface-hover: #323B2B;
   --color-sentiment-background-surface-active: #3E4A36;
 }
-.np-theme-personal--dark .wds-sentiment-surface-success-elevated,
-.np-theme-business--dark .wds-sentiment-surface-success-elevated,
-.np-theme-personal--forest-green .wds-sentiment-surface-success-elevated,
-.np-theme-business--forest-green .wds-sentiment-surface-success-elevated,
-.np-theme-platform--forest-green .wds-sentiment-surface-success-elevated {
+.np-theme-personal--dark.wds-sentiment-surface-success-elevated,
+.np-theme-business--dark.wds-sentiment-surface-success-elevated,
+.np-theme-personal--forest-green.wds-sentiment-surface-success-elevated,
+.np-theme-business--forest-green.wds-sentiment-surface-success-elevated,
+.np-theme-platform--forest-green.wds-sentiment-surface-success-elevated {
   --color-sentiment-content-primary: #252C20;
   --color-sentiment-content-primary-hover: #323B2B;
   --color-sentiment-content-primary-active: #3E4A36;
@@ -293,11 +293,11 @@
   --color-sentiment-background-surface-hover: #C8EAB3;
   --color-sentiment-background-surface-active: #D6F0C7;
 }
-.np-theme-personal .wds-sentiment-surface-neutral-base,
-.np-theme-business .wds-sentiment-surface-neutral-base,
-.np-theme-platform .wds-sentiment-surface-neutral-base,
-.np-theme-personal--bright-green .wds-sentiment-surface-neutral-base,
-.np-theme-business--bright-green .wds-sentiment-surface-neutral-base {
+.np-theme-personal.wds-sentiment-surface-neutral-base,
+.np-theme-business.wds-sentiment-surface-neutral-base,
+.np-theme-platform.wds-sentiment-surface-neutral-base,
+.np-theme-personal--bright-green.wds-sentiment-surface-neutral-base,
+.np-theme-business--bright-green.wds-sentiment-surface-neutral-base {
   --color-sentiment-content-primary: #454745;
   --color-sentiment-content-primary-hover: #353635;
   --color-sentiment-content-primary-active: #232423;
@@ -317,11 +317,11 @@
   --color-sentiment-background-surface-hover: rgba(62, 59, 7, 0.12);
   --color-sentiment-background-surface-active: rgba(62, 59, 7, 0.17);
 }
-.np-theme-personal .wds-sentiment-surface-neutral-elevated,
-.np-theme-business .wds-sentiment-surface-neutral-elevated,
-.np-theme-platform .wds-sentiment-surface-neutral-elevated,
-.np-theme-personal--bright-green .wds-sentiment-surface-neutral-elevated,
-.np-theme-business--bright-green .wds-sentiment-surface-neutral-elevated {
+.np-theme-personal.wds-sentiment-surface-neutral-elevated,
+.np-theme-business.wds-sentiment-surface-neutral-elevated,
+.np-theme-platform.wds-sentiment-surface-neutral-elevated,
+.np-theme-personal--bright-green.wds-sentiment-surface-neutral-elevated,
+.np-theme-business--bright-green.wds-sentiment-surface-neutral-elevated {
   --color-sentiment-content-primary: #F1F1ED;
   --color-sentiment-content-primary-hover: #E7E7E1;
   --color-sentiment-content-primary-active: #DFDED5;
@@ -341,11 +341,11 @@
   --color-sentiment-background-surface-hover: #353635;
   --color-sentiment-background-surface-active: #232423;
 }
-.np-theme-personal--dark .wds-sentiment-surface-neutral-base,
-.np-theme-business--dark .wds-sentiment-surface-neutral-base,
-.np-theme-personal--forest-green .wds-sentiment-surface-neutral-base,
-.np-theme-business--forest-green .wds-sentiment-surface-neutral-base,
-.np-theme-platform--forest-green .wds-sentiment-surface-neutral-base {
+.np-theme-personal--dark.wds-sentiment-surface-neutral-base,
+.np-theme-business--dark.wds-sentiment-surface-neutral-base,
+.np-theme-personal--forest-green.wds-sentiment-surface-neutral-base,
+.np-theme-business--forest-green.wds-sentiment-surface-neutral-base,
+.np-theme-platform--forest-green.wds-sentiment-surface-neutral-base {
   --color-sentiment-content-primary: #F1F1ED;
   --color-sentiment-content-primary-hover: #E7E7E1;
   --color-sentiment-content-primary-active: #DFDED5;
@@ -365,11 +365,11 @@
   --color-sentiment-background-surface-hover: rgba(255, 255, 255, 0.2);
   --color-sentiment-background-surface-active: rgba(255, 255, 255, 0.3);
 }
-.np-theme-personal--dark .wds-sentiment-surface-neutral-elevated,
-.np-theme-business--dark .wds-sentiment-surface-neutral-elevated,
-.np-theme-personal--forest-green .wds-sentiment-surface-neutral-elevated,
-.np-theme-business--forest-green .wds-sentiment-surface-neutral-elevated,
-.np-theme-platform--forest-green .wds-sentiment-surface-neutral-elevated {
+.np-theme-personal--dark.wds-sentiment-surface-neutral-elevated,
+.np-theme-business--dark.wds-sentiment-surface-neutral-elevated,
+.np-theme-personal--forest-green.wds-sentiment-surface-neutral-elevated,
+.np-theme-business--forest-green.wds-sentiment-surface-neutral-elevated,
+.np-theme-platform--forest-green.wds-sentiment-surface-neutral-elevated {
   --color-sentiment-content-primary: #2A2C29;
   --color-sentiment-content-primary-hover: #414441;
   --color-sentiment-content-primary-active: #595B58;
@@ -389,11 +389,11 @@
   --color-sentiment-background-surface-hover: #E7E7E1;
   --color-sentiment-background-surface-active: #DFDED5;
 }
-.np-theme-personal .wds-sentiment-surface-proposition-base,
-.np-theme-business .wds-sentiment-surface-proposition-base,
-.np-theme-platform .wds-sentiment-surface-proposition-base,
-.np-theme-personal--bright-green .wds-sentiment-surface-proposition-base,
-.np-theme-business--bright-green .wds-sentiment-surface-proposition-base {
+.np-theme-personal.wds-sentiment-surface-proposition-base,
+.np-theme-business.wds-sentiment-surface-proposition-base,
+.np-theme-platform.wds-sentiment-surface-proposition-base,
+.np-theme-personal--bright-green.wds-sentiment-surface-proposition-base,
+.np-theme-business--bright-green.wds-sentiment-surface-proposition-base {
   --color-sentiment-content-primary: #0E0F0C;
   --color-sentiment-content-primary-hover: #0A2826;
   --color-sentiment-content-primary-active: #074140;
@@ -413,11 +413,11 @@
   --color-sentiment-background-surface-hover: #CAF1F1;
   --color-sentiment-background-surface-active: #B6ECEC;
 }
-.np-theme-personal .wds-sentiment-surface-proposition-elevated,
-.np-theme-business .wds-sentiment-surface-proposition-elevated,
-.np-theme-platform .wds-sentiment-surface-proposition-elevated,
-.np-theme-personal--bright-green .wds-sentiment-surface-proposition-elevated,
-.np-theme-business--bright-green .wds-sentiment-surface-proposition-elevated {
+.np-theme-personal.wds-sentiment-surface-proposition-elevated,
+.np-theme-business.wds-sentiment-surface-proposition-elevated,
+.np-theme-platform.wds-sentiment-surface-proposition-elevated,
+.np-theme-personal--bright-green.wds-sentiment-surface-proposition-elevated,
+.np-theme-business--bright-green.wds-sentiment-surface-proposition-elevated {
   --color-sentiment-content-primary: #FFFFFF;
   --color-sentiment-content-primary-hover: #EAF9F9;
   --color-sentiment-content-primary-active: #D5F4F4;
@@ -437,11 +437,11 @@
   --color-sentiment-background-surface-hover: #043A3A;
   --color-sentiment-background-surface-active: #022626;
 }
-.np-theme-personal--dark .wds-sentiment-surface-proposition-base,
-.np-theme-business--dark .wds-sentiment-surface-proposition-base,
-.np-theme-personal--forest-green .wds-sentiment-surface-proposition-base,
-.np-theme-business--forest-green .wds-sentiment-surface-proposition-base,
-.np-theme-platform--forest-green .wds-sentiment-surface-proposition-base {
+.np-theme-personal--dark.wds-sentiment-surface-proposition-base,
+.np-theme-business--dark.wds-sentiment-surface-proposition-base,
+.np-theme-personal--forest-green.wds-sentiment-surface-proposition-base,
+.np-theme-business--forest-green.wds-sentiment-surface-proposition-base,
+.np-theme-platform--forest-green.wds-sentiment-surface-proposition-base {
   --color-sentiment-content-primary: #FFFFFF;
   --color-sentiment-content-primary-hover: #EAF9F9;
   --color-sentiment-content-primary-active: #D5F4F4;
@@ -461,11 +461,11 @@
   --color-sentiment-background-surface-hover: #124F4C;
   --color-sentiment-background-surface-active: #176460;
 }
-.np-theme-personal--dark .wds-sentiment-surface-proposition-elevated,
-.np-theme-business--dark .wds-sentiment-surface-proposition-elevated,
-.np-theme-personal--forest-green .wds-sentiment-surface-proposition-elevated,
-.np-theme-business--forest-green .wds-sentiment-surface-proposition-elevated,
-.np-theme-platform--forest-green .wds-sentiment-surface-proposition-elevated {
+.np-theme-personal--dark.wds-sentiment-surface-proposition-elevated,
+.np-theme-business--dark.wds-sentiment-surface-proposition-elevated,
+.np-theme-personal--forest-green.wds-sentiment-surface-proposition-elevated,
+.np-theme-business--forest-green.wds-sentiment-surface-proposition-elevated,
+.np-theme-platform--forest-green.wds-sentiment-surface-proposition-elevated {
   --color-sentiment-content-primary: #0E0F0C;
   --color-sentiment-content-primary-hover: #0A2826;
   --color-sentiment-content-primary-active: #074140;
@@ -3930,6 +3930,14 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   border-radius: var(--size-10);
   text-align: start;
 }
+.np-button-input:has(.np-select-input-option-description-in-trigger) {
+  height: auto !important;
+  align-content: start;
+  padding-top: 12px !important;
+  padding-top: var(--size-12) !important;
+  padding-bottom: 12px !important;
+  padding-bottom: var(--size-12) !important;
+}
 .np-popover-v2-container {
   z-index: 1060;
   display: flex;

package/build/overlayHeader/OverlayHeader.js

@@ -23,9 +23,9 @@ require('../common/propsValues/scroll.js');
 require('../common/propsValues/markdownNodeType.js');
 require('../common/fileType.js');
 var CloseButton = require('../common/closeButton/CloseButton.js');
+var jsxRuntime = require('react/jsx-runtime');
 var FlowHeader = require('../common/flowHeader/FlowHeader.js');
 var Logo = require('../logo/Logo.js');
-var jsxRuntime = require('react/jsx-runtime');
 
 const defaultLogo = /*#__PURE__*/jsxRuntime.jsx(Logo.default, {});
 function OverlayHeader({

package/build/overlayHeader/OverlayHeader.mjs

@@ -19,9 +19,9 @@ import '../common/propsValues/scroll.mjs';
 import '../common/propsValues/markdownNodeType.mjs';
 import '../common/fileType.mjs';
 import { CloseButton } from '../common/closeButton/CloseButton.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import FlowHeader from '../common/flowHeader/FlowHeader.mjs';
 import Logo from '../logo/Logo.mjs';
-import { jsx, jsxs } from 'react/jsx-runtime';
 
 const defaultLogo = /*#__PURE__*/jsx(Logo, {});
 function OverlayHeader({

package/build/prompt/InfoPrompt/InfoPrompt.js

@@ -25,6 +25,7 @@ var clsx = require('clsx');
 require('react-intl');
 require('../../common/closeButton/CloseButton.messages.js');
 var jsxRuntime = require('react/jsx-runtime');
+var LiveRegion = require('../../common/liveRegion/LiveRegion.js');
 var StatusIcon = require('../../statusIcon/StatusIcon.js');
 var Body = require('../../body/Body.js');
 var Link = require('../../link/Link.js');
@@ -38,6 +39,7 @@ const InfoPrompt = ({
   title,
   description,
   className,
+  'aria-live': ariaLive = 'polite',
   'data-testid': dataTestId,
   ...restProps
 }) => {
@@ -76,35 +78,39 @@ const InfoPrompt = ({
       sentiment: statusIconSentiment
     });
   };
-  return /*#__PURE__*/jsxRuntime.jsx(PrimitivePrompt.PrimitivePrompt, {
-    sentiment: sentiment$1,
-    media: renderMedia(),
-    "data-testid": dataTestId,
-    className: clsx.clsx('wds-info-prompt', className),
-    ...restProps,
-    onTouchStart: handleTouchStart,
-    onTouchEnd: handleTouchEnd,
-    onTouchMove: handleTouchMove,
-    onDismiss: onDismiss,
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "wds-info-prompt__content",
-      children: [title && /*#__PURE__*/jsxRuntime.jsx(Body.default, {
-        className: "wds-info-prompt__title",
-        type: typography.Typography.BODY_LARGE_BOLD,
-        as: "span",
-        children: title
-      }), /*#__PURE__*/jsxRuntime.jsx(Body.default, {
-        as: "span",
-        className: "wds-info-prompt__description",
-        children: description
-      }), action && /*#__PURE__*/jsxRuntime.jsx(Link.default, {
-        href: action.href,
-        target: action.target,
-        type: typography.Typography.LINK_DEFAULT,
-        className: "wds-info-prompt__action",
-        onClick: action.onClick,
-        children: action.label
-      })]
+  // Render content directly in LiveRegion
+  return /*#__PURE__*/jsxRuntime.jsx(LiveRegion.LiveRegion, {
+    "aria-live": ariaLive,
+    children: /*#__PURE__*/jsxRuntime.jsx(PrimitivePrompt.PrimitivePrompt, {
+      sentiment: sentiment$1,
+      media: renderMedia(),
+      "data-testid": dataTestId,
+      className: clsx.clsx('wds-info-prompt', className),
+      ...restProps,
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      onTouchMove: handleTouchMove,
+      onDismiss: onDismiss,
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "wds-info-prompt__content",
+        children: [title && /*#__PURE__*/jsxRuntime.jsx(Body.default, {
+          className: "wds-info-prompt__title",
+          type: typography.Typography.BODY_LARGE_BOLD,
+          as: "span",
+          children: title
+        }), /*#__PURE__*/jsxRuntime.jsx(Body.default, {
+          as: "span",
+          className: "wds-info-prompt__description",
+          children: description
+        }), action && /*#__PURE__*/jsxRuntime.jsx(Link.default, {
+          href: action.href,
+          target: action.target,
+          type: typography.Typography.LINK_DEFAULT,
+          className: "wds-info-prompt__action",
+          onClick: action.onClick,
+          children: action.label
+        })]
+      })
     })
   });
 };

package/build/prompt/InfoPrompt/InfoPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoPrompt.js","sources":["../../../src/prompt/InfoPrompt/InfoPrompt.tsx"],"sourcesContent":["import { HTMLAttributes, ReactNode, useState } from 'react';\nimport { Sentiment, Typography } from '../../common';\nimport { GiftBox } from '@transferwise/icons';\nimport type { Sentiment as SurfaceSentiment } from '../../sentimentSurface';\nimport StatusIcon from '../../statusIcon';\nimport { clsx } from 'clsx';\nimport Body from '../../body';\nimport Link, { LinkProps } from '../../link';\nimport { PrimitivePrompt, PrimitivePromptProps } from '../PrimitivePrompt';\n\nexport type InfoPromptAction = Pick<LinkProps, 'href' | 'target' | 'onClick'> & {\n  /**\n   * The label text for the action link\n   */\n  label: string;\n};\n\nexport type InfoPromptMedia = {\n  /**\n   * The icon/image asset to display.\n   * The asset should include its own accessibility attributes (e.g. title, aria-label) if it conveys meaning.\n   */\n  asset: ReactNode;\n};\n\nexport type InfoPromptProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> &\n  Pick<PrimitivePromptProps, 'data-testid'> & {\n    /**\n     * The sentiment determines the colour scheme\n     * @default 'neutral'\n     */\n    sentiment?: SurfaceSentiment;\n    /**\n     * Handler called when the close button is clicked.\n     * If not provided, the close button is hidden.\n     */\n    onDismiss?: () => void;\n    /**\n     * Custom media to override the default status icon.\n     * Success and proposition sentiments support 2 status variations: standard checkmark & confetti.\n     */\n    media?: InfoPromptMedia;\n    /**\n     * Action link to be displayed below the description\n     */\n    action?: InfoPromptAction;\n    /**\n     * Title content for the prompt\n     */\n    title?: string;\n    /**\n     * Description text for the prompt (required)\n     */\n    description: string;\n    className?: string;\n  };\n\n/**\n * InfoPrompt displays important contextual messages to users within a screen.\n * It provides a visually distinct way to communicate information, warnings, errors,\n * or positive feedback with optional actions and dismissal capabilities.\n *\n * Use this component to replace the deprecated Alert component.\n *\n * Guidance can be found in the [design system](https://wise.design/components/info-prompt).\n */\nexport const InfoPrompt = ({\n  sentiment = 'neutral',\n  onDismiss,\n  media,\n  action,\n  title,\n  description,\n  className,\n  'data-testid': dataTestId,\n  ...restProps\n}: InfoPromptProps) => {\n  const [shouldFire, setShouldFire] = useState<boolean>();\n  const statusIconSentiment =\n    sentiment === 'success'\n      ? Sentiment.POSITIVE\n      : (sentiment as Exclude<SurfaceSentiment, 'proposition'>);\n\n  const handleTouchStart = () => {\n    setShouldFire(true);\n  };\n\n  const handleTouchEnd = () => {\n    if (shouldFire && action?.href) {\n      if (action.target === '_blank') {\n        window.top?.open(action.href, '_blank', 'noopener, noreferrer');\n      } else {\n        window.top?.location.assign(action.href);\n      }\n    }\n    setShouldFire(false);\n  };\n\n  const handleTouchMove = () => {\n    setShouldFire(false);\n  };\n\n  const renderMedia = () => {\n    if (media) {\n      return <span className=\"wds-info-prompt__media\">{media.asset}</span>;\n    }\n\n    if (sentiment === 'proposition') {\n      return <GiftBox size={24} />;\n    }\n\n    return <StatusIcon size={24} sentiment={statusIconSentiment} />;\n  };\n\n  return (\n    <PrimitivePrompt\n      sentiment={sentiment}\n      media={renderMedia()}\n      data-testid={dataTestId}\n      className={clsx('wds-info-prompt', className)}\n      {...restProps}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      onTouchMove={handleTouchMove}\n      onDismiss={onDismiss}\n    >\n      <div className=\"wds-info-prompt__content\">\n        {title && (\n          <Body className=\"wds-info-prompt__title\" type={Typography.BODY_LARGE_BOLD} as=\"span\">\n            {title}\n          </Body>\n        )}\n        <Body as=\"span\" className=\"wds-info-prompt__description\">\n          {description}\n        </Body>\n        {action && (\n          <Link\n            href={action.href}\n            target={action.target}\n            type={Typography.LINK_DEFAULT}\n            className=\"wds-info-prompt__action\"\n            onClick={action.onClick}\n          >\n            {action.label}\n          </Link>\n        )}\n      </div>\n    </PrimitivePrompt>\n  );\n};\n"],"names":["InfoPrompt","sentiment","onDismiss","media","action","title","description","className","dataTestId","restProps","shouldFire","setShouldFire","useState","statusIconSentiment","Sentiment","POSITIVE","handleTouchStart","handleTouchEnd","href","target","window","top","open","location","assign","handleTouchMove","renderMedia","_jsx","children","asset","GiftBox","size","StatusIcon","PrimitivePrompt","clsx","onTouchStart","onTouchEnd","onTouchMove","_jsxs","Body","type","Typography","BODY_LARGE_BOLD","as","Link","LINK_DEFAULT","onClick","label"],"mappings":"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"}
+{"version":3,"file":"InfoPrompt.js","sources":["../../../src/prompt/InfoPrompt/InfoPrompt.tsx"],"sourcesContent":["import { HTMLAttributes, ReactNode, useState } from 'react';\nimport { LiveRegion, Sentiment, Typography } from '../../common';\nimport type { AriaLive } from '../../common';\nimport { GiftBox } from '@transferwise/icons';\nimport type { Sentiment as SurfaceSentiment } from '../../sentimentSurface';\nimport StatusIcon from '../../statusIcon';\nimport { clsx } from 'clsx';\nimport Body from '../../body';\nimport Link, { LinkProps } from '../../link';\nimport { PrimitivePrompt, PrimitivePromptProps } from '../PrimitivePrompt';\n\nexport type InfoPromptAction = Pick<LinkProps, 'href' | 'target' | 'onClick'> & {\n  /**\n   * The label text for the action link\n   */\n  label: string;\n};\n\nexport type InfoPromptMedia = {\n  /**\n   * The icon/image asset to display.\n   * The asset should include its own accessibility attributes (e.g. title, aria-label) if it conveys meaning.\n   */\n  asset: ReactNode;\n};\n\nexport type InfoPromptProps = Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'aria-live' | 'role'> &\n  Pick<PrimitivePromptProps, 'data-testid'> & {\n    /**\n     * The sentiment determines the colour scheme\n     * @default 'neutral'\n     */\n    sentiment?: SurfaceSentiment;\n    /**\n     * Handler called when the close button is clicked.\n     * If not provided, the close button is hidden.\n     */\n    onDismiss?: () => void;\n    /**\n     * Custom media to override the default status icon.\n     * Success and proposition sentiments support 2 status variations: standard checkmark & confetti.\n     */\n    media?: InfoPromptMedia;\n    /**\n     * Action link to be displayed below the description\n     */\n    action?: InfoPromptAction;\n    /**\n     * Title content for the prompt\n     */\n    title?: string;\n    /**\n     * Description text for the prompt (required)\n     */\n    description: string;\n    className?: string;\n    /**\n     * Sets the ARIA live region politeness level.\n     * - `'polite'` — announced after the current speech (default)\n     * - `'assertive'` — interrupts the current speech immediately\n     * - `'off'` — disables the live region entirely\n     * @default 'polite'\n     */\n    'aria-live'?: AriaLive;\n  };\n\n/**\n * InfoPrompt displays important contextual messages to users within a screen.\n * It provides a visually distinct way to communicate information, warnings, errors,\n * or positive feedback with optional actions and dismissal capabilities.\n *\n * Use this component to replace the deprecated Alert component.\n *\n * Guidance can be found in the [design system](https://wise.design/components/info-prompt).\n */\nexport const InfoPrompt = ({\n  sentiment = 'neutral',\n  onDismiss,\n  media,\n  action,\n  title,\n  description,\n  className,\n  'aria-live': ariaLive = 'polite',\n  'data-testid': dataTestId,\n  ...restProps\n}: InfoPromptProps) => {\n  const [shouldFire, setShouldFire] = useState<boolean>();\n  const statusIconSentiment =\n    sentiment === 'success'\n      ? Sentiment.POSITIVE\n      : (sentiment as Exclude<SurfaceSentiment, 'proposition'>);\n\n  const handleTouchStart = () => {\n    setShouldFire(true);\n  };\n\n  const handleTouchEnd = () => {\n    if (shouldFire && action?.href) {\n      if (action.target === '_blank') {\n        window.top?.open(action.href, '_blank', 'noopener, noreferrer');\n      } else {\n        window.top?.location.assign(action.href);\n      }\n    }\n    setShouldFire(false);\n  };\n\n  const handleTouchMove = () => {\n    setShouldFire(false);\n  };\n\n  const renderMedia = () => {\n    if (media) {\n      return <span className=\"wds-info-prompt__media\">{media.asset}</span>;\n    }\n\n    if (sentiment === 'proposition') {\n      return <GiftBox size={24} />;\n    }\n\n    return <StatusIcon size={24} sentiment={statusIconSentiment} />;\n  };\n\n  // Render content directly in LiveRegion\n  return (\n    <LiveRegion aria-live={ariaLive}>\n      <PrimitivePrompt\n        sentiment={sentiment}\n        media={renderMedia()}\n        data-testid={dataTestId}\n        className={clsx('wds-info-prompt', className)}\n        {...restProps}\n        onTouchStart={handleTouchStart}\n        onTouchEnd={handleTouchEnd}\n        onTouchMove={handleTouchMove}\n        onDismiss={onDismiss}\n      >\n        <div className=\"wds-info-prompt__content\">\n          {title && (\n            <Body className=\"wds-info-prompt__title\" type={Typography.BODY_LARGE_BOLD} as=\"span\">\n              {title}\n            </Body>\n          )}\n          <Body as=\"span\" className=\"wds-info-prompt__description\">\n            {description}\n          </Body>\n          {action && (\n            <Link\n              href={action.href}\n              target={action.target}\n              type={Typography.LINK_DEFAULT}\n              className=\"wds-info-prompt__action\"\n              onClick={action.onClick}\n            >\n              {action.label}\n            </Link>\n          )}\n        </div>\n      </PrimitivePrompt>\n    </LiveRegion>\n  );\n};\n"],"names":["InfoPrompt","sentiment","onDismiss","media","action","title","description","className","ariaLive","dataTestId","restProps","shouldFire","setShouldFire","useState","statusIconSentiment","Sentiment","POSITIVE","handleTouchStart","handleTouchEnd","href","target","window","top","open","location","assign","handleTouchMove","renderMedia","_jsx","children","asset","GiftBox","size","StatusIcon","LiveRegion","PrimitivePrompt","clsx","onTouchStart","onTouchEnd","onTouchMove","_jsxs","Body","type","Typography","BODY_LARGE_BOLD","as","Link","LINK_DEFAULT","onClick","label"],"mappings":"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"}

package/build/prompt/InfoPrompt/InfoPrompt.mjs

@@ -23,6 +23,7 @@ import { clsx } from 'clsx';
 import 'react-intl';
 import '../../common/closeButton/CloseButton.messages.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { LiveRegion } from '../../common/liveRegion/LiveRegion.mjs';
 import StatusIcon from '../../statusIcon/StatusIcon.mjs';
 import Body from '../../body/Body.mjs';
 import Link from '../../link/Link.mjs';
@@ -36,6 +37,7 @@ const InfoPrompt = ({
   title,
   description,
   className,
+  'aria-live': ariaLive = 'polite',
   'data-testid': dataTestId,
   ...restProps
 }) => {
@@ -74,35 +76,39 @@ const InfoPrompt = ({
       sentiment: statusIconSentiment
     });
   };
-  return /*#__PURE__*/jsx(PrimitivePrompt, {
-    sentiment: sentiment,
-    media: renderMedia(),
-    "data-testid": dataTestId,
-    className: clsx('wds-info-prompt', className),
-    ...restProps,
-    onTouchStart: handleTouchStart,
-    onTouchEnd: handleTouchEnd,
-    onTouchMove: handleTouchMove,
-    onDismiss: onDismiss,
-    children: /*#__PURE__*/jsxs("div", {
-      className: "wds-info-prompt__content",
-      children: [title && /*#__PURE__*/jsx(Body, {
-        className: "wds-info-prompt__title",
-        type: Typography.BODY_LARGE_BOLD,
-        as: "span",
-        children: title
-      }), /*#__PURE__*/jsx(Body, {
-        as: "span",
-        className: "wds-info-prompt__description",
-        children: description
-      }), action && /*#__PURE__*/jsx(Link, {
-        href: action.href,
-        target: action.target,
-        type: Typography.LINK_DEFAULT,
-        className: "wds-info-prompt__action",
-        onClick: action.onClick,
-        children: action.label
-      })]
+  // Render content directly in LiveRegion
+  return /*#__PURE__*/jsx(LiveRegion, {
+    "aria-live": ariaLive,
+    children: /*#__PURE__*/jsx(PrimitivePrompt, {
+      sentiment: sentiment,
+      media: renderMedia(),
+      "data-testid": dataTestId,
+      className: clsx('wds-info-prompt', className),
+      ...restProps,
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      onTouchMove: handleTouchMove,
+      onDismiss: onDismiss,
+      children: /*#__PURE__*/jsxs("div", {
+        className: "wds-info-prompt__content",
+        children: [title && /*#__PURE__*/jsx(Body, {
+          className: "wds-info-prompt__title",
+          type: Typography.BODY_LARGE_BOLD,
+          as: "span",
+          children: title
+        }), /*#__PURE__*/jsx(Body, {
+          as: "span",
+          className: "wds-info-prompt__description",
+          children: description
+        }), action && /*#__PURE__*/jsx(Link, {
+          href: action.href,
+          target: action.target,
+          type: Typography.LINK_DEFAULT,
+          className: "wds-info-prompt__action",
+          onClick: action.onClick,
+          children: action.label
+        })]
+      })
     })
   });
 };