@webstudio-is/icons 0.50.0 → 0.51.0

package/lib/__generated__/dash-border.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const DashBorderIcon = forwardRef(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z", clipRule: "evenodd" }) });
+  }
+);
+DashBorderIcon.displayName = "DashBorderIcon";
+export {
+  DashBorderIcon
+};

package/lib/__generated__/dashed-border.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const DashedBorderIcon = forwardRef(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M2 7.33A.33.33 0 0 1 2.33 7h2.007a.33.33 0 0 1 .33.33v1.34a.33.33 0 0 1-.33.33H2.33A.33.33 0 0 1 2 8.67V7.33ZM6.667 7.33a.33.33 0 0 1 .33-.33h2.006a.33.33 0 0 1 .33.33v1.34a.33.33 0 0 1-.33.33H6.997a.33.33 0 0 1-.33-.33V7.33ZM11.333 7.33a.33.33 0 0 1 .33-.33h2.007a.33.33 0 0 1 .33.33v1.34a.33.33 0 0 1-.33.33h-2.007a.33.33 0 0 1-.33-.33V7.33Z", clipRule: "evenodd" }) });
+  }
+);
+DashedBorderIcon.displayName = "DashedBorderIcon";
+export {
+  DashedBorderIcon
+};

package/lib/__generated__/dotted-border.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const DottedBorderIcon = forwardRef(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M1.52 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 1 1 0 2.3h-.01A1.15 1.15 0 0 1 1.52 8ZM12.18 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 0 1 0 2.3h-.01A1.15 1.15 0 0 1 12.18 8ZM5.073 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 0 1 0 2.3h-.01A1.15 1.15 0 0 1 5.073 8ZM8.627 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 0 1 0 2.3h-.01A1.15 1.15 0 0 1 8.627 8Z", clipRule: "evenodd" }) });
+  }
+);
+DottedBorderIcon.displayName = "DottedBorderIcon";
+export {
+  DottedBorderIcon
+};

package/lib/__generated__/index.js

@@ -27,9 +27,12 @@ export * from "./chevron-filled-right";
 export * from "./chevron-filled-up";
 export * from "./code";
 export * from "./commit";
+export * from "./dash-border";
 export * from "./dash";
+export * from "./dashed-border";
 export * from "./div";
 export * from "./dot";
+export * from "./dotted-border";
 export * from "./drag-handle";
 export * from "./eyecon-closed";
 export * from "./eyecon-open";
@@ -51,6 +54,7 @@ export * from "./repeat-grid";
 export * from "./repeat-row";
 export * from "./scroll";
 export * from "./slot-component";
+export * from "./small-x";
 export * from "./subscript";
 export * from "./subtract";
 export * from "./superscript";

package/lib/__generated__/small-x.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const SmallXIcon = forwardRef(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M11.495 4.505a.7.7 0 0 1 0 .99L8.99 8l2.505 2.505a.7.7 0 0 1-.99.99L8 8.99l-2.505 2.505a.7.7 0 0 1-.99-.99L7.01 8 4.505 5.495a.7.7 0 1 1 .99-.99L8 7.01l2.505-2.505a.7.7 0 0 1 .99 0Z", clipRule: "evenodd" }) });
+  }
+);
+SmallXIcon.displayName = "SmallXIcon";
+export {
+  SmallXIcon
+};

package/lib/cjs/__generated__/dash-border.cjs

@@ -0,0 +1,31 @@
+"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 dash_border_exports = {};
+__export(dash_border_exports, {
+  DashBorderIcon: () => DashBorderIcon
+});
+module.exports = __toCommonJS(dash_border_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const DashBorderIcon = (0, import_react.forwardRef)(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fillRule: "evenodd", d: "M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z", clipRule: "evenodd" }) });
+  }
+);
+DashBorderIcon.displayName = "DashBorderIcon";

package/lib/cjs/__generated__/dashed-border.cjs

@@ -0,0 +1,31 @@
+"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 dashed_border_exports = {};
+__export(dashed_border_exports, {
+  DashedBorderIcon: () => DashedBorderIcon
+});
+module.exports = __toCommonJS(dashed_border_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const DashedBorderIcon = (0, import_react.forwardRef)(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fillRule: "evenodd", d: "M2 7.33A.33.33 0 0 1 2.33 7h2.007a.33.33 0 0 1 .33.33v1.34a.33.33 0 0 1-.33.33H2.33A.33.33 0 0 1 2 8.67V7.33ZM6.667 7.33a.33.33 0 0 1 .33-.33h2.006a.33.33 0 0 1 .33.33v1.34a.33.33 0 0 1-.33.33H6.997a.33.33 0 0 1-.33-.33V7.33ZM11.333 7.33a.33.33 0 0 1 .33-.33h2.007a.33.33 0 0 1 .33.33v1.34a.33.33 0 0 1-.33.33h-2.007a.33.33 0 0 1-.33-.33V7.33Z", clipRule: "evenodd" }) });
+  }
+);
+DashedBorderIcon.displayName = "DashedBorderIcon";

package/lib/cjs/__generated__/dotted-border.cjs

@@ -0,0 +1,31 @@
+"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 dotted_border_exports = {};
+__export(dotted_border_exports, {
+  DottedBorderIcon: () => DottedBorderIcon
+});
+module.exports = __toCommonJS(dotted_border_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const DottedBorderIcon = (0, import_react.forwardRef)(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fillRule: "evenodd", d: "M1.52 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 1 1 0 2.3h-.01A1.15 1.15 0 0 1 1.52 8ZM12.18 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 0 1 0 2.3h-.01A1.15 1.15 0 0 1 12.18 8ZM5.073 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 0 1 0 2.3h-.01A1.15 1.15 0 0 1 5.073 8ZM8.627 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 0 1 0 2.3h-.01A1.15 1.15 0 0 1 8.627 8Z", clipRule: "evenodd" }) });
+  }
+);
+DottedBorderIcon.displayName = "DottedBorderIcon";

package/lib/cjs/__generated__/index.cjs

@@ -44,9 +44,12 @@ __reExport(generated_exports, require("./chevron-filled-right"), module.exports)
 __reExport(generated_exports, require("./chevron-filled-up"), module.exports);
 __reExport(generated_exports, require("./code"), module.exports);
 __reExport(generated_exports, require("./commit"), module.exports);
+__reExport(generated_exports, require("./dash-border"), module.exports);
 __reExport(generated_exports, require("./dash"), module.exports);
+__reExport(generated_exports, require("./dashed-border"), module.exports);
 __reExport(generated_exports, require("./div"), module.exports);
 __reExport(generated_exports, require("./dot"), module.exports);
+__reExport(generated_exports, require("./dotted-border"), module.exports);
 __reExport(generated_exports, require("./drag-handle"), module.exports);
 __reExport(generated_exports, require("./eyecon-closed"), module.exports);
 __reExport(generated_exports, require("./eyecon-open"), module.exports);
@@ -68,6 +71,7 @@ __reExport(generated_exports, require("./repeat-grid"), module.exports);
 __reExport(generated_exports, require("./repeat-row"), module.exports);
 __reExport(generated_exports, require("./scroll"), module.exports);
 __reExport(generated_exports, require("./slot-component"), module.exports);
+__reExport(generated_exports, require("./small-x"), module.exports);
 __reExport(generated_exports, require("./subscript"), module.exports);
 __reExport(generated_exports, require("./subtract"), module.exports);
 __reExport(generated_exports, require("./superscript"), module.exports);

package/lib/cjs/__generated__/small-x.cjs

@@ -0,0 +1,31 @@
+"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 small_x_exports = {};
+__export(small_x_exports, {
+  SmallXIcon: () => SmallXIcon
+});
+module.exports = __toCommonJS(small_x_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const SmallXIcon = (0, import_react.forwardRef)(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fillRule: "evenodd", d: "M11.495 4.505a.7.7 0 0 1 0 .99L8.99 8l2.505 2.505a.7.7 0 0 1-.99.99L8 8.99l-2.505 2.505a.7.7 0 0 1-.99-.99L7.01 8 4.505 5.495a.7.7 0 1 1 .99-.99L8 7.01l2.505-2.505a.7.7 0 0 1 .99 0Z", clipRule: "evenodd" }) });
+  }
+);
+SmallXIcon.displayName = "SmallXIcon";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.50.0",
+  "version": "0.51.0",
   "description": "Webstudio Icons",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@radix-ui/react-icons": "^1.1.0",
     "react": "^17.0.2",
-    "@webstudio-is/css-vars": "^0.50.0"
+    "@webstudio-is/css-vars": "^0.51.0"
   },
   "module": "./lib/index.js",
   "exports": {

package/src/__generated__/dash-border.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/dash-border.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const DashBorderIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+DashBorderIcon.displayName = "DashBorderIcon";

package/src/__generated__/dashed-border.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/dashed-border.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const DashedBorderIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M2 7.33A.33.33 0 0 1 2.33 7h2.007a.33.33 0 0 1 .33.33v1.34a.33.33 0 0 1-.33.33H2.33A.33.33 0 0 1 2 8.67V7.33ZM6.667 7.33a.33.33 0 0 1 .33-.33h2.006a.33.33 0 0 1 .33.33v1.34a.33.33 0 0 1-.33.33H6.997a.33.33 0 0 1-.33-.33V7.33ZM11.333 7.33a.33.33 0 0 1 .33-.33h2.007a.33.33 0 0 1 .33.33v1.34a.33.33 0 0 1-.33.33h-2.007a.33.33 0 0 1-.33-.33V7.33Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+DashedBorderIcon.displayName = "DashedBorderIcon";

package/src/__generated__/dotted-border.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/dotted-border.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const DottedBorderIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M1.52 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 1 1 0 2.3h-.01A1.15 1.15 0 0 1 1.52 8ZM12.18 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 0 1 0 2.3h-.01A1.15 1.15 0 0 1 12.18 8ZM5.073 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 0 1 0 2.3h-.01A1.15 1.15 0 0 1 5.073 8ZM8.627 8c0-.635.515-1.15 1.15-1.15h.01a1.15 1.15 0 0 1 0 2.3h-.01A1.15 1.15 0 0 1 8.627 8Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+DottedBorderIcon.displayName = "DottedBorderIcon";

package/src/__generated__/index.ts

@@ -27,9 +27,12 @@ export * from "./chevron-filled-right";
 export * from "./chevron-filled-up";
 export * from "./code";
 export * from "./commit";
+export * from "./dash-border";
 export * from "./dash";
+export * from "./dashed-border";
 export * from "./div";
 export * from "./dot";
+export * from "./dotted-border";
 export * from "./drag-handle";
 export * from "./eyecon-closed";
 export * from "./eyecon-open";
@@ -51,6 +54,7 @@ export * from "./repeat-grid";
 export * from "./repeat-row";
 export * from "./scroll";
 export * from "./slot-component";
+export * from "./small-x";
 export * from "./subscript";
 export * from "./subtract";
 export * from "./superscript";

package/src/__generated__/small-x.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/small-x.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const SmallXIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M11.495 4.505a.7.7 0 0 1 0 .99L8.99 8l2.505 2.505a.7.7 0 0 1-.99.99L8 8.99l-2.505 2.505a.7.7 0 0 1-.99-.99L7.01 8 4.505 5.495a.7.7 0 1 1 .99-.99L8 7.01l2.505-2.505a.7.7 0 0 1 .99 0Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+SmallXIcon.displayName = "SmallXIcon";