@liner-fe/icon 0.0.45 → 0.0.47

package/assets/person-fill/index.tsx

@@ -11,34 +11,34 @@ interface PersonFillProps {
 }
 
 export const PersonFill = forwardRef<SVGSVGElement, PersonFillProps>(
-  ({ 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="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.6624 4.40103 19.4185 5.13804 17.3333C7.88361 9.56538 15.2919 4 24 4C32.7081 4 40.1164 9.56538 42.862 17.3333C43.599 19.4185 44 21.6624 44 24Z" style={{ fill: `var(--type)` }}/>
-<path d="M24 23.5C27.0376 23.5 29.5 21.0376 29.5 18C29.5 14.9624 27.0376 12.5 24 12.5C20.9624 12.5 18.5 14.9624 18.5 18C18.5 21.0376 20.9624 23.5 24 23.5Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M11 38V39.1992C14.4961 42.1922 19.0369 44 24 44C28.9631 44 33.5039 42.1922 37 39.1992V38C37 31.9249 32.0751 27 26 27H22C15.9249 27 11 31.9249 11 38Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.6624 4.40103 19.4185 5.13804 17.3333C7.88361 9.56538 15.2919 4 24 4C32.7081 4 40.1164 9.56538 42.862 17.3333C43.599 19.4185 44 21.6624 44 24Z" style={{ fill: `var(--${type})` }}/>
+<path d="M24 23.5C27.0376 23.5 29.5 21.0376 29.5 18C29.5 14.9624 27.0376 12.5 24 12.5C20.9624 12.5 18.5 14.9624 18.5 18C18.5 21.0376 20.9624 23.5 24 23.5Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M11 38V39.1992C14.4961 42.1922 19.0369 44 24 44C28.9631 44 33.5039 42.1922 37 39.1992V38C37 31.9249 32.0751 27 26 27H22C15.9249 27 11 31.9249 11 38Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.6624 4.40103 19.4185 5.13804 17.3333C7.88361 9.56538 15.2919 4 24 4C32.7081 4 40.1164 9.56538 42.862 17.3333C43.599 19.4185 44 21.6624 44 24Z" style={{ fill: `var(--type)` }}/>
-<path d="M24 23.5C27.0376 23.5 29.5 21.0376 29.5 18C29.5 14.9624 27.0376 12.5 24 12.5C20.9624 12.5 18.5 14.9624 18.5 18C18.5 21.0376 20.9624 23.5 24 23.5Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M11 38V39.1992C14.4961 42.1922 19.0369 44 24 44C28.9631 44 33.5039 42.1922 37 39.1992V38C37 31.9249 32.0751 27 26 27H22C15.9249 27 11 31.9249 11 38Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.6624 4.40103 19.4185 5.13804 17.3333C7.88361 9.56538 15.2919 4 24 4C32.7081 4 40.1164 9.56538 42.862 17.3333C43.599 19.4185 44 21.6624 44 24Z" style={{ fill: `var(--${type})` }}/>
+<path d="M24 23.5C27.0376 23.5 29.5 21.0376 29.5 18C29.5 14.9624 27.0376 12.5 24 12.5C20.9624 12.5 18.5 14.9624 18.5 18C18.5 21.0376 20.9624 23.5 24 23.5Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M11 38V39.1992C14.4961 42.1922 19.0369 44 24 44C28.9631 44 33.5039 42.1922 37 39.1992V38C37 31.9249 32.0751 27 26 27H22C15.9249 27 11 31.9249 11 38Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.6624 4.40103 19.4185 5.13804 17.3333C7.88361 9.56538 15.2919 4 24 4C32.7081 4 40.1164 9.56538 42.862 17.3333C43.599 19.4185 44 21.6624 44 24Z" style={{ fill: `var(--type)` }}/>
-<path d="M24 23.5C27.0376 23.5 29.5 21.0376 29.5 18C29.5 14.9624 27.0376 12.5 24 12.5C20.9624 12.5 18.5 14.9624 18.5 18C18.5 21.0376 20.9624 23.5 24 23.5Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M11 38V39.1992C14.4961 42.1922 19.0369 44 24 44C28.9631 44 33.5039 42.1922 37 39.1992V38C37 31.9249 32.0751 27 26 27H22C15.9249 27 11 31.9249 11 38Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.6624 4.40103 19.4185 5.13804 17.3333C7.88361 9.56538 15.2919 4 24 4C32.7081 4 40.1164 9.56538 42.862 17.3333C43.599 19.4185 44 21.6624 44 24Z" style={{ fill: `var(--${type})` }}/>
+<path d="M24 23.5C27.0376 23.5 29.5 21.0376 29.5 18C29.5 14.9624 27.0376 12.5 24 12.5C20.9624 12.5 18.5 14.9624 18.5 18C18.5 21.0376 20.9624 23.5 24 23.5Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M11 38V39.1992C14.4961 42.1922 19.0369 44 24 44C28.9631 44 33.5039 42.1922 37 39.1992V38C37 31.9249 32.0751 27 26 27H22C15.9249 27 11 31.9249 11 38Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.6624 4.40103 19.4185 5.13804 17.3333C7.88361 9.56538 15.2919 4 24 4C32.7081 4 40.1164 9.56538 42.862 17.3333C43.599 19.4185 44 21.6624 44 24Z" style={{ fill: `var(--type)` }}/>
-<path d="M24 23.5C27.0376 23.5 29.5 21.0376 29.5 18C29.5 14.9624 27.0376 12.5 24 12.5C20.9624 12.5 18.5 14.9624 18.5 18C18.5 21.0376 20.9624 23.5 24 23.5Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M11 38V39.1992C14.4961 42.1922 19.0369 44 24 44C28.9631 44 33.5039 42.1922 37 39.1992V38C37 31.9249 32.0751 27 26 27H22C15.9249 27 11 31.9249 11 38Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.6624 4.40103 19.4185 5.13804 17.3333C7.88361 9.56538 15.2919 4 24 4C32.7081 4 40.1164 9.56538 42.862 17.3333C43.599 19.4185 44 21.6624 44 24Z" style={{ fill: `var(--${type})` }}/>
+<path d="M24 23.5C27.0376 23.5 29.5 21.0376 29.5 18C29.5 14.9624 27.0376 12.5 24 12.5C20.9624 12.5 18.5 14.9624 18.5 18C18.5 21.0376 20.9624 23.5 24 23.5Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M11 38V39.1992C14.4961 42.1922 19.0369 44 24 44C28.9631 44 33.5039 42.1922 37 39.1992V38C37 31.9249 32.0751 27 26 27H22C15.9249 27 11 31.9249 11 38Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   }

package/assets/photo/index.tsx

@@ -11,29 +11,29 @@ interface PhotoProps {
 }
 
 export const Photo = forwardRef<SVGSVGElement, PhotoProps>(
-  ({ 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="M23 18C23 20.2091 21.2091 22 19 22C16.7909 22 15 20.2091 15 18C15 15.7909 16.7909 14 19 14C21.2091 14 23 15.7909 23 18Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M43 7C43 5.89543 42.1046 5 41 5H7C5.89543 5 5 5.89543 5 7V41.25C5 42.3546 5.89543 43.25 7 43.25H41C42.1046 43.25 43 42.3546 43 41.25V7ZM8 39.1976V40H40V31.5142L32.5002 24.1926L21.6095 34.8246L17.0002 30.234L8 39.1976ZM40 27.3217L33.8973 21.3639C33.1203 20.6054 31.8801 20.6054 31.1031 21.3639L21.6305 30.6115L18.4115 27.4056C17.6311 26.6284 16.3693 26.6284 15.5889 27.4056L8 34.9636V8H40V27.3217Z" style={{ fill: `var(--type)` }}/>
+<path d="M23 18C23 20.2091 21.2091 22 19 22C16.7909 22 15 20.2091 15 18C15 15.7909 16.7909 14 19 14C21.2091 14 23 15.7909 23 18Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M43 7C43 5.89543 42.1046 5 41 5H7C5.89543 5 5 5.89543 5 7V41.25C5 42.3546 5.89543 43.25 7 43.25H41C42.1046 43.25 43 42.3546 43 41.25V7ZM8 39.1976V40H40V31.5142L32.5002 24.1926L21.6095 34.8246L17.0002 30.234L8 39.1976ZM40 27.3217L33.8973 21.3639C33.1203 20.6054 31.8801 20.6054 31.1031 21.3639L21.6305 30.6115L18.4115 27.4056C17.6311 26.6284 16.3693 26.6284 15.5889 27.4056L8 34.9636V8H40V27.3217Z" 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="M7 5C5.89543 5 5 5.89543 5 7V40.9999C5 42.1045 5.89543 42.9999 7 42.9999H41C42.1046 42.9999 43 42.1045 43 40.9999V7C43 5.89543 42.1046 5 41 5H7ZM21.6095 34.5744L17.0002 29.9839L8 38.9475V39.9999H40V31.2641L32.5002 23.9424L21.6095 34.5744ZM19 22C21.2091 22 23 20.2091 23 18C23 15.7909 21.2091 14 19 14C16.7909 14 15 15.7909 15 18C15 20.2091 16.7909 22 19 22Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M7 5C5.89543 5 5 5.89543 5 7V40.9999C5 42.1045 5.89543 42.9999 7 42.9999H41C42.1046 42.9999 43 42.1045 43 40.9999V7C43 5.89543 42.1046 5 41 5H7ZM21.6095 34.5744L17.0002 29.9839L8 38.9475V39.9999H40V31.2641L32.5002 23.9424L21.6095 34.5744ZM19 22C21.2091 22 23 20.2091 23 18C23 15.7909 21.2091 14 19 14C16.7909 14 15 15.7909 15 18C15 20.2091 16.7909 22 19 22Z" 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="M23 18C23 20.2091 21.2091 22 19 22C16.7909 22 15 20.2091 15 18C15 15.7909 16.7909 14 19 14C21.2091 14 23 15.7909 23 18Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M43 7C43 5.89543 42.1046 5 41 5H7C5.89543 5 5 5.89543 5 7V41.25C5 42.3546 5.89543 43.25 7 43.25H41C42.1046 43.25 43 42.3546 43 41.25V7ZM39 39V31.9355L32.5002 25.5901L21.6025 36.2289L17.0002 31.6454L9.61549 39H39ZM39 26.3454L33.8973 21.3639C33.1203 20.6054 31.8801 20.6054 31.1031 21.3639L21.6305 30.6115L18.4115 27.4056C17.6311 26.6284 16.3693 26.6284 15.5889 27.4056L9 33.9676V9H39V26.3454Z" style={{ fill: `var(--type)` }}/>
+<path d="M23 18C23 20.2091 21.2091 22 19 22C16.7909 22 15 20.2091 15 18C15 15.7909 16.7909 14 19 14C21.2091 14 23 15.7909 23 18Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M43 7C43 5.89543 42.1046 5 41 5H7C5.89543 5 5 5.89543 5 7V41.25C5 42.3546 5.89543 43.25 7 43.25H41C42.1046 43.25 43 42.3546 43 41.25V7ZM39 39V31.9355L32.5002 25.5901L21.6025 36.2289L17.0002 31.6454L9.61549 39H39ZM39 26.3454L33.8973 21.3639C33.1203 20.6054 31.8801 20.6054 31.1031 21.3639L21.6305 30.6115L18.4115 27.4056C17.6311 26.6284 16.3693 26.6284 15.5889 27.4056L9 33.9676V9H39V26.3454Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M23 18C23 20.2091 21.2091 22 19 22C16.7909 22 15 20.2091 15 18C15 15.7909 16.7909 14 19 14C21.2091 14 23 15.7909 23 18Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M43 7C43 5.89543 42.1046 5 41 5H7C5.89543 5 5 5.89543 5 7V41.25C5 42.3546 5.89543 43.25 7 43.25H41C42.1046 43.25 43 42.3546 43 41.25V7ZM8 39.1976V40H40V31.5142L32.5002 24.1926L21.6095 34.8246L17.0002 30.234L8 39.1976ZM40 27.3217L33.8973 21.3639C33.1203 20.6054 31.8801 20.6054 31.1031 21.3639L21.6305 30.6115L18.4115 27.4056C17.6311 26.6284 16.3693 26.6284 15.5889 27.4056L8 34.9636V8H40V27.3217Z" style={{ fill: `var(--type)` }}/>
+<path d="M23 18C23 20.2091 21.2091 22 19 22C16.7909 22 15 20.2091 15 18C15 15.7909 16.7909 14 19 14C21.2091 14 23 15.7909 23 18Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M43 7C43 5.89543 42.1046 5 41 5H7C5.89543 5 5 5.89543 5 7V41.25C5 42.3546 5.89543 43.25 7 43.25H41C42.1046 43.25 43 42.3546 43 41.25V7ZM8 39.1976V40H40V31.5142L32.5002 24.1926L21.6095 34.8246L17.0002 30.234L8 39.1976ZM40 27.3217L33.8973 21.3639C33.1203 20.6054 31.8801 20.6054 31.1031 21.3639L21.6305 30.6115L18.4115 27.4056C17.6311 26.6284 16.3693 26.6284 15.5889 27.4056L8 34.9636V8H40V27.3217Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/play-button/index.tsx

@@ -11,29 +11,29 @@ interface PlayButtonProps {
 }
 
 export const PlayButton = forwardRef<SVGSVGElement, PlayButtonProps>(
-  ({ 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 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7C14.6112 7 7 14.6112 7 24C7 33.3888 14.6112 41 24 41ZM24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" style={{ fill: `var(--type)` }}/>
-<path d="M33 23.5L18.75 31.7272L18.75 15.2728L33 23.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7C14.6112 7 7 14.6112 7 24C7 33.3888 14.6112 41 24 41ZM24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" style={{ fill: `var(--${type})` }}/>
+<path d="M33 23.5L18.75 31.7272L18.75 15.2728L33 23.5Z" 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="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM18.75 31.7272L33 23.5L18.75 15.2728L18.75 31.7272Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM18.75 31.7272L33 23.5L18.75 15.2728L18.75 31.7272Z" 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 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40ZM24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" style={{ fill: `var(--type)` }}/>
-<path d="M33 23.5L18.75 31.7272L18.75 15.2728L33 23.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 40C32.8366 40 40 32.8366 40 24C40 15.1634 32.8366 8 24 8C15.1634 8 8 15.1634 8 24C8 32.8366 15.1634 40 24 40ZM24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" style={{ fill: `var(--${type})` }}/>
+<path d="M33 23.5L18.75 31.7272L18.75 15.2728L33 23.5Z" 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 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7C14.6112 7 7 14.6112 7 24C7 33.3888 14.6112 41 24 41ZM24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" style={{ fill: `var(--type)` }}/>
-<path d="M33 23.5L18.75 31.7272L18.75 15.2728L33 23.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7C14.6112 7 7 14.6112 7 24C7 33.3888 14.6112 41 24 41ZM24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" style={{ fill: `var(--${type})` }}/>
+<path d="M33 23.5L18.75 31.7272L18.75 15.2728L33 23.5Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/plus/index.tsx

@@ -11,26 +11,26 @@ interface PlusProps {
 }
 
 export const Plus = forwardRef<SVGSVGElement, PlusProps>(
-  ({ 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 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM21.9997 35.9991V25.9998H11.9997V21.9998H21.9997V11.9998H25.9997V21.9998H35.9991V25.9998H25.9997V35.9991H21.9997Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM21.9997 35.9991V25.9998H11.9997V21.9998H21.9997V11.9998H25.9997V21.9998H35.9991V25.9998H25.9997V35.9991H21.9997Z" 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="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM22.4997 35.9991V25.4998H11.9997V22.4998H22.4997V11.9998H25.4997V22.4998H35.9991V25.4998H25.4997V35.9991H22.4997Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM22.4997 35.9991V25.4998H11.9997V22.4998H22.4997V11.9998H25.4997V22.4998H35.9991V25.4998H25.4997V35.9991H22.4997Z" 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="M22.0001 26V39.9993H26.0001V26H40.0001V22H26.0001V8H22.0001V22H8.00073V26H22.0001Z" style={{ fill: `var(--type)` }}/>
+<path d="M22.0001 26V39.9993H26.0001V26H40.0001V22H26.0001V8H22.0001V22H8.00073V26H22.0001Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M22.5001 25.5V39.9993H25.5001V25.5H40.0001V22.5H25.5001V8H22.5001V22.5H8.00073V25.5H22.5001Z" style={{ fill: `var(--type)` }}/>
+<path d="M22.5001 25.5V39.9993H25.5001V25.5H40.0001V22.5H25.5001V8H22.5001V22.5H8.00073V25.5H22.5001Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/power/index.tsx

@@ -11,30 +11,30 @@ interface PowerProps {
 }
 
 export const Power = forwardRef<SVGSVGElement, PowerProps>(
-  ({ 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.5 24V6H22.5V24H25.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M6 24.0001C6 18.6335 8.34861 13.8154 12.0741 10.5176L14.2001 12.6436C11.0155 15.3943 9 19.4618 9 24.0001C9 32.2844 15.7157 39.0001 24 39.0001C32.2843 39.0001 39 32.2844 39 24.0001C39 19.4618 36.9845 15.3943 33.7999 12.6436L35.9259 10.5176C39.6514 13.8154 42 18.6335 42 24.0001C42 33.9413 33.9411 42.0001 24 42.0001C14.0589 42.0001 6 33.9413 6 24.0001Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.5 24V6H22.5V24H25.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M6 24.0001C6 18.6335 8.34861 13.8154 12.0741 10.5176L14.2001 12.6436C11.0155 15.3943 9 19.4618 9 24.0001C9 32.2844 15.7157 39.0001 24 39.0001C32.2843 39.0001 39 32.2844 39 24.0001C39 19.4618 36.9845 15.3943 33.7999 12.6436L35.9259 10.5176C39.6514 13.8154 42 18.6335 42 24.0001C42 33.9413 33.9411 42.0001 24 42.0001C14.0589 42.0001 6 33.9413 6 24.0001Z" 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.5 24V6H22.5V24H25.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M6 24.0001C6 18.6335 8.34861 13.8154 12.0741 10.5176L14.2001 12.6436C11.0155 15.3943 9 19.4618 9 24.0001C9 32.2844 15.7157 39.0001 24 39.0001C32.2843 39.0001 39 32.2844 39 24.0001C39 19.4618 36.9845 15.3943 33.7999 12.6436L35.9259 10.5176C39.6514 13.8154 42 18.6335 42 24.0001C42 33.9413 33.9411 42.0001 24 42.0001C14.0589 42.0001 6 33.9413 6 24.0001Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.5 24V6H22.5V24H25.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M6 24.0001C6 18.6335 8.34861 13.8154 12.0741 10.5176L14.2001 12.6436C11.0155 15.3943 9 19.4618 9 24.0001C9 32.2844 15.7157 39.0001 24 39.0001C32.2843 39.0001 39 32.2844 39 24.0001C39 19.4618 36.9845 15.3943 33.7999 12.6436L35.9259 10.5176C39.6514 13.8154 42 18.6335 42 24.0001C42 33.9413 33.9411 42.0001 24 42.0001C14.0589 42.0001 6 33.9413 6 24.0001Z" 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 24V6H22V24H26Z" style={{ fill: `var(--type)` }}/>
-<path d="M6 24.0001C6 18.6335 8.34861 13.8154 12.0741 10.5176L14.9093 13.3528C11.9047 15.9206 10 19.7379 10 24.0001C10 31.7321 16.268 38.0001 24 38.0001C31.732 38.0001 38 31.7321 38 24.0001C38 19.7379 36.0953 15.9206 33.0907 13.3528L35.9259 10.5176C39.6514 13.8154 42 18.6335 42 24.0001C42 33.9413 33.9411 42.0001 24 42.0001C14.0589 42.0001 6 33.9413 6 24.0001Z" style={{ fill: `var(--type)` }}/>
+<path d="M26 24V6H22V24H26Z" style={{ fill: `var(--${type})` }}/>
+<path d="M6 24.0001C6 18.6335 8.34861 13.8154 12.0741 10.5176L14.9093 13.3528C11.9047 15.9206 10 19.7379 10 24.0001C10 31.7321 16.268 38.0001 24 38.0001C31.732 38.0001 38 31.7321 38 24.0001C38 19.7379 36.0953 15.9206 33.0907 13.3528L35.9259 10.5176C39.6514 13.8154 42 18.6335 42 24.0001C42 33.9413 33.9411 42.0001 24 42.0001C14.0589 42.0001 6 33.9413 6 24.0001Z" 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.5 24V6H22.5V24H25.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M6 24.0001C6 18.6335 8.34861 13.8154 12.0741 10.5176L14.2001 12.6436C11.0155 15.3943 9 19.4618 9 24.0001C9 32.2844 15.7157 39.0001 24 39.0001C32.2843 39.0001 39 32.2844 39 24.0001C39 19.4618 36.9845 15.3943 33.7999 12.6436L35.9259 10.5176C39.6514 13.8154 42 18.6335 42 24.0001C42 33.9413 33.9411 42.0001 24 42.0001C14.0589 42.0001 6 33.9413 6 24.0001Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.5 24V6H22.5V24H25.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M6 24.0001C6 18.6335 8.34861 13.8154 12.0741 10.5176L14.2001 12.6436C11.0155 15.3943 9 19.4618 9 24.0001C9 32.2844 15.7157 39.0001 24 39.0001C32.2843 39.0001 39 32.2844 39 24.0001C39 19.4618 36.9845 15.3943 33.7999 12.6436L35.9259 10.5176C39.6514 13.8154 42 18.6335 42 24.0001C42 33.9413 33.9411 42.0001 24 42.0001C14.0589 42.0001 6 33.9413 6 24.0001Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/question-box/index.tsx

@@ -11,30 +11,30 @@ interface QuestionBoxProps {
 }
 
 export const QuestionBox = forwardRef<SVGSVGElement, QuestionBoxProps>(
-  ({ 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.0001 2.57654C24.3813 2.21928 23.6189 2.21928 23.0001 2.57654L5.94751 12.4218C5.32871 12.7791 4.94751 13.4394 4.94751 14.1539V33.8445C4.94751 34.559 5.32871 35.2193 5.94751 35.5765L23.0001 45.4218C23.6189 45.7791 24.3813 45.7791 25.0001 45.4218L42.0526 35.5765C42.6714 35.2193 43.0526 34.559 43.0526 33.8445V14.1539C43.0526 13.4394 42.6714 12.7791 42.0526 12.4218L25.0001 2.57654ZM17.8923 18.0461C18.406 16.7433 19.2402 15.7029 20.3882 14.9508C21.5352 14.1994 22.849 13.8332 24.3005 13.8332C25.9824 13.8332 27.4193 14.3112 28.5234 15.3381C29.6344 16.3713 30.1675 17.7391 30.1675 19.3532C30.1675 20.2789 29.9663 21.1461 29.5546 21.94C29.1411 22.7374 28.4693 23.5004 27.5934 24.237L27.5877 24.2419C26.7073 24.9688 26.3351 25.497 26.2369 25.8227C26.0907 26.3076 26.0127 26.8594 26.0127 27.4848V28.3182H21.989V27.4848C21.989 26.2778 22.1952 25.2189 22.6767 24.3699C23.1227 23.5834 23.7859 22.8249 24.6328 22.089L24.6425 22.0806C25.2697 21.5523 25.7145 21.0691 26.0035 20.6343C26.265 20.241 26.3835 19.8459 26.3835 19.4333C26.3835 18.8876 26.1989 18.4844 25.8262 18.1552C25.45 17.8229 24.9282 17.6229 24.1806 17.6229C23.5334 17.6229 23.0135 17.7877 22.5841 18.0911C22.1467 18.4 21.8017 18.8422 21.5608 19.4569L21.2603 20.2238L17.5823 18.8322L17.8923 18.0461ZM22.4126 30.6847C22.8666 30.2294 23.4405 29.9992 24.0813 29.9992C24.722 29.9992 25.2959 30.2294 25.75 30.6847C26.2039 31.1398 26.4327 31.7142 26.4327 32.3547C26.4327 32.9952 26.2039 33.5696 25.75 34.0247C25.2959 34.48 24.722 34.7102 24.0813 34.7102C23.4405 34.7102 22.8666 34.48 22.4126 34.0247C21.9587 33.5696 21.7298 32.9952 21.7298 32.3547C21.7298 31.7142 21.9587 31.1398 22.4126 30.6847Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M25.0001 2.57654C24.3813 2.21928 23.6189 2.21928 23.0001 2.57654L5.94751 12.4218C5.32871 12.7791 4.94751 13.4394 4.94751 14.1539V33.8445C4.94751 34.559 5.32871 35.2193 5.94751 35.5765L23.0001 45.4218C23.6189 45.7791 24.3813 45.7791 25.0001 45.4218L42.0526 35.5765C42.6714 35.2193 43.0526 34.559 43.0526 33.8445V14.1539C43.0526 13.4394 42.6714 12.7791 42.0526 12.4218L25.0001 2.57654ZM17.8923 18.0461C18.406 16.7433 19.2402 15.7029 20.3882 14.9508C21.5352 14.1994 22.849 13.8332 24.3005 13.8332C25.9824 13.8332 27.4193 14.3112 28.5234 15.3381C29.6344 16.3713 30.1675 17.7391 30.1675 19.3532C30.1675 20.2789 29.9663 21.1461 29.5546 21.94C29.1411 22.7374 28.4693 23.5004 27.5934 24.237L27.5877 24.2419C26.7073 24.9688 26.3351 25.497 26.2369 25.8227C26.0907 26.3076 26.0127 26.8594 26.0127 27.4848V28.3182H21.989V27.4848C21.989 26.2778 22.1952 25.2189 22.6767 24.3699C23.1227 23.5834 23.7859 22.8249 24.6328 22.089L24.6425 22.0806C25.2697 21.5523 25.7145 21.0691 26.0035 20.6343C26.265 20.241 26.3835 19.8459 26.3835 19.4333C26.3835 18.8876 26.1989 18.4844 25.8262 18.1552C25.45 17.8229 24.9282 17.6229 24.1806 17.6229C23.5334 17.6229 23.0135 17.7877 22.5841 18.0911C22.1467 18.4 21.8017 18.8422 21.5608 19.4569L21.2603 20.2238L17.5823 18.8322L17.8923 18.0461ZM22.4126 30.6847C22.8666 30.2294 23.4405 29.9992 24.0813 29.9992C24.722 29.9992 25.2959 30.2294 25.75 30.6847C26.2039 31.1398 26.4327 31.7142 26.4327 32.3547C26.4327 32.9952 26.2039 33.5696 25.75 34.0247C25.2959 34.48 24.722 34.7102 24.0813 34.7102C23.4405 34.7102 22.8666 34.48 22.4126 34.0247C21.9587 33.5696 21.7298 32.9952 21.7298 32.3547C21.7298 31.7142 21.9587 31.1398 22.4126 30.6847Z" 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="M25.0001 2.57654C24.3813 2.21928 23.6189 2.21928 23.0001 2.57654L5.94751 12.4218C5.32871 12.7791 4.94751 13.4394 4.94751 14.1539V33.8445C4.94751 34.559 5.32871 35.2193 5.94751 35.5765L23.0001 45.4218C23.6189 45.7791 24.3813 45.7791 25.0001 45.4218L42.0526 35.5765C42.6714 35.2193 43.0526 34.559 43.0526 33.8445V14.1539C43.0526 13.4394 42.6714 12.7791 42.0526 12.4218L25.0001 2.57654ZM20.6622 15.3691C21.7202 14.676 22.9369 14.3332 24.3005 14.3332C25.8842 14.3332 27.19 14.7808 28.1829 15.7043C29.1786 16.6303 29.6675 17.8583 29.6675 19.3532C29.6675 20.2042 29.4832 20.9917 29.1108 21.7098C28.7376 22.4294 28.1174 23.1431 27.2716 23.8544L27.2693 23.8563C26.3739 24.5957 25.9014 25.2035 25.7582 25.6783C25.5959 26.2168 25.5127 26.8181 25.5127 27.4848V27.8182H22.489V27.4848C22.489 26.329 22.6874 25.3647 23.1117 24.6165C23.5218 23.8934 24.1426 23.1774 24.9608 22.4664L24.9646 22.463C25.615 21.9153 26.0965 21.3975 26.4199 20.9111C26.7323 20.4414 26.8835 19.9509 26.8835 19.4333C26.8835 18.7503 26.6419 18.2085 26.1572 17.7804C25.6712 17.3511 25.0231 17.1229 24.1806 17.1229C23.4423 17.1229 22.8189 17.313 22.2956 17.6827C21.7691 18.0546 21.3674 18.58 21.0953 19.2745L20.9751 19.5813L18.2335 18.5439L18.3574 18.2295C18.8346 17.0194 19.6037 16.0624 20.6622 15.3691ZM22.7666 31.0378C23.124 30.6794 23.5693 30.4992 24.0813 30.4992C24.5933 30.4992 25.0386 30.6794 25.396 31.0378C25.7533 31.3961 25.9327 31.8421 25.9327 32.3547C25.9327 32.8673 25.7533 33.3133 25.396 33.6716C25.0386 34.03 24.5933 34.2102 24.0813 34.2102C23.5693 34.2102 23.124 34.03 22.7666 33.6716C22.4093 33.3133 22.2299 32.8673 22.2299 32.3547C22.2299 31.8421 22.4093 31.3961 22.7666 31.0378Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M25.0001 2.57654C24.3813 2.21928 23.6189 2.21928 23.0001 2.57654L5.94751 12.4218C5.32871 12.7791 4.94751 13.4394 4.94751 14.1539V33.8445C4.94751 34.559 5.32871 35.2193 5.94751 35.5765L23.0001 45.4218C23.6189 45.7791 24.3813 45.7791 25.0001 45.4218L42.0526 35.5765C42.6714 35.2193 43.0526 34.559 43.0526 33.8445V14.1539C43.0526 13.4394 42.6714 12.7791 42.0526 12.4218L25.0001 2.57654ZM20.6622 15.3691C21.7202 14.676 22.9369 14.3332 24.3005 14.3332C25.8842 14.3332 27.19 14.7808 28.1829 15.7043C29.1786 16.6303 29.6675 17.8583 29.6675 19.3532C29.6675 20.2042 29.4832 20.9917 29.1108 21.7098C28.7376 22.4294 28.1174 23.1431 27.2716 23.8544L27.2693 23.8563C26.3739 24.5957 25.9014 25.2035 25.7582 25.6783C25.5959 26.2168 25.5127 26.8181 25.5127 27.4848V27.8182H22.489V27.4848C22.489 26.329 22.6874 25.3647 23.1117 24.6165C23.5218 23.8934 24.1426 23.1774 24.9608 22.4664L24.9646 22.463C25.615 21.9153 26.0965 21.3975 26.4199 20.9111C26.7323 20.4414 26.8835 19.9509 26.8835 19.4333C26.8835 18.7503 26.6419 18.2085 26.1572 17.7804C25.6712 17.3511 25.0231 17.1229 24.1806 17.1229C23.4423 17.1229 22.8189 17.313 22.2956 17.6827C21.7691 18.0546 21.3674 18.58 21.0953 19.2745L20.9751 19.5813L18.2335 18.5439L18.3574 18.2295C18.8346 17.0194 19.6037 16.0624 20.6622 15.3691ZM22.7666 31.0378C23.124 30.6794 23.5693 30.4992 24.0813 30.4992C24.5933 30.4992 25.0386 30.6794 25.396 31.0378C25.7533 31.3961 25.9327 31.8421 25.9327 32.3547C25.9327 32.8673 25.7533 33.3133 25.396 33.6716C25.0386 34.03 24.5933 34.2102 24.0813 34.2102C23.5693 34.2102 23.124 34.03 22.7666 33.6716C22.4093 33.3133 22.2299 32.8673 22.2299 32.3547C22.2299 31.8421 22.4093 31.3961 22.7666 31.0378Z" 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="M17.8933 18.0461C18.4069 16.7433 19.2412 15.7029 20.3891 14.9508C21.5362 14.1994 22.8499 13.8332 24.3015 13.8332C25.9834 13.8332 27.4203 14.3112 28.5244 15.3381C29.6354 16.3713 30.1685 17.7391 30.1685 19.3532C30.1685 20.2789 29.9673 21.1461 29.5556 21.94C29.142 22.7374 28.4703 23.5004 27.5944 24.237L27.5886 24.2419C26.7083 24.9688 26.3361 25.497 26.2379 25.8227C26.0917 26.3076 26.0137 26.8594 26.0137 27.4848V28.3182H21.99V27.4848C21.99 26.2778 22.1962 25.2189 22.6777 24.3699C23.1237 23.5834 23.7869 22.8249 24.6338 22.089L24.6435 22.0806C25.2706 21.5523 25.7154 21.0691 26.0045 20.6343C26.266 20.241 26.3845 19.8459 26.3845 19.4333C26.3845 18.8876 26.1999 18.4844 25.8272 18.1552C25.451 17.8229 24.9292 17.6229 24.1816 17.6229C23.5344 17.6229 23.0145 17.7877 22.585 18.0911C22.1477 18.4 21.8026 18.8422 21.5618 19.4569L21.2613 20.2238L17.5833 18.8322L17.8933 18.0461Z" style={{ fill: `var(--type)` }}/>
-<path d="M22.3314 30.1847C22.7854 29.7294 23.3593 29.4992 24.0001 29.4992C24.6408 29.4992 25.2147 29.7294 25.6688 30.1847C26.1227 30.6398 26.3515 31.2142 26.3515 31.8547C26.3515 32.4952 26.1227 33.0696 25.6688 33.5247C25.2147 33.98 24.6408 34.2102 24.0001 34.2102C23.3593 34.2102 22.7854 33.98 22.3314 33.5247C21.8774 33.0696 21.6486 32.4952 21.6486 31.8547C21.6486 31.2142 21.8774 30.6398 22.3314 30.1847Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M23.0001 2.57654C23.6189 2.21928 24.3813 2.21928 25.0001 2.57654L42.0526 12.4218C42.6714 12.7791 43.0526 13.4394 43.0526 14.1539V33.8445C43.0526 34.559 42.6714 35.2193 42.0526 35.5765L25.0001 45.4218C24.3813 45.7791 23.6189 45.7791 23.0001 45.4218L5.94751 35.5765C5.32871 35.2193 4.94751 34.559 4.94751 33.8445V14.1539C4.94751 13.4394 5.32871 12.7791 5.94751 12.4218L23.0001 2.57654ZM8.94751 15.3086L24.0001 6.61799L39.0526 15.3086V32.6898L24.0001 41.3804L8.94751 32.6898V15.3086Z" style={{ fill: `var(--type)` }}/>
+<path d="M17.8933 18.0461C18.4069 16.7433 19.2412 15.7029 20.3891 14.9508C21.5362 14.1994 22.8499 13.8332 24.3015 13.8332C25.9834 13.8332 27.4203 14.3112 28.5244 15.3381C29.6354 16.3713 30.1685 17.7391 30.1685 19.3532C30.1685 20.2789 29.9673 21.1461 29.5556 21.94C29.142 22.7374 28.4703 23.5004 27.5944 24.237L27.5886 24.2419C26.7083 24.9688 26.3361 25.497 26.2379 25.8227C26.0917 26.3076 26.0137 26.8594 26.0137 27.4848V28.3182H21.99V27.4848C21.99 26.2778 22.1962 25.2189 22.6777 24.3699C23.1237 23.5834 23.7869 22.8249 24.6338 22.089L24.6435 22.0806C25.2706 21.5523 25.7154 21.0691 26.0045 20.6343C26.266 20.241 26.3845 19.8459 26.3845 19.4333C26.3845 18.8876 26.1999 18.4844 25.8272 18.1552C25.451 17.8229 24.9292 17.6229 24.1816 17.6229C23.5344 17.6229 23.0145 17.7877 22.585 18.0911C22.1477 18.4 21.8026 18.8422 21.5618 19.4569L21.2613 20.2238L17.5833 18.8322L17.8933 18.0461Z" style={{ fill: `var(--${type})` }}/>
+<path d="M22.3314 30.1847C22.7854 29.7294 23.3593 29.4992 24.0001 29.4992C24.6408 29.4992 25.2147 29.7294 25.6688 30.1847C26.1227 30.6398 26.3515 31.2142 26.3515 31.8547C26.3515 32.4952 26.1227 33.0696 25.6688 33.5247C25.2147 33.98 24.6408 34.2102 24.0001 34.2102C23.3593 34.2102 22.7854 33.98 22.3314 33.5247C21.8774 33.0696 21.6486 32.4952 21.6486 31.8547C21.6486 31.2142 21.8774 30.6398 22.3314 30.1847Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.0001 2.57654C23.6189 2.21928 24.3813 2.21928 25.0001 2.57654L42.0526 12.4218C42.6714 12.7791 43.0526 13.4394 43.0526 14.1539V33.8445C43.0526 34.559 42.6714 35.2193 42.0526 35.5765L25.0001 45.4218C24.3813 45.7791 23.6189 45.7791 23.0001 45.4218L5.94751 35.5765C5.32871 35.2193 4.94751 34.559 4.94751 33.8445V14.1539C4.94751 13.4394 5.32871 12.7791 5.94751 12.4218L23.0001 2.57654ZM8.94751 15.3086L24.0001 6.61799L39.0526 15.3086V32.6898L24.0001 41.3804L8.94751 32.6898V15.3086Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M20.6631 15.3691C21.7212 14.676 22.9378 14.3332 24.3015 14.3332C25.8851 14.3332 27.191 14.7808 28.1839 15.7043C29.1796 16.6303 29.6685 17.8583 29.6685 19.3532C29.6685 20.2042 29.4842 20.9917 29.1117 21.7098C28.7386 22.4294 28.1183 23.1431 27.2726 23.8544L27.2703 23.8563C26.3749 24.5957 25.9024 25.2035 25.7592 25.6783C25.5968 26.2168 25.5137 26.8181 25.5137 27.4848V27.8182H22.49V27.4848C22.49 26.329 22.6883 25.3647 23.1126 24.6165C23.5228 23.8934 24.1436 23.1774 24.9617 22.4664L24.9656 22.463C25.616 21.9153 26.0975 21.3975 26.4209 20.9111C26.7332 20.4414 26.8845 19.9509 26.8845 19.4333C26.8845 18.7503 26.6428 18.2085 26.1582 17.7804C25.6722 17.3511 25.024 17.1229 24.1816 17.1229C23.4433 17.1229 22.8199 17.313 22.2966 17.6827C21.7701 18.0546 21.3684 18.58 21.0962 19.2745L20.976 19.5813L18.2344 18.5439L18.3584 18.2295C18.8356 17.0194 19.6047 16.0624 20.6631 15.3691Z" style={{ fill: `var(--type)` }}/>
-<path d="M22.6854 30.5378C23.0428 30.1794 23.4881 29.9992 24.0001 29.9992C24.5121 29.9992 24.9574 30.1794 25.3147 30.5378C25.6721 30.8961 25.8515 31.3421 25.8515 31.8547C25.8515 32.3673 25.6721 32.8133 25.3147 33.1716C24.9574 33.53 24.5121 33.7102 24.0001 33.7102C23.4881 33.7102 23.0428 33.53 22.6854 33.1716C22.3281 32.8133 22.1486 32.3673 22.1486 31.8547C22.1486 31.3421 22.3281 30.8961 22.6854 30.5378Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M23.0001 2.57654C23.6189 2.21928 24.3813 2.21928 25.0001 2.57654L42.0526 12.4218C42.6714 12.7791 43.0526 13.4394 43.0526 14.1539V33.8445C43.0526 34.559 42.6714 35.2193 42.0526 35.5765L25.0001 45.4218C24.3813 45.7791 23.6189 45.7791 23.0001 45.4218L5.94751 35.5765C5.32871 35.2193 4.94751 34.559 4.94751 33.8445V14.1539C4.94751 13.4394 5.32871 12.7791 5.94751 12.4218L23.0001 2.57654ZM7.94751 14.7312L24.0001 5.46329L40.0526 14.7312V33.2671L24.0001 42.5351L7.94751 33.2671V14.7312Z" style={{ fill: `var(--type)` }}/>
+<path d="M20.6631 15.3691C21.7212 14.676 22.9378 14.3332 24.3015 14.3332C25.8851 14.3332 27.191 14.7808 28.1839 15.7043C29.1796 16.6303 29.6685 17.8583 29.6685 19.3532C29.6685 20.2042 29.4842 20.9917 29.1117 21.7098C28.7386 22.4294 28.1183 23.1431 27.2726 23.8544L27.2703 23.8563C26.3749 24.5957 25.9024 25.2035 25.7592 25.6783C25.5968 26.2168 25.5137 26.8181 25.5137 27.4848V27.8182H22.49V27.4848C22.49 26.329 22.6883 25.3647 23.1126 24.6165C23.5228 23.8934 24.1436 23.1774 24.9617 22.4664L24.9656 22.463C25.616 21.9153 26.0975 21.3975 26.4209 20.9111C26.7332 20.4414 26.8845 19.9509 26.8845 19.4333C26.8845 18.7503 26.6428 18.2085 26.1582 17.7804C25.6722 17.3511 25.024 17.1229 24.1816 17.1229C23.4433 17.1229 22.8199 17.313 22.2966 17.6827C21.7701 18.0546 21.3684 18.58 21.0962 19.2745L20.976 19.5813L18.2344 18.5439L18.3584 18.2295C18.8356 17.0194 19.6047 16.0624 20.6631 15.3691Z" style={{ fill: `var(--${type})` }}/>
+<path d="M22.6854 30.5378C23.0428 30.1794 23.4881 29.9992 24.0001 29.9992C24.5121 29.9992 24.9574 30.1794 25.3147 30.5378C25.6721 30.8961 25.8515 31.3421 25.8515 31.8547C25.8515 32.3673 25.6721 32.8133 25.3147 33.1716C24.9574 33.53 24.5121 33.7102 24.0001 33.7102C23.4881 33.7102 23.0428 33.53 22.6854 33.1716C22.3281 32.8133 22.1486 32.3673 22.1486 31.8547C22.1486 31.3421 22.3281 30.8961 22.6854 30.5378Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.0001 2.57654C23.6189 2.21928 24.3813 2.21928 25.0001 2.57654L42.0526 12.4218C42.6714 12.7791 43.0526 13.4394 43.0526 14.1539V33.8445C43.0526 34.559 42.6714 35.2193 42.0526 35.5765L25.0001 45.4218C24.3813 45.7791 23.6189 45.7791 23.0001 45.4218L5.94751 35.5765C5.32871 35.2193 4.94751 34.559 4.94751 33.8445V14.1539C4.94751 13.4394 5.32871 12.7791 5.94751 12.4218L23.0001 2.57654ZM7.94751 14.7312L24.0001 5.46329L40.0526 14.7312V33.2671L24.0001 42.5351L7.94751 33.2671V14.7312Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/question-message/index.tsx

@@ -11,30 +11,30 @@ interface QuestionMessageProps {
 }
 
 export const QuestionMessage = forwardRef<SVGSVGElement, QuestionMessageProps>(
-  ({ 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 44C20.1538 44 16.5612 42.9143 13.512 41.0327L8.52936 42.3678C7.04222 42.7663 5.6814 41.4054 6.07988 39.9183L7.36794 35.1112C5.24062 31.9332 4 28.1115 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM17.8922 18.0469C18.4059 16.7441 19.2401 15.7037 20.3881 14.9516C21.5351 14.2002 22.8489 13.834 24.3004 13.834C25.9824 13.834 27.4192 14.312 28.5234 15.3389C29.6343 16.3722 30.1675 17.7399 30.1675 19.354C30.1675 20.2797 29.9663 21.1469 29.5545 21.9408C29.141 22.7382 28.4693 23.5012 27.5933 24.2379L27.5876 24.2427C26.7073 24.9696 26.3351 25.4978 26.2369 25.8235C26.0906 26.3084 26.0127 26.8602 26.0127 27.4856V28.319H21.9889V27.4856C21.9889 26.2786 22.1952 25.2197 22.6767 24.3707C23.1227 23.5842 23.7858 22.8257 24.6327 22.0898L24.6424 22.0814C25.2696 21.5531 25.7144 21.0699 26.0035 20.6351C26.2649 20.2418 26.3834 19.8467 26.3834 19.4341C26.3834 18.8884 26.1988 18.4852 25.8261 18.156C25.4499 17.8237 24.9282 17.6237 24.1806 17.6237C23.5334 17.6237 23.0135 17.7885 22.584 18.0919C22.1466 18.4008 21.8016 18.843 21.5607 19.4577L21.2603 20.2246L17.5823 18.833L17.8922 18.0469ZM22.5518 31.1418C23.0059 30.6866 23.5798 30.4563 24.2205 30.4563C24.8613 30.4563 25.4352 30.6866 25.8892 31.1418C26.3431 31.5969 26.572 32.1713 26.572 32.8118C26.572 33.4523 26.3431 34.0267 25.8892 34.4818C25.4352 34.9371 24.8613 35.1673 24.2205 35.1673C23.5798 35.1673 23.0059 34.9371 22.5518 34.4818C22.0979 34.0267 21.8691 33.4523 21.8691 32.8118C21.8691 32.1713 22.0979 31.5969 22.5518 31.1418Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C20.1538 44 16.5612 42.9143 13.512 41.0327L8.52936 42.3678C7.04222 42.7663 5.6814 41.4054 6.07988 39.9183L7.36794 35.1112C5.24062 31.9332 4 28.1115 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM17.8922 18.0469C18.4059 16.7441 19.2401 15.7037 20.3881 14.9516C21.5351 14.2002 22.8489 13.834 24.3004 13.834C25.9824 13.834 27.4192 14.312 28.5234 15.3389C29.6343 16.3722 30.1675 17.7399 30.1675 19.354C30.1675 20.2797 29.9663 21.1469 29.5545 21.9408C29.141 22.7382 28.4693 23.5012 27.5933 24.2379L27.5876 24.2427C26.7073 24.9696 26.3351 25.4978 26.2369 25.8235C26.0906 26.3084 26.0127 26.8602 26.0127 27.4856V28.319H21.9889V27.4856C21.9889 26.2786 22.1952 25.2197 22.6767 24.3707C23.1227 23.5842 23.7858 22.8257 24.6327 22.0898L24.6424 22.0814C25.2696 21.5531 25.7144 21.0699 26.0035 20.6351C26.2649 20.2418 26.3834 19.8467 26.3834 19.4341C26.3834 18.8884 26.1988 18.4852 25.8261 18.156C25.4499 17.8237 24.9282 17.6237 24.1806 17.6237C23.5334 17.6237 23.0135 17.7885 22.584 18.0919C22.1466 18.4008 21.8016 18.843 21.5607 19.4577L21.2603 20.2246L17.5823 18.833L17.8922 18.0469ZM22.5518 31.1418C23.0059 30.6866 23.5798 30.4563 24.2205 30.4563C24.8613 30.4563 25.4352 30.6866 25.8892 31.1418C26.3431 31.5969 26.572 32.1713 26.572 32.8118C26.572 33.4523 26.3431 34.0267 25.8892 34.4818C25.4352 34.9371 24.8613 35.1673 24.2205 35.1673C23.5798 35.1673 23.0059 34.9371 22.5518 34.4818C22.0979 34.0267 21.8691 33.4523 21.8691 32.8118C21.8691 32.1713 22.0979 31.5969 22.5518 31.1418Z" 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 44C20.1538 44 16.5612 42.9143 13.512 41.0327L8.52936 42.3678C7.04222 42.7663 5.6814 41.4054 6.07988 39.9183L7.36794 35.1112C5.24062 31.9332 4 28.1115 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM20.558 15.211C21.6498 14.4957 22.9034 14.144 24.3004 14.144C25.9214 14.144 27.277 14.6032 28.3122 15.5659C29.3517 16.5327 29.8575 17.8138 29.8575 19.354C29.8575 20.2334 29.6667 21.0512 29.2794 21.7981C28.8908 22.5472 28.251 23.2797 27.3938 24.0006L27.3902 24.0036C26.5005 24.7383 26.0661 25.3158 25.94 25.734C25.7838 26.2521 25.7027 26.8346 25.7027 27.4856V28.009H22.2989V27.4856C22.2989 26.3104 22.5003 25.3101 22.9463 24.5236C23.3701 23.7764 24.007 23.0443 24.836 22.3238L24.8421 22.3185C25.4837 21.7781 25.9513 21.2735 26.2616 20.8067C26.5546 20.3661 26.6934 19.9118 26.6934 19.4341C26.6934 18.8033 26.4735 18.3142 26.0314 17.9236C25.5871 17.5312 24.987 17.3137 24.1806 17.3137C23.4769 17.3137 22.8928 17.4942 22.4051 17.8387C21.9125 18.1867 21.5323 18.6804 21.2721 19.3446L21.0834 19.8262L17.986 18.6543L18.1806 18.1606C18.6716 16.9153 19.4655 15.9266 20.558 15.211ZM22.7713 30.3607C23.1654 29.9655 23.6596 29.7663 24.2205 29.7663C24.7814 29.7663 25.2756 29.9655 25.6697 30.3607C26.0638 30.7558 26.262 31.2506 26.262 31.8118C26.262 32.373 26.0638 32.8678 25.6697 33.2629C25.2756 33.6581 24.7814 33.8573 24.2205 33.8573C23.6596 33.8573 23.1654 33.6581 22.7713 33.2629C22.3773 32.8678 22.1791 32.373 22.1791 31.8118C22.1791 31.2506 22.3773 30.7558 22.7713 30.3607Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C20.1538 44 16.5612 42.9143 13.512 41.0327L8.52936 42.3678C7.04222 42.7663 5.6814 41.4054 6.07988 39.9183L7.36794 35.1112C5.24062 31.9332 4 28.1115 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM20.558 15.211C21.6498 14.4957 22.9034 14.144 24.3004 14.144C25.9214 14.144 27.277 14.6032 28.3122 15.5659C29.3517 16.5327 29.8575 17.8138 29.8575 19.354C29.8575 20.2334 29.6667 21.0512 29.2794 21.7981C28.8908 22.5472 28.251 23.2797 27.3938 24.0006L27.3902 24.0036C26.5005 24.7383 26.0661 25.3158 25.94 25.734C25.7838 26.2521 25.7027 26.8346 25.7027 27.4856V28.009H22.2989V27.4856C22.2989 26.3104 22.5003 25.3101 22.9463 24.5236C23.3701 23.7764 24.007 23.0443 24.836 22.3238L24.8421 22.3185C25.4837 21.7781 25.9513 21.2735 26.2616 20.8067C26.5546 20.3661 26.6934 19.9118 26.6934 19.4341C26.6934 18.8033 26.4735 18.3142 26.0314 17.9236C25.5871 17.5312 24.987 17.3137 24.1806 17.3137C23.4769 17.3137 22.8928 17.4942 22.4051 17.8387C21.9125 18.1867 21.5323 18.6804 21.2721 19.3446L21.0834 19.8262L17.986 18.6543L18.1806 18.1606C18.6716 16.9153 19.4655 15.9266 20.558 15.211ZM22.7713 30.3607C23.1654 29.9655 23.6596 29.7663 24.2205 29.7663C24.7814 29.7663 25.2756 29.9655 25.6697 30.3607C26.0638 30.7558 26.262 31.2506 26.262 31.8118C26.262 32.373 26.0638 32.8678 25.6697 33.2629C25.2756 33.6581 24.7814 33.8573 24.2205 33.8573C23.6596 33.8573 23.1654 33.6581 22.7713 33.2629C22.3773 32.8678 22.1791 32.373 22.1791 31.8118C22.1791 31.2506 22.3773 30.7558 22.7713 30.3607Z" 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="M17.8922 18.0469C18.4059 16.7441 19.2401 15.7037 20.3881 14.9516C21.5351 14.2002 22.8489 13.834 24.3004 13.834C25.9824 13.834 27.4192 14.312 28.5234 15.3389C29.6343 16.3722 30.1675 17.7399 30.1675 19.354C30.1675 20.2797 29.9663 21.1469 29.5545 21.9408C29.141 22.7382 28.4693 23.5012 27.5933 24.2379L27.5876 24.2427C26.7073 24.9696 26.3351 25.4978 26.2369 25.8235C26.0906 26.3084 26.0127 26.8602 26.0127 27.4856V28.319H21.9889V27.4856C21.9889 26.2786 22.1952 25.2197 22.6767 24.3707C23.1227 23.5842 23.7858 22.8257 24.6327 22.0898L24.6424 22.0814C25.2696 21.5531 25.7144 21.0699 26.0035 20.6351C26.2649 20.2418 26.3834 19.8467 26.3834 19.4341C26.3834 18.8884 26.1988 18.4852 25.8261 18.156C25.4499 17.8237 24.9282 17.6237 24.1806 17.6237C23.5334 17.6237 23.0135 17.7885 22.584 18.0919C22.1466 18.4008 21.8016 18.843 21.5607 19.4577L21.2603 20.2246L17.5823 18.833L17.8922 18.0469Z" style={{ fill: `var(--type)` }}/>
-<path d="M22.5518 30.1418C23.0059 29.6866 23.5798 29.4563 24.2205 29.4563C24.8613 29.4563 25.4352 29.6866 25.8892 30.1418C26.3431 30.5969 26.572 31.1713 26.572 31.8118C26.572 32.4523 26.3431 33.0267 25.8892 33.4818C25.4352 33.9371 24.8613 34.1673 24.2205 34.1673C23.5798 34.1673 23.0059 33.9371 22.5518 33.4818C22.0979 33.0267 21.8691 32.4523 21.8691 31.8118C21.8691 31.1713 22.0979 30.5969 22.5518 30.1418Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 28.1115 5.24062 31.9332 7.36794 35.1112L6.07988 39.9183C5.6814 41.4054 7.04222 42.7663 8.52936 42.3678L13.512 41.0327C16.5612 42.9143 20.1538 44 24 44ZM11.7012 34.3939L10.692 32.8861C8.9916 30.346 8 27.2948 8 24C8 15.1634 15.1634 8 24 8C32.8366 8 40 15.1634 40 24C40 32.8366 32.8366 40 24 40C20.9168 40 18.0486 39.1319 15.6125 37.6286L14.1438 36.7223L10.8402 37.6075L11.7012 34.3939Z" style={{ fill: `var(--type)` }}/>
+<path d="M17.8922 18.0469C18.4059 16.7441 19.2401 15.7037 20.3881 14.9516C21.5351 14.2002 22.8489 13.834 24.3004 13.834C25.9824 13.834 27.4192 14.312 28.5234 15.3389C29.6343 16.3722 30.1675 17.7399 30.1675 19.354C30.1675 20.2797 29.9663 21.1469 29.5545 21.9408C29.141 22.7382 28.4693 23.5012 27.5933 24.2379L27.5876 24.2427C26.7073 24.9696 26.3351 25.4978 26.2369 25.8235C26.0906 26.3084 26.0127 26.8602 26.0127 27.4856V28.319H21.9889V27.4856C21.9889 26.2786 22.1952 25.2197 22.6767 24.3707C23.1227 23.5842 23.7858 22.8257 24.6327 22.0898L24.6424 22.0814C25.2696 21.5531 25.7144 21.0699 26.0035 20.6351C26.2649 20.2418 26.3834 19.8467 26.3834 19.4341C26.3834 18.8884 26.1988 18.4852 25.8261 18.156C25.4499 17.8237 24.9282 17.6237 24.1806 17.6237C23.5334 17.6237 23.0135 17.7885 22.584 18.0919C22.1466 18.4008 21.8016 18.843 21.5607 19.4577L21.2603 20.2246L17.5823 18.833L17.8922 18.0469Z" style={{ fill: `var(--${type})` }}/>
+<path d="M22.5518 30.1418C23.0059 29.6866 23.5798 29.4563 24.2205 29.4563C24.8613 29.4563 25.4352 29.6866 25.8892 30.1418C26.3431 30.5969 26.572 31.1713 26.572 31.8118C26.572 32.4523 26.3431 33.0267 25.8892 33.4818C25.4352 33.9371 24.8613 34.1673 24.2205 34.1673C23.5798 34.1673 23.0059 33.9371 22.5518 33.4818C22.0979 33.0267 21.8691 32.4523 21.8691 31.8118C21.8691 31.1713 22.0979 30.5969 22.5518 30.1418Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 28.1115 5.24062 31.9332 7.36794 35.1112L6.07988 39.9183C5.6814 41.4054 7.04222 42.7663 8.52936 42.3678L13.512 41.0327C16.5612 42.9143 20.1538 44 24 44ZM11.7012 34.3939L10.692 32.8861C8.9916 30.346 8 27.2948 8 24C8 15.1634 15.1634 8 24 8C32.8366 8 40 15.1634 40 24C40 32.8366 32.8366 40 24 40C20.9168 40 18.0486 39.1319 15.6125 37.6286L14.1438 36.7223L10.8402 37.6075L11.7012 34.3939Z" 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.3004 14.144C22.9034 14.144 21.6498 14.4957 20.558 15.211C19.4655 15.9266 18.6716 16.9153 18.1806 18.1606L17.986 18.6543L21.0834 19.8262L21.2721 19.3446C21.5323 18.6804 21.9125 18.1867 22.4051 17.8387C22.8928 17.4942 23.4769 17.3137 24.1806 17.3137C24.987 17.3137 25.5871 17.5312 26.0314 17.9236C26.4735 18.3142 26.6934 18.8033 26.6934 19.4341C26.6934 19.9118 26.5546 20.3661 26.2616 20.8067C25.9513 21.2735 25.4837 21.7781 24.8421 22.3185L24.836 22.3238C24.007 23.0443 23.3701 23.7764 22.9463 24.5236C22.5003 25.3101 22.2989 26.3104 22.2989 27.4856V28.009H25.7027V27.4856C25.7027 26.8346 25.7838 26.2521 25.94 25.734C26.0661 25.3158 26.5005 24.7383 27.3902 24.0036L27.3938 24.0006C28.251 23.2797 28.8908 22.5472 29.2794 21.7981C29.6667 21.0512 29.8575 20.2334 29.8575 19.354C29.8575 17.8138 29.3517 16.5327 28.3122 15.5659C27.277 14.6032 25.9214 14.144 24.3004 14.144Z" style={{ fill: `var(--type)` }}/>
-<path d="M24.2205 29.7663C23.6596 29.7663 23.1654 29.9655 22.7713 30.3607C22.3773 30.7558 22.1791 31.2506 22.1791 31.8118C22.1791 32.373 22.3773 32.8678 22.7713 33.2629C23.1654 33.6581 23.6596 33.8573 24.2205 33.8573C24.7814 33.8573 25.2756 33.6581 25.6697 33.2629C26.0638 32.8678 26.262 32.373 26.262 31.8118C26.262 31.2506 26.0638 30.7558 25.6697 30.3607C25.2756 29.9655 24.7814 29.7663 24.2205 29.7663Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 28.1115 5.24062 31.9332 7.36794 35.1112L6.07988 39.9183C5.6814 41.4054 7.04222 42.7663 8.52936 42.3678L13.512 41.0327C16.5612 42.9143 20.1538 44 24 44ZM10.6179 34.5732L9.86096 33.4424C8.05386 30.7428 7 27.499 7 24C7 14.6112 14.6112 7 24 7C33.3888 7 41 14.6112 41 24C41 33.3888 33.3888 41 24 41C20.7261 41 17.6768 40.0775 15.0874 38.4797L13.9858 37.7999L9.42594 39.0217L10.6179 34.5732Z" style={{ fill: `var(--type)` }}/>
+<path d="M24.3004 14.144C22.9034 14.144 21.6498 14.4957 20.558 15.211C19.4655 15.9266 18.6716 16.9153 18.1806 18.1606L17.986 18.6543L21.0834 19.8262L21.2721 19.3446C21.5323 18.6804 21.9125 18.1867 22.4051 17.8387C22.8928 17.4942 23.4769 17.3137 24.1806 17.3137C24.987 17.3137 25.5871 17.5312 26.0314 17.9236C26.4735 18.3142 26.6934 18.8033 26.6934 19.4341C26.6934 19.9118 26.5546 20.3661 26.2616 20.8067C25.9513 21.2735 25.4837 21.7781 24.8421 22.3185L24.836 22.3238C24.007 23.0443 23.3701 23.7764 22.9463 24.5236C22.5003 25.3101 22.2989 26.3104 22.2989 27.4856V28.009H25.7027V27.4856C25.7027 26.8346 25.7838 26.2521 25.94 25.734C26.0661 25.3158 26.5005 24.7383 27.3902 24.0036L27.3938 24.0006C28.251 23.2797 28.8908 22.5472 29.2794 21.7981C29.6667 21.0512 29.8575 20.2334 29.8575 19.354C29.8575 17.8138 29.3517 16.5327 28.3122 15.5659C27.277 14.6032 25.9214 14.144 24.3004 14.144Z" style={{ fill: `var(--${type})` }}/>
+<path d="M24.2205 29.7663C23.6596 29.7663 23.1654 29.9655 22.7713 30.3607C22.3773 30.7558 22.1791 31.2506 22.1791 31.8118C22.1791 32.373 22.3773 32.8678 22.7713 33.2629C23.1654 33.6581 23.6596 33.8573 24.2205 33.8573C24.7814 33.8573 25.2756 33.6581 25.6697 33.2629C26.0638 32.8678 26.262 32.373 26.262 31.8118C26.262 31.2506 26.0638 30.7558 25.6697 30.3607C25.2756 29.9655 24.7814 29.7663 24.2205 29.7663Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 28.1115 5.24062 31.9332 7.36794 35.1112L6.07988 39.9183C5.6814 41.4054 7.04222 42.7663 8.52936 42.3678L13.512 41.0327C16.5612 42.9143 20.1538 44 24 44ZM10.6179 34.5732L9.86096 33.4424C8.05386 30.7428 7 27.499 7 24C7 14.6112 14.6112 7 24 7C33.3888 7 41 14.6112 41 24C41 33.3888 33.3888 41 24 41C20.7261 41 17.6768 40.0775 15.0874 38.4797L13.9858 37.7999L9.42594 39.0217L10.6179 34.5732Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/quote/index.tsx

@@ -11,30 +11,30 @@ interface QuoteProps {
 }
 
 export const Quote = forwardRef<SVGSVGElement, QuoteProps>(
-  ({ 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="M22 16.5C20.2829 16.6321 18.8905 16.9386 17.771 17.3242C14.6527 18.3983 13.6521 20.0856 13.6521 20.3242H20C21.1046 20.3242 22 21.2196 22 22.3242V36.4436C22 37.5481 21.1046 38.4436 20 38.4436H6C4.89543 38.4436 4 37.5481 4 36.4436V22.3242C4 14.0372 11.5774 9.24011 19 8.21039C20.0093 8.07036 21.0158 8 22 8V16.5ZM11.6247 14.0983C13.7338 12.6379 16.3553 11.6673 19 11.2434V13.8902C16.7276 14.3558 15.0007 15.1276 13.7199 15.9849C12.8501 16.5671 12.194 17.1839 11.7239 17.7564C11.4919 18.0389 11.2861 18.334 11.1205 18.6327C11.0391 18.7795 10.9481 18.9619 10.8691 19.1703C10.8208 19.2978 10.6521 19.7442 10.6521 20.3242V23.3242H19V35.4436H7V22.3242C7 18.8056 8.77808 16.0694 11.6247 14.0983Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M44 16.5C42.2829 16.6321 40.8905 16.9386 39.771 17.3242C36.6527 18.3983 35.6521 20.0856 35.6521 20.3242H42C43.1046 20.3242 44 21.2196 44 22.3242V36.4436C44 37.5481 43.1046 38.4436 42 38.4436H28C26.8954 38.4436 26 37.5481 26 36.4436V22.3242C26 14.0372 33.5774 9.24011 41 8.21039C42.0093 8.07036 43.0158 8 44 8V16.5ZM33.6247 14.0983C35.7338 12.6379 38.3553 11.6673 41 11.2434V13.8902C38.7276 14.3558 37.0007 15.1276 35.7199 15.9849C34.8501 16.5671 34.194 17.1839 33.7239 17.7564C33.4919 18.0389 33.2861 18.334 33.1205 18.6327C33.0391 18.7795 32.9481 18.9619 32.8691 19.1703C32.8208 19.2978 32.6521 19.7442 32.6521 20.3242V23.3242H41V35.4436H29V22.3242C29 18.8056 30.7781 16.0694 33.6247 14.0983Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M22 16.5C20.2829 16.6321 18.8905 16.9386 17.771 17.3242C14.6527 18.3983 13.6521 20.0856 13.6521 20.3242H20C21.1046 20.3242 22 21.2196 22 22.3242V36.4436C22 37.5481 21.1046 38.4436 20 38.4436H6C4.89543 38.4436 4 37.5481 4 36.4436V22.3242C4 14.0372 11.5774 9.24011 19 8.21039C20.0093 8.07036 21.0158 8 22 8V16.5ZM11.6247 14.0983C13.7338 12.6379 16.3553 11.6673 19 11.2434V13.8902C16.7276 14.3558 15.0007 15.1276 13.7199 15.9849C12.8501 16.5671 12.194 17.1839 11.7239 17.7564C11.4919 18.0389 11.2861 18.334 11.1205 18.6327C11.0391 18.7795 10.9481 18.9619 10.8691 19.1703C10.8208 19.2978 10.6521 19.7442 10.6521 20.3242V23.3242H19V35.4436H7V22.3242C7 18.8056 8.77808 16.0694 11.6247 14.0983Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 16.5C42.2829 16.6321 40.8905 16.9386 39.771 17.3242C36.6527 18.3983 35.6521 20.0856 35.6521 20.3242H42C43.1046 20.3242 44 21.2196 44 22.3242V36.4436C44 37.5481 43.1046 38.4436 42 38.4436H28C26.8954 38.4436 26 37.5481 26 36.4436V22.3242C26 14.0372 33.5774 9.24011 41 8.21039C42.0093 8.07036 43.0158 8 44 8V16.5ZM33.6247 14.0983C35.7338 12.6379 38.3553 11.6673 41 11.2434V13.8902C38.7276 14.3558 37.0007 15.1276 35.7199 15.9849C34.8501 16.5671 34.194 17.1839 33.7239 17.7564C33.4919 18.0389 33.2861 18.334 33.1205 18.6327C33.0391 18.7795 32.9481 18.9619 32.8691 19.1703C32.8208 19.2978 32.6521 19.7442 32.6521 20.3242V23.3242H41V35.4436H29V22.3242C29 18.8056 30.7781 16.0694 33.6247 14.0983Z" 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="M22 16.5V8C13.7783 8 4 12.9104 4 22.3242V36.4436C4 37.5481 4.89543 38.4436 6 38.4436H20C21.1046 38.4436 22 37.5481 22 36.4436V22.3242C22 21.2196 21.1046 20.3242 20 20.3242H13.6521C13.6521 20 15.5 17 22 16.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M44 16.5V8C35.7783 8 26 12.9104 26 22.3242V36.4436C26 37.5481 26.8954 38.4436 28 38.4436H42C43.1046 38.4436 44 37.5481 44 36.4436V22.3242C44 21.2196 43.1046 20.3242 42 20.3242H35.6521C35.6521 20 37.5 17 44 16.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M22 16.5V8C13.7783 8 4 12.9104 4 22.3242V36.4436C4 37.5481 4.89543 38.4436 6 38.4436H20C21.1046 38.4436 22 37.5481 22 36.4436V22.3242C22 21.2196 21.1046 20.3242 20 20.3242H13.6521C13.6521 20 15.5 17 22 16.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M44 16.5V8C35.7783 8 26 12.9104 26 22.3242V36.4436C26 37.5481 26.8954 38.4436 28 38.4436H42C43.1046 38.4436 44 37.5481 44 36.4436V22.3242C44 21.2196 43.1046 20.3242 42 20.3242H35.6521C35.6521 20 37.5 17 44 16.5Z" 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="M18 8.37184C19.3423 8.12449 20.6909 8 22 8V18C21.3073 18.099 20.6342 18.2371 20 18.3975C17.43 19.0477 15.5 20.0642 15.5 20.3242H20C21.0135 20.3242 21.8509 21.0781 21.9821 22.0557C21.9939 22.1435 22 22.2332 22 22.3242V36.4436C22 37.5481 21.1046 38.4436 20 38.4436H6C4.89543 38.4436 4 37.5481 4 36.4436V22.3242C4 14.4093 10.9122 9.6779 18 8.37184ZM18 12.4537V14.8008C17.2412 15.0275 16.5478 15.2743 15.9438 15.5174C15.2315 15.8041 14.5668 16.1167 14.0228 16.4308C13.7672 16.5785 13.4258 16.7905 13.0963 17.0613C12.9402 17.1895 12.6657 17.4286 12.3949 17.7718C12.2299 17.9808 11.5 18.9085 11.5 20.3242V24.3242H18V34.4436H8V22.3242C8 19.2018 9.55591 16.7472 12.194 14.9205C13.8643 13.7639 15.8951 12.9276 18 12.4537Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M40 8.37184C41.3423 8.12449 42.6909 8 44 8V18C43.3073 18.099 42.6342 18.2371 42 18.3975C39.43 19.0477 37.5 20.0642 37.5 20.3242H42C43.0135 20.3242 43.8509 21.0781 43.9821 22.0557C43.9939 22.1435 44 22.2332 44 22.3242V36.4436C44 37.5481 43.1046 38.4436 42 38.4436H28C26.8954 38.4436 26 37.5481 26 36.4436V22.3242C26 14.4093 32.9122 9.6779 40 8.37184ZM40 12.4537V14.8008C39.2412 15.0275 38.5478 15.2743 37.9438 15.5174C37.2315 15.8041 36.5667 16.1167 36.0228 16.4308C35.7672 16.5785 35.4258 16.7905 35.0963 17.0613C34.9402 17.1895 34.6657 17.4286 34.3949 17.7718C34.2299 17.9808 33.5 18.9085 33.5 20.3242V24.3242H40V34.4436H30V22.3242C30 19.2018 31.5559 16.7472 34.194 14.9205C35.8643 13.7639 37.8951 12.9276 40 12.4537Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18 8.37184C19.3423 8.12449 20.6909 8 22 8V18C21.3073 18.099 20.6342 18.2371 20 18.3975C17.43 19.0477 15.5 20.0642 15.5 20.3242H20C21.0135 20.3242 21.8509 21.0781 21.9821 22.0557C21.9939 22.1435 22 22.2332 22 22.3242V36.4436C22 37.5481 21.1046 38.4436 20 38.4436H6C4.89543 38.4436 4 37.5481 4 36.4436V22.3242C4 14.4093 10.9122 9.6779 18 8.37184ZM18 12.4537V14.8008C17.2412 15.0275 16.5478 15.2743 15.9438 15.5174C15.2315 15.8041 14.5668 16.1167 14.0228 16.4308C13.7672 16.5785 13.4258 16.7905 13.0963 17.0613C12.9402 17.1895 12.6657 17.4286 12.3949 17.7718C12.2299 17.9808 11.5 18.9085 11.5 20.3242V24.3242H18V34.4436H8V22.3242C8 19.2018 9.55591 16.7472 12.194 14.9205C13.8643 13.7639 15.8951 12.9276 18 12.4537Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M40 8.37184C41.3423 8.12449 42.6909 8 44 8V18C43.3073 18.099 42.6342 18.2371 42 18.3975C39.43 19.0477 37.5 20.0642 37.5 20.3242H42C43.0135 20.3242 43.8509 21.0781 43.9821 22.0557C43.9939 22.1435 44 22.2332 44 22.3242V36.4436C44 37.5481 43.1046 38.4436 42 38.4436H28C26.8954 38.4436 26 37.5481 26 36.4436V22.3242C26 14.4093 32.9122 9.6779 40 8.37184ZM40 12.4537V14.8008C39.2412 15.0275 38.5478 15.2743 37.9438 15.5174C37.2315 15.8041 36.5667 16.1167 36.0228 16.4308C35.7672 16.5785 35.4258 16.7905 35.0963 17.0613C34.9402 17.1895 34.6657 17.4286 34.3949 17.7718C34.2299 17.9808 33.5 18.9085 33.5 20.3242V24.3242H40V34.4436H30V22.3242C30 19.2018 31.5559 16.7472 34.194 14.9205C35.8643 13.7639 37.8951 12.9276 40 12.4537Z" 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="M22 16.5C20.2829 16.6321 18.8905 16.9386 17.771 17.3242C14.6527 18.3983 13.6521 20.0856 13.6521 20.3242H20C21.1046 20.3242 22 21.2196 22 22.3242V36.4436C22 37.5481 21.1046 38.4436 20 38.4436H6C4.89543 38.4436 4 37.5481 4 36.4436V22.3242C4 14.0372 11.5774 9.24011 19 8.21039C20.0093 8.07036 21.0158 8 22 8V16.5ZM11.6247 14.0983C13.7338 12.6379 16.3553 11.6673 19 11.2434V13.8902C16.7276 14.3558 15.0007 15.1276 13.7199 15.9849C12.8501 16.5671 12.194 17.1839 11.7239 17.7564C11.4919 18.0389 11.2861 18.334 11.1205 18.6327C11.0391 18.7795 10.9481 18.9619 10.8691 19.1703C10.8208 19.2978 10.6521 19.7442 10.6521 20.3242V23.3242H19V35.4436H7V22.3242C7 18.8056 8.77808 16.0694 11.6247 14.0983Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M44 16.5C42.2829 16.6321 40.8905 16.9386 39.771 17.3242C36.6527 18.3983 35.6521 20.0856 35.6521 20.3242H42C43.1046 20.3242 44 21.2196 44 22.3242V36.4436C44 37.5481 43.1046 38.4436 42 38.4436H28C26.8954 38.4436 26 37.5481 26 36.4436V22.3242C26 14.0372 33.5774 9.24011 41 8.21039C42.0093 8.07036 43.0158 8 44 8V16.5ZM33.6247 14.0983C35.7338 12.6379 38.3553 11.6673 41 11.2434V13.8902C38.7276 14.3558 37.0007 15.1276 35.7199 15.9849C34.8501 16.5671 34.194 17.1839 33.7239 17.7564C33.4919 18.0389 33.2861 18.334 33.1205 18.6327C33.0391 18.7795 32.9481 18.9619 32.8691 19.1703C32.8208 19.2978 32.6521 19.7442 32.6521 20.3242V23.3242H41V35.4436H29V22.3242C29 18.8056 30.7781 16.0694 33.6247 14.0983Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M22 16.5C20.2829 16.6321 18.8905 16.9386 17.771 17.3242C14.6527 18.3983 13.6521 20.0856 13.6521 20.3242H20C21.1046 20.3242 22 21.2196 22 22.3242V36.4436C22 37.5481 21.1046 38.4436 20 38.4436H6C4.89543 38.4436 4 37.5481 4 36.4436V22.3242C4 14.0372 11.5774 9.24011 19 8.21039C20.0093 8.07036 21.0158 8 22 8V16.5ZM11.6247 14.0983C13.7338 12.6379 16.3553 11.6673 19 11.2434V13.8902C16.7276 14.3558 15.0007 15.1276 13.7199 15.9849C12.8501 16.5671 12.194 17.1839 11.7239 17.7564C11.4919 18.0389 11.2861 18.334 11.1205 18.6327C11.0391 18.7795 10.9481 18.9619 10.8691 19.1703C10.8208 19.2978 10.6521 19.7442 10.6521 20.3242V23.3242H19V35.4436H7V22.3242C7 18.8056 8.77808 16.0694 11.6247 14.0983Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 16.5C42.2829 16.6321 40.8905 16.9386 39.771 17.3242C36.6527 18.3983 35.6521 20.0856 35.6521 20.3242H42C43.1046 20.3242 44 21.2196 44 22.3242V36.4436C44 37.5481 43.1046 38.4436 42 38.4436H28C26.8954 38.4436 26 37.5481 26 36.4436V22.3242C26 14.0372 33.5774 9.24011 41 8.21039C42.0093 8.07036 43.0158 8 44 8V16.5ZM33.6247 14.0983C35.7338 12.6379 38.3553 11.6673 41 11.2434V13.8902C38.7276 14.3558 37.0007 15.1276 35.7199 15.9849C34.8501 16.5671 34.194 17.1839 33.7239 17.7564C33.4919 18.0389 33.2861 18.334 33.1205 18.6327C33.0391 18.7795 32.9481 18.9619 32.8691 19.1703C32.8208 19.2978 32.6521 19.7442 32.6521 20.3242V23.3242H41V35.4436H29V22.3242C29 18.8056 30.7781 16.0694 33.6247 14.0983Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/redo/index.tsx

@@ -11,26 +11,26 @@ interface RedoProps {
 }
 
 export const Redo = forwardRef<SVGSVGElement, RedoProps>(
-  ({ 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="M37.8794 16.5604H18C11.3726 16.5604 6 21.933 6 28.5604C6 35.1879 11.3726 40.5604 18 40.5604H38.9683V37.5604H18C13.0294 37.5604 9 33.531 9 28.5604C9 23.5899 13.0294 19.5604 18 19.5604H37.8815L30.4403 27.0016L32.5616 29.1229L41.5208 20.1638C42.6819 19.0027 42.6819 17.1202 41.5208 15.9592L32.5616 7L30.4403 9.12132L37.8794 16.5604Z" style={{ fill: `var(--type)` }}/>
+<path d="M37.8794 16.5604H18C11.3726 16.5604 6 21.933 6 28.5604C6 35.1879 11.3726 40.5604 18 40.5604H38.9683V37.5604H18C13.0294 37.5604 9 33.531 9 28.5604C9 23.5899 13.0294 19.5604 18 19.5604H37.8815L30.4403 27.0016L32.5616 29.1229L41.5208 20.1638C42.6819 19.0027 42.6819 17.1202 41.5208 15.9592L32.5616 7L30.4403 9.12132L37.8794 16.5604Z" 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="M37.8794 16.5604H18C11.3726 16.5604 6 21.933 6 28.5604C6 35.1879 11.3726 40.5604 18 40.5604H38.9683V37.5604H18C13.0294 37.5604 9 33.531 9 28.5604C9 23.5899 13.0294 19.5604 18 19.5604H37.8815L30.4403 27.0016L32.5616 29.1229L41.5208 20.1638C42.6819 19.0027 42.6819 17.1202 41.5208 15.9592L32.5616 7L30.4403 9.12132L37.8794 16.5604Z" style={{ fill: `var(--type)` }}/>
+<path d="M37.8794 16.5604H18C11.3726 16.5604 6 21.933 6 28.5604C6 35.1879 11.3726 40.5604 18 40.5604H38.9683V37.5604H18C13.0294 37.5604 9 33.531 9 28.5604C9 23.5899 13.0294 19.5604 18 19.5604H37.8815L30.4403 27.0016L32.5616 29.1229L41.5208 20.1638C42.6819 19.0027 42.6819 17.1202 41.5208 15.9592L32.5616 7L30.4403 9.12132L37.8794 16.5604Z" 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="M36.1723 16.414H17.5C10.5964 16.414 5 22.0105 5 28.914C5 35.8176 10.5964 41.414 17.5 41.414H38.9683V37.414H17.5C12.8056 37.414 9 33.6084 9 28.914C9 24.2196 12.8056 20.414 17.5 20.414H36.1743L29.5867 27.0016L32.4152 29.83L41.3743 20.8709C42.7307 19.5145 42.7307 17.3155 41.3743 15.9592L32.4152 7L29.5867 9.82843L36.1723 16.414Z" style={{ fill: `var(--type)` }}/>
+<path d="M36.1723 16.414H17.5C10.5964 16.414 5 22.0105 5 28.914C5 35.8176 10.5964 41.414 17.5 41.414H38.9683V37.414H17.5C12.8056 37.414 9 33.6084 9 28.914C9 24.2196 12.8056 20.414 17.5 20.414H36.1743L29.5867 27.0016L32.4152 29.83L41.3743 20.8709C42.7307 19.5145 42.7307 17.3155 41.3743 15.9592L32.4152 7L29.5867 9.82843L36.1723 16.414Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M37.8794 16.5604H18C11.3726 16.5604 6 21.933 6 28.5604C6 35.1879 11.3726 40.5604 18 40.5604H38.9683V37.5604H18C13.0294 37.5604 9 33.531 9 28.5604C9 23.5899 13.0294 19.5604 18 19.5604H37.8815L30.4403 27.0016L32.5616 29.1229L41.5208 20.1638C42.6819 19.0027 42.6819 17.1202 41.5208 15.9592L32.5616 7L30.4403 9.12132L37.8794 16.5604Z" style={{ fill: `var(--type)` }}/>
+<path d="M37.8794 16.5604H18C11.3726 16.5604 6 21.933 6 28.5604C6 35.1879 11.3726 40.5604 18 40.5604H38.9683V37.5604H18C13.0294 37.5604 9 33.531 9 28.5604C9 23.5899 13.0294 19.5604 18 19.5604H37.8815L30.4403 27.0016L32.5616 29.1229L41.5208 20.1638C42.6819 19.0027 42.6819 17.1202 41.5208 15.9592L32.5616 7L30.4403 9.12132L37.8794 16.5604Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/regenerate/index.tsx

@@ -11,30 +11,30 @@ interface RegenerateProps {
 }
 
 export const Regenerate = forwardRef<SVGSVGElement, RegenerateProps>(
-  ({ 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="M8.5 15.8692L8.5 7H5.5V16C5.5 17.933 7.067 19.5 9 19.5H18V16.5H11.5874C14.1288 12.303 18.7384 9.5 24 9.5C30.311 9.5 35.684 13.5327 37.6753 19.1665C37.7722 19.4406 37.861 19.7185 37.9416 20H41.0404C40.8944 19.3756 40.7148 18.7638 40.5038 18.1668C38.1022 11.3719 31.6219 6.5 24 6.5C17.2683 6.5 11.4273 10.3002 8.5 15.8692Z" style={{ fill: `var(--type)` }}/>
-<path d="M6.95923 28H10.0587C11.795 34.0628 17.3793 38.5 24 38.5C29.2632 38.5 33.8714 35.6958 36.4122 31.5L29.5532 31.5L29.5532 28.5L38.5532 28.5C40.4862 28.5 42.0532 30.067 42.0532 32V41H39.0532V32.93C36.0026 38.0613 30.4029 41.5 24 41.5C15.7112 41.5 8.76838 35.7374 6.95923 28Z" style={{ fill: `var(--type)` }}/>
+<path d="M8.5 15.8692L8.5 7H5.5V16C5.5 17.933 7.067 19.5 9 19.5H18V16.5H11.5874C14.1288 12.303 18.7384 9.5 24 9.5C30.311 9.5 35.684 13.5327 37.6753 19.1665C37.7722 19.4406 37.861 19.7185 37.9416 20H41.0404C40.8944 19.3756 40.7148 18.7638 40.5038 18.1668C38.1022 11.3719 31.6219 6.5 24 6.5C17.2683 6.5 11.4273 10.3002 8.5 15.8692Z" style={{ fill: `var(--${type})` }}/>
+<path d="M6.95923 28H10.0587C11.795 34.0628 17.3793 38.5 24 38.5C29.2632 38.5 33.8714 35.6958 36.4122 31.5L29.5532 31.5L29.5532 28.5L38.5532 28.5C40.4862 28.5 42.0532 30.067 42.0532 32V41H39.0532V32.93C36.0026 38.0613 30.4029 41.5 24 41.5C15.7112 41.5 8.76838 35.7374 6.95923 28Z" 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="M8.5 15.8692L8.5 7H5.5V16C5.5 17.933 7.067 19.5 9 19.5H18V16.5H11.5874C14.1288 12.303 18.7384 9.5 24 9.5C30.311 9.5 35.684 13.5327 37.6753 19.1665C37.7722 19.4406 37.861 19.7185 37.9416 20H41.0404C40.8944 19.3756 40.7148 18.7638 40.5038 18.1668C38.1022 11.3719 31.6219 6.5 24 6.5C17.2683 6.5 11.4273 10.3002 8.5 15.8692Z" style={{ fill: `var(--type)` }}/>
-<path d="M6.95923 28H10.0587C11.795 34.0628 17.3793 38.5 24 38.5C29.2632 38.5 33.8714 35.6958 36.4122 31.5L29.5532 31.5L29.5532 28.5L38.5532 28.5C40.4862 28.5 42.0532 30.067 42.0532 32V41H39.0532V32.93C36.0026 38.0613 30.4029 41.5 24 41.5C15.7112 41.5 8.76838 35.7374 6.95923 28Z" style={{ fill: `var(--type)` }}/>
+<path d="M8.5 15.8692L8.5 7H5.5V16C5.5 17.933 7.067 19.5 9 19.5H18V16.5H11.5874C14.1288 12.303 18.7384 9.5 24 9.5C30.311 9.5 35.684 13.5327 37.6753 19.1665C37.7722 19.4406 37.861 19.7185 37.9416 20H41.0404C40.8944 19.3756 40.7148 18.7638 40.5038 18.1668C38.1022 11.3719 31.6219 6.5 24 6.5C17.2683 6.5 11.4273 10.3002 8.5 15.8692Z" style={{ fill: `var(--${type})` }}/>
+<path d="M6.95923 28H10.0587C11.795 34.0628 17.3793 38.5 24 38.5C29.2632 38.5 33.8714 35.6958 36.4122 31.5L29.5532 31.5L29.5532 28.5L38.5532 28.5C40.4862 28.5 42.0532 30.067 42.0532 32V41H39.0532V32.93C36.0026 38.0613 30.4029 41.5 24 41.5C15.7112 41.5 8.76838 35.7374 6.95923 28Z" 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="M18 20V16H12.5088C15.0397 12.3718 19.2444 10 24 10C30.0926 10 35.281 13.8929 37.2039 19.3332C37.2816 19.5529 37.3539 19.7753 37.4208 20H41.5535C41.3987 19.3182 41.2052 18.6507 40.9753 18.0002C38.5052 11.0117 31.8404 6 24 6C17.7367 6 12.2237 9.19823 9 14.0475L9 7H5V16C5 18.2091 6.79086 20 9 20H18Z" style={{ fill: `var(--type)` }}/>
-<path d="M10.5798 28H6.44604C8.26496 36.016 15.4337 42 24 42C29.9806 42 35.28 39.0833 38.5532 34.5948V41H42.5532V32C42.5532 29.7909 40.7624 28 38.5532 28L29.5532 28L29.5532 32L35.4906 32C32.9607 35.627 28.7575 38 24 38C17.658 38 12.3009 33.783 10.5798 28Z" style={{ fill: `var(--type)` }}/>
+<path d="M18 20V16H12.5088C15.0397 12.3718 19.2444 10 24 10C30.0926 10 35.281 13.8929 37.2039 19.3332C37.2816 19.5529 37.3539 19.7753 37.4208 20H41.5535C41.3987 19.3182 41.2052 18.6507 40.9753 18.0002C38.5052 11.0117 31.8404 6 24 6C17.7367 6 12.2237 9.19823 9 14.0475L9 7H5V16C5 18.2091 6.79086 20 9 20H18Z" style={{ fill: `var(--${type})` }}/>
+<path d="M10.5798 28H6.44604C8.26496 36.016 15.4337 42 24 42C29.9806 42 35.28 39.0833 38.5532 34.5948V41H42.5532V32C42.5532 29.7909 40.7624 28 38.5532 28L29.5532 28L29.5532 32L35.4906 32C32.9607 35.627 28.7575 38 24 38C17.658 38 12.3009 33.783 10.5798 28Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M8.5 15.8692L8.5 7H5.5V16C5.5 17.933 7.067 19.5 9 19.5H18V16.5H11.5874C14.1288 12.303 18.7384 9.5 24 9.5C30.311 9.5 35.684 13.5327 37.6753 19.1665C37.7722 19.4406 37.861 19.7185 37.9416 20H41.0404C40.8944 19.3756 40.7148 18.7638 40.5038 18.1668C38.1022 11.3719 31.6219 6.5 24 6.5C17.2683 6.5 11.4273 10.3002 8.5 15.8692Z" style={{ fill: `var(--type)` }}/>
-<path d="M6.95923 28H10.0587C11.795 34.0628 17.3793 38.5 24 38.5C29.2632 38.5 33.8714 35.6958 36.4122 31.5L29.5532 31.5L29.5532 28.5L38.5532 28.5C40.4862 28.5 42.0532 30.067 42.0532 32V41H39.0532V32.93C36.0026 38.0613 30.4029 41.5 24 41.5C15.7112 41.5 8.76838 35.7374 6.95923 28Z" style={{ fill: `var(--type)` }}/>
+<path d="M8.5 15.8692L8.5 7H5.5V16C5.5 17.933 7.067 19.5 9 19.5H18V16.5H11.5874C14.1288 12.303 18.7384 9.5 24 9.5C30.311 9.5 35.684 13.5327 37.6753 19.1665C37.7722 19.4406 37.861 19.7185 37.9416 20H41.0404C40.8944 19.3756 40.7148 18.7638 40.5038 18.1668C38.1022 11.3719 31.6219 6.5 24 6.5C17.2683 6.5 11.4273 10.3002 8.5 15.8692Z" style={{ fill: `var(--${type})` }}/>
+<path d="M6.95923 28H10.0587C11.795 34.0628 17.3793 38.5 24 38.5C29.2632 38.5 33.8714 35.6958 36.4122 31.5L29.5532 31.5L29.5532 28.5L38.5532 28.5C40.4862 28.5 42.0532 30.067 42.0532 32V41H39.0532V32.93C36.0026 38.0613 30.4029 41.5 24 41.5C15.7112 41.5 8.76838 35.7374 6.95923 28Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/remove-from-folder/index.tsx

@@ -11,30 +11,30 @@ interface RemoveFromFolderProps {
 }
 
 export const RemoveFromFolder = forwardRef<SVGSVGElement, RemoveFromFolderProps>(
-  ({ 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="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H7.5V38H40.5V13.5H22.5L19.5 9.5H7.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M19.5 26.5H4.5V23.5H19.5V26.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H7.5V38H40.5V13.5H22.5L19.5 9.5H7.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M19.5 26.5H4.5V23.5H19.5V26.5Z" 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 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H7.5V38H40.5V13.5H22.5L19.5 9.5H7.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M19.5 26.5H4.5V23.5H19.5V26.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H7.5V38H40.5V13.5H22.5L19.5 9.5H7.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M19.5 26.5H4.5V23.5H19.5V26.5Z" 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="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H8.5V37H39.5V14.5H22L18.999 10.5H8.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M19.5 27H4.5V23H19.5V27Z" style={{ fill: `var(--type)` }}/>
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H8.5V37H39.5V14.5H22L18.999 10.5H8.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M19.5 27H4.5V23H19.5V27Z" 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 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H7.5V38H40.5V13.5H22.5L19.5 9.5H7.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M19.5 26.5H4.5V23.5H19.5V26.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H7.5V38H40.5V13.5H22.5L19.5 9.5H7.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M19.5 26.5H4.5V23.5H19.5V26.5Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }