@wix/design-system-illustrations 1.1.1 → 1.1.3

package/Readme.md

@@ -12,11 +12,13 @@ yarn add @wix/design-system-illustrations
 
 ## Usage
 
-Importing and using our illustrations in your React application is straightforward. Here's an example of how to use an illustration:
+Importing and using illustrations in your React application is straightforward. 
+
+Here's an example of how to use an illustration for Studio developers:
 
 ```jsx
 import React from 'react';
-import { AddingElements } from '@wix/design-system-illustrations';
+import { AddingElements } from '@wix/design-system-illustrations/studio';
 
 const MyComponent = () => {
   return (
@@ -30,10 +32,43 @@ const MyComponent = () => {
 export default MyComponent;
 ```
 
-## Usage between edge and studio illustrations
+Here's an example of how to use an illustration for Business Manager or Editor Classic developers:
 
-Property `skin` has been exposed for every single illustration component to allow switching from edge to studio illustrations theme. The default skin is `edge`.
+```jsx
+import React from 'react';
+import { AddingElements } from '@wix/design-system-illustrations/edge';
+
+const MyComponent = () => {
+  return (
+    <div>
+      <h1>Welcome to My Component</h1>
+      <AddingElements />
+    </div>
+  );
+};
+
+export default MyComponent;
+```
 
+Here's an example of how to use an illustration for TPA's and Editor Elements team:
+
+```jsx
+import React from 'react';
+import { AddingElements } from '@wix/design-system-illustrations';
+
+const MyComponent = (editorType = 'studio') => {
+  return (
+    <div>
+      <h1>Welcome to My Component</h1>
+      <AddingElements skin={editor} />
+    </div>
+  );
+};
+
+export default MyComponent;
+```
+
+Property `skin` has been exposed for every single illustration component to allow switching from edge to studio illustrations theme. The default skin is `edge`.
 ```jsx
 <AddingElements skin="studio" />
 <AddingElements skin="edge" />

package/dist/edge/AddingElements.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
+
 export type AddingElementsProps = React.SVGAttributes<SVGElement>;
-declare const AddingElements: React.FC<AddingElementsProps>;
+
+export declare const AddingElements: React.FC<AddingElementsProps>;

package/dist/edge/BlogPost.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
+
 export type BlogPostProps = React.SVGAttributes<SVGElement>;
-declare const BlogPost: React.FC<BlogPostProps>;
+
+export declare const BlogPost: React.FC<BlogPostProps>;

package/dist/edge/CMS.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
+
 export type CMSProps = React.SVGAttributes<SVGElement>;
-declare const CMS: React.FC<CMSProps>;
+
+export declare const CMS: React.FC<CMSProps>;

package/dist/edge/Discount.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
+
 export type DiscountProps = React.SVGAttributes<SVGElement>;
-declare const Discount: React.FC<DiscountProps>;
+
+export declare const Discount: React.FC<DiscountProps>;

package/dist/edge/NoResults.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
+
 export type NoResultsProps = React.SVGAttributes<SVGElement>;
-declare const NoResults: React.FC<NoResultsProps>;
+
+export declare const NoResults: React.FC<NoResultsProps>;

package/dist/edge/index.d.ts

@@ -1,5 +1,15 @@
-export { AddingElements } from './AddingElements'; 
-export { BlogPost } from './BlogPost'; 
-export { CMS } from './CMS'; 
-export { Discount } from './Discount'; 
-export { NoResults } from './NoResults'; 
+
+export { AddingElements } from './AddingElements';
+export type { AddingElementsProps } from './AddingElements';
+
+export { BlogPost } from './BlogPost';
+export type { BlogPostProps } from './BlogPost';
+
+export { CMS } from './CMS';
+export type { CMSProps } from './CMS';
+
+export { Discount } from './Discount';
+export type { DiscountProps } from './Discount';
+
+export { NoResults } from './NoResults';
+export type { NoResultsProps } from './NoResults';

package/dist/edge/index.js

@@ -1,5 +1,10 @@
-export { AddingElements } from './AddingElements'; 
-export { BlogPost } from './BlogPost'; 
-export { CMS } from './CMS'; 
-export { Discount } from './Discount'; 
-export { NoResults } from './NoResults'; 
+ 
+export { AddingElements } from './AddingElements';
+ 
+export { BlogPost } from './BlogPost';
+ 
+export { CMS } from './CMS';
+ 
+export { Discount } from './Discount';
+ 
+export { NoResults } from './NoResults';

package/dist/studio/AddingElements.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
+
 export type AddingElementsProps = React.SVGAttributes<SVGElement>;
-declare const AddingElements: React.FC<AddingElementsProps>;
+
+export declare const AddingElements: React.FC<AddingElementsProps>;

package/dist/studio/BlogPost.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
+
 export type BlogPostProps = React.SVGAttributes<SVGElement>;
-declare const BlogPost: React.FC<BlogPostProps>;
+
+export declare const BlogPost: React.FC<BlogPostProps>;

package/dist/studio/CMS.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
+
 export type CMSProps = React.SVGAttributes<SVGElement>;
-declare const CMS: React.FC<CMSProps>;
+
+export declare const CMS: React.FC<CMSProps>;

package/dist/studio/Discount.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
+
 export type DiscountProps = React.SVGAttributes<SVGElement>;
-declare const Discount: React.FC<DiscountProps>;
+
+export declare const Discount: React.FC<DiscountProps>;

package/dist/studio/NoResults.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
+
 export type NoResultsProps = React.SVGAttributes<SVGElement>;
-declare const NoResults: React.FC<NoResultsProps>;
+
+export declare const NoResults: React.FC<NoResultsProps>;

package/dist/studio/index.d.ts

@@ -1,5 +1,15 @@
-export { AddingElements } from './AddingElements'; 
-export { BlogPost } from './BlogPost'; 
-export { CMS } from './CMS'; 
-export { Discount } from './Discount'; 
-export { NoResults } from './NoResults'; 
+
+export { AddingElements } from './AddingElements';
+export type { AddingElementsProps } from './AddingElements';
+
+export { BlogPost } from './BlogPost';
+export type { BlogPostProps } from './BlogPost';
+
+export { CMS } from './CMS';
+export type { CMSProps } from './CMS';
+
+export { Discount } from './Discount';
+export type { DiscountProps } from './Discount';
+
+export { NoResults } from './NoResults';
+export type { NoResultsProps } from './NoResults';

package/dist/studio/index.js

@@ -1,5 +1,10 @@
-export { AddingElements } from './AddingElements'; 
-export { BlogPost } from './BlogPost'; 
-export { CMS } from './CMS'; 
-export { Discount } from './Discount'; 
-export { NoResults } from './NoResults'; 
+ 
+export { AddingElements } from './AddingElements';
+ 
+export { BlogPost } from './BlogPost';
+ 
+export { CMS } from './CMS';
+ 
+export { Discount } from './Discount';
+ 
+export { NoResults } from './NoResults';

package/dist/unified/AddingElements.d.ts

@@ -4,4 +4,4 @@ export type AddingElementsProps = {
   skin?: 'edge' | 'studio';
 } & React.SVGAttributes<SVGElement>;
 
-declare const AddingElements: React.FC<AddingElementsProps>;
+export declare const AddingElements: React.FC<AddingElementsProps>;

package/dist/unified/BlogPost.d.ts

@@ -4,4 +4,4 @@ export type BlogPostProps = {
   skin?: 'edge' | 'studio';
 } & React.SVGAttributes<SVGElement>;
 
-declare const BlogPost: React.FC<BlogPostProps>;
+export declare const BlogPost: React.FC<BlogPostProps>;

package/dist/unified/CMS.d.ts

@@ -4,4 +4,4 @@ export type CMSProps = {
   skin?: 'edge' | 'studio';
 } & React.SVGAttributes<SVGElement>;
 
-declare const CMS: React.FC<CMSProps>;
+export declare const CMS: React.FC<CMSProps>;

package/dist/unified/Discount.d.ts

@@ -4,4 +4,4 @@ export type DiscountProps = {
   skin?: 'edge' | 'studio';
 } & React.SVGAttributes<SVGElement>;
 
-declare const Discount: React.FC<DiscountProps>;
+export declare const Discount: React.FC<DiscountProps>;

package/dist/unified/NoResults.d.ts

@@ -4,4 +4,4 @@ export type NoResultsProps = {
   skin?: 'edge' | 'studio';
 } & React.SVGAttributes<SVGElement>;
 
-declare const NoResults: React.FC<NoResultsProps>;
+export declare const NoResults: React.FC<NoResultsProps>;

package/dist/unified/index.d.ts

@@ -1,5 +1,15 @@
-export { AddingElements } from './AddingElements'; 
-export { BlogPost } from './BlogPost'; 
-export { CMS } from './CMS'; 
-export { Discount } from './Discount'; 
-export { NoResults } from './NoResults'; 
+
+export { AddingElements } from './AddingElements';
+export type { AddingElementsProps } from './AddingElements';
+
+export { BlogPost } from './BlogPost';
+export type { BlogPostProps } from './BlogPost';
+
+export { CMS } from './CMS';
+export type { CMSProps } from './CMS';
+
+export { Discount } from './Discount';
+export type { DiscountProps } from './Discount';
+
+export { NoResults } from './NoResults';
+export type { NoResultsProps } from './NoResults';

package/dist/unified/index.js

@@ -1,5 +1,10 @@
-export { AddingElements } from './AddingElements'; 
-export { BlogPost } from './BlogPost'; 
-export { CMS } from './CMS'; 
-export { Discount } from './Discount'; 
-export { NoResults } from './NoResults'; 
+ 
+export { AddingElements } from './AddingElements';
+ 
+export { BlogPost } from './BlogPost';
+ 
+export { CMS } from './CMS';
+ 
+export { Discount } from './Discount';
+ 
+export { NoResults } from './NoResults';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wix/design-system-illustrations",
   "type": "module",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "packageManager": "yarn@4.0.2",
   "author": "mykolass@wix.com",
   "license": "MIT",
@@ -16,7 +16,8 @@
   "exports": {
     ".": "./dist/unified/index.js",
     "./studio": "./dist/studio/index.js",
-    "./edge": "./dist/edge/index.js"
+    "./edge": "./dist/edge/index.js",
+    "./package.json": "./package.json"
   },
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
@@ -39,5 +40,5 @@
       "groupId": "com.wixpress"
     }
   },
-  "falconPackageHash": "d8b03bdeb0456f859f46dea7f3d1bf1bbea7f99f3442b76d8aa8ea87"
+  "falconPackageHash": "c7254dc80d3f2b70cbe071285b52736ed4d55c43fd677f2a61f70482"
 }