fix: update icons (#130)

* feat: update icons

* update version

.changeset/old-pears-study.md

@@ -0,0 +1,6 @@
+---
+"@greenlabs/formula-components": patch
+"@greenlabs/rescript-formula-components": patch
+---
+
+update: add new icons

packages/components/src/Icon/generated.ts

@@ -1,11 +1,19 @@
+export { default as AddressFill } from "./generated/AddressFill"
+export { default as AddressLineRegular } from "./generated/AddressLineRegular"
 export { default as AppleFill } from "./generated/AppleFill"
 export { default as AppleLine } from "./generated/AppleLine"
+export { default as AppleLineRegular } from "./generated/AppleLineRegular"
+export { default as AreaScaleFill } from "./generated/AreaScaleFill"
+export { default as AreaScaleLineRegular } from "./generated/AreaScaleLineRegular"
 export { default as ArrowDownLineBold } from "./generated/ArrowDownLineBold"
 export { default as ArrowDownLineRegular } from "./generated/ArrowDownLineRegular"
 export { default as ArrowDownLineThin } from "./generated/ArrowDownLineThin"
 export { default as ArrowLeftLineBold } from "./generated/ArrowLeftLineBold"
 export { default as ArrowLeftLineRegular } from "./generated/ArrowLeftLineRegular"
 export { default as ArrowLeftLineThin } from "./generated/ArrowLeftLineThin"
+export { default as ArrowLeftupLineBold } from "./generated/ArrowLeftupLineBold"
+export { default as ArrowLeftupLineRegular } from "./generated/ArrowLeftupLineRegular"
+export { default as ArrowLeftupLineThin } from "./generated/ArrowLeftupLineThin"
 export { default as ArrowRightLineBold } from "./generated/ArrowRightLineBold"
 export { default as ArrowRightLineRegular } from "./generated/ArrowRightLineRegular"
 export { default as ArrowRightLineThin } from "./generated/ArrowRightLineThin"
@@ -98,6 +106,8 @@ export { default as EditFill } from "./generated/EditFill"
 export { default as EditLineBold } from "./generated/EditLineBold"
 export { default as EditLineRegular } from "./generated/EditLineRegular"
 export { default as EditLineThin } from "./generated/EditLineThin"
+export { default as ExperienceFill } from "./generated/ExperienceFill"
+export { default as ExperienceLineRegular } from "./generated/ExperienceLineRegular"
 export { default as EyeFill } from "./generated/EyeFill"
 export { default as EyeLineBold } from "./generated/EyeLineBold"
 export { default as EyeLineRegular } from "./generated/EyeLineRegular"
@@ -112,6 +122,9 @@ export { default as FarmLineRegular } from "./generated/FarmLineRegular"
 export { default as FarmLineThin } from "./generated/FarmLineThin"
 export { default as FishFill } from "./generated/FishFill"
 export { default as FishLine } from "./generated/FishLine"
+export { default as FishLineRegular } from "./generated/FishLineRegular"
+export { default as GroupFil } from "./generated/GroupFil"
+export { default as GroupLineRegular } from "./generated/GroupLineRegular"
 export { default as HeartFill } from "./generated/HeartFill"
 export { default as HeartLineBold } from "./generated/HeartLineBold"
 export { default as HeartLineRegular } from "./generated/HeartLineRegular"
@@ -148,6 +161,7 @@ export { default as LocationPinLineRegular } from "./generated/LocationPinLineRe
 export { default as LocationPinLineThin } from "./generated/LocationPinLineThin"
 export { default as MeatFill } from "./generated/MeatFill"
 export { default as MeatLine } from "./generated/MeatLine"
+export { default as MeatLineRegular } from "./generated/MeatLineRegular"
 export { default as MenuFill } from "./generated/MenuFill"
 export { default as MenuLineBold } from "./generated/MenuLineBold"
 export { default as MenuLineRegular } from "./generated/MenuLineRegular"
@@ -176,6 +190,7 @@ export { default as MoneyBagLineUsBold } from "./generated/MoneyBagLineUsBold"
 export { default as MoneyBagLineUsRegular } from "./generated/MoneyBagLineUsRegular"
 export { default as MoneyBagLineUsThin } from "./generated/MoneyBagLineUsThin"
 export { default as NewLine } from "./generated/NewLine"
+export { default as NewLineRegular } from "./generated/NewLineRegular"
 export { default as NoticeFill } from "./generated/NoticeFill"
 export { default as NoticeLineBold } from "./generated/NoticeLineBold"
 export { default as NoticeLineRegular } from "./generated/NoticeLineRegular"
@@ -188,6 +203,12 @@ export { default as NotificationSlashFill } from "./generated/NotificationSlashF
 export { default as NotificationSlashLineBold } from "./generated/NotificationSlashLineBold"
 export { default as NotificationSlashLineRegular } from "./generated/NotificationSlashLineRegular"
 export { default as NotificationSlashLineThin } from "./generated/NotificationSlashLineThin"
+export { default as PeopleAddFill } from "./generated/PeopleAddFill"
+export { default as PeopleAddLineRegular } from "./generated/PeopleAddLineRegular"
+export { default as PeopleCheckedFill } from "./generated/PeopleCheckedFill"
+export { default as PeopleCheckedLineRegular } from "./generated/PeopleCheckedLineRegular"
+export { default as PeopleFill } from "./generated/PeopleFill"
+export { default as PeopleLineRegular } from "./generated/PeopleLineRegular"
 export { default as PersonCircleFill } from "./generated/PersonCircleFill"
 export { default as PersonCircleLineBold } from "./generated/PersonCircleLineBold"
 export { default as PersonCircleLineRegular } from "./generated/PersonCircleLineRegular"
@@ -220,6 +241,8 @@ export { default as PostSquareFill } from "./generated/PostSquareFill"
 export { default as PostSquareLineBold } from "./generated/PostSquareLineBold"
 export { default as PostSquareLineRegular } from "./generated/PostSquareLineRegular"
 export { default as PostSquareLineThin } from "./generated/PostSquareLineThin"
+export { default as ReUpLineBold } from "./generated/ReUpLineBold"
+export { default as ReUpLineRegular } from "./generated/ReUpLineRegular"
 export { default as RefreshLineBold } from "./generated/RefreshLineBold"
 export { default as RefreshLineRegular } from "./generated/RefreshLineRegular"
 export { default as RefreshLineThin } from "./generated/RefreshLineThin"
@@ -252,6 +275,7 @@ export { default as ShareIosLineBold } from "./generated/ShareIosLineBold"
 export { default as ShareIosLineRegular } from "./generated/ShareIosLineRegular"
 export { default as ShareIosLineThin } from "./generated/ShareIosLineThin"
 export { default as ShoppingBasketFill } from "./generated/ShoppingBasketFill"
+export { default as ShoppingBasketFillGlobal } from "./generated/ShoppingBasketFillGlobal"
 export { default as ShoppingBasketFillGlobalFill } from "./generated/ShoppingBasketFillGlobalFill"
 export { default as ShoppingBasketFillJp } from "./generated/ShoppingBasketFillJp"
 export { default as ShoppingBasketFillUs } from "./generated/ShoppingBasketFillUs"
@@ -267,6 +291,8 @@ export { default as ShoppingBasketLineThin } from "./generated/ShoppingBasketLin
 export { default as ShoppingBasketLineUsBold } from "./generated/ShoppingBasketLineUsBold"
 export { default as ShoppingBasketLineUsRegular } from "./generated/ShoppingBasketLineUsRegular"
 export { default as ShoppingBasketLineUsThin } from "./generated/ShoppingBasketLineUsThin"
+export { default as ShovelFill } from "./generated/ShovelFill"
+export { default as ShovelLineRegular } from "./generated/ShovelLineRegular"
 export { default as ThumbUpFill } from "./generated/ThumbUpFill"
 export { default as ThumbUpLineBold } from "./generated/ThumbUpLineBold"
 export { default as ThumbUpLineRegular } from "./generated/ThumbUpLineRegular"
@@ -277,6 +303,7 @@ export { default as TouchLineRegular } from "./generated/TouchLineRegular"
 export { default as TouchLineThin } from "./generated/TouchLineThin"
 export { default as TracterFill } from "./generated/TracterFill"
 export { default as TracterLine } from "./generated/TracterLine"
+export { default as TracterLineRegular } from "./generated/TracterLineRegular"
 export { default as TrashFill } from "./generated/TrashFill"
 export { default as TrashLineBold } from "./generated/TrashLineBold"
 export { default as TrashLineRegular } from "./generated/TrashLineRegular"

packages/components/src/Icon/generated/AddressFill.tsx

@@ -0,0 +1,34 @@
+import { Ref, forwardRef, memo } from "react"
+import { colorMap } from "@greenlabs/formula-design-token"
+import { convertSizeToPx } from "../utils"
+import type { IconProps } from "../types"
+const SvgAddressFill = (
+  { size = "xl", sizePx, color, ...props }: IconProps,
+  ref: Ref<SVGSVGElement>
+) => {
+  const finalSize = sizePx ? sizePx : convertSizeToPx(size)
+  const fill = color && colorMap[color]
+  return (
+    <svg
+      width={finalSize}
+      height={finalSize}
+      fill={fill}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 48 48"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M7.44 28.78c-.82 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5h1.14v-3H7.44ZM7.44 22.5c-.82 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5h1.14v-3H7.44ZM7.44 16.2c-.82 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5h1.14v-3H7.44Z"
+        fill={fill}
+      />
+      <path
+        d="M38.58 4.74h-26.5c-1.92 0-3.5 1.58-3.5 3.5v7.96h2.3c.82 0 1.5.68 1.5 1.5s-.68 1.5-1.5 1.5h-2.3v3.3h2.3c.82 0 1.5.68 1.5 1.5s-.68 1.5-1.5 1.5h-2.3v3.3h2.3c.82 0 1.5.68 1.5 1.5s-.68 1.5-1.5 1.5h-2.3v7.96c0 1.92 1.58 3.5 3.5 3.5h26.48c1.92 0 3.5-1.58 3.5-3.5V8.24c0-1.92-1.58-3.5-3.5-3.5h.02Zm-15.96 10.7c.78-.84 1.88-1.3 3.12-1.3 1.24 0 2.34.46 3.12 1.3.78.84 1.16 2 1.08 3.28-.2 2.7-2.26 4.12-4.2 4.12-1.94 0-4-1.42-4.2-4.12-.1-1.26.3-2.42 1.08-3.28Zm11.7 16.46c-.18.24-.48.38-.78.38h-15.6c-.32 0-.6-.14-.78-.38-.2-.26-.28-.62-.2-.98.88-3.56 4.32-5.86 8.78-5.86 4.46 0 7.88 2.3 8.78 5.86.08.34 0 .7-.2.98Z"
+        fill={fill}
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAddressFill)
+const Memo = memo(ForwardRef)
+export default Memo

packages/components/src/Icon/generated/AddressLineRegular.tsx

@@ -0,0 +1,34 @@
+import { Ref, forwardRef, memo } from "react"
+import { colorMap } from "@greenlabs/formula-design-token"
+import { convertSizeToPx } from "../utils"
+import type { IconProps } from "../types"
+const SvgAddressLineRegular = (
+  { size = "xl", sizePx, color, ...props }: IconProps,
+  ref: Ref<SVGSVGElement>
+) => {
+  const finalSize = sizePx ? sizePx : convertSizeToPx(size)
+  const fill = color && colorMap[color]
+  return (
+    <svg
+      width={finalSize}
+      height={finalSize}
+      fill={fill}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 48 48"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M38.15 43.5h-26.5c-2.06 0-3.76-1.68-3.76-3.76v-3.16c0-.82.68-1.5 1.5-1.5s1.5.68 1.5 1.5v3.16c0 .42.34.76.76.76h26.48c.42 0 .76-.34.76-.76V8.26a.76.76 0 0 0-.76-.76H11.65a.76.76 0 0 0-.76.76v3.16c0 .82-.68 1.5-1.5 1.5s-1.5-.68-1.5-1.5V8.26c.02-2.08 1.7-3.76 3.76-3.76h26.48c2.06 0 3.76 1.68 3.76 3.76v31.5c0 2.06-1.68 3.76-3.76 3.76l.02-.02Z"
+        fill={fill}
+      />
+      <path
+        d="M11.21 31.8h-3.6c-.82 0-1.5-.68-1.5-1.5s.68-1.5 1.5-1.5h3.6c.82 0 1.5.68 1.5 1.5s-.68 1.5-1.5 1.5ZM11.21 25.5h-3.6c-.82 0-1.5-.68-1.5-1.5s.68-1.5 1.5-1.5h3.6c.82 0 1.5.68 1.5 1.5s-.68 1.5-1.5 1.5ZM11.21 19.2h-3.6c-.82 0-1.5-.68-1.5-1.5s.68-1.5 1.5-1.5h3.6c.82 0 1.5.68 1.5 1.5s-.68 1.5-1.5 1.5ZM25.29 23.84c-2.8 0-4.98-2.12-5.2-5.04-.12-1.54.36-2.98 1.34-4.02 1.96-2.1 5.76-2.08 7.7 0 .98 1.04 1.46 2.48 1.34 4.04-.2 2.92-2.4 5.04-5.2 5.04l.02-.02Zm0-8.1c-.78 0-1.46.28-1.94.8s-.72 1.26-.66 2.06c.12 1.82 1.44 2.64 2.6 2.64 1.16 0 2.48-.82 2.6-2.64.06-.84-.16-1.56-.66-2.08-.48-.5-1.16-.78-1.96-.78h.02ZM33.09 33.3H17.51c-.62 0-1.2-.28-1.58-.76-.4-.5-.54-1.18-.38-1.82.98-4.02 4.82-6.62 9.74-6.62s8.76 2.66 9.74 6.62c.16.64 0 1.32-.38 1.82-.38.48-.96.76-1.58.76h.02Zm-14.82-2.6h14.04c-1.12-2.94-4.4-4.02-7.02-4.02-2.62 0-5.92 1.06-7.02 4.02Z"
+        fill={fill}
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAddressLineRegular)
+const Memo = memo(ForwardRef)
+export default Memo

packages/components/src/Icon/generated/AppleLineRegular.tsx

@@ -0,0 +1,34 @@
+import { Ref, forwardRef, memo } from "react"
+import { colorMap } from "@greenlabs/formula-design-token"
+import { convertSizeToPx } from "../utils"
+import type { IconProps } from "../types"
+const SvgAppleLineRegular = (
+  { size = "xl", sizePx, color, ...props }: IconProps,
+  ref: Ref<SVGSVGElement>
+) => {
+  const finalSize = sizePx ? sizePx : convertSizeToPx(size)
+  const fill = color && colorMap[color]
+  return (
+    <svg
+      width={finalSize}
+      height={finalSize}
+      fill={fill}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 48 48"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M42.465 21.379c-.391-3.373-2.439-6.626-5.36-8.523-2.289-1.475-4.818-1.897-7.047-1.204-.27.06-.572.18-.903.27.18-.3.421-.572.572-.903 1.988-4.065 2.228-6.685.723-7.95-.573-.512-1.325-.392-1.596-.361-1.416.21-6.264 1.776-8.402 4.999a4.757 4.757 0 0 0-.362 4.035c.09.21.21.422.331.632a39.924 39.924 0 0 0-2.59-1.054c-2.86-.662-5.661 0-7.89 1.837-2.017 1.717-3.493 4.216-4.155 7.108-.09.36-2.199 9.004 6.565 19.664 1.415 1.898 4.005 4.186 6.565 4.367 1.234.09 2.349-.331 3.222-1.174 1.235-1.205 2.68-1.205 3.885 0a4.005 4.005 0 0 0 2.89 1.204h.332c2.56-.18 5.15-2.47 6.535-4.306 7.227-8.794 6.733-18 6.703-18.481l-.017-.16ZM22.981 9.333c1.114-1.657 3.825-2.891 5.36-3.373-.12.693-.451 1.927-1.355 3.794-.662 1.446-1.927 2.199-3.041 1.958-.482-.15-.843-.512-1.024-.994-.18-.482-.15-1.024.09-1.385h-.03Zm10.45 28.79c-1.295 1.716-3.162 3.071-4.367 3.162-.361 0-.632-.06-.873-.301-1.205-1.205-2.65-1.807-4.066-1.807-1.415 0-2.89.602-4.065 1.806-.24.242-.512.332-.873.302-1.205-.09-3.102-1.446-4.427-3.223-7.83-9.456-6.144-16.743-6.053-17.075.542-2.288 1.656-4.246 3.132-5.48 1.535-1.265 3.342-1.687 5.15-1.265.812.27 3.432 1.445 4.607 2.017l.12.06c1.867.753 2.56.753 4.548-.06 1.084-.542 3.403-1.415 4.607-1.716 1.837-.572 3.524.12 4.608.813 2.138 1.385 3.704 3.885 4.005 6.264.045.355.452 8.582-6.023 16.473l-.03.03Z"
+        fill={fill}
+      />
+      <path
+        d="M16.024 17.072c-1.837.301-3.313 1.566-4.126 3.524-1.114 2.62-.783 5.992.723 8.16.301.422.753.633 1.235.633.3 0 .602-.09.873-.271.693-.482.843-1.415.362-2.108-.934-1.355-1.115-3.614-.422-5.27.301-.693.843-1.536 1.837-1.717.813-.15 1.385-.903 1.235-1.746a1.492 1.492 0 0 0-1.747-1.235l.03.03Z"
+        fill={fill}
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAppleLineRegular)
+const Memo = memo(ForwardRef)
+export default Memo

packages/components/src/Icon/generated/AreaScaleFill.tsx

@@ -0,0 +1,30 @@
+import { Ref, forwardRef, memo } from "react"
+import { colorMap } from "@greenlabs/formula-design-token"
+import { convertSizeToPx } from "../utils"
+import type { IconProps } from "../types"
+const SvgAreaScaleFill = (
+  { size = "xl", sizePx, color, ...props }: IconProps,
+  ref: Ref<SVGSVGElement>
+) => {
+  const finalSize = sizePx ? sizePx : convertSizeToPx(size)
+  const fill = color && colorMap[color]
+  return (
+    <svg
+      width={finalSize}
+      height={finalSize}
+      fill={fill}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 48 48"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M5 35.45C5 40.17 8.83 44 13.55 44h9.7V25.75H5v9.7Zm5.82-3.65h.01a1 1 0 0 1 2 .01v3.27l5.26-5.55a.996.996 0 0 1 1.41-.04l.02.02a1 1 0 0 1 .02 1.39l-5.36 5.65h3.39c.28 0 .53.11.71.29a1.003 1.003 0 0 1-.71 1.71h-5.75c-.55 0-1-.45-1-1V31.8ZM35.45 5h-9.7v18.25H44v-9.7C44 8.83 40.17 5 35.45 5Zm3.33 11.96h-.01a1 1 0 0 1-2-.01v-3.27l-5.26 5.55c-.38.4-1.01.42-1.41.04 0-.01-.02-.02-.02-.02a1 1 0 0 1-.02-1.39l5.36-5.65h-3.39c-.28 0-.53-.11-.71-.29a1.003 1.003 0 0 1 .71-1.71h5.75c.55 0 1 .45 1 1v5.75ZM5 13.55v9.7h18.25V5h-9.7C8.83 5 5 8.83 5 13.55ZM25.75 44h9.7c4.72 0 8.55-3.83 8.55-8.55v-9.7H25.75V44Z"
+        fill={fill}
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAreaScaleFill)
+const Memo = memo(ForwardRef)
+export default Memo

packages/components/src/Icon/generated/AreaScaleLineRegular.tsx

@@ -0,0 +1,34 @@
+import { Ref, forwardRef, memo } from "react"
+import { colorMap } from "@greenlabs/formula-design-token"
+import { convertSizeToPx } from "../utils"
+import type { IconProps } from "../types"
+const SvgAreaScaleLineRegular = (
+  { size = "xl", sizePx, color, ...props }: IconProps,
+  ref: Ref<SVGSVGElement>
+) => {
+  const finalSize = sizePx ? sizePx : convertSizeToPx(size)
+  const fill = color && colorMap[color]
+  return (
+    <svg
+      width={finalSize}
+      height={finalSize}
+      fill={fill}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 48 48"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M34.93 4.5H13.07c-4.74 0-8.57 3.83-8.57 8.57v21.86c0 4.73 3.83 8.57 8.57 8.57h21.86c4.73 0 8.57-3.83 8.57-8.57V13.07c0-4.73-3.83-8.57-8.57-8.57Zm5.57 8.57v9.43h-15v-15h9.43c3.07 0 5.57 2.5 5.57 5.57ZM13.07 7.5h9.43v15h-15v-9.43C7.5 10 10 7.5 13.07 7.5ZM7.5 34.93V25.5h15v15h-9.43C10 40.5 7.5 38 7.5 34.93Zm27.43 5.57H25.5v-15h15v9.43c0 3.07-2.5 5.57-5.57 5.57Z"
+        fill={fill}
+      />
+      <path
+        d="M37.14 17.56v-5.75c0-.55-.45-1-1-1h-5.75a1.003 1.003 0 0 0-.71 1.71c.18.18.43.29.71.29h3.39l-5.36 5.65a1 1 0 0 0 .02 1.39l.02.02c.4.38 1.03.36 1.41-.04l5.26-5.55v3.27c0 .55.45 1 1 1s1-.45 1-1l.01.01ZM10.54 30.66v5.75c0 .55.45 1 1 1h5.75A1.003 1.003 0 0 0 18 35.7a.997.997 0 0 0-.71-.29H13.9l5.36-5.65a1 1 0 0 0-.02-1.39l-.02-.02a.996.996 0 0 0-1.41.04l-5.26 5.55v-3.27c0-.55-.45-1-1-1s-1 .45-1 1l-.01-.01Z"
+        fill={fill}
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAreaScaleLineRegular)
+const Memo = memo(ForwardRef)
+export default Memo

packages/components/src/Icon/generated/ArrowLeftupLineBold.tsx

@@ -0,0 +1,30 @@
+import { Ref, forwardRef, memo } from "react"
+import { colorMap } from "@greenlabs/formula-design-token"
+import { convertSizeToPx } from "../utils"
+import type { IconProps } from "../types"
+const SvgArrowLeftupLineBold = (
+  { size = "xl", sizePx, color, ...props }: IconProps,
+  ref: Ref<SVGSVGElement>
+) => {
+  const finalSize = sizePx ? sizePx : convertSizeToPx(size)
+  const fill = color && colorMap[color]
+  return (
+    <svg
+      width={finalSize}
+      height={finalSize}
+      fill={fill}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 48 48"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12.458 33.947a1.696 1.696 0 0 1-.495-1.202V13.653c0-.933.764-1.697 1.704-1.704l19.085.007c.453 0 .884.177 1.202.495.319.318.495.75.495 1.202 0 .934-.763 1.697-1.704 1.704l-14.983-.007 17.783 17.784c.665.665.665 1.74 0 2.404a1.698 1.698 0 0 1-2.404 0L15.357 17.755v14.99c0 .934-.763 1.697-1.704 1.704-.452 0-.884-.176-1.202-.495l.007-.007Z"
+        fill={fill}
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgArrowLeftupLineBold)
+const Memo = memo(ForwardRef)
+export default Memo

packages/components/src/Icon/generated/ArrowLeftupLineRegular.tsx

@@ -0,0 +1,30 @@
+import { Ref, forwardRef, memo } from "react"
+import { colorMap } from "@greenlabs/formula-design-token"
+import { convertSizeToPx } from "../utils"
+import type { IconProps } from "../types"
+const SvgArrowLeftupLineRegular = (
+  { size = "xl", sizePx, color, ...props }: IconProps,
+  ref: Ref<SVGSVGElement>
+) => {
+  const finalSize = sizePx ? sizePx : convertSizeToPx(size)
+  const fill = color && colorMap[color]
+  return (
+    <svg
+      width={finalSize}
+      height={finalSize}
+      fill={fill}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 48 48"
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M32.75 12.159a1.5 1.5 0 0 1 0 3H17.28L35.402 33.28a1.5 1.5 0 1 1-2.121 2.121L15.159 17.28v15.47a1.5 1.5 0 0 1-3 0V13.66a1.5 1.5 0 0 1 1.5-1.5H32.75Z"
+        fill={fill}
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgArrowLeftupLineRegular)
+const Memo = memo(ForwardRef)
+export default Memo