@transferwise/components 0.0.0-experimental-cb72e72 → 0.0.0-experimental-c482369

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-cb72e72",
+  "version": "0.0.0-experimental-c482369",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "main": "./build/umd/polyfill/main.js",
@@ -50,7 +50,7 @@
     "@testing-library/react-hooks": "^8.0.0",
     "@testing-library/user-event": "^13.2.1",
     "@transferwise/icons": "^3.2.3",
-    "@transferwise/neptune-tokens": "^8.4.0",
+    "@transferwise/neptune-tokens": "^8.5.0",
     "@types/jest": "^26.0.20",
     "@types/jscodeshift": "^0.11.0",
     "@types/node": "^14.14.31",
@@ -132,7 +132,7 @@
     "sb:dev": "storybook dev -p 3001",
     "sb:watch-less": "gulp watchLess --dest=src",
     "dev:translations": "npx npm-watch",
-    "build-storybook": "storybook build",
+    "sb:build": "storybook build",
     "build-css": "gulp compileLess --dest=src",
     "build": "npm-run-all build:*",
     "build:clean": "rm -rf lib build",

package/scripts/generate-type-declarations.js

@@ -31,6 +31,7 @@ const jsFiles = [
   { filename: 'Upload', folder: 'upload' },
   { filename: 'DefinitionList', folder: 'definitionList' },
   { filename: 'DynamicFieldDefinitionList', folder: 'dynamicFieldDefinitionList' },
+  { filename: 'Avatar', folder: 'avatar' },
   { filename: 'CircularButton', folder: 'circularButton' },
   { filename: 'Info', folder: 'info' },
   { filename: 'RadioGroup', folder: 'radioGroup' },

package/build/es/no-polyfill/avatar/colors/avatarColorTestCases.json

@@ -1,402 +0,0 @@
-[
-  {
-    "key": "053ac3c5-278a-449d-7c3e-42f20e8dd15d",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "06aa058e-7ea7-4c6a-3318-da6b8fac6459",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "0e9126e0-55f1-46b3-45a2-ecdb2ac58fae",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "0e91272d-dfdf-44b9-885f-0e8f790f62b8",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "0ea282b8-6240-4b8c-bbd8-8eea0d399408",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "055330d2-231c-41f0-81d1-b609a6641d5c",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "05ecbcc5-a7c8-43ce-7c13-87cee7104f7c",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "05efbda4-5864-4764-b8d0-ca72746b6131",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "05f17ce4-6c4f-4bc8-a46b-0dc9199b7ff7",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "05f24097-b778-4e5d-c64f-219cbb8f3647",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "05f4ab72-5f4b-40c1-77d5-c484ef507a3c",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "05f4bb8d-958f-4b4c-8e48-3c2416b2e3bf",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "05fa0101-6bed-4a05-b739-73481a260945",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "05fa9193-2130-4e71-3e09-d99358cafb4c",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "05faf014-f776-4ecc-df7a-c5fc834e4c4c",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "05fc0932-eadd-43d6-256a-dcc0cde1370e",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "06001a5b-197b-4ea1-72f9-e3d5305034d9",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "06007098-aea2-4347-fe9f-3c44b69b1ce9",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "0600725e-5f79-4f68-34ba-a5da5f15f92f",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "066bfd1f-beb2-48dd-1611-0558276a2f2e",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "066c6429-ad06-41eb-eba1-f79dc3912aeb",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "06e8866a-a6e0-4241-268c-de9189182fab",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "08119c02-d271-430e-53c1-ef1330889f9e",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "0e84b8ae-7a05-4ff4-319e-8ae5e035190e",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "0565f2aa-64f1-4ed6-8a93-a42654b9af9b",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "0e913a98-5607-4f97-a0e9-fe7a9baa5a4e",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "056ee99f-b0c0-4a21-7ab8-bae0822d431e",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "060068ab-020a-4709-cee7-64594e871314",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "07384a3a-9266-4742-1f26-95dbe371a6a1",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "09103922-9228-4a65-230c-54952e0c070e",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "0a2ada5d-4e7a-465e-7687-11c1cab00694",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "0dc651ab-ce36-48fb-a10f-e55d0afc2221",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "0e198e72-f693-4fe1-92cc-5fcb89bf43e1",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "0e8127c8-aeac-458c-e720-ad8fbeaceb0e",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "0e96d306-87a2-49ab-6dbf-30485be8709d",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "0e997c88-bd69-40b2-e0d4-2e03b2c1f520",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "0f3f2e8f-5978-4616-f053-13315c0ce0f5",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "106bd544-81be-4543-3519-e95cf1f89c08",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "1110f155-5649-4a83-d108-96b5f4546b95",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "115c30d9-0764-4c9f-544b-2f84ef33cd23",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "119854ba-7f68-46d6-ff6d-ceaae017363e",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "143f754f-f160-4176-96a4-84e3d1203594",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "18599338-3386-4d88-ef25-7033bbeacf14",
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": "1aedaeef-6b83-4a2f-6100-7edd1ab04c6f",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "05760298-a074-4eca-3584-a1f38811e6a5",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "0695c47c-d09b-4114-3af2-ce4521323ba7",
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": "0e905f00-926e-4086-5d56-4a4c294e1db8",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "058ccaad-dcda-43ff-b3ce-4bce692245ba",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": "05c56667-0254-4785-b3d0-86a97450184b",
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": "05dcdb91-44a0-4a78-152c-00eb6053fa11",
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 29265328,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 22829930,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 29309733,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 22205092,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 28339104,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 28689366,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 23904571,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 29365025,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 28720303,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 27655166,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 28720861,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 25210117,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 28948963,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 13046135,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 29143686,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 29286514,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 27922269,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 10086066,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 12196457,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 28726465,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 24544220,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 26082288,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 28290408,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 24164757,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 27118103,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 26928719,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 15192981,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 19605650,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 23089646,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 13141760,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 24893876,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 13455263,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 28782969,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 23199819,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 13445369,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 107406,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 16033881,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 11131360,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 17011507,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 11308669,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 12727894,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 9717418,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 6026704,
-    "colour": { "hex": "#FFEB69", "token": "--color-bright-yellow" }
-  },
-  {
-    "key": 14866996,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  },
-  {
-    "key": 14945713,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 3049217,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 16000036,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 15951735,
-    "colour": { "hex": "#A0E1E1", "token": "--color-bright-blue" }
-  },
-  {
-    "key": 13624716,
-    "colour": { "hex": "#FFD7EF", "token": "--color-bright-pink" }
-  },
-  {
-    "key": 11288359,
-    "colour": { "hex": "#FFC091", "token": "--color-bright-orange" }
-  }
-]

package/build/es/no-polyfill/avatar/colors/colors.js

@@ -1,10 +0,0 @@
-/*
- * The colors we support generating an Avatar background color from a "seed" for.
- * Changing this array will change the assignment between seeds.
- * Do not change this array.
- */var avatarColours=["--color-bright-blue","--color-bright-yellow","--color-bright-pink","--color-bright-orange"],hashSeed=function(a){for(var b=avatarColours.length,c=0,d=1,e=0;e<a.length;e++)c=(c+a.charCodeAt(e)*d)%b,d=d*31%b;return c};/*
- * Takes in a "seed" string and spits out an index for the colour we should use.
- * This implementation has been synced across all three clients so that we consistently
- * generate branded avatar colours when rendering a list of Avatars.
- * Do not change this implementation.
- */export var getAvatarColorFromSeed=function(a){return avatarColours[hashSeed(a)]};

package/build/es/no-polyfill/avatar/colors/index.js

@@ -1 +0,0 @@
-export*from"./colors";