@webstudio-is/icons 0.51.0 → 0.53.0

package/lib/types/devices.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const DevicesIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/ellipses.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const EllipsesIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-direction-column-reverse.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexDirectionColumnReverseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-direction-column.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexDirectionColumnIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-direction-row-reverse.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexDirectionRowReverseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-direction-row.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexDirectionRowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-sizing-grow.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexSizingGrowIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-sizing-shrink.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexSizingShrinkIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-wrap-no-wrap.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexWrapNowrapIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-wrap-wrap-reverse.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexWrapWrapReverseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/flex-wrap-wrap.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const FlexWrapWrapIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/gap-column.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ColumnGapIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/gap-row.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const RowGapIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/gear.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const gearIconCssVars: ({ fill }: {
+    fill: string;
+}) => {
+    [x: string]: string;
+};
+export declare const GearIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/index.d.ts

@@ -0,0 +1,83 @@
+export * from "./__generated__";
+export * from "./list-nested";
+export * from "./undo";
+export * from "./redo";
+export * from "./devices";
+export * from "./types";
+export * from "./align-content-center";
+export * from "./align-content-end";
+export * from "./align-content-space-around";
+export * from "./align-content-space-between";
+export * from "./align-content-start";
+export * from "./align-content-stretch";
+export * from "./align-items-baseline";
+export * from "./align-items-center";
+export * from "./align-items-end";
+export * from "./align-items-start";
+export * from "./align-items-stretch";
+export * from "./flex-direction-row";
+export * from "./flex-direction-column";
+export * from "./flex-direction-row-reverse";
+export * from "./flex-direction-column-reverse";
+export * from "./flex-wrap-wrap";
+export * from "./flex-wrap-no-wrap";
+export * from "./flex-wrap-wrap-reverse";
+export * from "./justify-content-center";
+export * from "./justify-content-end";
+export * from "./justify-content-space-around";
+export * from "./justify-content-space-between";
+export * from "./justify-content-start";
+export * from "./justify-items-center";
+export * from "./justify-items-end";
+export * from "./justify-items-space-around";
+export * from "./justify-items-space-between";
+export * from "./justify-items-start";
+export * from "./gap-row";
+export * from "./gap-column";
+export * from "./aspect-ratio";
+export * from "./cloud";
+export * from "./trash";
+export * from "./size";
+export * from "./upload";
+export * from "./gear";
+export * from "./copy";
+export * from "./new-page";
+export * from "./new-folder";
+export * from "./chevron-double-up";
+export * from "./chevron-double-down";
+export * from "./chevron-double-left";
+export * from "./chevron-double-right";
+export * from "./chevron-up";
+export * from "./chevron-down";
+export * from "./chevron-left";
+export * from "./chevron-right";
+export * from "./cross-circled-filled";
+export * from "./cross";
+export * from "./magnifying-glass";
+export * from "./menu";
+export * from "./align-self-start";
+export * from "./align-self-end";
+export * from "./align-self-center";
+export * from "./align-self-stretch";
+export * from "./align-self-baseline";
+export * from "./flex-sizing-grow";
+export * from "./flex-sizing-shrink";
+export * from "./order-first";
+export * from "./order-last";
+export * from "./cross-small";
+export * from "./cross-large";
+export * from "./ellipses";
+export * from "./text-align-center";
+export * from "./text-align-justify";
+export * from "./text-align-left";
+export * from "./text-align-right";
+export * from "./text-capitalize";
+export * from "./text-hyphen";
+export * from "./text-lowercase";
+export * from "./text-strikethrough";
+export * from "./text-truncate";
+export * from "./text-underline";
+export * from "./text-uppercase";
+export * from "./text-direction-ltr";
+export * from "./text-direction-rtl";
+export * from "./check-mark";

package/lib/types/index.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const Icons: ({ testColor }: {
+    testColor: boolean;
+}) => JSX.Element;
+declare const _default: {
+    title: string;
+    component: ({ testColor }: {
+        testColor: boolean;
+    }) => JSX.Element;
+    argTypes: {
+        testColor: {
+            name: string;
+            defaultValue: boolean;
+        };
+    };
+};
+export default _default;

package/lib/types/justify-content-center.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyContentCenterIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-content-end.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyContentEndIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-content-space-around.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyContentSpaceAroundIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-content-space-between.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyContentSpaceBetweenIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-content-start.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyContentStartIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-items-center.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyItemsCenterIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-items-end.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyItemsEndIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-items-space-around.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyItemsSpaceAroundIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-items-space-between.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyItemsSpaceBetweenIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/justify-items-start.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const JustifyItemsStartIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/list-nested.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const ListNestedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/magnifying-glass.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const MagnifyingGlassIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/menu.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const MenuIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/new-folder.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const NewFolderIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/new-page.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const NewPageIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/order-first.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const OrderFirstIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/order-last.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const OrderLastIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/redo.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const RedoIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/size.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const SizeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-align-center.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextAlignCenterIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-align-justify.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextAlignJustifyIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-align-left.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextAlignLeftIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-align-right.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextAlignRightIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-capitalize.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextCapitalizeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-direction-ltr.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextDirectionLTRIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-direction-rtl.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextDirectionRTLIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-hyphen.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextHyphenIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-lowercase.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextLowercaseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-strikethrough.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextStrikethroughIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-truncate.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextTruncateIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-underline.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextUnderlineIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/text-uppercase.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TextUppercaseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/trash.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const TrashIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/types.d.ts

@@ -0,0 +1,9 @@
+import type { SVGAttributes, RefAttributes, ForwardRefExoticComponent } from "react";
+export interface IconProps extends SVGAttributes<SVGElement> {
+    children?: never;
+    color?: string;
+    size?: number;
+}
+export type IconComponent = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+export type IconRecord = Record<string, IconComponent>;
+export type IconRecords = Record<string, IconRecord>;

package/lib/types/undo.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const UndoIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/lib/types/upload.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { IconProps } from "./types";
+export declare const UploadIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.51.0",
+  "version": "0.53.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.51.0"
+    "@webstudio-is/css-vars": "^0.53.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__/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";