@wise/art 2.5.0-beta.8 → 2.6.0

package/README.md

@@ -20,7 +20,6 @@ This package relies on following peer dependencies:
 
 - `react`
 - `react-dom`
-- `classnames`
 
 ## Illustrations
 

package/dist/Illustration.css

@@ -6,22 +6,3 @@ img.wds-illustration {
 .wds-illustration-padding {
   padding: 24px;
 }
-
-.wds-illustration-3d {
-  display: inline-flex;
-}
-
-.wds-illustration-3d-small {
-  width: 200px;
-  height: 200px;
-}
-
-.wds-illustration-3d-medium {
-  width: 300px;
-  height: 300px;
-}
-
-.wds-illustration-3d-large {
-  width: 500px;
-  height: 500px;
-}

package/dist/common.d.ts

@@ -1,14 +1,10 @@
-export declare enum Sizes {
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}
-export declare const ImageSizes: {
-    small: number;
-    medium: number;
-    large: number;
-};
-export type LargeSize = 'large';
-export type MediumSize = 'medium';
-export type SmallSize = 'small';
-export type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';
+export declare enum Sizes {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
+export type LargeSize = 'large';
+export type MediumSize = 'medium';
+export type SmallSize = 'small';
+export type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';
+//# sourceMappingURL=common.d.ts.map

package/dist/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../src/common.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAChC,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAClC,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAEhC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/dist/flags/Flag.d.ts

@@ -1,12 +1,13 @@
-/// <reference types="react" />
-export interface FlagProps {
-    /**
-     * Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).
-     */
-    code: string;
-    /**
-     * Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.
-     */
-    intrinsicSize?: number;
-}
-export declare const Flag: ({ code, intrinsicSize }: FlagProps) => import("react").JSX.Element;
+/// <reference types="react" />
+export interface FlagProps {
+    /**
+     * Two-letter country code (ISO 3166-1 alpha-2) or three-letter currency code (ISO 4217).
+     */
+    code: string;
+    /**
+     * Width and height to reserve for the underlying image, in pixels. A detailed variant is shown from 150px and above.
+     */
+    intrinsicSize?: number;
+}
+export declare const Flag: ({ code, intrinsicSize }: FlagProps) => import("react").JSX.Element;
+//# sourceMappingURL=Flag.d.ts.map

package/dist/flags/Flag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flag.d.ts","sourceRoot":"","sources":["../../src/flags/Flag.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,eAAO,MAAM,IAAI,4BAAkC,SAAS,gCAuB3D,CAAC"}

package/dist/flags/index.d.ts

@@ -1,2 +1,3 @@
-export { Flag } from './Flag';
-export type { FlagProps } from './Flag';
+export { Flag } from './Flag';
+export type { FlagProps } from './Flag';
+//# sourceMappingURL=index.d.ts.map

package/dist/flags/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/flags/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/illustrations/Illustration.d.ts

@@ -1,20 +1,21 @@
-import React, { ImgHTMLAttributes } from 'react';
-import { LargeSize, MediumSize, SmallSize } from './../common';
-import { IllustrationNames } from './metadata';
-type ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;
-export type IllustrationSizes = LargeSize | MediumSize | SmallSize;
-export type Props = {
-    name: IllustrationNames;
-    alt: string;
-    size?: IllustrationSizes;
-    loading?: 'eager' | 'lazy';
-    disablePadding?: boolean;
-} & ImgProps;
-declare const Illustration: React.ForwardRefExoticComponent<{
-    name: IllustrationNames;
-    alt: string;
-    size?: IllustrationSizes | undefined;
-    loading?: "eager" | "lazy" | undefined;
-    disablePadding?: boolean | undefined;
-} & ImgProps & React.RefAttributes<HTMLImageElement>>;
-export default Illustration;
+/// <reference types="react" />
+import { type LargeSize, type MediumSize, type SmallSize } from './../common';
+import type { IllustrationNames } from './metadata';
+type ImgProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className'>;
+export type IllustrationSizes = LargeSize | MediumSize | SmallSize;
+export type Props = {
+    name: IllustrationNames;
+    alt: string;
+    size?: IllustrationSizes;
+    loading?: 'eager' | 'lazy';
+    disablePadding?: boolean;
+} & ImgProps;
+declare const Illustration: import("react").ForwardRefExoticComponent<{
+    name: IllustrationNames;
+    alt: string;
+    size?: IllustrationSizes | undefined;
+    loading?: "eager" | "lazy" | undefined;
+    disablePadding?: boolean | undefined;
+} & ImgProps & import("react").RefAttributes<HTMLImageElement>>;
+export default Illustration;
+//# sourceMappingURL=Illustration.d.ts.map

package/dist/illustrations/Illustration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Illustration.d.ts","sourceRoot":"","sources":["../../src/illustrations/Illustration.tsx"],"names":[],"mappings":";AAGA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,SAAS,EAGf,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAIpD,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEnE,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,iBAAiB,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,QAAQ,CAAC;AAQb,QAAA,MAAM,YAAY;UAbV,iBAAiB;SAClB,MAAM;;;;+DAoEZ,CAAC;AAMF,eAAe,YAAY,CAAC"}

package/dist/illustrations/index.d.ts

@@ -1,4 +1,5 @@
-export { default } from './Illustration';
-export type { Props as IllustrationProps } from './Illustration';
-export { Assets } from './metadata';
-export type { IllustrationNames } from './metadata';
+export { default } from './Illustration';
+export type { Props as IllustrationProps } from './Illustration';
+export { Assets } from './metadata';
+export type { IllustrationNames } from './metadata';
+//# sourceMappingURL=index.d.ts.map

package/dist/illustrations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/illustrations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/illustrations/metadata.d.ts

@@ -1,68 +1,69 @@
-export declare enum Assets {
-    BELL = "bell",
-    BRIEFCASE = "briefcase",
-    BUSINESS_CARD = "business-card",
-    CALENDAR = "calendar",
-    CHECK_MARK = "check-mark",
-    CLOSED_WINDOW = "closed-window",
-    COIN_PILE_DOWN = "coin-pile-down",
-    COIN_PILE_UP = "coin-pile-up",
-    CONFETTI = "confetti",
-    CONSTRUCTION_FENCE = "construction-fence",
-    CONVERT = "convert",
-    COOKIE = "cookie",
-    DIGITAL_CARD_2 = "digital-card-2",
-    DIGITAL_CARD = "digital-card",
-    DOCUMENTS = "documents",
-    DOOR = "door",
-    ECO_CARD = "eco-card",
-    ELECTRIC_PLUG = "electric-plug",
-    EMAIL_SUCCESS = "email-success",
-    EMAIL = "email",
-    EXCLAMATION_MARK = "exclamation-mark",
-    FLAG = "flag",
-    FLOWER = "flower",
-    GEAR = "gear",
-    GLOBE = "globe",
-    GRAPH = "graph",
-    HEART_2 = "heart-2",
-    HEART_3 = "heart-3",
-    HEART_4 = "heart-4",
-    HEART_5 = "heart-5",
-    HEART = "heart",
-    HOUSE = "house",
-    ID_CARD = "id-card",
-    INFINITE = "infinite",
-    INVITE_LETTER = "invite-letter",
-    JARS = "jars",
-    KEY = "key",
-    LIGHT_BULB = "light-bulb",
-    LOCK = "lock",
-    MAGNIFYING_GLASS = "magnifying-glass",
-    MAP = "map",
-    MARBLE_CARD_BUSINESS = "marble-card-business",
-    MARBLE_CARD = "marble-card",
-    MARBLE = "marble",
-    MEGAPHONE = "megaphone",
-    MULTI_CURRENCY = "multi-currency",
-    ONE_INVITE_LETTER_OPENED = "one-invite-letter-opened",
-    PALM_TREE = "palm-tree",
-    PERCENTAGE = "percentage",
-    PERSONAL_CARD = "personal-card",
-    PHONES = "phones",
-    PIE_CHART = "pie-chart",
-    PLANE_2 = "plane-2",
-    PLANE = "plane",
-    PUZZLE_PIECES = "puzzle-pieces",
-    QUESTION_MARK = "question-mark",
-    RECEIVE = "receive",
-    REMINDER_LETTER = "reminder-letter",
-    SAND_TIMER = "sand-timer",
-    SHOPPING_BAG = "shopping-bag",
-    SKIP_AUTHENTICATION = "skip-authentication",
-    SPEECH_BUBBLE = "speech-bubble",
-    TOOL = "tool",
-    TWO_INVITE_LETTERS_OPENED = "two-invite-letters-opened",
-    WALLET = "wallet"
-}
-export type IllustrationNames = 'bell' | 'briefcase' | 'business-card' | 'calendar' | 'check-mark' | 'closed-window' | 'coin-pile-down' | 'coin-pile-up' | 'confetti' | 'construction-fence' | 'convert' | 'cookie' | 'digital-card-2' | 'digital-card' | 'documents' | 'door' | 'eco-card' | 'electric-plug' | 'email-success' | 'email' | 'exclamation-mark' | 'flag' | 'flower' | 'gear' | 'globe' | 'graph' | 'heart-2' | 'heart-3' | 'heart-4' | 'heart-5' | 'heart' | 'house' | 'id-card' | 'infinite' | 'invite-letter' | 'jars' | 'key' | 'light-bulb' | 'lock' | 'magnifying-glass' | 'map' | 'marble-card-business' | 'marble-card' | 'marble' | 'megaphone' | 'multi-currency' | 'one-invite-letter-opened' | 'palm-tree' | 'percentage' | 'personal-card' | 'phones' | 'pie-chart' | 'plane-2' | 'plane' | 'puzzle-pieces' | 'question-mark' | 'receive' | 'reminder-letter' | 'sand-timer' | 'shopping-bag' | 'skip-authentication' | 'speech-bubble' | 'tool' | 'two-invite-letters-opened' | 'wallet';
+export declare enum Assets {
+    BELL = "bell",
+    BRIEFCASE = "briefcase",
+    BUSINESS_CARD = "business-card",
+    CALENDAR = "calendar",
+    CHECK_MARK = "check-mark",
+    CLOSED_WINDOW = "closed-window",
+    COIN_PILE_DOWN = "coin-pile-down",
+    COIN_PILE_UP = "coin-pile-up",
+    CONFETTI = "confetti",
+    CONSTRUCTION_FENCE = "construction-fence",
+    CONVERT = "convert",
+    COOKIE = "cookie",
+    DIGITAL_CARD_2 = "digital-card-2",
+    DIGITAL_CARD = "digital-card",
+    DOCUMENTS = "documents",
+    DOOR = "door",
+    ECO_CARD = "eco-card",
+    ELECTRIC_PLUG = "electric-plug",
+    EMAIL_SUCCESS = "email-success",
+    EMAIL = "email",
+    EXCLAMATION_MARK = "exclamation-mark",
+    FLAG = "flag",
+    FLOWER = "flower",
+    GEAR = "gear",
+    GLOBE = "globe",
+    GRAPH = "graph",
+    HEART_2 = "heart-2",
+    HEART_3 = "heart-3",
+    HEART_4 = "heart-4",
+    HEART_5 = "heart-5",
+    HEART = "heart",
+    HOUSE = "house",
+    ID_CARD = "id-card",
+    INFINITE = "infinite",
+    INVITE_LETTER = "invite-letter",
+    JARS = "jars",
+    KEY = "key",
+    LIGHT_BULB = "light-bulb",
+    LOCK = "lock",
+    MAGNIFYING_GLASS = "magnifying-glass",
+    MAP = "map",
+    MARBLE_CARD_BUSINESS = "marble-card-business",
+    MARBLE_CARD = "marble-card",
+    MARBLE = "marble",
+    MEGAPHONE = "megaphone",
+    MULTI_CURRENCY = "multi-currency",
+    ONE_INVITE_LETTER_OPENED = "one-invite-letter-opened",
+    PALM_TREE = "palm-tree",
+    PERCENTAGE = "percentage",
+    PERSONAL_CARD = "personal-card",
+    PHONES = "phones",
+    PIE_CHART = "pie-chart",
+    PLANE_2 = "plane-2",
+    PLANE = "plane",
+    PUZZLE_PIECES = "puzzle-pieces",
+    QUESTION_MARK = "question-mark",
+    RECEIVE = "receive",
+    REMINDER_LETTER = "reminder-letter",
+    SAND_TIMER = "sand-timer",
+    SHOPPING_BAG = "shopping-bag",
+    SKIP_AUTHENTICATION = "skip-authentication",
+    SPEECH_BUBBLE = "speech-bubble",
+    TOOL = "tool",
+    TWO_INVITE_LETTERS_OPENED = "two-invite-letters-opened",
+    WALLET = "wallet"
+}
+export type IllustrationNames = 'bell' | 'briefcase' | 'business-card' | 'calendar' | 'check-mark' | 'closed-window' | 'coin-pile-down' | 'coin-pile-up' | 'confetti' | 'construction-fence' | 'convert' | 'cookie' | 'digital-card-2' | 'digital-card' | 'documents' | 'door' | 'eco-card' | 'electric-plug' | 'email-success' | 'email' | 'exclamation-mark' | 'flag' | 'flower' | 'gear' | 'globe' | 'graph' | 'heart-2' | 'heart-3' | 'heart-4' | 'heart-5' | 'heart' | 'house' | 'id-card' | 'infinite' | 'invite-letter' | 'jars' | 'key' | 'light-bulb' | 'lock' | 'magnifying-glass' | 'map' | 'marble-card-business' | 'marble-card' | 'marble' | 'megaphone' | 'multi-currency' | 'one-invite-letter-opened' | 'palm-tree' | 'percentage' | 'personal-card' | 'phones' | 'pie-chart' | 'plane-2' | 'plane' | 'puzzle-pieces' | 'question-mark' | 'receive' | 'reminder-letter' | 'sand-timer' | 'shopping-bag' | 'skip-authentication' | 'speech-bubble' | 'tool' | 'two-invite-letters-opened' | 'wallet';
+//# sourceMappingURL=metadata.d.ts.map

package/dist/illustrations/metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../src/illustrations/metadata.ts"],"names":[],"mappings":"AAOA,oBAAY,MAAM;IAChB,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,QAAQ,aAAa;IACrB,kBAAkB,uBAAuB;IACzC,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,KAAK,UAAU;IACf,gBAAgB,qBAAqB;IACrC,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,aAAa,kBAAkB;IAC/B,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,gBAAgB,qBAAqB;IACrC,GAAG,QAAQ;IACX,oBAAoB,yBAAyB;IAC7C,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,cAAc,mBAAmB;IACjC,wBAAwB,6BAA6B;IACrD,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,OAAO,YAAY;IACnB,eAAe,oBAAoB;IACnC,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,mBAAmB,wBAAwB;IAC3C,aAAa,kBAAkB;IAC/B,IAAI,SAAS;IACb,yBAAyB,8BAA8B;IACvD,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,WAAW,GACX,eAAe,GACf,UAAU,GACV,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,UAAU,GACV,oBAAoB,GACpB,SAAS,GACT,QAAQ,GACR,gBAAgB,GAChB,cAAc,GACd,WAAW,GACX,MAAM,GACN,UAAU,GACV,eAAe,GACf,eAAe,GACf,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,OAAO,GACP,SAAS,GACT,UAAU,GACV,eAAe,GACf,MAAM,GACN,KAAK,GACL,YAAY,GACZ,MAAM,GACN,kBAAkB,GAClB,KAAK,GACL,sBAAsB,GACtB,aAAa,GACb,QAAQ,GACR,WAAW,GACX,gBAAgB,GAChB,0BAA0B,GAC1B,WAAW,GACX,YAAY,GACZ,eAAe,GACf,QAAQ,GACR,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,eAAe,GACf,SAAS,GACT,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,qBAAqB,GACrB,eAAe,GACf,MAAM,GACN,2BAA2B,GAC3B,QAAQ,CAAC"}

package/dist/index.d.ts

@@ -1,9 +1,7 @@
-export { Flag } from './flags';
-export { default as Illustration } from './illustrations';
-export { default as Illustration3d } from './illustrations3d';
-export { Assets } from './illustrations';
-export { Sizes } from './common';
-export type { FlagProps } from './flags';
-export type { IllustrationNames, IllustrationProps } from './illustrations';
-export type { Illustration3dNames, Illustration3dProps } from './illustrations3d';
-export { is3dIllustrationSupported } from './illustrations3d';
+export { Flag } from './flags';
+export { default as Illustration } from './illustrations';
+export { Assets } from './illustrations';
+export { Sizes } from './common';
+export type { FlagProps } from './flags';
+export type { IllustrationNames, IllustrationProps } from './illustrations';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +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,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"}

package/dist/index.js

@@ -1,2 +1,162 @@
-var e=require("./index-b62ef291.js");require("react"),require("classnames"),Object.defineProperty(exports,"Assets",{enumerable:!0,get:function(){return e.Assets}}),exports.Flag=e.Flag,exports.Illustration=e.Illustration,exports.Illustration3d=e.Illustration3d,Object.defineProperty(exports,"Sizes",{enumerable:!0,get:function(){return e.Sizes}}),exports.is3dIllustrationSupported=e.is3dIllustrationSupported;
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+
+const unknownFlagName = 'wise';
+const Flag = ({
+  code,
+  intrinsicSize = 64
+}) => {
+  const [fallback, setFallback] = react.useState(null);
+  react.useEffect(() => {
+    setFallback(null);
+  }, [code]);
+  const detailed = intrinsicSize >= 150;
+  const name = fallback !== 'unknown' ? `${code.toLowerCase()}${fallback == null && detailed ? '-detailed' : ''}` : unknownFlagName;
+  return /*#__PURE__*/jsxRuntime.jsx("img", {
+    src: `https://wise.com/web-art/assets/flags/${name}.svg`,
+    alt: "",
+    width: intrinsicSize,
+    height: intrinsicSize,
+    onError: () => {
+      setFallback(prev => prev == null && detailed ? 'simple' : 'unknown');
+    }
+  });
+};
+
+exports.Sizes = void 0;
+(function (Sizes) {
+  Sizes["SMALL"] = "small";
+  Sizes["MEDIUM"] = "medium";
+  Sizes["LARGE"] = "large";
+})(exports.Sizes || (exports.Sizes = {}));
+
+const imageSizes = {
+  [exports.Sizes.SMALL]: 200,
+  [exports.Sizes.MEDIUM]: 300,
+  [exports.Sizes.LARGE]: 500
+};
+const Illustration = /*#__PURE__*/react.forwardRef(({
+  id,
+  name,
+  alt,
+  loading = 'eager',
+  className,
+  size = exports.Sizes.MEDIUM,
+  disablePadding = false
+}, ref) => {
+  const {
+    SMALL,
+    MEDIUM
+  } = exports.Sizes;
+  return name ? /*#__PURE__*/jsxRuntime.jsxs("picture", {
+    children: [size === exports.Sizes.LARGE || size === exports.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("source", {
+        width: imageSizes[SMALL],
+        height: imageSizes[SMALL],
+        media: "(max-width: 575px)",
+        srcSet: `${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`
+      }), size !== exports.Sizes.MEDIUM ? /*#__PURE__*/jsxRuntime.jsx("source", {
+        width: imageSizes[MEDIUM],
+        height: imageSizes[MEDIUM],
+        media: "(max-width: 992px)",
+        srcSet: `${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`
+      }) : null]
+    }) : null, /*#__PURE__*/jsxRuntime.jsx("img", {
+      id: id,
+      ref: ref,
+      alt: alt ?? name.replace('-', ' '),
+      "data-testid": `wds-${name}-illustration`,
+      className: clsx.clsx(`wds-illustration wds-illustration-${name}`, className, !disablePadding && 'wds-illustration-padding'),
+      loading: loading,
+      src: defineSrc(name, size, '1x'),
+      srcSet: `${defineSrc(name, size, '2x')} 2x`,
+      width: imageSizes[size],
+      height: imageSizes[size]
+    })]
+  }) : null;
+});
+function defineSrc(illustration, size, descriptor) {
+  return `https://wise.com/web-art/assets/illustrations/${illustration}-${size}@${descriptor}.webp`;
+}
+
+/*
+ *
+ * DON'T MODIFY THIS FILE IT'S AUTO GENERATED
+ * See: `scripts/generate-i10s-metadata.mjs`
+ *
+ */
+exports.Assets = void 0;
+(function (Assets) {
+  Assets["BELL"] = "bell";
+  Assets["BRIEFCASE"] = "briefcase";
+  Assets["BUSINESS_CARD"] = "business-card";
+  Assets["CALENDAR"] = "calendar";
+  Assets["CHECK_MARK"] = "check-mark";
+  Assets["CLOSED_WINDOW"] = "closed-window";
+  Assets["COIN_PILE_DOWN"] = "coin-pile-down";
+  Assets["COIN_PILE_UP"] = "coin-pile-up";
+  Assets["CONFETTI"] = "confetti";
+  Assets["CONSTRUCTION_FENCE"] = "construction-fence";
+  Assets["CONVERT"] = "convert";
+  Assets["COOKIE"] = "cookie";
+  Assets["DIGITAL_CARD_2"] = "digital-card-2";
+  Assets["DIGITAL_CARD"] = "digital-card";
+  Assets["DOCUMENTS"] = "documents";
+  Assets["DOOR"] = "door";
+  Assets["ECO_CARD"] = "eco-card";
+  Assets["ELECTRIC_PLUG"] = "electric-plug";
+  Assets["EMAIL_SUCCESS"] = "email-success";
+  Assets["EMAIL"] = "email";
+  Assets["EXCLAMATION_MARK"] = "exclamation-mark";
+  Assets["FLAG"] = "flag";
+  Assets["FLOWER"] = "flower";
+  Assets["GEAR"] = "gear";
+  Assets["GLOBE"] = "globe";
+  Assets["GRAPH"] = "graph";
+  Assets["HEART_2"] = "heart-2";
+  Assets["HEART_3"] = "heart-3";
+  Assets["HEART_4"] = "heart-4";
+  Assets["HEART_5"] = "heart-5";
+  Assets["HEART"] = "heart";
+  Assets["HOUSE"] = "house";
+  Assets["ID_CARD"] = "id-card";
+  Assets["INFINITE"] = "infinite";
+  Assets["INVITE_LETTER"] = "invite-letter";
+  Assets["JARS"] = "jars";
+  Assets["KEY"] = "key";
+  Assets["LIGHT_BULB"] = "light-bulb";
+  Assets["LOCK"] = "lock";
+  Assets["MAGNIFYING_GLASS"] = "magnifying-glass";
+  Assets["MAP"] = "map";
+  Assets["MARBLE_CARD_BUSINESS"] = "marble-card-business";
+  Assets["MARBLE_CARD"] = "marble-card";
+  Assets["MARBLE"] = "marble";
+  Assets["MEGAPHONE"] = "megaphone";
+  Assets["MULTI_CURRENCY"] = "multi-currency";
+  Assets["ONE_INVITE_LETTER_OPENED"] = "one-invite-letter-opened";
+  Assets["PALM_TREE"] = "palm-tree";
+  Assets["PERCENTAGE"] = "percentage";
+  Assets["PERSONAL_CARD"] = "personal-card";
+  Assets["PHONES"] = "phones";
+  Assets["PIE_CHART"] = "pie-chart";
+  Assets["PLANE_2"] = "plane-2";
+  Assets["PLANE"] = "plane";
+  Assets["PUZZLE_PIECES"] = "puzzle-pieces";
+  Assets["QUESTION_MARK"] = "question-mark";
+  Assets["RECEIVE"] = "receive";
+  Assets["REMINDER_LETTER"] = "reminder-letter";
+  Assets["SAND_TIMER"] = "sand-timer";
+  Assets["SHOPPING_BAG"] = "shopping-bag";
+  Assets["SKIP_AUTHENTICATION"] = "skip-authentication";
+  Assets["SPEECH_BUBBLE"] = "speech-bubble";
+  Assets["TOOL"] = "tool";
+  Assets["TWO_INVITE_LETTERS_OPENED"] = "two-invite-letters-opened";
+  Assets["WALLET"] = "wallet";
+})(exports.Assets || (exports.Assets = {}));
+
+exports.Flag = Flag;
+exports.Illustration = Illustration;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../src/flags/Flag.tsx","../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts"],"sourcesContent":[null,null,null,null],"names":["unknownFlagName","Flag","code","intrinsicSize","useEffect","setFallback","name","fallback","toLowerCase","detailed","_jsx","src","height","onError","Sizes","imageSizes","SMALL","MEDIUM","Illustration","forwardRef","id","alt","loading","className","size","disablePadding","ref","_jsxs","children","LARGE","_Fragment","width","media","srcSet","defineSrc","descriptor","Assets"],"mappings":"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"}