@transferwise/components 46.149.2 → 46.150.0

package/src/carousel/index.ts

@@ -1,3 +1,9 @@
-export * from './Carousel';
+export type {
+  CarouselProps,
+  CarouselCard,
+  CarouselCardCommon,
+  CarouselDefaultCard,
+  CarouselPromoCard,
+} from './Carousel';
 
 export { default } from './Carousel';

package/src/checkboxButton/index.ts

@@ -1 +1,3 @@
 export { default } from './CheckboxButton';
+
+export type { CheckboxButtonProps } from './CheckboxButton';

package/src/checkboxOption/index.ts

@@ -1 +1,3 @@
 export { default } from './CheckboxOption';
+
+export type { CheckboxOptionProps } from './CheckboxOption';

package/src/chevron/index.ts

@@ -1 +1,3 @@
 export { default } from './Chevron';
+
+export type { ChevronProps, ExtraSmallChevronProps } from './Chevron';

package/src/chips/index.ts

@@ -1,2 +1,5 @@
 export { default } from './Chips';
 export { default as Chip } from './Chip';
+
+export type { ChipValue, Chip as ChipType, ChipsProps } from './Chips';
+export type { Props as ChipProps } from './Chip';

package/src/common/Option/index.ts

@@ -1 +1,2 @@
 export { default } from './Option';
+export type { OptionProps } from './Option';

package/src/criticalBanner/CriticalCommsBanner.tsx

@@ -7,11 +7,17 @@ import { Sentiment } from '../common';
 import Circle, { CircleProps } from '../common/circle';
 import SentimentSurface from '../sentimentSurface';
 
+/**
+ * @deprecated Use CriticalBanner and associated typings
+ */
 export type CriticalCommsBannerSentiment =
   | `${Sentiment.WARNING}`
   | `${Sentiment.NEGATIVE}`
   | `${Sentiment.NEUTRAL}`;
 
+/**
+ * @deprecated Use CriticalBanner and associated typings
+ */
 export type CriticalCommsBannerProps = {
   title: string;
   subtitle?: string;

package/src/criticalBanner/index.ts

@@ -1,2 +1,2 @@
 export { default } from './CriticalCommsBanner';
-export type { CriticalCommsBannerProps } from './CriticalCommsBanner';
+export type { CriticalCommsBannerProps, CriticalCommsBannerSentiment } from './CriticalCommsBanner';

package/src/decision/index.ts

@@ -1 +1,3 @@
 export { default, DecisionPresentation, DecisionType } from './Decision';
+
+export type { DecisionProps } from './Decision';

package/src/definitionList/index.ts

@@ -1,2 +1,2 @@
 export { default } from './DefinitionList';
-export type { DefinitionListProps, DefinitionListDefinition } from './DefinitionList';
+export type { DefinitionListProps, DefinitionListDefinition, DefinitionListLayout } from './DefinitionList';

package/src/expressiveMoneyInput/index.ts

@@ -1,2 +1,2 @@
-export type { Props as ExpressiveMoneyInputProps } from './ExpressiveMoneyInput';
+export type { Props as ExpressiveMoneyInputProps, CurrencyType } from './ExpressiveMoneyInput';
 export { default } from './ExpressiveMoneyInput';

package/src/index.ts

@@ -4,19 +4,39 @@
  * Types
  */
 export type { ContainerProps } from './container';
-export type { LogoProps } from './logo';
+export type { LogoProps, LogoSize, LogoAssetName } from './logo';
 export type { FlowNavigationProps } from './flowNavigation';
 export type { AccordionItem, AccordionProps } from './accordion';
 export type { ActionOptionProps } from './actionOption';
 export type { AlertAction, AlertProps, AlertType } from './alert';
-export type { AvatarProps } from './avatar';
+export type { AvatarProps, AvatarSize, AvatarTheme } from './avatar';
 export type { AvatarViewProps } from './avatarView';
 export type { AvatarLayoutProps } from './avatarLayout';
-export type { BadgeProps } from './badge';
-export type { NewButtonProps as ButtonProps } from './button';
+export type { AvatarWrapperProps } from './avatarWrapper';
+export type { BadgeProps, BadgeAssetsProps } from './badge';
+export type {
+  NewButtonProps as ButtonProps,
+  ButtonPriority,
+  ButtonSize,
+  ButtonSentiment,
+  ButtonReferenceType,
+  ButtonAddonIcon,
+  ButtonAddonAvatar,
+  ButtonProps as LegacyButtonProps,
+  AnchorElementProps,
+} from './button';
 export type { CardProps } from './card';
-export type { CarouselProps } from './carousel';
+export type {
+  CarouselProps,
+  CarouselCard,
+  CarouselDefaultCard,
+  CarouselPromoCard,
+} from './carousel';
 export type { CheckboxProps } from './checkbox';
+export type { CheckboxButtonProps } from './checkboxButton';
+export type { CheckboxOptionProps } from './checkboxOption';
+export type { ChipValue, ChipType, ChipsProps, ChipProps } from './chips';
+export type { ChevronProps, ExtraSmallChevronProps } from './chevron';
 export type { CircularButtonProps } from './circularButton';
 export type {
   BodyTypes,
@@ -30,8 +50,12 @@ export type { BottomSheetProps } from './common/bottomSheet';
 export type { DateInputProps } from './dateInput';
 export type { DateLookupProps } from './dateLookup';
 export type { CalendarProps } from './calendar';
-export type { DecisionProps } from './decision/Decision';
-export type { DefinitionListProps, DefinitionListDefinition } from './definitionList';
+export type { DecisionProps } from './decision';
+export type {
+  DefinitionListProps,
+  DefinitionListDefinition,
+  DefinitionListLayout,
+} from './definitionList';
 export type { DimmerProps } from './dimmer';
 export type { DrawerProps } from './drawer';
 export type { DividerProps } from './divider';
@@ -41,6 +65,7 @@ export type { FieldProps } from './field/Field';
 export type { InfoProps } from './info';
 export type { InlinePromptProps, ActionPromptProps, CriticalBannerProps } from './prompt';
 export type { InfoPromptProps, InfoPromptAction, InfoPromptMedia } from './prompt';
+export type { InlineAlertProps } from './inlineAlert';
 export type { InputWithDisplayFormatProps } from './inputWithDisplayFormat';
 export type { InputProps } from './inputs/Input';
 export type { InputGroupProps } from './inputs/InputGroup';
@@ -68,21 +93,30 @@ export type {
   CurrencyOptionItem,
   MoneyInputProps,
 } from './moneyInput';
-export type { ExpressiveMoneyInputProps } from './expressiveMoneyInput';
+export type { ExpressiveMoneyInputProps, CurrencyType } from './expressiveMoneyInput';
 export type { NavigationOptionListProps } from './navigationOptionsList';
-export type { NavigationOptionProps } from './navigationOption/NavigationOption';
+export type { NavigationOptionProps } from './navigationOption';
+export type { NudgeProps, NudgeOptionalId, NudgeRequiredPersistProps } from './nudge';
 export type { OverlayHeaderProps } from './overlayHeader';
+export type { OptionProps } from './common/Option';
 export type { PanelProps } from './common/panel';
-export type { PhoneNumberInputProps } from './phoneNumberInput/PhoneNumberInput';
-export type { PopoverProps } from './popover';
+export type { PhoneNumberInputProps } from './phoneNumberInput';
+export type { PopoverProps, PopoverPreferredPlacement } from './popover';
 export type { ProcessIndicatorProps, ProcessIndicatorStatus } from './processIndicator';
 export type { ProgressProps } from './progress';
 export type { ProgressBarProps } from './progressBar';
+export type {
+  PromoCardCommonProps,
+  PromoCardLinkProps,
+  PromoCardCheckedProps,
+  PromoCardProps,
+} from './promoCard';
+export type { PromoCardGroupProps } from './promoCard';
 export type { DirectionProviderProps, LanguageProviderProps, ProviderProps } from './provider';
 export type { RadioProps } from './radio';
 export type { RadioGroupProps, RadioGroupRadio } from './radioGroup';
 export type { RadioOptionProps } from './radioOption';
-export type { SegmentedControlProps } from './segmentedControl';
+export type { SegmentedControlProps, Segments } from './segmentedControl';
 export type {
   SelectItem,
   SelectItemWithPlaceholder,
@@ -90,32 +124,45 @@ export type {
   SelectProps,
 } from './select';
 export type { SlidingPanelProps } from './slidingPanel';
-export type { SnackbarProps } from './snackbar/Snackbar';
+export type { SnackbarProps, SnackbarProviderProps } from './snackbar';
 export type { SnackbarContextType } from './snackbar/SnackbarContext';
-export type { StatusIconProps } from './statusIcon';
+export type { StatusIconProps, StatusIconSentiment } from './statusIcon';
 export type { StickyProps } from './sticky';
 export type { SummaryProps } from './summary';
-export type { SentimentSurfaceProps } from './sentimentSurface';
+export type {
+  SentimentSurfaceProps,
+  SentimentSurfaceComponent,
+  Sentiment as SurfaceSentiment,
+} from './sentimentSurface';
 export type { SwitchProps } from './switch';
 export type { SwitchOptionProps } from './switchOption';
-export type { TabItem, TabsProps } from './tabs';
+export type { TabItem, TabsProps, TabProps, TabListProps, TabPanelProps } from './tabs';
 export type { TextareaWithDisplayFormatProps } from './textareaWithDisplayFormat';
+export type { TileProps } from './tile';
 export type { TooltipProps } from './tooltip';
 export type { TypeaheadOption, TypeaheadProps } from './typeahead';
 export type { UploadProps } from './upload';
 export type { UploadError, UploadResponse, UploadedFile } from './uploadInput/types';
+export type { UploadInputProps } from './uploadInput';
 export type { WithIdProps } from './withId';
 export type { IconButtonProps } from './iconButton';
+export type { ImageProps } from './image';
+export type { ActionButtonProps } from './actionButton';
 export type {
   TableProps,
   TableRowType,
   TableRowClickableType,
+  TableRowProps,
   TableHeaderType,
+  TableHeaderProps,
   TableCellLeading,
   TableCellText,
   TableCellCurrency,
   TableCellStatus,
   TableCellType,
+  TableCellMedia,
+  TableCellProps,
+  TableStatusTextProps,
 } from './table';
 export type {
   ListItemProps,
@@ -144,7 +191,7 @@ export { default as Avatar } from './avatar';
 export { default as AvatarView } from './avatarView';
 export { default as AvatarLayout } from './avatarLayout';
 export { default as AvatarWrapper } from './avatarWrapper';
-export { default as Badge } from './badge';
+export { default as Badge, BadgeAssets } from './badge';
 export { default as Body } from './body';
 export { default as Button } from './button';
 export { default as IconButton } from './iconButton';
@@ -161,7 +208,7 @@ export { default as Option } from './common/Option';
 export { default as BottomSheet } from './common/bottomSheet';
 export { default as BaseCard } from './common/baseCard';
 export { default as CriticalCommsBanner } from './criticalBanner';
-export type { CriticalCommsBannerProps } from './criticalBanner';
+export type { CriticalCommsBannerProps, CriticalCommsBannerSentiment } from './criticalBanner';
 export { default as DateInput } from './dateInput';
 export { default as DateLookup } from './dateLookup';
 export { default as Calendar } from './calendar';
@@ -234,6 +281,7 @@ export { default as SwitchOption } from './switchOption';
 export { default as Tabs } from './tabs';
 export { default as TextareaWithDisplayFormat } from './textareaWithDisplayFormat';
 export { default as Title } from './title';
+export { default as Tile } from './tile';
 export { default as Tooltip } from './tooltip';
 export { default as Typeahead } from './typeahead';
 export { default as Upload } from './upload';

package/src/inlineAlert/InlineAlert.tsx

@@ -5,6 +5,9 @@ import { Sentiment, Size } from '../common';
 import StatusIcon from '../statusIcon';
 import Body from '../body';
 
+/**
+ * @deprecated Use InlinePrompt or Field and associated typings
+ */
 export interface InlineAlertProps {
   id?: string;
   type?: `${Sentiment}`;

package/src/inlineAlert/index.ts

@@ -1 +1,3 @@
 export { default } from './InlineAlert';
+
+export type { InlineAlertProps } from './InlineAlert';

package/src/instructionsList/index.ts

@@ -1,3 +1,3 @@
 export { default } from './InstructionsList';
 
-export * from './InstructionsList';
+export type { InstructionsListProps } from './InstructionsList';

package/src/logo/index.ts

@@ -1,2 +1,3 @@
 export { default, LogoType } from './Logo';
-export type { LogoProps } from './Logo';
+export type { LogoProps, LogoSize } from './Logo';
+export type { LogoAssetName } from './logo-assets';

package/src/navigationOption/NavigationOption.tsx

@@ -6,6 +6,9 @@ import { Position } from '../common';
 import Option from '../common/Option';
 import { OptionProps, ReferenceType } from '../common/Option/Option';
 
+/**
+ * @deprecated Use ListItem and associated typings
+ */
 export type NavigationOptionProps = OptionProps;
 
 /**

package/src/navigationOption/index.ts

@@ -1 +1,3 @@
 export { default } from './NavigationOption';
+
+export type { NavigationOptionProps } from './NavigationOption';

package/src/navigationOptionsList/NavigationOptionsList.tsx

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { Children } from 'react';
 
+/**
+ * @deprecated Use List and ListItem and associated typings
+ */
 export interface NavigationOptionListProps {
   children: React.ReactNode;
 }

package/src/nudge/index.ts

@@ -1 +1,3 @@
 export { default } from './Nudge';
+
+export type { Props as NudgeProps, OptionalId as NudgeOptionalId, RequiredPersistProps as NudgeRequiredPersistProps } from './Nudge';

package/src/phoneNumberInput/index.ts

@@ -1 +1,3 @@
 export { default } from './PhoneNumberInput';
+
+export type { PhoneNumberInputProps } from './PhoneNumberInput';

package/src/promoCard/index.ts

@@ -1,2 +1,10 @@
 export { default } from './PromoCard';
 export { default as PromoCardGroup } from './PromoCardGroup';
+
+export type {
+  PromoCardCommonProps,
+  PromoCardLinkProps,
+  PromoCardCheckedProps,
+  PromoCardProps,
+} from './PromoCard';
+export type { PromoCardGroupProps } from './PromoCardGroup';

package/src/select/Select.tsx

@@ -98,6 +98,9 @@ const getUniqueIdForOption = (parentId: string | undefined, option: SelectItem |
   return `option-${parentId ?? ''}-${uniqueOptionId}`;
 };
 
+/**
+ * @deprecated Use SelectInput and associated typings
+ */
 export interface SelectProps {
   placeholder?: string;
   id?: string;

package/src/snackbar/index.ts

@@ -1 +1,4 @@
 export { default as Snackbar } from './Snackbar';
+
+export type { SnackbarProps } from './Snackbar';
+export type { SnackbarProviderProps } from './SnackbarProvider';

package/src/ssr.test.tsx

@@ -92,9 +92,7 @@ describe('Server side rendering', () => {
 
   // stick all possible properties we might need to render all components in here
   const allProps: Record<string, unknown> = {
-    actionPrimary: { label: 'Action', onClick: jest.fn(), href: '#' },
     currencies: [],
-    currencySelector: { options: [] },
     steps: [],
     stepper: {
       steps: [],
@@ -184,7 +182,11 @@ describe('Server side rendering', () => {
   // Override props in case of name collision.
   const overrideProps: Partial<Record<keyof ExposedLibraryItemsType, Record<string, unknown>>> = {
     Logo: { size: 16 },
-    ActionPrompt: { action: { label: 'Action', onClick: jest.fn(), href: '#' } },
+    BadgeAssets: { status: undefined },
+    ActionPrompt: {
+      actionPrimary: { label: 'Action', onClick: jest.fn(), href: '#' },
+      action: { label: 'Action', onClick: jest.fn(), href: '#' },
+    },
     Alert: { children: undefined, message: 'Fluffy kittens', size: undefined },
     Card: { isExpanded: true },
     CheckboxButton: { children: undefined, onChange: jest.fn() },
@@ -193,6 +195,7 @@ describe('Server side rendering', () => {
     TextareaWithDisplayFormat: { displayPattern: '**-**' },
     Sticky: { position: 'top' },
     MoneyInput: { selectedCurrency: { currency: 'EUR' } },
+    ExpressiveMoneyInput: { currencySelector: { options: [] } },
     Tabs: { selected: 1, onTabSelect: jest.fn() },
     Markdown: { children: '# Markdown string' },
     SnackbarConsumer: {

package/src/statusIcon/index.ts

@@ -1,2 +1,2 @@
 export { default } from './StatusIcon';
-export type { StatusIconProps } from './StatusIcon';
+export type { StatusIconProps, StatusIconSentiment } from './StatusIcon';

package/src/table/index.ts

@@ -1,11 +1,14 @@
 export { default } from './Table';
 export type { TableProps } from './Table';
-export type { TableRowType, TableRowClickableType } from './TableRow';
-export type { TableHeaderType } from './TableHeader';
+export type { TableRowType, TableRowClickableType, TableRowProps } from './TableRow';
+export type { TableHeaderType, TableHeaderProps } from './TableHeader';
 export type {
   TableCellLeading,
   TableCellText,
   TableCellCurrency,
   TableCellStatus,
   TableCellType,
+  TableCellMedia,
+  TableCellProps,
 } from './TableCell';
+export type { TableStatusTextProps } from './TableStatusText';

package/src/tabs/index.ts

@@ -1,2 +1,5 @@
 export { default } from './Tabs';
 export type { TabItem, TabsProps } from './Tabs';
+export type { TabProps } from './Tab';
+export type { TabListProps } from './TabList';
+export type { TabPanelProps } from './TabPanel';

package/src/tile/index.ts

@@ -1 +1,2 @@
 export { default } from './Tile';
+export type { TileProps } from './Tile';

package/src/uploadInput/index.ts

@@ -1 +1,3 @@
 export { default } from './UploadInput';
+
+export type { UploadInputProps } from './UploadInput';

package/build/avatarWrapper/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AvatarWrapper = require('./AvatarWrapper.js');
-
-
-
-exports.default = AvatarWrapper.default;
-//# sourceMappingURL=index.js.map

package/build/avatarWrapper/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/build/avatarWrapper/index.mjs

@@ -1,6 +0,0 @@
-import AvatarWrapper from './AvatarWrapper.mjs';
-
-
-
-export { AvatarWrapper as default };
-//# sourceMappingURL=index.mjs.map

package/build/avatarWrapper/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}