@wix/design-system-illustrations 1.22.0 → 1.24.0

package/Readme.md

@@ -1,57 +1,31 @@
-# Wix Design System Illustrations
+# @wix/design-system-illustrations
 
-Welcome to the `@wix/design-system-illustrations` library! This package provides a collection of high-quality illustrations.
+A collection of Wix Design System illustrations as React components.
 
 ## Installation
 
-To install the `@wix/design-system-illustrations` package, run the following command in your project directory:
-
 ```bash
 yarn add @wix/design-system-illustrations
 ```
 
 ## Usage
 
-Importing and using illustrations in your React application is straightforward. 
-
-Here's an example of how to use an illustration:
-
 ```jsx
-import React from 'react';
-import { AddingElements } from '@wix/design-system-illustrations';
-
-const MyComponent = () => {
-  return (
-    <div>
-      <h1>Welcome to My Component</h1>
-      <AddingElements />
-    </div>
-  );
-};
-
-export default MyComponent;
+import { TransitionIn } from '@wix/design-system-illustrations';
+
+const MyComponent = () => (
+  <div>
+    <TransitionIn />
+  </div>
+);
 ```
 
-Here's an example of how to use an illustration for TPA's and Editor Elements team:
+All components accept standard SVG props, so you can override dimensions, add classes, etc.:
 
 ```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={editorType} />
-    </div>
-  );
-};
-
-export default MyComponent;
+<TransitionIn width={120} height={100} className="my-illustration" />
 ```
 
-Property `skin` has been exposed for every single illustration component to allow switching from edge to crisp illustrations theme. The default skin is `edge`.
-```jsx
-<AddingElements skin="studio" />
-<AddingElements skin="edge" />
-```
+## Contributing
+
+See [CONTRIBUTING.md](./CONTRIBUTING.md) for the build pipeline, project structure, and design decisions.

package/package.json

@@ -1,35 +1,21 @@
 {
   "name": "@wix/design-system-illustrations",
-  "version": "1.22.0",
-  "packageManager": "yarn@4.0.2",
-  "author": "mykolass@wix.com",
+  "version": "1.24.0",
   "license": "MIT",
   "description": "Wix Design System Illustrations",
-  "module": "./unified/index.js",
-  "types": "./unified/index.d.ts",
   "scripts": {
     "build": "node ./scripts/build.mjs",
-    "test": "echo ok"
-  },
-  "files": [
-    "unified",
-    "crisp",
-    "edge"
-  ],
-  "peerDependencies": {
-    "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
+    "test": "vitest run"
   },
   "devDependencies": {
-    "chalk": "^5.3.0",
     "esbuild": "^0.25.0",
-    "node-html-parser": "^6.1.13",
-    "prettier": "^3.5.2",
-    "svgo": "^3.3.2"
+    "svgo": "^3.3.2",
+    "typescript": "^5.8.3",
+    "vitest": "^4.0.7"
   },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
+  "peerDependencies": {
+    "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
   },
   "wix": {
     "artifact": {
@@ -37,5 +23,16 @@
       "groupId": "com.wixpress"
     }
   },
-  "falconPackageHash": "bfe099910fed6dbbeae99b3aa25f1395196c7c167db2a29aa6ded211"
+  "main": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "packageManager": "yarn@4.0.2",
+  "falconPackageHash": "cb2064c15fe978000bdcf79b1eb10b09b03d32f71c0bbd0b31607955"
 }

package/crisp/AboveThumbM1.d.ts

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

package/crisp/AboveThumbM1.js

@@ -1,29 +0,0 @@
-import React from "react";
-export const AboveThumbM1 = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 72 72",
-    fill: "none",
-    width: "72",
-    height: "72",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#DDE9FF",
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M55.5 30.5h-38a1 1 0 0 0-1 1v19a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1v-19a1 1 0 0 0-1-1Z"
-    }
-  ),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M16 18.5h20M16 24.5h10"
-    }
-  )
-);

package/crisp/AddAssetsM1.d.ts

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

package/crisp/AddAssetsM1.js

@@ -1,44 +0,0 @@
-import React from "react";
-export const AddAssetsM1 = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 120 120",
-    fill: "none",
-    width: "120",
-    height: "120",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("g", { stroke: "#000624", strokeLinejoin: "round", clipPath: "url(#clip0_1055_34)" }, /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      strokeLinecap: "square",
-      d: "M65.5 62.5h-28a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1v-34a1 1 0 0 0-1-1Z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#A7C9FF",
-      d: "M85.5 24.5h-28a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1v-28a1 1 0 0 0-1-1Z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#D2FFA0",
-      d: "M43 45.5H31a4.5 4.5 0 1 0 0 9h12a4.5 4.5 0 1 0 0-9Z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#fff",
-      d: "M79.55 37.48c-2.43-3.7-6.18-5.8-8.37-4.68-.89.45-1.38 1.37-1.5 2.54-2.25-2.31-4.93-3.42-6.65-2.54-2.19 1.11-2 5.02.42 8.72s6.18 5.8 8.37 4.68c.89-.45 1.38-1.37 1.5-2.54 2.25 2.31 4.93 3.42 6.65 2.54 2.19-1.11 2-5.02-.42-8.72Z"
-    }
-  ), /* @__PURE__ */ React.createElement("path", { fill: "#000624", d: "M74.5 62.5v23l7-7h9z" }), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      strokeLinecap: "square",
-      d: "M57.5 71.5h-12M57.5 80.5h-12M57.5 89.5h-12"
-    }
-  )),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_1055_34" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h120v120H0z" })))
-);

package/crisp/AddCommentM1.d.ts

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

package/crisp/AddCommentM1.js

@@ -1,26 +0,0 @@
-import React from "react";
-export const AddCommentM1 = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 120 120",
-    fill: "none",
-    width: "120",
-    height: "120",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("g", { stroke: "#000624", strokeLinejoin: "round", clipPath: "url(#clip0_379_61)" }, /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#A7C9FF",
-      d: "M103.5 25.51c1.1 0 2 .95 2 2.11v39.36l-9.68-8.23c-.2-.17-.45-.26-.7-.26H59.5V27.6c0-1.16.95-2.11 2.11-2.11h41.89z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#fff",
-      d: "M14.5 45.9v48.9l12.21-9.98c.25-.2.56-.31.89-.31h42.79c1.16 0 2.11-.95 2.11-2.11V45.91c0-.77-.62-1.4-1.4-1.4H15.9c-.77 0-1.4.62-1.4 1.4z"
-    }
-  ), /* @__PURE__ */ React.createElement("path", { d: "M50.09 73.24c-1.83 1.54-4.2 2.46-6.78 2.46-5.83 0-10.54-4.72-10.54-10.54s4.72-10.54 10.54-10.54 10.54 4.72 10.54 10.54v1.89c0 1.77-1.44 3.2-3.2 3.2a3.21 3.21 0 0 1-3.2-3.2v-6.56" }), /* @__PURE__ */ React.createElement("path", { d: "M43.31 69.29a4.131 4.131 0 0 0 0-8.26 4.131 4.131 0 0 0 0 8.26ZM70 38.5h25M79 44.5h16" })),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_379_61" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h120v120H0z" })))
-);

package/crisp/AddLanguageM1.d.ts

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

package/crisp/AddLanguageM1.js

@@ -1,71 +0,0 @@
-import React from "react";
-export const AddLanguageM1 = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 120 120",
-    fill: "none",
-    width: "120",
-    height: "120",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_1515_552)" }, /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      strokeLinecap: "square",
-      strokeLinejoin: "round",
-      d: "M81.5 33.5V23.263c0-.974-.789-1.763-1.762-1.763H15.262c-.973 0-1.762.79-1.762 1.763v48.474c0 .974.789 1.763 1.762 1.763H25.5"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#000624",
-      d: "M18 27c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1M22 27c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1M26 27c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      strokeLinecap: "square",
-      strokeLinejoin: "round",
-      d: "M91.738 33.5H27.262c-.973 0-1.762.79-1.762 1.763v48.474c0 .974.789 1.763 1.762 1.763h64.476c.973 0 1.762-.79 1.762-1.763V35.263c0-.974-.789-1.763-1.762-1.763Z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#000624",
-      d: "M30 39c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1M34 39c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1M38 39c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#A7C9FF",
-      stroke: "#000624",
-      d: "M47.5 44.5a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1h-22a1 1 0 0 1-1-1z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      d: "M50 74.5h19M53 50.5h14M60.5 47v3.5M64.5 50.5C62.5 58 56 62.4 54 64m2.5-10c1 2.5 4.1 6.4 6.5 8"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#D2FFA0",
-      stroke: "#000624",
-      strokeLinejoin: "bevel",
-      d: "M93.5 98.5c7.732 0 14-6.268 14-14s-6.268-14-14-14-14 6.268-14 14 6.268 14 14 14Z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      strokeLinecap: "square",
-      strokeLinejoin: "bevel",
-      d: "M93.5 91.5v-14M86.5 84.5h14"
-    }
-  )),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_1515_552" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h120v120H0z" })))
-);

package/crisp/AddReviewsM1.d.ts

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

package/crisp/AddReviewsM1.js

@@ -1,56 +0,0 @@
-import React from "react";
-export const AddReviewsM1 = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 120 120",
-    fill: "none",
-    width: "120",
-    height: "120",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_620_41529)" }, /* @__PURE__ */ React.createElement("path", { stroke: "#000624", d: "M54 61.5h11M54 67.5h11" }), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#A7C9FF",
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M103.5 25.51c1.1 0 2 .95 2 2.11v39.36l-9.68-8.23c-.2-.17-.45-.26-.7-.26H72.5V46.5a2 2 0 0 0-2-2h-11V27.6c0-1.16.95-2.11 2.11-2.11h41.89z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M70 38.5h25M79 44.5h16"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      d: "M70.5 44.5h-54a2 2 0 0 0-2 2V95l13-10.5h43a2 2 0 0 0 2-2v-36a2 2 0 0 0-2-2Z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#D2FFA0",
-      fillRule: "evenodd",
-      d: "M42.712 72.962A12.48 12.48 0 0 0 46.5 64c0-6.901-5.599-12.5-12.5-12.5S21.5 57.099 21.5 64a12.48 12.48 0 0 0 4 9.164 8.713 8.713 0 0 1 17.413-.402q-.1.102-.2.2M38.5 60a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0",
-      clipRule: "evenodd"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#000624",
-      d: "m42.712 72.962-.349-.358a.5.5 0 0 0 .698.716zm-17.424 0-.349.358zm.212.202-.34.366a.5.5 0 0 0 .84-.363zm17.413-.402.357.35a.5.5 0 0 0 .142-.375zM46 64c0 3.374-1.396 6.421-3.637 8.604l.698.716A12.98 12.98 0 0 0 47 64zM34 52c6.625 0 12 5.375 12 12h1c0-7.178-5.822-13-13-13zM22 64c0-6.625 5.375-12 12-12v-1c-7.178 0-13 5.822-13 13zm3.637 8.604A11.98 11.98 0 0 1 22 64h-1c0 3.656 1.514 6.958 3.939 9.32zm.203.194-.203-.194-.698.716q.11.106.22.21zm.16.369A8.213 8.213 0 0 1 34.212 65v-1A9.213 9.213 0 0 0 25 73.161zM34.212 65c4.392 0 7.98 3.45 8.201 7.788l1-.051C43.164 67.87 39.14 64 34.212 64zm8.344 7.412-.193.192.698.716q.105-.102.209-.207zM34 65a5 5 0 0 0 5-5h-1a4 4 0 0 1-4 4zm-5-5a5 5 0 0 0 5 5v-1a4 4 0 0 1-4-4zm5-5a5 5 0 0 0-5 5h1a4 4 0 0 1 4-4zm5 5a5 5 0 0 0-5-5v1a4 4 0 0 1 4 4z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M46.5 64c0 3.515-1.455 6.69-3.788 8.962A12.44 12.44 0 0 1 34 76.5a12.44 12.44 0 0 1-8.712-3.538A12.48 12.48 0 0 1 21.5 64c0-6.901 5.599-12.5 12.5-12.5S46.5 57.099 46.5 64Z"
-    }
-  )),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_620_41529" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h120v120H0z" })))
-);

package/crisp/AddingElements.d.ts

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

package/crisp/AddingElements.js

@@ -1,69 +0,0 @@
-import React from "react";
-export const AddingElements = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 120 120",
-    fill: "none",
-    width: "120",
-    height: "120",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h120v120H0z" }),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#fff",
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M40.1 22H21.91v5.84H40.1z"
-    }
-  ),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#fff",
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M98.77 27.75H21.91v49.09h76.86z"
-    }
-  ),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#fff",
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M98.65 31a2.91 2.91 0 1 0 0-5.82 2.91 2.91 0 0 0 0 5.82ZM21.91 30.75a2.91 2.91 0 1 0 0-5.82 2.91 2.91 0 0 0 0 5.82ZM21.91 79.78a2.91 2.91 0 1 0 0-5.82 2.91 2.91 0 0 0 0 5.82ZM98.78 79.59a2.91 2.91 0 1 0-.001-5.82 2.91 2.91 0 0 0 0 5.82Z"
-    }
-  ),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#000624",
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M79.96 71.65v26.72l7.26-8.99 11.56.25zM60.35 65.17c7.003 0 12.68-5.678 12.68-12.68 0-7.003-5.677-12.68-12.68-12.68s-12.68 5.677-12.68 12.68c0 7.002 5.677 12.68 12.68 12.68Z"
-    }
-  ),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#fff",
-      stroke: "#fff",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      d: "M67.7 51.96H53v1.06h14.7z"
-    }
-  ),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#fff",
-      stroke: "#fff",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      d: "M60.88 45.14h-1.06v14.7h1.06z"
-    }
-  )
-);

package/crisp/AlertsT1.d.ts

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

package/crisp/AlertsT1.js

@@ -1,32 +0,0 @@
-import React from "react";
-export const AlertsT1 = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 48 48",
-    fill: "none",
-    width: "48",
-    height: "48",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("g", { stroke: "#000624", clipPath: "url(#clip0_586_36202)" }, /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      strokeLinejoin: "round",
-      d: "M6.5 8.5a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-26a1 1 0 0 1-1-1z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "#A7C9FF",
-      d: "M43.5 30.5c0 6.075-4.925 11-11 11s-11-4.925-11-11 4.925-11 11-11 11 4.925 11 11Z"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      strokeLinejoin: "round",
-      d: "M32.5 24.5c-2.61 0-4.727 1.99-4.727 4.444v2.634a2 2 0 0 1-.437 1.247L26 34.5h13l-1.336-1.675a2 2 0 0 1-.437-1.247v-2.634c0-2.454-2.116-4.444-4.727-4.444Z"
-    }
-  ), /* @__PURE__ */ React.createElement("path", { d: "M32.5 37.5c1.38 0 2.5-1.075 2.5-2.4v-.6h-5v.6c0 1.325 1.12 2.4 2.5 2.4ZM11 12.5h19M11 17.5h14" })),
-  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_586_36202" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h48v48H0z" })))
-);

package/crisp/AlignCenterThumbM1.d.ts

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

package/crisp/AlignCenterThumbM1.js

@@ -1,21 +0,0 @@
-import React from "react";
-export const AlignCenterThumbM1 = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 72 72",
-    fill: "none",
-    width: "72",
-    height: "72",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M55.5 15.5h-40V43h40z" }),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M54.5 15.5h-38a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1v-26a1 1 0 0 0-1-1ZM30 55.5h11M25 49.5h21"
-    }
-  )
-);

package/crisp/AlignCenterThumbS2.d.ts

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

package/crisp/AlignCenterThumbS2.js

@@ -1,27 +0,0 @@
-import React from "react";
-export const AlignCenterThumbS2 = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 38 38",
-    fill: "none",
-    width: "38",
-    height: "38",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M18.5 30v-8M18.5 16.5V9"
-    }
-  ),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      d: "M24.5 21.5a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1z"
-    }
-  )
-);

package/crisp/AlignLeftThumbM1.d.ts

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

package/crisp/AlignLeftThumbM1.js

@@ -1,21 +0,0 @@
-import React from "react";
-export const AlignLeftThumbM1 = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 72 72",
-    fill: "none",
-    width: "72",
-    height: "72",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M56.5 16.5h-40V44h40z" }),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      strokeLinejoin: "round",
-      d: "M55.5 16.5h-38a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1v-26a1 1 0 0 0-1-1ZM16 56.5h11M16 50.5h21"
-    }
-  )
-);

package/crisp/AlignLeftThumbS2.d.ts

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

package/crisp/AlignLeftThumbS2.js

@@ -1,20 +0,0 @@
-import React from "react";
-export const AlignLeftThumbS2 = (props) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    viewBox: "0 0 38 38",
-    fill: "none",
-    width: "38",
-    height: "38",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement("path", { stroke: "#000624", strokeLinejoin: "round", d: "M11.5 8v21" }),
-  /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      stroke: "#000624",
-      d: "M14.5 16.5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-10a1 1 0 0 1-1-1z"
-    }
-  )
-);

package/crisp/AlignRightThumbS2.d.ts

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