@webstudio-is/icons 0.73.0 → 0.75.0

package/lib/__generated__/index.js

@@ -89,6 +89,7 @@ export * from "./link-2";
 export * from "./link";
 export * from "./list-item";
 export * from "./list";
+export * from "./loading-dots";
 export * from "./menu-ellipses";
 export * from "./minus";
 export * from "./no-wrap";

package/lib/__generated__/loading-dots.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const LoadingDotsIcon = forwardRef(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", id: "eEMFTOz1Zbw1", shapeRendering: "geometricPrecision", textRendering: "geometricPrecision", viewBox: "0 0 300 300", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: [
+      /* @__PURE__ */ jsx("style", { children: "@keyframes eEMFTOz1Zbw12_to__to{0%,26.666667%,56.666667%,6.333333%,77%,to{transform:translate(150px,180px)}16.666667%,67%{transform:translate(150px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw13_to__to{0%,20%,50%,70%,to{transform:translate(80px,180px)}10%,60%{transform:translate(80px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw14_to__to{0%,13.333333%,33.333333%,63.333333%,83.333333%,to{transform:translate(220px,180px)}23.333333%,73.333333%{transform:translate(220px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}#eEMFTOz1Zbw12_to{animation:eEMFTOz1Zbw12_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw13_to{animation:eEMFTOz1Zbw13_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw14_to{animation:eEMFTOz1Zbw14_to__to 2000ms linear infinite normal forwards}" }),
+      /* @__PURE__ */ jsx("circle", { id: "eEMFTOz1Zbw12_to", r: "20", strokeWidth: "0", transform: "translate(150,180) translate(0,0)" }),
+      /* @__PURE__ */ jsx("circle", { id: "eEMFTOz1Zbw13_to", r: "20", strokeWidth: "0", transform: "translate(80,180) translate(0,0)" }),
+      /* @__PURE__ */ jsx("circle", { id: "eEMFTOz1Zbw14_to", r: "20", strokeWidth: "0", transform: "translate(220,180) translate(0,0)" })
+    ] });
+  }
+);
+LoadingDotsIcon.displayName = "LoadingDotsIcon";
+export {
+  LoadingDotsIcon
+};

package/lib/__generated__/svg/index.js

@@ -89,6 +89,7 @@ import { Link2Icon } from "./link-2";
 import { LinkIcon } from "./link";
 import { ListItemIcon } from "./list-item";
 import { ListIcon } from "./list";
+import { LoadingDotsIcon } from "./loading-dots";
 import { MenuEllipsesIcon } from "./menu-ellipses";
 import { MinusIcon } from "./minus";
 import { NoWrapIcon } from "./no-wrap";
@@ -215,6 +216,7 @@ export {
   LinkIcon,
   ListIcon,
   ListItemIcon,
+  LoadingDotsIcon,
   MenuEllipsesIcon,
   MinusIcon,
   NoWrapIcon,

package/lib/__generated__/svg/loading-dots.js

@@ -0,0 +1,4 @@
+const LoadingDotsIcon = `<svg xmlns="http://www.w3.org/2000/svg" id="eEMFTOz1Zbw1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 300 300" fill="currentColor" width="100%" height="100%" style="display: block;"><style>@keyframes eEMFTOz1Zbw12_to__to{0%,26.666667%,56.666667%,6.333333%,77%,to{transform:translate(150px,180px)}16.666667%,67%{transform:translate(150px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw13_to__to{0%,20%,50%,70%,to{transform:translate(80px,180px)}10%,60%{transform:translate(80px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw14_to__to{0%,13.333333%,33.333333%,63.333333%,83.333333%,to{transform:translate(220px,180px)}23.333333%,73.333333%{transform:translate(220px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}#eEMFTOz1Zbw12_to{animation:eEMFTOz1Zbw12_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw13_to{animation:eEMFTOz1Zbw13_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw14_to{animation:eEMFTOz1Zbw14_to__to 2000ms linear infinite normal forwards}</style><circle id="eEMFTOz1Zbw12_to" r="20" stroke-width="0" transform="translate(150,180) translate(0,0)"/><circle id="eEMFTOz1Zbw13_to" r="20" stroke-width="0" transform="translate(80,180) translate(0,0)"/><circle id="eEMFTOz1Zbw14_to" r="20" stroke-width="0" transform="translate(220,180) translate(0,0)"/></svg>`;
+export {
+  LoadingDotsIcon
+};

package/lib/cjs/__generated__/index.js

@@ -106,6 +106,7 @@ __reExport(generated_exports, require("./link-2"), module.exports);
 __reExport(generated_exports, require("./link"), module.exports);
 __reExport(generated_exports, require("./list-item"), module.exports);
 __reExport(generated_exports, require("./list"), module.exports);
+__reExport(generated_exports, require("./loading-dots"), module.exports);
 __reExport(generated_exports, require("./menu-ellipses"), module.exports);
 __reExport(generated_exports, require("./minus"), module.exports);
 __reExport(generated_exports, require("./no-wrap"), module.exports);

package/lib/cjs/__generated__/loading-dots.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var loading_dots_exports = {};
+__export(loading_dots_exports, {
+  LoadingDotsIcon: () => LoadingDotsIcon
+});
+module.exports = __toCommonJS(loading_dots_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const LoadingDotsIcon = (0, import_react.forwardRef)(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", id: "eEMFTOz1Zbw1", shapeRendering: "geometricPrecision", textRendering: "geometricPrecision", viewBox: "0 0 300 300", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: "@keyframes eEMFTOz1Zbw12_to__to{0%,26.666667%,56.666667%,6.333333%,77%,to{transform:translate(150px,180px)}16.666667%,67%{transform:translate(150px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw13_to__to{0%,20%,50%,70%,to{transform:translate(80px,180px)}10%,60%{transform:translate(80px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw14_to__to{0%,13.333333%,33.333333%,63.333333%,83.333333%,to{transform:translate(220px,180px)}23.333333%,73.333333%{transform:translate(220px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}#eEMFTOz1Zbw12_to{animation:eEMFTOz1Zbw12_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw13_to{animation:eEMFTOz1Zbw13_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw14_to{animation:eEMFTOz1Zbw14_to__to 2000ms linear infinite normal forwards}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { id: "eEMFTOz1Zbw12_to", r: "20", strokeWidth: "0", transform: "translate(150,180) translate(0,0)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { id: "eEMFTOz1Zbw13_to", r: "20", strokeWidth: "0", transform: "translate(80,180) translate(0,0)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { id: "eEMFTOz1Zbw14_to", r: "20", strokeWidth: "0", transform: "translate(220,180) translate(0,0)" })
+    ] });
+  }
+);
+LoadingDotsIcon.displayName = "LoadingDotsIcon";

package/lib/cjs/__generated__/svg/index.js

@@ -109,6 +109,7 @@ __export(svg_exports, {
   LinkIcon: () => import_link.LinkIcon,
   ListIcon: () => import_list.ListIcon,
   ListItemIcon: () => import_list_item.ListItemIcon,
+  LoadingDotsIcon: () => import_loading_dots.LoadingDotsIcon,
   MenuEllipsesIcon: () => import_menu_ellipses.MenuEllipsesIcon,
   MinusIcon: () => import_minus.MinusIcon,
   NoWrapIcon: () => import_no_wrap.NoWrapIcon,
@@ -236,6 +237,7 @@ var import_link_2 = require("./link-2");
 var import_link = require("./link");
 var import_list_item = require("./list-item");
 var import_list = require("./list");
+var import_loading_dots = require("./loading-dots");
 var import_menu_ellipses = require("./menu-ellipses");
 var import_minus = require("./minus");
 var import_no_wrap = require("./no-wrap");

package/lib/cjs/__generated__/svg/loading-dots.js

@@ -0,0 +1,24 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var loading_dots_exports = {};
+__export(loading_dots_exports, {
+  LoadingDotsIcon: () => LoadingDotsIcon
+});
+module.exports = __toCommonJS(loading_dots_exports);
+const LoadingDotsIcon = `<svg xmlns="http://www.w3.org/2000/svg" id="eEMFTOz1Zbw1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 300 300" fill="currentColor" width="100%" height="100%" style="display: block;"><style>@keyframes eEMFTOz1Zbw12_to__to{0%,26.666667%,56.666667%,6.333333%,77%,to{transform:translate(150px,180px)}16.666667%,67%{transform:translate(150px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw13_to__to{0%,20%,50%,70%,to{transform:translate(80px,180px)}10%,60%{transform:translate(80px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw14_to__to{0%,13.333333%,33.333333%,63.333333%,83.333333%,to{transform:translate(220px,180px)}23.333333%,73.333333%{transform:translate(220px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}#eEMFTOz1Zbw12_to{animation:eEMFTOz1Zbw12_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw13_to{animation:eEMFTOz1Zbw13_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw14_to{animation:eEMFTOz1Zbw14_to__to 2000ms linear infinite normal forwards}</style><circle id="eEMFTOz1Zbw12_to" r="20" stroke-width="0" transform="translate(150,180) translate(0,0)"/><circle id="eEMFTOz1Zbw13_to" r="20" stroke-width="0" transform="translate(80,180) translate(0,0)"/><circle id="eEMFTOz1Zbw14_to" r="20" stroke-width="0" transform="translate(220,180) translate(0,0)"/></svg>`;

package/lib/types/{__generated__ → src/__generated__}/index.d.ts

@@ -89,6 +89,7 @@ export * from "./link-2";
 export * from "./link";
 export * from "./list-item";
 export * from "./list";
+export * from "./loading-dots";
 export * from "./menu-ellipses";
 export * from "./minus";
 export * from "./no-wrap";

package/lib/types/src/__generated__/loading-dots.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IconProps } from "../types";
+export declare const LoadingDotsIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/lib/types/{__generated__ → src/__generated__}/svg/index.d.ts

@@ -89,6 +89,7 @@ export { Link2Icon } from "./link-2";
 export { LinkIcon } from "./link";
 export { ListItemIcon } from "./list-item";
 export { ListIcon } from "./list";
+export { LoadingDotsIcon } from "./loading-dots";
 export { MenuEllipsesIcon } from "./menu-ellipses";
 export { MinusIcon } from "./minus";
 export { NoWrapIcon } from "./no-wrap";

package/lib/types/src/__generated__/svg/loading-dots.d.ts

@@ -0,0 +1 @@
+export declare const LoadingDotsIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"eEMFTOz1Zbw1\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" viewBox=\"0 0 300 300\" fill=\"currentColor\" width=\"100%\" height=\"100%\" style=\"display: block;\"><style>@keyframes eEMFTOz1Zbw12_to__to{0%,26.666667%,56.666667%,6.333333%,77%,to{transform:translate(150px,180px)}16.666667%,67%{transform:translate(150px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw13_to__to{0%,20%,50%,70%,to{transform:translate(80px,180px)}10%,60%{transform:translate(80px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw14_to__to{0%,13.333333%,33.333333%,63.333333%,83.333333%,to{transform:translate(220px,180px)}23.333333%,73.333333%{transform:translate(220px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}#eEMFTOz1Zbw12_to{animation:eEMFTOz1Zbw12_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw13_to{animation:eEMFTOz1Zbw13_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw14_to{animation:eEMFTOz1Zbw14_to__to 2000ms linear infinite normal forwards}</style><circle id=\"eEMFTOz1Zbw12_to\" r=\"20\" stroke-width=\"0\" transform=\"translate(150,180) translate(0,0)\"/><circle id=\"eEMFTOz1Zbw13_to\" r=\"20\" stroke-width=\"0\" transform=\"translate(80,180) translate(0,0)\"/><circle id=\"eEMFTOz1Zbw14_to\" r=\"20\" stroke-width=\"0\" transform=\"translate(220,180) translate(0,0)\"/></svg>";

package/lib/types/svg-string.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/svgo-jsx.config.d.ts

@@ -0,0 +1,2 @@
+import type { Config } from "@svgo/jsx";
+export declare const config: Config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.73.0",
+  "version": "0.75.0",
   "description": "Webstudio Icons",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -23,20 +23,20 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@webstudio-is/css-vars": "^0.73.0"
+    "@webstudio-is/css-vars": "^0.75.0"
   },
   "exports": {
     ".": {
       "source": "./src/index.ts",
+      "types": "./lib/types/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib/cjs/index.js",
-      "types": "./lib/types/index.d.ts"
+      "require": "./lib/cjs/index.js"
     },
     "./svg": {
       "source": "./src/__generated__/svg/index.ts",
+      "types": "./lib/types/__generated__/svg/index.d.ts",
       "import": "./lib/__generated__/svg/index.js",
-      "require": "./lib/cjs/__generated__/svg/index.js",
-      "types": "./lib/types/__generated__/svg/index.d.ts"
+      "require": "./lib/cjs/__generated__/svg/index.js"
     }
   },
   "files": [
@@ -51,7 +51,7 @@
     "dev": "build-package --watch",
     "build": "build-package",
     "dts": "tsc --declarationDir lib/types",
-    "generate": "rm -fr src/__generated__ && NODE_OPTIONS='--loader=tsx' svgo-jsx svgo-jsx.config.ts && tsx svg-string.ts",
+    "generate": "rm -fr src/__generated__ && NODE_OPTIONS='--loader=tsx' svgo-jsx svgo-jsx.config.ts && tsx svg-string.ts && prettier --write ./",
     "typecheck": "tsc --noEmit --emitDeclarationOnly false",
     "lint": "eslint ./src --ext .ts,.tsx --max-warnings 0",
     "checks": "pnpm typecheck && pnpm lint",

package/src/__generated__/index.ts

@@ -89,6 +89,7 @@ export * from "./link-2";
 export * from "./link";
 export * from "./list-item";
 export * from "./list";
+export * from "./loading-dots";
 export * from "./menu-ellipses";
 export * from "./minus";
 export * from "./no-wrap";

package/src/__generated__/loading-dots.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/loading-dots.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const LoadingDotsIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" id="eEMFTOz1Zbw1" shapeRendering="geometricPrecision" textRendering="geometricPrecision" viewBox="0 0 300 300" width={size} height={size} fill={color} {...props} ref={forwardedRef}><style>{"@keyframes eEMFTOz1Zbw12_to__to{0%,26.666667%,56.666667%,6.333333%,77%,to{transform:translate(150px,180px)}16.666667%,67%{transform:translate(150px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw13_to__to{0%,20%,50%,70%,to{transform:translate(80px,180px)}10%,60%{transform:translate(80px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw14_to__to{0%,13.333333%,33.333333%,63.333333%,83.333333%,to{transform:translate(220px,180px)}23.333333%,73.333333%{transform:translate(220px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}#eEMFTOz1Zbw12_to{animation:eEMFTOz1Zbw12_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw13_to{animation:eEMFTOz1Zbw13_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw14_to{animation:eEMFTOz1Zbw14_to__to 2000ms linear infinite normal forwards}"}</style><circle id="eEMFTOz1Zbw12_to" r="20" strokeWidth="0" transform="translate(150,180) translate(0,0)" /><circle id="eEMFTOz1Zbw13_to" r="20" strokeWidth="0" transform="translate(80,180) translate(0,0)" /><circle id="eEMFTOz1Zbw14_to" r="20" strokeWidth="0" transform="translate(220,180) translate(0,0)" /></svg>
+    );
+  }
+);
+
+LoadingDotsIcon.displayName = "LoadingDotsIcon";

package/src/__generated__/svg/index.ts

@@ -89,6 +89,7 @@ export { Link2Icon } from "./link-2";
 export { LinkIcon } from "./link";
 export { ListItemIcon } from "./list-item";
 export { ListIcon } from "./list";
+export { LoadingDotsIcon } from "./loading-dots";
 export { MenuEllipsesIcon } from "./menu-ellipses";
 export { MinusIcon } from "./minus";
 export { NoWrapIcon } from "./no-wrap";

package/src/__generated__/svg/loading-dots.ts

@@ -0,0 +1 @@
+export const LoadingDotsIcon = `<svg xmlns="http://www.w3.org/2000/svg" id="eEMFTOz1Zbw1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 300 300" fill="currentColor" width="100%" height="100%" style="display: block;"><style>@keyframes eEMFTOz1Zbw12_to__to{0%,26.666667%,56.666667%,6.333333%,77%,to{transform:translate(150px,180px)}16.666667%,67%{transform:translate(150px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw13_to__to{0%,20%,50%,70%,to{transform:translate(80px,180px)}10%,60%{transform:translate(80px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}@keyframes eEMFTOz1Zbw14_to__to{0%,13.333333%,33.333333%,63.333333%,83.333333%,to{transform:translate(220px,180px)}23.333333%,73.333333%{transform:translate(220px,120px);animation-timing-function:cubic-bezier(.42,0,.58,1)}}#eEMFTOz1Zbw12_to{animation:eEMFTOz1Zbw12_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw13_to{animation:eEMFTOz1Zbw13_to__to 2000ms linear infinite normal forwards}#eEMFTOz1Zbw14_to{animation:eEMFTOz1Zbw14_to__to 2000ms linear infinite normal forwards}</style><circle id="eEMFTOz1Zbw12_to" r="20" stroke-width="0" transform="translate(150,180) translate(0,0)"/><circle id="eEMFTOz1Zbw13_to" r="20" stroke-width="0" transform="translate(80,180) translate(0,0)"/><circle id="eEMFTOz1Zbw14_to" r="20" stroke-width="0" transform="translate(220,180) translate(0,0)"/></svg>`;