@liner-fe/icon 0.0.45 → 0.0.47

package/assets/document/index.tsx

@@ -11,28 +11,28 @@ interface DocumentProps {
 }
 
 export const Document = forwardRef<SVGSVGElement, DocumentProps>(
-  ({ 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 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.001V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H39V42C39 43.1046 38.1045 44 37 44Z" style={{ fill: `var(--type)` }}/>
-<path d="M37.134 18.0769L26.001 6.14395V18.0769L37.134 18.0769Z" style={{ fill: `var(--type)` }}/>
+<path d="M37 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.001V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H39V42C39 43.1046 38.1045 44 37 44Z" style={{ fill: `var(--${type})` }}/>
+<path d="M37.134 18.0769L26.001 6.14395V18.0769L37.134 18.0769Z" 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 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H39V42C39 43.1046 38.1045 44 37 44Z" style={{ fill: `var(--type)` }}/>
-<path d="M37.6005 18.5769L25.501 5.60803V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H37.6005Z" style={{ fill: `var(--type)` }}/>
+<path d="M37 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H39V42C39 43.1046 38.1045 44 37 44Z" style={{ fill: `var(--${type})` }}/>
+<path d="M37.6005 18.5769L25.501 5.60803V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H37.6005Z" 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="M11 44H37C38.1045 44 39 43.1046 39 42V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM35 22.0769V40H13V8H22.001V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H35ZM31.6635 18.0769L26.001 12.0076V18.0769L31.6635 18.0769Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11 44H37C38.1045 44 39 43.1046 39 42V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM35 22.0769V40H13V8H22.001V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H35ZM31.6635 18.0769L26.001 12.0076V18.0769L31.6635 18.0769Z" 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="M11 44H37C38.1045 44 39 43.1046 39 42V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM36 21.5769V41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36ZM33.4976 18.5769L25.501 10.0057V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H33.4976Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11 44H37C38.1045 44 39 43.1046 39 42V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM36 21.5769V41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36ZM33.4976 18.5769L25.501 10.0057V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H33.4976Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/document-add/index.tsx

@@ -11,32 +11,32 @@ interface DocumentAddProps {
 }
 
 export const DocumentAdd = forwardRef<SVGSVGElement, DocumentAddProps>(
-  ({ 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="M22.001 4V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H39V25.6902C38.3525 25.5654 37.6839 25.5 37 25.5C31.201 25.5 26.5 30.201 26.5 36C26.5 39.2047 27.9357 42.074 30.1989 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.001Z" style={{ fill: `var(--type)` }}/>
-<path d="M26.001 6.14395V18.0769L37.134 18.0769L26.001 6.14395Z" style={{ fill: `var(--type)` }}/>
-<path d="M34.9996 43.4996V38H29.5V34H34.9996V28.5H38.9996V34H44.5V38H38.9996V43.4996H34.9996Z" style={{ fill: `var(--type)` }}/>
+<path d="M22.001 4V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H39V25.6902C38.3525 25.5654 37.6839 25.5 37 25.5C31.201 25.5 26.5 30.201 26.5 36C26.5 39.2047 27.9357 42.074 30.1989 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.001Z" style={{ fill: `var(--${type})` }}/>
+<path d="M26.001 6.14395V18.0769L37.134 18.0769L26.001 6.14395Z" style={{ fill: `var(--${type})` }}/>
+<path d="M34.9996 43.4996V38H29.5V34H34.9996V28.5H38.9996V34H44.5V38H38.9996V43.4996H34.9996Z" 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.501 4V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H39V26.1063C38.5101 26.0363 38.0093 26 37.5 26C31.701 26 27 30.701 27 36.5C27 39.438 28.2067 42.0942 30.1515 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.501Z" style={{ fill: `var(--type)` }}/>
-<path d="M25.501 5.60803V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H37.6005L25.501 5.60803Z" style={{ fill: `var(--type)` }}/>
-<path d="M35.9996 43.9996V38H30V35H35.9996V29H38.9996V35H45V38H38.9996V43.9996H35.9996Z" style={{ fill: `var(--type)` }}/>
+<path d="M22.501 4V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H39V26.1063C38.5101 26.0363 38.0093 26 37.5 26C31.701 26 27 30.701 27 36.5C27 39.438 28.2067 42.0942 30.1515 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.501Z" style={{ fill: `var(--${type})` }}/>
+<path d="M25.501 5.60803V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H37.6005L25.501 5.60803Z" style={{ fill: `var(--${type})` }}/>
+<path d="M35.9996 43.9996V38H30V35H35.9996V29H38.9996V35H45V38H38.9996V43.9996H35.9996Z" 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="M35 25.6903V22.0769H26.001C23.7918 22.0769 22.001 20.2861 22.001 18.0769V8H13V40H27.2888C27.9307 41.5567 28.9359 42.9252 30.1989 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H23.1314C23.6859 4 24.2155 4.23021 24.5938 4.63565L38.4623 19.5007C38.8078 19.871 39 20.3586 39 20.865V25.6902C38.3525 25.5654 37.6839 25.5 37 25.5C36.3161 25.5 35.6474 25.5654 35 25.6903ZM26.001 12.0076L31.6635 18.0769L26.001 18.0769V12.0076Z" style={{ fill: `var(--type)` }}/>
-<path d="M34.9996 43.4996V38H29.5V34H34.9996V28.5H38.9996V34H44.5V38H38.9996V43.4996H34.9996Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M35 25.6903V22.0769H26.001C23.7918 22.0769 22.001 20.2861 22.001 18.0769V8H13V40H27.2888C27.9307 41.5567 28.9359 42.9252 30.1989 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H23.1314C23.6859 4 24.2155 4.23021 24.5938 4.63565L38.4623 19.5007C38.8078 19.871 39 20.3586 39 20.865V25.6902C38.3525 25.5654 37.6839 25.5 37 25.5C36.3161 25.5 35.6474 25.5654 35 25.6903ZM26.001 12.0076L31.6635 18.0769L26.001 18.0769V12.0076Z" style={{ fill: `var(--${type})` }}/>
+<path d="M34.9996 43.4996V38H29.5V34H34.9996V28.5H38.9996V34H44.5V38H38.9996V43.4996H34.9996Z" 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 26.1063V21.5769H26.001C24.068 21.5769 22.501 20.0099 22.501 18.0769V7H12V41H28.0104C28.5446 42.1244 29.2727 43.1388 30.1515 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H23.1314C23.6859 4 24.2155 4.23021 24.5938 4.63565L38.4623 19.5007C38.8078 19.871 39 20.3586 39 20.865V26.1063C38.5101 26.0363 38.0093 26 37.5 26C36.9907 26 36.4899 26.0363 36 26.1063ZM25.501 10.0057L33.4976 18.5769H26.001C25.7248 18.5769 25.501 18.3531 25.501 18.0769V10.0057Z" style={{ fill: `var(--type)` }}/>
-<path d="M35.9996 43.9996V38H30V35H35.9996V29H38.9996V35H45V38H38.9996V43.9996H35.9996Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M36 26.1063V21.5769H26.001C24.068 21.5769 22.501 20.0099 22.501 18.0769V7H12V41H28.0104C28.5446 42.1244 29.2727 43.1388 30.1515 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H23.1314C23.6859 4 24.2155 4.23021 24.5938 4.63565L38.4623 19.5007C38.8078 19.871 39 20.3586 39 20.865V26.1063C38.5101 26.0363 38.0093 26 37.5 26C36.9907 26 36.4899 26.0363 36 26.1063ZM25.501 10.0057L33.4976 18.5769H26.001C25.7248 18.5769 25.501 18.3531 25.501 18.0769V10.0057Z" style={{ fill: `var(--${type})` }}/>
+<path d="M35.9996 43.9996V38H30V35H35.9996V29H38.9996V35H45V38H38.9996V43.9996H35.9996Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/document-check/index.tsx

@@ -11,32 +11,32 @@ interface DocumentCheckProps {
 }
 
 export const DocumentCheck = forwardRef<SVGSVGElement, DocumentCheckProps>(
-  ({ 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="M22.001 4V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H39V25.6902C38.3525 25.5654 37.6839 25.5 37 25.5C31.201 25.5 26.5 30.201 26.5 36C26.5 39.2047 27.9357 42.074 30.1989 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.001Z" style={{ fill: `var(--type)` }}/>
-<path d="M26.001 6.14395V18.0769L37.134 18.0769L26.001 6.14395Z" style={{ fill: `var(--type)` }}/>
-<path d="M31.4142 33.5856L35.037 37.2084L41.6368 30.6316L44.4602 33.465L36.7998 41.0987C35.823 42.0721 34.2425 42.0707 33.2674 41.0956L28.5858 36.4141L31.4142 33.5856Z" style={{ fill: `var(--type)` }}/>
+<path d="M22.001 4V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H39V25.6902C38.3525 25.5654 37.6839 25.5 37 25.5C31.201 25.5 26.5 30.201 26.5 36C26.5 39.2047 27.9357 42.074 30.1989 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.001Z" style={{ fill: `var(--${type})` }}/>
+<path d="M26.001 6.14395V18.0769L37.134 18.0769L26.001 6.14395Z" style={{ fill: `var(--${type})` }}/>
+<path d="M31.4142 33.5856L35.037 37.2084L41.6368 30.6316L44.4602 33.465L36.7998 41.0987C35.823 42.0721 34.2425 42.0707 33.2674 41.0956L28.5858 36.4141L31.4142 33.5856Z" 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.501 4V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H39V26.1063C38.5101 26.0363 38.0093 26 37.5 26C31.701 26 27 30.701 27 36.5C27 39.438 28.2067 42.0942 30.1515 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.501Z" style={{ fill: `var(--type)` }}/>
-<path d="M25.501 5.60803V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H37.6005L25.501 5.60803Z" style={{ fill: `var(--type)` }}/>
-<path d="M31.0607 33.9392L35.0363 37.9149L41.9897 30.9859L44.1073 33.1109L36.4469 40.7446C35.6654 41.5233 34.401 41.5222 33.6209 40.7421L28.9393 36.0605L31.0607 33.9392Z" style={{ fill: `var(--type)` }}/>
+<path d="M22.501 4V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H39V26.1063C38.5101 26.0363 38.0093 26 37.5 26C31.701 26 27 30.701 27 36.5C27 39.438 28.2067 42.0942 30.1515 44H11C9.89543 44 9 43.1046 9 42V6C9 4.89543 9.89543 4 11 4H22.501Z" style={{ fill: `var(--${type})` }}/>
+<path d="M25.501 5.60803V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H37.6005L25.501 5.60803Z" style={{ fill: `var(--${type})` }}/>
+<path d="M31.0607 33.9392L35.0363 37.9149L41.9897 30.9859L44.1073 33.1109L36.4469 40.7446C35.6654 41.5233 34.401 41.5222 33.6209 40.7421L28.9393 36.0605L31.0607 33.9392Z" 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="M11 44H30.1989C28.9359 42.9252 27.9307 41.5567 27.2888 40H13V8H22.001V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H35V25.6903C35.6474 25.5654 36.3161 25.5 37 25.5C37.6839 25.5 38.3525 25.5654 39 25.6902V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM31.6635 18.0769L26.001 12.0076V18.0769L31.6635 18.0769Z" style={{ fill: `var(--type)` }}/>
-<path d="M31.4142 33.5856L35.037 37.2084L41.6368 30.6316L44.4602 33.465L36.7998 41.0987C35.823 42.0721 34.2425 42.0707 33.2674 41.0956L28.5858 36.4141L31.4142 33.5856Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11 44H30.1989C28.9359 42.9252 27.9307 41.5567 27.2888 40H13V8H22.001V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H35V25.6903C35.6474 25.5654 36.3161 25.5 37 25.5C37.6839 25.5 38.3525 25.5654 39 25.6902V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM31.6635 18.0769L26.001 12.0076V18.0769L31.6635 18.0769Z" style={{ fill: `var(--${type})` }}/>
+<path d="M31.4142 33.5856L35.037 37.2084L41.6368 30.6316L44.4602 33.465L36.7998 41.0987C35.823 42.0721 34.2425 42.0707 33.2674 41.0956L28.5858 36.4141L31.4142 33.5856Z" 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="M11 44H30.1989C29.2141 43.1619 28.386 42.1452 27.7646 41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36V25.547C36.3291 25.5159 36.6627 25.5 37 25.5C37.6839 25.5 38.3525 25.5654 39 25.6902V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM33.4976 18.5769L25.501 10.0057V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H33.4976Z" style={{ fill: `var(--type)` }}/>
-<path d="M31.0607 33.9392L35.0363 37.9149L41.9897 30.9859L44.1073 33.1109L36.4469 40.7446C35.6654 41.5233 34.401 41.5222 33.6209 40.7421L28.9393 36.0605L31.0607 33.9392Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11 44H30.1989C29.2141 43.1619 28.386 42.1452 27.7646 41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36V25.547C36.3291 25.5159 36.6627 25.5 37 25.5C37.6839 25.5 38.3525 25.5654 39 25.6902V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM33.4976 18.5769L25.501 10.0057V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H33.4976Z" style={{ fill: `var(--${type})` }}/>
+<path d="M31.0607 33.9392L35.0363 37.9149L41.9897 30.9859L44.1073 33.1109L36.4469 40.7446C35.6654 41.5233 34.401 41.5222 33.6209 40.7421L28.9393 36.0605L31.0607 33.9392Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/document-warning/index.tsx

@@ -11,30 +11,30 @@ interface DocumentWarningProps {
 }
 
 export const DocumentWarning = forwardRef<SVGSVGElement, DocumentWarningProps>(
-  ({ 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="M11 44H26.0048C25.4958 43.1184 25.3165 42.0464 25.5913 41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36V25.1164C37.0016 24.862 38.0874 24.9968 39 25.5208V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM33.4976 18.5769L25.501 10.0057V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H33.4976Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M35.2692 27.9896C36.0395 26.6591 37.9606 26.6591 38.7309 27.9896L46.262 40.9979C47.0339 42.3312 46.0718 44 44.5311 44H29.4689C27.9283 44 26.9662 42.3312 27.7381 40.9979L35.2692 27.9896ZM36 32V37.5H38V32H36ZM36.291 39.791C36.484 39.5977 36.7281 39.5 37.0006 39.5C37.2731 39.5 37.5172 39.5977 37.7103 39.791C37.9033 39.9842 38.0006 40.2281 38.0006 40.5C38.0006 40.7719 37.9033 41.0158 37.7103 41.209C37.5172 41.4023 37.2731 41.5 37.0006 41.5C36.7281 41.5 36.484 41.4023 36.291 41.209C36.0979 41.0158 36.0006 40.7719 36.0006 40.5C36.0006 40.2281 36.0979 39.9842 36.291 39.791Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11 44H26.0048C25.4958 43.1184 25.3165 42.0464 25.5913 41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36V25.1164C37.0016 24.862 38.0874 24.9968 39 25.5208V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM33.4976 18.5769L25.501 10.0057V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H33.4976Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M35.2692 27.9896C36.0395 26.6591 37.9606 26.6591 38.7309 27.9896L46.262 40.9979C47.0339 42.3312 46.0718 44 44.5311 44H29.4689C27.9283 44 26.9662 42.3312 27.7381 40.9979L35.2692 27.9896ZM36 32V37.5H38V32H36ZM36.291 39.791C36.484 39.5977 36.7281 39.5 37.0006 39.5C37.2731 39.5 37.5172 39.5977 37.7103 39.791C37.9033 39.9842 38.0006 40.2281 38.0006 40.5C38.0006 40.7719 37.9033 41.0158 37.7103 41.209C37.5172 41.4023 37.2731 41.5 37.0006 41.5C36.7281 41.5 36.484 41.4023 36.291 41.209C36.0979 41.0158 36.0006 40.7719 36.0006 40.5C36.0006 40.2281 36.0979 39.9842 36.291 39.791Z" 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="M11 44H26.0048C25.4958 43.1184 25.3165 42.0464 25.5913 41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36V25.1164C37.0016 24.862 38.0874 24.9968 39 25.5208V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM33.4976 18.5769L25.501 10.0057V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H33.4976Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M35.2692 27.9896C36.0395 26.6591 37.9606 26.6591 38.7309 27.9896L46.262 40.9979C47.0339 42.3312 46.0718 44 44.5311 44H29.4689C27.9283 44 26.9662 42.3312 27.7381 40.9979L35.2692 27.9896ZM36 32V37.5H38V32H36ZM36.291 39.791C36.484 39.5977 36.7281 39.5 37.0006 39.5C37.2731 39.5 37.5172 39.5977 37.7103 39.791C37.9033 39.9842 38.0006 40.2281 38.0006 40.5C38.0006 40.7719 37.9033 41.0158 37.7103 41.209C37.5172 41.4023 37.2731 41.5 37.0006 41.5C36.7281 41.5 36.484 41.4023 36.291 41.209C36.0979 41.0158 36.0006 40.7719 36.0006 40.5C36.0006 40.2281 36.0979 39.9842 36.291 39.791Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11 44H26.0048C25.4958 43.1184 25.3165 42.0464 25.5913 41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36V25.1164C37.0016 24.862 38.0874 24.9968 39 25.5208V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM33.4976 18.5769L25.501 10.0057V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H33.4976Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M35.2692 27.9896C36.0395 26.6591 37.9606 26.6591 38.7309 27.9896L46.262 40.9979C47.0339 42.3312 46.0718 44 44.5311 44H29.4689C27.9283 44 26.9662 42.3312 27.7381 40.9979L35.2692 27.9896ZM36 32V37.5H38V32H36ZM36.291 39.791C36.484 39.5977 36.7281 39.5 37.0006 39.5C37.2731 39.5 37.5172 39.5977 37.7103 39.791C37.9033 39.9842 38.0006 40.2281 38.0006 40.5C38.0006 40.7719 37.9033 41.0158 37.7103 41.209C37.5172 41.4023 37.2731 41.5 37.0006 41.5C36.7281 41.5 36.484 41.4023 36.291 41.209C36.0979 41.0158 36.0006 40.7719 36.0006 40.5C36.0006 40.2281 36.0979 39.9842 36.291 39.791Z" 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="M11 44H24.8857C24.3504 42.7806 24.2908 41.3445 24.8847 40H13V8H22.001V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H35V24.4027C36.2692 23.8547 37.7307 23.8547 39 24.4026V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM31.6635 18.0769L26.001 12.0076V18.0769L31.6635 18.0769Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M35.2692 27.9896C36.0395 26.6591 37.9606 26.6591 38.7309 27.9896L46.262 40.9979C47.0339 42.3312 46.0718 44 44.5311 44H29.4689C27.9283 44 26.9662 42.3312 27.7381 40.9979L35.2692 27.9896ZM36 32V37.5H38V32H36ZM36.291 39.791C36.484 39.5977 36.7281 39.5 37.0006 39.5C37.2731 39.5 37.5172 39.5977 37.7103 39.791C37.9033 39.9842 38.0006 40.2281 38.0006 40.5C38.0006 40.7719 37.9033 41.0158 37.7103 41.209C37.5172 41.4023 37.2731 41.5 37.0006 41.5C36.7281 41.5 36.484 41.4023 36.291 41.209C36.0979 41.0158 36.0006 40.7719 36.0006 40.5C36.0006 40.2281 36.0979 39.9842 36.291 39.791Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11 44H24.8857C24.3504 42.7806 24.2908 41.3445 24.8847 40H13V8H22.001V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H35V24.4027C36.2692 23.8547 37.7307 23.8547 39 24.4026V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM31.6635 18.0769L26.001 12.0076V18.0769L31.6635 18.0769Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M35.2692 27.9896C36.0395 26.6591 37.9606 26.6591 38.7309 27.9896L46.262 40.9979C47.0339 42.3312 46.0718 44 44.5311 44H29.4689C27.9283 44 26.9662 42.3312 27.7381 40.9979L35.2692 27.9896ZM36 32V37.5H38V32H36ZM36.291 39.791C36.484 39.5977 36.7281 39.5 37.0006 39.5C37.2731 39.5 37.5172 39.5977 37.7103 39.791C37.9033 39.9842 38.0006 40.2281 38.0006 40.5C38.0006 40.7719 37.9033 41.0158 37.7103 41.209C37.5172 41.4023 37.2731 41.5 37.0006 41.5C36.7281 41.5 36.484 41.4023 36.291 41.209C36.0979 41.0158 36.0006 40.7719 36.0006 40.5C36.0006 40.2281 36.0979 39.9842 36.291 39.791Z" 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="M11 44H26.0048C25.4958 43.1184 25.3165 42.0464 25.5913 41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36V25.1164C37.0016 24.862 38.0874 24.9968 39 25.5208V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM33.4976 18.5769L25.501 10.0057V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H33.4976Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M35.2692 27.9896C36.0395 26.6591 37.9606 26.6591 38.7309 27.9896L46.262 40.9979C47.0339 42.3312 46.0718 44 44.5311 44H29.4689C27.9283 44 26.9662 42.3312 27.7381 40.9979L35.2692 27.9896ZM36 32V37.5H38V32H36ZM36.291 39.791C36.484 39.5977 36.7281 39.5 37.0006 39.5C37.2731 39.5 37.5172 39.5977 37.7103 39.791C37.9033 39.9842 38.0006 40.2281 38.0006 40.5C38.0006 40.7719 37.9033 41.0158 37.7103 41.209C37.5172 41.4023 37.2731 41.5 37.0006 41.5C36.7281 41.5 36.484 41.4023 36.291 41.209C36.0979 41.0158 36.0006 40.7719 36.0006 40.5C36.0006 40.2281 36.0979 39.9842 36.291 39.791Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11 44H26.0048C25.4958 43.1184 25.3165 42.0464 25.5913 41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36V25.1164C37.0016 24.862 38.0874 24.9968 39 25.5208V20.865C39 20.3586 38.8078 19.871 38.4623 19.5007L24.5938 4.63565C24.2155 4.23021 23.6859 4 23.1314 4H11C9.89543 4 9 4.89543 9 6V42C9 43.1046 9.89543 44 11 44ZM33.4976 18.5769L25.501 10.0057V18.0769C25.501 18.3531 25.7248 18.5769 26.001 18.5769H33.4976Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M35.2692 27.9896C36.0395 26.6591 37.9606 26.6591 38.7309 27.9896L46.262 40.9979C47.0339 42.3312 46.0718 44 44.5311 44H29.4689C27.9283 44 26.9662 42.3312 27.7381 40.9979L35.2692 27.9896ZM36 32V37.5H38V32H36ZM36.291 39.791C36.484 39.5977 36.7281 39.5 37.0006 39.5C37.2731 39.5 37.5172 39.5977 37.7103 39.791C37.9033 39.9842 38.0006 40.2281 38.0006 40.5C38.0006 40.7719 37.9033 41.0158 37.7103 41.209C37.5172 41.4023 37.2731 41.5 37.0006 41.5C36.7281 41.5 36.484 41.4023 36.291 41.209C36.0979 41.0158 36.0006 40.7719 36.0006 40.5C36.0006 40.2281 36.0979 39.9842 36.291 39.791Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/double-arrow-backward/index.tsx

@@ -11,30 +11,30 @@ interface DoubleArrowBackwardProps {
 }
 
 export const DoubleArrowBackward = forwardRef<SVGSVGElement, DoubleArrowBackwardProps>(
-  ({ 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="M14.4748 23.6464L25.0605 13.0608L22.9391 10.9395L12.3535 21.5251C10.9867 22.8919 10.9867 25.108 12.3535 26.4748L22.9391 37.0605L25.0605 34.9392L14.4748 24.3535C14.2796 24.1583 14.2796 23.8417 14.4748 23.6464Z" style={{ fill: `var(--type)` }}/>
-<path d="M27.4748 23.6464L38.0605 13.0608L35.9391 10.9395L25.3535 21.5251C23.9867 22.8919 23.9867 25.108 25.3535 26.4748L35.9391 37.0605L38.0605 34.9392L27.4748 24.3535C27.2796 24.1583 27.2796 23.8417 27.4748 23.6464Z" style={{ fill: `var(--type)` }}/>
+<path d="M14.4748 23.6464L25.0605 13.0608L22.9391 10.9395L12.3535 21.5251C10.9867 22.8919 10.9867 25.108 12.3535 26.4748L22.9391 37.0605L25.0605 34.9392L14.4748 24.3535C14.2796 24.1583 14.2796 23.8417 14.4748 23.6464Z" style={{ fill: `var(--${type})` }}/>
+<path d="M27.4748 23.6464L38.0605 13.0608L35.9391 10.9395L25.3535 21.5251C23.9867 22.8919 23.9867 25.108 25.3535 26.4748L35.9391 37.0605L38.0605 34.9392L27.4748 24.3535C27.2796 24.1583 27.2796 23.8417 27.4748 23.6464Z" 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="M14.4748 23.6464L25.0605 13.0608L22.9391 10.9395L12.3535 21.5251C10.9867 22.8919 10.9867 25.108 12.3535 26.4748L22.9391 37.0605L25.0605 34.9392L14.4748 24.3535C14.2796 24.1583 14.2796 23.8417 14.4748 23.6464Z" style={{ fill: `var(--type)` }}/>
-<path d="M27.4748 23.6464L38.0605 13.0608L35.9391 10.9395L25.3535 21.5251C23.9867 22.8919 23.9867 25.108 25.3535 26.4748L35.9391 37.0605L38.0605 34.9392L27.4748 24.3535C27.2796 24.1583 27.2796 23.8417 27.4748 23.6464Z" style={{ fill: `var(--type)` }}/>
+<path d="M14.4748 23.6464L25.0605 13.0608L22.9391 10.9395L12.3535 21.5251C10.9867 22.8919 10.9867 25.108 12.3535 26.4748L22.9391 37.0605L25.0605 34.9392L14.4748 24.3535C14.2796 24.1583 14.2796 23.8417 14.4748 23.6464Z" style={{ fill: `var(--${type})` }}/>
+<path d="M27.4748 23.6464L38.0605 13.0608L35.9391 10.9395L25.3535 21.5251C23.9867 22.8919 23.9867 25.108 25.3535 26.4748L35.9391 37.0605L38.0605 34.9392L27.4748 24.3535C27.2796 24.1583 27.2796 23.8417 27.4748 23.6464Z" 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="M14.4748 23.6464L25.0605 13.0608L22.9391 10.9395L12.3535 21.5251C10.9867 22.8919 10.9867 25.108 12.3535 26.4748L22.9391 37.0605L25.0605 34.9392L14.4748 24.3535C14.2796 24.1583 14.2796 23.8417 14.4748 23.6464Z" style={{ fill: `var(--type)` }}/>
-<path d="M27.4748 23.6464L38.0605 13.0608L35.9391 10.9395L25.3535 21.5251C23.9867 22.8919 23.9867 25.108 25.3535 26.4748L35.9391 37.0605L38.0605 34.9392L27.4748 24.3535C27.2796 24.1583 27.2796 23.8417 27.4748 23.6464Z" style={{ fill: `var(--type)` }}/>
+<path d="M14.4748 23.6464L25.0605 13.0608L22.9391 10.9395L12.3535 21.5251C10.9867 22.8919 10.9867 25.108 12.3535 26.4748L22.9391 37.0605L25.0605 34.9392L14.4748 24.3535C14.2796 24.1583 14.2796 23.8417 14.4748 23.6464Z" style={{ fill: `var(--${type})` }}/>
+<path d="M27.4748 23.6464L38.0605 13.0608L35.9391 10.9395L25.3535 21.5251C23.9867 22.8919 23.9867 25.108 25.3535 26.4748L35.9391 37.0605L38.0605 34.9392L27.4748 24.3535C27.2796 24.1583 27.2796 23.8417 27.4748 23.6464Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M14.4748 23.6464L25.0605 13.0608L22.9391 10.9395L12.3535 21.5251C10.9867 22.8919 10.9867 25.108 12.3535 26.4748L22.9391 37.0605L25.0605 34.9392L14.4748 24.3535C14.2796 24.1583 14.2796 23.8417 14.4748 23.6464Z" style={{ fill: `var(--type)` }}/>
-<path d="M27.4748 23.6464L38.0605 13.0608L35.9391 10.9395L25.3535 21.5251C23.9867 22.8919 23.9867 25.108 25.3535 26.4748L35.9391 37.0605L38.0605 34.9392L27.4748 24.3535C27.2796 24.1583 27.2796 23.8417 27.4748 23.6464Z" style={{ fill: `var(--type)` }}/>
+<path d="M14.4748 23.6464L25.0605 13.0608L22.9391 10.9395L12.3535 21.5251C10.9867 22.8919 10.9867 25.108 12.3535 26.4748L22.9391 37.0605L25.0605 34.9392L14.4748 24.3535C14.2796 24.1583 14.2796 23.8417 14.4748 23.6464Z" style={{ fill: `var(--${type})` }}/>
+<path d="M27.4748 23.6464L38.0605 13.0608L35.9391 10.9395L25.3535 21.5251C23.9867 22.8919 23.9867 25.108 25.3535 26.4748L35.9391 37.0605L38.0605 34.9392L27.4748 24.3535C27.2796 24.1583 27.2796 23.8417 27.4748 23.6464Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/double-arrow-forward/index.tsx

@@ -11,30 +11,30 @@ interface DoubleArrowForwardProps {
 }
 
 export const DoubleArrowForward = forwardRef<SVGSVGElement, DoubleArrowForwardProps>(
-  ({ 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.5249 23.6465L9.93921 13.0608L12.0605 10.9395L22.6462 21.5252C24.013 22.892 24.013 25.1081 22.6462 26.4749L12.0605 37.0605L9.93921 34.9392L20.5249 24.3536C20.7201 24.1583 20.7201 23.8417 20.5249 23.6465Z" style={{ fill: `var(--type)` }}/>
-<path d="M33.5249 23.6465L22.9392 13.0608L25.0605 10.9395L35.6462 21.5252C37.013 22.892 37.013 25.1081 35.6462 26.4749L25.0605 37.0605L22.9392 34.9392L33.5249 24.3536C33.7201 24.1583 33.7201 23.8417 33.5249 23.6465Z" style={{ fill: `var(--type)` }}/>
+<path d="M20.5249 23.6465L9.93921 13.0608L12.0605 10.9395L22.6462 21.5252C24.013 22.892 24.013 25.1081 22.6462 26.4749L12.0605 37.0605L9.93921 34.9392L20.5249 24.3536C20.7201 24.1583 20.7201 23.8417 20.5249 23.6465Z" style={{ fill: `var(--${type})` }}/>
+<path d="M33.5249 23.6465L22.9392 13.0608L25.0605 10.9395L35.6462 21.5252C37.013 22.892 37.013 25.1081 35.6462 26.4749L25.0605 37.0605L22.9392 34.9392L33.5249 24.3536C33.7201 24.1583 33.7201 23.8417 33.5249 23.6465Z" 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="M20.5249 23.6465L9.93921 13.0608L12.0605 10.9395L22.6462 21.5252C24.013 22.892 24.013 25.1081 22.6462 26.4749L12.0605 37.0605L9.93921 34.9392L20.5249 24.3536C20.7201 24.1583 20.7201 23.8417 20.5249 23.6465Z" style={{ fill: `var(--type)` }}/>
-<path d="M33.5249 23.6465L22.9392 13.0608L25.0605 10.9395L35.6462 21.5252C37.013 22.892 37.013 25.1081 35.6462 26.4749L25.0605 37.0605L22.9392 34.9392L33.5249 24.3536C33.7201 24.1583 33.7201 23.8417 33.5249 23.6465Z" style={{ fill: `var(--type)` }}/>
+<path d="M20.5249 23.6465L9.93921 13.0608L12.0605 10.9395L22.6462 21.5252C24.013 22.892 24.013 25.1081 22.6462 26.4749L12.0605 37.0605L9.93921 34.9392L20.5249 24.3536C20.7201 24.1583 20.7201 23.8417 20.5249 23.6465Z" style={{ fill: `var(--${type})` }}/>
+<path d="M33.5249 23.6465L22.9392 13.0608L25.0605 10.9395L35.6462 21.5252C37.013 22.892 37.013 25.1081 35.6462 26.4749L25.0605 37.0605L22.9392 34.9392L33.5249 24.3536C33.7201 24.1583 33.7201 23.8417 33.5249 23.6465Z" 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="M20.5249 23.6465L9.93921 13.0608L12.0605 10.9395L22.6462 21.5252C24.013 22.892 24.013 25.1081 22.6462 26.4749L12.0605 37.0605L9.93921 34.9392L20.5249 24.3536C20.7201 24.1583 20.7201 23.8417 20.5249 23.6465Z" style={{ fill: `var(--type)` }}/>
-<path d="M33.5249 23.6465L22.9392 13.0608L25.0605 10.9395L35.6462 21.5252C37.013 22.892 37.013 25.1081 35.6462 26.4749L25.0605 37.0605L22.9392 34.9392L33.5249 24.3536C33.7201 24.1583 33.7201 23.8417 33.5249 23.6465Z" style={{ fill: `var(--type)` }}/>
+<path d="M20.5249 23.6465L9.93921 13.0608L12.0605 10.9395L22.6462 21.5252C24.013 22.892 24.013 25.1081 22.6462 26.4749L12.0605 37.0605L9.93921 34.9392L20.5249 24.3536C20.7201 24.1583 20.7201 23.8417 20.5249 23.6465Z" style={{ fill: `var(--${type})` }}/>
+<path d="M33.5249 23.6465L22.9392 13.0608L25.0605 10.9395L35.6462 21.5252C37.013 22.892 37.013 25.1081 35.6462 26.4749L25.0605 37.0605L22.9392 34.9392L33.5249 24.3536C33.7201 24.1583 33.7201 23.8417 33.5249 23.6465Z" 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.5249 23.6465L9.93921 13.0608L12.0605 10.9395L22.6462 21.5252C24.013 22.892 24.013 25.1081 22.6462 26.4749L12.0605 37.0605L9.93921 34.9392L20.5249 24.3536C20.7201 24.1583 20.7201 23.8417 20.5249 23.6465Z" style={{ fill: `var(--type)` }}/>
-<path d="M33.5249 23.6465L22.9392 13.0608L25.0605 10.9395L35.6462 21.5252C37.013 22.892 37.013 25.1081 35.6462 26.4749L25.0605 37.0605L22.9392 34.9392L33.5249 24.3536C33.7201 24.1583 33.7201 23.8417 33.5249 23.6465Z" style={{ fill: `var(--type)` }}/>
+<path d="M20.5249 23.6465L9.93921 13.0608L12.0605 10.9395L22.6462 21.5252C24.013 22.892 24.013 25.1081 22.6462 26.4749L12.0605 37.0605L9.93921 34.9392L20.5249 24.3536C20.7201 24.1583 20.7201 23.8417 20.5249 23.6465Z" style={{ fill: `var(--${type})` }}/>
+<path d="M33.5249 23.6465L22.9392 13.0608L25.0605 10.9395L35.6462 21.5252C37.013 22.892 37.013 25.1081 35.6462 26.4749L25.0605 37.0605L22.9392 34.9392L33.5249 24.3536C33.7201 24.1583 33.7201 23.8417 33.5249 23.6465Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/download/index.tsx

@@ -11,30 +11,30 @@ interface DownloadProps {
 }
 
 export const Download = forwardRef<SVGSVGElement, DownloadProps>(
-  ({ 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 5V29.3791L34.6262 20.2528L36.7476 22.3741L26.4751 32.6466C25.1082 34.0135 22.8921 34.0135 21.5253 32.6466L11.2528 22.3741L13.3741 20.2528L22.5 29.3787V5H25.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M41 39.5H7V42.5H41V39.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.5 5V29.3791L34.6262 20.2528L36.7476 22.3741L26.4751 32.6466C25.1082 34.0135 22.8921 34.0135 21.5253 32.6466L11.2528 22.3741L13.3741 20.2528L22.5 29.3787V5H25.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M41 39.5H7V42.5H41V39.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="M25.5 5V29.3791L34.6262 20.2528L36.7476 22.3741L26.4751 32.6466C25.1082 34.0135 22.8921 34.0135 21.5253 32.6466L11.2528 22.3741L13.3741 20.2528L22.5 29.3787V5H25.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M41 39.5H7V42.5H41V39.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.5 5V29.3791L34.6262 20.2528L36.7476 22.3741L26.4751 32.6466C25.1082 34.0135 22.8921 34.0135 21.5253 32.6466L11.2528 22.3741L13.3741 20.2528L22.5 29.3787V5H25.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M41 39.5H7V42.5H41V39.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="M26 5V28.1719L34.2727 19.8993L37.1011 22.7277L26.8286 33.0002C25.2665 34.5623 22.7339 34.5623 21.1718 33.0002L10.8993 22.7277L13.7277 19.8993L22 28.1716V5H26Z" style={{ fill: `var(--type)` }}/>
-<path d="M41 39H7V43H41V39Z" style={{ fill: `var(--type)` }}/>
+<path d="M26 5V28.1719L34.2727 19.8993L37.1011 22.7277L26.8286 33.0002C25.2665 34.5623 22.7339 34.5623 21.1718 33.0002L10.8993 22.7277L13.7277 19.8993L22 28.1716V5H26Z" style={{ fill: `var(--${type})` }}/>
+<path d="M41 39H7V43H41V39Z" 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 5V29.3791L34.6262 20.2528L36.7476 22.3741L26.4751 32.6466C25.1082 34.0135 22.8921 34.0135 21.5253 32.6466L11.2528 22.3741L13.3741 20.2528L22.5 29.3787V5H25.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M41 39.5H7V42.5H41V39.5Z" style={{ fill: `var(--type)` }}/>
+<path d="M25.5 5V29.3791L34.6262 20.2528L36.7476 22.3741L26.4751 32.6466C25.1082 34.0135 22.8921 34.0135 21.5253 32.6466L11.2528 22.3741L13.3741 20.2528L22.5 29.3787V5H25.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M41 39.5H7V42.5H41V39.5Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/drop-down/index.tsx

@@ -11,26 +11,26 @@ interface DropDownProps {
 }
 
 export const DropDown = forwardRef<SVGSVGElement, DropDownProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M35.5 17H12.3284C11.4375 17 10.9913 18.0771 11.6213 18.7071L22.5 29.5858C23.281 30.3668 24.5474 30.3668 25.3284 29.5858L36.2071 18.7071C36.8371 18.0771 36.3909 17 35.5 17Z" style={{ fill: `var(--type)` }}/>
+<path d="M35.5 17H12.3284C11.4375 17 10.9913 18.0771 11.6213 18.7071L22.5 29.5858C23.281 30.3668 24.5474 30.3668 25.3284 29.5858L36.2071 18.7071C36.8371 18.0771 36.3909 17 35.5 17Z" 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="M21.5253 30.6484L10.9395 20.0625L13.0608 17.9412L23.6467 28.5271C23.8419 28.7221 24.1586 28.7222 24.3538 28.5271L34.9397 17.9412L37.061 20.0625L26.4751 30.6484C25.1083 32.0151 22.8922 32.015 21.5253 30.6484Z" style={{ fill: `var(--type)` }}/>
+<path d="M21.5253 30.6484L10.9395 20.0625L13.0608 17.9412L23.6467 28.5271C23.8419 28.7221 24.1586 28.7222 24.3538 28.5271L34.9397 17.9412L37.061 20.0625L26.4751 30.6484C25.1083 32.0151 22.8922 32.015 21.5253 30.6484Z" 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="M21.5253 30.6484L10.9395 20.0625L13.0608 17.9412L23.6467 28.5271C23.8419 28.7221 24.1586 28.7222 24.3538 28.5271L34.9397 17.9412L37.061 20.0625L26.4751 30.6484C25.1083 32.0151 22.8922 32.015 21.5253 30.6484Z" style={{ fill: `var(--type)` }}/>
+<path d="M21.5253 30.6484L10.9395 20.0625L13.0608 17.9412L23.6467 28.5271C23.8419 28.7221 24.1586 28.7222 24.3538 28.5271L34.9397 17.9412L37.061 20.0625L26.4751 30.6484C25.1083 32.0151 22.8922 32.015 21.5253 30.6484Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M21.5253 30.6484L10.9395 20.0625L13.0608 17.9412L23.6467 28.5271C23.8419 28.7221 24.1586 28.7222 24.3538 28.5271L34.9397 17.9412L37.061 20.0625L26.4751 30.6484C25.1083 32.0151 22.8922 32.015 21.5253 30.6484Z" style={{ fill: `var(--type)` }}/>
+<path d="M21.5253 30.6484L10.9395 20.0625L13.0608 17.9412L23.6467 28.5271C23.8419 28.7221 24.1586 28.7222 24.3538 28.5271L34.9397 17.9412L37.061 20.0625L26.4751 30.6484C25.1083 32.0151 22.8922 32.015 21.5253 30.6484Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/drop-up/index.tsx

@@ -11,26 +11,26 @@ interface DropUpProps {
 }
 
 export const DropUp = forwardRef<SVGSVGElement, DropUpProps>(
-  ({ 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="M21.5253 17.3516L10.9395 27.9375L13.0608 30.0588L23.6467 19.4729C23.8419 19.2779 24.1586 19.2778 24.3538 19.4729L34.9397 30.0588L37.061 27.9375L26.4751 17.3516C25.1083 15.9849 22.8922 15.985 21.5253 17.3516Z" style={{ fill: `var(--type)` }}/>
+<path d="M21.5253 17.3516L10.9395 27.9375L13.0608 30.0588L23.6467 19.4729C23.8419 19.2779 24.1586 19.2778 24.3538 19.4729L34.9397 30.0588L37.061 27.9375L26.4751 17.3516C25.1083 15.9849 22.8922 15.985 21.5253 17.3516Z" 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="M21.5253 17.3516L10.9395 27.9375L13.0608 30.0588L23.6467 19.4729C23.8419 19.2779 24.1586 19.2778 24.3538 19.4729L34.9397 30.0588L37.061 27.9375L26.4751 17.3516C25.1083 15.9849 22.8922 15.985 21.5253 17.3516Z" style={{ fill: `var(--type)` }}/>
+<path d="M21.5253 17.3516L10.9395 27.9375L13.0608 30.0588L23.6467 19.4729C23.8419 19.2779 24.1586 19.2778 24.3538 19.4729L34.9397 30.0588L37.061 27.9375L26.4751 17.3516C25.1083 15.9849 22.8922 15.985 21.5253 17.3516Z" 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="M21.5253 17.3516L10.9395 27.9375L13.0608 30.0588L23.6467 19.4729C23.8419 19.2779 24.1586 19.2778 24.3538 19.4729L34.9397 30.0588L37.061 27.9375L26.4751 17.3516C25.1083 15.9849 22.8922 15.985 21.5253 17.3516Z" style={{ fill: `var(--type)` }}/>
+<path d="M21.5253 17.3516L10.9395 27.9375L13.0608 30.0588L23.6467 19.4729C23.8419 19.2779 24.1586 19.2778 24.3538 19.4729L34.9397 30.0588L37.061 27.9375L26.4751 17.3516C25.1083 15.9849 22.8922 15.985 21.5253 17.3516Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M21.5253 17.3516L10.9395 27.9375L13.0608 30.0588L23.6467 19.4729C23.8419 19.2779 24.1586 19.2778 24.3538 19.4729L34.9397 30.0588L37.061 27.9375L26.4751 17.3516C25.1083 15.9849 22.8922 15.985 21.5253 17.3516Z" style={{ fill: `var(--type)` }}/>
+<path d="M21.5253 17.3516L10.9395 27.9375L13.0608 30.0588L23.6467 19.4729C23.8419 19.2779 24.1586 19.2778 24.3538 19.4729L34.9397 30.0588L37.061 27.9375L26.4751 17.3516C25.1083 15.9849 22.8922 15.985 21.5253 17.3516Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/email/index.tsx

@@ -11,28 +11,28 @@ interface EmailProps {
 }
 
 export const Email = forwardRef<SVGSVGElement, EmailProps>(
-  ({ 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="M4.83894 9.37133L24 23.514L43.161 9.3713C42.8337 9.13754 42.4329 9 42 9H6C5.56708 9 5.16629 9.13755 4.83894 9.37133Z" style={{ fill: `var(--type)` }}/>
-<path d="M4 13.7237V37C4 38.1046 4.89543 39 6 39H42C43.1046 39 44 38.1046 44 37V13.7236L24 28.4856L4 13.7237Z" style={{ fill: `var(--type)` }}/>
+<path d="M4.83894 9.37133L24 23.514L43.161 9.3713C42.8337 9.13754 42.4329 9 42 9H6C5.56708 9 5.16629 9.13755 4.83894 9.37133Z" style={{ fill: `var(--${type})` }}/>
+<path d="M4 13.7237V37C4 38.1046 4.89543 39 6 39H42C43.1046 39 44 38.1046 44 37V13.7236L24 28.4856L4 13.7237Z" 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.46554 9.71718L24 24.1355L43.5345 9.71721C43.1676 9.27882 42.6164 9 42 9H6C5.38365 9 4.83242 9.2788 4.46554 9.71718Z" style={{ fill: `var(--type)` }}/>
-<path d="M44 13.1023L24 27.8642L4 13.1022V37C4 38.1046 4.89543 39 6 39H42C43.1046 39 44 38.1046 44 37V13.1023Z" style={{ fill: `var(--type)` }}/>
+<path d="M4.46554 9.71718L24 24.1355L43.5345 9.71721C43.1676 9.27882 42.6164 9 42 9H6C5.38365 9 4.83242 9.2788 4.46554 9.71718Z" style={{ fill: `var(--${type})` }}/>
+<path d="M44 13.1023L24 27.8642L4 13.1022V37C4 38.1046 4.89543 39 6 39H42C43.1046 39 44 38.1046 44 37V13.1023Z" 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="M4 11C4 9.89543 4.89543 9 6 9H42C43.1046 9 44 9.89543 44 11V37C44 38.1046 43.1046 39 42 39H6C4.89543 39 4 38.1046 4 37V11ZM8 16.9118V35H40V16.9117L24 28.4673L8 16.9118ZM38.5844 13H9.41553L24 23.5332L38.5844 13Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4 11C4 9.89543 4.89543 9 6 9H42C43.1046 9 44 9.89543 44 11V37C44 38.1046 43.1046 39 42 39H6C4.89543 39 4 38.1046 4 37V11ZM8 16.9118V35H40V16.9117L24 28.4673L8 16.9118ZM38.5844 13H9.41553L24 23.5332L38.5844 13Z" 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="M4 11C4 9.89543 4.89543 9 6 9H42C43.1046 9 44 9.89543 44 11V37C44 38.1046 43.1046 39 42 39H6C4.89543 39 4 38.1046 4 37V11ZM7 15.5728V36H41V15.5727L23.9999 27.8505L7 15.5728ZM40.8229 12H7.177L23.9999 24.1499L40.8229 12Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4 11C4 9.89543 4.89543 9 6 9H42C43.1046 9 44 9.89543 44 11V37C44 38.1046 43.1046 39 42 39H6C4.89543 39 4 38.1046 4 37V11ZM7 15.5728V36H41V15.5727L23.9999 27.8505L7 15.5728ZM40.8229 12H7.177L23.9999 24.1499L40.8229 12Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/end/index.tsx

@@ -11,30 +11,30 @@ interface EndProps {
 }
 
 export const End = forwardRef<SVGSVGElement, EndProps>(
-  ({ 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="M43.043 7.99935L43.043 40L40.043 40L40.043 7.99935L43.043 7.99935Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.97867 25.5L20.4179 35.9392L18.2966 38.0605L6.52506 26.289C5.15822 24.9222 5.15822 22.7061 6.52506 21.3393L18.2966 9.56776L20.4179 11.6891L9.60697 22.5L34.543 22.5L34.543 25.5L9.97867 25.5ZM8.54297 23.6109L8.54297 24.0174C8.48558 23.8884 8.48558 23.74 8.54297 23.6109Z" style={{ fill: `var(--type)` }}/>
+<path d="M43.043 7.99935L43.043 40L40.043 40L40.043 7.99935L43.043 7.99935Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.97867 25.5L20.4179 35.9392L18.2966 38.0605L6.52506 26.289C5.15822 24.9222 5.15822 22.7061 6.52506 21.3393L18.2966 9.56776L20.4179 11.6891L9.60697 22.5L34.543 22.5L34.543 25.5L9.97867 25.5ZM8.54297 23.6109L8.54297 24.0174C8.48558 23.8884 8.48558 23.74 8.54297 23.6109Z" 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="M43.043 7.99935L43.043 40L40.043 40L40.043 7.99935L43.043 7.99935Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.97867 25.5L20.4179 35.9392L18.2966 38.0605L6.52506 26.289C5.15822 24.9222 5.15822 22.7061 6.52506 21.3393L18.2966 9.56776L20.4179 11.6891L9.60697 22.5L34.543 22.5L34.543 25.5L9.97867 25.5ZM8.54297 23.6109L8.54297 24.0174C8.48558 23.8884 8.48558 23.74 8.54297 23.6109Z" style={{ fill: `var(--type)` }}/>
+<path d="M43.043 7.99935L43.043 40L40.043 40L40.043 7.99935L43.043 7.99935Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.97867 25.5L20.4179 35.9392L18.2966 38.0605L6.52506 26.289C5.15822 24.9222 5.15822 22.7061 6.52506 21.3393L18.2966 9.56776L20.4179 11.6891L9.60697 22.5L34.543 22.5L34.543 25.5L9.97867 25.5ZM8.54297 23.6109L8.54297 24.0174C8.48558 23.8884 8.48558 23.74 8.54297 23.6109Z" 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="M43.543 7.99935L43.543 40L39.543 40L39.543 7.99935L43.543 7.99935Z" style={{ fill: `var(--type)` }}/>
-<path d="M10.8142 22L20.7715 12.0428L17.943 9.21435L6.17151 20.9859C4.60941 22.548 4.6094 25.0806 6.1715 26.6427L17.943 38.4142L20.7715 35.5858L11.1856 26L34.543 26L34.543 22L10.8142 22Z" style={{ fill: `var(--type)` }}/>
+<path d="M43.543 7.99935L43.543 40L39.543 40L39.543 7.99935L43.543 7.99935Z" style={{ fill: `var(--${type})` }}/>
+<path d="M10.8142 22L20.7715 12.0428L17.943 9.21435L6.17151 20.9859C4.60941 22.548 4.6094 25.0806 6.1715 26.6427L17.943 38.4142L20.7715 35.5858L11.1856 26L34.543 26L34.543 22L10.8142 22Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M43.043 7.99935L43.043 40L40.043 40L40.043 7.99935L43.043 7.99935Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M9.97867 25.5L20.4179 35.9392L18.2966 38.0605L6.52506 26.289C5.15822 24.9222 5.15822 22.7061 6.52506 21.3393L18.2966 9.56776L20.4179 11.6891L9.60697 22.5L34.543 22.5L34.543 25.5L9.97867 25.5ZM8.54297 23.6109L8.54297 24.0174C8.48558 23.8884 8.48558 23.74 8.54297 23.6109Z" style={{ fill: `var(--type)` }}/>
+<path d="M43.043 7.99935L43.043 40L40.043 40L40.043 7.99935L43.043 7.99935Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.97867 25.5L20.4179 35.9392L18.2966 38.0605L6.52506 26.289C5.15822 24.9222 5.15822 22.7061 6.52506 21.3393L18.2966 9.56776L20.4179 11.6891L9.60697 22.5L34.543 22.5L34.543 25.5L9.97867 25.5ZM8.54297 23.6109L8.54297 24.0174C8.48558 23.8884 8.48558 23.74 8.54297 23.6109Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/essay/index.tsx

@@ -11,32 +11,32 @@ interface EssayProps {
 }
 
 export const Essay = forwardRef<SVGSVGElement, EssayProps>(
-  ({ 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="M38.5573 5.9997C36.9949 4.43723 34.4615 4.43766 32.8995 6.00066L30.4343 8.46576L39.6246 17.6569L42.0921 15.1894C43.6533 13.6272 43.6529 11.0953 42.0912 9.53355L38.5573 5.9997Z" style={{ fill: `var(--type)` }}/>
-<path d="M14.0632 24.8361L28.3129 10.587L37.5032 19.7781L23.2656 34.0151C22.8047 34.4759 22.2381 34.8172 21.6151 35.0091L16.3925 36.6179C13.2929 37.5728 10.4053 34.6356 11.4127 31.5528L13.0892 26.4224C13.2846 25.8244 13.6183 25.2809 14.0632 24.8361Z" style={{ fill: `var(--type)` }}/>
-<path d="M41 38.9995H7V42.9995H41V38.9995Z" style={{ fill: `var(--type)` }}/>
+<path d="M38.5573 5.9997C36.9949 4.43723 34.4615 4.43766 32.8995 6.00066L30.4343 8.46576L39.6246 17.6569L42.0921 15.1894C43.6533 13.6272 43.6529 11.0953 42.0912 9.53355L38.5573 5.9997Z" style={{ fill: `var(--${type})` }}/>
+<path d="M14.0632 24.8361L28.3129 10.587L37.5032 19.7781L23.2656 34.0151C22.8047 34.4759 22.2381 34.8172 21.6151 35.0091L16.3925 36.6179C13.2929 37.5728 10.4053 34.6356 11.4127 31.5528L13.0892 26.4224C13.2846 25.8244 13.6183 25.2809 14.0632 24.8361Z" style={{ fill: `var(--${type})` }}/>
+<path d="M41 38.9995H7V42.9995H41V38.9995Z" 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="M38.2038 6.35325C36.8367 4.98609 34.6199 4.98646 33.2533 6.35409L30.7881 8.81912L39.2713 17.3031L41.7385 14.836C43.1046 13.469 43.1042 11.2536 41.7377 9.88711L38.2038 6.35325Z" style={{ fill: `var(--type)` }}/>
-<path d="M14.4168 25.1897L28.6667 10.9404L37.15 19.4244L22.9122 33.6615C22.5088 34.0647 22.0131 34.3633 21.468 34.5312L16.2453 36.1401C13.5332 36.9756 11.0066 34.4056 11.888 31.7081L13.5645 26.5777C13.7355 26.0544 14.0275 25.5789 14.4168 25.1897Z" style={{ fill: `var(--type)` }}/>
-<path d="M41 39.499H7V42.499H41V39.499Z" style={{ fill: `var(--type)` }}/>
+<path d="M38.2038 6.35325C36.8367 4.98609 34.6199 4.98646 33.2533 6.35409L30.7881 8.81912L39.2713 17.3031L41.7385 14.836C43.1046 13.469 43.1042 11.2536 41.7377 9.88711L38.2038 6.35325Z" style={{ fill: `var(--${type})` }}/>
+<path d="M14.4168 25.1897L28.6667 10.9404L37.15 19.4244L22.9122 33.6615C22.5088 34.0647 22.0131 34.3633 21.468 34.5312L16.2453 36.1401C13.5332 36.9756 11.0066 34.4056 11.888 31.7081L13.5645 26.5777C13.7355 26.0544 14.0275 25.5789 14.4168 25.1897Z" style={{ fill: `var(--${type})` }}/>
+<path d="M41 39.499H7V42.499H41V39.499Z" 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="M38.5574 5.9997C36.995 4.43723 34.4615 4.43766 32.8996 6.00066L14.0633 24.8361C13.6184 25.2809 13.2847 25.8244 13.0893 26.4224L11.4128 31.5528C10.4054 34.6356 13.293 37.5728 16.3926 36.6179L21.6152 35.0091C22.2382 34.8172 22.8048 34.4759 23.2657 34.0151L42.0922 15.1894C43.6534 13.6272 43.653 11.0953 42.0913 9.53355L38.5574 5.9997ZM16.8914 27.6648L30.7888 13.7704L34.3225 17.3044L20.4376 31.1863L15.2149 32.7952L16.8914 27.6648ZM39.2629 12.362L37.1506 14.4757L33.6169 10.9417L35.729 8.82812L39.2629 12.362Z" style={{ fill: `var(--type)` }}/>
-<path d="M41 38.9992H7V42.9992H41V38.9992Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M38.5574 5.9997C36.995 4.43723 34.4615 4.43766 32.8996 6.00066L14.0633 24.8361C13.6184 25.2809 13.2847 25.8244 13.0893 26.4224L11.4128 31.5528C10.4054 34.6356 13.293 37.5728 16.3926 36.6179L21.6152 35.0091C22.2382 34.8172 22.8048 34.4759 23.2657 34.0151L42.0922 15.1894C43.6534 13.6272 43.653 11.0953 42.0913 9.53355L38.5574 5.9997ZM16.8914 27.6648L30.7888 13.7704L34.3225 17.3044L20.4376 31.1863L15.2149 32.7952L16.8914 27.6648ZM39.2629 12.362L37.1506 14.4757L33.6169 10.9417L35.729 8.82812L39.2629 12.362Z" style={{ fill: `var(--${type})` }}/>
+<path d="M41 38.9992H7V42.9992H41V38.9992Z" 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="M38.2039 6.35325C36.8367 4.98609 34.62 4.98646 33.2533 6.35409L14.4168 25.1897C14.0275 25.5789 13.7355 26.0544 13.5645 26.5777L11.8881 31.7081C11.0066 34.4056 13.5333 36.9756 16.2454 36.1401L21.468 34.5312C22.0131 34.3633 22.5089 34.0647 22.9122 33.6615L41.7386 14.836C43.1046 13.469 43.1042 11.2536 41.7377 9.88711L38.2039 6.35325ZM16.5379 27.3112L30.7888 13.0633L35.0296 17.3045L20.7911 31.5399C20.7335 31.5975 20.6627 31.6402 20.5848 31.6642L15.3622 33.2731C14.9747 33.3924 14.6138 33.0253 14.7397 32.6399L16.4162 27.5095C16.4406 27.4348 16.4823 27.3668 16.5379 27.3112ZM39.6165 12.7154L37.1507 15.1829L32.9099 10.9418L35.3753 8.47469C35.5706 8.27932 35.8872 8.27926 36.0826 8.47457L39.6164 12.0084C39.8116 12.2036 39.8117 12.5201 39.6165 12.7154Z" style={{ fill: `var(--type)` }}/>
-<path d="M41 39.4992H7V42.4992H41V39.4992Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M38.2039 6.35325C36.8367 4.98609 34.62 4.98646 33.2533 6.35409L14.4168 25.1897C14.0275 25.5789 13.7355 26.0544 13.5645 26.5777L11.8881 31.7081C11.0066 34.4056 13.5333 36.9756 16.2454 36.1401L21.468 34.5312C22.0131 34.3633 22.5089 34.0647 22.9122 33.6615L41.7386 14.836C43.1046 13.469 43.1042 11.2536 41.7377 9.88711L38.2039 6.35325ZM16.5379 27.3112L30.7888 13.0633L35.0296 17.3045L20.7911 31.5399C20.7335 31.5975 20.6627 31.6402 20.5848 31.6642L15.3622 33.2731C14.9747 33.3924 14.6138 33.0253 14.7397 32.6399L16.4162 27.5095C16.4406 27.4348 16.4823 27.3668 16.5379 27.3112ZM39.6165 12.7154L37.1507 15.1829L32.9099 10.9418L35.3753 8.47469C35.5706 8.27932 35.8872 8.27926 36.0826 8.47457L39.6164 12.0084C39.8116 12.2036 39.8117 12.5201 39.6165 12.7154Z" style={{ fill: `var(--${type})` }}/>
+<path d="M41 39.4992H7V42.4992H41V39.4992Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/exclamationmark/index.tsx

@@ -11,28 +11,28 @@ interface ExclamationmarkProps {
 }
 
 export const Exclamationmark = forwardRef<SVGSVGElement, ExclamationmarkProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM23.9999 30C23.3591 30 22.7852 30.2302 22.3312 30.6855C21.8772 31.1406 21.6484 31.715 21.6484 32.3555C21.6484 32.996 21.8772 33.5704 22.3312 34.0255C22.7852 34.4808 23.3591 34.711 23.9999 34.711C24.6406 34.711 25.2145 34.4808 25.6686 34.0255C26.1225 33.5704 26.3513 32.996 26.3513 32.3555C26.3513 31.715 26.1225 31.1406 25.6686 30.6855C25.2145 30.2302 24.6406 30 23.9999 30ZM22 14V26H26V14H22Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM23.9999 30C23.3591 30 22.7852 30.2302 22.3312 30.6855C21.8772 31.1406 21.6484 31.715 21.6484 32.3555C21.6484 32.996 21.8772 33.5704 22.3312 34.0255C22.7852 34.4808 23.3591 34.711 23.9999 34.711C24.6406 34.711 25.2145 34.4808 25.6686 34.0255C26.1225 33.5704 26.3513 32.996 26.3513 32.3555C26.3513 31.715 26.1225 31.1406 25.6686 30.6855C25.2145 30.2302 24.6406 30 23.9999 30ZM22 14V26H26V14H22Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM24 30C23.455 30 22.9669 30.1955 22.5807 30.582C22.1946 30.9685 22 31.4562 22 32C22 32.5438 22.1946 33.0315 22.5807 33.418C22.9669 33.8045 23.455 34 24 34C24.545 34 25.0331 33.8045 25.4193 33.418C25.8054 33.0315 26 32.5438 26 32C26 31.4562 25.8054 30.9685 25.4193 30.582C25.0331 30.1955 24.545 30 24 30ZM22.5 14V26H25.5V14H22.5Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM24 30C23.455 30 22.9669 30.1955 22.5807 30.582C22.1946 30.9685 22 31.4562 22 32C22 32.5438 22.1946 33.0315 22.5807 33.418C22.9669 33.8045 23.455 34 24 34C24.545 34 25.0331 33.8045 25.4193 33.418C25.8054 33.0315 26 32.5438 26 32C26 31.4562 25.8054 30.9685 25.4193 30.582C25.0331 30.1955 24.545 30 24 30ZM22.5 14V26H25.5V14H22.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 10V29H26V10H22Z" style={{ fill: `var(--type)` }}/>
-<path d="M22.3312 33.9746C22.7852 33.5193 23.3591 33.2891 23.9999 33.2891C24.6406 33.2891 25.2145 33.5193 25.6686 33.9746C26.1225 34.4297 26.3513 35.0041 26.3513 35.6446C26.3513 36.285 26.1225 36.8594 25.6686 37.3146C25.2145 37.7698 24.6406 38.0001 23.9999 38.0001C23.3591 38.0001 22.7852 37.7698 22.3312 37.3146C21.8772 36.8594 21.6484 36.285 21.6484 35.6446C21.6484 35.0041 21.8772 34.4297 22.3312 33.9746Z" style={{ fill: `var(--type)` }}/>
+<path d="M22 10V29H26V10H22Z" style={{ fill: `var(--${type})` }}/>
+<path d="M22.3312 33.9746C22.7852 33.5193 23.3591 33.2891 23.9999 33.2891C24.6406 33.2891 25.2145 33.5193 25.6686 33.9746C26.1225 34.4297 26.3513 35.0041 26.3513 35.6446C26.3513 36.285 26.1225 36.8594 25.6686 37.3146C25.2145 37.7698 24.6406 38.0001 23.9999 38.0001C23.3591 38.0001 22.7852 37.7698 22.3312 37.3146C21.8772 36.8594 21.6484 36.285 21.6484 35.6446C21.6484 35.0041 21.8772 34.4297 22.3312 33.9746Z" 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 10V29H25.5V10H22.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M22.5807 34.582C22.9669 34.1955 23.455 34 24 34C24.545 34 25.0331 34.1955 25.4193 34.582C25.8054 34.9685 26 35.4562 26 36C26 36.5438 25.8054 37.0315 25.4193 37.418C25.0331 37.8045 24.545 38 24 38C23.455 38 22.9669 37.8045 22.5807 37.418C22.1946 37.0315 22 36.5438 22 36C22 35.4562 22.1946 34.9685 22.5807 34.582Z" style={{ fill: `var(--type)` }}/>
+<path d="M22.5 10V29H25.5V10H22.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M22.5807 34.582C22.9669 34.1955 23.455 34 24 34C24.545 34 25.0331 34.1955 25.4193 34.582C25.8054 34.9685 26 35.4562 26 36C26 36.5438 25.8054 37.0315 25.4193 37.418C25.0331 37.8045 24.545 38 24 38C23.455 38 22.9669 37.8045 22.5807 37.418C22.1946 37.0315 22 36.5438 22 36C22 35.4562 22.1946 34.9685 22.5807 34.582Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }