@webstudio-is/icons 0.47.0 → 0.49.0

package/lib/__generated__/alert.js

@@ -0,0 +1,29 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const AlertIcon = forwardRef(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 22 22",
+      width: size,
+      height: size,
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ jsx("path", {
+          d: "M9.213 2.567c.784-1.393 2.79-1.393 3.573 0l8.09 14.378C21.645 18.31 20.657 20 19.089 20H2.91c-1.568 0-2.555-1.689-1.786-3.055l8.09-14.378Zm2.266.736a.55.55 0 0 0-.959 0L2.431 17.68a.55.55 0 0 0 .48.82h16.178a.55.55 0 0 0 .48-.82l-8.09-14.377Z",
+          clipRule: "evenodd"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M11 7.5a.75.75 0 0 1 .75.75v3.658a.75.75 0 0 1-1.5 0V8.25A.75.75 0 0 1 11 7.5ZM10.1 15.583a.9.9 0 0 1 .9-.9h.009a.9.9 0 0 1 0 1.8h-.01a.9.9 0 0 1-.9-.9Z",
+          clipRule: "evenodd"
+        })
+      ]
+    });
+  }
+);
+AlertIcon.displayName = "AlertIcon";
+export {
+  AlertIcon
+};

package/lib/__generated__/commit.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const CommitIcon = forwardRef(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 22 22",
+      width: size,
+      height: size,
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ jsx("path", {
+        fill: "#000",
+        fillRule: "evenodd",
+        d: "M11 7.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5Zm-4.691 2.5a4.751 4.751 0 0 1 9.382 0h4.459a.75.75 0 0 1 0 1.5h-4.459a4.751 4.751 0 0 1-9.382 0H1.85a.75.75 0 0 1 0-1.5h4.459Z",
+        clipRule: "evenodd"
+      })
+    });
+  }
+);
+CommitIcon.displayName = "CommitIcon";
+export {
+  CommitIcon
+};

package/lib/__generated__/github.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const GithubIcon = forwardRef(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 22 22",
+      width: size,
+      height: size,
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ jsx("path", {
+        fill: "#11181C",
+        fillRule: "evenodd",
+        d: "M11 1C5.475 1 1 5.475 1 11a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.088.638-1.338-2.225-.25-4.55-1.112-4.55-4.937 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.274.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 21 11c0-5.525-4.475-10-10-10Z",
+        clipRule: "evenodd"
+      })
+    });
+  }
+);
+GithubIcon.displayName = "GithubIcon";
+export {
+  GithubIcon
+};

package/lib/__generated__/google.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const GoogleIcon = forwardRef(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 22 22",
+      width: size,
+      height: size,
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ jsx("path", {
+          fill: "#4285F4",
+          d: "M11 9.182v3.873h5.382a4.611 4.611 0 0 1-2.01 3.009l3.246 2.518c1.891-1.745 2.982-4.31 2.982-7.355 0-.709-.064-1.39-.182-2.045H11Z"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          fill: "#34A853",
+          d: "m5.396 12.903-.732.56-2.591 2.019C3.718 18.746 7.09 21 11 21c2.7 0 4.963-.89 6.618-2.418l-3.246-2.518c-.89.6-2.027.963-3.372.963-2.6 0-4.81-1.754-5.6-4.118l-.004-.006Z"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          fill: "#FBBC05",
+          d: "M2.073 6.518A9.877 9.877 0 0 0 1 11c0 1.618.39 3.136 1.073 4.482C2.073 15.49 5.4 12.9 5.4 12.9c-.2-.6-.318-1.236-.318-1.9 0-.664.118-1.3.318-1.9L2.073 6.518Z"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          fill: "#EA4335",
+          d: "M11 4.982c1.473 0 2.782.509 3.827 1.49l2.864-2.863C15.954 1.991 13.7 1 11 1 7.09 1 3.718 3.245 2.073 6.518L5.4 9.1c.79-2.364 3-4.118 5.6-4.118Z"
+        })
+      ]
+    });
+  }
+);
+GoogleIcon.displayName = "GoogleIcon";
+export {
+  GoogleIcon
+};

package/lib/__generated__/index.js

@@ -1,3 +1,4 @@
+export * from "./alert";
 export * from "./auto-scroll";
 export * from "./blockquote";
 export * from "./box-link";
@@ -14,13 +15,17 @@ export * from "./chevron-filled-left";
 export * from "./chevron-filled-right";
 export * from "./chevron-filled-up";
 export * from "./code";
+export * from "./commit";
 export * from "./dash";
 export * from "./dot";
 export * from "./drag-handle";
 export * from "./eyecon-closed";
 export * from "./eyecon-open";
+export * from "./github";
+export * from "./google";
 export * from "./hamburger-menu";
 export * from "./info";
+export * from "./information";
 export * from "./linked";
 export * from "./list-item";
 export * from "./list";
@@ -28,6 +33,9 @@ export * from "./offline";
 export * from "./play";
 export * from "./radio-checked";
 export * from "./radio-unchecked";
+export * from "./repeat-column";
+export * from "./repeat-grid";
+export * from "./repeat-row";
 export * from "./scroll";
 export * from "./subscript";
 export * from "./subtract";

package/lib/__generated__/information.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const InformationIcon = forwardRef(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("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", {
+          fill: "#707375",
+          fillRule: "evenodd",
+          d: "M8 2.65a5.35 5.35 0 1 0 0 10.7 5.35 5.35 0 0 0 0-10.7ZM1.35 8a6.65 6.65 0 1 1 13.3 0 6.65 6.65 0 0 1-13.3 0Z",
+          clipRule: "evenodd"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          fill: "#707375",
+          fillRule: "evenodd",
+          d: "M7.2 11.087a.8.8 0 0 1 .8-.8h.009a.8.8 0 0 1 0 1.6H8a.8.8 0 0 1-.8-.8ZM8 4.263a.65.65 0 0 1 .65.65v3.43a.65.65 0 0 1-1.3 0v-3.43a.65.65 0 0 1 .65-.65Z",
+          clipRule: "evenodd"
+        })
+      ]
+    });
+  }
+);
+InformationIcon.displayName = "InformationIcon";
+export {
+  InformationIcon
+};

package/lib/__generated__/repeat-column.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const RepeatColumnIcon = 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", {
+        fill: "#11181C",
+        d: "M6.335 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM6.335 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM7.005 11.337c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99c0-.37-.3-.67-.67-.67h-1.99Z"
+      })
+    });
+  }
+);
+RepeatColumnIcon.displayName = "RepeatColumnIcon";
+export {
+  RepeatColumnIcon
+};

package/lib/__generated__/repeat-grid.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const RepeatGridIcon = 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", {
+        fill: "#11181C",
+        d: "M1.333 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM1.333 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM4.663 12.007c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM6.335 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM9.665 7.005c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM6.335 12.007c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM14.667 2.003c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM11.337 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM14.667 12.007c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99Z"
+      })
+    });
+  }
+);
+RepeatGridIcon.displayName = "RepeatGridIcon";
+export {
+  RepeatGridIcon
+};

package/lib/__generated__/repeat-row.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const RepeatRowIcon = 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", {
+        fill: "#11181C",
+        d: "M1.333 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM6.335 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM12.007 6.335c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99c0-.37-.3-.67-.67-.67h-1.99Z"
+      })
+    });
+  }
+);
+RepeatRowIcon.displayName = "RepeatRowIcon";
+export {
+  RepeatRowIcon
+};

package/lib/cjs/__generated__/alert.cjs

@@ -0,0 +1,49 @@
+"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 alert_exports = {};
+__export(alert_exports, {
+  AlertIcon: () => AlertIcon
+});
+module.exports = __toCommonJS(alert_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const AlertIcon = (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",
+      viewBox: "0 0 22 22",
+      width: size,
+      height: size,
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          d: "M9.213 2.567c.784-1.393 2.79-1.393 3.573 0l8.09 14.378C21.645 18.31 20.657 20 19.089 20H2.91c-1.568 0-2.555-1.689-1.786-3.055l8.09-14.378Zm2.266.736a.55.55 0 0 0-.959 0L2.431 17.68a.55.55 0 0 0 .48.82h16.178a.55.55 0 0 0 .48-.82l-8.09-14.377Z",
+          clipRule: "evenodd"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          d: "M11 7.5a.75.75 0 0 1 .75.75v3.658a.75.75 0 0 1-1.5 0V8.25A.75.75 0 0 1 11 7.5ZM10.1 15.583a.9.9 0 0 1 .9-.9h.009a.9.9 0 0 1 0 1.8h-.01a.9.9 0 0 1-.9-.9Z",
+          clipRule: "evenodd"
+        })
+      ]
+    });
+  }
+);
+AlertIcon.displayName = "AlertIcon";

package/lib/cjs/__generated__/commit.cjs

@@ -0,0 +1,45 @@
+"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 commit_exports = {};
+__export(commit_exports, {
+  CommitIcon: () => CommitIcon
+});
+module.exports = __toCommonJS(commit_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const CommitIcon = (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 22 22",
+      width: size,
+      height: size,
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+        fill: "#000",
+        fillRule: "evenodd",
+        d: "M11 7.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5Zm-4.691 2.5a4.751 4.751 0 0 1 9.382 0h4.459a.75.75 0 0 1 0 1.5h-4.459a4.751 4.751 0 0 1-9.382 0H1.85a.75.75 0 0 1 0-1.5h4.459Z",
+        clipRule: "evenodd"
+      })
+    });
+  }
+);
+CommitIcon.displayName = "CommitIcon";

package/lib/cjs/__generated__/github.cjs

@@ -0,0 +1,45 @@
+"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 github_exports = {};
+__export(github_exports, {
+  GithubIcon: () => GithubIcon
+});
+module.exports = __toCommonJS(github_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const GithubIcon = (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 22 22",
+      width: size,
+      height: size,
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+        fill: "#11181C",
+        fillRule: "evenodd",
+        d: "M11 1C5.475 1 1 5.475 1 11a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.088.638-1.338-2.225-.25-4.55-1.112-4.55-4.937 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.274.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 21 11c0-5.525-4.475-10-10-10Z",
+        clipRule: "evenodd"
+      })
+    });
+  }
+);
+GithubIcon.displayName = "GithubIcon";

package/lib/cjs/{google.cjs → __generated__/google.cjs}

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,10 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var google_exports = {};
 __export(google_exports, {
@@ -28,22 +22,33 @@ __export(google_exports, {
 });
 module.exports = __toCommonJS(google_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-const GoogleIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
+var import_react = require("react");
+const GoogleIcon = (0, import_react.forwardRef)(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
-      role: "img",
-      viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 22 22",
+      width: size,
+      height: size,
+      fill: color,
       ...props,
       ref: forwardedRef,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", {
-          children: "Google"
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          fill: "#4285F4",
+          d: "M11 9.182v3.873h5.382a4.611 4.611 0 0 1-2.01 3.009l3.246 2.518c1.891-1.745 2.982-4.31 2.982-7.355 0-.709-.064-1.39-.182-2.045H11Z"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          fill: "#34A853",
+          d: "m5.396 12.903-.732.56-2.591 2.019C3.718 18.746 7.09 21 11 21c2.7 0 4.963-.89 6.618-2.418l-3.246-2.518c-.89.6-2.027.963-3.372.963-2.6 0-4.81-1.754-5.6-4.118l-.004-.006Z"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          fill: "#FBBC05",
+          d: "M2.073 6.518A9.877 9.877 0 0 0 1 11c0 1.618.39 3.136 1.073 4.482C2.073 15.49 5.4 12.9 5.4 12.9c-.2-.6-.318-1.236-.318-1.9 0-.664.118-1.3.318-1.9L2.073 6.518Z"
         }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-          d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z",
-          fill: color
+          fill: "#EA4335",
+          d: "M11 4.982c1.473 0 2.782.509 3.827 1.49l2.864-2.863C15.954 1.991 13.7 1 11 1 7.09 1 3.718 3.245 2.073 6.518L5.4 9.1c.79-2.364 3-4.118 5.6-4.118Z"
         })
       ]
     });

package/lib/cjs/__generated__/index.cjs

@@ -15,6 +15,7 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var generated_exports = {};
 module.exports = __toCommonJS(generated_exports);
+__reExport(generated_exports, require("./alert"), module.exports);
 __reExport(generated_exports, require("./auto-scroll"), module.exports);
 __reExport(generated_exports, require("./blockquote"), module.exports);
 __reExport(generated_exports, require("./box-link"), module.exports);
@@ -31,13 +32,17 @@ __reExport(generated_exports, require("./chevron-filled-left"), module.exports);
 __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"), module.exports);
 __reExport(generated_exports, require("./dot"), 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);
+__reExport(generated_exports, require("./github"), module.exports);
+__reExport(generated_exports, require("./google"), module.exports);
 __reExport(generated_exports, require("./hamburger-menu"), module.exports);
 __reExport(generated_exports, require("./info"), module.exports);
+__reExport(generated_exports, require("./information"), module.exports);
 __reExport(generated_exports, require("./linked"), module.exports);
 __reExport(generated_exports, require("./list-item"), module.exports);
 __reExport(generated_exports, require("./list"), module.exports);
@@ -45,6 +50,9 @@ __reExport(generated_exports, require("./offline"), module.exports);
 __reExport(generated_exports, require("./play"), module.exports);
 __reExport(generated_exports, require("./radio-checked"), module.exports);
 __reExport(generated_exports, require("./radio-unchecked"), module.exports);
+__reExport(generated_exports, require("./repeat-column"), module.exports);
+__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("./subscript"), module.exports);
 __reExport(generated_exports, require("./subtract"), module.exports);

package/lib/cjs/__generated__/information.cjs

@@ -0,0 +1,53 @@
+"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 information_exports = {};
+__export(information_exports, {
+  InformationIcon: () => InformationIcon
+});
+module.exports = __toCommonJS(information_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const InformationIcon = (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",
+      viewBox: "0 0 16 16",
+      width: size,
+      height: size,
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          fill: "#707375",
+          fillRule: "evenodd",
+          d: "M8 2.65a5.35 5.35 0 1 0 0 10.7 5.35 5.35 0 0 0 0-10.7ZM1.35 8a6.65 6.65 0 1 1 13.3 0 6.65 6.65 0 0 1-13.3 0Z",
+          clipRule: "evenodd"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+          fill: "#707375",
+          fillRule: "evenodd",
+          d: "M7.2 11.087a.8.8 0 0 1 .8-.8h.009a.8.8 0 0 1 0 1.6H8a.8.8 0 0 1-.8-.8ZM8 4.263a.65.65 0 0 1 .65.65v3.43a.65.65 0 0 1-1.3 0v-3.43a.65.65 0 0 1 .65-.65Z",
+          clipRule: "evenodd"
+        })
+      ]
+    });
+  }
+);
+InformationIcon.displayName = "InformationIcon";

package/lib/cjs/__generated__/repeat-column.cjs

@@ -0,0 +1,43 @@
+"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 repeat_column_exports = {};
+__export(repeat_column_exports, {
+  RepeatColumnIcon: () => RepeatColumnIcon
+});
+module.exports = __toCommonJS(repeat_column_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const RepeatColumnIcon = (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", {
+        fill: "#11181C",
+        d: "M6.335 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM6.335 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM7.005 11.337c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99c0-.37-.3-.67-.67-.67h-1.99Z"
+      })
+    });
+  }
+);
+RepeatColumnIcon.displayName = "RepeatColumnIcon";

package/lib/cjs/__generated__/repeat-grid.cjs

@@ -0,0 +1,43 @@
+"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 repeat_grid_exports = {};
+__export(repeat_grid_exports, {
+  RepeatGridIcon: () => RepeatGridIcon
+});
+module.exports = __toCommonJS(repeat_grid_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const RepeatGridIcon = (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", {
+        fill: "#11181C",
+        d: "M1.333 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM1.333 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM4.663 12.007c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM6.335 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM9.665 7.005c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM6.335 12.007c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM14.667 2.003c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM11.337 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM14.667 12.007c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99Z"
+      })
+    });
+  }
+);
+RepeatGridIcon.displayName = "RepeatGridIcon";

package/lib/cjs/__generated__/repeat-row.cjs

@@ -0,0 +1,43 @@
+"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 repeat_row_exports = {};
+__export(repeat_row_exports, {
+  RepeatRowIcon: () => RepeatRowIcon
+});
+module.exports = __toCommonJS(repeat_row_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+const RepeatRowIcon = (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", {
+        fill: "#11181C",
+        d: "M1.333 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM6.335 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM12.007 6.335c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99c0-.37-.3-.67-.67-.67h-1.99Z"
+      })
+    });
+  }
+);
+RepeatRowIcon.displayName = "RepeatRowIcon";

package/lib/cjs/index.cjs

@@ -22,8 +22,6 @@ __reExport(src_exports, require("./brush"), module.exports);
 __reExport(src_exports, require("./form"), module.exports);
 __reExport(src_exports, require("./undo"), module.exports);
 __reExport(src_exports, require("./redo"), module.exports);
-__reExport(src_exports, require("./google"), module.exports);
-__reExport(src_exports, require("./github"), module.exports);
 __reExport(src_exports, require("./devices"), module.exports);
 __reExport(src_exports, require("./body"), module.exports);
 __reExport(src_exports, require("./types"), module.exports);

package/lib/cjs/legacy.cjs

@@ -21,7 +21,6 @@ __export(legacy_exports, {
   ButtonIcon: () => import_react_icons.ButtonIcon,
   CheckCircledIcon: () => import_react_icons.CheckCircledIcon,
   CheckIcon: () => import_react_icons.CheckIcon,
-  CommitIcon: () => import_react_icons.CommitIcon,
   CrossCircledIcon: () => import_react_icons.CrossCircledIcon,
   DotFilledIcon: () => import_react_icons.DotFilledIcon,
   DotsHorizontalIcon: () => import_react_icons.DotsHorizontalIcon,

package/lib/index.js

@@ -5,8 +5,6 @@ export * from "./brush";
 export * from "./form";
 export * from "./undo";
 export * from "./redo";
-export * from "./google";
-export * from "./github";
 export * from "./devices";
 export * from "./body";
 export * from "./types";

package/lib/legacy.js

@@ -13,7 +13,6 @@ import {
   DotFilledIcon,
   TriangleRightIcon,
   TriangleDownIcon,
-  CommitIcon,
   InputIcon,
   ButtonIcon,
   HeadingIcon,
@@ -25,7 +24,6 @@ export {
   ButtonIcon,
   CheckCircledIcon,
   CheckIcon,
-  CommitIcon,
   CrossCircledIcon,
   DotFilledIcon,
   DotsHorizontalIcon,

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.47.0",
+  "version": "0.49.0",
   "description": "Webstudio Icons",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
   "type": "module",
   "devDependencies": {
-    "@storybook/react": "^6.5.14",
+    "@storybook/react": "^6.5.16",
     "@svgo/jsx": "^0.4.2",
     "@types/react": "^17.0.24",
     "tsx": "^3.9.0",
@@ -22,10 +22,11 @@
   "dependencies": {
     "@radix-ui/react-icons": "^1.1.0",
     "react": "^17.0.2",
-    "@webstudio-is/css-vars": "^0.47.0"
+    "@webstudio-is/css-vars": "^0.49.0"
   },
   "module": "./lib/index.js",
   "exports": {
+    "source": "./src/index.ts",
     "import": "./lib/index.js",
     "require": "./lib/cjs/index.cjs"
   },

package/src/__generated__/alert.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/alert.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const AlertIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M9.213 2.567c.784-1.393 2.79-1.393 3.573 0l8.09 14.378C21.645 18.31 20.657 20 19.089 20H2.91c-1.568 0-2.555-1.689-1.786-3.055l8.09-14.378Zm2.266.736a.55.55 0 0 0-.959 0L2.431 17.68a.55.55 0 0 0 .48.82h16.178a.55.55 0 0 0 .48-.82l-8.09-14.377Z" clipRule="evenodd" /><path d="M11 7.5a.75.75 0 0 1 .75.75v3.658a.75.75 0 0 1-1.5 0V8.25A.75.75 0 0 1 11 7.5ZM10.1 15.583a.9.9 0 0 1 .9-.9h.009a.9.9 0 0 1 0 1.8h-.01a.9.9 0 0 1-.9-.9Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+AlertIcon.displayName = "AlertIcon";

package/src/__generated__/commit.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/commit.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const CommitIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#000" fillRule="evenodd" d="M11 7.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5Zm-4.691 2.5a4.751 4.751 0 0 1 9.382 0h4.459a.75.75 0 0 1 0 1.5h-4.459a4.751 4.751 0 0 1-9.382 0H1.85a.75.75 0 0 1 0-1.5h4.459Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+CommitIcon.displayName = "CommitIcon";

package/src/__generated__/github.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/github.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const GithubIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" fillRule="evenodd" d="M11 1C5.475 1 1 5.475 1 11a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.088.638-1.338-2.225-.25-4.55-1.112-4.55-4.937 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.274.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 21 11c0-5.525-4.475-10-10-10Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+GithubIcon.displayName = "GithubIcon";

package/src/__generated__/google.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/google.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const GoogleIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#4285F4" d="M11 9.182v3.873h5.382a4.611 4.611 0 0 1-2.01 3.009l3.246 2.518c1.891-1.745 2.982-4.31 2.982-7.355 0-.709-.064-1.39-.182-2.045H11Z" /><path fill="#34A853" d="m5.396 12.903-.732.56-2.591 2.019C3.718 18.746 7.09 21 11 21c2.7 0 4.963-.89 6.618-2.418l-3.246-2.518c-.89.6-2.027.963-3.372.963-2.6 0-4.81-1.754-5.6-4.118l-.004-.006Z" /><path fill="#FBBC05" d="M2.073 6.518A9.877 9.877 0 0 0 1 11c0 1.618.39 3.136 1.073 4.482C2.073 15.49 5.4 12.9 5.4 12.9c-.2-.6-.318-1.236-.318-1.9 0-.664.118-1.3.318-1.9L2.073 6.518Z" /><path fill="#EA4335" d="M11 4.982c1.473 0 2.782.509 3.827 1.49l2.864-2.863C15.954 1.991 13.7 1 11 1 7.09 1 3.718 3.245 2.073 6.518L5.4 9.1c.79-2.364 3-4.118 5.6-4.118Z" /></svg>
+    );
+  }
+);
+
+GoogleIcon.displayName = "GoogleIcon";

package/src/__generated__/index.ts

@@ -1,3 +1,4 @@
+export * from "./alert";
 export * from "./auto-scroll";
 export * from "./blockquote";
 export * from "./box-link";
@@ -14,13 +15,17 @@ export * from "./chevron-filled-left";
 export * from "./chevron-filled-right";
 export * from "./chevron-filled-up";
 export * from "./code";
+export * from "./commit";
 export * from "./dash";
 export * from "./dot";
 export * from "./drag-handle";
 export * from "./eyecon-closed";
 export * from "./eyecon-open";
+export * from "./github";
+export * from "./google";
 export * from "./hamburger-menu";
 export * from "./info";
+export * from "./information";
 export * from "./linked";
 export * from "./list-item";
 export * from "./list";
@@ -28,6 +33,9 @@ export * from "./offline";
 export * from "./play";
 export * from "./radio-checked";
 export * from "./radio-unchecked";
+export * from "./repeat-column";
+export * from "./repeat-grid";
+export * from "./repeat-row";
 export * from "./scroll";
 export * from "./subscript";
 export * from "./subtract";

package/src/__generated__/information.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/information.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const InformationIcon = 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 fill="#707375" fillRule="evenodd" d="M8 2.65a5.35 5.35 0 1 0 0 10.7 5.35 5.35 0 0 0 0-10.7ZM1.35 8a6.65 6.65 0 1 1 13.3 0 6.65 6.65 0 0 1-13.3 0Z" clipRule="evenodd" /><path fill="#707375" fillRule="evenodd" d="M7.2 11.087a.8.8 0 0 1 .8-.8h.009a.8.8 0 0 1 0 1.6H8a.8.8 0 0 1-.8-.8ZM8 4.263a.65.65 0 0 1 .65.65v3.43a.65.65 0 0 1-1.3 0v-3.43a.65.65 0 0 1 .65-.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+InformationIcon.displayName = "InformationIcon";

package/src/__generated__/repeat-column.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/repeat-column.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const RepeatColumnIcon = 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 fill="#11181C" d="M6.335 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM6.335 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM7.005 11.337c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99c0-.37-.3-.67-.67-.67h-1.99Z" /></svg>
+    );
+  }
+);
+
+RepeatColumnIcon.displayName = "RepeatColumnIcon";

package/src/__generated__/repeat-grid.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/repeat-grid.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const RepeatGridIcon = 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 fill="#11181C" d="M1.333 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM1.333 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM4.663 12.007c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM6.335 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM9.665 7.005c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM6.335 12.007c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM14.667 2.003c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM11.337 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM14.667 12.007c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99Z" /></svg>
+    );
+  }
+);
+
+RepeatGridIcon.displayName = "RepeatGridIcon";

package/src/__generated__/repeat-row.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/repeat-row.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const RepeatRowIcon = 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 fill="#11181C" d="M1.333 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM6.335 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM12.007 6.335c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99c0-.37-.3-.67-.67-.67h-1.99Z" /></svg>
+    );
+  }
+);
+
+RepeatRowIcon.displayName = "RepeatRowIcon";

package/src/index.ts

@@ -5,8 +5,6 @@ export * from "./brush";
 export * from "./form";
 export * from "./undo";
 export * from "./redo";
-export * from "./google";
-export * from "./github";
 export * from "./devices";
 export * from "./body";
 export * from "./types";

package/src/legacy.ts

@@ -13,7 +13,6 @@ export {
   DotFilledIcon,
   TriangleRightIcon,
   TriangleDownIcon,
-  CommitIcon,
   InputIcon,
   ButtonIcon,
   HeadingIcon,

package/lib/cjs/github.cjs

@@ -1,52 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var github_exports = {};
-__export(github_exports, {
-  GithubIcon: () => GithubIcon
-});
-module.exports = __toCommonJS(github_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-const GithubIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", {
-          children: "GitHub"
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-          d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12",
-          fill: color
-        })
-      ]
-    });
-  }
-);
-GithubIcon.displayName = "GithubIcon";

package/lib/github.js

@@ -1,26 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-const GithubIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs("svg", {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("title", {
-          children: "GitHub"
-        }),
-        /* @__PURE__ */ jsx("path", {
-          d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12",
-          fill: color
-        })
-      ]
-    });
-  }
-);
-GithubIcon.displayName = "GithubIcon";
-export {
-  GithubIcon
-};

package/lib/google.js

@@ -1,26 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-const GoogleIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs("svg", {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("title", {
-          children: "Google"
-        }),
-        /* @__PURE__ */ jsx("path", {
-          d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z",
-          fill: color
-        })
-      ]
-    });
-  }
-);
-GoogleIcon.displayName = "GoogleIcon";
-export {
-  GoogleIcon
-};

package/src/github.tsx

@@ -1,24 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const GithubIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <title>GitHub</title>
-        <path
-          d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-
-GithubIcon.displayName = "GithubIcon";

package/src/google.tsx

@@ -1,24 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const GoogleIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        role="img"
-        viewBox="0 0 24 24"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <title>Google</title>
-        <path
-          d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-
-GoogleIcon.displayName = "GoogleIcon";