@wise/art 0.0.1

package/dist/illustrations/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Illustration';
+export type { Props as IllustrationProps } from './Illustration';
+export { Assets } from './metadata';
+export type { IllustrationNames } from './metadata';

package/dist/illustrations/metadata.d.ts

@@ -0,0 +1,58 @@
+/**
+ *
+ * DON'T MODIFY THIS FILE IT'S AUTO GENERATED
+ * See: `scripts/generate-i10s-metadata.mjs`
+ *
+ */
+export declare enum Assets {
+    BELL = "bell",
+    BRIEFCASE = "briefcase",
+    CALENDAR = "calendar",
+    CHECK_MARK = "check-mark",
+    CLOSED_WINDOW = "closed-window",
+    COIN_PILE = "coin-pile",
+    CONFETTI = "confetti",
+    CONSTRUCTION_FENCE = "construction-fence",
+    CONVERT = "convert",
+    COOKIE = "cookie",
+    DOCUMENTS = "documents",
+    DOOR = "door",
+    ELECTRIC_PLUG = "electric-plug",
+    EMAIL = "email",
+    EXCLAMATION_MARK = "exclamation-mark",
+    FLAG = "flag",
+    FLOWER = "flower",
+    GEAR = "gear",
+    GLOBE = "globe",
+    GRAPH = "graph",
+    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",
+    MEGAPHONE = "megaphone",
+    MULTI_CURRENCY = "multi-currency",
+    ONE_INVITE_LETTER_OPENED = "one-invite-letter-opened",
+    PALM_TREE = "palm-tree",
+    PHONES = "phones",
+    PIE_CHART = "pie-chart",
+    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 declare type IllustrationNames = 'bell' | 'briefcase' | 'calendar' | 'check-mark' | 'closed-window' | 'coin-pile' | 'confetti' | 'construction-fence' | 'convert' | 'cookie' | 'documents' | 'door' | 'electric-plug' | 'email' | 'exclamation-mark' | 'flag' | 'flower' | 'gear' | 'globe' | 'graph' | 'heart' | 'house' | 'id-card' | 'infinite' | 'invite-letter' | 'jars' | 'key' | 'light-bulb' | 'lock' | 'magnifying-glass' | 'map' | 'megaphone' | 'multi-currency' | 'one-invite-letter-opened' | 'palm-tree' | 'phones' | 'pie-chart' | 'plane' | 'puzzle-pieces' | 'question-mark' | 'receive' | 'reminder-letter' | 'sand-timer' | 'shopping-bag' | 'skip-authentication' | 'speech-bubble' | 'tool' | 'two-invite-letters-opened' | 'wallet';

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Illustration } from './illustrations';
+export { Assets } from './illustrations';
+export { Sizes } from './common';
+export type { IllustrationNames, IllustrationProps } from './illustrations';

package/dist/index.js

@@ -0,0 +1,2 @@
+var e=require("classnames"),t=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E,a=/*#__PURE__*/r(e),i=/*#__PURE__*/r(t);exports.Sizes=void 0,(E=exports.Sizes||(exports.Sizes={})).SMALL="small",E.MEDIUM="medium",E.LARGE="large";var s,l=t.forwardRef(function(e,t){var r=e.name,E=e.alt,s=e.loading,l=void 0===s?"lazy":s,n=exports.Sizes.SMALL,c=exports.Sizes.MEDIUM,I=exports.Sizes.LARGE;return r?/*#__PURE__*/i.default.createElement("picture",{id:e.id,className:a.default("wds-illustration","wds-illustration-"+r,e.className)},/*#__PURE__*/i.default.createElement("source",{media:"(max-width: 575px)",srcSet:o(r,n,"1x")+", "+o(r,n,"2x")+" 2x"}),/*#__PURE__*/i.default.createElement("source",{media:"(max-width: 991px)",srcSet:o(r,c,"1x")+", "+o(r,c,"2x")+" 2x"}),/*#__PURE__*/i.default.createElement("img",{ref:t,src:o(r,I,"1x"),alt:E,loading:l,srcSet:o(r,I,"2x")+" 2x"})):null});function o(e,t,r){return"illustrations/assets/"+e+"-"+t+"@"+r+".webp"}exports.Assets=void 0,(s=exports.Assets||(exports.Assets={})).BELL="bell",s.BRIEFCASE="briefcase",s.CALENDAR="calendar",s.CHECK_MARK="check-mark",s.CLOSED_WINDOW="closed-window",s.COIN_PILE="coin-pile",s.CONFETTI="confetti",s.CONSTRUCTION_FENCE="construction-fence",s.CONVERT="convert",s.COOKIE="cookie",s.DOCUMENTS="documents",s.DOOR="door",s.ELECTRIC_PLUG="electric-plug",s.EMAIL="email",s.EXCLAMATION_MARK="exclamation-mark",s.FLAG="flag",s.FLOWER="flower",s.GEAR="gear",s.GLOBE="globe",s.GRAPH="graph",s.HEART="heart",s.HOUSE="house",s.ID_CARD="id-card",s.INFINITE="infinite",s.INVITE_LETTER="invite-letter",s.JARS="jars",s.KEY="key",s.LIGHT_BULB="light-bulb",s.LOCK="lock",s.MAGNIFYING_GLASS="magnifying-glass",s.MAP="map",s.MEGAPHONE="megaphone",s.MULTI_CURRENCY="multi-currency",s.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",s.PALM_TREE="palm-tree",s.PHONES="phones",s.PIE_CHART="pie-chart",s.PLANE="plane",s.PUZZLE_PIECES="puzzle-pieces",s.QUESTION_MARK="question-mark",s.RECEIVE="receive",s.REMINDER_LETTER="reminder-letter",s.SAND_TIMER="sand-timer",s.SHOPPING_BAG="shopping-bag",s.SKIP_AUTHENTICATION="skip-authentication",s.SPEECH_BUBBLE="speech-bubble",s.TOOL="tool",s.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",s.WALLET="wallet",exports.Illustration=l;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts"],"sourcesContent":["export enum Sizes {\n  SMALL = 'small',\n  MEDIUM = 'medium',\n  LARGE = 'large',\n}\n\nexport type SizeType = 'large' | 'medium' | 'small';\n\nexport type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';\n","import classNames from 'classnames';\nimport React, { forwardRef, ImgHTMLAttributes } from 'react';\n\nimport { SizeType, Descriptors, Sizes } from './../common';\nimport { IllustrationNames } from './metadata';\n\n// Picking only a few props from Image element to avoid breaking change\n// as in future underlying element might change\ntype ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className' | 'loading'>;\n\nexport type Props = {\n  name: IllustrationNames;\n  alt: string;\n} & ImgProps;\n\nconst Illustration = forwardRef<HTMLImageElement, Props>(\n  ({ id, name, alt, loading = 'lazy', className }: Props, ref) => {\n    const { SMALL, MEDIUM, LARGE } = Sizes;\n    return name ? (\n      <picture\n        id={id}\n        className={classNames('wds-illustration', `wds-illustration-${name}`, className)}\n      >\n        {/* Mobile screens */}\n        <source\n          media=\"(max-width: 575px)\"\n          srcSet={`${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`}\n        />\n\n        {/* Tablets */}\n        <source\n          media=\"(max-width: 991px)\"\n          srcSet={`${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`}\n        />\n\n        <img\n          ref={ref}\n          src={defineSrc(name, LARGE, '1x')}\n          alt={alt}\n          loading={loading}\n          srcSet={`${defineSrc(name, LARGE, '2x')} 2x`}\n        />\n      </picture>\n    ) : null;\n  },\n);\n\nfunction defineSrc(illustration: string, size: SizeType, descriptor: Descriptors) {\n  return `illustrations/assets/${illustration}-${size}@${descriptor}.webp`;\n}\n\nexport default Illustration;\n","/**\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-i10s-metadata.mjs`\n *\n */\n\nexport enum Assets {\n  BELL = 'bell',\n  BRIEFCASE = 'briefcase',\n  CALENDAR = 'calendar',\n  CHECK_MARK = 'check-mark',\n  CLOSED_WINDOW = 'closed-window',\n  COIN_PILE = 'coin-pile',\n  CONFETTI = 'confetti',\n  CONSTRUCTION_FENCE = 'construction-fence',\n  CONVERT = 'convert',\n  COOKIE = 'cookie',\n  DOCUMENTS = 'documents',\n  DOOR = 'door',\n  ELECTRIC_PLUG = 'electric-plug',\n  EMAIL = 'email',\n  EXCLAMATION_MARK = 'exclamation-mark',\n  FLAG = 'flag',\n  FLOWER = 'flower',\n  GEAR = 'gear',\n  GLOBE = 'globe',\n  GRAPH = 'graph',\n  HEART = 'heart',\n  HOUSE = 'house',\n  ID_CARD = 'id-card',\n  INFINITE = 'infinite',\n  INVITE_LETTER = 'invite-letter',\n  JARS = 'jars',\n  KEY = 'key',\n  LIGHT_BULB = 'light-bulb',\n  LOCK = 'lock',\n  MAGNIFYING_GLASS = 'magnifying-glass',\n  MAP = 'map',\n  MEGAPHONE = 'megaphone',\n  MULTI_CURRENCY = 'multi-currency',\n  ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n  PALM_TREE = 'palm-tree',\n  PHONES = 'phones',\n  PIE_CHART = 'pie-chart',\n  PLANE = 'plane',\n  PUZZLE_PIECES = 'puzzle-pieces',\n  QUESTION_MARK = 'question-mark',\n  RECEIVE = 'receive',\n  REMINDER_LETTER = 'reminder-letter',\n  SAND_TIMER = 'sand-timer',\n  SHOPPING_BAG = 'shopping-bag',\n  SKIP_AUTHENTICATION = 'skip-authentication',\n  SPEECH_BUBBLE = 'speech-bubble',\n  TOOL = 'tool',\n  TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n  WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n  | 'bell'\n  | 'briefcase'\n  | 'calendar'\n  | 'check-mark'\n  | 'closed-window'\n  | 'coin-pile'\n  | 'confetti'\n  | 'construction-fence'\n  | 'convert'\n  | 'cookie'\n  | 'documents'\n  | 'door'\n  | 'electric-plug'\n  | 'email'\n  | 'exclamation-mark'\n  | 'flag'\n  | 'flower'\n  | 'gear'\n  | 'globe'\n  | 'graph'\n  | 'heart'\n  | 'house'\n  | 'id-card'\n  | 'infinite'\n  | 'invite-letter'\n  | 'jars'\n  | 'key'\n  | 'light-bulb'\n  | 'lock'\n  | 'magnifying-glass'\n  | 'map'\n  | 'megaphone'\n  | 'multi-currency'\n  | 'one-invite-letter-opened'\n  | 'palm-tree'\n  | 'phones'\n  | 'pie-chart'\n  | 'plane'\n  | 'puzzle-pieces'\n  | 'question-mark'\n  | 'receive'\n  | 'reminder-letter'\n  | 'sand-timer'\n  | 'shopping-bag'\n  | 'skip-authentication'\n  | 'speech-bubble'\n  | 'tool'\n  | 'two-invite-letters-opened'\n  | 'wallet';\n"],"names":["Sizes","Illustration","Assets","forwardRef","ref","id","name","alt","loading","_ref$loading","SMALL","MEDIUM","LARGE","React","createElement","className","classNames","_ref","media","srcSet","defineSrc","src","illustration","size","descriptor"],"mappings":"2HAAYA,0CAIXA,QAAAA,WAAAA,GAJWA,EAAAA,gBAAAA,QAAAA,MAIX,CAAA,IAHC,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QCYIC,ICRMC,EDQMD,EAAGE,EAAAA,WACnB,SAAwDC,EAAAA,GAArDC,IAAIC,EAAAA,EAAAA,KAAMC,EAAAA,EAAAA,QAAKC,QAAAA,OAAU,IAAAC,EAAA,SAClBC,EAAyBV,QAAAA,MAAzBU,MAAOC,EAAkBX,QAAKA,MAAvBW,OAAQC,EAAUZ,QAAKA,MAAfY,MACvB,sBACEC,EAAAA,QAAAC,cAAA,UAAA,CACET,KAJHA,GAKGU,UAAWC,EAAU,QAAC,mBAAkB,oBAAsBV,EALvBW,EAATF,yBAQ9BF,EAAAA,QACEC,cAAA,SAAA,CAAAI,MAAM,qBACNC,OAAWC,EAAUd,EAAMI,EAAO,WAAUU,EAAUd,EAAMI,EAAO,2BAIrEG,EAAAA,gCACEK,MAAM,qBACNC,OAAWC,EAAUd,EAAMK,EAAQ,MAAK,KAAKS,EAAUd,EAAMK,EAAQ,MAAW,qBAGlFE,EAAAA,QACEC,cAAA,MAAA,CAAAV,IAAKA,EACLiB,IAAKD,EAAUd,EAAMM,EAAO,MAC5BL,IAAKA,EACLC,QAASA,EACTW,OAAWC,EAAUd,EAAMM,EAAO,MAAK,SAGzC,IACN,GAGF,WAAmBU,EAAsBC,EAAgBC,GACvD,MAAA,wBAA+BF,EAAgBC,IAAAA,MAAQC,EAAU,OACnE,CCQCtB,QAAAA,YAAAA,GAlDWA,EAAAA,QAAMA,SAANA,eAkDX,CAAA,IAjDC,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,cAAA,gBACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,mBAAA,qBACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,KAAA,OACAA,EAAA,cAAA,gBACAA,EAAA,MAAA,QACAA,EAAA,iBAAA,mBACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,cAAA,gBACAA,EAAA,KAAA,OACAA,EAAA,IAAA,MACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,iBAAA,mBACAA,EAAA,IAAA,MACAA,EAAA,UAAA,YACAA,EAAA,eAAA,iBACAA,EAAA,yBAAA,2BACAA,EAAA,UAAA,YACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,cAAA,gBACAA,EAAA,cAAA,gBACAA,EAAA,QAAA,UACAA,EAAA,gBAAA,kBACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,oBAAA,sBACAA,EAAA,cAAA,gBACAA,EAAA,KAAA,OACAA,EAAA,0BAAA,4BACAA,EAAA,OAAA"}

package/dist/index.modern.mjs

@@ -0,0 +1,2 @@
+import e from"classnames";import E,{forwardRef as t}from"react";var a;!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(a||(a={}));const i=t(({id:t,name:i,alt:n,loading:l="lazy",className:c},o)=>{const{SMALL:s,MEDIUM:I,LARGE:L}=a;return i?/*#__PURE__*/E.createElement("picture",{id:t,className:e("wds-illustration",`wds-illustration-${i}`,c)},/*#__PURE__*/E.createElement("source",{media:"(max-width: 575px)",srcSet:`${r(i,s,"1x")}, ${r(i,s,"2x")} 2x`}),/*#__PURE__*/E.createElement("source",{media:"(max-width: 991px)",srcSet:`${r(i,I,"1x")}, ${r(i,I,"2x")} 2x`}),/*#__PURE__*/E.createElement("img",{ref:o,src:r(i,L,"1x"),alt:n,loading:l,srcSet:`${r(i,L,"2x")} 2x`})):null});function r(e,E,t){return`illustrations/assets/${e}-${E}@${t}.webp`}var n;!function(e){e.BELL="bell",e.BRIEFCASE="briefcase",e.CALENDAR="calendar",e.CHECK_MARK="check-mark",e.CLOSED_WINDOW="closed-window",e.COIN_PILE="coin-pile",e.CONFETTI="confetti",e.CONSTRUCTION_FENCE="construction-fence",e.CONVERT="convert",e.COOKIE="cookie",e.DOCUMENTS="documents",e.DOOR="door",e.ELECTRIC_PLUG="electric-plug",e.EMAIL="email",e.EXCLAMATION_MARK="exclamation-mark",e.FLAG="flag",e.FLOWER="flower",e.GEAR="gear",e.GLOBE="globe",e.GRAPH="graph",e.HEART="heart",e.HOUSE="house",e.ID_CARD="id-card",e.INFINITE="infinite",e.INVITE_LETTER="invite-letter",e.JARS="jars",e.KEY="key",e.LIGHT_BULB="light-bulb",e.LOCK="lock",e.MAGNIFYING_GLASS="magnifying-glass",e.MAP="map",e.MEGAPHONE="megaphone",e.MULTI_CURRENCY="multi-currency",e.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",e.PALM_TREE="palm-tree",e.PHONES="phones",e.PIE_CHART="pie-chart",e.PLANE="plane",e.PUZZLE_PIECES="puzzle-pieces",e.QUESTION_MARK="question-mark",e.RECEIVE="receive",e.REMINDER_LETTER="reminder-letter",e.SAND_TIMER="sand-timer",e.SHOPPING_BAG="shopping-bag",e.SKIP_AUTHENTICATION="skip-authentication",e.SPEECH_BUBBLE="speech-bubble",e.TOOL="tool",e.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",e.WALLET="wallet"}(n||(n={}));export{n as Assets,i as Illustration,a as Sizes};
+//# sourceMappingURL=index.modern.mjs.map

package/dist/index.modern.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.modern.mjs","sources":["../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts"],"sourcesContent":["export enum Sizes {\n  SMALL = 'small',\n  MEDIUM = 'medium',\n  LARGE = 'large',\n}\n\nexport type SizeType = 'large' | 'medium' | 'small';\n\nexport type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';\n","import classNames from 'classnames';\nimport React, { forwardRef, ImgHTMLAttributes } from 'react';\n\nimport { SizeType, Descriptors, Sizes } from './../common';\nimport { IllustrationNames } from './metadata';\n\n// Picking only a few props from Image element to avoid breaking change\n// as in future underlying element might change\ntype ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className' | 'loading'>;\n\nexport type Props = {\n  name: IllustrationNames;\n  alt: string;\n} & ImgProps;\n\nconst Illustration = forwardRef<HTMLImageElement, Props>(\n  ({ id, name, alt, loading = 'lazy', className }: Props, ref) => {\n    const { SMALL, MEDIUM, LARGE } = Sizes;\n    return name ? (\n      <picture\n        id={id}\n        className={classNames('wds-illustration', `wds-illustration-${name}`, className)}\n      >\n        {/* Mobile screens */}\n        <source\n          media=\"(max-width: 575px)\"\n          srcSet={`${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`}\n        />\n\n        {/* Tablets */}\n        <source\n          media=\"(max-width: 991px)\"\n          srcSet={`${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`}\n        />\n\n        <img\n          ref={ref}\n          src={defineSrc(name, LARGE, '1x')}\n          alt={alt}\n          loading={loading}\n          srcSet={`${defineSrc(name, LARGE, '2x')} 2x`}\n        />\n      </picture>\n    ) : null;\n  },\n);\n\nfunction defineSrc(illustration: string, size: SizeType, descriptor: Descriptors) {\n  return `illustrations/assets/${illustration}-${size}@${descriptor}.webp`;\n}\n\nexport default Illustration;\n","/**\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-i10s-metadata.mjs`\n *\n */\n\nexport enum Assets {\n  BELL = 'bell',\n  BRIEFCASE = 'briefcase',\n  CALENDAR = 'calendar',\n  CHECK_MARK = 'check-mark',\n  CLOSED_WINDOW = 'closed-window',\n  COIN_PILE = 'coin-pile',\n  CONFETTI = 'confetti',\n  CONSTRUCTION_FENCE = 'construction-fence',\n  CONVERT = 'convert',\n  COOKIE = 'cookie',\n  DOCUMENTS = 'documents',\n  DOOR = 'door',\n  ELECTRIC_PLUG = 'electric-plug',\n  EMAIL = 'email',\n  EXCLAMATION_MARK = 'exclamation-mark',\n  FLAG = 'flag',\n  FLOWER = 'flower',\n  GEAR = 'gear',\n  GLOBE = 'globe',\n  GRAPH = 'graph',\n  HEART = 'heart',\n  HOUSE = 'house',\n  ID_CARD = 'id-card',\n  INFINITE = 'infinite',\n  INVITE_LETTER = 'invite-letter',\n  JARS = 'jars',\n  KEY = 'key',\n  LIGHT_BULB = 'light-bulb',\n  LOCK = 'lock',\n  MAGNIFYING_GLASS = 'magnifying-glass',\n  MAP = 'map',\n  MEGAPHONE = 'megaphone',\n  MULTI_CURRENCY = 'multi-currency',\n  ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n  PALM_TREE = 'palm-tree',\n  PHONES = 'phones',\n  PIE_CHART = 'pie-chart',\n  PLANE = 'plane',\n  PUZZLE_PIECES = 'puzzle-pieces',\n  QUESTION_MARK = 'question-mark',\n  RECEIVE = 'receive',\n  REMINDER_LETTER = 'reminder-letter',\n  SAND_TIMER = 'sand-timer',\n  SHOPPING_BAG = 'shopping-bag',\n  SKIP_AUTHENTICATION = 'skip-authentication',\n  SPEECH_BUBBLE = 'speech-bubble',\n  TOOL = 'tool',\n  TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n  WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n  | 'bell'\n  | 'briefcase'\n  | 'calendar'\n  | 'check-mark'\n  | 'closed-window'\n  | 'coin-pile'\n  | 'confetti'\n  | 'construction-fence'\n  | 'convert'\n  | 'cookie'\n  | 'documents'\n  | 'door'\n  | 'electric-plug'\n  | 'email'\n  | 'exclamation-mark'\n  | 'flag'\n  | 'flower'\n  | 'gear'\n  | 'globe'\n  | 'graph'\n  | 'heart'\n  | 'house'\n  | 'id-card'\n  | 'infinite'\n  | 'invite-letter'\n  | 'jars'\n  | 'key'\n  | 'light-bulb'\n  | 'lock'\n  | 'magnifying-glass'\n  | 'map'\n  | 'megaphone'\n  | 'multi-currency'\n  | 'one-invite-letter-opened'\n  | 'palm-tree'\n  | 'phones'\n  | 'pie-chart'\n  | 'plane'\n  | 'puzzle-pieces'\n  | 'question-mark'\n  | 'receive'\n  | 'reminder-letter'\n  | 'sand-timer'\n  | 'shopping-bag'\n  | 'skip-authentication'\n  | 'speech-bubble'\n  | 'tool'\n  | 'two-invite-letters-opened'\n  | 'wallet';\n"],"names":["Sizes","Illustration","forwardRef","id","name","alt","loading","className","ref","SMALL","MEDIUM","LARGE","React","createElement","classNames","media","srcSet","defineSrc","src","illustration","size","descriptor","Assets"],"mappings":"gEAAYA,IAIXA,GAJD,SAAYA,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,ICWKC,MAAYA,EAAGC,EACnB,EAAGC,KAAIC,OAAMC,MAAKC,QAAAA,EAAU,OAAQC,aAAoBC,KACtD,MAAMC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,GAAUX,EACjC,sBACEY,EAAAC,cAAA,UAAA,CACEV,GAAIA,EACJI,UAAWO,EAAW,mBAAoB,oBAAoBV,IAAQG,iBAGtEK,EAAAC,cAAA,SAAA,CACEE,MAAM,qBACNC,OAAQ,GAAGC,EAAUb,EAAMK,EAAO,UAAUQ,EAAUb,EAAMK,EAAO,0BAIrEG,EAAAC,cAAA,SAAA,CACEE,MAAM,qBACNC,OAAQ,GAAGC,EAAUb,EAAMM,EAAQ,UAAUO,EAAUb,EAAMM,EAAQ,0BAGvEE,uBACEJ,IAAKA,EACLU,IAAKD,EAAUb,EAAMO,EAAO,MAC5BN,IAAKA,EACLC,QAASA,EACTU,UAAWC,EAAUb,EAAMO,EAAO,cAGpC,OAIR,SAAkBM,EAACE,EAAsBC,EAAgBC,GACvD,8BAA+BF,KAAgBC,KAAQC,QACzD,CC1CYC,IAkDXA,GAlDD,SAAYA,GACVA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,cAAA,gBACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,mBAAA,qBACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,KAAA,OACAA,EAAA,cAAA,gBACAA,EAAA,MAAA,QACAA,EAAA,iBAAA,mBACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,cAAA,gBACAA,EAAA,KAAA,OACAA,EAAA,IAAA,MACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,iBAAA,mBACAA,EAAA,IAAA,MACAA,EAAA,UAAA,YACAA,EAAA,eAAA,iBACAA,EAAA,yBAAA,2BACAA,EAAA,UAAA,YACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,cAAA,gBACAA,EAAA,cAAA,gBACAA,EAAA,QAAA,UACAA,EAAA,gBAAA,kBACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,oBAAA,sBACAA,EAAA,cAAA,gBACAA,EAAA,KAAA,OACAA,EAAA,0BAAA,4BACAA,EAAA,OAAA,QACD,CAlDD,CAAYA,IAAAA,EAkDX,CAAA"}

package/dist/index.module.js

@@ -0,0 +1,2 @@
+import e from"classnames";import E,{forwardRef as t}from"react";var i;!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(i||(i={}));var a,r=t(function(t,a){var r=t.name,l=t.alt,o=t.loading,c=void 0===o?"lazy":o,s=i.SMALL,I=i.MEDIUM,L=i.LARGE;return r?/*#__PURE__*/E.createElement("picture",{id:t.id,className:e("wds-illustration","wds-illustration-"+r,t.className)},/*#__PURE__*/E.createElement("source",{media:"(max-width: 575px)",srcSet:n(r,s,"1x")+", "+n(r,s,"2x")+" 2x"}),/*#__PURE__*/E.createElement("source",{media:"(max-width: 991px)",srcSet:n(r,I,"1x")+", "+n(r,I,"2x")+" 2x"}),/*#__PURE__*/E.createElement("img",{ref:a,src:n(r,L,"1x"),alt:l,loading:c,srcSet:n(r,L,"2x")+" 2x"})):null});function n(e,E,t){return"illustrations/assets/"+e+"-"+E+"@"+t+".webp"}!function(e){e.BELL="bell",e.BRIEFCASE="briefcase",e.CALENDAR="calendar",e.CHECK_MARK="check-mark",e.CLOSED_WINDOW="closed-window",e.COIN_PILE="coin-pile",e.CONFETTI="confetti",e.CONSTRUCTION_FENCE="construction-fence",e.CONVERT="convert",e.COOKIE="cookie",e.DOCUMENTS="documents",e.DOOR="door",e.ELECTRIC_PLUG="electric-plug",e.EMAIL="email",e.EXCLAMATION_MARK="exclamation-mark",e.FLAG="flag",e.FLOWER="flower",e.GEAR="gear",e.GLOBE="globe",e.GRAPH="graph",e.HEART="heart",e.HOUSE="house",e.ID_CARD="id-card",e.INFINITE="infinite",e.INVITE_LETTER="invite-letter",e.JARS="jars",e.KEY="key",e.LIGHT_BULB="light-bulb",e.LOCK="lock",e.MAGNIFYING_GLASS="magnifying-glass",e.MAP="map",e.MEGAPHONE="megaphone",e.MULTI_CURRENCY="multi-currency",e.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",e.PALM_TREE="palm-tree",e.PHONES="phones",e.PIE_CHART="pie-chart",e.PLANE="plane",e.PUZZLE_PIECES="puzzle-pieces",e.QUESTION_MARK="question-mark",e.RECEIVE="receive",e.REMINDER_LETTER="reminder-letter",e.SAND_TIMER="sand-timer",e.SHOPPING_BAG="shopping-bag",e.SKIP_AUTHENTICATION="skip-authentication",e.SPEECH_BUBBLE="speech-bubble",e.TOOL="tool",e.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",e.WALLET="wallet"}(a||(a={}));export{a as Assets,r as Illustration,i as Sizes};
+//# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.js","sources":["../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts"],"sourcesContent":["export enum Sizes {\n  SMALL = 'small',\n  MEDIUM = 'medium',\n  LARGE = 'large',\n}\n\nexport type SizeType = 'large' | 'medium' | 'small';\n\nexport type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';\n","import classNames from 'classnames';\nimport React, { forwardRef, ImgHTMLAttributes } from 'react';\n\nimport { SizeType, Descriptors, Sizes } from './../common';\nimport { IllustrationNames } from './metadata';\n\n// Picking only a few props from Image element to avoid breaking change\n// as in future underlying element might change\ntype ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className' | 'loading'>;\n\nexport type Props = {\n  name: IllustrationNames;\n  alt: string;\n} & ImgProps;\n\nconst Illustration = forwardRef<HTMLImageElement, Props>(\n  ({ id, name, alt, loading = 'lazy', className }: Props, ref) => {\n    const { SMALL, MEDIUM, LARGE } = Sizes;\n    return name ? (\n      <picture\n        id={id}\n        className={classNames('wds-illustration', `wds-illustration-${name}`, className)}\n      >\n        {/* Mobile screens */}\n        <source\n          media=\"(max-width: 575px)\"\n          srcSet={`${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`}\n        />\n\n        {/* Tablets */}\n        <source\n          media=\"(max-width: 991px)\"\n          srcSet={`${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`}\n        />\n\n        <img\n          ref={ref}\n          src={defineSrc(name, LARGE, '1x')}\n          alt={alt}\n          loading={loading}\n          srcSet={`${defineSrc(name, LARGE, '2x')} 2x`}\n        />\n      </picture>\n    ) : null;\n  },\n);\n\nfunction defineSrc(illustration: string, size: SizeType, descriptor: Descriptors) {\n  return `illustrations/assets/${illustration}-${size}@${descriptor}.webp`;\n}\n\nexport default Illustration;\n","/**\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-i10s-metadata.mjs`\n *\n */\n\nexport enum Assets {\n  BELL = 'bell',\n  BRIEFCASE = 'briefcase',\n  CALENDAR = 'calendar',\n  CHECK_MARK = 'check-mark',\n  CLOSED_WINDOW = 'closed-window',\n  COIN_PILE = 'coin-pile',\n  CONFETTI = 'confetti',\n  CONSTRUCTION_FENCE = 'construction-fence',\n  CONVERT = 'convert',\n  COOKIE = 'cookie',\n  DOCUMENTS = 'documents',\n  DOOR = 'door',\n  ELECTRIC_PLUG = 'electric-plug',\n  EMAIL = 'email',\n  EXCLAMATION_MARK = 'exclamation-mark',\n  FLAG = 'flag',\n  FLOWER = 'flower',\n  GEAR = 'gear',\n  GLOBE = 'globe',\n  GRAPH = 'graph',\n  HEART = 'heart',\n  HOUSE = 'house',\n  ID_CARD = 'id-card',\n  INFINITE = 'infinite',\n  INVITE_LETTER = 'invite-letter',\n  JARS = 'jars',\n  KEY = 'key',\n  LIGHT_BULB = 'light-bulb',\n  LOCK = 'lock',\n  MAGNIFYING_GLASS = 'magnifying-glass',\n  MAP = 'map',\n  MEGAPHONE = 'megaphone',\n  MULTI_CURRENCY = 'multi-currency',\n  ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n  PALM_TREE = 'palm-tree',\n  PHONES = 'phones',\n  PIE_CHART = 'pie-chart',\n  PLANE = 'plane',\n  PUZZLE_PIECES = 'puzzle-pieces',\n  QUESTION_MARK = 'question-mark',\n  RECEIVE = 'receive',\n  REMINDER_LETTER = 'reminder-letter',\n  SAND_TIMER = 'sand-timer',\n  SHOPPING_BAG = 'shopping-bag',\n  SKIP_AUTHENTICATION = 'skip-authentication',\n  SPEECH_BUBBLE = 'speech-bubble',\n  TOOL = 'tool',\n  TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n  WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n  | 'bell'\n  | 'briefcase'\n  | 'calendar'\n  | 'check-mark'\n  | 'closed-window'\n  | 'coin-pile'\n  | 'confetti'\n  | 'construction-fence'\n  | 'convert'\n  | 'cookie'\n  | 'documents'\n  | 'door'\n  | 'electric-plug'\n  | 'email'\n  | 'exclamation-mark'\n  | 'flag'\n  | 'flower'\n  | 'gear'\n  | 'globe'\n  | 'graph'\n  | 'heart'\n  | 'house'\n  | 'id-card'\n  | 'infinite'\n  | 'invite-letter'\n  | 'jars'\n  | 'key'\n  | 'light-bulb'\n  | 'lock'\n  | 'magnifying-glass'\n  | 'map'\n  | 'megaphone'\n  | 'multi-currency'\n  | 'one-invite-letter-opened'\n  | 'palm-tree'\n  | 'phones'\n  | 'pie-chart'\n  | 'plane'\n  | 'puzzle-pieces'\n  | 'question-mark'\n  | 'receive'\n  | 'reminder-letter'\n  | 'sand-timer'\n  | 'shopping-bag'\n  | 'skip-authentication'\n  | 'speech-bubble'\n  | 'tool'\n  | 'two-invite-letters-opened'\n  | 'wallet';\n"],"names":["Sizes","Illustration","Assets","forwardRef","ref","id","name","alt","loading","_ref$loading","SMALL","MEDIUM","LARGE","React","createElement","className","classNames","_ref","media","srcSet","defineSrc","src","illustration","size","descriptor"],"mappings":"gEAAYA,IAIXA,GAJD,SAAYA,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,ICWKC,IC0CLC,ED1CiBD,EAAGE,EACnB,SAAwDC,EAAAA,GAArDC,IAAIC,EAAAA,EAAAA,KAAMC,EAAAA,EAAAA,QAAKC,QAAAA,OAAU,IAAAC,EAAA,SAClBC,EAAyBV,EAAzBU,MAAOC,EAAkBX,EAAlBW,OAAQC,EAAUZ,EAAVY,MACvB,sBACEC,EAAAC,cAAA,UAAA,CACET,KAJHA,GAKGU,UAAWC,EAAW,mBAAkB,oBAAsBV,EALvBW,EAATF,yBAQ9BF,EACEC,cAAA,SAAA,CAAAI,MAAM,qBACNC,OAAWC,EAAUd,EAAMI,EAAO,WAAUU,EAAUd,EAAMI,EAAO,2BAIrEG,0BACEK,MAAM,qBACNC,OAAWC,EAAUd,EAAMK,EAAQ,MAAK,KAAKS,EAAUd,EAAMK,EAAQ,MAAW,qBAGlFE,EACEC,cAAA,MAAA,CAAAV,IAAKA,EACLiB,IAAKD,EAAUd,EAAMM,EAAO,MAC5BL,IAAKA,EACLC,QAASA,EACTW,OAAWC,EAAUd,EAAMM,EAAO,MAAK,SAGzC,IACN,GAGF,WAAmBU,EAAsBC,EAAgBC,GACvD,MAAA,wBAA+BF,EAAgBC,IAAAA,MAAQC,EAAU,OACnE,EC1CA,SAAYtB,GACVA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,cAAA,gBACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,mBAAA,qBACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,KAAA,OACAA,EAAA,cAAA,gBACAA,EAAA,MAAA,QACAA,EAAA,iBAAA,mBACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,cAAA,gBACAA,EAAA,KAAA,OACAA,EAAA,IAAA,MACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,iBAAA,mBACAA,EAAA,IAAA,MACAA,EAAA,UAAA,YACAA,EAAA,eAAA,iBACAA,EAAA,yBAAA,2BACAA,EAAA,UAAA,YACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,cAAA,gBACAA,EAAA,cAAA,gBACAA,EAAA,QAAA,UACAA,EAAA,gBAAA,kBACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,oBAAA,sBACAA,EAAA,cAAA,gBACAA,EAAA,KAAA,OACAA,EAAA,0BAAA,4BACAA,EAAA,OAAA,QACD,CAlDD,CAAYA,IAAAA,EAkDX,CAAA"}

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("classnames"),require("react")):"function"==typeof define&&define.amd?define(["exports","classnames","react"],t):t((e||self).art={},e.classnames,e.react)}(this,function(e,t,i){function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E,l=/*#__PURE__*/a(t),n=/*#__PURE__*/a(i);e.Sizes=void 0,(E=e.Sizes||(e.Sizes={})).SMALL="small",E.MEDIUM="medium",E.LARGE="large";var s,r=i.forwardRef(function(t,i){var a=t.name,E=t.alt,s=t.loading,r=void 0===s?"lazy":s,c=e.Sizes.SMALL,d=e.Sizes.MEDIUM,u=e.Sizes.LARGE;return a?/*#__PURE__*/n.default.createElement("picture",{id:t.id,className:l.default("wds-illustration","wds-illustration-"+a,t.className)},/*#__PURE__*/n.default.createElement("source",{media:"(max-width: 575px)",srcSet:o(a,c,"1x")+", "+o(a,c,"2x")+" 2x"}),/*#__PURE__*/n.default.createElement("source",{media:"(max-width: 991px)",srcSet:o(a,d,"1x")+", "+o(a,d,"2x")+" 2x"}),/*#__PURE__*/n.default.createElement("img",{ref:i,src:o(a,u,"1x"),alt:E,loading:r,srcSet:o(a,u,"2x")+" 2x"})):null});function o(e,t,i){return"illustrations/assets/"+e+"-"+t+"@"+i+".webp"}e.Assets=void 0,(s=e.Assets||(e.Assets={})).BELL="bell",s.BRIEFCASE="briefcase",s.CALENDAR="calendar",s.CHECK_MARK="check-mark",s.CLOSED_WINDOW="closed-window",s.COIN_PILE="coin-pile",s.CONFETTI="confetti",s.CONSTRUCTION_FENCE="construction-fence",s.CONVERT="convert",s.COOKIE="cookie",s.DOCUMENTS="documents",s.DOOR="door",s.ELECTRIC_PLUG="electric-plug",s.EMAIL="email",s.EXCLAMATION_MARK="exclamation-mark",s.FLAG="flag",s.FLOWER="flower",s.GEAR="gear",s.GLOBE="globe",s.GRAPH="graph",s.HEART="heart",s.HOUSE="house",s.ID_CARD="id-card",s.INFINITE="infinite",s.INVITE_LETTER="invite-letter",s.JARS="jars",s.KEY="key",s.LIGHT_BULB="light-bulb",s.LOCK="lock",s.MAGNIFYING_GLASS="magnifying-glass",s.MAP="map",s.MEGAPHONE="megaphone",s.MULTI_CURRENCY="multi-currency",s.ONE_INVITE_LETTER_OPENED="one-invite-letter-opened",s.PALM_TREE="palm-tree",s.PHONES="phones",s.PIE_CHART="pie-chart",s.PLANE="plane",s.PUZZLE_PIECES="puzzle-pieces",s.QUESTION_MARK="question-mark",s.RECEIVE="receive",s.REMINDER_LETTER="reminder-letter",s.SAND_TIMER="sand-timer",s.SHOPPING_BAG="shopping-bag",s.SKIP_AUTHENTICATION="skip-authentication",s.SPEECH_BUBBLE="speech-bubble",s.TOOL="tool",s.TWO_INVITE_LETTERS_OPENED="two-invite-letters-opened",s.WALLET="wallet",e.Illustration=r});
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/common.ts","../src/illustrations/Illustration.tsx","../src/illustrations/metadata.ts"],"sourcesContent":["export enum Sizes {\n  SMALL = 'small',\n  MEDIUM = 'medium',\n  LARGE = 'large',\n}\n\nexport type SizeType = 'large' | 'medium' | 'small';\n\nexport type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';\n","import classNames from 'classnames';\nimport React, { forwardRef, ImgHTMLAttributes } from 'react';\n\nimport { SizeType, Descriptors, Sizes } from './../common';\nimport { IllustrationNames } from './metadata';\n\n// Picking only a few props from Image element to avoid breaking change\n// as in future underlying element might change\ntype ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className' | 'loading'>;\n\nexport type Props = {\n  name: IllustrationNames;\n  alt: string;\n} & ImgProps;\n\nconst Illustration = forwardRef<HTMLImageElement, Props>(\n  ({ id, name, alt, loading = 'lazy', className }: Props, ref) => {\n    const { SMALL, MEDIUM, LARGE } = Sizes;\n    return name ? (\n      <picture\n        id={id}\n        className={classNames('wds-illustration', `wds-illustration-${name}`, className)}\n      >\n        {/* Mobile screens */}\n        <source\n          media=\"(max-width: 575px)\"\n          srcSet={`${defineSrc(name, SMALL, '1x')}, ${defineSrc(name, SMALL, '2x')} 2x`}\n        />\n\n        {/* Tablets */}\n        <source\n          media=\"(max-width: 991px)\"\n          srcSet={`${defineSrc(name, MEDIUM, '1x')}, ${defineSrc(name, MEDIUM, '2x')} 2x`}\n        />\n\n        <img\n          ref={ref}\n          src={defineSrc(name, LARGE, '1x')}\n          alt={alt}\n          loading={loading}\n          srcSet={`${defineSrc(name, LARGE, '2x')} 2x`}\n        />\n      </picture>\n    ) : null;\n  },\n);\n\nfunction defineSrc(illustration: string, size: SizeType, descriptor: Descriptors) {\n  return `illustrations/assets/${illustration}-${size}@${descriptor}.webp`;\n}\n\nexport default Illustration;\n","/**\n *\n * DON'T MODIFY THIS FILE IT'S AUTO GENERATED\n * See: `scripts/generate-i10s-metadata.mjs`\n *\n */\n\nexport enum Assets {\n  BELL = 'bell',\n  BRIEFCASE = 'briefcase',\n  CALENDAR = 'calendar',\n  CHECK_MARK = 'check-mark',\n  CLOSED_WINDOW = 'closed-window',\n  COIN_PILE = 'coin-pile',\n  CONFETTI = 'confetti',\n  CONSTRUCTION_FENCE = 'construction-fence',\n  CONVERT = 'convert',\n  COOKIE = 'cookie',\n  DOCUMENTS = 'documents',\n  DOOR = 'door',\n  ELECTRIC_PLUG = 'electric-plug',\n  EMAIL = 'email',\n  EXCLAMATION_MARK = 'exclamation-mark',\n  FLAG = 'flag',\n  FLOWER = 'flower',\n  GEAR = 'gear',\n  GLOBE = 'globe',\n  GRAPH = 'graph',\n  HEART = 'heart',\n  HOUSE = 'house',\n  ID_CARD = 'id-card',\n  INFINITE = 'infinite',\n  INVITE_LETTER = 'invite-letter',\n  JARS = 'jars',\n  KEY = 'key',\n  LIGHT_BULB = 'light-bulb',\n  LOCK = 'lock',\n  MAGNIFYING_GLASS = 'magnifying-glass',\n  MAP = 'map',\n  MEGAPHONE = 'megaphone',\n  MULTI_CURRENCY = 'multi-currency',\n  ONE_INVITE_LETTER_OPENED = 'one-invite-letter-opened',\n  PALM_TREE = 'palm-tree',\n  PHONES = 'phones',\n  PIE_CHART = 'pie-chart',\n  PLANE = 'plane',\n  PUZZLE_PIECES = 'puzzle-pieces',\n  QUESTION_MARK = 'question-mark',\n  RECEIVE = 'receive',\n  REMINDER_LETTER = 'reminder-letter',\n  SAND_TIMER = 'sand-timer',\n  SHOPPING_BAG = 'shopping-bag',\n  SKIP_AUTHENTICATION = 'skip-authentication',\n  SPEECH_BUBBLE = 'speech-bubble',\n  TOOL = 'tool',\n  TWO_INVITE_LETTERS_OPENED = 'two-invite-letters-opened',\n  WALLET = 'wallet',\n}\n\nexport type IllustrationNames =\n  | 'bell'\n  | 'briefcase'\n  | 'calendar'\n  | 'check-mark'\n  | 'closed-window'\n  | 'coin-pile'\n  | 'confetti'\n  | 'construction-fence'\n  | 'convert'\n  | 'cookie'\n  | 'documents'\n  | 'door'\n  | 'electric-plug'\n  | 'email'\n  | 'exclamation-mark'\n  | 'flag'\n  | 'flower'\n  | 'gear'\n  | 'globe'\n  | 'graph'\n  | 'heart'\n  | 'house'\n  | 'id-card'\n  | 'infinite'\n  | 'invite-letter'\n  | 'jars'\n  | 'key'\n  | 'light-bulb'\n  | 'lock'\n  | 'magnifying-glass'\n  | 'map'\n  | 'megaphone'\n  | 'multi-currency'\n  | 'one-invite-letter-opened'\n  | 'palm-tree'\n  | 'phones'\n  | 'pie-chart'\n  | 'plane'\n  | 'puzzle-pieces'\n  | 'question-mark'\n  | 'receive'\n  | 'reminder-letter'\n  | 'sand-timer'\n  | 'shopping-bag'\n  | 'skip-authentication'\n  | 'speech-bubble'\n  | 'tool'\n  | 'two-invite-letters-opened'\n  | 'wallet';\n"],"names":["Sizes","Assets","Illustration","forwardRef","ref","id","name","alt","loading","_ref$loading","SMALL","MEDIUM","LARGE","React","createElement","className","classNames","_ref","media","srcSet","defineSrc","src","illustration","size","descriptor"],"mappings":"8XAAYA,0CAIXA,EAAAA,WAAAA,GAJWA,EAAAA,UAAAA,EAAAA,MAIX,CAAA,IAHC,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QCYgB,ICRNC,EDQMC,EAAGC,EAAAA,WACnB,SAAwDC,EAAAA,GAArDC,IAAIC,EAAAA,EAAAA,KAAMC,EAAAA,EAAAA,QAAKC,QAAAA,OAAU,IAAAC,EAAA,SAClBC,EAAyBV,EAAAA,MAAzBU,MAAOC,EAAkBX,EAAKA,MAAvBW,OAAQC,EAAUZ,EAAKA,MAAfY,MACvB,sBACEC,EAAAA,QAAAC,cAAA,UAAA,CACET,KAJHA,GAKGU,UAAWC,EAAU,QAAC,mBAAkB,oBAAsBV,EALvBW,EAATF,yBAQ9BF,EAAAA,QACEC,cAAA,SAAA,CAAAI,MAAM,qBACNC,OAAWC,EAAUd,EAAMI,EAAO,WAAUU,EAAUd,EAAMI,EAAO,2BAIrEG,EAAAA,gCACEK,MAAM,qBACNC,OAAWC,EAAUd,EAAMK,EAAQ,MAAK,KAAKS,EAAUd,EAAMK,EAAQ,MAAW,qBAGlFE,EAAAA,QACEC,cAAA,MAAA,CAAAV,IAAKA,EACLiB,IAAKD,EAAUd,EAAMM,EAAO,MAC5BL,IAAKA,EACLC,QAASA,EACTW,OAAWC,EAAUd,EAAMM,EAAO,MAAK,SAGzC,IACN,GAGF,WAAmBU,EAAsBC,EAAgBC,GACvD,MAAA,wBAA+BF,EAAgBC,IAAAA,MAAQC,EAAU,OACnE,CCQCvB,EAAAA,YAAAA,GAlDWA,EAAAA,EAAMA,SAANA,SAkDX,CAAA,IAjDC,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,cAAA,gBACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,mBAAA,qBACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,KAAA,OACAA,EAAA,cAAA,gBACAA,EAAA,MAAA,QACAA,EAAA,iBAAA,mBACAA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,cAAA,gBACAA,EAAA,KAAA,OACAA,EAAA,IAAA,MACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,iBAAA,mBACAA,EAAA,IAAA,MACAA,EAAA,UAAA,YACAA,EAAA,eAAA,iBACAA,EAAA,yBAAA,2BACAA,EAAA,UAAA,YACAA,EAAA,OAAA,SACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,cAAA,gBACAA,EAAA,cAAA,gBACAA,EAAA,QAAA,UACAA,EAAA,gBAAA,kBACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,oBAAA,sBACAA,EAAA,cAAA,gBACAA,EAAA,KAAA,OACAA,EAAA,0BAAA,4BACAA,EAAA,OAAA"}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@wise/art",
+  "version": "0.0.1",
+  "license": "MIT",
+  "description": "React library for art elements in UI",
+  "homepage": "https://github.com/transferwise/web-art#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/transferwise/web-art.git"
+  },
+  "source": "src/index.ts",
+  "main": "dist/index.js",
+  "module": "./dist/index.module.js",
+  "unpkg": "./dist/index.umd.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "setup": "yarn && yarn build",
+    "load-i10s": "cpx 'node_modules/wise-atoms/illustrations/**/*.png' temp",
+    "convert-i10s-png-to-webp": "rm -rf src/illustrations/assets && 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 && microbundle --jsxFragment React.Fragment --jsx React.createElement && cpx src/illustrations/Illustration.css dist/",
+    "copy-i10s": "cpx 'src/illustrations/assets/*' dist/illustrations/assets",
+    "cleanup": "rm -rf temp",
+    "build": "yarn load-i10s && yarn convert-i10s-png-to-webp && yarn generate-i10s-metadata && yarn bundle && yarn copy-i10s && yarn cleanup",
+    "start": "start-storybook -p 3001",
+    "dev": "yarn start",
+    "lint-fix": "eslint 'src/**/*.{js,ts,tsx}' 'scripts/*.{mjs,js,ts,tsx}' --fix"
+  },
+  "devDependencies": {
+    "wise-atoms": "git+ssh://git@github.com:transferwise/wise-atoms.git#e16d86e7d741bd56e4a17ab9ec39d6de479eb0f9",
+    "imagemin": "^8.0.1",
+    "imagemin-webp": "^7.0.0",
+    "@types/imagemin": "^8.0.0",
+    "@types/imagemin-webp": "^7.0.0",
+    "@types/jest": "^28.1.6",
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@babel/preset-env": "^7.18.9",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@transferwise/eslint-config": "^8.0.0",
+    "classnames": "^2.3.1",
+    "eslint": "^8.21.0",
+    "jest": "^28.1.3",
+    "jest-environment-jsdom": "^28.1.3",
+    "prettier": "^2.7.1",
+    "release-to-github-with-changelog": "^1.2.4",
+    "ts-node": "10.9.1",
+    "typescript": "^4.7.4",
+    "@tsconfig/node16": "^1.0.3",
+    "cpx": "^1.5.0",
+    "glob": "^8.0.3",
+    "@types/glob": "^8.0.0",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/react": "^6.5.13",
+    "microbundle": "^0.15.1"
+  },
+  "peerDependencies": {
+    "react": "^18",
+    "react-dom": "^18",
+    "classnames": "^2.3"
+  },
+  "prettier": "@transferwise/eslint-config/.prettierrc.js"
+}