@webstudio-is/icons 0.60.0 → 0.62.0

package/src/align-items-baseline.tsx

@@ -1,53 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignItemsBaselineIcon = React.forwardRef<
-  SVGSVGElement,
-  IconProps
->(({ color = "currentColor", ...props }, forwardedRef) => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-      ref={forwardedRef}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10 6H8V15H10V6ZM7 5V16H11V5H7Z"
-        fill={color}
-      />
-      <path d="M7 12H11V18H7V12Z" fill={color} />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M10 13H8V17H10V13ZM7 12V18H11V12H7Z"
-        fill={color}
-      />
-      <path d="M13 12H16V15H13V12Z" fill={color} />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M15 13H14V14H15V13ZM13 12V15H16V12H13Z"
-        fill={color}
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M16 8H14V15H16V8ZM13 7V16H17V7H13Z"
-        fill={color}
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M20 13H4V11.5H20V13Z"
-        fill={color}
-      />
-    </svg>
-  );
-});
-AlignItemsBaselineIcon.displayName = "AlignItemsBaselineIcon";

package/src/align-items-center.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignItemsCenterIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M10.4 11H12.8V5L15 5V11H20V12.6H15V19H12.8V12.6H10.4V17H8.2V12.6H4V11H8.2V7H10.4V11Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-AlignItemsCenterIcon.displayName = "AlignItemsCenterIcon";

package/src/align-items-end.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignItemsEndIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M16 16H19.2V17.6H4.80005V16H8.00005V9.59999H11.2V16H12.8V6.39999H16V16Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-AlignItemsEndIcon.displayName = "AlignItemsEndIcon";

package/src/align-items-start.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignItemsStartIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12.8 7.99999H11.2V14.4H8.00005V7.99999H4.80005V6.39999H19.2V7.99999H16V17.6H12.8V7.99999Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-AlignItemsStartIcon.displayName = "AlignItemsStartIcon";

package/src/align-items-stretch.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignItemsStretchIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M16 16H19.2V17.6H4.80005V16H8.00005V7.99999H4.80005V6.39999H19.2V7.99999H16V16ZM12.8 16V7.99999H11.2V16H12.8Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-AlignItemsStretchIcon.displayName = "AlignItemsStretchIcon";

package/src/align-self-baseline.tsx

@@ -1,47 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignSelfBaselineIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        {...props}
-        ref={forwardedRef}
-      >
-        <mask id="a" fill="#fff">
-          <rect width="3" height="10" x="6.5" y="3" rx=".8" />
-        </mask>
-        <rect
-          width="3"
-          height="10"
-          x="6.5"
-          y="3"
-          stroke={color}
-          strokeWidth="2"
-          mask="url(#a)"
-          rx=".8"
-        />
-        <rect
-          width="3"
-          height="5.73926"
-          x="6.5"
-          y="7.25977"
-          fill={color}
-          rx=".8"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M1.5 7.95c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7 0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7Z"
-          clipRule="evenodd"
-        />
-      </svg>
-    );
-  }
-);
-AlignSelfBaselineIcon.displayName = "AlignSelfBaselineIcon";

package/src/align-self-center.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignSelfCenterIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        {...props}
-        ref={forwardedRef}
-      >
-        <rect width="3" height="10" x="6.5" y="3" fill={color} rx=".8" />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M1.5 7.95c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7 0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7Z"
-          clipRule="evenodd"
-        />
-      </svg>
-    );
-  }
-);
-AlignSelfCenterIcon.displayName = "AlignSelfCenterIcon";

package/src/align-self-end.tsx

@@ -1,35 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignSelfEndIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M14.5 14.2004c0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7 0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7Z"
-          clipRule="evenodd"
-        />
-        <rect
-          width="3"
-          height="9"
-          x="9.5"
-          y="12.4004"
-          fill={color}
-          rx=".8"
-          transform="rotate(-180 9.5 12.4004)"
-        />
-      </svg>
-    );
-  }
-);
-AlignSelfEndIcon.displayName = "AlignSelfEndIcon";

package/src/align-self-start.tsx

@@ -1,27 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignSelfStartIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M1.5 1.79961c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7 0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7Z"
-          clipRule="evenodd"
-        />
-        <rect width="3" height="9" x="6.5" y="3.59961" fill={color} rx=".8" />
-      </svg>
-    );
-  }
-);
-AlignSelfStartIcon.displayName = "AlignSelfStartIcon";

package/src/align-self-stretch.tsx

@@ -1,41 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const AlignSelfStretchIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M14.5 14.2004c0 .3866-.3439.7-.7682.7H2.26818c-.42425 0-.76818-.3134-.76818-.7 0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7Z"
-          clipRule="evenodd"
-        />
-        <rect
-          width="3"
-          height="9"
-          x="9.5"
-          y="12.5"
-          fill={color}
-          rx=".8"
-          transform="rotate(-180 9.5 12.5)"
-        />
-        <path
-          fill={color}
-          fillRule="evenodd"
-          d="M14.5 1.8c0 .3866-.3439.7-.7682.7H2.26818C1.84393 2.5 1.5 2.1866 1.5 1.8c0-.3866.34393-.7.76818-.7H13.7318c.4243 0 .7682.3134.7682.7Z"
-          clipRule="evenodd"
-        />
-      </svg>
-    );
-  }
-);
-AlignSelfStretchIcon.displayName = "AlignSelfStretchIcon";

package/src/flex-direction-column-reverse.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexDirectionColumnReverseIcon = React.forwardRef<
-  SVGSVGElement,
-  IconProps
->(({ color = "currentColor", ...props }, forwardedRef) => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-      ref={forwardedRef}
-      style={{ transform: "rotate(180deg)" }}
-    >
-      <path
-        d="M11.1667 6L11.1667 15.8881L8.175 12.9794L7 14.125L12 19L17 14.125L15.825 12.9794L12.8333 15.8881L12.8333 6L11.1667 6Z"
-        fill={color}
-      />
-    </svg>
-  );
-});
-FlexDirectionColumnReverseIcon.displayName = "FlexDirectionColumnReverseIcon";

package/src/flex-direction-column.tsx

@@ -1,25 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexDirectionColumnIcon = React.forwardRef<
-  SVGSVGElement,
-  IconProps
->(({ color = "currentColor", ...props }, forwardedRef) => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-      ref={forwardedRef}
-    >
-      <path
-        d="M11.1667 6L11.1667 15.8881L8.175 12.9794L7 14.125L12 19L17 14.125L15.825 12.9794L12.8333 15.8881L12.8333 6L11.1667 6Z"
-        fill={color}
-      />
-    </svg>
-  );
-});
-FlexDirectionColumnIcon.displayName = "FlexDirectionColumnIcon";

package/src/flex-direction-row-reverse.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexDirectionRowReverseIcon = React.forwardRef<
-  SVGSVGElement,
-  IconProps
->(({ color = "currentColor", ...props }, forwardedRef) => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-      ref={forwardedRef}
-      style={{ transform: "rotate(180deg)" }}
-    >
-      <path
-        d="M5 12.8334L14.8881 12.8334L11.9794 15.825L13.125 17L18 12L13.125 7.00003L11.9794 8.17503L14.8881 11.1667L5 11.1667V12.8334Z"
-        fill={color}
-      />
-    </svg>
-  );
-});
-FlexDirectionRowReverseIcon.displayName = "FlexDirectionRowReverseIcon";

package/src/flex-direction-row.tsx

@@ -1,24 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexDirectionRowIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          d="M5 12.8334L14.8881 12.8334L11.9794 15.825L13.125 17L18 12L13.125 7.00003L11.9794 8.17503L14.8881 11.1667L5 11.1667V12.8334Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-FlexDirectionRowIcon.displayName = "FlexDirectionRowIcon";

package/src/flex-sizing-grow.tsx

@@ -1,34 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexSizingGrowIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fill={color}
-          d="M10.7641 5.54038c-.2539-.25384-.6654-.25384-.91928 0-.25384.25384-.25384.6654 0 .91924l.91928-.91924ZM12.3044 8l.4597.45962c.2538-.25384.2538-.6654 0-.91924L12.3044 8ZM9.84482 9.54038c-.25384.25384-.25384.66542 0 .91922.25388.2539.66538.2539.91928 0l-.91928-.91922ZM7.80469 7.35c-.35899 0-.65.29101-.65.65 0 .35899.29101.65.65.65v-1.3Zm2.04013-.89038 1.99998 2 .9193-.91924-2-2-.91928.91924Zm1.99998 1.08076-1.99998 2 .91928.91922 2-1.99998-.9193-.91924ZM7.80469 8.65h4.49971v-1.3H7.80469v1.3Z"
-        />
-        <path
-          fill={color}
-          d="m3.69531 8-.45962-.45962c-.25384.25384-.25384.6654 0 .91924L3.69531 8Zm2.45962-1.54038c.25384-.25384.25384-.6654 0-.91924-.25384-.25384-.6654-.25384-.91924 0l.91924.91924Zm-.91924 3.99998c.25384.2539.6654.2539.91924 0 .25384-.2538.25384-.66538 0-.91922l-.91924.91922ZM8.19556 8.65c.35898 0 .65-.29101.65-.65 0-.35899-.29102-.65-.65-.65v1.3Zm-4.04063-.19038 2-2-.91924-.91924-2 2 .91924.91924Zm-.91924 0 2 1.99998.91924-.91922-2-2-.91924.91924Zm.45962.19038h4.50025v-1.3H3.69531v1.3Z"
-        />
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeWidth="1.4"
-          d="M1.5 2.5v11m13-11v11"
-        />
-      </svg>
-    );
-  }
-);
-FlexSizingGrowIcon.displayName = "FlexSizingGrowIcon";

package/src/flex-sizing-shrink.tsx

@@ -1,30 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexSizingShrinkIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 16 16"
-        width="16"
-        height="16"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          stroke={color}
-          strokeLinecap="round"
-          strokeWidth="1.4"
-          d="M7.95312 2.5v11"
-        />
-        <path
-          fill={color}
-          d="m5.42188 8 .51745.47143c.2434-.26716.2434-.6757 0-.94286L5.42188 8ZM3.0823 9.52857c-.26036.28578-.23976.72853.04602.98883.28578.2604.72852.2398.98888-.046l-1.0349-.94283Zm1.0349-4c-.26036-.28578-.7031-.30638-.98888-.04602-.28578.26036-.30638.7031-.04602.98888l1.0349-.94286ZM1.32188 7.3c-.386604 0-.700005.3134-.700005.7 0 .3866.313401.7.700005.7V7.3Zm3.58255.22857-1.82213 2 1.0349.94283 1.82213-1.99997-1.0349-.94286Zm1.0349 0-1.82213-2-1.0349.94286 1.82212 2 1.03491-.94286ZM5.42188 7.3h-4.1v1.4h4.1V7.3Zm6.41672 3.1776c.2638.2827.7068.2979.9894.0341.2826-.2638.2979-.70672.0341-.98934l-1.0235.95524ZM10.4836 8l-.51173-.47764c-.25103.26895-.25103.68633 0 .95528L10.4836 8Zm2.3785-1.52236c.2638-.28262.2485-.72557-.0341-.98937-.2826-.26379-.7256-.24853-.9894.03409l1.0235.95528ZM14.6836 8.7c.3866 0 .7-.3134.7-.7 0-.3866-.3134-.7-.7-.7v1.4Zm-1.8215.82236-1.8668-2-1.02343.95528 1.86673 1.99996 1.0235-.95524Zm-1.8668-1.04472 1.8668-2-1.0235-.95528-1.86673 2 1.02343.95528ZM14.6836 7.3h-4.2v1.4h4.2V7.3Z"
-        />
-      </svg>
-    );
-  }
-);
-FlexSizingShrinkIcon.displayName = "FlexSizingGrowIcon";

package/src/flex-wrap-no-wrap.tsx

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexWrapNowrapIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M13 9H11V15H13V9ZM19 9H17V15H19V9ZM7 9H5V15H7V9ZM4 8V16H8V8H4ZM14 8V16H10V8H14ZM20 8V16H16V8H20Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-FlexWrapNowrapIcon.displayName = "FlexWrapNowrapIcon";

package/src/flex-wrap-wrap-reverse.tsx

@@ -1,31 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexWrapWrapReverseIcon = React.forwardRef<
-  SVGSVGElement,
-  IconProps
->(({ color = "currentColor", ...props }, forwardedRef) => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-      ref={forwardedRef}
-      style={{ transform: "rotate(180deg)" }}
-    >
-      <path d="M16 13H20V20H16V13Z" fill={color} />
-      <path d="M4 13H8V20H4V13Z" fill={color} />
-      <path d="M10 13H14V20H10V13Z" fill={color} />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13 5H11V10H13V5ZM19 5H17V10H19V5ZM7 5H5V10H7V5ZM19 14H17V19H19V14ZM7 14H5V19H7V14ZM13 14H11V19H13V14ZM8 4V11H4V4H8ZM10 4V11H14V4H10ZM16 4V11H20V4H16ZM16 13V20H20V13H16ZM8 13V20H4V13H8ZM10 13V20H14V13H10Z"
-        fill={color}
-      />
-    </svg>
-  );
-});
-FlexWrapWrapReverseIcon.displayName = "FlexWrapWrapReverseIcon";

package/src/flex-wrap-wrap.tsx

@@ -1,29 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const FlexWrapWrapIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path d="M16 13H20V20H16V13Z" fill={color} />
-        <path d="M4 13H8V20H4V13Z" fill={color} />
-        <path d="M10 13H14V20H10V13Z" fill={color} />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M13 5H11V10H13V5ZM19 5H17V10H19V5ZM7 5H5V10H7V5ZM19 14H17V19H19V14ZM7 14H5V19H7V14ZM13 14H11V19H13V14ZM8 4V11H4V4H8ZM10 4V11H14V4H10ZM16 4V11H20V4H16ZM16 13V20H20V13H16ZM8 13V20H4V13H8ZM10 13V20H14V13H10Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-FlexWrapWrapIcon.displayName = "FlexWrapWrapIcon";

package/src/gap-column.tsx

@@ -1,33 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const ColumnGapIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-      >
-        <path
-          d="M14.4704 6H13.4407L13.4407 18L14.4704 18L14.4704 6Z"
-          fill={color}
-        />
-        <path d="M14.4704 6H17.5593V7H14.4704L14.4704 6Z" fill={color} />
-        <path
-          d="M14.4704 17L17.5593 17V18L14.4704 18L14.4704 17Z"
-          fill={color}
-        />
-        <path
-          d="M6.44074 6L10.5296 6L10.5296 18L6.44073 18L6.44073 17L9.5 17L9.5 7L6.44074 7L6.44074 6Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-ColumnGapIcon.displayName = "ColumnGapIcon";

package/src/gap-row.tsx

@@ -1,34 +0,0 @@
-import * as React from "react";
-import type { IconProps } from "./types";
-
-export const RowGapIcon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return (
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-        ref={forwardedRef}
-        style={{ transform: "rotate(90deg)" }}
-      >
-        <path
-          d="M14.4704 6H13.4407L13.4407 18L14.4704 18L14.4704 6Z"
-          fill={color}
-        />
-        <path d="M14.4704 6H17.5593V7H14.4704L14.4704 6Z" fill={color} />
-        <path
-          d="M14.4704 17L17.5593 17V18L14.4704 18L14.4704 17Z"
-          fill={color}
-        />
-        <path
-          d="M6.44074 6L10.5296 6L10.5296 18L6.44073 18L6.44073 17L9.5 17L9.5 7L6.44074 7L6.44074 6Z"
-          fill={color}
-        />
-      </svg>
-    );
-  }
-);
-RowGapIcon.displayName = "RowGapIcon";