@custmaz/layout-icons 0.1.0

package/src/icons/Split.tsx

@@ -0,0 +1,22 @@
+import { createIcon } from "../createIcon";
+import { horizontalStack } from "../iconLayout";
+
+export const Split = createIcon("Split", ({ radius }) => (
+    <>
+        {horizontalStack({
+            count: 2,
+            startX: 3,
+            gap: 10,
+            render: (x, i) => (
+                <rect
+                    key={i}
+                    x={x}
+                    y={3}
+                    width={8}
+                    height={18}
+                    rx={radius}
+                />
+            ),
+        })}
+    </>
+));

package/src/icons/Tall.tsx

@@ -0,0 +1,22 @@
+import { createIcon } from "../createIcon";
+import { horizontalStack } from "../iconLayout";
+
+export const Tall = createIcon("Tall", ({ radius }) => (
+    <>
+        {horizontalStack({
+            count: 3,
+            startX: 3,
+            gap: 6.5,
+            render: (x, i) => (
+                <rect
+                    key={i}
+                    x={x}
+                    y={3}
+                    width={5}
+                    height={18}
+                    rx={radius}
+                />
+            ),
+        })}
+    </>
+));

package/src/index.tsx

@@ -0,0 +1,14 @@
+export { Grid } from "./icons/Grid";
+export { Grid3x3 } from "./icons/Grid3x3";
+export { Masonry } from "./icons/Masonry";
+export { List } from "./icons/List";
+export { Tall } from "./icons/Tall";
+export { Landscape } from "./icons/Landscape";
+export { Card } from "./icons/Card";
+export { Split } from "./icons/Split";
+
+export { HamburgerMenu } from "./icons/HamburgerMenu";
+export { Kebab } from "./icons/Kebab";
+export { Meatballs } from "./icons/Meatballs";
+
+export type { IconProps } from "./types";

package/src/types.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+    strokeWidth?: number;
+    radius?: number;
+    variant?: "outline" | "filled";
+    title?: string;
+}

package/tsconfig.json

@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+        "target": "ES2019",
+        "module": "ESNext",
+        "jsx": "react-jsx",
+        "declaration": true,
+        "outDir": "dist",
+        "strict": true,
+        "moduleResolution": "Node",
+        "esModuleInterop": true,
+        "skipLibCheck": true
+    },
+    "include": [
+        "src"
+    ]
+}