@liner-fe/icon 0.0.44 → 0.0.46

package/assets/exclamationmark-fill/index.tsx

@@ -11,34 +11,34 @@ interface ExclamationmarkFillProps {
 }
 
 export const ExclamationmarkFill = forwardRef<SVGSVGElement, ExclamationmarkFillProps>(
-  ({ 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}>
-<circle cx="24" cy="24" r="20" style={{ fill: `var(--type)` }}/>
-<path d="M22 14L22 26H26L26 14H22Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M22.3312 30.6855C22.7852 30.2302 23.3591 30 23.9999 30C24.6406 30 25.2145 30.2302 25.6686 30.6855C26.1225 31.1406 26.3513 31.715 26.3513 32.3555C26.3513 32.996 26.1225 33.5704 25.6686 34.0255C25.2145 34.4808 24.6406 34.711 23.9999 34.711C23.3591 34.711 22.7852 34.4808 22.3312 34.0255C21.8772 33.5704 21.6484 32.996 21.6484 32.3555C21.6484 31.715 21.8772 31.1406 22.3312 30.6855Z" style={{ fill: `var(--fillType)` }}/>
+<circle cx="24" cy="24" r="20" style={{ fill: `var(--${type})` }}/>
+<path d="M22 14L22 26H26L26 14H22Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M22.3312 30.6855C22.7852 30.2302 23.3591 30 23.9999 30C24.6406 30 25.2145 30.2302 25.6686 30.6855C26.1225 31.1406 26.3513 31.715 26.3513 32.3555C26.3513 32.996 26.1225 33.5704 25.6686 34.0255C25.2145 34.4808 24.6406 34.711 23.9999 34.711C23.3591 34.711 22.7852 34.4808 22.3312 34.0255C21.8772 33.5704 21.6484 32.996 21.6484 32.3555C21.6484 31.715 21.8772 31.1406 22.3312 30.6855Z" 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 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--type)` }}/>
-<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" style={{ fill: `var(--fillType)` }}/>
+<path 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 24Z" style={{ fill: `var(--${type})` }}/>
+<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" 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 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--type)` }}/>
-<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" style={{ fill: `var(--fillType)` }}/>
+<path 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 24Z" style={{ fill: `var(--${type})` }}/>
+<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" 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 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--type)` }}/>
-<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" style={{ fill: `var(--fillType)` }}/>
+<path 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 24Z" style={{ fill: `var(--${type})` }}/>
+<path d="M22.5 14V26H25.5V14H22.5Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M22.5807 30.582C22.9669 30.1955 23.455 30 24 30C24.545 30 25.0331 30.1955 25.4193 30.582C25.8054 30.9685 26 31.4562 26 32C26 32.5438 25.8054 33.0315 25.4193 33.418C25.0331 33.8045 24.545 34 24 34C23.455 34 22.9669 33.8045 22.5807 33.418C22.1946 33.0315 22 32.5438 22 32C22 31.4562 22.1946 30.9685 22.5807 30.582Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   }

package/assets/expand/index.tsx

@@ -11,30 +11,30 @@ interface ExpandProps {
 }
 
 export const Expand = forwardRef<SVGSVGElement, ExpandProps>(
-  ({ 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.9391 20.9395L37.3793 8.5H28V5.5H39.8C41.2912 5.5 42.5 6.70883 42.5 8.2V20H39.5V10.622L27.0603 23.0608L24.9391 20.9395Z" style={{ fill: `var(--type)` }}/>
-<path d="M10.6219 39.5L23.0604 27.0615L20.9391 24.9402L8.5 37.3793L8.5 28H5.5V39.8C5.5 41.2912 6.70883 42.5 8.2 42.5H20V39.5H10.6219Z" style={{ fill: `var(--type)` }}/>
+<path d="M24.9391 20.9395L37.3793 8.5H28V5.5H39.8C41.2912 5.5 42.5 6.70883 42.5 8.2V20H39.5V10.622L27.0603 23.0608L24.9391 20.9395Z" style={{ fill: `var(--${type})` }}/>
+<path d="M10.6219 39.5L23.0604 27.0615L20.9391 24.9402L8.5 37.3793L8.5 28H5.5V39.8C5.5 41.2912 6.70883 42.5 8.2 42.5H20V39.5H10.6219Z" 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.9391 20.9395L37.3793 8.5H28V5.5H39.8C41.2912 5.5 42.5 6.70883 42.5 8.2V20H39.5V10.622L27.0603 23.0608L24.9391 20.9395Z" style={{ fill: `var(--type)` }}/>
-<path d="M10.6219 39.5L23.0604 27.0615L20.9391 24.9402L8.5 37.3793L8.5 28H5.5V39.8C5.5 41.2912 6.70883 42.5 8.2 42.5H20V39.5H10.6219Z" style={{ fill: `var(--type)` }}/>
+<path d="M24.9391 20.9395L37.3793 8.5H28V5.5H39.8C41.2912 5.5 42.5 6.70883 42.5 8.2V20H39.5V10.622L27.0603 23.0608L24.9391 20.9395Z" style={{ fill: `var(--${type})` }}/>
+<path d="M10.6219 39.5L23.0604 27.0615L20.9391 24.9402L8.5 37.3793L8.5 28H5.5V39.8C5.5 41.2912 6.70883 42.5 8.2 42.5H20V39.5H10.6219Z" 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.5856 20.5859L36.1723 9H28V5H39.8C41.5673 5 43 6.43269 43 8.2V20H39V11.8291L27.4139 23.4145L24.5856 20.5859Z" style={{ fill: `var(--type)` }}/>
-<path d="M11.829 39L23.4139 27.415L20.5855 24.5866L9 36.1721L9 28H5V39.8C5 41.5673 6.43269 43 8.2 43H20V39H11.829Z" style={{ fill: `var(--type)` }}/>
+<path d="M24.5856 20.5859L36.1723 9H28V5H39.8C41.5673 5 43 6.43269 43 8.2V20H39V11.8291L27.4139 23.4145L24.5856 20.5859Z" style={{ fill: `var(--${type})` }}/>
+<path d="M11.829 39L23.4139 27.415L20.5855 24.5866L9 36.1721L9 28H5V39.8C5 41.5673 6.43269 43 8.2 43H20V39H11.829Z" 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.9391 20.9395L37.3793 8.5H28V5.5H39.8C41.2912 5.5 42.5 6.70883 42.5 8.2V20H39.5V10.622L27.0603 23.0608L24.9391 20.9395Z" style={{ fill: `var(--type)` }}/>
-<path d="M10.6219 39.5L23.0604 27.0615L20.9391 24.9402L8.5 37.3793L8.5 28H5.5V39.8C5.5 41.2912 6.70883 42.5 8.2 42.5H20V39.5H10.6219Z" style={{ fill: `var(--type)` }}/>
+<path d="M24.9391 20.9395L37.3793 8.5H28V5.5H39.8C41.2912 5.5 42.5 6.70883 42.5 8.2V20H39.5V10.622L27.0603 23.0608L24.9391 20.9395Z" style={{ fill: `var(--${type})` }}/>
+<path d="M10.6219 39.5L23.0604 27.0615L20.9391 24.9402L8.5 37.3793L8.5 28H5.5V39.8C5.5 41.2912 6.70883 42.5 8.2 42.5H20V39.5H10.6219Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/expand-close/index.tsx

@@ -11,26 +11,26 @@ interface ExpandCloseProps {
 }
 
 export const ExpandClose = forwardRef<SVGSVGElement, ExpandCloseProps>(
-  ({ 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="M43 8C44.1046 8 45 8.89543 45 10V38C45 39.0357 44.2128 39.887 43.2041 39.9893L43 40H5L4.7959 39.9893C3.78722 39.887 3 39.0357 3 38V10C3 8.89543 3.89543 8 5 8H43ZM20.5 37H42V11H20.5V37ZM6 37H17.5V11H6V37Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M43 8C44.1046 8 45 8.89543 45 10V38C45 39.0357 44.2128 39.887 43.2041 39.9893L43 40H5L4.7959 39.9893C3.78722 39.887 3 39.0357 3 38V10C3 8.89543 3.89543 8 5 8H43ZM20.5 37H42V11H20.5V37ZM6 37H17.5V11H6V37Z" 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="M43 8C44.1046 8 45 8.89543 45 10V38C45 39.0357 44.2128 39.887 43.2041 39.9893L43 40H5L4.7959 39.9893C3.78722 39.887 3 39.0357 3 38V10C3 8.89543 3.89543 8 5 8H43ZM20.5 37H42V11H20.5V37ZM6 37H17.5V11H6V37Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M43 8C44.1046 8 45 8.89543 45 10V38C45 39.0357 44.2128 39.887 43.2041 39.9893L43 40H5L4.7959 39.9893C3.78722 39.887 3 39.0357 3 38V10C3 8.89543 3.89543 8 5 8H43ZM20.5 37H42V11H20.5V37ZM6 37H17.5V11H6V37Z" 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="M43 8C44.1046 8 45 8.89543 45 10V38C45 39.0357 44.2128 39.887 43.2041 39.9893L43 40H5L4.7959 39.9893C3.78722 39.887 3 39.0357 3 38V10C3 8.89543 3.89543 8 5 8H43ZM21 36H41V12H21V36ZM7 36H17V12H7V36Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M43 8C44.1046 8 45 8.89543 45 10V38C45 39.0357 44.2128 39.887 43.2041 39.9893L43 40H5L4.7959 39.9893C3.78722 39.887 3 39.0357 3 38V10C3 8.89543 3.89543 8 5 8H43ZM21 36H41V12H21V36ZM7 36H17V12H7V36Z" 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="M43 8C44.1046 8 45 8.89543 45 10V38C45 39.0357 44.2128 39.887 43.2041 39.9893L43 40H5L4.7959 39.9893C3.78722 39.887 3 39.0357 3 38V10C3 8.89543 3.89543 8 5 8H43ZM20.5 37H42V11H20.5V37ZM6 37H17.5V11H6V37Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M43 8C44.1046 8 45 8.89543 45 10V38C45 39.0357 44.2128 39.887 43.2041 39.9893L43 40H5L4.7959 39.9893C3.78722 39.887 3 39.0357 3 38V10C3 8.89543 3.89543 8 5 8H43ZM20.5 37H42V11H20.5V37ZM6 37H17.5V11H6V37Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/extend/index.tsx

@@ -11,26 +11,26 @@ interface ExtendProps {
 }
 
 export const Extend = forwardRef<SVGSVGElement, ExtendProps>(
-  ({ 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.62132 22.4991L16.0616 15.0588L13.9403 12.9375L4.98116 21.8967C3.82008 23.0577 3.82008 24.9402 4.98116 26.1013L13.9403 35.0604L16.0616 32.9391L8.62166 25.4991L39.3808 25.4991L31.9404 32.9395L34.0618 35.0608L43.0209 26.1016C44.182 24.9405 44.182 23.0581 43.0209 21.897L34.0618 12.9378L31.9404 15.0592L39.3804 22.4991L8.62132 22.4991Z" style={{ fill: `var(--type)` }}/>
+<path d="M8.62132 22.4991L16.0616 15.0588L13.9403 12.9375L4.98116 21.8967C3.82008 23.0577 3.82008 24.9402 4.98116 26.1013L13.9403 35.0604L16.0616 32.9391L8.62166 25.4991L39.3808 25.4991L31.9404 32.9395L34.0618 35.0608L43.0209 26.1016C44.182 24.9405 44.182 23.0581 43.0209 21.897L34.0618 12.9378L31.9404 15.0592L39.3804 22.4991L8.62132 22.4991Z" 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.62132 22.4991L16.0616 15.0588L13.9403 12.9375L4.98116 21.8967C3.82008 23.0577 3.82008 24.9402 4.98116 26.1013L13.9403 35.0604L16.0616 32.9391L8.62166 25.4991L39.3808 25.4991L31.9404 32.9395L34.0618 35.0608L43.0209 26.1016C44.182 24.9405 44.182 23.0581 43.0209 21.897L34.0618 12.9378L31.9404 15.0592L39.3804 22.4991L8.62132 22.4991Z" style={{ fill: `var(--type)` }}/>
+<path d="M8.62132 22.4991L16.0616 15.0588L13.9403 12.9375L4.98116 21.8967C3.82008 23.0577 3.82008 24.9402 4.98116 26.1013L13.9403 35.0604L16.0616 32.9391L8.62166 25.4991L39.3808 25.4991L31.9404 32.9395L34.0618 35.0608L43.0209 26.1016C44.182 24.9405 44.182 23.0581 43.0209 21.897L34.0618 12.9378L31.9404 15.0592L39.3804 22.4991L8.62132 22.4991Z" 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="M9.82843 21.9992L16.4152 15.4124L13.5868 12.584L4.6276 21.5431C3.27127 22.8995 3.27127 25.0985 4.6276 26.4549L13.5868 35.414L16.4152 32.5856L9.82876 25.9992L38.1736 25.9992L31.5869 32.5859L34.4153 35.4144L43.3745 26.4552C44.7308 25.0989 44.7308 22.8998 43.3745 21.5435L34.4153 12.5843L31.5869 15.4128L38.1733 21.9992L9.82843 21.9992Z" style={{ fill: `var(--type)` }}/>
+<path d="M9.82843 21.9992L16.4152 15.4124L13.5868 12.584L4.6276 21.5431C3.27127 22.8995 3.27127 25.0985 4.6276 26.4549L13.5868 35.414L16.4152 32.5856L9.82876 25.9992L38.1736 25.9992L31.5869 32.5859L34.4153 35.4144L43.3745 26.4552C44.7308 25.0989 44.7308 22.8998 43.3745 21.5435L34.4153 12.5843L31.5869 15.4128L38.1733 21.9992L9.82843 21.9992Z" 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.62132 22.4991L16.0616 15.0588L13.9403 12.9375L4.98116 21.8967C3.82008 23.0577 3.82008 24.9402 4.98116 26.1013L13.9403 35.0604L16.0616 32.9391L8.62166 25.4991L39.3808 25.4991L31.9404 32.9395L34.0618 35.0608L43.0209 26.1016C44.182 24.9405 44.182 23.0581 43.0209 21.897L34.0618 12.9378L31.9404 15.0592L39.3804 22.4991L8.62132 22.4991Z" style={{ fill: `var(--type)` }}/>
+<path d="M8.62132 22.4991L16.0616 15.0588L13.9403 12.9375L4.98116 21.8967C3.82008 23.0577 3.82008 24.9402 4.98116 26.1013L13.9403 35.0604L16.0616 32.9391L8.62166 25.4991L39.3808 25.4991L31.9404 32.9395L34.0618 35.0608L43.0209 26.1016C44.182 24.9405 44.182 23.0581 43.0209 21.897L34.0618 12.9378L31.9404 15.0592L39.3804 22.4991L8.62132 22.4991Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/facebook/index.tsx

@@ -11,26 +11,26 @@ interface FacebookProps {
 }
 
 export const Facebook = forwardRef<SVGSVGElement, FacebookProps>(
-  ({ 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 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z" style={{ fill: `var(--type)` }}/>
+<path d="M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z" 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="M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z" style={{ fill: `var(--type)` }}/>
+<path d="M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z" 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="M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z" style={{ fill: `var(--type)` }}/>
+<path d="M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z" style={{ fill: `var(--type)` }}/>
+<path d="M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/feedback/index.tsx

@@ -11,30 +11,30 @@ interface FeedbackProps {
 }
 
 export const Feedback = forwardRef<SVGSVGElement, FeedbackProps>(
-  ({ 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="M42.8601 5.47509C39.5965 2.21143 34.305 2.21143 31.0414 5.47509L30.3848 6.13169L29.7282 5.47509C26.4645 2.21143 21.173 2.21143 17.9094 5.47509C14.6457 8.73876 14.6457 14.0302 17.9094 17.2939L28.9857 28.3434C29.767 29.1228 31.032 29.122 31.8124 28.3416L42.8601 17.2939C46.1238 14.0302 46.1238 8.73876 42.8601 5.47509ZM27.6068 7.59641L30.3848 10.3743L33.1627 7.59641C35.2548 5.50432 38.6467 5.50432 40.7388 7.59641C42.8309 9.68851 42.8309 13.0805 40.7388 15.1726L30.3973 25.5141L20.0307 15.1726L20.0294 15.1713C17.9386 13.0791 17.939 9.68808 20.0307 7.59641C22.1228 5.50432 25.5148 5.50432 27.6068 7.59641Z" style={{ fill: `var(--type)` }}/>
-<path d="M12 26.4997H4V23.4997H12C16.7363 23.4997 20.6631 26.9657 21.3822 31.4997H24.6C28.9631 31.4997 32.5 35.0367 32.5 39.3997C32.5 41.1118 31.1121 42.4997 29.4 42.4997H4V39.4997H29.4C29.4552 39.4997 29.5 39.4549 29.5 39.3997C29.5 36.6935 27.3062 34.4997 24.6 34.4997H9.41176V31.4997H18.3261C17.6489 28.633 15.0736 26.4997 12 26.4997Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M42.8601 5.47509C39.5965 2.21143 34.305 2.21143 31.0414 5.47509L30.3848 6.13169L29.7282 5.47509C26.4645 2.21143 21.173 2.21143 17.9094 5.47509C14.6457 8.73876 14.6457 14.0302 17.9094 17.2939L28.9857 28.3434C29.767 29.1228 31.032 29.122 31.8124 28.3416L42.8601 17.2939C46.1238 14.0302 46.1238 8.73876 42.8601 5.47509ZM27.6068 7.59641L30.3848 10.3743L33.1627 7.59641C35.2548 5.50432 38.6467 5.50432 40.7388 7.59641C42.8309 9.68851 42.8309 13.0805 40.7388 15.1726L30.3973 25.5141L20.0307 15.1726L20.0294 15.1713C17.9386 13.0791 17.939 9.68808 20.0307 7.59641C22.1228 5.50432 25.5148 5.50432 27.6068 7.59641Z" style={{ fill: `var(--${type})` }}/>
+<path d="M12 26.4997H4V23.4997H12C16.7363 23.4997 20.6631 26.9657 21.3822 31.4997H24.6C28.9631 31.4997 32.5 35.0367 32.5 39.3997C32.5 41.1118 31.1121 42.4997 29.4 42.4997H4V39.4997H29.4C29.4552 39.4997 29.5 39.4549 29.5 39.3997C29.5 36.6935 27.3062 34.4997 24.6 34.4997H9.41176V31.4997H18.3261C17.6489 28.633 15.0736 26.4997 12 26.4997Z" 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="M42.8601 5.47509C39.5965 2.21143 34.305 2.21143 31.0414 5.47509L30.3848 6.13169L29.7282 5.47509C26.4645 2.21143 21.173 2.21143 17.9094 5.47509C14.6457 8.73876 14.6457 14.0302 17.9094 17.2939L28.9857 28.3434C29.767 29.1228 31.032 29.122 31.8124 28.3416L42.8601 17.2939C46.1238 14.0302 46.1238 8.73876 42.8601 5.47509ZM27.6068 7.59641L30.3848 10.3743L33.1627 7.59641C35.2548 5.50432 38.6467 5.50432 40.7388 7.59641C42.8309 9.68851 42.8309 13.0805 40.7388 15.1726L30.3973 25.5141L20.0307 15.1726L20.0294 15.1713C17.9386 13.0791 17.939 9.68808 20.0307 7.59641C22.1228 5.50432 25.5148 5.50432 27.6068 7.59641Z" style={{ fill: `var(--type)` }}/>
-<path d="M12 26.4997H4V23.4997H12C16.7363 23.4997 20.6631 26.9657 21.3822 31.4997H24.6C28.9631 31.4997 32.5 35.0367 32.5 39.3997C32.5 41.1118 31.1121 42.4997 29.4 42.4997H4V39.4997H29.4C29.4552 39.4997 29.5 39.4549 29.5 39.3997C29.5 36.6935 27.3062 34.4997 24.6 34.4997H9.41176V31.4997H18.3261C17.6489 28.633 15.0736 26.4997 12 26.4997Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M42.8601 5.47509C39.5965 2.21143 34.305 2.21143 31.0414 5.47509L30.3848 6.13169L29.7282 5.47509C26.4645 2.21143 21.173 2.21143 17.9094 5.47509C14.6457 8.73876 14.6457 14.0302 17.9094 17.2939L28.9857 28.3434C29.767 29.1228 31.032 29.122 31.8124 28.3416L42.8601 17.2939C46.1238 14.0302 46.1238 8.73876 42.8601 5.47509ZM27.6068 7.59641L30.3848 10.3743L33.1627 7.59641C35.2548 5.50432 38.6467 5.50432 40.7388 7.59641C42.8309 9.68851 42.8309 13.0805 40.7388 15.1726L30.3973 25.5141L20.0307 15.1726L20.0294 15.1713C17.9386 13.0791 17.939 9.68808 20.0307 7.59641C22.1228 5.50432 25.5148 5.50432 27.6068 7.59641Z" style={{ fill: `var(--${type})` }}/>
+<path d="M12 26.4997H4V23.4997H12C16.7363 23.4997 20.6631 26.9657 21.3822 31.4997H24.6C28.9631 31.4997 32.5 35.0367 32.5 39.3997C32.5 41.1118 31.1121 42.4997 29.4 42.4997H4V39.4997H29.4C29.4552 39.4997 29.5 39.4549 29.5 39.3997C29.5 36.6935 27.3062 34.4997 24.6 34.4997H9.41176V31.4997H18.3261C17.6489 28.633 15.0736 26.4997 12 26.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 fillRule="evenodd" clipRule="evenodd" d="M42.8601 5.47509C39.5965 2.21143 34.305 2.21143 31.0414 5.47509L30.3848 6.13169L29.7282 5.47509C26.4645 2.21143 21.173 2.21143 17.9094 5.47509C14.6457 8.73876 14.6457 14.0302 17.9094 17.2939L28.9857 28.3434C29.767 29.1228 31.032 29.122 31.8124 28.3416L42.8601 17.2939C46.1238 14.0302 46.1238 8.73876 42.8601 5.47509ZM20.7378 8.30352C19.0369 10.0045 19.0362 12.7619 20.7359 14.4636L20.7378 14.4655L30.3965 24.1007L40.0317 14.4655C41.7333 12.7639 41.7333 10.0051 40.0317 8.30352C38.3302 6.60195 35.5714 6.60195 33.8698 8.30352L30.3848 11.7885L26.8997 8.30352C25.1982 6.60195 22.4394 6.60195 20.7378 8.30352Z" style={{ fill: `var(--type)` }}/>
-<path d="M12 26.9997H4V22.9997H12C16.8379 22.9997 20.8734 26.4352 21.8 30.9997H24.6C29.2392 30.9997 33 34.7605 33 39.3997C33 41.3879 31.3882 42.9997 29.4 42.9997H4V38.9997H28.9821C28.78 36.7571 26.8952 34.9997 24.6 34.9997H9.41176V30.9997H17.6586C16.8349 28.6693 14.6124 26.9997 12 26.9997Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M42.8601 5.47509C39.5965 2.21143 34.305 2.21143 31.0414 5.47509L30.3848 6.13169L29.7282 5.47509C26.4645 2.21143 21.173 2.21143 17.9094 5.47509C14.6457 8.73876 14.6457 14.0302 17.9094 17.2939L28.9857 28.3434C29.767 29.1228 31.032 29.122 31.8124 28.3416L42.8601 17.2939C46.1238 14.0302 46.1238 8.73876 42.8601 5.47509ZM20.7378 8.30352C19.0369 10.0045 19.0362 12.7619 20.7359 14.4636L20.7378 14.4655L30.3965 24.1007L40.0317 14.4655C41.7333 12.7639 41.7333 10.0051 40.0317 8.30352C38.3302 6.60195 35.5714 6.60195 33.8698 8.30352L30.3848 11.7885L26.8997 8.30352C25.1982 6.60195 22.4394 6.60195 20.7378 8.30352Z" style={{ fill: `var(--${type})` }}/>
+<path d="M12 26.9997H4V22.9997H12C16.8379 22.9997 20.8734 26.4352 21.8 30.9997H24.6C29.2392 30.9997 33 34.7605 33 39.3997C33 41.3879 31.3882 42.9997 29.4 42.9997H4V38.9997H28.9821C28.78 36.7571 26.8952 34.9997 24.6 34.9997H9.41176V30.9997H17.6586C16.8349 28.6693 14.6124 26.9997 12 26.9997Z" 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="M42.8601 5.47509C39.5965 2.21143 34.305 2.21143 31.0414 5.47509L30.3848 6.13169L29.7282 5.47509C26.4645 2.21143 21.173 2.21143 17.9094 5.47509C14.6457 8.73876 14.6457 14.0302 17.9094 17.2939L28.9857 28.3434C29.767 29.1228 31.032 29.122 31.8124 28.3416L42.8601 17.2939C46.1238 14.0302 46.1238 8.73876 42.8601 5.47509ZM27.6068 7.59641L30.3848 10.3743L33.1627 7.59641C35.2548 5.50432 38.6467 5.50432 40.7388 7.59641C42.8309 9.68851 42.8309 13.0805 40.7388 15.1726L30.3973 25.5141L20.0307 15.1726L20.0294 15.1713C17.9386 13.0791 17.939 9.68808 20.0307 7.59641C22.1228 5.50432 25.5148 5.50432 27.6068 7.59641Z" style={{ fill: `var(--type)` }}/>
-<path d="M12 26.4997H4V23.4997H12C16.7363 23.4997 20.6631 26.9657 21.3822 31.4997H24.6C28.9631 31.4997 32.5 35.0367 32.5 39.3997C32.5 41.1118 31.1121 42.4997 29.4 42.4997H4V39.4997H29.4C29.4552 39.4997 29.5 39.4549 29.5 39.3997C29.5 36.6935 27.3062 34.4997 24.6 34.4997H9.41176V31.4997H18.3261C17.6489 28.633 15.0736 26.4997 12 26.4997Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M42.8601 5.47509C39.5965 2.21143 34.305 2.21143 31.0414 5.47509L30.3848 6.13169L29.7282 5.47509C26.4645 2.21143 21.173 2.21143 17.9094 5.47509C14.6457 8.73876 14.6457 14.0302 17.9094 17.2939L28.9857 28.3434C29.767 29.1228 31.032 29.122 31.8124 28.3416L42.8601 17.2939C46.1238 14.0302 46.1238 8.73876 42.8601 5.47509ZM27.6068 7.59641L30.3848 10.3743L33.1627 7.59641C35.2548 5.50432 38.6467 5.50432 40.7388 7.59641C42.8309 9.68851 42.8309 13.0805 40.7388 15.1726L30.3973 25.5141L20.0307 15.1726L20.0294 15.1713C17.9386 13.0791 17.939 9.68808 20.0307 7.59641C22.1228 5.50432 25.5148 5.50432 27.6068 7.59641Z" style={{ fill: `var(--${type})` }}/>
+<path d="M12 26.4997H4V23.4997H12C16.7363 23.4997 20.6631 26.9657 21.3822 31.4997H24.6C28.9631 31.4997 32.5 35.0367 32.5 39.3997C32.5 41.1118 31.1121 42.4997 29.4 42.4997H4V39.4997H29.4C29.4552 39.4997 29.5 39.4549 29.5 39.3997C29.5 36.6935 27.3062 34.4997 24.6 34.4997H9.41176V31.4997H18.3261C17.6489 28.633 15.0736 26.4997 12 26.4997Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/filter/index.tsx

@@ -11,34 +11,34 @@ interface FilterProps {
 }
 
 export const Filter = forwardRef<SVGSVGElement, FilterProps>(
-  ({ 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="M36 25.5H12V22.5H36V25.5Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M42 15.5H6V12.5H42V15.5Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M29 35.5H19V32.5H29V35.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M36 25.5H12V22.5H36V25.5Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M42 15.5H6V12.5H42V15.5Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M29 35.5H19V32.5H29V35.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="M36 25.5H12V22.5H36V25.5Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M42 15.5H6V12.5H42V15.5Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M29 35.5H19V32.5H29V35.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M36 25.5H12V22.5H36V25.5Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M42 15.5H6V12.5H42V15.5Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M29 35.5H19V32.5H29V35.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="M42 16H6V12H42V16Z" style={{ fill: `var(--type)` }}/>
-<path d="M36 26H12V22H36V26Z" style={{ fill: `var(--type)` }}/>
-<path d="M19 36H29V32H19V36Z" style={{ fill: `var(--type)` }}/>
+<path d="M42 16H6V12H42V16Z" style={{ fill: `var(--${type})` }}/>
+<path d="M36 26H12V22H36V26Z" style={{ fill: `var(--${type})` }}/>
+<path d="M19 36H29V32H19V36Z" 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="M36 25.5H12V22.5H36V25.5Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M42 15.5H6V12.5H42V15.5Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M29 35.5H19V32.5H29V35.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M36 25.5H12V22.5H36V25.5Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M42 15.5H6V12.5H42V15.5Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M29 35.5H19V32.5H29V35.5Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/fire/index.tsx

@@ -11,29 +11,29 @@ interface FireProps {
 }
 
 export const Fire = forwardRef<SVGSVGElement, FireProps>(
-  ({ 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="M19.5556 24.6C21.6921 22.6097 24 21 24 21C24 21 26.3079 22.6097 28.4444 24.6C28.5343 24.6837 28.6239 24.7667 28.713 24.8492C30.4491 26.4577 32 27.8945 32 31.2895C32 35.5479 28.4183 39 24 39C19.5817 39 16 35.5479 16 31.2895C16 27.8945 17.5509 26.4577 19.287 24.8493L19.2878 24.8485C19.3766 24.7662 19.4659 24.6835 19.5556 24.6ZM29 31.2895C29 33.7878 26.8666 36 24 36C21.1334 36 19 33.7878 19 31.2895C19 30.0472 19.2803 29.3796 19.6014 28.8864C19.9837 28.2992 20.4902 27.828 21.3928 26.9884L21.6004 26.7951C22.4174 26.0341 23.2734 25.3236 24 24.75C24.7266 25.3236 25.5826 26.0341 26.3996 26.7951L26.6072 26.9884C27.5098 27.828 28.0163 28.2992 28.3986 28.8864C28.7197 29.3796 29 30.0472 29 31.2895Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6 27.683C6 21.5445 9 15.5 15 12L17.3425 14.0823C19.9221 16.3752 24 14.544 24 11.0926V3.5C24 3.5 25.2088 4.07084 27 5.18961C32.1205 8.38793 42 16.0642 42 27.683C42 37.6241 33.9411 45 24 45C14.0589 45 6 37.6241 6 27.683ZM39 27.683C39 35.8171 32.4385 42 24 42C15.5615 42 9 35.8171 9 27.683C9 23.179 10.9115 18.7761 14.7442 15.7865L15.3495 16.3245C19.8638 20.3372 27 17.1326 27 11.0926V8.77944C28.2317 9.63134 29.6102 10.6848 30.9835 11.9316C35.1983 15.758 39 21.0586 39 27.683Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.5556 24.6C21.6921 22.6097 24 21 24 21C24 21 26.3079 22.6097 28.4444 24.6C28.5343 24.6837 28.6239 24.7667 28.713 24.8492C30.4491 26.4577 32 27.8945 32 31.2895C32 35.5479 28.4183 39 24 39C19.5817 39 16 35.5479 16 31.2895C16 27.8945 17.5509 26.4577 19.287 24.8493L19.2878 24.8485C19.3766 24.7662 19.4659 24.6835 19.5556 24.6ZM29 31.2895C29 33.7878 26.8666 36 24 36C21.1334 36 19 33.7878 19 31.2895C19 30.0472 19.2803 29.3796 19.6014 28.8864C19.9837 28.2992 20.4902 27.828 21.3928 26.9884L21.6004 26.7951C22.4174 26.0341 23.2734 25.3236 24 24.75C24.7266 25.3236 25.5826 26.0341 26.3996 26.7951L26.6072 26.9884C27.5098 27.828 28.0163 28.2992 28.3986 28.8864C28.7197 29.3796 29 30.0472 29 31.2895Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6 27.683C6 21.5445 9 15.5 15 12L17.3425 14.0823C19.9221 16.3752 24 14.544 24 11.0926V3.5C24 3.5 25.2088 4.07084 27 5.18961C32.1205 8.38793 42 16.0642 42 27.683C42 37.6241 33.9411 45 24 45C14.0589 45 6 37.6241 6 27.683ZM39 27.683C39 35.8171 32.4385 42 24 42C15.5615 42 9 35.8171 9 27.683C9 23.179 10.9115 18.7761 14.7442 15.7865L15.3495 16.3245C19.8638 20.3372 27 17.1326 27 11.0926V8.77944C28.2317 9.63134 29.6102 10.6848 30.9835 11.9316C35.1983 15.758 39 21.0586 39 27.683Z" 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 45C33.9411 45 42 37.6241 42 27.683C42 12 24 3.5 24 3.5V11.7944C24 15.5535 19.2846 17.2367 16.9042 14.3273L15 12C9 15.5 6 21.5445 6 27.683C6 37.6241 14.0589 45 24 45ZM24 39C28.4183 39 32 35.5479 32 31.2895C32 27.8945 30.4491 26.4577 28.713 24.8493C28.6239 24.7667 28.5343 24.6837 28.4444 24.6C26.3079 22.6097 24 21 24 21C24 21 21.6921 22.6097 19.5556 24.6C19.4657 24.6837 19.3761 24.7667 19.287 24.8492C17.5509 26.4577 16 27.8945 16 31.2895C16 35.5479 19.5817 39 24 39Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 45C33.9411 45 42 37.6241 42 27.683C42 12 24 3.5 24 3.5V11.7944C24 15.5535 19.2846 17.2367 16.9042 14.3273L15 12C9 15.5 6 21.5445 6 27.683C6 37.6241 14.0589 45 24 45ZM24 39C28.4183 39 32 35.5479 32 31.2895C32 27.8945 30.4491 26.4577 28.713 24.8493C28.6239 24.7667 28.5343 24.6837 28.4444 24.6C26.3079 22.6097 24 21 24 21C24 21 21.6921 22.6097 19.5556 24.6C19.4657 24.6837 19.3761 24.7667 19.287 24.8492C17.5509 26.4577 16 27.8945 16 31.2895C16 35.5479 19.5817 39 24 39Z" 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="M19.5556 24.6C21.6921 22.6097 24 21 24 21C24 21 26.3079 22.6097 28.4444 24.6C28.5343 24.6837 28.6239 24.7667 28.713 24.8492C30.4491 26.4577 32 27.8945 32 31.2895C32 35.5479 28.4183 39 24 39C19.5817 39 16 35.5479 16 31.2895C16 27.8945 17.5509 26.4577 19.287 24.8493L19.2878 24.8485C19.3766 24.7662 19.4659 24.6835 19.5556 24.6ZM28 31.2895C28 33.2011 26.3494 35 24 35C21.6506 35 20 33.2011 20 31.2895C20 30.228 20.2309 29.7524 20.4394 29.432C20.7526 28.951 21.1699 28.5624 22.1401 27.6591L22.282 27.5268C22.8533 26.9947 23.4466 26.486 24 26.0329C24.5534 26.486 25.1467 26.9947 25.718 27.5268L25.8599 27.6591C26.8301 28.5624 27.2474 28.951 27.5606 29.432C27.7691 29.7524 28 30.228 28 31.2895Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6 27.683C6 21.5445 9 15.5 15 12L17.3425 14.0823C19.9221 16.3752 24 14.544 24 11.0926V3.5C24 3.5 25.6735 4.29027 28 5.83349C33.3034 9.35139 42 16.782 42 27.683C42 37.6241 33.9411 45 24 45C14.0589 45 6 37.6241 6 27.683ZM38 27.683C38 35.2148 31.9376 41 24 41C16.0624 41 10 35.2148 10 27.683C10 23.7278 11.5701 19.8701 14.7209 17.1035C19.8819 21.6409 28 17.9795 28 11.0926V10.7449C28.7532 11.3228 29.5335 11.9658 30.3113 12.6719C34.4311 16.4121 38 21.4643 38 27.683Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.5556 24.6C21.6921 22.6097 24 21 24 21C24 21 26.3079 22.6097 28.4444 24.6C28.5343 24.6837 28.6239 24.7667 28.713 24.8492C30.4491 26.4577 32 27.8945 32 31.2895C32 35.5479 28.4183 39 24 39C19.5817 39 16 35.5479 16 31.2895C16 27.8945 17.5509 26.4577 19.287 24.8493L19.2878 24.8485C19.3766 24.7662 19.4659 24.6835 19.5556 24.6ZM28 31.2895C28 33.2011 26.3494 35 24 35C21.6506 35 20 33.2011 20 31.2895C20 30.228 20.2309 29.7524 20.4394 29.432C20.7526 28.951 21.1699 28.5624 22.1401 27.6591L22.282 27.5268C22.8533 26.9947 23.4466 26.486 24 26.0329C24.5534 26.486 25.1467 26.9947 25.718 27.5268L25.8599 27.6591C26.8301 28.5624 27.2474 28.951 27.5606 29.432C27.7691 29.7524 28 30.228 28 31.2895Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6 27.683C6 21.5445 9 15.5 15 12L17.3425 14.0823C19.9221 16.3752 24 14.544 24 11.0926V3.5C24 3.5 25.6735 4.29027 28 5.83349C33.3034 9.35139 42 16.782 42 27.683C42 37.6241 33.9411 45 24 45C14.0589 45 6 37.6241 6 27.683ZM38 27.683C38 35.2148 31.9376 41 24 41C16.0624 41 10 35.2148 10 27.683C10 23.7278 11.5701 19.8701 14.7209 17.1035C19.8819 21.6409 28 17.9795 28 11.0926V10.7449C28.7532 11.3228 29.5335 11.9658 30.3113 12.6719C34.4311 16.4121 38 21.4643 38 27.683Z" 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="M19.5556 24.6C21.6921 22.6097 24 21 24 21C24 21 26.3079 22.6097 28.4444 24.6C28.5343 24.6837 28.6239 24.7667 28.713 24.8492C30.4491 26.4577 32 27.8945 32 31.2895C32 35.5479 28.4183 39 24 39C19.5817 39 16 35.5479 16 31.2895C16 27.8945 17.5509 26.4577 19.287 24.8493L19.2878 24.8485C19.3766 24.7662 19.4659 24.6835 19.5556 24.6ZM29 31.2895C29 33.7878 26.8666 36 24 36C21.1334 36 19 33.7878 19 31.2895C19 30.0472 19.2803 29.3796 19.6014 28.8864C19.9837 28.2992 20.4902 27.828 21.3928 26.9884L21.6004 26.7951C22.4174 26.0341 23.2734 25.3236 24 24.75C24.7266 25.3236 25.5826 26.0341 26.3996 26.7951L26.6072 26.9884C27.5098 27.828 28.0163 28.2992 28.3986 28.8864C28.7197 29.3796 29 30.0472 29 31.2895Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M6 27.683C6 21.5445 9 15.5 15 12L17.3425 14.0823C19.9221 16.3752 24 14.544 24 11.0926V3.5C24 3.5 25.2088 4.07084 27 5.18961C32.1205 8.38793 42 16.0642 42 27.683C42 37.6241 33.9411 45 24 45C14.0589 45 6 37.6241 6 27.683ZM39 27.683C39 35.8171 32.4385 42 24 42C15.5615 42 9 35.8171 9 27.683C9 23.179 10.9115 18.7761 14.7442 15.7865L15.3495 16.3245C19.8638 20.3372 27 17.1326 27 11.0926V8.77944C28.2317 9.63134 29.6102 10.6848 30.9835 11.9316C35.1983 15.758 39 21.0586 39 27.683Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.5556 24.6C21.6921 22.6097 24 21 24 21C24 21 26.3079 22.6097 28.4444 24.6C28.5343 24.6837 28.6239 24.7667 28.713 24.8492C30.4491 26.4577 32 27.8945 32 31.2895C32 35.5479 28.4183 39 24 39C19.5817 39 16 35.5479 16 31.2895C16 27.8945 17.5509 26.4577 19.287 24.8493L19.2878 24.8485C19.3766 24.7662 19.4659 24.6835 19.5556 24.6ZM29 31.2895C29 33.7878 26.8666 36 24 36C21.1334 36 19 33.7878 19 31.2895C19 30.0472 19.2803 29.3796 19.6014 28.8864C19.9837 28.2992 20.4902 27.828 21.3928 26.9884L21.6004 26.7951C22.4174 26.0341 23.2734 25.3236 24 24.75C24.7266 25.3236 25.5826 26.0341 26.3996 26.7951L26.6072 26.9884C27.5098 27.828 28.0163 28.2992 28.3986 28.8864C28.7197 29.3796 29 30.0472 29 31.2895Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6 27.683C6 21.5445 9 15.5 15 12L17.3425 14.0823C19.9221 16.3752 24 14.544 24 11.0926V3.5C24 3.5 25.2088 4.07084 27 5.18961C32.1205 8.38793 42 16.0642 42 27.683C42 37.6241 33.9411 45 24 45C14.0589 45 6 37.6241 6 27.683ZM39 27.683C39 35.8171 32.4385 42 24 42C15.5615 42 9 35.8171 9 27.683C9 23.179 10.9115 18.7761 14.7442 15.7865L15.3495 16.3245C19.8638 20.3372 27 17.1326 27 11.0926V8.77944C28.2317 9.63134 29.6102 10.6848 30.9835 11.9316C35.1983 15.758 39 21.0586 39 27.683Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/flowchart/index.tsx

@@ -11,26 +11,26 @@ interface FlowchartProps {
 }
 
 export const Flowchart = forwardRef<SVGSVGElement, FlowchartProps>(
-  ({ 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="M30 7C30 5.89543 29.1046 5 28 5H20C18.8954 5 18 5.89543 18 7V15C18 16.1046 18.8954 17 20 17H22.5V22.5H10.5L10.5 31H8C6.89543 31 6 31.8954 6 33V41C6 42.1046 6.89543 43 8 43H16C17.1046 43 18 42.1046 18 41V33C18 31.8954 17.1046 31 16 31H13.5L13.5 25.5L34.5 25.5L34.5 31H32C30.8954 31 30 31.8954 30 33V41C30 42.1046 30.8954 43 32 43H40C41.1046 43 42 42.1046 42 41V33C42 31.8954 41.1046 31 40 31H37.5L37.5 22.5H25.5V17H28C29.1046 17 30 16.1046 30 15V7ZM27 8L21 8V14H27V8ZM39 34H33V40H39V34ZM9 34H15V40H9L9 34Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M30 7C30 5.89543 29.1046 5 28 5H20C18.8954 5 18 5.89543 18 7V15C18 16.1046 18.8954 17 20 17H22.5V22.5H10.5L10.5 31H8C6.89543 31 6 31.8954 6 33V41C6 42.1046 6.89543 43 8 43H16C17.1046 43 18 42.1046 18 41V33C18 31.8954 17.1046 31 16 31H13.5L13.5 25.5L34.5 25.5L34.5 31H32C30.8954 31 30 31.8954 30 33V41C30 42.1046 30.8954 43 32 43H40C41.1046 43 42 42.1046 42 41V33C42 31.8954 41.1046 31 40 31H37.5L37.5 22.5H25.5V17H28C29.1046 17 30 16.1046 30 15V7ZM27 8L21 8V14H27V8ZM39 34H33V40H39V34ZM9 34H15V40H9L9 34Z" 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="M30 7C30 5.89543 29.1046 5 28 5H20C18.8954 5 18 5.89543 18 7V15C18 16.1046 18.8954 17 20 17H22.5V22.5H10.5L10.5 31H8C6.89543 31 6 31.8954 6 33V41C6 42.1046 6.89543 43 8 43H16C17.1046 43 18 42.1046 18 41V33C18 31.8954 17.1046 31 16 31H13.5L13.5 25.5L34.5 25.5L34.5 31H32C30.8954 31 30 31.8954 30 33V41C30 42.1046 30.8954 43 32 43H40C41.1046 43 42 42.1046 42 41V33C42 31.8954 41.1046 31 40 31H37.5L37.5 22.5H25.5V17H28C29.1046 17 30 16.1046 30 15V7ZM27 8L21 8V14H27V8ZM39 34H33V40H39V34ZM9 34H15V40H9L9 34Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M30 7C30 5.89543 29.1046 5 28 5H20C18.8954 5 18 5.89543 18 7V15C18 16.1046 18.8954 17 20 17H22.5V22.5H10.5L10.5 31H8C6.89543 31 6 31.8954 6 33V41C6 42.1046 6.89543 43 8 43H16C17.1046 43 18 42.1046 18 41V33C18 31.8954 17.1046 31 16 31H13.5L13.5 25.5L34.5 25.5L34.5 31H32C30.8954 31 30 31.8954 30 33V41C30 42.1046 30.8954 43 32 43H40C41.1046 43 42 42.1046 42 41V33C42 31.8954 41.1046 31 40 31H37.5L37.5 22.5H25.5V17H28C29.1046 17 30 16.1046 30 15V7ZM27 8L21 8V14H27V8ZM39 34H33V40H39V34ZM9 34H15V40H9L9 34Z" 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="M30 7C30 5.89543 29.1046 5 28 5H20C18.8954 5 18 5.89543 18 7V15C18 16.1046 18.8954 17 20 17H22V22H10L10 31H8C6.89543 31 6 31.8954 6 33V41C6 42.1046 6.89543 43 8 43H16C17.1046 43 18 42.1046 18 41V33C18 31.8954 17.1046 31 16 31H14L14 26L34 26L34 31H32C30.8954 31 30 31.8954 30 33V41C30 42.1046 30.8954 43 32 43H40C41.1046 43 42 42.1046 42 41V33C42 31.8954 41.1046 31 40 31H38L38 22H26V17H28C29.1046 17 30 16.1046 30 15V7ZM26 9L22 9V13H26V9ZM38 35H34V39H38V35ZM10 35H14L14 39H10L10 35Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M30 7C30 5.89543 29.1046 5 28 5H20C18.8954 5 18 5.89543 18 7V15C18 16.1046 18.8954 17 20 17H22V22H10L10 31H8C6.89543 31 6 31.8954 6 33V41C6 42.1046 6.89543 43 8 43H16C17.1046 43 18 42.1046 18 41V33C18 31.8954 17.1046 31 16 31H14L14 26L34 26L34 31H32C30.8954 31 30 31.8954 30 33V41C30 42.1046 30.8954 43 32 43H40C41.1046 43 42 42.1046 42 41V33C42 31.8954 41.1046 31 40 31H38L38 22H26V17H28C29.1046 17 30 16.1046 30 15V7ZM26 9L22 9V13H26V9ZM38 35H34V39H38V35ZM10 35H14L14 39H10L10 35Z" 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="M30 7C30 5.89543 29.1046 5 28 5H20C18.8954 5 18 5.89543 18 7V15C18 16.1046 18.8954 17 20 17H22.5V22.5H10.5L10.5 31H8C6.89543 31 6 31.8954 6 33V41C6 42.1046 6.89543 43 8 43H16C17.1046 43 18 42.1046 18 41V33C18 31.8954 17.1046 31 16 31H13.5L13.5 25.5L34.5 25.5L34.5 31H32C30.8954 31 30 31.8954 30 33V41C30 42.1046 30.8954 43 32 43H40C41.1046 43 42 42.1046 42 41V33C42 31.8954 41.1046 31 40 31H37.5L37.5 22.5H25.5V17H28C29.1046 17 30 16.1046 30 15V7ZM27 8L21 8V14H27V8ZM39 34H33V40H39V34ZM9 34H15V40H9L9 34Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M30 7C30 5.89543 29.1046 5 28 5H20C18.8954 5 18 5.89543 18 7V15C18 16.1046 18.8954 17 20 17H22.5V22.5H10.5L10.5 31H8C6.89543 31 6 31.8954 6 33V41C6 42.1046 6.89543 43 8 43H16C17.1046 43 18 42.1046 18 41V33C18 31.8954 17.1046 31 16 31H13.5L13.5 25.5L34.5 25.5L34.5 31H32C30.8954 31 30 31.8954 30 33V41C30 42.1046 30.8954 43 32 43H40C41.1046 43 42 42.1046 42 41V33C42 31.8954 41.1046 31 40 31H37.5L37.5 22.5H25.5V17H28C29.1046 17 30 16.1046 30 15V7ZM27 8L21 8V14H27V8ZM39 34H33V40H39V34ZM9 34H15V40H9L9 34Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/focus/index.tsx

@@ -11,30 +11,30 @@ interface FocusProps {
 }
 
 export const Focus = forwardRef<SVGSVGElement, FocusProps>(
-  ({ 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="M32 24C32 28.4183 28.4183 32 24 32C19.5817 32 16 28.4183 16 24C16 19.5817 19.5817 16 24 16C28.4183 16 32 19.5817 32 24ZM29 24C29 26.7614 26.7614 29 24 29C21.2386 29 19 26.7614 19 24C19 21.2386 21.2386 19 24 19C26.7614 19 29 21.2386 29 24Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.05834 22.5C5.78445 13.2027 13.2027 5.78445 22.5 5.05834V2H25.5V5.05834C34.7973 5.78445 42.2155 13.2027 42.9417 22.5H46V25.5H42.9417C42.2155 34.7973 34.7973 42.2155 25.5 42.9417V46H22.5V42.9417C13.2027 42.2155 5.78445 34.7973 5.05834 25.5H2V22.5H5.05834ZM22.5 12V8.06939C14.8606 8.77967 8.77967 14.8606 8.06939 22.5H12V25.5H8.06939C8.77967 33.1394 14.8606 39.2203 22.5 39.9306V36H25.5V39.9306C33.1394 39.2203 39.2203 33.1394 39.9306 25.5H36V22.5H39.9306C39.2203 14.8606 33.1394 8.77967 25.5 8.06939V12H22.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M32 24C32 28.4183 28.4183 32 24 32C19.5817 32 16 28.4183 16 24C16 19.5817 19.5817 16 24 16C28.4183 16 32 19.5817 32 24ZM29 24C29 26.7614 26.7614 29 24 29C21.2386 29 19 26.7614 19 24C19 21.2386 21.2386 19 24 19C26.7614 19 29 21.2386 29 24Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.05834 22.5C5.78445 13.2027 13.2027 5.78445 22.5 5.05834V2H25.5V5.05834C34.7973 5.78445 42.2155 13.2027 42.9417 22.5H46V25.5H42.9417C42.2155 34.7973 34.7973 42.2155 25.5 42.9417V46H22.5V42.9417C13.2027 42.2155 5.78445 34.7973 5.05834 25.5H2V22.5H5.05834ZM22.5 12V8.06939C14.8606 8.77967 8.77967 14.8606 8.06939 22.5H12V25.5H8.06939C8.77967 33.1394 14.8606 39.2203 22.5 39.9306V36H25.5V39.9306C33.1394 39.2203 39.2203 33.1394 39.9306 25.5H36V22.5H39.9306C39.2203 14.8606 33.1394 8.77967 25.5 8.06939V12H22.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="M32 24C32 28.4183 28.4183 32 24 32C19.5817 32 16 28.4183 16 24C16 19.5817 19.5817 16 24 16C28.4183 16 32 19.5817 32 24ZM29 24C29 26.7614 26.7614 29 24 29C21.2386 29 19 26.7614 19 24C19 21.2386 21.2386 19 24 19C26.7614 19 29 21.2386 29 24Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.05834 22.5C5.78445 13.2027 13.2027 5.78445 22.5 5.05834V2H25.5V5.05834C34.7973 5.78445 42.2155 13.2027 42.9417 22.5H46V25.5H42.9417C42.2155 34.7973 34.7973 42.2155 25.5 42.9417V46H22.5V42.9417C13.2027 42.2155 5.78445 34.7973 5.05834 25.5H2V22.5H5.05834ZM22.5 12V8.06939C14.8606 8.77967 8.77967 14.8606 8.06939 22.5H12V25.5H8.06939C8.77967 33.1394 14.8606 39.2203 22.5 39.9306V36H25.5V39.9306C33.1394 39.2203 39.2203 33.1394 39.9306 25.5H36V22.5H39.9306C39.2203 14.8606 33.1394 8.77967 25.5 8.06939V12H22.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M32 24C32 28.4183 28.4183 32 24 32C19.5817 32 16 28.4183 16 24C16 19.5817 19.5817 16 24 16C28.4183 16 32 19.5817 32 24ZM29 24C29 26.7614 26.7614 29 24 29C21.2386 29 19 26.7614 19 24C19 21.2386 21.2386 19 24 19C26.7614 19 29 21.2386 29 24Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.05834 22.5C5.78445 13.2027 13.2027 5.78445 22.5 5.05834V2H25.5V5.05834C34.7973 5.78445 42.2155 13.2027 42.9417 22.5H46V25.5H42.9417C42.2155 34.7973 34.7973 42.2155 25.5 42.9417V46H22.5V42.9417C13.2027 42.2155 5.78445 34.7973 5.05834 25.5H2V22.5H5.05834ZM22.5 12V8.06939C14.8606 8.77967 8.77967 14.8606 8.06939 22.5H12V25.5H8.06939C8.77967 33.1394 14.8606 39.2203 22.5 39.9306V36H25.5V39.9306C33.1394 39.2203 39.2203 33.1394 39.9306 25.5H36V22.5H39.9306C39.2203 14.8606 33.1394 8.77967 25.5 8.06939V12H22.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="M32 24C32 28.4183 28.4183 32 24 32C19.5817 32 16 28.4183 16 24C16 19.5817 19.5817 16 24 16C28.4183 16 32 19.5817 32 24ZM28 24C28 26.2091 26.2091 28 24 28C21.7909 28 20 26.2091 20 24C20 21.7909 21.7909 20 24 20C26.2091 20 28 21.7909 28 24Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.10401 22C6.03464 13.1039 13.1039 6.03464 22 5.10401V2H26V5.10401C34.8961 6.03464 41.9654 13.1039 42.896 22H46V26H42.896C41.9654 34.8961 34.8961 41.9654 26 42.896V46H22V42.896C13.1039 41.9654 6.03464 34.8961 5.10401 26H2V22H5.10401ZM22 12V9.13217C15.3156 10.0228 10.0228 15.3156 9.13217 22H12V26H9.13217C10.0228 32.6844 15.3156 37.9772 22 38.8678V36H26V38.8678C32.6844 37.9772 37.9772 32.6844 38.8678 26H36V22H38.8678C37.9772 15.3156 32.6844 10.0228 26 9.13217V12H22Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M32 24C32 28.4183 28.4183 32 24 32C19.5817 32 16 28.4183 16 24C16 19.5817 19.5817 16 24 16C28.4183 16 32 19.5817 32 24ZM28 24C28 26.2091 26.2091 28 24 28C21.7909 28 20 26.2091 20 24C20 21.7909 21.7909 20 24 20C26.2091 20 28 21.7909 28 24Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.10401 22C6.03464 13.1039 13.1039 6.03464 22 5.10401V2H26V5.10401C34.8961 6.03464 41.9654 13.1039 42.896 22H46V26H42.896C41.9654 34.8961 34.8961 41.9654 26 42.896V46H22V42.896C13.1039 41.9654 6.03464 34.8961 5.10401 26H2V22H5.10401ZM22 12V9.13217C15.3156 10.0228 10.0228 15.3156 9.13217 22H12V26H9.13217C10.0228 32.6844 15.3156 37.9772 22 38.8678V36H26V38.8678C32.6844 37.9772 37.9772 32.6844 38.8678 26H36V22H38.8678C37.9772 15.3156 32.6844 10.0228 26 9.13217V12H22Z" 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="M32 24C32 28.4183 28.4183 32 24 32C19.5817 32 16 28.4183 16 24C16 19.5817 19.5817 16 24 16C28.4183 16 32 19.5817 32 24ZM29 24C29 26.7614 26.7614 29 24 29C21.2386 29 19 26.7614 19 24C19 21.2386 21.2386 19 24 19C26.7614 19 29 21.2386 29 24Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M5.05834 22.5C5.78445 13.2027 13.2027 5.78445 22.5 5.05834V2H25.5V5.05834C34.7973 5.78445 42.2155 13.2027 42.9417 22.5H46V25.5H42.9417C42.2155 34.7973 34.7973 42.2155 25.5 42.9417V46H22.5V42.9417C13.2027 42.2155 5.78445 34.7973 5.05834 25.5H2V22.5H5.05834ZM22.5 12V8.06939C14.8606 8.77967 8.77967 14.8606 8.06939 22.5H12V25.5H8.06939C8.77967 33.1394 14.8606 39.2203 22.5 39.9306V36H25.5V39.9306C33.1394 39.2203 39.2203 33.1394 39.9306 25.5H36V22.5H39.9306C39.2203 14.8606 33.1394 8.77967 25.5 8.06939V12H22.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M32 24C32 28.4183 28.4183 32 24 32C19.5817 32 16 28.4183 16 24C16 19.5817 19.5817 16 24 16C28.4183 16 32 19.5817 32 24ZM29 24C29 26.7614 26.7614 29 24 29C21.2386 29 19 26.7614 19 24C19 21.2386 21.2386 19 24 19C26.7614 19 29 21.2386 29 24Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5.05834 22.5C5.78445 13.2027 13.2027 5.78445 22.5 5.05834V2H25.5V5.05834C34.7973 5.78445 42.2155 13.2027 42.9417 22.5H46V25.5H42.9417C42.2155 34.7973 34.7973 42.2155 25.5 42.9417V46H22.5V42.9417C13.2027 42.2155 5.78445 34.7973 5.05834 25.5H2V22.5H5.05834ZM22.5 12V8.06939C14.8606 8.77967 8.77967 14.8606 8.06939 22.5H12V25.5H8.06939C8.77967 33.1394 14.8606 39.2203 22.5 39.9306V36H25.5V39.9306C33.1394 39.2203 39.2203 33.1394 39.9306 25.5H36V22.5H39.9306C39.2203 14.8606 33.1394 8.77967 25.5 8.06939V12H22.5Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/folder/index.tsx

@@ -11,26 +11,26 @@ interface FolderProps {
 }
 
 export const Folder = forwardRef<SVGSVGElement, FolderProps>(
-  ({ 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 10.5L21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24ZM19.5 9.5H7.5V38H40.5V13.5H22.5L19.5 9.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 10.5L21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24ZM19.5 9.5H7.5V38H40.5V13.5H22.5L19.5 9.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="M4.5 8.5C4.5 7.39543 5.39543 6.5 6.5 6.5H21L24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39C43.5 40.1046 42.6046 41 41.5 41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M4.5 8.5C4.5 7.39543 5.39543 6.5 6.5 6.5H21L24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39C43.5 40.1046 42.6046 41 41.5 41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.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="M24 10.5L21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24ZM19 10.5H8.5V37H39.5V14.5H22L19 10.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 10.5L21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24ZM19 10.5H8.5V37H39.5V14.5H22L19 10.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 10.5L21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24ZM19.5 9.5H7.5V38H40.5V13.5H22.5L19.5 9.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 10.5L21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24ZM19.5 9.5H7.5V38H40.5V13.5H22.5L19.5 9.5Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/folder-add/index.tsx

@@ -11,28 +11,28 @@ interface FolderAddProps {
 }
 
 export const FolderAdd = forwardRef<SVGSVGElement, FolderAddProps>(
-  ({ 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="M20 8.5L22.4004 11.7002L23 12.5H41.5V39H6.5V8.5H20ZM20 21.5H14.25V29.5H20V35.5H28V29.5H33.75V21.5H28V16H20V21.5Z" style={{ fill: `var(--type)` }} stroke="#1E1E1F" stroke-width="4"/>
+<path d="M20 8.5L22.4004 11.7002L23 12.5H41.5V39H6.5V8.5H20ZM20 21.5H14.25V29.5H20V35.5H28V29.5H33.75V21.5H28V16H20V21.5Z" style={{ fill: `var(--${type})` }} stroke="#1E1E1F" stroke-width="4"/>
 </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="M4.5 8.5C4.5 7.39543 5.39543 6.5 6.5 6.5H21L24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39C43.5 40.1046 42.6046 41 41.5 41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.5ZM22.5 24V17.9998H25.5V24H31.75V27H25.5V33.4998H22.5V27H16.25V24H22.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4.5 8.5C4.5 7.39543 5.39543 6.5 6.5 6.5H21L24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39C43.5 40.1046 42.6046 41 41.5 41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.5ZM22.5 24V17.9998H25.5V24H31.75V27H25.5V33.4998H22.5V27H16.25V24H22.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="M22 23.5V17.9998H26V23.5H31.75V27.5H26V33.4998H22V27.5H16.25V23.5H22Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24L21 6.5ZM19 10.5H8.5V37H39.5V14.5H22L19 10.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M22 23.5V17.9998H26V23.5H31.75V27.5H26V33.4998H22V27.5H16.25V23.5H22Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24L21 6.5ZM19 10.5H8.5V37H39.5V14.5H22L19 10.5Z" 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.5 24V17.9998H25.5V24H31.75V27H25.5V33.4998H22.5V27H16.25V24H22.5Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24L21 6.5ZM19.5 9.5H7.5V38H40.5V13.5H22.5L19.5 9.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M22.5 24V17.9998H25.5V24H31.75V27H25.5V33.4998H22.5V27H16.25V24H22.5Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21 6.5H6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.5C42.6046 41 43.5 40.1046 43.5 39V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24L21 6.5ZM19.5 9.5H7.5V38H40.5V13.5H22.5L19.5 9.5Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/folder-open/index.tsx

@@ -11,26 +11,26 @@ interface FolderOpenProps {
 }
 
 export const FolderOpen = forwardRef<SVGSVGElement, FolderOpenProps>(
-  ({ 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="M6.5 6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.8C42.7802 41 43.616 40.2896 43.7739 39.3223L47.5 16.5H10L7.5 31.8125V13.5H43.5V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24L21 6.5H6.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M6.5 6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.8C42.7802 41 43.616 40.2896 43.7739 39.3223L47.5 16.5H10L7.5 31.8125V13.5H43.5V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24L21 6.5H6.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="M6.5 6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.8C42.7802 41 43.616 40.2896 43.7739 39.3223L47.5 16.5H10L8.5 25.6875V14.5H43.5V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24L21 6.5H6.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M6.5 6.5C5.39543 6.5 4.5 7.39543 4.5 8.5V39C4.5 40.1046 5.39543 41 6.5 41H41.8C42.7802 41 43.616 40.2896 43.7739 39.3223L47.5 16.5H10L8.5 25.6875V14.5H43.5V12.5C43.5 11.3954 42.6046 10.5 41.5 10.5H24L21 6.5H6.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="M6.5 6.5H21L24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V14.5H22L19 10.5H8.5V25.6875L10 16.5H47.5L43.7739 39.3223C43.616 40.2896 42.7802 41 41.8001 41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.5C4.5 7.39543 5.39543 6.5 6.5 6.5ZM10.706 37L13.3999 20.5H42.794L40.1001 37H10.706Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.5 6.5H21L24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V14.5H22L19 10.5H8.5V25.6875L10 16.5H47.5L43.7739 39.3223C43.616 40.2896 42.7802 41 41.8001 41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.5C4.5 7.39543 5.39543 6.5 6.5 6.5ZM10.706 37L13.3999 20.5H42.794L40.1001 37H10.706Z" 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="M6.5 6.5H21L24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V13.5H22.5L19.5 9.5H7.5V31.8125L10 16.5H47.5L43.7739 39.3223C43.616 40.2896 42.7802 41 41.8001 41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.5C4.5 7.39543 5.39543 6.5 6.5 6.5ZM9.52952 38L12.5499 19.5H43.9705L40.9501 38H9.52952Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6.5 6.5H21L24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V13.5H22.5L19.5 9.5H7.5V31.8125L10 16.5H47.5L43.7739 39.3223C43.616 40.2896 42.7802 41 41.8001 41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.5C4.5 7.39543 5.39543 6.5 6.5 6.5ZM9.52952 38L12.5499 19.5H43.9705L40.9501 38H9.52952Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }