@orchestrator-ui/orchestrator-ui-components 7.4.1 → 7.5.1

package/src/icons/heroicons/WfoArrowUp.tsx

@@ -4,24 +4,14 @@ import { WfoIconProps } from '@/icons/WfoIconProps';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-export const WfoArrowUpSvg: FC<WfoIconProps> = ({
-    width = 12,
-    height = 14,
-    color = 'currentColor',
-}) => (
-    <svg
-        width={width}
-        height={height}
-        viewBox="4 3 12 14"
-        fill={color}
-        xmlns="http://www.w3.org/2000/svg"
-    >
-        <path
-            fillRule="evenodd"
-            d="M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z"
-            clipRule="evenodd"
-        />
-    </svg>
+export const WfoArrowUpSvg: FC<WfoIconProps> = ({ width = 12, height = 14, color = 'currentColor' }) => (
+  <svg width={width} height={height} viewBox="4 3 12 14" fill={color} xmlns="http://www.w3.org/2000/svg">
+    <path
+      fillRule="evenodd"
+      d="M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z"
+      clipRule="evenodd"
+    />
+  </svg>
 );
 
 export const WfoArrowUp = withWfoHeroIconsWrapper(WfoArrowUpSvg);

package/src/icons/heroicons/WfoArrowsUpDown.tsx

@@ -4,24 +4,14 @@ import { WfoIconProps } from '@/icons/WfoIconProps';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-const WfoArrowsUpDownSvg: FC<WfoIconProps> = ({
-    width = 20,
-    height = 20,
-    color = 'currentColor',
-}) => (
-    <svg
-        width={width}
-        height={height}
-        viewBox="2 2 20 20"
-        fill={color}
-        xmlns="http://www.w3.org/2000/svg"
-    >
-        <path
-            fillRule="evenodd"
-            d="M6.97 2.47a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.25 4.81V16.5a.75.75 0 0 1-1.5 0V4.81L3.53 8.03a.75.75 0 0 1-1.06-1.06l4.5-4.5Zm9.53 4.28a.75.75 0 0 1 .75.75v11.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 1 1 1.06-1.06l3.22 3.22V7.5a.75.75 0 0 1 .75-.75Z"
-            clipRule="evenodd"
-        />
-    </svg>
+const WfoArrowsUpDownSvg: FC<WfoIconProps> = ({ width = 20, height = 20, color = 'currentColor' }) => (
+  <svg width={width} height={height} viewBox="2 2 20 20" fill={color} xmlns="http://www.w3.org/2000/svg">
+    <path
+      fillRule="evenodd"
+      d="M6.97 2.47a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.25 4.81V16.5a.75.75 0 0 1-1.5 0V4.81L3.53 8.03a.75.75 0 0 1-1.06-1.06l4.5-4.5Zm9.53 4.28a.75.75 0 0 1 .75.75v11.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 1 1 1.06-1.06l3.22 3.22V7.5a.75.75 0 0 1 .75-.75Z"
+      clipRule="evenodd"
+    />
+  </svg>
 );
 
 export const WfoArrowsUpDown = withWfoHeroIconsWrapper(WfoArrowsUpDownSvg);

package/src/icons/heroicons/WfoBracketSquare.tsx

@@ -4,26 +4,22 @@ import { WfoIconProps } from '@/icons/WfoIconProps';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-export const WfoBracketSquareSvg: FC<WfoIconProps> = ({
-    width = 24,
-    height = 24,
-    color = 'currentColor',
-}) => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 24 24"
-        width={width}
-        height={height}
-        strokeWidth={1.5}
-        stroke={color}
-    >
-        <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            d="M14.25 9.75 16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z"
-        />
-    </svg>
+export const WfoBracketSquareSvg: FC<WfoIconProps> = ({ width = 24, height = 24, color = 'currentColor' }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    width={width}
+    height={height}
+    strokeWidth={1.5}
+    stroke={color}
+  >
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M14.25 9.75 16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z"
+    />
+  </svg>
 );
 
 export const WfoBracketSquare = withWfoHeroIconsWrapper(WfoBracketSquareSvg);

package/src/icons/heroicons/WfoCommandLine.tsx

@@ -4,26 +4,22 @@ import { WfoIconProps } from '@/icons/WfoIconProps';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-export const WfoCommandLineSvg: FC<WfoIconProps> = ({
-    width = 24,
-    height = 24,
-    color = 'currentColor',
-}) => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 24 24"
-        strokeWidth={1.5}
-        width={width}
-        height={height}
-        stroke={color}
-    >
-        <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            d="m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z"
-        />
-    </svg>
+export const WfoCommandLineSvg: FC<WfoIconProps> = ({ width = 24, height = 24, color = 'currentColor' }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    strokeWidth={1.5}
+    width={width}
+    height={height}
+    stroke={color}
+  >
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z"
+    />
+  </svg>
 );
 
 export const WfoCommandLine = withWfoHeroIconsWrapper(WfoCommandLineSvg);

package/src/icons/heroicons/WfoHeroIconsWrapper.tsx

@@ -3,35 +3,32 @@ import React, { FC, ReactElement } from 'react';
 import { WfoIconProps } from '@/icons';
 
 export type WfoHeroIconsWrapperProps = {
-    children: ReactElement;
-    className?: string;
+  children: ReactElement;
+  className?: string;
 };
 
-export const WfoHeroIconsWrapper: FC<WfoHeroIconsWrapperProps> = ({
-    children,
-    className,
-}) => (
-    <div
-        className={className}
-        css={{
-            display: 'flex',
-            alignItems: 'center',
-            height: '100%',
-        }}
-    >
-        {children}
-    </div>
+export const WfoHeroIconsWrapper: FC<WfoHeroIconsWrapperProps> = ({ children, className }) => (
+  <div
+    className={className}
+    css={{
+      display: 'flex',
+      alignItems: 'center',
+      height: '100%',
+    }}
+  >
+    {children}
+  </div>
 );
 
 export const withWfoHeroIconsWrapper = (Icon: FC<WfoIconProps>) => {
-    const wfoHeroIconsWrapperWithIcon = ({
-        className,
-        ...iconProps
-    }: WfoIconProps & Omit<WfoHeroIconsWrapperProps, 'children'>) => (
-        <WfoHeroIconsWrapper className={className}>
-            <Icon {...iconProps} />
-        </WfoHeroIconsWrapper>
-    );
-    wfoHeroIconsWrapperWithIcon.displayName = 'WfoHeroIconsWrapper';
-    return wfoHeroIconsWrapperWithIcon;
+  const wfoHeroIconsWrapperWithIcon = ({
+    className,
+    ...iconProps
+  }: WfoIconProps & Omit<WfoHeroIconsWrapperProps, 'children'>) => (
+    <WfoHeroIconsWrapper className={className}>
+      <Icon {...iconProps} />
+    </WfoHeroIconsWrapper>
+  );
+  wfoHeroIconsWrapperWithIcon.displayName = 'WfoHeroIconsWrapper';
+  return wfoHeroIconsWrapperWithIcon;
 };

package/src/icons/heroicons/WfoScheduledTaskOnce.tsx

@@ -4,29 +4,19 @@ import { WfoIconProps } from '@/icons';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-const WfoScheduledTaskOnceSvg: FC<WfoIconProps> = ({
-    width = 20,
-    height = 20,
-    color = 'currentColor',
-}) => (
-    <svg
-        width={width}
-        height={height}
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 24 24"
-        strokeWidth={1.5}
-        stroke={color}
-        className="size-6"
-    >
-        <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
-        />
-    </svg>
+const WfoScheduledTaskOnceSvg: FC<WfoIconProps> = ({ width = 20, height = 20, color = 'currentColor' }) => (
+  <svg
+    width={width}
+    height={height}
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    strokeWidth={1.5}
+    stroke={color}
+    className="size-6"
+  >
+    <path strokeLinecap="round" strokeLinejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+  </svg>
 );
 
-export const WfoScheduledTaskOnce = withWfoHeroIconsWrapper(
-    WfoScheduledTaskOnceSvg,
-);
+export const WfoScheduledTaskOnce = withWfoHeroIconsWrapper(WfoScheduledTaskOnceSvg);

package/src/icons/heroicons/WfoScheduledTaskRecurring.tsx

@@ -4,29 +4,23 @@ import { WfoIconProps } from '@/icons';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-export const WfoScheduledTaskRecurringSvg: FC<WfoIconProps> = ({
-    width = 20,
-    height = 20,
-    color = 'currentColor',
-}) => (
-    <svg
-        width={width}
-        height={height}
-        xmlns="http://www.w3.org/2000/svg"
-        stroke={color}
-        fill="none"
-        viewBox="0 0 24 24"
-        strokeWidth={1.5}
-        className="size-6"
-    >
-        <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 0 0-3.7-3.7 48.678 48.678 0 0 0-7.324 0 4.006 4.006 0 0 0-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 0 0 3.7 3.7 48.656 48.656 0 0 0 7.324 0 4.006 4.006 0 0 0 3.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3-3 3"
-        />
-    </svg>
+export const WfoScheduledTaskRecurringSvg: FC<WfoIconProps> = ({ width = 20, height = 20, color = 'currentColor' }) => (
+  <svg
+    width={width}
+    height={height}
+    xmlns="http://www.w3.org/2000/svg"
+    stroke={color}
+    fill="none"
+    viewBox="0 0 24 24"
+    strokeWidth={1.5}
+    className="size-6"
+  >
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 0 0-3.7-3.7 48.678 48.678 0 0 0-7.324 0 4.006 4.006 0 0 0-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 0 0 3.7 3.7 48.656 48.656 0 0 0 7.324 0 4.006 4.006 0 0 0 3.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3-3 3"
+    />
+  </svg>
 );
 
-export const WfoScheduledTaskRecurring = withWfoHeroIconsWrapper(
-    WfoScheduledTaskRecurringSvg,
-);
+export const WfoScheduledTaskRecurring = withWfoHeroIconsWrapper(WfoScheduledTaskRecurringSvg);

package/src/icons/heroicons/WfoSquareStack3dStack.tsx

@@ -4,24 +4,12 @@ import { WfoIconProps } from '@/icons';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-const WfoSquareStack3dStackSvg: FC<WfoIconProps> = ({
-    width = 20,
-    height = 20,
-    color = 'currentColor',
-}) => (
-    <svg
-        width={width}
-        height={height}
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 24 24"
-        fill={color}
-    >
-        <path d="M11.644 1.59a.75.75 0 0 1 .712 0l9.75 5.25a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.712 0l-9.75-5.25a.75.75 0 0 1 0-1.32l9.75-5.25Z" />
-        <path d="m3.265 10.602 7.668 4.129a2.25 2.25 0 0 0 2.134 0l7.668-4.13 1.37.739a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.71 0l-9.75-5.25a.75.75 0 0 1 0-1.32l1.37-.738Z" />
-        <path d="m10.933 19.231-7.668-4.13-1.37.739a.75.75 0 0 0 0 1.32l9.75 5.25c.221.12.489.12.71 0l9.75-5.25a.75.75 0 0 0 0-1.32l-1.37-.738-7.668 4.13a2.25 2.25 0 0 1-2.134-.001Z" />
-    </svg>
+const WfoSquareStack3dStackSvg: FC<WfoIconProps> = ({ width = 20, height = 20, color = 'currentColor' }) => (
+  <svg width={width} height={height} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill={color}>
+    <path d="M11.644 1.59a.75.75 0 0 1 .712 0l9.75 5.25a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.712 0l-9.75-5.25a.75.75 0 0 1 0-1.32l9.75-5.25Z" />
+    <path d="m3.265 10.602 7.668 4.129a2.25 2.25 0 0 0 2.134 0l7.668-4.13 1.37.739a.75.75 0 0 1 0 1.32l-9.75 5.25a.75.75 0 0 1-.71 0l-9.75-5.25a.75.75 0 0 1 0-1.32l1.37-.738Z" />
+    <path d="m10.933 19.231-7.668-4.13-1.37.739a.75.75 0 0 0 0 1.32l9.75 5.25c.221.12.489.12.71 0l9.75-5.25a.75.75 0 0 0 0-1.32l-1.37-.738-7.668 4.13a2.25 2.25 0 0 1-2.134-.001Z" />
+  </svg>
 );
 
-export const WfoSquareStack3dStack = withWfoHeroIconsWrapper(
-    WfoSquareStack3dStackSvg,
-);
+export const WfoSquareStack3dStack = withWfoHeroIconsWrapper(WfoSquareStack3dStackSvg);

package/src/icons/heroicons/WfoTableCells.tsx

@@ -4,26 +4,22 @@ import { WfoIconProps } from '@/icons/WfoIconProps';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-export const WfoTableCellsSvg: FC<WfoIconProps> = ({
-    width = 24,
-    height = 24,
-    color = 'currentColor',
-}) => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 24 24"
-        strokeWidth={1.5}
-        stroke={color}
-        width={width}
-        height={height}
-    >
-        <path
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m0 0h7.5"
-        />
-    </svg>
+export const WfoTableCellsSvg: FC<WfoIconProps> = ({ width = 24, height = 24, color = 'currentColor' }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    strokeWidth={1.5}
+    stroke={color}
+    width={width}
+    height={height}
+  >
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m0 0h7.5"
+    />
+  </svg>
 );
 
 export const WfoTableCells = withWfoHeroIconsWrapper(WfoTableCellsSvg);

package/src/icons/heroicons/WfoWrench.tsx

@@ -4,24 +4,14 @@ import { WfoIconProps } from '@/icons';
 
 import { withWfoHeroIconsWrapper } from './WfoHeroIconsWrapper';
 
-const WfoWrenchSvg: FC<WfoIconProps> = ({
-    width = 20,
-    height = 20,
-    color = 'currentColor',
-}) => (
-    <svg
-        width={width}
-        height={height}
-        viewBox="0 0 24 24"
-        fill={color}
-        xmlns="http://www.w3.org/2000/svg"
-    >
-        <path
-            fillRule="evenodd"
-            d="M12 6.75a5.25 5.25 0 0 1 6.775-5.025.75.75 0 0 1 .313 1.248l-3.32 3.319c.063.475.276.934.641 1.299.365.365.824.578 1.3.64l3.318-3.319a.75.75 0 0 1 1.248.313 5.25 5.25 0 0 1-5.472 6.756c-1.018-.086-1.87.1-2.309.634L7.344 21.3A3.298 3.298 0 1 1 2.7 16.657l8.684-7.151c.533-.44.72-1.291.634-2.309A5.342 5.342 0 0 1 12 6.75ZM4.117 19.125a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Z"
-            clipRule="evenodd"
-        />
-    </svg>
+const WfoWrenchSvg: FC<WfoIconProps> = ({ width = 20, height = 20, color = 'currentColor' }) => (
+  <svg width={width} height={height} viewBox="0 0 24 24" fill={color} xmlns="http://www.w3.org/2000/svg">
+    <path
+      fillRule="evenodd"
+      d="M12 6.75a5.25 5.25 0 0 1 6.775-5.025.75.75 0 0 1 .313 1.248l-3.32 3.319c.063.475.276.934.641 1.299.365.365.824.578 1.3.64l3.318-3.319a.75.75 0 0 1 1.248.313 5.25 5.25 0 0 1-5.472 6.756c-1.018-.086-1.87.1-2.309.634L7.344 21.3A3.298 3.298 0 1 1 2.7 16.657l8.684-7.151c.533-.44.72-1.291.634-2.309A5.342 5.342 0 0 1 12 6.75ZM4.117 19.125a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75h-.008a.75.75 0 0 1-.75-.75v-.008Z"
+      clipRule="evenodd"
+    />
+  </svg>
 );
 
 export const WfoWrench = withWfoHeroIconsWrapper(WfoWrenchSvg);