@transferwise/components 0.0.0-experimental-8d0974a → 0.0.0-experimental-53b8447

package/src/dateLookup/DateLookup.tests.story.tsx

@@ -1,30 +1,21 @@
 import { StoryFn } from '@storybook/react';
 import { expect, userEvent, within } from '@storybook/test';
-import { action } from '@storybook/addon-actions';
 import { useState } from 'react';
 
-import DateLookup, { type DateLookupProps } from './DateLookup';
+import DateLookup from './DateLookup';
 
 export default {
   component: DateLookup,
   title: 'Forms/DateLookup/Tests',
 };
 
-const props: DateLookupProps = {
-  value: new Date(1987, 0, 10, 12, 0, 0),
-  onChange: (value: Date | null) => {
-    action(value?.toString() || 'null');
-  },
-};
 type Story = StoryFn<typeof DateLookup>;
 
-const Template: Story = (args: DateLookupProps) => {
-  const { value: initialValue } = args;
-  const [value, setValue] = useState<Date | null>(initialValue);
+const Template: Story = () => {
+  const [value, setValue] = useState<Date | null>(new Date(1987, 0, 10, 12, 0, 0));
 
   return (
     <DateLookup
-      {...args}
       value={value}
       clearable
       placeholder="placeholder"
@@ -36,7 +27,7 @@ const Template: Story = (args: DateLookupProps) => {
 };
 
 export const ClearSpace = Template.bind({});
-ClearSpace.args = { ...props };
+
 ClearSpace.play = async ({ canvasElement, step }) => {
   const canvas = within(canvasElement);
 
@@ -55,7 +46,7 @@ ClearSpace.play = async ({ canvasElement, step }) => {
 };
 
 export const ClearEnter = Template.bind({});
-ClearEnter.args = { ...props };
+
 ClearEnter.play = async ({ canvasElement, step }) => {
   const canvas = within(canvasElement);
 
@@ -72,29 +63,3 @@ ClearEnter.play = async ({ canvasElement, step }) => {
     await expect(placeholder).toBeInTheDocument();
   });
 };
-
-export const FocusOnSelectedDay = Template.bind({});
-FocusOnSelectedDay.args = { ...props };
-FocusOnSelectedDay.play = async () => {
-  await userEvent.tab();
-  await userEvent.keyboard(' ');
-};
-
-export const FocusOnToday = Template.bind({});
-FocusOnToday.args = { ...props, value: null };
-FocusOnToday.play = async () => {
-  await userEvent.tab();
-  await userEvent.keyboard(' ');
-};
-
-export const FocusOnFirstNonDisabledDate = Template.bind({});
-FocusOnFirstNonDisabledDate.args = {
-  ...props,
-  value: null,
-  min: new Date(1987, 0, 10, 12, 0, 0),
-  max: new Date(1987, 0, 12, 12, 0, 0),
-};
-FocusOnFirstNonDisabledDate.play = async () => {
-  await userEvent.tab();
-  await userEvent.keyboard(' ');
-};

package/src/dateLookup/DateLookup.tsx

@@ -6,11 +6,11 @@ import {
   MonthFormat,
   Position,
   Breakpoint,
-  type SizeSmall,
-  type SizeMedium,
-  type SizeLarge,
+  SizeSmall,
+  SizeMedium,
+  SizeLarge,
 } from '../common';
-import { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';
+import { isWithinRange, moveToWithinRange } from '../common/dateUtils';
 import ResponsivePanel from '../common/responsivePanel';
 import { WithInputAttributesProps, withInputAttributes } from '../inputs/contexts';
 import { OverlayIdContext, OverlayIdProvider } from '../provider/overlay/OverlayIdProvider';
@@ -72,14 +72,13 @@ class DateLookup extends PureComponent<DateLookupPropsWithInputAttributes, DateL
 
   constructor(props: DateLookup['props']) {
     super(props);
-    const dateView = returnDateView(props.value, props.min, props.max);
     this.state = {
       selectedDate: getStartOfDay(props.value),
       originalDate: null,
       min: getStartOfDay(props.min),
       max: getStartOfDay(props.max),
-      viewMonth: dateView.getMonth(),
-      viewYear: dateView.getFullYear(),
+      viewMonth: (props.value || new Date()).getMonth(),
+      viewYear: (props.value || new Date()).getFullYear(),
       open: false,
       mode: 'day',
       isMobile: false,
@@ -101,7 +100,8 @@ class DateLookup extends PureComponent<DateLookupPropsWithInputAttributes, DateL
         props.onChange(moveToWithinRange(selectedDate, min, max));
         return null;
       }
-      const viewDateThatIsWithinRange: Date = returnDateView(selectedDate, min, max);
+      const viewDateThatIsWithinRange: Date =
+        selectedDate || ((min || max) && moveToWithinRange(new Date(), min, max)) || new Date();
       const viewMonth = viewDateThatIsWithinRange.getMonth();
       const viewYear = viewDateThatIsWithinRange.getFullYear();
       return { selectedDate, min, max, viewMonth, viewYear };
@@ -209,7 +209,9 @@ class DateLookup extends PureComponent<DateLookupPropsWithInputAttributes, DateL
     } else {
       date = getStartOfDay(new Date());
     }
-    date &&= moveToWithinRange(date, min, max);
+    if (date) {
+      date = moveToWithinRange(date, min, max);
+    }
     if (date?.getTime() !== selectedDate?.getTime()) {
       this.props.onChange(date);
     }

package/src/dateLookup/dayCalendar/table/DayCalendarTable.tsx

@@ -1,6 +1,6 @@
 import { formatDate } from '@transferwise/formatting';
 import { PureComponent } from 'react';
-import { injectIntl, type WrappedComponentProps } from 'react-intl';
+import { injectIntl, WrappedComponentProps } from 'react-intl';
 
 import { getDayNames, isWithinRange } from '../../../common/dateUtils';
 import { getFocusableTime } from '../../getFocusableTime/getFocusableTime';
@@ -64,9 +64,6 @@ class DayCalendarTable extends PureComponent<DayCalendarTableProps> {
   };
 
   isDisabled = (day: number) => {
-    if (day < 0) {
-      return true;
-    }
     const { min, max, viewMonth, viewYear } = this.props;
     const date = new Date(viewYear, viewMonth, day);
 
@@ -75,7 +72,7 @@ class DayCalendarTable extends PureComponent<DayCalendarTableProps> {
 
   isActive = (day: number) => {
     const { selectedDate, viewMonth, viewYear } = this.props;
-    return !!(selectedDate && Number(new Date(viewYear, viewMonth, day)) === Number(selectedDate));
+    return !!(selectedDate && +new Date(viewYear, viewMonth, day) === +selectedDate);
   };
 
   isToday = (day: number) => {

package/src/decision/Decision.story.tsx

@@ -2,7 +2,7 @@ import { action } from '@storybook/addon-actions';
 import { boolean, select } from '@storybook/addon-knobs';
 import { Illustration } from '@wise/art';
 
-import Avatar from '../avatar';
+import AvatarView from '../avatarView';
 import { Size } from '../common';
 
 import Decision, { DecisionPresentation, DecisionType } from '.';
@@ -33,11 +33,7 @@ export const Basic = () => {
           disabled,
           media: {
             block: <Illustration name="globe" alt="" disablePadding />,
-            list: (
-              <Avatar size="md" type="initials">
-                HM
-              </Avatar>
-            ),
+            list: <AvatarView>HM</AvatarView>,
           },
           'aria-label': 'Click to see something',
           title: 'Hank Miller',
@@ -50,11 +46,7 @@ export const Basic = () => {
           href: '#href2',
           media: {
             block: <Illustration name="confetti" alt="" disablePadding />,
-            list: (
-              <Avatar size="md" type="initials">
-                HM
-              </Avatar>
-            ),
+            list: <AvatarView>HM</AvatarView>,
           },
           'aria-label': 'Click here to send money to Hank Miller.',
           title: 'Hank Miller',
@@ -109,11 +101,7 @@ export const grid = () => {
                 alt=""
               />
             ),
-            list: (
-              <Avatar size="md" type="initials">
-                HM
-              </Avatar>
-            ),
+            list: <AvatarView>HM</AvatarView>,
           },
           'aria-label': 'Click to see something',
           title: 'Hank Miller',
@@ -131,11 +119,7 @@ export const grid = () => {
                 alt=""
               />
             ),
-            list: (
-              <Avatar size="md" type="initials">
-                HM
-              </Avatar>
-            ),
+            list: <AvatarView>HM</AvatarView>,
           },
           'aria-label': 'Click here to send money to Hank Miller.',
           title: 'Hank Miller',
@@ -152,11 +136,7 @@ export const grid = () => {
                 alt=""
               />
             ),
-            list: (
-              <Avatar size="md" type="initials">
-                HM
-              </Avatar>
-            ),
+            list: <AvatarView>HM</AvatarView>,
           },
           'aria-label': 'Click here to send money to Hank Miller.',
           disabled,
@@ -175,11 +155,7 @@ export const grid = () => {
                 alt=""
               />
             ),
-            list: (
-              <Avatar size="md" type="initials">
-                HM
-              </Avatar>
-            ),
+            list: <AvatarView>HM</AvatarView>,
           },
           'aria-label': 'Click here to send money to Hank Miller.',
           title: 'Hank Miller',
@@ -197,11 +173,7 @@ export const grid = () => {
                 alt=""
               />
             ),
-            list: (
-              <Avatar size="md" type="initials">
-                HM
-              </Avatar>
-            ),
+            list: <AvatarView>HM</AvatarView>,
           },
           'aria-label': 'Click here to send money to Hank Miller.',
           title: 'Hank Miller',
@@ -219,11 +191,7 @@ export const grid = () => {
                 alt=""
               />
             ),
-            list: (
-              <Avatar size="md" type="initials">
-                HM
-              </Avatar>
-            ),
+            list: <AvatarView>HM</AvatarView>,
           },
           'aria-label': 'Click here to send money to Hank Miller.',
           title: 'Hank Miller',
@@ -241,11 +209,7 @@ export const grid = () => {
                 alt=""
               />
             ),
-            list: (
-              <Avatar size="md" type="initials">
-                HM
-              </Avatar>
-            ),
+            list: <AvatarView>HM</AvatarView>,
           },
           'aria-label': 'Click here to send money to Hank Miller.',
           title: 'Hank Miller',

package/src/flowNavigation/FlowNavigation.story.js

@@ -1,12 +1,10 @@
 import { boolean, select, text } from '@storybook/addon-knobs';
-import { Person as ProfileIcon, Briefcase as BriefcaseIcon } from '@transferwise/icons';
 import { useState } from 'react';
 
-import Avatar, { AvatarType } from '../avatar';
-import AvatarWrapper from '../avatarWrapper';
+import AvatarView from '../avatarView';
 import Body from '../body';
 import Button from '../button';
-import { ProfileType, Size, Typography } from '../common';
+import { ProfileType, Typography } from '../common';
 import Logo from '../logo';
 import OverlayHeader from '../overlayHeader';
 
@@ -19,16 +17,11 @@ export default {
   component: FlowNavigation,
   title: 'Navigation/FlowNavigation',
 };
-const avatarProfiles = {
-  '': null,
-  Business: <BriefcaseIcon />,
-  Profile: <ProfileIcon />,
-};
 
 export const Variants = () => {
   const [activeStep, setActiveStep] = useState(2);
   const [closed, setClosed] = useState(false);
-  const showAvatar = select('avatar', Object.keys(avatarProfiles), 'Profile');
+  const showAvatar = select('avatar', ['', ProfileType.PERSONAL, ProfileType.BUSINESS], 'Profile');
   const showCloseButton = boolean('show closeButton', true);
   const showMobileBackButton = boolean('show mobile backButton', true);
   const done = boolean('done', false);
@@ -41,13 +34,7 @@ export const Variants = () => {
   return !closed ? (
     <>
       <FlowNavigation
-        avatar={
-          !showAvatar ? null : (
-            <Avatar type={AvatarType.ICON} size={Size.MEDIUM}>
-              {avatarProfiles[showAvatar]}
-            </Avatar>
-          )
-        }
+        avatar={!showAvatar ? null : <AvatarView type={showAvatar.toLowerCase()} />}
         logo={<Logo />}
         activeStep={activeStep}
         done={done}
@@ -120,7 +107,7 @@ export const Variants = () => {
 
       <FlowNavigation
         done={done}
-        avatar={<AvatarWrapper url={avatarURL} profileType={profileType} />}
+        avatar={<AvatarView imgSrc={avatarURL} type={profileType} />}
         activeStep={activeStep}
         steps={[
           {
@@ -164,7 +151,7 @@ export const Variants = () => {
       {/* Instance of always `done` FlowNav for visual testing */}
       <FlowNavigation
         done
-        avatar={<AvatarWrapper url={avatarURL} profileType={profileType} />}
+        avatar={<AvatarView imgSrc={avatarURL} type={profileType} />}
         activeStep={activeStep}
         steps={[
           { label: 'Recipient', hoverLabel: 'Daniele Tomboro', onClick: () => setActiveStep(0) },
@@ -224,11 +211,7 @@ export const SendFlow = () => {
   return (
     <>
       <FlowNavigation
-        avatar={
-          <Avatar type={AvatarType.ICON} size={Size.MEDIUM}>
-            <ProfileIcon />
-          </Avatar>
-        }
+        avatar={<AvatarView />}
         logo={<Logo />}
         activeStep={activeStep}
         steps={steps}
@@ -256,7 +239,7 @@ export const SendFlow = () => {
 export const WithOverlayHeaderComparison = () => {
   const [activeStep, setActiveStep] = useState(4);
   const [closed, setClosed] = useState(false);
-  const showAvatar = select('avatar', Object.keys(avatarProfiles), 'Profile');
+  const showAvatar = select('avatar', ['', ProfileType.PERSONAL, ProfileType.BUSINESS], 'Profile');
   const showCloseButton = boolean('show closeButton', true);
   const showMobileBackButton = boolean('show mobile backButton', true);
   const done = boolean('done', false);
@@ -265,13 +248,7 @@ export const WithOverlayHeaderComparison = () => {
     <>
       <div style={{ border: '1px solid #e8e8e8' }}>
         <FlowNavigation
-          avatar={
-            showAvatar ? (
-              <Avatar type={AvatarType.ICON} size={Size.MEDIUM}>
-                {avatarProfiles[showAvatar]}
-              </Avatar>
-            ) : null
-          }
+          avatar={showAvatar ? <AvatarView type={showAvatar.toLocaleLowerCase()} /> : null}
           activeStep={activeStep}
           done={done}
           steps={[]}
@@ -283,13 +260,7 @@ export const WithOverlayHeaderComparison = () => {
       </div>
       <div style={{ border: '1px solid #e8e8e8' }}>
         <OverlayHeader
-          avatar={
-            showAvatar ? (
-              <Avatar type={AvatarType.ICON} size={Size.MEDIUM}>
-                {avatarProfiles[showAvatar]}
-              </Avatar>
-            ) : null
-          }
+          avatar={showAvatar ? <AvatarView type={showAvatar.toLowerCase()} /> : null}
           onClose={showCloseButton && (() => setClosed(true))}
         />
       </div>

package/src/i18n/de.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "Keine Ergebnisse gefunden",
   "neptune.SelectOption.action.label": "Auswählen",
   "neptune.SelectOption.selected.action.label": "Ausgewählte Option ändern",
+  "neptune.StatusIcon.iconLabel.error": "Fehler:",
+  "neptune.StatusIcon.iconLabel.information": "Auskünfte:",
+  "neptune.StatusIcon.iconLabel.pending": "Ausstehend:",
+  "neptune.StatusIcon.iconLabel.success": "Erfolgreich:",
+  "neptune.StatusIcon.iconLabel.warning": "Warnung:",
   "neptune.Summary.statusDone": "Schritt erledigt",
   "neptune.Summary.statusNotDone": "Schritt noch zu erledigen",
   "neptune.Summary.statusPending": "Schritt ausstehend",

package/src/i18n/es.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "No se han encontrado resultados",
   "neptune.SelectOption.action.label": "Elegir",
   "neptune.SelectOption.selected.action.label": "Cambiar opción elegida",
+  "neptune.StatusIcon.iconLabel.error": "Error:",
+  "neptune.StatusIcon.iconLabel.information": "Información:",
+  "neptune.StatusIcon.iconLabel.pending": "Pendiente:",
+  "neptune.StatusIcon.iconLabel.success": "Éxito:",
+  "neptune.StatusIcon.iconLabel.warning": "Advertencia:",
   "neptune.Summary.statusDone": "Apartado listo",
   "neptune.Summary.statusNotDone": "Apartado a completar",
   "neptune.Summary.statusPending": "Apartado pendiente",

package/src/i18n/fr.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "Aucun résultat trouvé",
   "neptune.SelectOption.action.label": "Sélectionner",
   "neptune.SelectOption.selected.action.label": "Modifier l'option choisie",
+  "neptune.StatusIcon.iconLabel.error": "Erreur:",
+  "neptune.StatusIcon.iconLabel.information": "Informations:",
+  "neptune.StatusIcon.iconLabel.pending": "En attente :",
+  "neptune.StatusIcon.iconLabel.success": "Terminé:",
+  "neptune.StatusIcon.iconLabel.warning": "Attention:",
   "neptune.Summary.statusDone": "Validé",
   "neptune.Summary.statusNotDone": "À compléter",
   "neptune.Summary.statusPending": "En attente",

package/src/i18n/hu.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "Nincs találat",
   "neptune.SelectOption.action.label": "Kiválasztás",
   "neptune.SelectOption.selected.action.label": "Kiválasztott opció módosítása",
+  "neptune.StatusIcon.iconLabel.error": "Hiba:",
+  "neptune.StatusIcon.iconLabel.information": "Információ:",
+  "neptune.StatusIcon.iconLabel.pending": "Függőben:",
+  "neptune.StatusIcon.iconLabel.success": "Siker:",
+  "neptune.StatusIcon.iconLabel.warning": "Figyelmeztetés:",
   "neptune.Summary.statusDone": "Kész",
   "neptune.Summary.statusNotDone": "Hátravan",
   "neptune.Summary.statusPending": "Függőben",

package/src/i18n/id.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "Hasil tidak ditemukan",
   "neptune.SelectOption.action.label": "Pilih",
   "neptune.SelectOption.selected.action.label": "Ubah opsi yang dipilih",
+  "neptune.StatusIcon.iconLabel.error": "Kesalahan:",
+  "neptune.StatusIcon.iconLabel.information": "Informasi:",
+  "neptune.StatusIcon.iconLabel.pending": "Tertunda:",
+  "neptune.StatusIcon.iconLabel.success": "Berhasil:",
+  "neptune.StatusIcon.iconLabel.warning": "Peringatan:",
   "neptune.Summary.statusDone": "Item selesai",
   "neptune.Summary.statusNotDone": "Item yang harus dilakukan",
   "neptune.Summary.statusPending": "Item tertunda",

package/src/i18n/it.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "Nessun risultato trovato",
   "neptune.SelectOption.action.label": "Scegli",
   "neptune.SelectOption.selected.action.label": "Modifica l'opzione scelta",
+  "neptune.StatusIcon.iconLabel.error": "Errore:",
+  "neptune.StatusIcon.iconLabel.information": "Informazioni:",
+  "neptune.StatusIcon.iconLabel.pending": "In attesa:",
+  "neptune.StatusIcon.iconLabel.success": "Fatto:",
+  "neptune.StatusIcon.iconLabel.warning": "Attenzione:",
   "neptune.Summary.statusDone": "Completato",
   "neptune.Summary.statusNotDone": "Da completare",
   "neptune.Summary.statusPending": "In corso",

package/src/i18n/ja.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "結果が見つかりませんでした",
   "neptune.SelectOption.action.label": "選択してください",
   "neptune.SelectOption.selected.action.label": "選択したオプションを変更する",
+  "neptune.StatusIcon.iconLabel.error": "エラー：",
+  "neptune.StatusIcon.iconLabel.information": "情報：",
+  "neptune.StatusIcon.iconLabel.pending": "保留中：",
+  "neptune.StatusIcon.iconLabel.success": "完了：",
+  "neptune.StatusIcon.iconLabel.warning": "警告：",
   "neptune.Summary.statusDone": "完了",
   "neptune.Summary.statusNotDone": "未完了",
   "neptune.Summary.statusPending": "保留中",

package/src/i18n/pl.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "Nie znaleziono wyników",
   "neptune.SelectOption.action.label": "Wybierz",
   "neptune.SelectOption.selected.action.label": "Zmień wybraną opcję",
+  "neptune.StatusIcon.iconLabel.error": "Błąd:",
+  "neptune.StatusIcon.iconLabel.information": "Informacje:",
+  "neptune.StatusIcon.iconLabel.pending": "W toku:",
+  "neptune.StatusIcon.iconLabel.success": "Gotowe:",
+  "neptune.StatusIcon.iconLabel.warning": "Ostrzeżenie:",
   "neptune.Summary.statusDone": "Czynność wykonana",
   "neptune.Summary.statusNotDone": "Czynność do wykonania",
   "neptune.Summary.statusPending": "Czynność oczekująca",

package/src/i18n/pt.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
   "neptune.SelectOption.action.label": "Selecionar",
   "neptune.SelectOption.selected.action.label": "Altere a opção escolhida",
+  "neptune.StatusIcon.iconLabel.error": "Erro:",
+  "neptune.StatusIcon.iconLabel.information": "Informação:",
+  "neptune.StatusIcon.iconLabel.pending": "Pendente:",
+  "neptune.StatusIcon.iconLabel.success": "Concluído:",
+  "neptune.StatusIcon.iconLabel.warning": "Aviso:",
   "neptune.Summary.statusDone": "Pronto",
   "neptune.Summary.statusNotDone": "Não iniciado",
   "neptune.Summary.statusPending": "Pendente",

package/src/i18n/ro.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "Nu s-a găsit niciun rezultat",
   "neptune.SelectOption.action.label": "Alege",
   "neptune.SelectOption.selected.action.label": "Schimbă opțiunea aleasă",
+  "neptune.StatusIcon.iconLabel.error": "Eroare:",
+  "neptune.StatusIcon.iconLabel.information": "Informații:",
+  "neptune.StatusIcon.iconLabel.pending": "În așteptare:",
+  "neptune.StatusIcon.iconLabel.success": "Gata:",
+  "neptune.StatusIcon.iconLabel.warning": "Avertisment:",
   "neptune.Summary.statusDone": "Finalizat",
   "neptune.Summary.statusNotDone": "De făcut",
   "neptune.Summary.statusPending": "În așteptare",

package/src/i18n/ru.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "Ничего не найдено",
   "neptune.SelectOption.action.label": "Выбрать",
   "neptune.SelectOption.selected.action.label": "Изменить выбранный вариант",
+  "neptune.StatusIcon.iconLabel.error": "Ошибка:",
+  "neptune.StatusIcon.iconLabel.information": "Информация:",
+  "neptune.StatusIcon.iconLabel.pending": "В ожидании:",
+  "neptune.StatusIcon.iconLabel.success": "Готово:",
+  "neptune.StatusIcon.iconLabel.warning": "Внимание:",
   "neptune.Summary.statusDone": "Этап завершен",
   "neptune.Summary.statusNotDone": "Этап к выполнению",
   "neptune.Summary.statusPending": "Этап в процессе",

package/src/i18n/tr.json

@@ -27,6 +27,11 @@
   "neptune.SelectInput.noResultsFound": "Sonuç bulunamadı",
   "neptune.SelectOption.action.label": "Seç",
   "neptune.SelectOption.selected.action.label": "Seçilen opsiyonu değiştir",
+  "neptune.StatusIcon.iconLabel.error": "Hata:",
+  "neptune.StatusIcon.iconLabel.information": "Bilgi:",
+  "neptune.StatusIcon.iconLabel.pending": "Bekliyor:",
+  "neptune.StatusIcon.iconLabel.success": "Başarılı:",
+  "neptune.StatusIcon.iconLabel.warning": "Uyarı:",
   "neptune.Summary.statusDone": "Tamamlanan aşama",
   "neptune.Summary.statusNotDone": "Yapılacak",
   "neptune.Summary.statusPending": "Bekliyor",

package/src/index.ts

@@ -8,6 +8,7 @@ export type { ActionOptionProps } from './actionOption';
 export type { SelectOptionProps, SelectOptionValue, SelectOptiopsSection } from './selectOption';
 export type { AlertAction, AlertProps, AlertType } from './alert';
 export type { AvatarProps } from './avatar';
+export type { AvatarViewProps } from './avatarView';
 export type { BadgeProps } from './badge';
 export type { CardProps } from './card';
 export type { CarouselProps } from './carousel';
@@ -102,6 +103,7 @@ export { default as ActionOption } from './actionOption';
 export { default as SelectOption } from './selectOption';
 export { default as Alert } from './alert';
 export { default as Avatar } from './avatar';
+export { default as AvatarView } from './avatarView';
 export { default as AvatarWrapper } from './avatarWrapper';
 export { default as Badge } from './badge';
 export { default as Body } from './body';
@@ -243,6 +245,8 @@ export {
   getLangFromLocale,
   isBrowser,
   isServerSide,
+  getInitials,
+  getBrandColorFromSeed,
 } from './common';
 
 /**