@webstudio-is/icons 0.48.0 → 0.50.0

package/lib/align-self-baseline.js

@@ -2,52 +2,54 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 const AlignSelfBaselineIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 16 16",
-      width: "16",
-      height: "16",
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("mask", {
-          id: "a",
-          fill: "#fff",
-          children: /* @__PURE__ */ jsx("rect", {
-            width: "3",
-            height: "10",
-            x: "6.5",
-            y: "3",
-            rx: ".8"
-          })
-        }),
-        /* @__PURE__ */ jsx("rect", {
-          width: "3",
-          height: "10",
-          x: "6.5",
-          y: "3",
-          stroke: color,
-          strokeWidth: "2",
-          mask: "url(#a)",
-          rx: ".8"
-        }),
-        /* @__PURE__ */ jsx("rect", {
-          width: "3",
-          height: "5.73926",
-          x: "6.5",
-          y: "7.25977",
-          fill: color,
-          rx: ".8"
-        }),
-        /* @__PURE__ */ jsx("path", {
-          fill: color,
-          fillRule: "evenodd",
-          d: "M1.5 7.95c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7 0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7Z",
-          clipRule: "evenodd"
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 16 16",
+        width: "16",
+        height: "16",
+        ...props,
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx("mask", { id: "a", fill: "#fff", children: /* @__PURE__ */ jsx("rect", { width: "3", height: "10", x: "6.5", y: "3", rx: ".8" }) }),
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              width: "3",
+              height: "10",
+              x: "6.5",
+              y: "3",
+              stroke: color,
+              strokeWidth: "2",
+              mask: "url(#a)",
+              rx: ".8"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              width: "3",
+              height: "5.73926",
+              x: "6.5",
+              y: "7.25977",
+              fill: color,
+              rx: ".8"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: color,
+              fillRule: "evenodd",
+              d: "M1.5 7.95c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7 0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7Z",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
   }
 );
 AlignSelfBaselineIcon.displayName = "AlignSelfBaselineIcon";

package/lib/align-self-center.js

@@ -2,31 +2,30 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 const AlignSelfCenterIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 16 16",
-      width: "16",
-      height: "16",
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("rect", {
-          width: "3",
-          height: "10",
-          x: "6.5",
-          y: "3",
-          fill: color,
-          rx: ".8"
-        }),
-        /* @__PURE__ */ jsx("path", {
-          fill: color,
-          fillRule: "evenodd",
-          d: "M1.5 7.95c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7 0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7Z",
-          clipRule: "evenodd"
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 16 16",
+        width: "16",
+        height: "16",
+        ...props,
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx("rect", { width: "3", height: "10", x: "6.5", y: "3", fill: color, rx: ".8" }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: color,
+              fillRule: "evenodd",
+              d: "M1.5 7.95c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7 0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7Z",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
   }
 );
 AlignSelfCenterIcon.displayName = "AlignSelfCenterIcon";

package/lib/align-self-end.js

@@ -2,32 +2,41 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 const AlignSelfEndIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 16 16",
-      width: "16",
-      height: "16",
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("path", {
-          fill: color,
-          fillRule: "evenodd",
-          d: "M14.5 14.2004c0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7 0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7Z",
-          clipRule: "evenodd"
-        }),
-        /* @__PURE__ */ jsx("rect", {
-          width: "3",
-          height: "9",
-          x: "9.5",
-          y: "12.4004",
-          fill: color,
-          rx: ".8",
-          transform: "rotate(-180 9.5 12.4004)"
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 16 16",
+        width: "16",
+        height: "16",
+        ...props,
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: color,
+              fillRule: "evenodd",
+              d: "M14.5 14.2004c0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7 0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7Z",
+              clipRule: "evenodd"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              width: "3",
+              height: "9",
+              x: "9.5",
+              y: "12.4004",
+              fill: color,
+              rx: ".8",
+              transform: "rotate(-180 9.5 12.4004)"
+            }
+          )
+        ]
+      }
+    );
   }
 );
 AlignSelfEndIcon.displayName = "AlignSelfEndIcon";

package/lib/align-self-start.js

@@ -2,31 +2,30 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 const AlignSelfStartIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 16 16",
-      width: "16",
-      height: "16",
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("path", {
-          fill: color,
-          fillRule: "evenodd",
-          d: "M1.5 1.79961c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7 0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7Z",
-          clipRule: "evenodd"
-        }),
-        /* @__PURE__ */ jsx("rect", {
-          width: "3",
-          height: "9",
-          x: "6.5",
-          y: "3.59961",
-          fill: color,
-          rx: ".8"
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 16 16",
+        width: "16",
+        height: "16",
+        ...props,
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: color,
+              fillRule: "evenodd",
+              d: "M1.5 1.79961c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7 0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7Z",
+              clipRule: "evenodd"
+            }
+          ),
+          /* @__PURE__ */ jsx("rect", { width: "3", height: "9", x: "6.5", y: "3.59961", fill: color, rx: ".8" })
+        ]
+      }
+    );
   }
 );
 AlignSelfStartIcon.displayName = "AlignSelfStartIcon";

package/lib/align-self-stretch.js

@@ -2,38 +2,50 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 const AlignSelfStretchIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: "0 0 16 16",
-      width: "16",
-      height: "16",
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("path", {
-          fill: color,
-          fillRule: "evenodd",
-          d: "M14.5 14.2004c0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7 0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7Z",
-          clipRule: "evenodd"
-        }),
-        /* @__PURE__ */ jsx("rect", {
-          width: "3",
-          height: "9",
-          x: "9.5",
-          y: "12.5",
-          fill: color,
-          rx: ".8",
-          transform: "rotate(-180 9.5 12.5)"
-        }),
-        /* @__PURE__ */ jsx("path", {
-          fill: color,
-          fillRule: "evenodd",
-          d: "M14.5 1.8c0 .3866-.3439.7-.7682.7H2.26818C1.84393 2.5 1.5 2.1866 1.5 1.8c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7Z",
-          clipRule: "evenodd"
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 16 16",
+        width: "16",
+        height: "16",
+        ...props,
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: color,
+              fillRule: "evenodd",
+              d: "M14.5 14.2004c0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7 0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7Z",
+              clipRule: "evenodd"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              width: "3",
+              height: "9",
+              x: "9.5",
+              y: "12.5",
+              fill: color,
+              rx: ".8",
+              transform: "rotate(-180 9.5 12.5)"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: color,
+              fillRule: "evenodd",
+              d: "M14.5 1.8c0 .3866-.3439.7-.7682.7H2.26818C1.84393 2.5 1.5 2.1866 1.5 1.8c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7Z",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
   }
 );
 AlignSelfStretchIcon.displayName = "AlignSelfStretchIcon";

package/lib/aspect-ratio.js

@@ -2,27 +2,36 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 const AspectRatioIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs("svg", {
-      width: 16,
-      height: 16,
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("path", {
-          d: "M10.85 10.503a.625.625 0 100-1.25v1.25zM4.975 3.378a.625.625 0 10-1.25 0h1.25zm-.072 6.394l.275-.561-.275.561zm-.443-.426l.552-.292-.552.292zm6.39-.093H5.972v1.25h4.878v-1.25zM4.975 8.32V3.38h-1.25v4.94h1.25zm.997.934c-.294 0-.478 0-.617-.01a.524.524 0 01-.177-.032l-.55 1.123c.21.102.423.138.63.154.198.016.44.015.714.015v-1.25zM3.725 8.32c0 .262 0 .498.016.693.017.203.056.418.167.627l1.104-.585c0-.001-.004-.008-.009-.028a.803.803 0 01-.017-.12 7.858 7.858 0 01-.011-.587h-1.25zm1.453.892a.37.37 0 01-.166-.157l-1.104.585c.16.303.414.545.72.695l.55-1.123z",
-          fill: color
-        }),
-        /* @__PURE__ */ jsx("path", {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M4.349 6.067c.345 0 .625-.28.625-.625V3.466l1.428 1.429a.625.625 0 10.884-.884L4.791 1.515a.625.625 0 00-.884 0L1.412 4.011a.625.625 0 10.884.884l1.428-1.429v1.976c0 .345.28.625.625.625zM7.769 9.878c0 .345.28.625.625.625h1.975l-1.428 1.429a.625.625 0 10.884.883l2.495-2.495a.625.625 0 000-.883L9.825 6.94a.625.625 0 10-.884.884l1.428 1.428H8.394a.625.625 0 00-.625.625z",
-          fill: color
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        width: 16,
+        height: 16,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M10.85 10.503a.625.625 0 100-1.25v1.25zM4.975 3.378a.625.625 0 10-1.25 0h1.25zm-.072 6.394l.275-.561-.275.561zm-.443-.426l.552-.292-.552.292zm6.39-.093H5.972v1.25h4.878v-1.25zM4.975 8.32V3.38h-1.25v4.94h1.25zm.997.934c-.294 0-.478 0-.617-.01a.524.524 0 01-.177-.032l-.55 1.123c.21.102.423.138.63.154.198.016.44.015.714.015v-1.25zM3.725 8.32c0 .262 0 .498.016.693.017.203.056.418.167.627l1.104-.585c0-.001-.004-.008-.009-.028a.803.803 0 01-.017-.12 7.858 7.858 0 01-.011-.587h-1.25zm1.453.892a.37.37 0 01-.166-.157l-1.104.585c.16.303.414.545.72.695l.55-1.123z",
+              fill: color
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M4.349 6.067c.345 0 .625-.28.625-.625V3.466l1.428 1.429a.625.625 0 10.884-.884L4.791 1.515a.625.625 0 00-.884 0L1.412 4.011a.625.625 0 10.884.884l1.428-1.429v1.976c0 .345.28.625.625.625zM7.769 9.878c0 .345.28.625.625.625h1.975l-1.428 1.429a.625.625 0 10.884.883l2.495-2.495a.625.625 0 000-.883L9.825 6.94a.625.625 0 10-.884.884l1.428 1.428H8.394a.625.625 0 00-.625.625z",
+              fill: color
+            }
+          )
+        ]
+      }
+    );
   }
 );
 AspectRatioIcon.displayName = "AspectRatioIcon";

package/lib/body.js

@@ -2,20 +2,26 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 const BodyIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("svg", {
-      width: "15",
-      height: "15",
-      viewBox: "0 0 15 15",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx("path", {
-        d: "M1 3.96833H14M2.51667 14H12.4833C13.321 14 14 13.321 14 12.4833V2.51667C14 1.67903 13.321 1 12.4833 1H2.51667C1.67903 1 1 1.67903 1 2.51667V12.4833C1 13.321 1.67903 14 2.51667 14Z",
-        stroke: color,
-        strokeWidth: "1.15"
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: "15",
+        height: "15",
+        viewBox: "0 0 15 15",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        ref: forwardedRef,
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1 3.96833H14M2.51667 14H12.4833C13.321 14 14 13.321 14 12.4833V2.51667C14 1.67903 13.321 1 12.4833 1H2.51667C1.67903 1 1 1.67903 1 2.51667V12.4833C1 13.321 1.67903 14 2.51667 14Z",
+            stroke: color,
+            strokeWidth: "1.15"
+          }
+        )
+      }
+    );
   }
 );
 BodyIcon.displayName = "BodyIcon";

package/lib/brush.js

@@ -2,21 +2,27 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 const BrushIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("svg", {
-      width: "15",
-      height: "15",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx("path", {
-        fill: color,
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37-1.34-1.34a.9959.9959 0 0 0-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z"
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: "15",
+        height: "15",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        ref: forwardedRef,
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: color,
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37-1.34-1.34a.9959.9959 0 0 0-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z"
+          }
+        )
+      }
+    );
   }
 );
 BrushIcon.displayName = "BrushIcon";

package/lib/check-mark.js

@@ -2,22 +2,28 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 const CheckMarkIcon = forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx("path", {
-        d: "M4.75 8.25L6.75 10.25L11.25 5.75",
-        stroke: color,
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        ref: forwardedRef,
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.75 8.25L6.75 10.25L11.25 5.75",
+            stroke: color,
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
   }
 );
 CheckMarkIcon.displayName = "CheckMarkIcon";

package/lib/chevron-double-down.js

@@ -2,22 +2,28 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 const ChevronDoubleDownIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx("path", {
-        d: "M13 2L8 7L3 2M13 9L8 14L3 9",
-        stroke: color,
-        strokeWidth: "1.3",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        ref: forwardedRef,
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M13 2L8 7L3 2M13 9L8 14L3 9",
+            stroke: color,
+            strokeWidth: "1.3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
   }
 );
 ChevronDoubleDownIcon.displayName = "ChevronDoubleDownIcon";