@transferwise/components 0.0.0-experimental-9a6de5f → 0.0.0-experimental-0b80b83

package/build/index.mjs

@@ -1,12 +1,11 @@
 import classNames from 'classnames';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, cloneElement, useState, useEffect, useRef, useMemo, useCallback, useLayoutEffect, createContext, useContext, useImperativeHandle, createElement, Component, PureComponent, createRef, isValidElement, Children, Fragment as Fragment$1 } from 'react';
+import React__default, { forwardRef, cloneElement, useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect, createContext, useContext, useImperativeHandle, createElement, Component, PureComponent, createRef, isValidElement, Children, Fragment as Fragment$1 } from 'react';
 import { useId } from '@radix-ui/react-id';
-import { ChevronUp, CrossCircleFill, Cross, NavigateAway, Check, Info as Info$1, Alert as Alert$1, ClockBorderless, Briefcase, Person, ArrowLeft, QuestionMarkCircle, AlertCircle, Search, CrossCircle, ChevronDown, CheckCircleFill, ArrowRight, Download, ClockFill, Upload as Upload$2, Document, Plus, PlusCircle, AlertCircleFill } from '@transferwise/icons';
+import { ChevronUp, CrossCircleFill, Cross, NavigateAway, Check, Info as Info$1, Alert as Alert$2, ClockBorderless, CheckCircle, InfoCircle, Warning, CrossCircle, Clock, Briefcase, Person, ArrowLeft, QuestionMarkCircle, AlertCircle, Search, ChevronDown, CheckCircleFill, ArrowRight, Download, ClockFill, Upload as Upload$2, Document, Plus, PlusCircle, AlertCircleFill } from '@transferwise/icons';
 import { defineMessages, useIntl, injectIntl, IntlProvider } from 'react-intl';
 import PropTypes from 'prop-types';
-import commonmark from 'commonmark';
 import { useTheme, ThemeProvider } from '@wise/components-theming';
 import { formatDate, formatNumber, formatMoney, formatAmount } from '@transferwise/formatting';
 import { Transition, Listbox } from '@headlessui/react';
@@ -20,6 +19,7 @@ import { usePopper } from 'react-popper';
 import throttle from 'lodash.throttle';
 import { createPortal } from 'react-dom';
 import { isUndefined, isKey, isNumber, isEmpty, isNull } from '@transferwise/neptune-validation';
+import commonmark from 'commonmark';
 import { Flag, Illustration } from '@wise/art';
 import clamp$2 from 'lodash.clamp';
 import debounce from 'lodash.debounce';
@@ -775,22 +775,22 @@ const Link = ({
   });
 };
 
-const iconTypeMap = {
-  positive: Check,
-  neutral: Info$1,
-  warning: Alert$1,
-  negative: Cross,
-  pending: ClockBorderless,
-  info: Info$1,
-  error: Cross,
-  success: Check
-};
 const StatusIcon = ({
-  sentiment = 'neutral',
-  size = 'md'
+  sentiment = Sentiment.NEUTRAL,
+  size = Size.MEDIUM
 }) => {
+  const iconTypeMap = {
+    [Sentiment.POSITIVE]: Check,
+    [Sentiment.NEUTRAL]: Info$1,
+    [Sentiment.WARNING]: Alert$2,
+    [Sentiment.NEGATIVE]: Cross,
+    [Sentiment.PENDING]: ClockBorderless,
+    [Sentiment.INFO]: Info$1,
+    [Sentiment.ERROR]: Cross,
+    [Sentiment.SUCCESS]: Check
+  };
+  const iconColor = [Sentiment.WARNING, Sentiment.PENDING].includes(sentiment) ? 'dark' : 'light';
   const Icon = iconTypeMap[sentiment];
-  const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';
   return /*#__PURE__*/jsx("span", {
     "data-testid": "status-icon",
     className: classNames('status-circle', 'status-circle-' + size, sentiment),
@@ -800,7 +800,7 @@ const StatusIcon = ({
   });
 };
 
-function logActionRequired(message) {
+function logActionRequired$1(message) {
   if (['development', 'test'].includes(process?.env?.NODE_ENV)) {
     // eslint-disable-next-line no-console
     console.warn(message);
@@ -808,10 +808,48 @@ function logActionRequired(message) {
 }
 function logActionRequiredIf(message, conditional) {
   if (conditional) {
-    logActionRequired(message);
+    logActionRequired$1(message);
   }
 }
 
+const deprecatedMessage = ({
+  component,
+  propName,
+  message,
+  expiryDate
+}) => {
+  const messages = [`${component} has deprecated the use of ${propName}.`];
+  if (message) {
+    messages.push(message);
+  }
+  if (expiryDate) {
+    messages.push(`${propName} will be removed on or after ${expiryDate.toLocaleString('en-GB', {
+      year: 'numeric',
+      month: 'numeric',
+      day: 'numeric'
+    })}`);
+  }
+  return messages.join(' ');
+};
+const deprecated = (validator, {
+  component,
+  message = '',
+  newProp: newProperty = null,
+  expiryDate = null
+}) => (props, propertyName, ...rest) => {
+  const newPropertyMessage = newProperty ? `Please use ${newProperty} instead.` : message;
+  if (props[propertyName] != null && typeof props[propertyName] !== 'undefined') {
+    logActionRequired$1(deprecatedMessage({
+      component,
+      propName: propertyName,
+      message: newPropertyMessage,
+      expiryDate
+    }));
+  }
+  return validator(props, propertyName, ...rest);
+};
+var deprecated$1 = deprecated;
+
 const reader = new commonmark.Parser();
 const writer = new commonmark.HtmlRenderer({
   safe: true
@@ -830,7 +868,7 @@ function Markdown({
   }
   const linkTarget = config?.link?.target ?? '_self';
   if (allowList != null && blockList != null) {
-    logActionRequired('Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.');
+    logActionRequired$1('Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.');
   }
   const parser = nodes => {
     const parsed = reader.parse(nodes);
@@ -891,98 +929,146 @@ InlineMarkdown.defaultProps = {
 };
 var InlineMarkdown$1 = InlineMarkdown;
 
-var AlertArrowPosition;
-(function (AlertArrowPosition) {
-  AlertArrowPosition["TOP_LEFT"] = "up-left";
-  AlertArrowPosition["TOP"] = "up-center";
-  AlertArrowPosition["TOP_RIGHT"] = "up-right";
-  AlertArrowPosition["BOTTOM_LEFT"] = "down-left";
-  AlertArrowPosition["BOTTOM"] = "down-center";
-  AlertArrowPosition["BOTTOM_RIGHT"] = "down-right";
-})(AlertArrowPosition || (AlertArrowPosition = {}));
-function resolveType(type) {
-  switch (type) {
-    case 'success':
-      return 'positive';
-    case 'info':
-      return 'neutral';
-    case 'error':
-      return 'negative';
-  }
-  return type;
+// TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
+var ArrowPosition;
+(function (ArrowPosition) {
+  ArrowPosition["TOP_LEFT"] = "up-left";
+  ArrowPosition["TOP"] = "up-center";
+  ArrowPosition["TOP_RIGHT"] = "up-right";
+  ArrowPosition["BOTTOM_LEFT"] = "down-left";
+  ArrowPosition["BOTTOM"] = "down-center";
+  ArrowPosition["BOTTOM_RIGHT"] = "down-right";
+})(ArrowPosition || (ArrowPosition = {}));
+
+function withArrow(Alert, arrow) {
+  const AlertWithArrow = props => /*#__PURE__*/jsx(Alert, {
+    ...props,
+    className: classNames(props.className, arrowClasses(arrow)),
+    arrow: undefined
+  });
+  AlertWithArrow.propTypes = {
+    className: PropTypes.string
+  };
+  AlertWithArrow.defaultProps = {
+    className: undefined
+  };
+  return AlertWithArrow;
 }
-function Alert({
-  arrow,
-  action,
-  children,
-  className,
-  dismissible,
-  icon,
-  onDismiss,
-  message,
-  size,
-  title,
-  type = 'neutral',
-  variant = 'desktop'
-}) {
-  useEffect(() => {
-    if (arrow !== undefined) {
-      logActionRequired("Alert component doesn't support 'arrow' anymore, use 'InlineAlert' instead.");
-    }
-  }, [arrow]);
-  useEffect(() => {
-    if (children !== undefined) {
-      logActionRequired("Alert component doesn't support 'children' anymore, use 'message' instead.");
-    }
-  }, [children]);
-  useEffect(() => {
-    if (dismissible !== undefined) {
-      logActionRequired("Alert component doesn't support 'dismissible' anymore, use 'onDismiss' instead.");
-    }
-  }, [dismissible]);
-  useEffect(() => {
-    if (size !== undefined) {
-      logActionRequired("Alert component doesn't support 'size' anymore, please remove that prop.");
-    }
-  }, [size]);
-  const resolvedType = resolveType(type);
-  useEffect(() => {
-    if (resolvedType !== type) {
-      logActionRequired(`Alert component has deprecated '${type}' value for the 'type' prop. Please use '${resolvedType}' instead.`);
+function arrowClasses(arrow) {
+  if (arrow) {
+    const classes = ['arrow'];
+    const {
+      BOTTOM,
+      BOTTOM_LEFT,
+      BOTTOM_RIGHT,
+      TOP,
+      TOP_RIGHT,
+      TOP_LEFT
+    } = ArrowPosition;
+    switch (arrow) {
+      case BOTTOM:
+        return classes.concat('arrow-bottom', 'arrow-center');
+      case BOTTOM_LEFT:
+        return classes.concat('arrow-bottom', 'arrow-left');
+      case BOTTOM_RIGHT:
+        return classes.concat('arrow-bottom', 'arrow-right');
+      case TOP:
+        return classes.concat('arrow-center');
+      case TOP_RIGHT:
+        return classes.concat('arrow-right');
+      case TOP_LEFT:
+      default:
+        return classes;
     }
-  }, [resolvedType, type]);
+  }
+  return '';
+}
+
+const deprecatedTypeMap$1 = {
+  [Sentiment.SUCCESS]: Sentiment.POSITIVE,
+  [Sentiment.INFO]: Sentiment.NEUTRAL,
+  [Sentiment.ERROR]: Sentiment.NEGATIVE
+};
+const Alert = props => {
+  const {
+    isModern
+  } = useTheme();
+  const iconTypeMap = {
+    [Sentiment.POSITIVE]: CheckCircle,
+    [Sentiment.NEUTRAL]: InfoCircle,
+    [Sentiment.WARNING]: Warning,
+    [Sentiment.NEGATIVE]: CrossCircle,
+    [Sentiment.PENDING]: Clock
+  };
   const [shouldFire, setShouldFire] = useState(false);
+  const {
+    arrow,
+    action,
+    children,
+    className,
+    icon,
+    onDismiss,
+    message,
+    title,
+    type,
+    variant
+  } = props;
   const closeButtonReference = useRef(null);
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames('alert d-flex', `alert-${resolvedType}`, arrow != null && alertArrowClassNames(arrow), className),
-    "data-testid": "alert",
-    onTouchStart: () => setShouldFire(true),
-    onTouchEnd: event => {
-      if (shouldFire && action &&
+  if (arrow) {
+    const AlertWithArrow = withArrow(Alert, arrow);
+    return /*#__PURE__*/jsx(AlertWithArrow, {
+      ...props
+    });
+  }
+  logActionRequired(props);
+  const mappedType = deprecatedTypeMap$1[type] || type;
+  const Icon = iconTypeMap[mappedType];
+  function generateIcon() {
+    if (icon) {
+      return /*#__PURE__*/jsx("div", {
+        className: "alert__icon",
+        children: icon
+      });
+    }
+    if (isModern) {
+      return /*#__PURE__*/jsx(StatusIcon, {
+        size: Size.LARGE,
+        sentiment: mappedType
+      });
+    } else {
+      return /*#__PURE__*/jsx(Icon, {
+        size: 24
+      });
+    }
+  }
+  const handleTouchStart = () => setShouldFire(true);
+  const handleTouchMove = () => setShouldFire(false);
+  const handleTouchEnd = event => {
+    if (shouldFire && action) {
       // Check if current event is triggered from closeButton
-      closeButtonReference.current && !closeButtonReference.current.contains(event.currentTarget)) {
-        if (action.target === '_blank') {
-          window.top?.open(action.href);
+      if (closeButtonReference?.current && !closeButtonReference.current.contains(event.target)) {
+        if (action?.target === '_blank') {
+          window.top.open(action.href);
         } else {
-          window.top?.location.assign(action.href);
+          window.top.location.assign(action.href);
         }
       }
-      setShouldFire(false);
-    },
-    onTouchMove: () => setShouldFire(false),
+    }
+    setShouldFire(false);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames('alert d-flex', `alert-${mappedType}`, className),
+    "data-testid": "alert",
+    onTouchStart: handleTouchStart,
+    onTouchEnd: handleTouchEnd,
+    onTouchMove: handleTouchMove,
     children: [/*#__PURE__*/jsxs("div", {
       className: classNames('alert__content', 'd-flex', 'flex-grow-1', variant),
       "data-testid": variant,
-      children: [icon ? /*#__PURE__*/jsx("div", {
-        className: "alert__icon",
-        children: icon
-      }) : /*#__PURE__*/jsx(StatusIcon, {
-        size: Size.LARGE,
-        sentiment: resolvedType
-      }), /*#__PURE__*/jsxs("div", {
+      children: [generateIcon(), /*#__PURE__*/jsxs("div", {
         className: "alert__message",
         children: [/*#__PURE__*/jsxs("div", {
-          role: Sentiment.NEGATIVE === resolvedType ? 'alert' : 'status',
+          role: Sentiment.NEGATIVE === mappedType ? 'alert' : 'status',
           children: [title && /*#__PURE__*/jsx(Title, {
             className: "m-b-1",
             type: Typography.TITLE_BODY,
@@ -1010,28 +1096,72 @@ function Alert({
       onClick: onDismiss
     })]
   });
+};
+const deprecatedTypeMapMessage$1 = {
+  [Sentiment.SUCCESS]: 'Sentiment.POSITIVE',
+  [Sentiment.INFO]: 'Sentiment.NEUTRAL',
+  [Sentiment.ERROR]: 'Sentiment.NEGATIVE'
+};
+const deprecatedTypes$1 = Object.keys(deprecatedTypeMap$1);
+function logActionRequired({
+  size,
+  type
+}) {
+  logActionRequiredIf('Alert no longer supports any possible variations in size. Please remove the `size` prop.', !!size);
+  logActionRequiredIf(`Alert has deprecated the ${type} value for the \`type\` prop. Please update to ${deprecatedTypeMapMessage$1[type]}.`, deprecatedTypes$1.includes(type));
 }
-function alertArrowClassNames(arrow) {
-  if (arrow) {
-    const classes = 'arrow';
-    switch (arrow) {
-      case 'down-center':
-        return `${classes} arrow-bottom arrow-center`;
-      case 'down-left':
-        return `${classes} arrow-bottom arrow-left`;
-      case 'down-right':
-        return `${classes} arrow-bottom arrow-right`;
-      case 'up-center':
-        return `${classes} arrow-center`;
-      case 'up-right':
-        return `${classes} arrow-right`;
-      case 'up-left':
-      default:
-        return classes;
-    }
-  }
-  return '';
-}
+Alert.propTypes = {
+  /** An optional call to action to sit under the main body of the alert. If your label is short, use aria-label to provide more context */
+  action: PropTypes.shape({
+    'aria-label': PropTypes.string,
+    href: PropTypes.string.isRequired,
+    target: PropTypes.string,
+    text: PropTypes.node.isRequired
+  }),
+  className: PropTypes.string,
+  /** An optional icon. If not provided, we will default the icon to something appropriate for the type */
+  icon: PropTypes.element,
+  /** Title for the alert component */
+  title: PropTypes.string,
+  /** The main body of the alert. Accepts plain text and bold words specified with **double stars*/
+  message: requiredIf(PropTypes.node, ({
+    children
+  }) => !children),
+  /** The presence of the onDismiss handler will trigger the visibility of the close button */
+  onDismiss: PropTypes.func,
+  /** The type dictates which icon and colour will be used */
+  type: PropTypes.oneOf(['negative', 'neutral', 'positive', 'warning', 'info', 'error', 'success']),
+  variant: PropTypes.oneOf(['desktop', 'mobile']),
+  /** @deprecated no arrow for `Alert` component anymore, consider to use [`InlineAlert`](https://transferwise.github.io/neptune-web/components/alerts/InlineAlert) component */
+  arrow: deprecated$1(PropTypes.oneOf(['up-left', 'up-center', 'up-right', 'down-left', 'down-center', 'down-right']), {
+    component: 'Alert',
+    expiryDate: new Date('03-01-2021')
+  }),
+  /** @deprecated use `message` property instead */
+  children: deprecated$1(requiredIf(PropTypes.node, ({
+    message
+  }) => !message), {
+    component: 'Alert',
+    message: 'You should now use the `message` prop. Be aware `message` only accepts plain text or text with **bold** markdown.',
+    expiryDate: new Date('03-01-2021')
+  }),
+  /** @deprecated use `onDismiss` instead */
+  dismissible: deprecated$1(PropTypes.bool, {
+    component: 'Alert',
+    message: 'The Alert will now be considered dismissible if an `onDismiss` hander is present.',
+    expiryDate: new Date('03-01-2021')
+  })
+};
+Alert.defaultProps = {
+  action: undefined,
+  arrow: undefined,
+  className: undefined,
+  dismissible: undefined,
+  icon: undefined,
+  type: Sentiment.NEUTRAL,
+  variant: Variant.DESKTOP
+};
+var Alert$1 = Alert;
 
 // TODO: consider to move this enum into component file once we migrate it on TypeScript or replace with some common enum
 var AvatarType;
@@ -2030,7 +2160,7 @@ var messages$b = defineMessages({
   }
 });
 
-const typeClassMap = {
+const typeClassMap$1 = {
   [ControlType.ACCENT]: 'btn-accent',
   [ControlType.POSITIVE]: 'btn-positive',
   [ControlType.NEGATIVE]: 'btn-negative'
@@ -2114,7 +2244,7 @@ const Button = /*#__PURE__*/forwardRef(({
   },
   // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeClassMap[newType],
+  typeClassMap$1[newType],
   // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
   priorityClassMap[newPriority], className);
@@ -2499,7 +2629,7 @@ const CircularButton = ({
   type = ControlType.ACCENT,
   ...rest
 }) => {
-  const classes = classNames('btn np-btn', typeClassMap[type], priorityClassMap[priority]);
+  const classes = classNames('btn np-btn', typeClassMap$1[type], priorityClassMap[priority]);
   const iconElement = Number(icon.props.size) !== 24 ? /*#__PURE__*/cloneElement(icon, {
     size: 24
   }) : icon;
@@ -5669,7 +5799,7 @@ function Popover$1({
   const resolvedPlacement = resolvePlacement(preferredPlacement);
   useEffect(() => {
     if (resolvedPlacement !== preferredPlacement) {
-      logActionRequired(`Popover has deprecated ${preferredPlacement} value for the 'preferredPlacement' prop. Please use ${resolvedPlacement} instead.`);
+      logActionRequired$1(`Popover has deprecated ${preferredPlacement} value for the 'preferredPlacement' prop. Please use ${resolvedPlacement} instead.`);
     }
   }, [preferredPlacement, resolvedPlacement]);
   const anchorReference = useRef(null);
@@ -5774,22 +5904,49 @@ const Info = ({
   });
 };
 
-function InlineAlert({
+const typeClassMap = {
+  [Sentiment.ERROR]: 'danger',
+  [Sentiment.NEGATIVE]: 'danger'
+};
+const InlineAlert = ({
   id,
-  type = 'neutral',
+  type = Sentiment.NEUTRAL,
   className,
   children
-}) {
-  const danger = type === 'negative' || type === 'error';
-  return /*#__PURE__*/jsxs("div", {
-    role: "alert",
-    id: id,
-    className: classNames('alert alert-detach', `alert-${danger ? 'danger' : type}`, className),
-    children: [danger && /*#__PURE__*/jsx(AlertCircle, {}), /*#__PURE__*/jsx("div", {
+}) => {
+  const {
+    isModern
+  } = useTheme();
+  const typeClass = `alert-${typeClassMap[type] || type}`;
+  if (isModern) {
+    return /*#__PURE__*/jsxs("div", {
+      role: "alert",
+      id: id,
+      className: classNames('alert alert-detach', typeClass, className),
+      children: [(type === 'error' || type === 'negative') && /*#__PURE__*/jsx(AlertCircle, {}), /*#__PURE__*/jsx("div", {
+        children: children
+      })]
+    });
+  }
+  const getAlertContents = ({
+    children,
+    className
+  }) => {
+    return /*#__PURE__*/jsx("div", {
+      role: "alert",
+      id: id,
+      className: classNames('alert alert-detach p-x-2 p-y-1', typeClass, className),
       children: children
-    })]
+    });
+  };
+  const AlertWithArrow = withArrow(getAlertContents, ArrowPosition.TOP_LEFT);
+  return /*#__PURE__*/jsx(AlertWithArrow, {
+    id,
+    type,
+    className,
+    children
   });
-}
+};
 
 /*
  * Inspired by:
@@ -13825,7 +13982,7 @@ function CriticalCommsBanner({
         type: AvatarType.ICON,
         className: classNames(isModern ? 'm-r-2' : 'm-r-1'),
         backgroundColor: isModern ? 'var(--color-sentiment-negative)' : 'var(--color-background-negative)',
-        children: isModern ? /*#__PURE__*/jsx(AlertCircleFill, {}) : /*#__PURE__*/jsx(Alert$1, {
+        children: isModern ? /*#__PURE__*/jsx(AlertCircleFill, {}) : /*#__PURE__*/jsx(Alert$2, {
           size: 24
         })
       }), /*#__PURE__*/jsxs("div", {
@@ -14315,8 +14472,8 @@ var it = {
 
 var ja = {
 	"neptune.Button.loadingAriaLabel": "読み込み中…",
-	"neptune.Chips.ariaLabel": "{choice} をクリア",
-	"neptune.ClearButton.ariaLabel": "消去",
+	"neptune.Chips.ariaLabel": "{choice}を消去する",
+	"neptune.ClearButton.ariaLabel": "消去する",
 	"neptune.CloseButton.ariaLabel": "閉じる",
 	"neptune.DateInput.day.label": "日",
 	"neptune.DateInput.day.placeholder": "日",
@@ -14336,19 +14493,19 @@ var ja = {
 	"neptune.Link.opensInNewTab": "（新しいタブで開きます）",
 	"neptune.MoneyInput.Select.placeholder": "選択してください...",
 	"neptune.PhoneNumberInput.SelectInput.placeholder": "選択してください…",
-	"neptune.Select.searchPlaceholder": "検索... ",
+	"neptune.Select.searchPlaceholder": "検索する... ",
 	"neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
 	"neptune.Summary.statusDone": "完了",
-	"neptune.Summary.statusNotDone": "未対応",
+	"neptune.Summary.statusNotDone": "未完了",
 	"neptune.Summary.statusPending": "保留中",
 	"neptune.Upload.csButtonText": "別のファイルをアップロードしますか？",
 	"neptune.Upload.csFailureText": "アップロードに失敗しました。もう一度やり直してください。",
 	"neptune.Upload.csSuccessText": "アップロードが完了しました。",
 	"neptune.Upload.csTooLargeMessage": "{maxSize}MB以下のファイルをアップロードしてください",
 	"neptune.Upload.csWrongTypeMessage": "ファイルの種類はサポートされていません。別のファイルで再度お試しください",
-	"neptune.Upload.psButtonText": "キャンセル",
-	"neptune.Upload.psProcessingText": "アップロード中…",
-	"neptune.Upload.usButtonText": "または、ファイルを選択する",
+	"neptune.Upload.psButtonText": "キャンセルする",
+	"neptune.Upload.psProcessingText": "アップロードしています…",
+	"neptune.Upload.usButtonText": "またはファイルを選択する",
 	"neptune.Upload.usDropMessage": "ファイルをドロップしてアップロードする",
 	"neptune.Upload.usPlaceholder": "{maxSize}MB以下のファイルをドラッグ＆ドロップしてください",
 	"neptune.UploadButton.allFileTypes": "すべてのファイル種類",
@@ -14357,18 +14514,18 @@ var ja = {
 	"neptune.UploadButton.uploadFile": "ファイルをアップロードする",
 	"neptune.UploadButton.uploadFiles": "ファイルをアップロードする",
 	"neptune.UploadInput.deleteModalBody": "このファイルを削除すると、当社のシステムからも削除されます。",
-	"neptune.UploadInput.deleteModalCancelButtonText": "キャンセル",
-	"neptune.UploadInput.deleteModalConfirmButtonText": "削除",
+	"neptune.UploadInput.deleteModalCancelButtonText": "キャンセルする",
+	"neptune.UploadInput.deleteModalConfirmButtonText": "削除する",
 	"neptune.UploadInput.deleteModalTitle": "このファイルを削除しますか？",
 	"neptune.UploadInput.fileIsTooLarge": "ファイルが大きすぎます。",
 	"neptune.UploadInput.fileTypeNotSupported": "このファイルの種類はサポートされていません",
 	"neptune.UploadInput.maximumFilesAlreadyUploaded": "申し訳ございませんが、このアップロードに失敗しました。一度に{maxFilesAllowed}個のファイルのみ受付可能です。",
-	"neptune.UploadItem.deleting": "削除中...",
-	"neptune.UploadItem.removeFile": "{filename} を削除",
+	"neptune.UploadItem.deleting": "削除しています...",
+	"neptune.UploadItem.removeFile": "{filename}のファイルを削除する",
 	"neptune.UploadItem.uploaded": "アップロード済み",
 	"neptune.UploadItem.uploadedFile": "アップロード済みのファイル",
-	"neptune.UploadItem.uploading": "アップロード中…",
-	"neptune.UploadItem.uploadingFailed": "アップロードが失敗しました"
+	"neptune.UploadItem.uploading": "アップロードしています…",
+	"neptune.UploadItem.uploadingFailed": "アップロードに失敗しました"
 };
 
 var pl = {
@@ -14914,5 +15071,5 @@ const translations = {
   'zh-HK': zhHK
 };
 
-export { Accordion, ActionButton, ActionOption, Alert, Avatar, AvatarType, AvatarWrapper, Badge, Card as BaseCard, Body, BottomSheet$2 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron, Chip, Chips, CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput, DateLookup$1 as DateLookup, DateMode, Decision, DecisionPresentation, DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image, Info, InfoPresentation, InlineAlert, Input, InputGroup, InputWithDisplayFormat, InstructionsList, LanguageProvider, Layout, Link, ListItem$1 as ListItem, Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider, RTL_LANGUAGES, Radio, RadioGroup, RadioOption, SUPPORTED_LANGUAGES, Scroll, SearchInput, Section, SegmentedControl, Select, SelectInput, SelectInputOptionContent, SelectInputTriggerButton, Sentiment, Size, SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider, Status, StatusIcon, Stepper, Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip, Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useScreenSize, useSnackbar };
+export { Accordion, ActionButton, ActionOption, Alert$1 as Alert, ArrowPosition as AlertArrowPosition, Avatar, AvatarType, AvatarWrapper, Badge, Card as BaseCard, Body, BottomSheet$2 as BottomSheet, Breakpoint, Button, Card$2 as Card, Checkbox$1 as Checkbox, CheckboxButton$1 as CheckboxButton, CheckboxOption, Chevron, Chip, Chips, CircularButton, ControlType, CriticalCommsBanner, DEFAULT_LANG, DEFAULT_LOCALE, DateInput, DateLookup$1 as DateLookup, DateMode, Decision, DecisionPresentation, DecisionType, DefinitionList$1 as DefinitionList, Dimmer$1 as Dimmer, Direction, DirectionProvider, Display, Drawer$1 as Drawer, DropFade, DynamicFieldDefinitionList$1 as DynamicFieldDefinitionList, Emphasis, FileType, FlowNavigation, Header, Image, Info, InfoPresentation, InlineAlert, Input, InputGroup, InputWithDisplayFormat, InstructionsList, LanguageProvider, Layout, Link, ListItem$1 as ListItem, Loader, Logo$1 as Logo, LogoType, Markdown, MarkdownNodeType, Modal, Money, MoneyInput$1 as MoneyInput, MonthFormat, NavigationOption, NavigationOptionList as NavigationOptionsList, Nudge, Option$2 as Option, OverlayHeader$1 as OverlayHeader, PhoneNumberInput, Popover$1 as Popover, Position, Priority, ProcessIndicator$1 as ProcessIndicator, ProfileType, Progress, ProgressBar, PromoCard$1 as PromoCard, PromoCard$1 as PromoCardGroup, Provider, RTL_LANGUAGES, Radio, RadioGroup, RadioOption, SUPPORTED_LANGUAGES, Scroll, SearchInput, Section, SegmentedControl, Select, SelectInput, SelectInputOptionContent, SelectInputTriggerButton, Sentiment, Size, SlidingPanel, SnackbarConsumer, SnackbarContext, SnackbarPortal, SnackbarProvider, Status, StatusIcon, Stepper, Sticky, Summary, Switch, SwitchOption, Tabs$1 as Tabs, TextArea, TextareaWithDisplayFormat, Theme, Title, Tooltip, Type, Typeahead, Typography, Upload$1 as Upload, UploadInput, UploadStep, Variant, Width, adjustLocale, getCountryFromLocale, getDirectionFromLocale, getLangFromLocale, isBrowser, isServerSide, translations, useDirection, useLayout, useScreenSize, useSnackbar };
 //# sourceMappingURL=index.mjs.map