@liner-fe/icon 0.0.45 → 0.0.46

package/assets/arrow-left/index.tsx

@@ -11,26 +11,26 @@ interface ArrowLeftProps {
 }
 
 export const ArrowLeft = forwardRef<SVGSVGElement, ArrowLeftProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M11.6219 22.4977L22.6389 11.4807L20.5176 9.35938L8.35398 21.523C6.98715 22.8898 6.98715 25.1059 8.35398 26.4727L20.5176 38.6363L22.6389 36.515L11.6216 25.4977L41.0001 25.4977L41.0001 22.4977L11.6219 22.4977Z" style={{ fill: `var(--type)` }}/>
+<path d="M11.6219 22.4977L22.6389 11.4807L20.5176 9.35938L8.35398 21.523C6.98715 22.8898 6.98715 25.1059 8.35398 26.4727L20.5176 38.6363L22.6389 36.515L11.6216 25.4977L41.0001 25.4977L41.0001 22.4977L11.6219 22.4977Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M11.6219 22.4977L22.6389 11.4807L20.5176 9.35938L8.35398 21.523C6.98715 22.8898 6.98715 25.1059 8.35398 26.4727L20.5176 38.6363L22.6389 36.515L11.6216 25.4977L41.0001 25.4977L41.0001 22.4977L11.6219 22.4977Z" style={{ fill: `var(--type)` }}/>
+<path d="M11.6219 22.4977L22.6389 11.4807L20.5176 9.35938L8.35398 21.523C6.98715 22.8898 6.98715 25.1059 8.35398 26.4727L20.5176 38.6363L22.6389 36.515L11.6216 25.4977L41.0001 25.4977L41.0001 22.4977L11.6219 22.4977Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M12.829 21.9997L22.9924 11.8362L20.164 9.00781L8.00043 21.1714C6.43833 22.7335 6.43833 25.2662 8.00043 26.8282L20.164 38.9918L22.9924 36.1634L12.8287 25.9997L41.0001 25.9997L41.0001 21.9997L12.829 21.9997Z" style={{ fill: `var(--type)` }}/>
+<path d="M12.829 21.9997L22.9924 11.8362L20.164 9.00781L8.00043 21.1714C6.43833 22.7335 6.43833 25.2662 8.00043 26.8282L20.164 38.9918L22.9924 36.1634L12.8287 25.9997L41.0001 25.9997L41.0001 21.9997L12.829 21.9997Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M11.6219 22.4977L22.6389 11.4807L20.5176 9.35938L8.35398 21.523C6.98715 22.8898 6.98715 25.1059 8.35398 26.4727L20.5176 38.6363L22.6389 36.515L11.6216 25.4977L41.0001 25.4977L41.0001 22.4977L11.6219 22.4977Z" style={{ fill: `var(--type)` }}/>
+<path d="M11.6219 22.4977L22.6389 11.4807L20.5176 9.35938L8.35398 21.523C6.98715 22.8898 6.98715 25.1059 8.35398 26.4727L20.5176 38.6363L22.6389 36.515L11.6216 25.4977L41.0001 25.4977L41.0001 22.4977L11.6219 22.4977Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/arrow-right/index.tsx

@@ -11,26 +11,26 @@ interface ArrowRightProps {
 }
 
 export const ArrowRight = forwardRef<SVGSVGElement, ArrowRightProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M36.3777 25.5024L25.3612 36.5189L27.4825 38.6402L39.6461 26.4766C41.013 25.1098 41.013 22.8937 39.6461 21.5269L27.4825 9.36328L25.3612 11.4846L36.379 22.5024L7 22.5024V25.5024H36.3777Z" style={{ fill: `var(--type)` }}/>
+<path d="M36.3777 25.5024L25.3612 36.5189L27.4825 38.6402L39.6461 26.4766C41.013 25.1098 41.013 22.8937 39.6461 21.5269L27.4825 9.36328L25.3612 11.4846L36.379 22.5024L7 22.5024V25.5024H36.3777Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M36.3777 25.5024L25.3612 36.5189L27.4825 38.6402L39.6461 26.4766C41.013 25.1098 41.013 22.8937 39.6461 21.5269L27.4825 9.36328L25.3612 11.4846L36.379 22.5024L7 22.5024V25.5024H36.3777Z" style={{ fill: `var(--type)` }}/>
+<path d="M36.3777 25.5024L25.3612 36.5189L27.4825 38.6402L39.6461 26.4766C41.013 25.1098 41.013 22.8937 39.6461 21.5269L27.4825 9.36328L25.3612 11.4846L36.379 22.5024L7 22.5024V25.5024H36.3777Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M35.1706 26.0005L25.0077 36.1634L27.8361 38.9918L39.9997 26.8283C41.5618 25.2662 41.5618 22.7335 39.9997 21.1714L27.8361 9.00781L25.0077 11.8362L35.1719 22.0005L7 22.0005V26.0005L35.1706 26.0005Z" style={{ fill: `var(--type)` }}/>
+<path d="M35.1706 26.0005L25.0077 36.1634L27.8361 38.9918L39.9997 26.8283C41.5618 25.2662 41.5618 22.7335 39.9997 21.1714L27.8361 9.00781L25.0077 11.8362L35.1719 22.0005L7 22.0005V26.0005L35.1706 26.0005Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M36.3777 25.5024L25.3612 36.5189L27.4825 38.6402L39.6461 26.4766C41.013 25.1098 41.013 22.8937 39.6461 21.5269L27.4825 9.36328L25.3612 11.4846L36.379 22.5024L7 22.5024V25.5024H36.3777Z" style={{ fill: `var(--type)` }}/>
+<path d="M36.3777 25.5024L25.3612 36.5189L27.4825 38.6402L39.6461 26.4766C41.013 25.1098 41.013 22.8937 39.6461 21.5269L27.4825 9.36328L25.3612 11.4846L36.379 22.5024L7 22.5024V25.5024H36.3777Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/arrow-turn/index.tsx

@@ -11,26 +11,26 @@ interface ArrowTurnProps {
 }
 
 export const ArrowTurn = forwardRef<SVGSVGElement, ArrowTurnProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M10 30.5C8.067 30.5 6.5 28.933 6.5 27V6H9.5V27C9.5 27.2761 9.72386 27.5 10 27.5H37.3787L27.7557 17.8771L29.8771 15.7557L40.6464 26.5251C42.0133 27.892 42.0133 30.108 40.6464 31.4749L29.8771 42.2443L27.7557 40.1229L37.3787 30.5H10Z" style={{ fill: `var(--type)` }}/>
+<path d="M10 30.5C8.067 30.5 6.5 28.933 6.5 27V6H9.5V27C9.5 27.2761 9.72386 27.5 10 27.5H37.3787L27.7557 17.8771L29.8771 15.7557L40.6464 26.5251C42.0133 27.892 42.0133 30.108 40.6464 31.4749L29.8771 42.2443L27.7557 40.1229L37.3787 30.5H10Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M10 30.5C8.067 30.5 6.5 28.933 6.5 27V6H9.5V27C9.5 27.2761 9.72386 27.5 10 27.5H37.3787L27.7557 17.8771L29.8771 15.7557L40.6464 26.5251C42.0133 27.892 42.0133 30.108 40.6464 31.4749L29.8771 42.2443L27.7557 40.1229L37.3787 30.5H10Z" style={{ fill: `var(--type)` }}/>
+<path d="M10 30.5C8.067 30.5 6.5 28.933 6.5 27V6H9.5V27C9.5 27.2761 9.72386 27.5 10 27.5H37.3787L27.7557 17.8771L29.8771 15.7557L40.6464 26.5251C42.0133 27.892 42.0133 30.108 40.6464 31.4749L29.8771 42.2443L27.7557 40.1229L37.3787 30.5H10Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M10 31C7.79086 31 6 29.2091 6 27V5.5H10V27H36.1716L27.4022 18.2306L30.2306 15.4022L41 26.1716C42.5621 27.7337 42.5621 30.2663 41 31.8284L30.2306 42.5978L27.4022 39.7694L36.1716 31H10Z" style={{ fill: `var(--type)` }}/>
+<path d="M10 31C7.79086 31 6 29.2091 6 27V5.5H10V27H36.1716L27.4022 18.2306L30.2306 15.4022L41 26.1716C42.5621 27.7337 42.5621 30.2663 41 31.8284L30.2306 42.5978L27.4022 39.7694L36.1716 31H10Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M10 30.5C8.067 30.5 6.5 28.933 6.5 27V6H9.5V27C9.5 27.2761 9.72386 27.5 10 27.5H37.3787L27.7557 17.8771L29.8771 15.7557L40.6464 26.5251C42.0133 27.892 42.0133 30.108 40.6464 31.4749L29.8771 42.2443L27.7557 40.1229L37.3787 30.5H10Z" style={{ fill: `var(--type)` }}/>
+<path d="M10 30.5C8.067 30.5 6.5 28.933 6.5 27V6H9.5V27C9.5 27.2761 9.72386 27.5 10 27.5H37.3787L27.7557 17.8771L29.8771 15.7557L40.6464 26.5251C42.0133 27.892 42.0133 30.108 40.6464 31.4749L29.8771 42.2443L27.7557 40.1229L37.3787 30.5H10Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/arrow-up/index.tsx

@@ -11,26 +11,26 @@ interface ArrowUpProps {
 }
 
 export const ArrowUp = forwardRef<SVGSVGElement, ArrowUpProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M25.4999 11.6207L36.5174 22.6382L38.6387 20.5168L26.4751 8.35325C25.1083 6.98642 22.8922 6.98642 21.5254 8.35325L9.36182 20.5168L11.4831 22.6382L22.4999 11.6213V41.0003H25.4999V11.6207Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.4999 11.6207L36.5174 22.6382L38.6387 20.5168L26.4751 8.35325C25.1083 6.98642 22.8922 6.98642 21.5254 8.35325L9.36182 20.5168L11.4831 22.6382L22.4999 11.6213V41.0003H25.4999V11.6207Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M25.4999 11.6207L36.5174 22.6382L38.6387 20.5168L26.4751 8.35325C25.1083 6.98642 22.8922 6.98642 21.5254 8.35325L9.36182 20.5168L11.4831 22.6382L22.4999 11.6213V41.0003H25.4999V11.6207Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.4999 11.6207L36.5174 22.6382L38.6387 20.5168L26.4751 8.35325C25.1083 6.98642 22.8922 6.98642 21.5254 8.35325L9.36182 20.5168L11.4831 22.6382L22.4999 11.6213V41.0003H25.4999V11.6207Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M26 12.8278L36.1639 22.9917L38.9923 20.1633L26.8287 7.9997C25.2666 6.4376 22.734 6.4376 21.1719 7.9997L9.0083 20.1633L11.8367 22.9917L22 12.8285V41.0003H26V12.8278Z" style={{ fill: `var(--type)` }}/>
+<path d="M26 12.8278L36.1639 22.9917L38.9923 20.1633L26.8287 7.9997C25.2666 6.4376 22.734 6.4376 21.1719 7.9997L9.0083 20.1633L11.8367 22.9917L22 12.8285V41.0003H26V12.8278Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M25.4999 11.6207L36.5174 22.6382L38.6387 20.5168L26.4751 8.35325C25.1083 6.98642 22.8922 6.98642 21.5254 8.35325L9.36182 20.5168L11.4831 22.6382L22.4999 11.6213V41.0003H25.4999V11.6207Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.4999 11.6207L36.5174 22.6382L38.6387 20.5168L26.4751 8.35325C25.1083 6.98642 22.8922 6.98642 21.5254 8.35325L9.36182 20.5168L11.4831 22.6382L22.4999 11.6213V41.0003H25.4999V11.6207Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/arrow-up-down/index.tsx

@@ -11,30 +11,30 @@ interface ArrowUpDownProps {
 }
 
 export const ArrowUpDown = forwardRef<SVGSVGElement, ArrowUpDownProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M32.5011 35.3805L25.0608 27.9402L22.9395 30.0615L31.8986 39.0207C33.0597 40.1818 34.9422 40.1818 36.1032 39.0207L45.0624 30.0615L42.9411 27.9402L35.5011 35.3802V8H32.5011V35.3805Z" style={{ fill: `var(--type)` }}/>
-<path d="M15.5007 12.6195L22.9411 20.0598L25.0624 17.9385L16.1032 8.97932C14.9422 7.81825 13.0597 7.81825 11.8986 8.97932L2.93945 17.9385L5.06077 20.0598L12.5007 12.6198V39.999H15.5007V12.6195Z" style={{ fill: `var(--type)` }}/>
+<path d="M32.5011 35.3805L25.0608 27.9402L22.9395 30.0615L31.8986 39.0207C33.0597 40.1818 34.9422 40.1818 36.1032 39.0207L45.0624 30.0615L42.9411 27.9402L35.5011 35.3802V8H32.5011V35.3805Z" style={{ fill: `var(--${type})` }}/>
+<path d="M15.5007 12.6195L22.9411 20.0598L25.0624 17.9385L16.1032 8.97932C14.9422 7.81825 13.0597 7.81825 11.8986 8.97932L2.93945 17.9385L5.06077 20.0598L12.5007 12.6198V39.999H15.5007V12.6195Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M32.5011 35.3805L25.0608 27.9402L22.9395 30.0615L31.8986 39.0207C33.0597 40.1818 34.9422 40.1818 36.1032 39.0207L45.0624 30.0615L42.9411 27.9402L35.5011 35.3802V8H32.5011V35.3805Z" style={{ fill: `var(--type)` }}/>
-<path d="M15.5007 12.6195L22.9411 20.0598L25.0624 17.9385L16.1032 8.97932C14.9422 7.81825 13.0597 7.81825 11.8986 8.97932L2.93945 17.9385L5.06077 20.0598L12.5007 12.6198V39.999H15.5007V12.6195Z" style={{ fill: `var(--type)` }}/>
+<path d="M32.5011 35.3805L25.0608 27.9402L22.9395 30.0615L31.8986 39.0207C33.0597 40.1818 34.9422 40.1818 36.1032 39.0207L45.0624 30.0615L42.9411 27.9402L35.5011 35.3802V8H32.5011V35.3805Z" style={{ fill: `var(--${type})` }}/>
+<path d="M15.5007 12.6195L22.9411 20.0598L25.0624 17.9385L16.1032 8.97932C14.9422 7.81825 13.0597 7.81825 11.8986 8.97932L2.93945 17.9385L5.06077 20.0598L12.5007 12.6198V39.999H15.5007V12.6195Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M16.0005 13.8274L22.5873 20.4142L25.4157 17.5858L16.4566 8.62663C15.1002 7.27029 12.9012 7.27029 11.5449 8.62663L2.58569 17.5858L5.41412 20.4142L12.0005 13.8278V40H16.0005V13.8274Z" style={{ fill: `var(--type)` }}/>
-<path d="M32.0009 34.1745L25.4141 27.5877L22.5857 30.4162L31.5449 39.3753C32.9012 40.7317 35.1003 40.7317 36.4566 39.3753L45.4158 30.4162L42.5873 27.5877L36.0009 34.1742V8.00097L32.0009 8.00097V34.1745Z" style={{ fill: `var(--type)` }}/>
+<path d="M16.0005 13.8274L22.5873 20.4142L25.4157 17.5858L16.4566 8.62663C15.1002 7.27029 12.9012 7.27029 11.5449 8.62663L2.58569 17.5858L5.41412 20.4142L12.0005 13.8278V40H16.0005V13.8274Z" style={{ fill: `var(--${type})` }}/>
+<path d="M32.0009 34.1745L25.4141 27.5877L22.5857 30.4162L31.5449 39.3753C32.9012 40.7317 35.1003 40.7317 36.4566 39.3753L45.4158 30.4162L42.5873 27.5877L36.0009 34.1742V8.00097L32.0009 8.00097V34.1745Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M32.5011 35.3805L25.0608 27.9402L22.9395 30.0615L31.8986 39.0207C33.0597 40.1818 34.9422 40.1818 36.1032 39.0207L45.0624 30.0615L42.9411 27.9402L35.5011 35.3802V8H32.5011V35.3805Z" style={{ fill: `var(--type)` }}/>
-<path d="M15.5007 12.6195L22.9411 20.0598L25.0624 17.9385L16.1032 8.97932C14.9422 7.81825 13.0597 7.81825 11.8986 8.97932L2.93945 17.9385L5.06077 20.0598L12.5007 12.6198V39.999H15.5007V12.6195Z" style={{ fill: `var(--type)` }}/>
+<path d="M32.5011 35.3805L25.0608 27.9402L22.9395 30.0615L31.8986 39.0207C33.0597 40.1818 34.9422 40.1818 36.1032 39.0207L45.0624 30.0615L42.9411 27.9402L35.5011 35.3802V8H32.5011V35.3805Z" style={{ fill: `var(--${type})` }}/>
+<path d="M15.5007 12.6195L22.9411 20.0598L25.0624 17.9385L16.1032 8.97932C14.9422 7.81825 13.0597 7.81825 11.8986 8.97932L2.93945 17.9385L5.06077 20.0598L12.5007 12.6198V39.999H15.5007V12.6195Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/arrow-up-left/index.tsx

@@ -11,26 +11,26 @@ interface ArrowUpLeftProps {
 }
 
 export const ArrowUpLeft = forwardRef<SVGSVGElement, ArrowUpLeftProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z" style={{ fill: `var(--type)` }}/>
+<path d="M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z" style={{ fill: `var(--type)` }}/>
+<path d="M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M12.5858 15.8286L12.5858 31H8.58581L8.58581 13C8.58581 10.7909 10.3767 9 12.5858 9H30.5858V13L15.4141 13L39 36.5859L36.1716 39.4144L12.5858 15.8286Z" style={{ fill: `var(--type)` }}/>
+<path d="M12.5858 15.8286L12.5858 31H8.58581L8.58581 13C8.58581 10.7909 10.3767 9 12.5858 9H30.5858V13L15.4141 13L39 36.5859L36.1716 39.4144L12.5858 15.8286Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z" style={{ fill: `var(--type)` }}/>
+<path d="M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/arrow-up-right/index.tsx

@@ -11,26 +11,26 @@ interface ArrowUpRightProps {
 }
 
 export const ArrowUpRight = forwardRef<SVGSVGElement, ArrowUpRightProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M35.4999 14.6214L35.4999 31H38.4999L38.4999 13C38.4999 11.067 36.9329 9.5 34.9999 9.5H16.9999V12.5L33.3787 12.5L8.93921 36.9395L11.0605 39.0608L35.4999 14.6214Z" style={{ fill: `var(--type)` }}/>
+<path d="M35.4999 14.6214L35.4999 31H38.4999L38.4999 13C38.4999 11.067 36.9329 9.5 34.9999 9.5H16.9999V12.5L33.3787 12.5L8.93921 36.9395L11.0605 39.0608L35.4999 14.6214Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M35.4999 14.6214L35.4999 31H38.4999L38.4999 13C38.4999 11.067 36.9329 9.5 34.9999 9.5H16.9999V12.5L33.3787 12.5L8.93921 36.9395L11.0605 39.0608L35.4999 14.6214Z" style={{ fill: `var(--type)` }}/>
+<path d="M35.4999 14.6214L35.4999 31H38.4999L38.4999 13C38.4999 11.067 36.9329 9.5 34.9999 9.5H16.9999V12.5L33.3787 12.5L8.93921 36.9395L11.0605 39.0608L35.4999 14.6214Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M34.9999 15.8286L34.9999 31H38.9999L38.9999 13C38.9999 10.7909 37.209 9 34.9999 9H16.9999V13L32.1716 13L8.58569 36.5859L11.4141 39.4144L34.9999 15.8286Z" style={{ fill: `var(--type)` }}/>
+<path d="M34.9999 15.8286L34.9999 31H38.9999L38.9999 13C38.9999 10.7909 37.209 9 34.9999 9H16.9999V13L32.1716 13L8.58569 36.5859L11.4141 39.4144L34.9999 15.8286Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M35.4999 14.6214L35.4999 31H38.4999L38.4999 13C38.4999 11.067 36.9329 9.5 34.9999 9.5H16.9999V12.5L33.3787 12.5L8.93921 36.9395L11.0605 39.0608L35.4999 14.6214Z" style={{ fill: `var(--type)` }}/>
+<path d="M35.4999 14.6214L35.4999 31H38.4999L38.4999 13C38.4999 11.067 36.9329 9.5 34.9999 9.5H16.9999V12.5L33.3787 12.5L8.93921 36.9395L11.0605 39.0608L35.4999 14.6214Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/arrow-upward/index.tsx

@@ -11,26 +11,26 @@ interface ArrowUpwardProps {
 }
 
 export const ArrowUpward = forwardRef<SVGSVGElement, ArrowUpwardProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M37.9392 30.0602L24.3535 16.4746C24.1583 16.2793 23.8417 16.2793 23.6464 16.4746L10.0608 30.0602L7.93945 27.9389L21.5251 14.3533C22.8919 12.9864 25.108 12.9864 26.4748 14.3533L40.0605 27.9389L37.9392 30.0602Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M37.9392 30.0602L24.3535 16.4746C24.1583 16.2793 23.8417 16.2793 23.6464 16.4746L10.0608 30.0602L7.93945 27.9389L21.5251 14.3533C22.8919 12.9864 25.108 12.9864 26.4748 14.3533L40.0605 27.9389L37.9392 30.0602Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M37.9392 30.0602L24.3535 16.4746C24.1583 16.2793 23.8417 16.2793 23.6464 16.4746L10.0608 30.0602L7.93945 27.9389L21.5251 14.3533C22.8919 12.9864 25.108 12.9864 26.4748 14.3533L40.0605 27.9389L37.9392 30.0602Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M37.9392 30.0602L24.3535 16.4746C24.1583 16.2793 23.8417 16.2793 23.6464 16.4746L10.0608 30.0602L7.93945 27.9389L21.5251 14.3533C22.8919 12.9864 25.108 12.9864 26.4748 14.3533L40.0605 27.9389L37.9392 30.0602Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M37.5857 30.4138L24 16.8281L10.4144 30.4138L7.58594 27.5853L21.1716 13.9997C22.7337 12.4376 25.2663 12.4376 26.8284 13.9997L40.4141 27.5853L37.5857 30.4138Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M37.5857 30.4138L24 16.8281L10.4144 30.4138L7.58594 27.5853L21.1716 13.9997C22.7337 12.4376 25.2663 12.4376 26.8284 13.9997L40.4141 27.5853L37.5857 30.4138Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M37.9392 30.0602L24.3535 16.4746C24.1583 16.2793 23.8417 16.2793 23.6464 16.4746L10.0608 30.0602L7.93945 27.9389L21.5251 14.3533C22.8919 12.9864 25.108 12.9864 26.4748 14.3533L40.0605 27.9389L37.9392 30.0602Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M37.9392 30.0602L24.3535 16.4746C24.1583 16.2793 23.8417 16.2793 23.6464 16.4746L10.0608 30.0602L7.93945 27.9389L21.5251 14.3533C22.8919 12.9864 25.108 12.9864 26.4748 14.3533L40.0605 27.9389L37.9392 30.0602Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/balance/index.tsx

@@ -11,34 +11,34 @@ interface BalanceProps {
 }
 
 export const Balance = forwardRef<SVGSVGElement, BalanceProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M25.2842 11.1646L39.312 7.9497L38.4184 4.05078L5.98584 11.4838L6.8794 15.3827L21.2842 12.0814L21.2842 39.0006H11.5469V43.0006H34.8807V39.0006H25.2842L25.2842 11.1646Z" style={{ fill: `var(--type)` }}/>
-<path d="M39.1225 22.3672C39.5542 23.6622 38.5903 24.9996 37.2251 24.9996H30.7748C29.4097 24.9996 28.4458 23.6622 28.8775 22.3672L32.1026 12.6917C32.7104 10.8683 35.2896 10.8683 35.8974 12.6917L39.1225 22.3672Z" style={{ fill: `var(--type)` }}/>
-<path d="M18.1225 27.3672C18.5542 28.6622 17.5903 29.9996 16.2251 29.9996H9.77485C8.40973 29.9996 7.44579 28.6622 7.87748 27.3672L11.1026 17.6917C11.7104 15.8683 14.2896 15.8683 14.8974 17.6917L18.1225 27.3672Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.2842 11.1646L39.312 7.9497L38.4184 4.05078L5.98584 11.4838L6.8794 15.3827L21.2842 12.0814L21.2842 39.0006H11.5469V43.0006H34.8807V39.0006H25.2842L25.2842 11.1646Z" style={{ fill: `var(--${type})` }}/>
+<path d="M39.1225 22.3672C39.5542 23.6622 38.5903 24.9996 37.2251 24.9996H30.7748C29.4097 24.9996 28.4458 23.6622 28.8775 22.3672L32.1026 12.6917C32.7104 10.8683 35.2896 10.8683 35.8974 12.6917L39.1225 22.3672Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.1225 27.3672C18.5542 28.6622 17.5903 29.9996 16.2251 29.9996H9.77485C8.40973 29.9996 7.44579 28.6622 7.87748 27.3672L11.1026 17.6917C11.7104 15.8683 14.2896 15.8683 14.8974 17.6917L18.1225 27.3672Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M24.7841 10.7672L39.2004 7.46325L38.5302 4.53906L6.09766 11.972L6.76783 14.8962L21.7841 11.4548L21.7841 39.5018H11.547V42.5018H34.8808V39.5018H24.7841L24.7841 10.7672Z" style={{ fill: `var(--type)` }}/>
-<path d="M39.1224 22.3683C39.5541 23.6633 38.5902 25.0007 37.2251 25.0007H30.7748C29.4096 25.0007 28.4457 23.6633 28.8774 22.3682L32.1025 12.6928C32.7103 10.8694 35.2895 10.8694 35.8973 12.6928L39.1224 22.3683Z" style={{ fill: `var(--type)` }}/>
-<path d="M18.1224 27.3683C18.5541 28.6633 17.5902 30.0007 16.2251 30.0007H9.77476C8.40964 30.0007 7.4457 28.6633 7.87739 27.3683L11.1025 17.6928C11.7103 15.8694 14.2895 15.8694 14.8973 17.6928L18.1224 27.3683Z" style={{ fill: `var(--type)` }}/>
+<path d="M24.7841 10.7672L39.2004 7.46325L38.5302 4.53906L6.09766 11.972L6.76783 14.8962L21.7841 11.4548L21.7841 39.5018H11.547V42.5018H34.8808V39.5018H24.7841L24.7841 10.7672Z" style={{ fill: `var(--${type})` }}/>
+<path d="M39.1224 22.3683C39.5541 23.6633 38.5902 25.0007 37.2251 25.0007H30.7748C29.4096 25.0007 28.4457 23.6633 28.8774 22.3682L32.1025 12.6928C32.7103 10.8694 35.2895 10.8694 35.8973 12.6928L39.1224 22.3683Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.1224 27.3683C18.5541 28.6633 17.5902 30.0007 16.2251 30.0007H9.77476C8.40964 30.0007 7.4457 28.6633 7.87739 27.3683L11.1025 17.6928C11.7103 15.8694 14.2895 15.8694 14.8973 17.6928L18.1224 27.3683Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M25.2842 11.1647L39.3122 7.9497L38.4187 4.05078L5.98608 11.4838L6.87965 15.3827L21.2842 12.0814L21.2842 39.0009H11.5471V43.0009H34.8809V39.0009H25.2842L25.2842 11.1647Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M29.7749 27.7405H38.0523C39.4174 27.7405 40.3813 26.4031 39.9496 25.108L35.8109 12.692C35.2031 10.8686 32.624 10.8686 32.0162 12.6919L27.8775 25.108C27.4458 26.4031 28.4098 27.7405 29.7749 27.7405ZM35.2774 23.7405L33.9136 19.649L32.5497 23.7405H35.2774Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.0523 32.925H8.77488C7.40976 32.925 6.44583 31.5877 6.87751 30.2926L11.0162 17.8765C11.624 16.0531 14.2031 16.0531 14.8109 17.8765L18.9496 30.2926C19.3813 31.5877 18.4174 32.925 17.0523 32.925ZM12.9136 24.8335L14.2774 28.925H11.5497L12.9136 24.8335Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.2842 11.1647L39.3122 7.9497L38.4187 4.05078L5.98608 11.4838L6.87965 15.3827L21.2842 12.0814L21.2842 39.0009H11.5471V43.0009H34.8809V39.0009H25.2842L25.2842 11.1647Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M29.7749 27.7405H38.0523C39.4174 27.7405 40.3813 26.4031 39.9496 25.108L35.8109 12.692C35.2031 10.8686 32.624 10.8686 32.0162 12.6919L27.8775 25.108C27.4458 26.4031 28.4098 27.7405 29.7749 27.7405ZM35.2774 23.7405L33.9136 19.649L32.5497 23.7405H35.2774Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.0523 32.925H8.77488C7.40976 32.925 6.44583 31.5877 6.87751 30.2926L11.0162 17.8765C11.624 16.0531 14.2031 16.0531 14.8109 17.8765L18.9496 30.2926C19.3813 31.5877 18.4174 32.925 17.0523 32.925ZM12.9136 24.8335L14.2774 28.925H11.5497L12.9136 24.8335Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M24.7841 10.7672L39.2004 7.46325L38.5302 4.53906L6.09766 11.972L6.76783 14.8962L21.7841 11.4548L21.7841 39.5018H11.547V42.5018H34.8808V39.5018H24.7841L24.7841 10.7672Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M29.7748 27.7414H38.0521C39.4173 27.7414 40.3812 26.404 39.9495 25.1089L35.8108 12.6929C35.203 10.8695 32.6239 10.8695 32.0161 12.6929L27.8774 25.1089C27.4457 26.404 28.4096 27.7414 29.7748 27.7414ZM36.6647 24.7414L33.9134 16.4876L31.1622 24.7414H36.6647Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M17.0521 32.926H8.77476C7.40964 32.926 6.4457 31.5886 6.87739 30.2935L11.0161 17.8774C11.6239 16.054 14.203 16.054 14.8108 17.8774L18.9495 30.2935C19.3812 31.5886 18.4173 32.926 17.0521 32.926ZM12.9134 21.6722L15.6647 29.926H10.1622L12.9134 21.6722Z" style={{ fill: `var(--type)` }}/>
+<path d="M24.7841 10.7672L39.2004 7.46325L38.5302 4.53906L6.09766 11.972L6.76783 14.8962L21.7841 11.4548L21.7841 39.5018H11.547V42.5018H34.8808V39.5018H24.7841L24.7841 10.7672Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M29.7748 27.7414H38.0521C39.4173 27.7414 40.3812 26.404 39.9495 25.1089L35.8108 12.6929C35.203 10.8695 32.6239 10.8695 32.0161 12.6929L27.8774 25.1089C27.4457 26.404 28.4096 27.7414 29.7748 27.7414ZM36.6647 24.7414L33.9134 16.4876L31.1622 24.7414H36.6647Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.0521 32.926H8.77476C7.40964 32.926 6.4457 31.5886 6.87739 30.2935L11.0161 17.8774C11.6239 16.054 14.203 16.054 14.8108 17.8774L18.9495 30.2935C19.3812 31.5886 18.4173 32.926 17.0521 32.926ZM12.9134 21.6722L15.6647 29.926H10.1622L12.9134 21.6722Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/bell/index.tsx

@@ -11,30 +11,30 @@ interface BellProps {
 }
 
 export const Bell = forwardRef<SVGSVGElement, BellProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M27.0001 7C27.0001 5.34315 25.657 4 24.0001 4C22.3433 4 21.0001 5.34315 21.0001 7V7.35005C15.2667 8.71286 11.0001 13.8957 11.0001 20.0813V30L7.83008 34.6984C6.71807 35.9958 7.63988 38 9.34859 38H38.6517C40.3604 38 41.2822 35.9958 40.1702 34.6984L37.0001 30V20.0813C37.0001 13.8957 32.7335 8.71282 27.0001 7.35003V7ZM34.0001 20.0813V30.9174L36.7547 35H11.2456L14.0001 30.9174V20.0813C14.0001 14.4959 18.4949 10 24.0001 10C29.5054 10 34.0001 14.4959 34.0001 20.0813Z" style={{ fill: `var(--type)` }}/>
-<path d="M28.0001 40H20.0001C20.0001 42.2091 21.791 44 24.0001 44C26.2093 44 28.0001 42.2091 28.0001 40Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M27.0001 7C27.0001 5.34315 25.657 4 24.0001 4C22.3433 4 21.0001 5.34315 21.0001 7V7.35005C15.2667 8.71286 11.0001 13.8957 11.0001 20.0813V30L7.83008 34.6984C6.71807 35.9958 7.63988 38 9.34859 38H38.6517C40.3604 38 41.2822 35.9958 40.1702 34.6984L37.0001 30V20.0813C37.0001 13.8957 32.7335 8.71282 27.0001 7.35003V7ZM34.0001 20.0813V30.9174L36.7547 35H11.2456L14.0001 30.9174V20.0813C14.0001 14.4959 18.4949 10 24.0001 10C29.5054 10 34.0001 14.4959 34.0001 20.0813Z" style={{ fill: `var(--${type})` }}/>
+<path d="M28.0001 40H20.0001C20.0001 42.2091 21.791 44 24.0001 44C26.2093 44 28.0001 42.2091 28.0001 40Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M27.0001 7C27.0001 5.34315 25.657 4 24.0001 4C22.3433 4 21.0001 5.34315 21.0001 7V7.35005C15.2667 8.71286 11.0001 13.8957 11.0001 20.0813V30L7.83008 34.6984C6.71807 35.9958 7.63988 38 9.34859 38H38.6517C40.3604 38 41.2822 35.9958 40.1702 34.6984L37.0001 30V20.0813C37.0001 13.8957 32.7335 8.71282 27.0001 7.35003V7Z" style={{ fill: `var(--type)` }}/>
-<path d="M28.0001 40H20.0001C20.0001 42.2091 21.791 44 24.0001 44C26.2093 44 28.0001 42.2091 28.0001 40Z" style={{ fill: `var(--type)` }}/>
+<path d="M27.0001 7C27.0001 5.34315 25.657 4 24.0001 4C22.3433 4 21.0001 5.34315 21.0001 7V7.35005C15.2667 8.71286 11.0001 13.8957 11.0001 20.0813V30L7.83008 34.6984C6.71807 35.9958 7.63988 38 9.34859 38H38.6517C40.3604 38 41.2822 35.9958 40.1702 34.6984L37.0001 30V20.0813C37.0001 13.8957 32.7335 8.71282 27.0001 7.35003V7Z" style={{ fill: `var(--${type})` }}/>
+<path d="M28.0001 40H20.0001C20.0001 42.2091 21.791 44 24.0001 44C26.2093 44 28.0001 42.2091 28.0001 40Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M27.0001 7C27.0001 5.34315 25.657 4 24.0001 4C22.3433 4 21.0001 5.34315 21.0001 7V7.35005C15.2667 8.71286 11.0001 13.8957 11.0001 20.0813V30L7.83008 34.6984C6.71807 35.9958 7.63988 38 9.34859 38H38.6517C40.3604 38 41.2822 35.9958 40.1702 34.6984L37.0001 30V20.0813C37.0001 13.8957 32.7335 8.71282 27.0001 7.35003V7ZM15.0001 20.0813C15.0001 15.0423 19.0531 11 24.0001 11C28.9472 11 33.0001 15.0423 33.0001 20.0813V31.2232L34.8737 34H13.1266L15.0001 31.2232V20.0813Z" style={{ fill: `var(--type)` }}/>
-<path d="M28.0001 40H20.0001C20.0001 42.2091 21.791 44 24.0001 44C26.2093 44 28.0001 42.2091 28.0001 40Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M27.0001 7C27.0001 5.34315 25.657 4 24.0001 4C22.3433 4 21.0001 5.34315 21.0001 7V7.35005C15.2667 8.71286 11.0001 13.8957 11.0001 20.0813V30L7.83008 34.6984C6.71807 35.9958 7.63988 38 9.34859 38H38.6517C40.3604 38 41.2822 35.9958 40.1702 34.6984L37.0001 30V20.0813C37.0001 13.8957 32.7335 8.71282 27.0001 7.35003V7ZM15.0001 20.0813C15.0001 15.0423 19.0531 11 24.0001 11C28.9472 11 33.0001 15.0423 33.0001 20.0813V31.2232L34.8737 34H13.1266L15.0001 31.2232V20.0813Z" style={{ fill: `var(--${type})` }}/>
+<path d="M28.0001 40H20.0001C20.0001 42.2091 21.791 44 24.0001 44C26.2093 44 28.0001 42.2091 28.0001 40Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M27.0001 7C27.0001 5.34315 25.657 4 24.0001 4C22.3433 4 21.0001 5.34315 21.0001 7V7.35005C15.2667 8.71286 11.0001 13.8957 11.0001 20.0813V30L7.83008 34.6984C6.71807 35.9958 7.63988 38 9.34859 38H38.6517C40.3604 38 41.2822 35.9958 40.1702 34.6984L37.0001 30V20.0813C37.0001 13.8957 32.7335 8.71282 27.0001 7.35003V7ZM34.0001 20.0813V30.9174L36.7547 35H11.2456L14.0001 30.9174V20.0813C14.0001 14.4959 18.4949 10 24.0001 10C29.5054 10 34.0001 14.4959 34.0001 20.0813Z" style={{ fill: `var(--type)` }}/>
-<path d="M28.0001 40H20.0001C20.0001 42.2091 21.791 44 24.0001 44C26.2093 44 28.0001 42.2091 28.0001 40Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M27.0001 7C27.0001 5.34315 25.657 4 24.0001 4C22.3433 4 21.0001 5.34315 21.0001 7V7.35005C15.2667 8.71286 11.0001 13.8957 11.0001 20.0813V30L7.83008 34.6984C6.71807 35.9958 7.63988 38 9.34859 38H38.6517C40.3604 38 41.2822 35.9958 40.1702 34.6984L37.0001 30V20.0813C37.0001 13.8957 32.7335 8.71282 27.0001 7.35003V7ZM34.0001 20.0813V30.9174L36.7547 35H11.2456L14.0001 30.9174V20.0813C14.0001 14.4959 18.4949 10 24.0001 10C29.5054 10 34.0001 14.4959 34.0001 20.0813Z" style={{ fill: `var(--${type})` }}/>
+<path d="M28.0001 40H20.0001C20.0001 42.2091 21.791 44 24.0001 44C26.2093 44 28.0001 42.2091 28.0001 40Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/block/index.tsx

@@ -11,26 +11,26 @@ interface BlockProps {
 }
 
 export const Block = forwardRef<SVGSVGElement, BlockProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM40 24C40 32.8366 32.8366 40 24 40C20.3028 40 16.8985 38.746 14.1892 36.6401L36.6401 14.1892C38.746 16.8985 40 20.3028 40 24ZM11.3607 33.8118L33.8118 11.3607C31.1024 9.25432 27.6977 8 24 8C15.1634 8 8 15.1634 8 24C8 27.6977 9.25432 31.1024 11.3607 33.8118Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM40 24C40 32.8366 32.8366 40 24 40C20.3028 40 16.8985 38.746 14.1892 36.6401L36.6401 14.1892C38.746 16.8985 40 20.3028 40 24ZM11.3607 33.8118L33.8118 11.3607C31.1024 9.25432 27.6977 8 24 8C15.1634 8 8 15.1634 8 24C8 27.6977 9.25432 31.1024 11.3607 33.8118Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/bolt/index.tsx

@@ -11,26 +11,26 @@ interface BoltProps {
 }
 
 export const Bolt = forwardRef<SVGSVGElement, BoltProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M23.3576 26.4991L21.8952 38.4829L36.4033 21.4991L24.9545 21.4991L26.4167 9.51529L11.9088 26.4991H23.3576ZM28.4453 2.52166C29.0887 1.76838 30.3182 2.30889 30.1983 3.29229L28.3428 18.4991L40.7422 18.4991C41.5957 18.4991 42.0569 19.4996 41.5025 20.1486L19.8665 45.4765C19.223 46.2298 17.9935 45.6893 18.1135 44.7059L19.9692 29.4991H7.57005C6.71649 29.4991 6.2553 28.4986 6.80969 27.8496L28.4453 2.52166Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.3576 26.4991L21.8952 38.4829L36.4033 21.4991L24.9545 21.4991L26.4167 9.51529L11.9088 26.4991H23.3576ZM28.4453 2.52166C29.0887 1.76838 30.3182 2.30889 30.1983 3.29229L28.3428 18.4991L40.7422 18.4991C41.5957 18.4991 42.0569 19.4996 41.5025 20.1486L19.8665 45.4765C19.223 46.2298 17.9935 45.6893 18.1135 44.7059L19.9692 29.4991H7.57005C6.71649 29.4991 6.2553 28.4986 6.80969 27.8496L28.4453 2.52166Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M30.1982 3.29229C30.3182 2.30889 29.0887 1.76838 28.4453 2.52166L6.80969 27.8496C6.2553 28.4986 6.71649 29.4991 7.57005 29.4991H19.9692L18.1135 44.7059C17.9935 45.6893 19.223 46.2298 19.8665 45.4765L41.5025 20.1486C42.0569 19.4996 41.5957 18.4991 40.7422 18.4991L28.3428 18.4991L30.1982 3.29229Z" style={{ fill: `var(--type)` }}/>
+<path d="M30.1982 3.29229C30.3182 2.30889 29.0887 1.76838 28.4453 2.52166L6.80969 27.8496C6.2553 28.4986 6.71649 29.4991 7.57005 29.4991H19.9692L18.1135 44.7059C17.9935 45.6893 19.223 46.2298 19.8665 45.4765L41.5025 20.1486C42.0569 19.4996 41.5957 18.4991 40.7422 18.4991L28.3428 18.4991L30.1982 3.29229Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M24.487 25.4991L23.2897 35.3108L34.2339 22.4991H23.8251L25.0223 12.6873L14.0782 25.4991H24.487ZM28.4453 2.52166C29.0887 1.76838 30.3182 2.30889 30.1983 3.29229L28.3428 18.4991L40.7422 18.4991C41.5957 18.4991 42.0569 19.4996 41.5025 20.1486L19.8665 45.4765C19.223 46.2298 17.9935 45.6893 18.1135 44.7059L19.9692 29.4991H7.57005C6.71649 29.4991 6.2553 28.4986 6.80969 27.8496L28.4453 2.52166Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24.487 25.4991L23.2897 35.3108L34.2339 22.4991H23.8251L25.0223 12.6873L14.0782 25.4991H24.487ZM28.4453 2.52166C29.0887 1.76838 30.3182 2.30889 30.1983 3.29229L28.3428 18.4991L40.7422 18.4991C41.5957 18.4991 42.0569 19.4996 41.5025 20.1486L19.8665 45.4765C19.223 46.2298 17.9935 45.6893 18.1135 44.7059L19.9692 29.4991H7.57005C6.71649 29.4991 6.2553 28.4986 6.80969 27.8496L28.4453 2.52166Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M23.3576 26.4991L21.8952 38.4829L36.4033 21.4991L24.9545 21.4991L26.4167 9.51529L11.9088 26.4991H23.3576ZM28.4453 2.52166C29.0887 1.76838 30.3182 2.30889 30.1983 3.29229L28.3428 18.4991L40.7422 18.4991C41.5957 18.4991 42.0569 19.4996 41.5025 20.1486L19.8665 45.4765C19.223 46.2298 17.9935 45.6893 18.1135 44.7059L19.9692 29.4991H7.57005C6.71649 29.4991 6.2553 28.4986 6.80969 27.8496L28.4453 2.52166Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.3576 26.4991L21.8952 38.4829L36.4033 21.4991L24.9545 21.4991L26.4167 9.51529L11.9088 26.4991H23.3576ZM28.4453 2.52166C29.0887 1.76838 30.3182 2.30889 30.1983 3.29229L28.3428 18.4991L40.7422 18.4991C41.5957 18.4991 42.0569 19.4996 41.5025 20.1486L19.8665 45.4765C19.223 46.2298 17.9935 45.6893 18.1135 44.7059L19.9692 29.4991H7.57005C6.71649 29.4991 6.2553 28.4986 6.80969 27.8496L28.4453 2.52166Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/book/index.tsx

@@ -11,27 +11,27 @@ interface BookProps {
 }
 
 export const Book = forwardRef<SVGSVGElement, BookProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M25.5814 39.0531C27.4473 38.0387 29.9235 37.2286 32.7442 37.2286C35.7959 37.2286 38.4167 38.0225 40.3597 38.8818C41.9032 39.5645 44 38.4644 44 36.7767V13.5247C44 12.4072 43.531 11.3345 42.5861 10.7379C40.8175 9.62124 37.4408 7.9997 32.7442 8C28.4002 8.00027 25.5573 9.73415 23.9926 11.0988C22.416 9.73415 19.5603 8.00027 15.2273 8C10.1925 7.99968 6.67825 9.87271 5.04178 10.9789C4.34848 11.4476 4 12.2473 4 13.0842V36.7699C4 38.4588 6.1001 39.5594 7.64452 38.8759C9.5812 38.0189 12.1904 37.2286 15.2273 37.2286C18.0995 37.2286 20.5891 38.1122 22.4891 39.1143C22.4926 39.1162 22.4962 39.118 22.4998 39.1199C22.8743 39.3281 23.4487 39.6493 23.9951 39.9548C24.5188 39.6611 25.049 39.3425 25.5814 39.0531ZM7 35.8896C9.15192 35.0053 11.9669 34.2286 15.2273 34.2286C18.0296 34.2286 20.4976 34.9198 22.4998 35.7925V13.8067C21.5194 12.812 19.2032 11.0003 15.2271 11C11.2402 10.9997 8.41494 12.3833 7 13.2821V35.8896ZM25.5008 35.7554C25.4702 28.4724 25.5 21.1887 25.5 13.9057C25.5 13.8569 25.5034 13.8182 25.5075 13.7898C26.4753 12.8026 28.7627 11.0003 32.7444 11C36.7004 10.9998 39.5151 12.353 40.9527 13.2546C40.9701 13.2918 41 13.3822 41 13.5247V35.8939C38.842 35.0078 36.017 34.2286 32.7442 34.2286C29.9962 34.2286 27.5289 34.8663 25.5008 35.7554Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M25.5814 39.0531C27.4473 38.0387 29.9235 37.2286 32.7442 37.2286C35.7959 37.2286 38.4167 38.0225 40.3597 38.8818C41.9032 39.5645 44 38.4644 44 36.7767V13.5247C44 12.4072 43.531 11.3345 42.5861 10.7379C40.8175 9.62124 37.4408 7.9997 32.7442 8C28.4002 8.00027 25.5573 9.73415 23.9926 11.0988C22.416 9.73415 19.5603 8.00027 15.2273 8C10.1925 7.99968 6.67825 9.87271 5.04178 10.9789C4.34848 11.4476 4 12.2473 4 13.0842V36.7699C4 38.4588 6.1001 39.5594 7.64452 38.8759C9.5812 38.0189 12.1904 37.2286 15.2273 37.2286C18.0995 37.2286 20.5891 38.1122 22.4891 39.1143C22.4926 39.1162 22.4962 39.118 22.4998 39.1199C22.8743 39.3281 23.4487 39.6493 23.9951 39.9548C24.5188 39.6611 25.049 39.3425 25.5814 39.0531ZM7 35.8896C9.15192 35.0053 11.9669 34.2286 15.2273 34.2286C18.0296 34.2286 20.4976 34.9198 22.4998 35.7925V13.8067C21.5194 12.812 19.2032 11.0003 15.2271 11C11.2402 10.9997 8.41494 12.3833 7 13.2821V35.8896ZM25.5008 35.7554C25.4702 28.4724 25.5 21.1887 25.5 13.9057C25.5 13.8569 25.5034 13.8182 25.5075 13.7898C26.4753 12.8026 28.7627 11.0003 32.7444 11C36.7004 10.9998 39.5151 12.353 40.9527 13.2546C40.9701 13.2918 41 13.3822 41 13.5247V35.8939C38.842 35.0078 36.017 34.2286 32.7442 34.2286C29.9962 34.2286 27.5289 34.8663 25.5008 35.7554Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M4 13.066C4 12.2398 4.33953 11.449 5.01952 10.9797C6.62236 9.87361 10.0659 7.99968 15 8C18.1293 8.0002 20.6591 8.94238 22.5 9.98428V39.2278C22.3308 39.1998 22.1971 39.1587 22.1147 39.1143C20.2532 38.1122 17.8141 37.2286 15 37.2286C12.081 37.2286 9.56539 37.9891 7.67948 38.8272C6.12751 39.5168 4 38.4126 4 36.7143V13.066Z" style={{ fill: `var(--type)` }}/>
-<path d="M25.5 39.2504C25.6749 39.2025 25.843 39.1361 26 39.0531C27.8465 38.0765 30.2434 37.2286 33 37.2286C35.919 37.2286 38.4346 37.9891 40.3205 38.8272C41.8725 39.5168 44 38.4126 44 36.7143V13.4975C44 12.3959 43.5446 11.3365 42.6194 10.7386C40.8913 9.62196 37.5908 7.9997 33 8C29.8707 8.0002 27.3409 8.94238 25.5 9.98429V39.2504Z" style={{ fill: `var(--type)` }}/>
+<path d="M4 13.066C4 12.2398 4.33953 11.449 5.01952 10.9797C6.62236 9.87361 10.0659 7.99968 15 8C18.1293 8.0002 20.6591 8.94238 22.5 9.98428V39.2278C22.3308 39.1998 22.1971 39.1587 22.1147 39.1143C20.2532 38.1122 17.8141 37.2286 15 37.2286C12.081 37.2286 9.56539 37.9891 7.67948 38.8272C6.12751 39.5168 4 38.4126 4 36.7143V13.066Z" style={{ fill: `var(--${type})` }}/>
+<path d="M25.5 39.2504C25.6749 39.2025 25.843 39.1361 26 39.0531C27.8465 38.0765 30.2434 37.2286 33 37.2286C35.919 37.2286 38.4346 37.9891 40.3205 38.8272C41.8725 39.5168 44 38.4126 44 36.7143V13.4975C44 12.3959 43.5446 11.3365 42.6194 10.7386C40.8913 9.62196 37.5908 7.9997 33 8C29.8707 8.0002 27.3409 8.94238 25.5 9.98429V39.2504Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M25.9081 39.0992C25.9391 39.0844 25.9698 39.0691 26 39.0531C27.8465 38.0765 30.2434 37.2286 33 37.2286C35.919 37.2286 38.4346 37.9891 40.3205 38.8272C41.8725 39.5168 44 38.4126 44 36.7143V13.4975C44 12.3959 43.5446 11.3365 42.6194 10.7386C40.8913 9.62196 37.5908 7.9997 33 8C28.9085 8.00026 25.842 9.61078 24 10.9491C22.158 9.61078 19.0915 8.00026 15 8C10.0659 7.99968 6.62236 9.87361 5.01952 10.9797C4.33953 11.449 4 12.2398 4 13.066V36.7143C4 38.4126 6.12751 39.5168 7.67948 38.8272C9.56539 37.9891 12.081 37.2286 15 37.2286C17.8141 37.2286 20.2532 38.1122 22.1147 39.1143C22.13 39.1225 22.1471 39.1306 22.1658 39.1386C22.8631 39.5126 23.4781 39.9023 24 40.2671C24.5403 39.8894 25.1803 39.4851 25.9081 39.0992ZM8 34.4096C9.96647 33.7392 12.3367 33.2286 15 33.2286C17.6678 33.2286 20.0359 33.8388 22 34.6418V14.4503C20.6965 13.4225 18.2911 12.0002 14.9997 12C11.7633 11.9998 9.37645 13.0204 8 13.8229V34.4096ZM26 14.4506V34.6418C27.9635 33.839 30.3318 33.2286 33 33.2286C35.6633 33.2286 38.0335 33.7392 40 34.4096V13.8231C38.6206 13.0189 36.2357 11.9998 33.0003 12C29.7155 12.0002 27.3139 13.4148 26 14.4506Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M25.9081 39.0992C25.9391 39.0844 25.9698 39.0691 26 39.0531C27.8465 38.0765 30.2434 37.2286 33 37.2286C35.919 37.2286 38.4346 37.9891 40.3205 38.8272C41.8725 39.5168 44 38.4126 44 36.7143V13.4975C44 12.3959 43.5446 11.3365 42.6194 10.7386C40.8913 9.62196 37.5908 7.9997 33 8C28.9085 8.00026 25.842 9.61078 24 10.9491C22.158 9.61078 19.0915 8.00026 15 8C10.0659 7.99968 6.62236 9.87361 5.01952 10.9797C4.33953 11.449 4 12.2398 4 13.066V36.7143C4 38.4126 6.12751 39.5168 7.67948 38.8272C9.56539 37.9891 12.081 37.2286 15 37.2286C17.8141 37.2286 20.2532 38.1122 22.1147 39.1143C22.13 39.1225 22.1471 39.1306 22.1658 39.1386C22.8631 39.5126 23.4781 39.9023 24 40.2671C24.5403 39.8894 25.1803 39.4851 25.9081 39.0992ZM8 34.4096C9.96647 33.7392 12.3367 33.2286 15 33.2286C17.6678 33.2286 20.0359 33.8388 22 34.6418V14.4503C20.6965 13.4225 18.2911 12.0002 14.9997 12C11.7633 11.9998 9.37645 13.0204 8 13.8229V34.4096ZM26 14.4506V34.6418C27.9635 33.839 30.3318 33.2286 33 33.2286C35.6633 33.2286 38.0335 33.7392 40 34.4096V13.8231C38.6206 13.0189 36.2357 11.9998 33.0003 12C29.7155 12.0002 27.3139 13.4148 26 14.4506Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M25.5814 39.0531C27.4473 38.0387 29.9235 37.2286 32.7442 37.2286C35.7959 37.2286 38.4167 38.0225 40.3597 38.8818C41.9032 39.5645 44 38.4644 44 36.7767V13.5247C44 12.4072 43.531 11.3345 42.5861 10.7379C40.8175 9.62124 37.4408 7.9997 32.7442 8C28.4002 8.00027 25.5573 9.73415 23.9926 11.0988C22.416 9.73415 19.5603 8.00027 15.2273 8C10.1925 7.99968 6.67825 9.87271 5.04178 10.9789C4.34848 11.4476 4 12.2473 4 13.0842V36.7699C4 38.4588 6.1001 39.5594 7.64452 38.8759C9.5812 38.0189 12.1904 37.2286 15.2273 37.2286C18.0995 37.2286 20.5891 38.1122 22.4891 39.1143C22.4926 39.1162 22.4962 39.118 22.4998 39.1199C22.8743 39.3281 23.4487 39.6493 23.9951 39.9548C24.5188 39.6611 25.049 39.3425 25.5814 39.0531ZM7 35.8896C9.15192 35.0053 11.9669 34.2286 15.2273 34.2286C18.0296 34.2286 20.4976 34.9198 22.4998 35.7925V13.8067C21.5194 12.812 19.2032 11.0003 15.2271 11C11.2402 10.9997 8.41494 12.3833 7 13.2821V35.8896ZM25.5008 35.7554C25.4702 28.4724 25.5 21.1887 25.5 13.9057C25.5 13.8569 25.5034 13.8182 25.5075 13.7898C26.4753 12.8026 28.7627 11.0003 32.7444 11C36.7004 10.9998 39.5151 12.353 40.9527 13.2546C40.9701 13.2918 41 13.3822 41 13.5247V35.8939C38.842 35.0078 36.017 34.2286 32.7442 34.2286C29.9962 34.2286 27.5289 34.8663 25.5008 35.7554Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M25.5814 39.0531C27.4473 38.0387 29.9235 37.2286 32.7442 37.2286C35.7959 37.2286 38.4167 38.0225 40.3597 38.8818C41.9032 39.5645 44 38.4644 44 36.7767V13.5247C44 12.4072 43.531 11.3345 42.5861 10.7379C40.8175 9.62124 37.4408 7.9997 32.7442 8C28.4002 8.00027 25.5573 9.73415 23.9926 11.0988C22.416 9.73415 19.5603 8.00027 15.2273 8C10.1925 7.99968 6.67825 9.87271 5.04178 10.9789C4.34848 11.4476 4 12.2473 4 13.0842V36.7699C4 38.4588 6.1001 39.5594 7.64452 38.8759C9.5812 38.0189 12.1904 37.2286 15.2273 37.2286C18.0995 37.2286 20.5891 38.1122 22.4891 39.1143C22.4926 39.1162 22.4962 39.118 22.4998 39.1199C22.8743 39.3281 23.4487 39.6493 23.9951 39.9548C24.5188 39.6611 25.049 39.3425 25.5814 39.0531ZM7 35.8896C9.15192 35.0053 11.9669 34.2286 15.2273 34.2286C18.0296 34.2286 20.4976 34.9198 22.4998 35.7925V13.8067C21.5194 12.812 19.2032 11.0003 15.2271 11C11.2402 10.9997 8.41494 12.3833 7 13.2821V35.8896ZM25.5008 35.7554C25.4702 28.4724 25.5 21.1887 25.5 13.9057C25.5 13.8569 25.5034 13.8182 25.5075 13.7898C26.4753 12.8026 28.7627 11.0003 32.7444 11C36.7004 10.9998 39.5151 12.353 40.9527 13.2546C40.9701 13.2918 41 13.3822 41 13.5247V35.8939C38.842 35.0078 36.017 34.2286 32.7442 34.2286C29.9962 34.2286 27.5289 34.8663 25.5008 35.7554Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/bookmark/index.tsx

@@ -11,26 +11,26 @@ interface BookmarkProps {
 }
 
 export const Bookmark = forwardRef<SVGSVGElement, BookmarkProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M24 28.6309L38 39.0334V8H10V39.0334L24 28.6309ZM24 32.3684L37.8072 42.6276C39.1267 43.6081 41 42.6662 41 41.0223V7C41 5.89543 40.1046 5 39 5H9C7.89543 5 7 5.89543 7 7V41.0223C7 42.6662 8.87326 43.6081 10.1928 42.6276L24 32.3684Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 28.6309L38 39.0334V8H10V39.0334L24 28.6309ZM24 32.3684L37.8072 42.6276C39.1267 43.6081 41 42.6662 41 41.0223V7C41 5.89543 40.1046 5 39 5H9C7.89543 5 7 5.89543 7 7V41.0223C7 42.6662 8.87326 43.6081 10.1928 42.6276L24 32.3684Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M7 7C7 5.89543 7.89543 5 9 5H39C40.1046 5 41 5.89543 41 7V41.0223C41 42.6662 39.1267 43.6081 37.8072 42.6276L24 32.3684L10.1928 42.6276C8.87326 43.6081 7 42.6662 7 41.0223L7 7Z" style={{ fill: `var(--type)` }}/>
+<path d="M7 7C7 5.89543 7.89543 5 9 5H39C40.1046 5 41 5.89543 41 7V41.0223C41 42.6662 39.1267 43.6081 37.8072 42.6276L24 32.3684L10.1928 42.6276C8.87326 43.6081 7 42.6662 7 41.0223L7 7Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M24 27.3851L37 37.0445V9H11V37.0445L24 27.3851ZM24 32.3684L37.8072 42.6276C39.1267 43.6081 41 42.6662 41 41.0223V7C41 5.89543 40.1046 5 39 5H9C7.89543 5 7 5.89543 7 7V41.0223C7 42.6662 8.87326 43.6081 10.1928 42.6276L24 32.3684Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 27.3851L37 37.0445V9H11V37.0445L24 27.3851ZM24 32.3684L37.8072 42.6276C39.1267 43.6081 41 42.6662 41 41.0223V7C41 5.89543 40.1046 5 39 5H9C7.89543 5 7 5.89543 7 7V41.0223C7 42.6662 8.87326 43.6081 10.1928 42.6276L24 32.3684Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M24 28.6309L38 39.0334V8H10V39.0334L24 28.6309ZM24 32.3684L37.8072 42.6276C39.1267 43.6081 41 42.6662 41 41.0223V7C41 5.89543 40.1046 5 39 5H9C7.89543 5 7 5.89543 7 7V41.0223C7 42.6662 8.87326 43.6081 10.1928 42.6276L24 32.3684Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 28.6309L38 39.0334V8H10V39.0334L24 28.6309ZM24 32.3684L37.8072 42.6276C39.1267 43.6081 41 42.6662 41 41.0223V7C41 5.89543 40.1046 5 39 5H9C7.89543 5 7 5.89543 7 7V41.0223C7 42.6662 8.87326 43.6081 10.1928 42.6276L24 32.3684Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }