@wise/art 0.0.1

package/README.md

@@ -0,0 +1 @@
+### `@wise/art`

package/dist/Illustration.css

@@ -0,0 +1,4 @@
+/* Prevent image overflow viewport or container element */
+.wds-illustration img {
+  max-width: 100%;
+}

package/dist/common.d.ts

@@ -0,0 +1,7 @@
+export declare enum Sizes {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
+export declare type SizeType = 'large' | 'medium' | 'small';
+export declare type Descriptors = '1x' | '1.5x' | '2x' | '3x' | '4x';

package/dist/illustrations/Illustration.d.ts

@@ -0,0 +1,12 @@
+import React, { ImgHTMLAttributes } from 'react';
+import { IllustrationNames } from './metadata';
+declare type ImgProps = Pick<ImgHTMLAttributes<HTMLImageElement>, 'id' | 'className' | 'loading'>;
+export declare type Props = {
+    name: IllustrationNames;
+    alt: string;
+} & ImgProps;
+declare const Illustration: React.ForwardRefExoticComponent<{
+    name: IllustrationNames;
+    alt: string;
+} & ImgProps & React.RefAttributes<HTMLImageElement>>;
+export default Illustration;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Assets, IllustrationNames } from './metadata';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<{
+        name: IllustrationNames;
+        alt: string;
+    } & {
+        id?: string | undefined;
+        className?: string | undefined;
+        loading?: "eager" | "lazy" | undefined;
+    } & React.RefAttributes<HTMLImageElement>>;
+    title: string;
+};
+export default _default;
+export declare const Individual: ({ name }: {
+    name?: Assets | undefined;
+}) => JSX.Element;
+export declare const All: () => JSX.Element;