@webstudio-is/icons 0.50.0 → 0.52.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.50.0",
+  "version": "0.52.0",
   "description": "Webstudio Icons",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -10,7 +10,7 @@
     "@svgo/jsx": "^0.4.2",
     "@types/react": "^17.0.24",
     "tsx": "^3.12.6",
-    "typescript": "4.9.5",
+    "typescript": "5.0.3",
     "@webstudio-is/scripts": "^0.0.0",
     "@webstudio-is/storybook-config": "^0.0.0",
     "@webstudio-is/tsconfig": "^1.0.1"
@@ -20,17 +20,16 @@
     "react-dom": "^17.0.2"
   },
   "dependencies": {
-    "@radix-ui/react-icons": "^1.1.0",
     "react": "^17.0.2",
-    "@webstudio-is/css-vars": "^0.50.0"
+    "@webstudio-is/css-vars": "^0.52.0"
   },
   "module": "./lib/index.js",
   "exports": {
     "source": "./src/index.ts",
     "import": "./lib/index.js",
-    "require": "./lib/cjs/index.cjs"
+    "require": "./lib/cjs/index.js"
   },
-  "types": "src/index.ts",
+  "types": "lib/types/index.d.ts",
   "files": [
     "lib/*",
     "src/*",
@@ -42,6 +41,7 @@
   "scripts": {
     "dev": "build-package --watch",
     "build": "build-package",
+    "dts": "tsc --emitDeclarationOnly --declaration --declarationDir lib/types",
     "generate": "rm -fr src/__generated__ && NODE_OPTIONS='--loader=tsx' svgo-jsx svgo-jsx.config.ts",
     "typecheck": "tsc --noEmit",
     "lint": "eslint ./src --ext .ts,.tsx --max-warnings 0",

package/src/__generated__/alert.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 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 fillRule="evenodd" 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 fillRule="evenodd" 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>
+      <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="M6.3 2.354c.746-1.325 2.654-1.325 3.4 0l5.276 9.38c.732 1.3-.208 2.905-1.699 2.905H2.723c-1.491 0-2.43-1.606-1.7-2.906l5.278-9.379Zm2.267.638a.65.65 0 0 0-1.133 0L2.157 12.37a.65.65 0 0 0 .566.968h10.554a.65.65 0 0 0 .566-.968L8.567 2.99Z" clipRule="evenodd" /><path fillRule="evenodd" d="M8 5.34a.65.65 0 0 1 .65.65v2.66a.65.65 0 0 1-1.3 0V5.99A.65.65 0 0 1 8 5.34ZM7.2 11.323a.8.8 0 0 1 .8-.8h.007a.8.8 0 0 1 0 1.6H8a.8.8 0 0 1-.8-.8Z" clipRule="evenodd" /></svg>
     );
   }
 );

package/src/__generated__/attachment.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/attachment.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const AttachmentIcon = 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="M9.13 1.842a2.415 2.415 0 0 1 3.415 3.415l-5.889 5.888a.65.65 0 1 1-.919-.919l5.889-5.888a1.115 1.115 0 1 0-1.577-1.577L4.161 8.65a2.88 2.88 0 0 0 4.072 4.072l4.64-4.641a.65.65 0 1 1 .92.92l-4.641 4.64a4.18 4.18 0 1 1-5.91-5.91L9.13 1.84Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+AttachmentIcon.displayName = "AttachmentIcon";

package/src/__generated__/body.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/body.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BodyIcon = 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="M5.173 1.35h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.037.029.36.029.802.029 1.34v5.653c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.03-.802.03-1.34.03H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.096-1.036-.26a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029ZM2.65 6.65v4.15c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.055.259.098.552.122.301.025.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.067.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.26V6.65H2.65Zm10.7-1.3H2.65V5.2c0-.57 0-.96.025-1.26.024-.294.068-.446.122-.553.13-.254.336-.46.59-.59.107-.054.259-.098.552-.122.301-.024.69-.025 1.261-.025h5.6c.57 0 .96 0 1.26.025.294.024.446.068.553.122.254.13.46.336.59.59.054.107.098.26.122.552.025.301.025.69.025 1.261v.15Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BodyIcon.displayName = "BodyIcon";

package/src/__generated__/bold.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/bold.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BoldIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M3.2 2.667a.8.8 0 0 1 .8-.8h5.333a3.467 3.467 0 0 1 2.507 5.861A3.467 3.467 0 0 1 10 14.133H4a.8.8 0 0 1-.8-.8V2.667ZM4.8 8.8v3.733H10A1.867 1.867 0 0 0 10 8.8H4.8Zm0-1.6h4.533a1.867 1.867 0 1 0 0-3.733H4.8V7.2Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BoldIcon.displayName = "BoldIcon";

package/src/__generated__/button-element.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/button-element.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ButtonElementIcon = 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="M.683 7.474c0-1.85 1.5-3.35 3.35-3.35h7.934c1.85 0 3.35 1.5 3.35 3.35v1.3c0 1.85-1.5 3.35-3.35 3.35H4.033a3.35 3.35 0 0 1-3.35-3.35v-1.3Zm3.35-2.05a2.05 2.05 0 0 0-2.05 2.05v1.3a2.05 2.05 0 0 0 2.05 2.05h7.934a2.05 2.05 0 0 0 2.05-2.05v-1.3a2.05 2.05 0 0 0-2.05-2.05H4.033Zm-.183 2.7a.817.817 0 1 1 1.633 0 .817.817 0 0 1-1.633 0Zm3.333 0a.817.817 0 1 1 1.634 0 .817.817 0 0 1-1.634 0Zm3.334 0a.817.817 0 1 1 1.633 0 .817.817 0 0 1-1.633 0Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ButtonElementIcon.displayName = "ButtonElementIcon";

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__/email.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/email.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const EmailIcon = 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="M4.853 2.55h6.293c.482 0 .882 0 1.21.027.34.027.657.087.956.24.461.235.836.61 1.07 1.07.172.336.227.695.25 1.086.018.3.018.662.018 1.089v3.885c0 .481 0 .881-.027 1.208-.027.34-.087.658-.24.957a2.45 2.45 0 0 1-1.07 1.07c-.3.153-.618.213-.958.241-.327.027-.727.027-1.208.027H4.853c-.481 0-.881 0-1.208-.027-.34-.027-.658-.088-.957-.24a2.45 2.45 0 0 1-1.071-1.07c-.153-.3-.213-.617-.24-.958-.027-.327-.027-.727-.027-1.209V6.062c0-.427 0-.789.018-1.089.023-.39.078-.75.249-1.085a2.45 2.45 0 0 1 1.07-1.071c.3-.153.617-.213.958-.24.327-.027.727-.027 1.208-.027ZM3.751 3.872c-.26.022-.387.06-.473.103a1.15 1.15 0 0 0-.503.503.816.816 0 0 0-.07.222l4.567 3.197c.44.308.524.354.595.372a.55.55 0 0 0 .266 0c.07-.018.155-.064.595-.372L13.295 4.7a.815.815 0 0 0-.07-.222 1.15 1.15 0 0 0-.503-.503c-.086-.043-.213-.081-.473-.103a15.477 15.477 0 0 0-1.129-.022H4.88c-.515 0-.862 0-1.13.022Zm9.599 2.376L9.474 8.962l-.072.05c-.324.227-.618.434-.955.518a1.85 1.85 0 0 1-.894 0c-.337-.084-.631-.29-.955-.518l-.072-.05L2.65 6.248V9.92c0 .515 0 .862.022 1.13.022.26.06.386.103.472.11.216.287.392.503.503.086.043.213.081.473.103.267.021.614.022 1.129.022h6.24c.515 0 .862 0 1.13-.022.26-.022.386-.06.472-.103a1.15 1.15 0 0 0 .503-.503c.043-.086.081-.213.103-.473.022-.267.022-.614.022-1.129V6.248Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+EmailIcon.displayName = "EmailIcon";

package/src/__generated__/external-link.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/external-link.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ExternalLinkIcon = 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="M5.173 1.35H6a.65.65 0 0 1 0 1.3h-.8c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.025.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.055.259.098.552.122.301.025.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.067.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.26V10a.65.65 0 1 1 1.3 0v.826c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.03-.802.03-1.34.03H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.096-1.036-.26a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029ZM9.35 2a.65.65 0 0 1 .65-.65h4a.65.65 0 0 1 .65.65v4a.65.65 0 0 1-1.3 0V3.57L8.46 8.46a.65.65 0 0 1-.92-.92l4.89-4.89H10A.65.65 0 0 1 9.35 2Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ExternalLinkIcon.displayName = "ExternalLinkIcon";

package/src/__generated__/form-text-field.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/form-text-field.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const FormTextFieldIcon = 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.35 4.66c0-.723.586-1.31 1.31-1.31h10.68c.723 0 1.31.587 1.31 1.31v6.68a1.31 1.31 0 0 1-1.31 1.31H2.66a1.31 1.31 0 0 1-1.31-1.31V4.66Zm1.3-.004V11.344a.012.012 0 0 0 .006.006H13.344l.003-.003a.011.011 0 0 0 .002-.003V4.656a.01.01 0 0 0-.002-.003.01.01 0 0 0-.003-.002H2.656s-.002 0-.003.002a.011.011 0 0 0-.003.003Zm2.017 1.36a.65.65 0 0 1 .65.65v2.67a.65.65 0 0 1-1.3 0v-2.67a.65.65 0 0 1 .65-.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+FormTextFieldIcon.displayName = "FormTextFieldIcon";

package/src/__generated__/form.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/form.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const FormIcon = 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.3 3.3v1.4h9.4V3.3H3.3Zm10.32 2.485A.998.998 0 0 0 14 5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v2a.998.998 0 0 0 1 1h10c.234 0 .45-.08.62-.215Zm0 1.43A.996.996 0 0 0 13 7H3a.998.998 0 0 0-1 1v2a.998.998 0 0 0 1 1h10a1 1 0 0 0 1-1V8a.998.998 0 0 0-.38-.785ZM8.714 12.3A.997.997 0 0 0 8 12H3a.998.998 0 1 0 0 2h5a1 1 0 0 0 .714-1.7ZM3.3 8.3v1.4h9.4V8.3H3.3Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+FormIcon.displayName = "FormIcon";

package/src/__generated__/heading.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/heading.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const HeadingIcon = 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.017 2.667a.65.65 0 0 1 .65-.65h2.666a.65.65 0 0 1 0 1.3H4.65V7.35h6.7V3.317h-.683a.65.65 0 1 1 0-1.3h2.666a.65.65 0 1 1 0 1.3h-.683v9.366h.683a.65.65 0 1 1 0 1.3h-2.666a.65.65 0 1 1 0-1.3h.683V8.65h-6.7v4.033h.683a.65.65 0 1 1 0 1.3H2.667a.65.65 0 1 1 0-1.3h.683V3.317h-.683a.65.65 0 0 1-.65-.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+HeadingIcon.displayName = "HeadingIcon";

package/src/__generated__/image.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/image.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ImageIcon = 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="M10.827 1.35H5.173c-.537 0-.98 0-1.34.03-.373.03-.715.095-1.036.259a2.65 2.65 0 0 0-1.158 1.158c-.164.32-.229.663-.26 1.037-.029.36-.029.802-.029 1.34v5.653c0 .537 0 .98.03 1.34.03.373.095.715.259 1.036.254.499.66.904 1.158 1.158.32.164.663.23 1.036.26.36.03.803.03 1.34.03h6.231c.18 0 .357 0 .498-.013l.018-.002a6.86 6.86 0 0 0 .247-.015c.373-.03.715-.096 1.036-.26a2.65 2.65 0 0 0 1.158-1.158c.164-.32.23-.663.26-1.036.029-.36.029-.803.029-1.34V5.173c0-.537 0-.98-.03-1.34-.03-.373-.095-.715-.259-1.036a2.65 2.65 0 0 0-1.158-1.158c-.32-.164-.663-.229-1.036-.26-.36-.029-.803-.029-1.34-.029Zm.27 12H5.2c-.57 0-.96 0-1.26-.025-.294-.024-.446-.067-.553-.122a1.35 1.35 0 0 1-.59-.59c-.054-.107-.098-.259-.122-.552-.024-.301-.025-.69-.025-1.26v-.532l2.389-2.388a5.471 5.471 0 0 1 .294-.282l.018.014c.06.051.137.128.277.268l5.47 5.469ZM2.65 8.43l1.484-1.483c.12-.12.235-.235.34-.325.116-.098.262-.203.452-.265.265-.086.55-.086.814 0 .19.062.336.167.452.265.106.09.221.205.34.325l5.701 5.7c.128.128.253.253.344.362.03.036.072.087.113.151.219-.13.397-.32.513-.547.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.26V5.2c0-.572 0-.96-.025-1.262-.024-.293-.068-.445-.122-.552a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.024.301-.025.69-.025 1.261v3.23Zm7.683-3.447a.683.683 0 1 1 0 1.367.683.683 0 0 1 0-1.367Zm1.984.684a1.983 1.983 0 1 0-3.967 0 1.983 1.983 0 0 0 3.967 0Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ImageIcon.displayName = "ImageIcon";

package/src/__generated__/index.ts

@@ -1,6 +1,9 @@
 export * from "./alert";
+export * from "./attachment";
 export * from "./auto-scroll";
 export * from "./blockquote";
+export * from "./body";
+export * from "./bold";
 export * from "./border-radius-bottom-left";
 export * from "./border-radius-bottom-right";
 export * from "./border-radius-individual";
@@ -14,6 +17,7 @@ export * from "./border-width-right";
 export * from "./border-width-top";
 export * from "./box-link";
 export * from "./box";
+export * from "./button-element";
 export * from "./checkbox-checked-filled";
 export * from "./checkbox-empty";
 export * from "./checkbox-mixed-filled";
@@ -27,21 +31,34 @@ 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 "./email";
+export * from "./external-link";
 export * from "./eyecon-closed";
 export * from "./eyecon-open";
+export * from "./form-text-field";
+export * from "./form";
 export * from "./github";
 export * from "./google";
 export * from "./hamburger-menu";
+export * from "./heading";
+export * from "./image";
 export * from "./info";
 export * from "./information";
+export * from "./link";
 export * from "./linked";
 export * from "./list-item";
 export * from "./list";
 export * from "./offline";
+export * from "./page";
+export * from "./paint-brush";
+export * from "./phone";
 export * from "./play";
 export * from "./plus";
 export * from "./radio-checked";
@@ -50,9 +67,13 @@ export * from "./repeat-column";
 export * from "./repeat-grid";
 export * from "./repeat-row";
 export * from "./scroll";
+export * from "./section-link";
 export * from "./slot-component";
+export * from "./small-x";
 export * from "./subscript";
 export * from "./subtract";
 export * from "./superscript";
+export * from "./text-block";
+export * from "./text-italic";
 export * from "./unlinked";
 export * from "./webstudio";

package/src/__generated__/link.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/link.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const LinkIcon = 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.94 4.059c-.712-.713-2.076-.71-3.054.269l-.807.807a.65.65 0 0 1-.92-.92l.808-.807c1.365-1.365 3.56-1.602 4.893-.268 1.334 1.333 1.096 3.528-.269 4.893l-.807.807a.65.65 0 1 1-.92-.919l.808-.807c.978-.979.982-2.342.269-3.055Zm-2.02 2.02a.65.65 0 0 1 0 .92L6.999 9.92a.65.65 0 1 1-.92-.919l2.923-2.923a.65.65 0 0 1 .92 0ZM5.136 7.16a.65.65 0 0 1 0 .92l-.808.807c-.978.978-.981 2.342-.269 3.055.713.712 2.077.71 3.055-.27l.808-.806a.65.65 0 1 1 .919.919l-.808.807c-1.365 1.365-3.56 1.602-4.893.269-1.333-1.334-1.096-3.528.269-4.893l.807-.808a.65.65 0 0 1 .92 0Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+LinkIcon.displayName = "LinkIcon";

package/src/__generated__/page.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/page.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const PageIcon = 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="M8.55 2.658a9.96 9.96 0 0 0-.543-.008H6.08c-.515 0-.862 0-1.13.022-.26.022-.386.06-.472.103a1.15 1.15 0 0 0-.503.503c-.043.086-.081.213-.103.473-.022.267-.022.614-.022 1.129v6.24c0 .515 0 .862.022 1.13.022.26.06.386.103.472.11.216.287.392.503.503.086.043.213.081.473.103.267.022.614.022 1.129.022h3.84c.515 0 .862 0 1.13-.022.26-.022.386-.06.472-.103a1.15 1.15 0 0 0 .503-.503c.043-.085.081-.213.103-.473.021-.267.022-.614.022-1.129V6.793c0-.277-.002-.436-.008-.543H10.14c-.15 0-.3 0-.427-.01a1.263 1.263 0 0 1-.48-.126 1.25 1.25 0 0 1-.547-.547 1.263 1.263 0 0 1-.126-.48c-.01-.127-.01-.276-.01-.427V2.658Zm.903-1.095a2.451 2.451 0 0 0-.427-.145c-.283-.068-.577-.068-.955-.068H6.053c-.481 0-.881 0-1.208.027-.34.028-.658.087-.957.24a2.45 2.45 0 0 0-1.071 1.07c-.153.3-.213.617-.24.958-.027.327-.027.727-.027 1.208v6.293c0 .482 0 .882.027 1.21.027.34.087.657.24.956.235.461.61.836 1.07 1.071.3.153.617.213.958.24.327.027.727.027 1.208.027h3.894c.481 0 .881 0 1.208-.027.34-.027.658-.087.957-.24a2.45 2.45 0 0 0 1.071-1.07c.152-.3.213-.618.24-.958.027-.327.027-.727.027-1.209V6.73c0-.378 0-.672-.068-.955a2.445 2.445 0 0 0-.293-.709c-.152-.248-.36-.456-.628-.723l-.045-.045-1.913-1.913-.045-.045c-.267-.268-.475-.476-.723-.628a2.452 2.452 0 0 0-.281-.148Zm.397 2.006V4.64c0 .15 0 .241.004.306.065.004.156.004.306.004h1.07L9.85 3.57Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+PageIcon.displayName = "PageIcon";

package/src/__generated__/paint-brush.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/paint-brush.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const PaintBrushIcon = 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 d="M11.391 1.873a1.93 1.93 0 0 1 2.69.046c.753.753.759 1.933.052 2.696-.33.356-.84.916-1.431 1.566-.67.734-1.443 1.584-2.18 2.384A121.12 121.12 0 0 1 8.7 10.512c-.242.25-.45.459-.603.602a2.787 2.787 0 0 1-.22.19.893.893 0 0 1-.178.105.66.66 0 0 1-.869-.325c-.363-.787-1.127-1.548-1.908-1.907a.657.657 0 0 1-.325-.87.894.894 0 0 1 .105-.177 2.79 2.79 0 0 1 .19-.221c.143-.154.352-.361.602-.602a121.42 121.42 0 0 1 1.948-1.824c.8-.736 1.649-1.51 2.383-2.179.65-.591 1.21-1.101 1.566-1.431Zm1.771.966a.631.631 0 0 0-.888-.012c-.352.326-.92.843-1.576 1.441-.74.674-1.592 1.45-2.376 2.172a120.24 120.24 0 0 0-2.114 1.985 5.677 5.677 0 0 1 1.373 1.373l.184-.189c.473-.49 1.115-1.179 1.801-1.925.722-.784 1.498-1.636 2.172-2.375.598-.657 1.115-1.225 1.441-1.577a.635.635 0 0 0-.017-.893ZM3.998 10.002c-1.107 0-2 .893-2 1.999 0 .684-.474 1.114-.948 1.268-.153.05-.242.246-.13.362.625.64 1.533 1.036 2.411 1.036A2.665 2.665 0 0 0 5.997 12c0-1.106-.893-2-2-2Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+PaintBrushIcon.displayName = "PaintBrushIcon";

package/src/__generated__/phone.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/phone.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const PhoneIcon = 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="M4.562 2.719a.64.64 0 0 0-.578 0c-.068.034-.153.108-.532.487l-.102.101c-.361.362-.458.466-.535.604-.09.16-.166.45-.165.633 0 .163.024.261.131.637a11.629 11.629 0 0 0 2.978 5.06 11.63 11.63 0 0 0 5.06 2.978c.376.107.474.13.637.131.184 0 .473-.075.633-.165.138-.077.242-.174.604-.535l.101-.102c.38-.379.453-.464.487-.532a.64.64 0 0 0 0-.578c-.034-.068-.108-.153-.487-.532l-.125-.125c-.25-.25-.305-.3-.347-.327a.64.64 0 0 0-.697 0c-.042.027-.098.078-.347.327l-.015.015c-.058.058-.131.132-.22.195a1.324 1.324 0 0 1-1.116.19c-.104-.03-.19-.071-.255-.103l-.016-.007a10.07 10.07 0 0 1-2.764-1.963 10.068 10.068 0 0 1-1.963-2.764l-.007-.016c-.032-.066-.073-.151-.103-.255a1.324 1.324 0 0 1 .19-1.116c.063-.089.137-.162.195-.22l.015-.015c.25-.25.3-.305.327-.347a.64.64 0 0 0 0-.697c-.027-.042-.078-.098-.327-.347l-.125-.125c-.38-.38-.464-.453-.532-.487Zm-1.165-1.16a1.94 1.94 0 0 1 1.751 0c.28.141.523.385.803.666l.228.228c.185.184.345.344.457.516a1.94 1.94 0 0 1 0 2.115c-.112.172-.272.332-.457.516-.036.036-.073.072-.109.11v.004l.031.067c.418.87.987 1.686 1.71 2.408a8.768 8.768 0 0 0 2.408 1.71l.067.031h.004c.038-.036.074-.073.11-.11.184-.184.344-.344.516-.456a1.94 1.94 0 0 1 2.115 0c.172.112.332.272.516.457l.228.228c.281.28.525.523.666.803.279.55.279 1.2 0 1.75-.141.28-.385.523-.666.803l-.207.208c-.3.3-.53.53-.842.706a2.82 2.82 0 0 1-1.274.331c-.356-.001-.617-.075-.951-.17l-.037-.01a12.93 12.93 0 0 1-5.625-3.31A12.93 12.93 0 0 1 1.53 5.537l-.01-.037c-.095-.334-.169-.595-.17-.951a2.82 2.82 0 0 1 .331-1.274c.175-.311.406-.542.706-.842l.208-.207c.28-.281.522-.525.802-.666Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+PhoneIcon.displayName = "PhoneIcon";

package/src/__generated__/section-link.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/section-link.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const SectionLinkIcon = 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="M8.55 2.658a9.96 9.96 0 0 0-.543-.008H6.08c-.515 0-.862 0-1.13.022-.26.022-.386.06-.472.103a1.15 1.15 0 0 0-.503.503c-.043.086-.081.213-.103.473-.021.267-.022.614-.022 1.129V6a.65.65 0 0 1-1.3 0V4.853c0-.481 0-.881.027-1.208.028-.34.087-.658.24-.957a2.45 2.45 0 0 1 1.07-1.071c.3-.153.618-.213.958-.24.327-.027.727-.027 1.208-.027h2.018c.378 0 .672 0 .955.068a2.45 2.45 0 0 1 .709.293c.248.152.456.36.723.628l2.003 2.003c.268.267.476.475.628.723a2.455 2.455 0 0 1 .293.709c.068.283.068.577.068.955v4.417c0 .482 0 .882-.027 1.21-.028.34-.088.657-.24.956a2.45 2.45 0 0 1-1.07 1.071c-.3.153-.618.213-.958.24-.327.027-.727.027-1.209.027H6.053c-.481 0-.882 0-1.208-.027-.34-.027-.658-.087-.957-.24a2.45 2.45 0 0 1-1.071-1.07 2.028 2.028 0 0 1-.162-.442.65.65 0 1 1 1.263-.31c.017.069.036.12.057.161.11.216.286.392.503.503.085.043.213.081.473.103.267.022.614.022 1.129.022h3.84c.515 0 .862 0 1.13-.022.26-.022.386-.06.472-.103a1.15 1.15 0 0 0 .502-.503c.044-.085.082-.213.104-.473.021-.267.022-.614.022-1.129V6.793c0-.277-.001-.436-.008-.543H10.14c-.15 0-.3 0-.427-.01a1.263 1.263 0 0 1-.48-.126 1.25 1.25 0 0 1-.547-.547 1.263 1.263 0 0 1-.126-.48c-.01-.127-.01-.276-.01-.427V2.658Zm1.3.911V4.64c0 .15 0 .241.004.306.065.004.156.004.306.004h1.07L9.85 3.57ZM2.02 9.333a.65.65 0 0 1 .65-.65h6a.65.65 0 0 1 0 1.3h-6a.65.65 0 0 1-.65-.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+SectionLinkIcon.displayName = "SectionLinkIcon";

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";

package/src/__generated__/subscript.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const SubscriptIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M38.5 40v-4.25q0-.7.4-1.1.4-.4 1.1-.4h4.5V31.5h-6V30h6q.7 0 1.1.4.4.4.4 1.1v2.75q0 .7-.4 1.1-.4.4-1.1.4H40v2.75h6V40Zm-26.75-4L21 21.45 12.4 8h4.3l6.75 10.65L30.2 8h4.3l-8.6 13.45L35.15 36H30.9l-7.45-11.7L16 36Z" /></svg>
+      <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="M8.393 12.37 7.309 9.516h-3.43l-1.084 2.852a.7.7 0 0 1-1.308-.497l2.959-7.785c.072-.19.14-.37.207-.51.056-.117.178-.367.433-.517a.995.995 0 0 1 1.016 0c.255.15.378.4.434.518.066.139.134.319.207.509l2.959 7.785a.7.7 0 0 1-1.309.497ZM4.412 8.116l1.182-3.111 1.183 3.111H4.412Z" clipRule="evenodd" /><path d="M10.24 10.26a.65.65 0 1 0 1.298.067c.007-.122.08-.25.213-.356.065-.051.292-.14.598-.125.302.013.471.115.53.194a.662.662 0 0 1 .111.596l-.007.015a2.84 2.84 0 0 1-.364.538c-.165.193-.707.77-1.224 1.316-.255.27-.499.526-.68.715l-.295.31a.65.65 0 0 0 .467 1.102l2.97.012a.65.65 0 1 0 .005-1.3l-1.465-.006a55.013 55.013 0 0 0 1.21-1.303c.207-.243.351-.462.445-.626a2.92 2.92 0 0 0 .135-.265l.009-.022.003-.007v-.001l.001-.003.003-.006.006-.015a1.423 1.423 0 0 0 .05-.17 1.961 1.961 0 0 0-.337-1.656c-.387-.52-1.016-.695-1.515-.717-.496-.022-1.073.095-1.465.407-.322.256-.67.698-.702 1.307Z" /></svg>
     );
   }
 );

package/src/__generated__/superscript.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const SuperscriptIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M38.5 18v-4.25q0-.7.4-1.1.4-.4 1.1-.4h4.5V9.5h-6V8h6q.7 0 1.1.4.4.4.4 1.1v2.75q0 .7-.4 1.1-.4.4-1.1.4H40v2.75h6V18ZM11.75 40 21 25.45 12.4 12h4.3l6.75 10.65L30.2 12h4.3l-8.6 13.45L35.15 40H30.9l-7.45-11.7L16 40Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M9.484 3.046a.65.65 0 1 0 1.298.067c.006-.123.08-.25.213-.356.065-.052.292-.14.597-.126.302.014.472.116.53.195a.662.662 0 0 1 .112.596l-.007.014c-.01.023-.03.06-.059.112a2.843 2.843 0 0 1-.306.427c-.165.193-.706.77-1.223 1.316l-.68.714-.296.31a.65.65 0 0 0 .467 1.102l2.97.012a.65.65 0 0 0 .006-1.3l-1.465-.006a55 55 0 0 0 1.21-1.303c.207-.243.35-.462.445-.626a2.92 2.92 0 0 0 .135-.265l.009-.02.003-.008v-.002l.001-.002.002-.006.006-.015a1.186 1.186 0 0 0 .051-.17 1.96 1.96 0 0 0-.337-1.656c-.387-.52-1.016-.695-1.515-.718-.496-.022-1.073.095-1.466.407-.322.257-.67.699-.701 1.307Z" /><path fillRule="evenodd" d="M8.393 12.37 7.309 9.516h-3.43l-1.084 2.852a.7.7 0 1 1-1.308-.497l2.959-7.785c.072-.19.14-.37.207-.51.056-.118.178-.367.433-.517a.995.995 0 0 1 1.016 0c.255.15.378.4.434.517.066.14.134.32.207.51l2.959 7.785a.7.7 0 1 1-1.309.497ZM4.412 8.116l1.182-3.111 1.183 3.11H4.412Z" clipRule="evenodd" /></svg>
     );
   }
 );

package/src/__generated__/text-block.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/text-block.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const TextBlockIcon = 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="M5.173 1.35h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.037.029.36.029.802.029 1.34v5.653c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.03-.802.03-1.34.03H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.096-1.036-.26a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029ZM3.939 2.675c-.293.024-.445.068-.552.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.025.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.055.259.098.552.122.301.025.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.067.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.26V5.2c0-.572 0-.96-.025-1.262-.024-.293-.068-.445-.122-.552a1.35 1.35 0 0 0-.59-.59c-.107-.054-.26-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025ZM5.2 4.017H10.8c.082 0 .177 0 .261.007a.995.995 0 0 1 .377.1.99.99 0 0 1 .433.433c.073.144.093.28.101.378.007.083.007.179.007.26v.806a.65.65 0 1 1-1.3 0v-.684H8.65v5.366H10a.65.65 0 1 1 0 1.3H6a.65.65 0 1 1 0-1.3h1.35V5.317H5.32V6a.65.65 0 0 1-1.3 0v-.805c0-.081 0-.177.007-.26a.995.995 0 0 1 .1-.378.99.99 0 0 1 .434-.432.995.995 0 0 1 .377-.101c.084-.007.18-.007.26-.007Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+TextBlockIcon.displayName = "TextBlockIcon";

package/src/__generated__/text-italic.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/text-italic.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const TextItalicIcon = 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 d="M9.985 2.017H6.667a.65.65 0 0 0 0 1.3h2.395L5.55 12.683H3.333a.65.65 0 0 0 0 1.3h6a.65.65 0 1 0 0-1.3H6.938l3.513-9.366h2.216a.65.65 0 1 0 0-1.3H9.985Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+TextItalicIcon.displayName = "TextItalicIcon";

package/src/index.stories.tsx

@@ -1,5 +1,4 @@
 import * as icons from "./index";
-import * as legacyIcons from "./legacy";
 
 export const Icons = ({ testColor }: { testColor: boolean }) => {
   return (
@@ -45,7 +44,6 @@ export const Icons = ({ testColor }: { testColor: boolean }) => {
                   }}
                 >
                   {name.replace(/Icon$/, "")}
-                  {name in legacyIcons && " (legacy)"}
                 </div>
               </div>
             );

package/src/index.ts

@@ -1,12 +1,8 @@
-export * from "./legacy";
 export * from "./__generated__";
 export * from "./list-nested";
-export * from "./brush";
-export * from "./form";
 export * from "./undo";
 export * from "./redo";
 export * from "./devices";
-export * from "./body";
 export * from "./types";
 export * from "./align-content-center";
 export * from "./align-content-end";
@@ -44,7 +40,6 @@ export * from "./trash";
 export * from "./size";
 export * from "./upload";
 export * from "./gear";
-export * from "./page";
 export * from "./copy";
 export * from "./new-page";
 export * from "./new-folder";
@@ -78,7 +73,6 @@ export * from "./text-align-left";
 export * from "./text-align-right";
 export * from "./text-capitalize";
 export * from "./text-hyphen";
-export * from "./text-italic";
 export * from "./text-lowercase";
 export * from "./text-strikethrough";
 export * from "./text-truncate";

package/lib/body.js

@@ -1,30 +0,0 @@
-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"
-          }
-        )
-      }
-    );
-  }
-);
-BodyIcon.displayName = "BodyIcon";
-export {
-  BodyIcon
-};