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

package/src/statusIcon/StatusIcon.tsx

@@ -7,10 +7,15 @@ import Circle, { CircleProps } from '../common/circle';
 import { useMedia } from '../common/hooks/useMedia';
 
 import messages from './StatusIcon.messages';
+  
+/**
+ * @deprecated use `16 | 24 | 32 | 40 | 48 | 56 | 72` component instead
+ */
+type LegacySizes = SizeSmall | SizeMedium | SizeLarge;
 
 export type StatusIconProps = {
-  sentiment: `${Sentiment}`;
-  size: SizeSmall | SizeMedium | SizeLarge;
+  sentiment?: `${Sentiment}`;
+  size?: LegacySizes | 16 | 24 | 32 | 40 | 48 | 56 | 72;
   /**
    * Override for the sentiment's-derived, default, accessible
    * name announced by the screen readers. <br />
@@ -77,13 +82,18 @@ const StatusIcon = ({
 
   const iconColor = sentiment === 'warning' || sentiment === 'pending' ? 'dark' : 'light';
   const isTinyViewport = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);
-  const size = sizeProp === Size.SMALL && isTinyViewport ? 32 : mapLegacySize[sizeProp];
+  const size =
+    sizeProp === Size.SMALL && isTinyViewport
+      ? 32
+      : typeof sizeProp === 'string'
+        ? mapLegacySize[sizeProp]
+        : sizeProp;
   return (
     <Circle
       as="span"
       size={size}
       data-testid="status-icon"
-      className={clsx('status-circle', `status-circle-${sizeProp}`, sentiment)}
+      className={clsx('status-circle', sentiment)}
     >
       <Icon
         className={clsx('status-icon', iconColor)}

package/src/tile/Tile.story.tsx

@@ -1,7 +1,7 @@
 import { action } from '@storybook/addon-actions';
 import { text, boolean } from '@storybook/addon-knobs';
 
-import Avatar from '../avatar';
+import AvatarView from '../avatarView';
 import { Size } from '../common';
 
 import Tile from '.';
@@ -41,11 +41,7 @@ export const Basic = () => {
           description={description}
           disabled={disabled}
           href="#href1"
-          media={
-            <Avatar size="md" type="initials">
-              HM
-            </Avatar>
-          }
+          media={<AvatarView name="Henry Mike" />}
           size={medium ? Size.MEDIUM : Size.SMALL}
           title={title}
           onClick={action('onClick')}

package/build/common/dateUtils/getDateView/getDateView.js

@@ -1,10 +0,0 @@
-'use strict';
-
-var moveToWithinRange = require('../moveToWithinRange/moveToWithinRange.js');
-
-const returnDateView = (selectedDate, min, max) => {
-  return selectedDate || (min || max) && moveToWithinRange.moveToWithinRange(new Date(), min, max) || new Date();
-};
-
-exports.returnDateView = returnDateView;
-//# sourceMappingURL=getDateView.js.map

package/build/common/dateUtils/getDateView/getDateView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getDateView.js","sources":["../../../../src/common/dateUtils/getDateView/getDateView.ts"],"sourcesContent":["import { moveToWithinRange } from '../moveToWithinRange/moveToWithinRange';\n\nexport const returnDateView = (selectedDate: Date | null, min: Date | null, max: Date | null) => {\n  return selectedDate || ((min || max) && moveToWithinRange(new Date(), min, max)) || new Date();\n};\n"],"names":["returnDateView","selectedDate","min","max","moveToWithinRange","Date"],"mappings":";;;;AAEO,MAAMA,cAAc,GAAGA,CAACC,YAAyB,EAAEC,GAAgB,EAAEC,GAAgB,KAAI;EAC9F,OAAOF,YAAY,IAAK,CAACC,GAAG,IAAIC,GAAG,KAAKC,mCAAiB,CAAC,IAAIC,IAAI,EAAE,EAAEH,GAAG,EAAEC,GAAG,CAAE,IAAI,IAAIE,IAAI,EAAE,CAAA;AAChG;;;;"}

package/build/common/dateUtils/getDateView/getDateView.mjs

@@ -1,8 +0,0 @@
-import { moveToWithinRange } from '../moveToWithinRange/moveToWithinRange.mjs';
-
-const returnDateView = (selectedDate, min, max) => {
-  return selectedDate || (min || max) && moveToWithinRange(new Date(), min, max) || new Date();
-};
-
-export { returnDateView };
-//# sourceMappingURL=getDateView.mjs.map

package/build/common/dateUtils/getDateView/getDateView.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"getDateView.mjs","sources":["../../../../src/common/dateUtils/getDateView/getDateView.ts"],"sourcesContent":["import { moveToWithinRange } from '../moveToWithinRange/moveToWithinRange';\n\nexport const returnDateView = (selectedDate: Date | null, min: Date | null, max: Date | null) => {\n  return selectedDate || ((min || max) && moveToWithinRange(new Date(), min, max)) || new Date();\n};\n"],"names":["returnDateView","selectedDate","min","max","moveToWithinRange","Date"],"mappings":";;AAEO,MAAMA,cAAc,GAAGA,CAACC,YAAyB,EAAEC,GAAgB,EAAEC,GAAgB,KAAI;EAC9F,OAAOF,YAAY,IAAK,CAACC,GAAG,IAAIC,GAAG,KAAKC,iBAAiB,CAAC,IAAIC,IAAI,EAAE,EAAEH,GAAG,EAAEC,GAAG,CAAE,IAAI,IAAIE,IAAI,EAAE,CAAA;AAChG;;;;"}

package/build/types/common/dateUtils/getDateView/getDateView.d.ts

@@ -1,2 +0,0 @@
-export declare const returnDateView: (selectedDate: Date | null, min: Date | null, max: Date | null) => Date;
-//# sourceMappingURL=getDateView.d.ts.map

package/build/types/common/dateUtils/getDateView/getDateView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getDateView.d.ts","sourceRoot":"","sources":["../../../../../src/common/dateUtils/getDateView/getDateView.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,iBAAkB,IAAI,GAAG,IAAI,OAAO,IAAI,GAAG,IAAI,OAAO,IAAI,GAAG,IAAI,SAE3F,CAAC"}

package/src/common/dateUtils/getDateView/getDateView.ts

@@ -1,5 +0,0 @@
-import { moveToWithinRange } from '../moveToWithinRange/moveToWithinRange';
-
-export const returnDateView = (selectedDate: Date | null, min: Date | null, max: Date | null) => {
-  return selectedDate || ((min || max) && moveToWithinRange(new Date(), min, max)) || new Date();
-};