@wise/art 2.9.1 → 2.10.0-beta.2

package/dist/{index-d9418379.esm.js → index-1b37285b.esm.js}

@@ -26,6 +26,29 @@ const Flag = ({
   });
 };
 
+const Icon = ({
+  name,
+  size = 16,
+  className = undefined,
+  filled = false,
+  'data-testid': testId,
+  title = undefined,
+  role = undefined
+}) => {
+  const nameSelector = filled ? `${name}-fill` : name;
+  const sizeSelector = [24, '24'].includes(size) ? 'wds-icon-size-24' : null;
+  return /*#__PURE__*/jsx("span", {
+    className: clsx(`wds-icon wds-icon-${nameSelector}`, sizeSelector, className),
+    "aria-hidden": title ? undefined : true,
+    role: role ?? (title ? undefined : 'none'),
+    "data-testid": testId,
+    children: title && /*#__PURE__*/jsx("span", {
+      className: "sr-only",
+      children: title
+    })
+  });
+};
+
 var Sizes;
 (function (Sizes) {
   Sizes["SMALL"] = "small";
@@ -254,66 +277,66 @@ function getModel({
 }) {
   // @ts-expect-error unknown generic
   let Model = /*#__PURE__*/jsx(Fragment, {});
-  const Scene = /*#__PURE__*/lazy(() => import('./Scene-74f99a47.esm.js'));
+  const Scene = /*#__PURE__*/lazy(() => import('./Scene-1d582723.esm.js'));
   switch (name) {
     case Assets.LOCK:
       {
-        Model = /*#__PURE__*/lazy(() => import('./Lock-64866d42.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./Lock-2b6bd8bd.esm.js'));
         break;
       }
     case Assets.GLOBE:
       {
-        Model = /*#__PURE__*/lazy(() => import('./Globe-a27525fe.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./Globe-34d12c6a.esm.js'));
         break;
       }
     case Assets.CONFETTI:
       {
-        Model = /*#__PURE__*/lazy(() => import('./Confetti-eb9add24.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./Confetti-91e21706.esm.js'));
         break;
       }
     case Assets.CHECK_MARK:
       {
-        Model = /*#__PURE__*/lazy(() => import('./CheckMark-75975410.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./CheckMark-ab1ead03.esm.js'));
         break;
       }
     case Assets.FLOWER:
       {
-        Model = /*#__PURE__*/lazy(() => import('./Flower-66206fda.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./Flower-e9b93cea.esm.js'));
         break;
       }
     case Assets.PLANE:
       {
-        Model = /*#__PURE__*/lazy(() => import('./Plane-300c9b8d.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./Plane-47138ace.esm.js'));
         break;
       }
     case Assets.GRAPH:
       {
-        Model = /*#__PURE__*/lazy(() => import('./Graph-72ebad19.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./Graph-4cbf7c1e.esm.js'));
         break;
       }
     case Assets.MARBLE:
       {
-        Model = /*#__PURE__*/lazy(() => import('./Marble-8e71ce64.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./Marble-b7bde4af.esm.js'));
         break;
       }
     case Assets.MARBLE_CARD:
       {
-        Model = /*#__PURE__*/lazy(() => import('./MarbleCard-a3bee913.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./MarbleCard-1e08f954.esm.js'));
         break;
       }
     case Assets.MAGNIFYING_GLASS:
       {
-        Model = /*#__PURE__*/lazy(() => import('./MagnifyingGlass-7bcc177b.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./MagnifyingGlass-0603a06c.esm.js'));
         break;
       }
     case Assets.JARS:
       {
-        Model = /*#__PURE__*/lazy(() => import('./Jars-315f0e1e.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./Jars-bfac42bc.esm.js'));
         break;
       }
     case Assets.MULTI_CURRENCY:
       {
-        Model = /*#__PURE__*/lazy(() => import('./MultiCurrency-93fd79bd.esm.js'));
+        Model = /*#__PURE__*/lazy(() => import('./MultiCurrency-d001321e.esm.js'));
         break;
       }
   }
@@ -324,5 +347,5 @@ function getModel({
   });
 }
 
-export { Assets as A, Flag as F, ImageSizes as I, Sizes as S, Illustration as a, Illustration3D as b, defineSrc as d, isIllustrationSupport3D as i };
-//# sourceMappingURL=index-d9418379.esm.js.map
+export { Assets as A, Flag as F, ImageSizes as I, Sizes as S, Icon as a, Illustration as b, Illustration3D as c, defineSrc as d, isIllustrationSupport3D as i };
+//# sourceMappingURL=index-1b37285b.esm.js.map

package/dist/index-1b37285b.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-1b37285b.esm.js","sources":["../src/flags/Flag.tsx","../src/icons/Icon.tsx","../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts","../src/illustrations3d/utils.ts","../src/illustrations3d/Illustration3D.tsx"],"sourcesContent":[null,null,null,null,null,null,null],"names":["unknownFlagName","fallback","setFallback","useState","useEffect","detailed","intrinsicSize","name","code","toLowerCase","_jsx","className","clsx","alt","width","height","onError","Icon","size","undefined","filled","testId","title","role","nameSelector","includes","sizeSelector","children","Sizes","LARGE","imageSizes","SMALL","MEDIUM","Illustration","forwardRef","id","loading","disablePadding","ref","_jsxs","_Fragment","media","srcSet","defineSrc","descriptor","Assets","useBattery","batteryData","setBatteryData","level","getBatteryData","battery","RenderMode"],"mappings":"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"}

package/dist/{index-a4dd3e1a.js → index-4c1d5bff.js}

@@ -28,6 +28,29 @@ const Flag = ({
   });
 };
 
+const Icon = ({
+  name,
+  size = 16,
+  className = undefined,
+  filled = false,
+  'data-testid': testId,
+  title = undefined,
+  role = undefined
+}) => {
+  const nameSelector = filled ? `${name}-fill` : name;
+  const sizeSelector = [24, '24'].includes(size) ? 'wds-icon-size-24' : null;
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: clsx.clsx(`wds-icon wds-icon-${nameSelector}`, sizeSelector, className),
+    "aria-hidden": title ? undefined : true,
+    role: role ?? (title ? undefined : 'none'),
+    "data-testid": testId,
+    children: title && /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "sr-only",
+      children: title
+    })
+  });
+};
+
 exports.Sizes = void 0;
 (function (Sizes) {
   Sizes["SMALL"] = "small";
@@ -256,66 +279,66 @@ function getModel({
 }) {
   // @ts-expect-error unknown generic
   let Model = /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
-  const Scene = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Scene-fab9127c.js'); }));
+  const Scene = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Scene-de95f891.js'); }));
   switch (name) {
     case exports.Assets.LOCK:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Lock-9f35874f.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Lock-4c64a0dc.js'); }));
         break;
       }
     case exports.Assets.GLOBE:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Globe-8e3a5a93.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Globe-d80433f5.js'); }));
         break;
       }
     case exports.Assets.CONFETTI:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Confetti-4e9cc611.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Confetti-720fd71c.js'); }));
         break;
       }
     case exports.Assets.CHECK_MARK:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./CheckMark-91b74943.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./CheckMark-32e18b44.js'); }));
         break;
       }
     case exports.Assets.FLOWER:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Flower-c9d23967.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Flower-fbad899d.js'); }));
         break;
       }
     case exports.Assets.PLANE:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Plane-531209fc.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Plane-d51b58a6.js'); }));
         break;
       }
     case exports.Assets.GRAPH:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Graph-9a766bb4.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Graph-3539b20b.js'); }));
         break;
       }
     case exports.Assets.MARBLE:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Marble-d1c83ca5.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Marble-4522fae8.js'); }));
         break;
       }
     case exports.Assets.MARBLE_CARD:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MarbleCard-c7445571.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MarbleCard-30796b1c.js'); }));
         break;
       }
     case exports.Assets.MAGNIFYING_GLASS:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MagnifyingGlass-850402f3.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MagnifyingGlass-711dbd52.js'); }));
         break;
       }
     case exports.Assets.JARS:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Jars-bfd6186b.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./Jars-0fa48808.js'); }));
         break;
       }
     case exports.Assets.MULTI_CURRENCY:
       {
-        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MultiCurrency-32138601.js'); }));
+        Model = /*#__PURE__*/react.lazy(() => Promise.resolve().then(function () { return require('./MultiCurrency-5a0728f7.js'); }));
         break;
       }
   }
@@ -327,9 +350,10 @@ function getModel({
 }
 
 exports.Flag = Flag;
+exports.Icon = Icon;
 exports.Illustration = Illustration;
 exports.Illustration3D = Illustration3D;
 exports.ImageSizes = ImageSizes;
 exports.defineSrc = defineSrc;
 exports.isIllustrationSupport3D = isIllustrationSupport3D;
-//# sourceMappingURL=index-a4dd3e1a.js.map
+//# sourceMappingURL=index-4c1d5bff.js.map

package/dist/index-4c1d5bff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-4c1d5bff.js","sources":["../src/flags/Flag.tsx","../src/icons/Icon.tsx","../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts","../src/illustrations3d/utils.ts","../src/illustrations3d/Illustration3D.tsx"],"sourcesContent":[null,null,null,null,null,null,null],"names":["unknownFlagName","fallback","setFallback","useState","useEffect","detailed","intrinsicSize","name","code","toLowerCase","_jsx","className","clsx","alt","width","height","onError","Icon","size","undefined","filled","testId","title","role","nameSelector","includes","sizeSelector","children","Sizes","LARGE","imageSizes","SMALL","MEDIUM","Illustration","forwardRef","id","loading","disablePadding","ref","_jsxs","_Fragment","media","srcSet","defineSrc","descriptor","Assets","useBattery","batteryData","setBatteryData","level","getBatteryData","battery","RenderMode"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,8 +1,10 @@
 export { Flag } from './flags';
+export { default as Icon } from './icons';
 export { default as Illustration } from './illustrations';
 export { default as Illustration3D } from './illustrations3d';
 export { Assets } from './illustrations';
 export { Sizes } from './common';
+export type { IconProps } from './icons';
 export type { FlagProps } from './flags';
 export type { IllustrationNames, IllustrationProps } from './illustrations';
 export type { Illustration3DNames, Illustration3DProps } from './illustrations3d';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { A as Assets, F as Flag, a as Illustration, b as Illustration3D, S as Sizes, i as isIllustrationSupport3D } from './index-d9418379.esm.js';
+export { A as Assets, F as Flag, a as Icon, b as Illustration, c as Illustration3D, S as Sizes, i as isIllustrationSupport3D } from './index-1b37285b.esm.js';
 import 'clsx';
 import 'react';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-a4dd3e1a.js');
+var index = require('./index-4c1d5bff.js');
 require('clsx');
 require('react');
 require('react/jsx-runtime');
@@ -12,6 +12,7 @@ Object.defineProperty(exports, 'Assets', {
 	get: function () { return index.Assets; }
 });
 exports.Flag = index.Flag;
+exports.Icon = index.Icon;
 exports.Illustration = index.Illustration;
 exports.Illustration3D = index.Illustration3D;
 Object.defineProperty(exports, 'Sizes', {

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/art",
-  "version": "2.9.1",
+  "version": "2.10.0-beta.2",
   "license": "MIT",
   "description": "React library for art elements in UI",
   "homepage": "https://github.com/transferwise/web-art#readme",
@@ -31,14 +31,16 @@
     "convert-flags-svg-to-png": "node ./scripts/convert-flags-svg-to-png.mjs",
     "convert-i10s-png-to-webp": "rm -rf s3-bucket/illustrations/ && copyfiles --f node_modules/wise-atoms/illustrations/**/*.png s3-bucket/illustrations && node ./scripts/convert-png-to-webp.mjs",
     "generate-i10s-metadata": "node ./scripts/generate-i10s-metadata.mjs && eslint 'src/illustrations/metadata.ts' --fix",
-    "bundle": "rm -rf dist && rollup --config --sourcemap && cpx src/illustrations/Illustration.css dist/",
+    "bundle": "rm -rf dist && rollup --config --sourcemap && yarn build-styles",
     "cleanup": "rm -rf temp",
-    "build": "yarn load-i10s && yarn load-3d-i10s && yarn convert-i10s-png-to-webp && yarn generate-i10s-metadata && yarn load-flags && yarn bundle && yarn cleanup",
+    "build": "yarn load-i10s && yarn load-3d-i10s && yarn convert-i10s-png-to-webp && yarn generate-i10s-metadata && yarn load-flags && yarn bundle && yarn generate-iconsfont && yarn cleanup",
     "start": "storybook dev -p 3001",
     "dev": "yarn start",
-    "test": "jest && release-to-github-with-changelog-pre-release-checks",
+    "test": "jest",
     "lint-fix": "eslint 'src/**/*.{js,ts,tsx}' 'scripts/*.{mjs,js,ts,tsx}' --fix",
-    "build-docs": "storybook build -o docs && touch ./docs/.nojekyll"
+    "build-docs": "storybook build -o docs && touch ./docs/.nojekyll",
+    "build-styles": "postcss src/index.css -o dist/Illustration.css && copyfiles -u 3 src/icons/font/Wise-Icons.woff2 dist/",
+    "generate-iconsfont": "mkdir -p ./src/icons/font && fantasticon"
   },
   "dependencies": {
     "@babel/runtime": "^7.22.15",
@@ -49,6 +51,7 @@
     "@react-three/drei": "^9.96.4"
   },
   "devDependencies": {
+    "@twbs/fantasticon": "^2.7.2",
     "@babel/core": "^7.22.15",
     "@babel/plugin-transform-runtime": "^7.22.15",
     "@babel/preset-env": "^7.22.15",
@@ -73,6 +76,10 @@
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
     "babel-plugin-optimize-clsx": "^2.6.2",
+    "postcss": "^8.4.33",
+    "postcss-cli": "^11.0.0",
+    "postcss-import": "^16.0.0",
+    "@csstools/postcss-minify": "^1.1.0",
     "copyfiles": "^2.4.1",
     "cpx": "^1.5.0",
     "eslint": "^8.48.0",

package/src/icons/Icon.css

@@ -0,0 +1,13 @@
+.wds-icon {
+  display: block;
+  font-size: 16px;
+}
+
+.wds-icon-size-24 {
+  font-size: 24px;
+}
+
+/* fallback to fast flag icon */
+.wds-icon::before {
+  content: "\f14a";
+}

package/src/icons/Icon.stories.tsx

@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Person, StarFill } from '@transferwise/icons';
+
+import Icon from './Icon';
+
+const meta: Meta<typeof Icon> = {
+  title: 'Icon',
+};
+export default meta;
+
+type Story = StoryObj<typeof Icon>;
+
+export const Basic: Story = {
+  render: (args) => (
+    <>
+      <div style={{ color: 'green' }}>
+        24px: <Icon name="person" size="24" /> <Person size="24" />
+        24px: <Icon name="star" size="24" filled /> <StarFill size="24" />
+      </div>
+      <div style={{ color: 'orange' }}>
+        16px: <Icon name="person" /> <Person />
+        16px: <Icon name="star" filled /> <StarFill />
+      </div>
+    </>
+  ),
+};

package/src/icons/Icon.tsx

@@ -0,0 +1,37 @@
+import { clsx } from 'clsx';
+import type { AriaRole } from 'react';
+
+export type Props = {
+  name: string;
+  size?: 16 | 24 | '16' | '24';
+  className?: string;
+  'data-testid'?: string;
+  title?: string;
+  role?: AriaRole;
+  filled?: boolean;
+};
+
+const Icon = ({
+  name,
+  size = 16,
+  className = undefined,
+  filled = false,
+  'data-testid': testId,
+  title = undefined,
+  role = undefined,
+}: Props) => {
+  const nameSelector = filled ? `${name}-fill` : name;
+  const sizeSelector = [24, '24'].includes(size) ? 'wds-icon-size-24' : null;
+  return (
+    <span
+      className={clsx('wds-icon', `wds-icon-${nameSelector}`, sizeSelector, className)}
+      aria-hidden={title ? undefined : true}
+      role={role ?? (title ? undefined : 'none')}
+      data-testid={testId}
+    >
+      {title && <span className="sr-only">{title}</span>}
+    </span>
+  );
+};
+
+export default Icon;