@liner-fe/icon 0.0.44 → 0.0.46

package/assets/color-pdf/index.tsx

@@ -11,42 +11,42 @@ interface ColorPdfProps {
 }
 
 export const ColorPdf = forwardRef<SVGSVGElement, ColorPdfProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--${type})` }}/>
 <rect x="1" y="27" width="46" height="20" fill="#EF6B68"/>
-<path d="M37.2495 32.0487C37.2495 32.1161 37.2226 32.1767 37.1686 32.2307C37.1282 32.2711 37.0743 32.2913 37.0069 32.2913H32.8006C32.7332 32.2913 32.6995 32.325 32.6995 32.3924V35.5876C32.6995 35.655 32.7332 35.6887 32.8006 35.6887H35.2071C35.2745 35.6887 35.3284 35.7156 35.3689 35.7696C35.4228 35.81 35.4497 35.8639 35.4497 35.9313V37.8929C35.4497 37.9603 35.4228 38.021 35.3689 38.0749C35.3284 38.1153 35.2745 38.1356 35.2071 38.1356H32.8006C32.7332 38.1356 32.6995 38.1693 32.6995 38.2367V43.7573C32.6995 43.8247 32.6726 43.8854 32.6186 43.9393C32.5782 43.9798 32.5243 44 32.4568 44H30.0909C30.0234 44 29.9628 43.9798 29.9089 43.9393C29.8684 43.8854 29.8482 43.8247 29.8482 43.7573V30.0871C29.8482 30.0197 29.8684 29.9658 29.9089 29.9253C29.9628 29.8714 30.0234 29.8444 30.0909 29.8444H37.0069C37.0743 29.8444 37.1282 29.8714 37.1686 29.9253C37.2226 29.9658 37.2495 30.0197 37.2495 30.0871V32.0487Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M20.5327 44C20.4653 44 20.4046 43.9798 20.3507 43.9393C20.3102 43.8854 20.29 43.8247 20.29 43.7573V30.0871C20.29 30.0197 20.3102 29.9658 20.3507 29.9253C20.4046 29.8714 20.4653 29.8444 20.5327 29.8444H24.1929C25.4197 29.8444 26.4039 30.2017 27.1454 30.9162C27.8868 31.6307 28.2576 32.5812 28.2576 33.7676V40.0769C28.2576 41.2633 27.8868 42.2137 27.1454 42.9282C26.4039 43.6427 25.4197 44 24.1929 44H20.5327ZM23.1414 41.452C23.1414 41.5194 23.1751 41.5531 23.2425 41.5531L24.1525 41.5329C24.5165 41.5194 24.8131 41.3644 25.0422 41.0678C25.2714 40.7712 25.3928 40.3802 25.4062 39.8949V33.9496C25.4062 33.4373 25.2917 33.0328 25.0625 32.7362C24.8333 32.4396 24.5232 32.2913 24.1322 32.2913H23.2425C23.1751 32.2913 23.1414 32.325 23.1414 32.3924V41.452Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M15.1972 29.8242C15.9387 29.8242 16.5993 30.0062 17.179 30.3702C17.7587 30.7342 18.2036 31.2465 18.5136 31.9071C18.8372 32.5542 18.999 33.2957 18.999 34.1316C18.999 35.3853 18.6619 36.3897 17.9879 37.1447C17.3138 37.8996 16.4307 38.2771 15.3387 38.2771H13.8221C13.7547 38.2771 13.721 38.3108 13.721 38.3782V43.7573C13.721 43.8247 13.694 43.8854 13.6401 43.9393C13.5996 43.9798 13.5457 44 13.4783 44H11.1123C11.0449 44 10.9842 43.9798 10.9303 43.9393C10.8899 43.8854 10.8696 43.8247 10.8696 43.7573V30.0669C10.8696 29.9995 10.8899 29.9456 10.9303 29.9051C10.9842 29.8512 11.0449 29.8242 11.1123 29.8242H15.1972ZM14.7119 36.0527C15.1433 36.0527 15.487 35.8909 15.7432 35.5673C16.0128 35.2303 16.1476 34.7719 16.1476 34.1922C16.1476 33.599 16.0128 33.1339 15.7432 32.7969C15.487 32.4598 15.1433 32.2913 14.7119 32.2913H13.8221C13.7547 32.2913 13.721 32.325 13.721 32.3924V35.9516C13.721 36.019 13.7547 36.0527 13.8221 36.0527H14.7119Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M37.2495 32.0487C37.2495 32.1161 37.2226 32.1767 37.1686 32.2307C37.1282 32.2711 37.0743 32.2913 37.0069 32.2913H32.8006C32.7332 32.2913 32.6995 32.325 32.6995 32.3924V35.5876C32.6995 35.655 32.7332 35.6887 32.8006 35.6887H35.2071C35.2745 35.6887 35.3284 35.7156 35.3689 35.7696C35.4228 35.81 35.4497 35.8639 35.4497 35.9313V37.8929C35.4497 37.9603 35.4228 38.021 35.3689 38.0749C35.3284 38.1153 35.2745 38.1356 35.2071 38.1356H32.8006C32.7332 38.1356 32.6995 38.1693 32.6995 38.2367V43.7573C32.6995 43.8247 32.6726 43.8854 32.6186 43.9393C32.5782 43.9798 32.5243 44 32.4568 44H30.0909C30.0234 44 29.9628 43.9798 29.9089 43.9393C29.8684 43.8854 29.8482 43.8247 29.8482 43.7573V30.0871C29.8482 30.0197 29.8684 29.9658 29.9089 29.9253C29.9628 29.8714 30.0234 29.8444 30.0909 29.8444H37.0069C37.0743 29.8444 37.1282 29.8714 37.1686 29.9253C37.2226 29.9658 37.2495 30.0197 37.2495 30.0871V32.0487Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M20.5327 44C20.4653 44 20.4046 43.9798 20.3507 43.9393C20.3102 43.8854 20.29 43.8247 20.29 43.7573V30.0871C20.29 30.0197 20.3102 29.9658 20.3507 29.9253C20.4046 29.8714 20.4653 29.8444 20.5327 29.8444H24.1929C25.4197 29.8444 26.4039 30.2017 27.1454 30.9162C27.8868 31.6307 28.2576 32.5812 28.2576 33.7676V40.0769C28.2576 41.2633 27.8868 42.2137 27.1454 42.9282C26.4039 43.6427 25.4197 44 24.1929 44H20.5327ZM23.1414 41.452C23.1414 41.5194 23.1751 41.5531 23.2425 41.5531L24.1525 41.5329C24.5165 41.5194 24.8131 41.3644 25.0422 41.0678C25.2714 40.7712 25.3928 40.3802 25.4062 39.8949V33.9496C25.4062 33.4373 25.2917 33.0328 25.0625 32.7362C24.8333 32.4396 24.5232 32.2913 24.1322 32.2913H23.2425C23.1751 32.2913 23.1414 32.325 23.1414 32.3924V41.452Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M15.1972 29.8242C15.9387 29.8242 16.5993 30.0062 17.179 30.3702C17.7587 30.7342 18.2036 31.2465 18.5136 31.9071C18.8372 32.5542 18.999 33.2957 18.999 34.1316C18.999 35.3853 18.6619 36.3897 17.9879 37.1447C17.3138 37.8996 16.4307 38.2771 15.3387 38.2771H13.8221C13.7547 38.2771 13.721 38.3108 13.721 38.3782V43.7573C13.721 43.8247 13.694 43.8854 13.6401 43.9393C13.5996 43.9798 13.5457 44 13.4783 44H11.1123C11.0449 44 10.9842 43.9798 10.9303 43.9393C10.8899 43.8854 10.8696 43.8247 10.8696 43.7573V30.0669C10.8696 29.9995 10.8899 29.9456 10.9303 29.9051C10.9842 29.8512 11.0449 29.8242 11.1123 29.8242H15.1972ZM14.7119 36.0527C15.1433 36.0527 15.487 35.8909 15.7432 35.5673C16.0128 35.2303 16.1476 34.7719 16.1476 34.1922C16.1476 33.599 16.0128 33.1339 15.7432 32.7969C15.487 32.4598 15.1433 32.2913 14.7119 32.2913H13.8221C13.7547 32.2913 13.721 32.325 13.721 32.3924V35.9516C13.721 36.019 13.7547 36.0527 13.8221 36.0527H14.7119Z" 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 fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--${type})` }}/>
 <rect x="1" y="27" width="46" height="20" fill="#EF6B68"/>
-<path d="M37.2495 32.0487C37.2495 32.1161 37.2226 32.1767 37.1686 32.2307C37.1282 32.2711 37.0743 32.2913 37.0069 32.2913H32.8006C32.7332 32.2913 32.6995 32.325 32.6995 32.3924V35.5876C32.6995 35.655 32.7332 35.6887 32.8006 35.6887H35.2071C35.2745 35.6887 35.3284 35.7156 35.3689 35.7696C35.4228 35.81 35.4497 35.8639 35.4497 35.9313V37.8929C35.4497 37.9603 35.4228 38.021 35.3689 38.0749C35.3284 38.1153 35.2745 38.1356 35.2071 38.1356H32.8006C32.7332 38.1356 32.6995 38.1693 32.6995 38.2367V43.7573C32.6995 43.8247 32.6726 43.8854 32.6186 43.9393C32.5782 43.9798 32.5243 44 32.4568 44H30.0909C30.0234 44 29.9628 43.9798 29.9089 43.9393C29.8684 43.8854 29.8482 43.8247 29.8482 43.7573V30.0871C29.8482 30.0197 29.8684 29.9658 29.9089 29.9253C29.9628 29.8714 30.0234 29.8444 30.0909 29.8444H37.0069C37.0743 29.8444 37.1282 29.8714 37.1686 29.9253C37.2226 29.9658 37.2495 30.0197 37.2495 30.0871V32.0487Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M20.5327 44C20.4653 44 20.4046 43.9798 20.3507 43.9393C20.3102 43.8854 20.29 43.8247 20.29 43.7573V30.0871C20.29 30.0197 20.3102 29.9658 20.3507 29.9253C20.4046 29.8714 20.4653 29.8444 20.5327 29.8444H24.1929C25.4197 29.8444 26.4039 30.2017 27.1454 30.9162C27.8868 31.6307 28.2576 32.5812 28.2576 33.7676V40.0769C28.2576 41.2633 27.8868 42.2137 27.1454 42.9282C26.4039 43.6427 25.4197 44 24.1929 44H20.5327ZM23.1414 41.452C23.1414 41.5194 23.1751 41.5531 23.2425 41.5531L24.1525 41.5329C24.5165 41.5194 24.8131 41.3644 25.0422 41.0678C25.2714 40.7712 25.3928 40.3802 25.4062 39.8949V33.9496C25.4062 33.4373 25.2917 33.0328 25.0625 32.7362C24.8333 32.4396 24.5232 32.2913 24.1322 32.2913H23.2425C23.1751 32.2913 23.1414 32.325 23.1414 32.3924V41.452Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M15.1972 29.8242C15.9387 29.8242 16.5993 30.0062 17.179 30.3702C17.7587 30.7342 18.2036 31.2465 18.5136 31.9071C18.8372 32.5542 18.999 33.2957 18.999 34.1316C18.999 35.3853 18.6619 36.3897 17.9879 37.1447C17.3138 37.8996 16.4307 38.2771 15.3387 38.2771H13.8221C13.7547 38.2771 13.721 38.3108 13.721 38.3782V43.7573C13.721 43.8247 13.694 43.8854 13.6401 43.9393C13.5996 43.9798 13.5457 44 13.4783 44H11.1123C11.0449 44 10.9842 43.9798 10.9303 43.9393C10.8899 43.8854 10.8696 43.8247 10.8696 43.7573V30.0669C10.8696 29.9995 10.8899 29.9456 10.9303 29.9051C10.9842 29.8512 11.0449 29.8242 11.1123 29.8242H15.1972ZM14.7119 36.0527C15.1433 36.0527 15.487 35.8909 15.7432 35.5673C16.0128 35.2303 16.1476 34.7719 16.1476 34.1922C16.1476 33.599 16.0128 33.1339 15.7432 32.7969C15.487 32.4598 15.1433 32.2913 14.7119 32.2913H13.8221C13.7547 32.2913 13.721 32.325 13.721 32.3924V35.9516C13.721 36.019 13.7547 36.0527 13.8221 36.0527H14.7119Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M37.2495 32.0487C37.2495 32.1161 37.2226 32.1767 37.1686 32.2307C37.1282 32.2711 37.0743 32.2913 37.0069 32.2913H32.8006C32.7332 32.2913 32.6995 32.325 32.6995 32.3924V35.5876C32.6995 35.655 32.7332 35.6887 32.8006 35.6887H35.2071C35.2745 35.6887 35.3284 35.7156 35.3689 35.7696C35.4228 35.81 35.4497 35.8639 35.4497 35.9313V37.8929C35.4497 37.9603 35.4228 38.021 35.3689 38.0749C35.3284 38.1153 35.2745 38.1356 35.2071 38.1356H32.8006C32.7332 38.1356 32.6995 38.1693 32.6995 38.2367V43.7573C32.6995 43.8247 32.6726 43.8854 32.6186 43.9393C32.5782 43.9798 32.5243 44 32.4568 44H30.0909C30.0234 44 29.9628 43.9798 29.9089 43.9393C29.8684 43.8854 29.8482 43.8247 29.8482 43.7573V30.0871C29.8482 30.0197 29.8684 29.9658 29.9089 29.9253C29.9628 29.8714 30.0234 29.8444 30.0909 29.8444H37.0069C37.0743 29.8444 37.1282 29.8714 37.1686 29.9253C37.2226 29.9658 37.2495 30.0197 37.2495 30.0871V32.0487Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M20.5327 44C20.4653 44 20.4046 43.9798 20.3507 43.9393C20.3102 43.8854 20.29 43.8247 20.29 43.7573V30.0871C20.29 30.0197 20.3102 29.9658 20.3507 29.9253C20.4046 29.8714 20.4653 29.8444 20.5327 29.8444H24.1929C25.4197 29.8444 26.4039 30.2017 27.1454 30.9162C27.8868 31.6307 28.2576 32.5812 28.2576 33.7676V40.0769C28.2576 41.2633 27.8868 42.2137 27.1454 42.9282C26.4039 43.6427 25.4197 44 24.1929 44H20.5327ZM23.1414 41.452C23.1414 41.5194 23.1751 41.5531 23.2425 41.5531L24.1525 41.5329C24.5165 41.5194 24.8131 41.3644 25.0422 41.0678C25.2714 40.7712 25.3928 40.3802 25.4062 39.8949V33.9496C25.4062 33.4373 25.2917 33.0328 25.0625 32.7362C24.8333 32.4396 24.5232 32.2913 24.1322 32.2913H23.2425C23.1751 32.2913 23.1414 32.325 23.1414 32.3924V41.452Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M15.1972 29.8242C15.9387 29.8242 16.5993 30.0062 17.179 30.3702C17.7587 30.7342 18.2036 31.2465 18.5136 31.9071C18.8372 32.5542 18.999 33.2957 18.999 34.1316C18.999 35.3853 18.6619 36.3897 17.9879 37.1447C17.3138 37.8996 16.4307 38.2771 15.3387 38.2771H13.8221C13.7547 38.2771 13.721 38.3108 13.721 38.3782V43.7573C13.721 43.8247 13.694 43.8854 13.6401 43.9393C13.5996 43.9798 13.5457 44 13.4783 44H11.1123C11.0449 44 10.9842 43.9798 10.9303 43.9393C10.8899 43.8854 10.8696 43.8247 10.8696 43.7573V30.0669C10.8696 29.9995 10.8899 29.9456 10.9303 29.9051C10.9842 29.8512 11.0449 29.8242 11.1123 29.8242H15.1972ZM14.7119 36.0527C15.1433 36.0527 15.487 35.8909 15.7432 35.5673C16.0128 35.2303 16.1476 34.7719 16.1476 34.1922C16.1476 33.599 16.0128 33.1339 15.7432 32.7969C15.487 32.4598 15.1433 32.2913 14.7119 32.2913H13.8221C13.7547 32.2913 13.721 32.325 13.721 32.3924V35.9516C13.721 36.019 13.7547 36.0527 13.8221 36.0527H14.7119Z" 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 fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--${type})` }}/>
 <rect x="1" y="27" width="46" height="20" fill="#EF6B68"/>
-<path d="M37.2495 32.0487C37.2495 32.1161 37.2226 32.1767 37.1686 32.2307C37.1282 32.2711 37.0743 32.2913 37.0069 32.2913H32.8006C32.7332 32.2913 32.6995 32.325 32.6995 32.3924V35.5876C32.6995 35.655 32.7332 35.6887 32.8006 35.6887H35.2071C35.2745 35.6887 35.3284 35.7156 35.3689 35.7696C35.4228 35.81 35.4497 35.8639 35.4497 35.9313V37.8929C35.4497 37.9603 35.4228 38.021 35.3689 38.0749C35.3284 38.1153 35.2745 38.1356 35.2071 38.1356H32.8006C32.7332 38.1356 32.6995 38.1693 32.6995 38.2367V43.7573C32.6995 43.8247 32.6726 43.8854 32.6186 43.9393C32.5782 43.9798 32.5243 44 32.4568 44H30.0909C30.0234 44 29.9628 43.9798 29.9089 43.9393C29.8684 43.8854 29.8482 43.8247 29.8482 43.7573V30.0871C29.8482 30.0197 29.8684 29.9658 29.9089 29.9253C29.9628 29.8714 30.0234 29.8444 30.0909 29.8444H37.0069C37.0743 29.8444 37.1282 29.8714 37.1686 29.9253C37.2226 29.9658 37.2495 30.0197 37.2495 30.0871V32.0487Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M20.5327 44C20.4653 44 20.4046 43.9798 20.3507 43.9393C20.3102 43.8854 20.29 43.8247 20.29 43.7573V30.0871C20.29 30.0197 20.3102 29.9658 20.3507 29.9253C20.4046 29.8714 20.4653 29.8444 20.5327 29.8444H24.1929C25.4197 29.8444 26.4039 30.2017 27.1454 30.9162C27.8868 31.6307 28.2576 32.5812 28.2576 33.7676V40.0769C28.2576 41.2633 27.8868 42.2137 27.1454 42.9282C26.4039 43.6427 25.4197 44 24.1929 44H20.5327ZM23.1414 41.452C23.1414 41.5194 23.1751 41.5531 23.2425 41.5531L24.1525 41.5329C24.5165 41.5194 24.8131 41.3644 25.0422 41.0678C25.2714 40.7712 25.3928 40.3802 25.4062 39.8949V33.9496C25.4062 33.4373 25.2917 33.0328 25.0625 32.7362C24.8333 32.4396 24.5232 32.2913 24.1322 32.2913H23.2425C23.1751 32.2913 23.1414 32.325 23.1414 32.3924V41.452Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M15.1972 29.8242C15.9387 29.8242 16.5993 30.0062 17.179 30.3702C17.7587 30.7342 18.2036 31.2465 18.5136 31.9071C18.8372 32.5542 18.999 33.2957 18.999 34.1316C18.999 35.3853 18.6619 36.3897 17.9879 37.1447C17.3138 37.8996 16.4307 38.2771 15.3387 38.2771H13.8221C13.7547 38.2771 13.721 38.3108 13.721 38.3782V43.7573C13.721 43.8247 13.694 43.8854 13.6401 43.9393C13.5996 43.9798 13.5457 44 13.4783 44H11.1123C11.0449 44 10.9842 43.9798 10.9303 43.9393C10.8899 43.8854 10.8696 43.8247 10.8696 43.7573V30.0669C10.8696 29.9995 10.8899 29.9456 10.9303 29.9051C10.9842 29.8512 11.0449 29.8242 11.1123 29.8242H15.1972ZM14.7119 36.0527C15.1433 36.0527 15.487 35.8909 15.7432 35.5673C16.0128 35.2303 16.1476 34.7719 16.1476 34.1922C16.1476 33.599 16.0128 33.1339 15.7432 32.7969C15.487 32.4598 15.1433 32.2913 14.7119 32.2913H13.8221C13.7547 32.2913 13.721 32.325 13.721 32.3924V35.9516C13.721 36.019 13.7547 36.0527 13.8221 36.0527H14.7119Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M37.2495 32.0487C37.2495 32.1161 37.2226 32.1767 37.1686 32.2307C37.1282 32.2711 37.0743 32.2913 37.0069 32.2913H32.8006C32.7332 32.2913 32.6995 32.325 32.6995 32.3924V35.5876C32.6995 35.655 32.7332 35.6887 32.8006 35.6887H35.2071C35.2745 35.6887 35.3284 35.7156 35.3689 35.7696C35.4228 35.81 35.4497 35.8639 35.4497 35.9313V37.8929C35.4497 37.9603 35.4228 38.021 35.3689 38.0749C35.3284 38.1153 35.2745 38.1356 35.2071 38.1356H32.8006C32.7332 38.1356 32.6995 38.1693 32.6995 38.2367V43.7573C32.6995 43.8247 32.6726 43.8854 32.6186 43.9393C32.5782 43.9798 32.5243 44 32.4568 44H30.0909C30.0234 44 29.9628 43.9798 29.9089 43.9393C29.8684 43.8854 29.8482 43.8247 29.8482 43.7573V30.0871C29.8482 30.0197 29.8684 29.9658 29.9089 29.9253C29.9628 29.8714 30.0234 29.8444 30.0909 29.8444H37.0069C37.0743 29.8444 37.1282 29.8714 37.1686 29.9253C37.2226 29.9658 37.2495 30.0197 37.2495 30.0871V32.0487Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M20.5327 44C20.4653 44 20.4046 43.9798 20.3507 43.9393C20.3102 43.8854 20.29 43.8247 20.29 43.7573V30.0871C20.29 30.0197 20.3102 29.9658 20.3507 29.9253C20.4046 29.8714 20.4653 29.8444 20.5327 29.8444H24.1929C25.4197 29.8444 26.4039 30.2017 27.1454 30.9162C27.8868 31.6307 28.2576 32.5812 28.2576 33.7676V40.0769C28.2576 41.2633 27.8868 42.2137 27.1454 42.9282C26.4039 43.6427 25.4197 44 24.1929 44H20.5327ZM23.1414 41.452C23.1414 41.5194 23.1751 41.5531 23.2425 41.5531L24.1525 41.5329C24.5165 41.5194 24.8131 41.3644 25.0422 41.0678C25.2714 40.7712 25.3928 40.3802 25.4062 39.8949V33.9496C25.4062 33.4373 25.2917 33.0328 25.0625 32.7362C24.8333 32.4396 24.5232 32.2913 24.1322 32.2913H23.2425C23.1751 32.2913 23.1414 32.325 23.1414 32.3924V41.452Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M15.1972 29.8242C15.9387 29.8242 16.5993 30.0062 17.179 30.3702C17.7587 30.7342 18.2036 31.2465 18.5136 31.9071C18.8372 32.5542 18.999 33.2957 18.999 34.1316C18.999 35.3853 18.6619 36.3897 17.9879 37.1447C17.3138 37.8996 16.4307 38.2771 15.3387 38.2771H13.8221C13.7547 38.2771 13.721 38.3108 13.721 38.3782V43.7573C13.721 43.8247 13.694 43.8854 13.6401 43.9393C13.5996 43.9798 13.5457 44 13.4783 44H11.1123C11.0449 44 10.9842 43.9798 10.9303 43.9393C10.8899 43.8854 10.8696 43.8247 10.8696 43.7573V30.0669C10.8696 29.9995 10.8899 29.9456 10.9303 29.9051C10.9842 29.8512 11.0449 29.8242 11.1123 29.8242H15.1972ZM14.7119 36.0527C15.1433 36.0527 15.487 35.8909 15.7432 35.5673C16.0128 35.2303 16.1476 34.7719 16.1476 34.1922C16.1476 33.599 16.0128 33.1339 15.7432 32.7969C15.487 32.4598 15.1433 32.2913 14.7119 32.2913H13.8221C13.7547 32.2913 13.721 32.325 13.721 32.3924V35.9516C13.721 36.019 13.7547 36.0527 13.8221 36.0527H14.7119Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--${type})` }}/>
 <rect x="1" y="27" width="46" height="20" fill="#EF6B68"/>
-<path d="M37.2495 32.0487C37.2495 32.1161 37.2226 32.1767 37.1686 32.2307C37.1282 32.2711 37.0743 32.2913 37.0069 32.2913H32.8006C32.7332 32.2913 32.6995 32.325 32.6995 32.3924V35.5876C32.6995 35.655 32.7332 35.6887 32.8006 35.6887H35.2071C35.2745 35.6887 35.3284 35.7156 35.3689 35.7696C35.4228 35.81 35.4497 35.8639 35.4497 35.9313V37.8929C35.4497 37.9603 35.4228 38.021 35.3689 38.0749C35.3284 38.1153 35.2745 38.1356 35.2071 38.1356H32.8006C32.7332 38.1356 32.6995 38.1693 32.6995 38.2367V43.7573C32.6995 43.8247 32.6726 43.8854 32.6186 43.9393C32.5782 43.9798 32.5243 44 32.4568 44H30.0909C30.0234 44 29.9628 43.9798 29.9089 43.9393C29.8684 43.8854 29.8482 43.8247 29.8482 43.7573V30.0871C29.8482 30.0197 29.8684 29.9658 29.9089 29.9253C29.9628 29.8714 30.0234 29.8444 30.0909 29.8444H37.0069C37.0743 29.8444 37.1282 29.8714 37.1686 29.9253C37.2226 29.9658 37.2495 30.0197 37.2495 30.0871V32.0487Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M20.5327 44C20.4653 44 20.4046 43.9798 20.3507 43.9393C20.3102 43.8854 20.29 43.8247 20.29 43.7573V30.0871C20.29 30.0197 20.3102 29.9658 20.3507 29.9253C20.4046 29.8714 20.4653 29.8444 20.5327 29.8444H24.1929C25.4197 29.8444 26.4039 30.2017 27.1454 30.9162C27.8868 31.6307 28.2576 32.5812 28.2576 33.7676V40.0769C28.2576 41.2633 27.8868 42.2137 27.1454 42.9282C26.4039 43.6427 25.4197 44 24.1929 44H20.5327ZM23.1414 41.452C23.1414 41.5194 23.1751 41.5531 23.2425 41.5531L24.1525 41.5329C24.5165 41.5194 24.8131 41.3644 25.0422 41.0678C25.2714 40.7712 25.3928 40.3802 25.4062 39.8949V33.9496C25.4062 33.4373 25.2917 33.0328 25.0625 32.7362C24.8333 32.4396 24.5232 32.2913 24.1322 32.2913H23.2425C23.1751 32.2913 23.1414 32.325 23.1414 32.3924V41.452Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M15.1972 29.8242C15.9387 29.8242 16.5993 30.0062 17.179 30.3702C17.7587 30.7342 18.2036 31.2465 18.5136 31.9071C18.8372 32.5542 18.999 33.2957 18.999 34.1316C18.999 35.3853 18.6619 36.3897 17.9879 37.1447C17.3138 37.8996 16.4307 38.2771 15.3387 38.2771H13.8221C13.7547 38.2771 13.721 38.3108 13.721 38.3782V43.7573C13.721 43.8247 13.694 43.8854 13.6401 43.9393C13.5996 43.9798 13.5457 44 13.4783 44H11.1123C11.0449 44 10.9842 43.9798 10.9303 43.9393C10.8899 43.8854 10.8696 43.8247 10.8696 43.7573V30.0669C10.8696 29.9995 10.8899 29.9456 10.9303 29.9051C10.9842 29.8512 11.0449 29.8242 11.1123 29.8242H15.1972ZM14.7119 36.0527C15.1433 36.0527 15.487 35.8909 15.7432 35.5673C16.0128 35.2303 16.1476 34.7719 16.1476 34.1922C16.1476 33.599 16.0128 33.1339 15.7432 32.7969C15.487 32.4598 15.1433 32.2913 14.7119 32.2913H13.8221C13.7547 32.2913 13.721 32.325 13.721 32.3924V35.9516C13.721 36.019 13.7547 36.0527 13.8221 36.0527H14.7119Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M37.2495 32.0487C37.2495 32.1161 37.2226 32.1767 37.1686 32.2307C37.1282 32.2711 37.0743 32.2913 37.0069 32.2913H32.8006C32.7332 32.2913 32.6995 32.325 32.6995 32.3924V35.5876C32.6995 35.655 32.7332 35.6887 32.8006 35.6887H35.2071C35.2745 35.6887 35.3284 35.7156 35.3689 35.7696C35.4228 35.81 35.4497 35.8639 35.4497 35.9313V37.8929C35.4497 37.9603 35.4228 38.021 35.3689 38.0749C35.3284 38.1153 35.2745 38.1356 35.2071 38.1356H32.8006C32.7332 38.1356 32.6995 38.1693 32.6995 38.2367V43.7573C32.6995 43.8247 32.6726 43.8854 32.6186 43.9393C32.5782 43.9798 32.5243 44 32.4568 44H30.0909C30.0234 44 29.9628 43.9798 29.9089 43.9393C29.8684 43.8854 29.8482 43.8247 29.8482 43.7573V30.0871C29.8482 30.0197 29.8684 29.9658 29.9089 29.9253C29.9628 29.8714 30.0234 29.8444 30.0909 29.8444H37.0069C37.0743 29.8444 37.1282 29.8714 37.1686 29.9253C37.2226 29.9658 37.2495 30.0197 37.2495 30.0871V32.0487Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M20.5327 44C20.4653 44 20.4046 43.9798 20.3507 43.9393C20.3102 43.8854 20.29 43.8247 20.29 43.7573V30.0871C20.29 30.0197 20.3102 29.9658 20.3507 29.9253C20.4046 29.8714 20.4653 29.8444 20.5327 29.8444H24.1929C25.4197 29.8444 26.4039 30.2017 27.1454 30.9162C27.8868 31.6307 28.2576 32.5812 28.2576 33.7676V40.0769C28.2576 41.2633 27.8868 42.2137 27.1454 42.9282C26.4039 43.6427 25.4197 44 24.1929 44H20.5327ZM23.1414 41.452C23.1414 41.5194 23.1751 41.5531 23.2425 41.5531L24.1525 41.5329C24.5165 41.5194 24.8131 41.3644 25.0422 41.0678C25.2714 40.7712 25.3928 40.3802 25.4062 39.8949V33.9496C25.4062 33.4373 25.2917 33.0328 25.0625 32.7362C24.8333 32.4396 24.5232 32.2913 24.1322 32.2913H23.2425C23.1751 32.2913 23.1414 32.325 23.1414 32.3924V41.452Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M15.1972 29.8242C15.9387 29.8242 16.5993 30.0062 17.179 30.3702C17.7587 30.7342 18.2036 31.2465 18.5136 31.9071C18.8372 32.5542 18.999 33.2957 18.999 34.1316C18.999 35.3853 18.6619 36.3897 17.9879 37.1447C17.3138 37.8996 16.4307 38.2771 15.3387 38.2771H13.8221C13.7547 38.2771 13.721 38.3108 13.721 38.3782V43.7573C13.721 43.8247 13.694 43.8854 13.6401 43.9393C13.5996 43.9798 13.5457 44 13.4783 44H11.1123C11.0449 44 10.9842 43.9798 10.9303 43.9393C10.8899 43.8854 10.8696 43.8247 10.8696 43.7573V30.0669C10.8696 29.9995 10.8899 29.9456 10.9303 29.9051C10.9842 29.8512 11.0449 29.8242 11.1123 29.8242H15.1972ZM14.7119 36.0527C15.1433 36.0527 15.487 35.8909 15.7432 35.5673C16.0128 35.2303 16.1476 34.7719 16.1476 34.1922C16.1476 33.599 16.0128 33.1339 15.7432 32.7969C15.487 32.4598 15.1433 32.2913 14.7119 32.2913H13.8221C13.7547 32.2913 13.721 32.325 13.721 32.3924V35.9516C13.721 36.019 13.7547 36.0527 13.8221 36.0527H14.7119Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   }

package/assets/color-txt/index.tsx

@@ -11,42 +11,42 @@ interface ColorTxtProps {
 }
 
 export const ColorTxt = forwardRef<SVGSVGElement, ColorTxtProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--${type})` }}/>
 <rect x="1" y="27" width="46" height="20" fill="#A8A8A8"/>
-<path d="M37.7931 29.8438C37.8605 29.8438 37.9144 29.8707 37.9549 29.9246C38.0088 29.9651 38.0358 30.019 38.0358 30.0864V32.048C38.0358 32.1154 38.0088 32.176 37.9549 32.23C37.9144 32.2704 37.8605 32.2906 37.7931 32.2906H35.2653C35.1979 32.2906 35.1642 32.3243 35.1642 32.3918V43.7566C35.1642 43.824 35.1372 43.8847 35.0833 43.9386C35.0429 43.9791 34.9889 43.9993 34.9215 43.9993H32.5555C32.4881 43.9993 32.4275 43.9791 32.3735 43.9386C32.3331 43.8847 32.3129 43.824 32.3129 43.7566V32.3918C32.3129 32.3243 32.2792 32.2906 32.2118 32.2906H29.7851C29.7177 32.2906 29.657 32.2704 29.6031 32.23C29.5626 32.176 29.5424 32.1154 29.5424 32.048V30.0864C29.5424 30.019 29.5626 29.9651 29.6031 29.9246C29.657 29.8707 29.7177 29.8438 29.7851 29.8438H37.7931Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M20.1672 43.9993C20.0728 43.9993 20.0122 43.9723 19.9852 43.9184C19.9583 43.8645 19.9583 43.7971 19.9852 43.7162L22.7354 36.9822C22.7489 36.9418 22.7489 36.9013 22.7354 36.8609L19.9852 30.1269C19.9717 30.0999 19.965 30.0595 19.965 30.0055C19.965 29.8977 20.0324 29.8438 20.1672 29.8438H22.5939C22.7287 29.8438 22.8163 29.9112 22.8568 30.046L24.2117 33.9286C24.2251 33.9691 24.2454 33.9893 24.2723 33.9893C24.2993 33.9893 24.3195 33.9691 24.333 33.9286L25.6879 30.046C25.7283 29.9112 25.816 29.8438 25.9508 29.8438H28.3572C28.4516 29.8438 28.5123 29.8707 28.5392 29.9246C28.5662 29.9786 28.5662 30.046 28.5392 30.1269L25.789 36.8609C25.7755 36.9013 25.7755 36.9418 25.789 36.9822L28.5392 43.7162C28.5527 43.7432 28.5594 43.7836 28.5594 43.8375C28.5594 43.9454 28.492 43.9993 28.3572 43.9993H25.9508C25.816 43.9993 25.7283 43.9319 25.6879 43.7971L24.333 39.9346C24.3195 39.8942 24.2993 39.874 24.2723 39.874C24.2454 39.874 24.2251 39.8942 24.2117 39.9346L22.8365 43.7971C22.7961 43.9319 22.7085 43.9993 22.5737 43.9993H20.1672Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M18.736 29.8438C18.8034 29.8438 18.8574 29.8707 18.8978 29.9246C18.9517 29.9651 18.9787 30.019 18.9787 30.0864V32.048C18.9787 32.1154 18.9517 32.176 18.8978 32.23C18.8574 32.2704 18.8034 32.2906 18.736 32.2906H16.2082C16.1408 32.2906 16.1071 32.3243 16.1071 32.3918V43.7566C16.1071 43.824 16.0802 43.8847 16.0262 43.9386C15.9858 43.9791 15.9319 43.9993 15.8645 43.9993H13.4985C13.4311 43.9993 13.3704 43.9791 13.3165 43.9386C13.276 43.8847 13.2558 43.824 13.2558 43.7566V32.3918C13.2558 32.3243 13.2221 32.2906 13.1547 32.2906H10.728C10.6606 32.2906 10.5999 32.2704 10.546 32.23C10.5056 32.176 10.4854 32.1154 10.4854 32.048V30.0864C10.4854 30.019 10.5056 29.9651 10.546 29.9246C10.5999 29.8707 10.6606 29.8438 10.728 29.8438H18.736Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M37.7931 29.8438C37.8605 29.8438 37.9144 29.8707 37.9549 29.9246C38.0088 29.9651 38.0358 30.019 38.0358 30.0864V32.048C38.0358 32.1154 38.0088 32.176 37.9549 32.23C37.9144 32.2704 37.8605 32.2906 37.7931 32.2906H35.2653C35.1979 32.2906 35.1642 32.3243 35.1642 32.3918V43.7566C35.1642 43.824 35.1372 43.8847 35.0833 43.9386C35.0429 43.9791 34.9889 43.9993 34.9215 43.9993H32.5555C32.4881 43.9993 32.4275 43.9791 32.3735 43.9386C32.3331 43.8847 32.3129 43.824 32.3129 43.7566V32.3918C32.3129 32.3243 32.2792 32.2906 32.2118 32.2906H29.7851C29.7177 32.2906 29.657 32.2704 29.6031 32.23C29.5626 32.176 29.5424 32.1154 29.5424 32.048V30.0864C29.5424 30.019 29.5626 29.9651 29.6031 29.9246C29.657 29.8707 29.7177 29.8438 29.7851 29.8438H37.7931Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M20.1672 43.9993C20.0728 43.9993 20.0122 43.9723 19.9852 43.9184C19.9583 43.8645 19.9583 43.7971 19.9852 43.7162L22.7354 36.9822C22.7489 36.9418 22.7489 36.9013 22.7354 36.8609L19.9852 30.1269C19.9717 30.0999 19.965 30.0595 19.965 30.0055C19.965 29.8977 20.0324 29.8438 20.1672 29.8438H22.5939C22.7287 29.8438 22.8163 29.9112 22.8568 30.046L24.2117 33.9286C24.2251 33.9691 24.2454 33.9893 24.2723 33.9893C24.2993 33.9893 24.3195 33.9691 24.333 33.9286L25.6879 30.046C25.7283 29.9112 25.816 29.8438 25.9508 29.8438H28.3572C28.4516 29.8438 28.5123 29.8707 28.5392 29.9246C28.5662 29.9786 28.5662 30.046 28.5392 30.1269L25.789 36.8609C25.7755 36.9013 25.7755 36.9418 25.789 36.9822L28.5392 43.7162C28.5527 43.7432 28.5594 43.7836 28.5594 43.8375C28.5594 43.9454 28.492 43.9993 28.3572 43.9993H25.9508C25.816 43.9993 25.7283 43.9319 25.6879 43.7971L24.333 39.9346C24.3195 39.8942 24.2993 39.874 24.2723 39.874C24.2454 39.874 24.2251 39.8942 24.2117 39.9346L22.8365 43.7971C22.7961 43.9319 22.7085 43.9993 22.5737 43.9993H20.1672Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M18.736 29.8438C18.8034 29.8438 18.8574 29.8707 18.8978 29.9246C18.9517 29.9651 18.9787 30.019 18.9787 30.0864V32.048C18.9787 32.1154 18.9517 32.176 18.8978 32.23C18.8574 32.2704 18.8034 32.2906 18.736 32.2906H16.2082C16.1408 32.2906 16.1071 32.3243 16.1071 32.3918V43.7566C16.1071 43.824 16.0802 43.8847 16.0262 43.9386C15.9858 43.9791 15.9319 43.9993 15.8645 43.9993H13.4985C13.4311 43.9993 13.3704 43.9791 13.3165 43.9386C13.276 43.8847 13.2558 43.824 13.2558 43.7566V32.3918C13.2558 32.3243 13.2221 32.2906 13.1547 32.2906H10.728C10.6606 32.2906 10.5999 32.2704 10.546 32.23C10.5056 32.176 10.4854 32.1154 10.4854 32.048V30.0864C10.4854 30.019 10.5056 29.9651 10.546 29.9246C10.5999 29.8707 10.6606 29.8438 10.728 29.8438H18.736Z" 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 fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--${type})` }}/>
 <rect x="1" y="27" width="46" height="20" fill="#A8A8A8"/>
-<path d="M37.7931 29.8438C37.8605 29.8438 37.9144 29.8707 37.9549 29.9246C38.0088 29.9651 38.0358 30.019 38.0358 30.0864V32.048C38.0358 32.1154 38.0088 32.176 37.9549 32.23C37.9144 32.2704 37.8605 32.2906 37.7931 32.2906H35.2653C35.1979 32.2906 35.1642 32.3243 35.1642 32.3918V43.7566C35.1642 43.824 35.1372 43.8847 35.0833 43.9386C35.0429 43.9791 34.9889 43.9993 34.9215 43.9993H32.5555C32.4881 43.9993 32.4275 43.9791 32.3735 43.9386C32.3331 43.8847 32.3129 43.824 32.3129 43.7566V32.3918C32.3129 32.3243 32.2792 32.2906 32.2118 32.2906H29.7851C29.7177 32.2906 29.657 32.2704 29.6031 32.23C29.5626 32.176 29.5424 32.1154 29.5424 32.048V30.0864C29.5424 30.019 29.5626 29.9651 29.6031 29.9246C29.657 29.8707 29.7177 29.8438 29.7851 29.8438H37.7931Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M20.1672 43.9993C20.0728 43.9993 20.0122 43.9723 19.9852 43.9184C19.9583 43.8645 19.9583 43.7971 19.9852 43.7162L22.7354 36.9822C22.7489 36.9418 22.7489 36.9013 22.7354 36.8609L19.9852 30.1269C19.9717 30.0999 19.965 30.0595 19.965 30.0055C19.965 29.8977 20.0324 29.8438 20.1672 29.8438H22.5939C22.7287 29.8438 22.8163 29.9112 22.8568 30.046L24.2117 33.9286C24.2251 33.9691 24.2454 33.9893 24.2723 33.9893C24.2993 33.9893 24.3195 33.9691 24.333 33.9286L25.6879 30.046C25.7283 29.9112 25.816 29.8438 25.9508 29.8438H28.3572C28.4516 29.8438 28.5123 29.8707 28.5392 29.9246C28.5662 29.9786 28.5662 30.046 28.5392 30.1269L25.789 36.8609C25.7755 36.9013 25.7755 36.9418 25.789 36.9822L28.5392 43.7162C28.5527 43.7432 28.5594 43.7836 28.5594 43.8375C28.5594 43.9454 28.492 43.9993 28.3572 43.9993H25.9508C25.816 43.9993 25.7283 43.9319 25.6879 43.7971L24.333 39.9346C24.3195 39.8942 24.2993 39.874 24.2723 39.874C24.2454 39.874 24.2251 39.8942 24.2117 39.9346L22.8365 43.7971C22.7961 43.9319 22.7085 43.9993 22.5737 43.9993H20.1672Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M18.736 29.8438C18.8034 29.8438 18.8574 29.8707 18.8978 29.9246C18.9517 29.9651 18.9787 30.019 18.9787 30.0864V32.048C18.9787 32.1154 18.9517 32.176 18.8978 32.23C18.8574 32.2704 18.8034 32.2906 18.736 32.2906H16.2082C16.1408 32.2906 16.1071 32.3243 16.1071 32.3918V43.7566C16.1071 43.824 16.0802 43.8847 16.0262 43.9386C15.9858 43.9791 15.9319 43.9993 15.8645 43.9993H13.4985C13.4311 43.9993 13.3704 43.9791 13.3165 43.9386C13.276 43.8847 13.2558 43.824 13.2558 43.7566V32.3918C13.2558 32.3243 13.2221 32.2906 13.1547 32.2906H10.728C10.6606 32.2906 10.5999 32.2704 10.546 32.23C10.5056 32.176 10.4854 32.1154 10.4854 32.048V30.0864C10.4854 30.019 10.5056 29.9651 10.546 29.9246C10.5999 29.8707 10.6606 29.8438 10.728 29.8438H18.736Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M37.7931 29.8438C37.8605 29.8438 37.9144 29.8707 37.9549 29.9246C38.0088 29.9651 38.0358 30.019 38.0358 30.0864V32.048C38.0358 32.1154 38.0088 32.176 37.9549 32.23C37.9144 32.2704 37.8605 32.2906 37.7931 32.2906H35.2653C35.1979 32.2906 35.1642 32.3243 35.1642 32.3918V43.7566C35.1642 43.824 35.1372 43.8847 35.0833 43.9386C35.0429 43.9791 34.9889 43.9993 34.9215 43.9993H32.5555C32.4881 43.9993 32.4275 43.9791 32.3735 43.9386C32.3331 43.8847 32.3129 43.824 32.3129 43.7566V32.3918C32.3129 32.3243 32.2792 32.2906 32.2118 32.2906H29.7851C29.7177 32.2906 29.657 32.2704 29.6031 32.23C29.5626 32.176 29.5424 32.1154 29.5424 32.048V30.0864C29.5424 30.019 29.5626 29.9651 29.6031 29.9246C29.657 29.8707 29.7177 29.8438 29.7851 29.8438H37.7931Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M20.1672 43.9993C20.0728 43.9993 20.0122 43.9723 19.9852 43.9184C19.9583 43.8645 19.9583 43.7971 19.9852 43.7162L22.7354 36.9822C22.7489 36.9418 22.7489 36.9013 22.7354 36.8609L19.9852 30.1269C19.9717 30.0999 19.965 30.0595 19.965 30.0055C19.965 29.8977 20.0324 29.8438 20.1672 29.8438H22.5939C22.7287 29.8438 22.8163 29.9112 22.8568 30.046L24.2117 33.9286C24.2251 33.9691 24.2454 33.9893 24.2723 33.9893C24.2993 33.9893 24.3195 33.9691 24.333 33.9286L25.6879 30.046C25.7283 29.9112 25.816 29.8438 25.9508 29.8438H28.3572C28.4516 29.8438 28.5123 29.8707 28.5392 29.9246C28.5662 29.9786 28.5662 30.046 28.5392 30.1269L25.789 36.8609C25.7755 36.9013 25.7755 36.9418 25.789 36.9822L28.5392 43.7162C28.5527 43.7432 28.5594 43.7836 28.5594 43.8375C28.5594 43.9454 28.492 43.9993 28.3572 43.9993H25.9508C25.816 43.9993 25.7283 43.9319 25.6879 43.7971L24.333 39.9346C24.3195 39.8942 24.2993 39.874 24.2723 39.874C24.2454 39.874 24.2251 39.8942 24.2117 39.9346L22.8365 43.7971C22.7961 43.9319 22.7085 43.9993 22.5737 43.9993H20.1672Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M18.736 29.8438C18.8034 29.8438 18.8574 29.8707 18.8978 29.9246C18.9517 29.9651 18.9787 30.019 18.9787 30.0864V32.048C18.9787 32.1154 18.9517 32.176 18.8978 32.23C18.8574 32.2704 18.8034 32.2906 18.736 32.2906H16.2082C16.1408 32.2906 16.1071 32.3243 16.1071 32.3918V43.7566C16.1071 43.824 16.0802 43.8847 16.0262 43.9386C15.9858 43.9791 15.9319 43.9993 15.8645 43.9993H13.4985C13.4311 43.9993 13.3704 43.9791 13.3165 43.9386C13.276 43.8847 13.2558 43.824 13.2558 43.7566V32.3918C13.2558 32.3243 13.2221 32.2906 13.1547 32.2906H10.728C10.6606 32.2906 10.5999 32.2704 10.546 32.23C10.5056 32.176 10.4854 32.1154 10.4854 32.048V30.0864C10.4854 30.019 10.5056 29.9651 10.546 29.9246C10.5999 29.8707 10.6606 29.8438 10.728 29.8438H18.736Z" 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 fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--${type})` }}/>
 <rect x="1" y="27" width="46" height="20" fill="#A8A8A8"/>
-<path d="M37.7931 29.8438C37.8605 29.8438 37.9144 29.8707 37.9549 29.9246C38.0088 29.9651 38.0358 30.019 38.0358 30.0864V32.048C38.0358 32.1154 38.0088 32.176 37.9549 32.23C37.9144 32.2704 37.8605 32.2906 37.7931 32.2906H35.2653C35.1979 32.2906 35.1642 32.3243 35.1642 32.3918V43.7566C35.1642 43.824 35.1372 43.8847 35.0833 43.9386C35.0429 43.9791 34.9889 43.9993 34.9215 43.9993H32.5555C32.4881 43.9993 32.4275 43.9791 32.3735 43.9386C32.3331 43.8847 32.3129 43.824 32.3129 43.7566V32.3918C32.3129 32.3243 32.2792 32.2906 32.2118 32.2906H29.7851C29.7177 32.2906 29.657 32.2704 29.6031 32.23C29.5626 32.176 29.5424 32.1154 29.5424 32.048V30.0864C29.5424 30.019 29.5626 29.9651 29.6031 29.9246C29.657 29.8707 29.7177 29.8438 29.7851 29.8438H37.7931Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M20.1672 43.9993C20.0728 43.9993 20.0122 43.9723 19.9852 43.9184C19.9583 43.8645 19.9583 43.7971 19.9852 43.7162L22.7354 36.9822C22.7489 36.9418 22.7489 36.9013 22.7354 36.8609L19.9852 30.1269C19.9717 30.0999 19.965 30.0595 19.965 30.0055C19.965 29.8977 20.0324 29.8438 20.1672 29.8438H22.5939C22.7287 29.8438 22.8163 29.9112 22.8568 30.046L24.2117 33.9286C24.2251 33.9691 24.2454 33.9893 24.2723 33.9893C24.2993 33.9893 24.3195 33.9691 24.333 33.9286L25.6879 30.046C25.7283 29.9112 25.816 29.8438 25.9508 29.8438H28.3572C28.4516 29.8438 28.5123 29.8707 28.5392 29.9246C28.5662 29.9786 28.5662 30.046 28.5392 30.1269L25.789 36.8609C25.7755 36.9013 25.7755 36.9418 25.789 36.9822L28.5392 43.7162C28.5527 43.7432 28.5594 43.7836 28.5594 43.8375C28.5594 43.9454 28.492 43.9993 28.3572 43.9993H25.9508C25.816 43.9993 25.7283 43.9319 25.6879 43.7971L24.333 39.9346C24.3195 39.8942 24.2993 39.874 24.2723 39.874C24.2454 39.874 24.2251 39.8942 24.2117 39.9346L22.8365 43.7971C22.7961 43.9319 22.7085 43.9993 22.5737 43.9993H20.1672Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M18.736 29.8438C18.8034 29.8438 18.8574 29.8707 18.8978 29.9246C18.9517 29.9651 18.9787 30.019 18.9787 30.0864V32.048C18.9787 32.1154 18.9517 32.176 18.8978 32.23C18.8574 32.2704 18.8034 32.2906 18.736 32.2906H16.2082C16.1408 32.2906 16.1071 32.3243 16.1071 32.3918V43.7566C16.1071 43.824 16.0802 43.8847 16.0262 43.9386C15.9858 43.9791 15.9319 43.9993 15.8645 43.9993H13.4985C13.4311 43.9993 13.3704 43.9791 13.3165 43.9386C13.276 43.8847 13.2558 43.824 13.2558 43.7566V32.3918C13.2558 32.3243 13.2221 32.2906 13.1547 32.2906H10.728C10.6606 32.2906 10.5999 32.2704 10.546 32.23C10.5056 32.176 10.4854 32.1154 10.4854 32.048V30.0864C10.4854 30.019 10.5056 29.9651 10.546 29.9246C10.5999 29.8707 10.6606 29.8438 10.728 29.8438H18.736Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M37.7931 29.8438C37.8605 29.8438 37.9144 29.8707 37.9549 29.9246C38.0088 29.9651 38.0358 30.019 38.0358 30.0864V32.048C38.0358 32.1154 38.0088 32.176 37.9549 32.23C37.9144 32.2704 37.8605 32.2906 37.7931 32.2906H35.2653C35.1979 32.2906 35.1642 32.3243 35.1642 32.3918V43.7566C35.1642 43.824 35.1372 43.8847 35.0833 43.9386C35.0429 43.9791 34.9889 43.9993 34.9215 43.9993H32.5555C32.4881 43.9993 32.4275 43.9791 32.3735 43.9386C32.3331 43.8847 32.3129 43.824 32.3129 43.7566V32.3918C32.3129 32.3243 32.2792 32.2906 32.2118 32.2906H29.7851C29.7177 32.2906 29.657 32.2704 29.6031 32.23C29.5626 32.176 29.5424 32.1154 29.5424 32.048V30.0864C29.5424 30.019 29.5626 29.9651 29.6031 29.9246C29.657 29.8707 29.7177 29.8438 29.7851 29.8438H37.7931Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M20.1672 43.9993C20.0728 43.9993 20.0122 43.9723 19.9852 43.9184C19.9583 43.8645 19.9583 43.7971 19.9852 43.7162L22.7354 36.9822C22.7489 36.9418 22.7489 36.9013 22.7354 36.8609L19.9852 30.1269C19.9717 30.0999 19.965 30.0595 19.965 30.0055C19.965 29.8977 20.0324 29.8438 20.1672 29.8438H22.5939C22.7287 29.8438 22.8163 29.9112 22.8568 30.046L24.2117 33.9286C24.2251 33.9691 24.2454 33.9893 24.2723 33.9893C24.2993 33.9893 24.3195 33.9691 24.333 33.9286L25.6879 30.046C25.7283 29.9112 25.816 29.8438 25.9508 29.8438H28.3572C28.4516 29.8438 28.5123 29.8707 28.5392 29.9246C28.5662 29.9786 28.5662 30.046 28.5392 30.1269L25.789 36.8609C25.7755 36.9013 25.7755 36.9418 25.789 36.9822L28.5392 43.7162C28.5527 43.7432 28.5594 43.7836 28.5594 43.8375C28.5594 43.9454 28.492 43.9993 28.3572 43.9993H25.9508C25.816 43.9993 25.7283 43.9319 25.6879 43.7971L24.333 39.9346C24.3195 39.8942 24.2993 39.874 24.2723 39.874C24.2454 39.874 24.2251 39.8942 24.2117 39.9346L22.8365 43.7971C22.7961 43.9319 22.7085 43.9993 22.5737 43.9993H20.1672Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M18.736 29.8438C18.8034 29.8438 18.8574 29.8707 18.8978 29.9246C18.9517 29.9651 18.9787 30.019 18.9787 30.0864V32.048C18.9787 32.1154 18.9517 32.176 18.8978 32.23C18.8574 32.2704 18.8034 32.2906 18.736 32.2906H16.2082C16.1408 32.2906 16.1071 32.3243 16.1071 32.3918V43.7566C16.1071 43.824 16.0802 43.8847 16.0262 43.9386C15.9858 43.9791 15.9319 43.9993 15.8645 43.9993H13.4985C13.4311 43.9993 13.3704 43.9791 13.3165 43.9386C13.276 43.8847 13.2558 43.824 13.2558 43.7566V32.3918C13.2558 32.3243 13.2221 32.2906 13.1547 32.2906H10.728C10.6606 32.2906 10.5999 32.2704 10.546 32.23C10.5056 32.176 10.4854 32.1154 10.4854 32.048V30.0864C10.4854 30.019 10.5056 29.9651 10.546 29.9246C10.5999 29.8707 10.6606 29.8438 10.728 29.8438H18.736Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.1318 4C23.6862 4.00012 24.2156 4.23041 24.5938 4.63574L38.4619 19.501C38.8074 19.8713 39 20.3588 39 20.8652V27H36V21.5771H26.001C24.0681 21.5771 22.5011 20.01 22.501 18.0771V7H12V27H9V6C9 4.89543 9.89543 4 11 4H23.1318ZM25.501 18.0771C25.5011 18.3532 25.7249 18.5771 26.001 18.5771H33.498L25.501 10.0059V18.0771Z" style={{ fill: `var(--${type})` }}/>
 <rect x="1" y="27" width="46" height="20" fill="#A8A8A8"/>
-<path d="M37.7931 29.8438C37.8605 29.8438 37.9144 29.8707 37.9549 29.9246C38.0088 29.9651 38.0358 30.019 38.0358 30.0864V32.048C38.0358 32.1154 38.0088 32.176 37.9549 32.23C37.9144 32.2704 37.8605 32.2906 37.7931 32.2906H35.2653C35.1979 32.2906 35.1642 32.3243 35.1642 32.3918V43.7566C35.1642 43.824 35.1372 43.8847 35.0833 43.9386C35.0429 43.9791 34.9889 43.9993 34.9215 43.9993H32.5555C32.4881 43.9993 32.4275 43.9791 32.3735 43.9386C32.3331 43.8847 32.3129 43.824 32.3129 43.7566V32.3918C32.3129 32.3243 32.2792 32.2906 32.2118 32.2906H29.7851C29.7177 32.2906 29.657 32.2704 29.6031 32.23C29.5626 32.176 29.5424 32.1154 29.5424 32.048V30.0864C29.5424 30.019 29.5626 29.9651 29.6031 29.9246C29.657 29.8707 29.7177 29.8438 29.7851 29.8438H37.7931Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M20.1672 43.9993C20.0728 43.9993 20.0122 43.9723 19.9852 43.9184C19.9583 43.8645 19.9583 43.7971 19.9852 43.7162L22.7354 36.9822C22.7489 36.9418 22.7489 36.9013 22.7354 36.8609L19.9852 30.1269C19.9717 30.0999 19.965 30.0595 19.965 30.0055C19.965 29.8977 20.0324 29.8438 20.1672 29.8438H22.5939C22.7287 29.8438 22.8163 29.9112 22.8568 30.046L24.2117 33.9286C24.2251 33.9691 24.2454 33.9893 24.2723 33.9893C24.2993 33.9893 24.3195 33.9691 24.333 33.9286L25.6879 30.046C25.7283 29.9112 25.816 29.8438 25.9508 29.8438H28.3572C28.4516 29.8438 28.5123 29.8707 28.5392 29.9246C28.5662 29.9786 28.5662 30.046 28.5392 30.1269L25.789 36.8609C25.7755 36.9013 25.7755 36.9418 25.789 36.9822L28.5392 43.7162C28.5527 43.7432 28.5594 43.7836 28.5594 43.8375C28.5594 43.9454 28.492 43.9993 28.3572 43.9993H25.9508C25.816 43.9993 25.7283 43.9319 25.6879 43.7971L24.333 39.9346C24.3195 39.8942 24.2993 39.874 24.2723 39.874C24.2454 39.874 24.2251 39.8942 24.2117 39.9346L22.8365 43.7971C22.7961 43.9319 22.7085 43.9993 22.5737 43.9993H20.1672Z" style={{ fill: `var(--fillType)` }}/>
-<path d="M18.736 29.8438C18.8034 29.8438 18.8574 29.8707 18.8978 29.9246C18.9517 29.9651 18.9787 30.019 18.9787 30.0864V32.048C18.9787 32.1154 18.9517 32.176 18.8978 32.23C18.8574 32.2704 18.8034 32.2906 18.736 32.2906H16.2082C16.1408 32.2906 16.1071 32.3243 16.1071 32.3918V43.7566C16.1071 43.824 16.0802 43.8847 16.0262 43.9386C15.9858 43.9791 15.9319 43.9993 15.8645 43.9993H13.4985C13.4311 43.9993 13.3704 43.9791 13.3165 43.9386C13.276 43.8847 13.2558 43.824 13.2558 43.7566V32.3918C13.2558 32.3243 13.2221 32.2906 13.1547 32.2906H10.728C10.6606 32.2906 10.5999 32.2704 10.546 32.23C10.5056 32.176 10.4854 32.1154 10.4854 32.048V30.0864C10.4854 30.019 10.5056 29.9651 10.546 29.9246C10.5999 29.8707 10.6606 29.8438 10.728 29.8438H18.736Z" style={{ fill: `var(--fillType)` }}/>
+<path d="M37.7931 29.8438C37.8605 29.8438 37.9144 29.8707 37.9549 29.9246C38.0088 29.9651 38.0358 30.019 38.0358 30.0864V32.048C38.0358 32.1154 38.0088 32.176 37.9549 32.23C37.9144 32.2704 37.8605 32.2906 37.7931 32.2906H35.2653C35.1979 32.2906 35.1642 32.3243 35.1642 32.3918V43.7566C35.1642 43.824 35.1372 43.8847 35.0833 43.9386C35.0429 43.9791 34.9889 43.9993 34.9215 43.9993H32.5555C32.4881 43.9993 32.4275 43.9791 32.3735 43.9386C32.3331 43.8847 32.3129 43.824 32.3129 43.7566V32.3918C32.3129 32.3243 32.2792 32.2906 32.2118 32.2906H29.7851C29.7177 32.2906 29.657 32.2704 29.6031 32.23C29.5626 32.176 29.5424 32.1154 29.5424 32.048V30.0864C29.5424 30.019 29.5626 29.9651 29.6031 29.9246C29.657 29.8707 29.7177 29.8438 29.7851 29.8438H37.7931Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M20.1672 43.9993C20.0728 43.9993 20.0122 43.9723 19.9852 43.9184C19.9583 43.8645 19.9583 43.7971 19.9852 43.7162L22.7354 36.9822C22.7489 36.9418 22.7489 36.9013 22.7354 36.8609L19.9852 30.1269C19.9717 30.0999 19.965 30.0595 19.965 30.0055C19.965 29.8977 20.0324 29.8438 20.1672 29.8438H22.5939C22.7287 29.8438 22.8163 29.9112 22.8568 30.046L24.2117 33.9286C24.2251 33.9691 24.2454 33.9893 24.2723 33.9893C24.2993 33.9893 24.3195 33.9691 24.333 33.9286L25.6879 30.046C25.7283 29.9112 25.816 29.8438 25.9508 29.8438H28.3572C28.4516 29.8438 28.5123 29.8707 28.5392 29.9246C28.5662 29.9786 28.5662 30.046 28.5392 30.1269L25.789 36.8609C25.7755 36.9013 25.7755 36.9418 25.789 36.9822L28.5392 43.7162C28.5527 43.7432 28.5594 43.7836 28.5594 43.8375C28.5594 43.9454 28.492 43.9993 28.3572 43.9993H25.9508C25.816 43.9993 25.7283 43.9319 25.6879 43.7971L24.333 39.9346C24.3195 39.8942 24.2993 39.874 24.2723 39.874C24.2454 39.874 24.2251 39.8942 24.2117 39.9346L22.8365 43.7971C22.7961 43.9319 22.7085 43.9993 22.5737 43.9993H20.1672Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M18.736 29.8438C18.8034 29.8438 18.8574 29.8707 18.8978 29.9246C18.9517 29.9651 18.9787 30.019 18.9787 30.0864V32.048C18.9787 32.1154 18.9517 32.176 18.8978 32.23C18.8574 32.2704 18.8034 32.2906 18.736 32.2906H16.2082C16.1408 32.2906 16.1071 32.3243 16.1071 32.3918V43.7566C16.1071 43.824 16.0802 43.8847 16.0262 43.9386C15.9858 43.9791 15.9319 43.9993 15.8645 43.9993H13.4985C13.4311 43.9993 13.3704 43.9791 13.3165 43.9386C13.276 43.8847 13.2558 43.824 13.2558 43.7566V32.3918C13.2558 32.3243 13.2221 32.2906 13.1547 32.2906H10.728C10.6606 32.2906 10.5999 32.2704 10.546 32.23C10.5056 32.176 10.4854 32.1154 10.4854 32.048V30.0864C10.4854 30.019 10.5056 29.9651 10.546 29.9246C10.5999 29.8707 10.6606 29.8438 10.728 29.8438H18.736Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   }

package/assets/copy/index.tsx

@@ -11,27 +11,27 @@ interface CopyProps {
 }
 
 export const Copy = forwardRef<SVGSVGElement, CopyProps>(
-  ({ 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 36V41C36 42.1046 35.1046 43 34 43H7C5.89543 43 5 42.1046 5 41V14C5 12.8954 5.89543 12 7 12H12V7C12 5.89543 12.8954 5 14 5H41C42.1046 5 43 5.89543 43 7V34C43 35.1046 42.1046 36 41 36H36ZM15 8V12H34C35.1046 12 36 12.8954 36 14V33H40V8H15ZM8 40V15H33V40H8Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M36 36V41C36 42.1046 35.1046 43 34 43H7C5.89543 43 5 42.1046 5 41V14C5 12.8954 5.89543 12 7 12H12V7C12 5.89543 12.8954 5 14 5H41C42.1046 5 43 5.89543 43 7V34C43 35.1046 42.1046 36 41 36H36ZM15 8V12H34C35.1046 12 36 12.8954 36 14V33H40V8H15ZM8 40V15H33V40H8Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M7 12C5.89543 12 5 12.8954 5 14V41C5 42.1046 5.89543 43 7 43H34C35.1046 43 36 42.1046 36 41V14C36 12.8954 35.1046 12 34 12H7Z" style={{ fill: `var(--type)` }}/>
-<path d="M11 9L39 9V37H40C41.1046 37 42 36.1046 42 35V8C42 6.89543 41.1046 6 40 6H13C11.8954 6 11 6.89543 11 8V9Z" style={{ fill: `var(--type)` }}/>
+<path d="M7 12C5.89543 12 5 12.8954 5 14V41C5 42.1046 5.89543 43 7 43H34C35.1046 43 36 42.1046 36 41V14C36 12.8954 35.1046 12 34 12H7Z" style={{ fill: `var(--${type})` }}/>
+<path d="M11 9L39 9V37H40C41.1046 37 42 36.1046 42 35V8C42 6.89543 41.1046 6 40 6H13C11.8954 6 11 6.89543 11 8V9Z" 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="M36 36V41C36 42.1046 35.1046 43 34 43H7C5.89543 43 5 42.1046 5 41V14C5 12.8954 5.89543 12 7 12H12V7C12 5.89543 12.8954 5 14 5H41C42.1046 5 43 5.89543 43 7V34C43 35.1046 42.1046 36 41 36H36ZM16 9V12H34C35.1046 12 36 12.8954 36 14V32H39V9H16ZM9 39V16H32V39H9Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M36 36V41C36 42.1046 35.1046 43 34 43H7C5.89543 43 5 42.1046 5 41V14C5 12.8954 5.89543 12 7 12H12V7C12 5.89543 12.8954 5 14 5H41C42.1046 5 43 5.89543 43 7V34C43 35.1046 42.1046 36 41 36H36ZM16 9V12H34C35.1046 12 36 12.8954 36 14V32H39V9H16ZM9 39V16H32V39H9Z" 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 36V41C36 42.1046 35.1046 43 34 43H7C5.89543 43 5 42.1046 5 41V14C5 12.8954 5.89543 12 7 12H12V7C12 5.89543 12.8954 5 14 5H41C42.1046 5 43 5.89543 43 7V34C43 35.1046 42.1046 36 41 36H36ZM15 8V12H34C35.1046 12 36 12.8954 36 14V33H40V8H15ZM8 40V15H33V40H8Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M36 36V41C36 42.1046 35.1046 43 34 43H7C5.89543 43 5 42.1046 5 41V14C5 12.8954 5.89543 12 7 12H12V7C12 5.89543 12.8954 5 14 5H41C42.1046 5 43 5.89543 43 7V34C43 35.1046 42.1046 36 41 36H36ZM15 8V12H34C35.1046 12 36 12.8954 36 14V33H40V8H15ZM8 40V15H33V40H8Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/credit/index.tsx

@@ -11,34 +11,34 @@ interface CreditProps {
 }
 
 export const Credit = forwardRef<SVGSVGElement, CreditProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" style={{ fill: `var(--type)` }}/>
-<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" style={{ fill: `var(--type)` }}/>
-<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" style={{ fill: `var(--type)` }}/>
+<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" style={{ fill: `var(--${type})` }}/>
+<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" style={{ fill: `var(--type)` }}/>
-<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" style={{ fill: `var(--type)` }}/>
-<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" style={{ fill: `var(--type)` }}/>
+<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" style={{ fill: `var(--${type})` }}/>
+<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M35.7487 12.75V18.4996H39.7486V12.75H45.4996V8.75H39.7486V3H35.7487V8.75H30V12.75H35.7487Z" style={{ fill: `var(--type)` }}/>
-<path d="M43.4142 19.1772C43.7971 20.7233 44 22.3391 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.666 4.40064 19.4213 5.13855 17.3335C7.88318 9.56825 15.2888 4 24 4C25.6631 4 27.2786 4.20295 28.8231 4.58538C28.0637 5.69726 27.5125 6.9626 27.2255 8.32529C26.1835 8.112 25.1048 8 24 8C17.0366 8 11.1073 12.4494 8.90991 18.6665C8.32121 20.3321 8 22.1264 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 22.8938 39.888 21.8152 39.6751 20.7744C41.0375 20.4874 42.3025 19.9364 43.4142 19.1772Z" style={{ fill: `var(--type)` }}/>
-<path d="M28.1062 15.5895C27.4742 15.2738 26.8127 15.0364 26.1234 14.8771V12.1113H22.3461V14.8817C21.2125 15.1613 20.2355 15.692 19.4446 16.4898C18.4766 17.4584 17.9821 18.6506 17.9821 20.0189C17.9821 20.7418 18.094 21.4179 18.3364 22.0333L18.3393 22.0407L18.3424 22.048C18.5871 22.6372 18.9264 23.1475 19.3728 23.5543L19.3798 23.5606C19.7813 23.9184 20.2308 24.2287 20.7249 24.4928L20.7302 24.4956C21.2187 24.7523 21.7275 24.9673 22.2559 25.1407L22.2635 25.1431L22.2711 25.1455C22.7687 25.2986 23.2628 25.4442 23.7533 25.5821L23.7609 25.5842L23.7685 25.5862C24.2406 25.7097 24.6843 25.8433 25.1002 25.9867L25.1085 25.9896L25.1168 25.9923C25.5198 26.122 25.8597 26.2675 26.1422 26.4244L26.152 26.4299L26.1619 26.435C26.3905 26.5543 26.5468 26.6998 26.6559 26.8677L26.66 26.8739L26.6641 26.8801C26.7632 27.0269 26.8235 27.2076 26.8235 27.4547C26.8235 27.9509 26.6399 28.3362 26.2139 28.6708C25.771 29.0113 25.1613 29.216 24.3141 29.216C22.8474 29.216 21.4472 28.6323 20.0947 27.3626L19.4383 26.7463L16.9321 29.6935L17.4778 30.2525C18.1706 30.9622 19.005 31.5595 19.9696 32.05L19.9774 32.0539C20.7348 32.4295 21.5249 32.7046 22.3461 32.8791V35.6457H26.1234V32.8831C27.3833 32.6096 28.4574 32.0459 29.306 31.1673C30.3163 30.1215 30.8388 28.8635 30.8388 27.4321C30.8388 26.7131 30.7219 26.0416 30.4662 25.4347C30.2212 24.8457 29.8783 24.3365 29.426 23.9311C29.028 23.5609 28.5745 23.2445 28.0706 22.9794C27.9379 22.9086 27.8033 22.841 27.6667 22.7766C27.3045 22.6059 26.9283 22.4577 26.5386 22.3318C26.0373 22.1698 25.5322 22.0194 25.0233 21.8805C24.5486 21.7416 24.0969 21.5995 23.6682 21.4543C23.2756 21.3117 22.9332 21.1562 22.6377 20.99C22.4063 20.8496 22.2348 20.6833 22.1082 20.4924C22.0034 20.3278 21.9407 20.1267 21.9407 19.8602C21.9407 19.5106 22.0702 19.233 22.4208 18.9737C22.7908 18.7 23.3053 18.5297 24.0307 18.5297C24.6858 18.5297 25.3283 18.6657 25.9646 18.9449L25.9743 18.949C26.3752 19.1191 26.7289 19.3249 27.0393 19.5654C27.2284 19.7119 27.4015 19.8712 27.5592 20.0431L28.2527 20.7987L30.6037 17.7043L30.1862 17.1824C29.6666 16.5329 28.9597 16.0083 28.1062 15.5895Z" style={{ fill: `var(--type)` }}/>
+<path d="M35.7487 12.75V18.4996H39.7486V12.75H45.4996V8.75H39.7486V3H35.7487V8.75H30V12.75H35.7487Z" style={{ fill: `var(--${type})` }}/>
+<path d="M43.4142 19.1772C43.7971 20.7233 44 22.3391 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.666 4.40064 19.4213 5.13855 17.3335C7.88318 9.56825 15.2888 4 24 4C25.6631 4 27.2786 4.20295 28.8231 4.58538C28.0637 5.69726 27.5125 6.9626 27.2255 8.32529C26.1835 8.112 25.1048 8 24 8C17.0366 8 11.1073 12.4494 8.90991 18.6665C8.32121 20.3321 8 22.1264 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 22.8938 39.888 21.8152 39.6751 20.7744C41.0375 20.4874 42.3025 19.9364 43.4142 19.1772Z" style={{ fill: `var(--${type})` }}/>
+<path d="M28.1062 15.5895C27.4742 15.2738 26.8127 15.0364 26.1234 14.8771V12.1113H22.3461V14.8817C21.2125 15.1613 20.2355 15.692 19.4446 16.4898C18.4766 17.4584 17.9821 18.6506 17.9821 20.0189C17.9821 20.7418 18.094 21.4179 18.3364 22.0333L18.3393 22.0407L18.3424 22.048C18.5871 22.6372 18.9264 23.1475 19.3728 23.5543L19.3798 23.5606C19.7813 23.9184 20.2308 24.2287 20.7249 24.4928L20.7302 24.4956C21.2187 24.7523 21.7275 24.9673 22.2559 25.1407L22.2635 25.1431L22.2711 25.1455C22.7687 25.2986 23.2628 25.4442 23.7533 25.5821L23.7609 25.5842L23.7685 25.5862C24.2406 25.7097 24.6843 25.8433 25.1002 25.9867L25.1085 25.9896L25.1168 25.9923C25.5198 26.122 25.8597 26.2675 26.1422 26.4244L26.152 26.4299L26.1619 26.435C26.3905 26.5543 26.5468 26.6998 26.6559 26.8677L26.66 26.8739L26.6641 26.8801C26.7632 27.0269 26.8235 27.2076 26.8235 27.4547C26.8235 27.9509 26.6399 28.3362 26.2139 28.6708C25.771 29.0113 25.1613 29.216 24.3141 29.216C22.8474 29.216 21.4472 28.6323 20.0947 27.3626L19.4383 26.7463L16.9321 29.6935L17.4778 30.2525C18.1706 30.9622 19.005 31.5595 19.9696 32.05L19.9774 32.0539C20.7348 32.4295 21.5249 32.7046 22.3461 32.8791V35.6457H26.1234V32.8831C27.3833 32.6096 28.4574 32.0459 29.306 31.1673C30.3163 30.1215 30.8388 28.8635 30.8388 27.4321C30.8388 26.7131 30.7219 26.0416 30.4662 25.4347C30.2212 24.8457 29.8783 24.3365 29.426 23.9311C29.028 23.5609 28.5745 23.2445 28.0706 22.9794C27.9379 22.9086 27.8033 22.841 27.6667 22.7766C27.3045 22.6059 26.9283 22.4577 26.5386 22.3318C26.0373 22.1698 25.5322 22.0194 25.0233 21.8805C24.5486 21.7416 24.0969 21.5995 23.6682 21.4543C23.2756 21.3117 22.9332 21.1562 22.6377 20.99C22.4063 20.8496 22.2348 20.6833 22.1082 20.4924C22.0034 20.3278 21.9407 20.1267 21.9407 19.8602C21.9407 19.5106 22.0702 19.233 22.4208 18.9737C22.7908 18.7 23.3053 18.5297 24.0307 18.5297C24.6858 18.5297 25.3283 18.6657 25.9646 18.9449L25.9743 18.949C26.3752 19.1191 26.7289 19.3249 27.0393 19.5654C27.2284 19.7119 27.4015 19.8712 27.5592 20.0431L28.2527 20.7987L30.6037 17.7043L30.1862 17.1824C29.6666 16.5329 28.9597 16.0083 28.1062 15.5895Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" style={{ fill: `var(--type)` }}/>
-<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" style={{ fill: `var(--type)` }}/>
-<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" style={{ fill: `var(--type)` }}/>
+<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" style={{ fill: `var(--${type})` }}/>
+<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/creditcard/index.tsx

@@ -11,30 +11,30 @@ interface CreditcardProps {
 }
 
 export const Creditcard = forwardRef<SVGSVGElement, CreditcardProps>(
-  ({ 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 9C4.89543 9 4 9.89543 4 11V17H44V11C44 9.89543 43.1046 9 42 9H6Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M42 39C43.1046 39 44 38.1046 44 37V21H4V37C4 38.1046 4.89543 39 6 39H42ZM18 32V27H11V32H18Z" style={{ fill: `var(--type)` }}/>
+<path d="M6 9C4.89543 9 4 9.89543 4 11V17H44V11C44 9.89543 43.1046 9 42 9H6Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M42 39C43.1046 39 44 38.1046 44 37V21H4V37C4 38.1046 4.89543 39 6 39H42ZM18 32V27H11V32H18Z" 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 9C4.89543 9 4 9.89543 4 11V17.5H44V11C44 9.89543 43.1046 9 42 9H6Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M42 39C43.1046 39 44 38.1046 44 37V20.5H4V37C4 38.1046 4.89543 39 6 39H42ZM18 32V27H11V32H18Z" style={{ fill: `var(--type)` }}/>
+<path d="M6 9C4.89543 9 4 9.89543 4 11V17.5H44V11C44 9.89543 43.1046 9 42 9H6Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M42 39C43.1046 39 44 38.1046 44 37V20.5H4V37C4 38.1046 4.89543 39 6 39H42ZM18 32V27H11V32H18Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M18 27H11V32H18V27Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M4 9V39H44V9H4ZM40 13H8V16.5H40V13ZM8 35V20.5H40V35H8Z" style={{ fill: `var(--type)` }}/>
+<path d="M18 27H11V32H18V27Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4 9V39H44V9H4ZM40 13H8V16.5H40V13ZM8 35V20.5H40V35H8Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M18 27H11V32H18V27Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M4 9V39H44V9H4ZM41 12H7V17H41V12ZM7 36V20H41V36H7Z" style={{ fill: `var(--type)` }}/>
+<path d="M18 27H11V32H18V27Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M4 9V39H44V9H4ZM41 12H7V17H41V12ZM7 36V20H41V36H7Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/dark-mode/index.tsx

@@ -11,26 +11,26 @@ interface DarkModeProps {
 }
 
 export const DarkMode = forwardRef<SVGSVGElement, DarkModeProps>(
-  ({ 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="M15.8 9.10369C15.2793 10.8134 14.9998 12.626 14.9998 14.4997C14.9998 24.717 23.2826 32.9997 33.4998 32.9997C35.3737 32.9997 37.1864 32.7202 38.8962 32.1995C36.0003 37.4489 30.4119 40.9997 24 40.9997C14.6112 40.9997 7 33.3886 7 23.9997C7 17.588 10.5507 11.9997 15.8 9.10369ZM19.227 8.44504C19.9422 6.76107 18.6845 4.62655 16.9716 5.26959C9.39319 8.11468 4 15.4274 4 23.9997C4 35.0454 12.9543 43.9997 24 43.9997C32.5725 43.9997 39.8853 38.6064 42.7303 31.0278C43.3733 29.3149 41.2388 28.0572 39.5548 28.7725C37.6946 29.5626 35.6483 29.9997 33.4998 29.9997C24.9394 29.9997 17.9998 23.0602 17.9998 14.4997C17.9998 12.3514 18.4369 10.3051 19.227 8.44504Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.8 9.10369C15.2793 10.8134 14.9998 12.626 14.9998 14.4997C14.9998 24.717 23.2826 32.9997 33.4998 32.9997C35.3737 32.9997 37.1864 32.7202 38.8962 32.1995C36.0003 37.4489 30.4119 40.9997 24 40.9997C14.6112 40.9997 7 33.3886 7 23.9997C7 17.588 10.5507 11.9997 15.8 9.10369ZM19.227 8.44504C19.9422 6.76107 18.6845 4.62655 16.9716 5.26959C9.39319 8.11468 4 15.4274 4 23.9997C4 35.0454 12.9543 43.9997 24 43.9997C32.5725 43.9997 39.8853 38.6064 42.7303 31.0278C43.3733 29.3149 41.2388 28.0572 39.5548 28.7725C37.6946 29.5626 35.6483 29.9997 33.4998 29.9997C24.9394 29.9997 17.9998 23.0602 17.9998 14.4997C17.9998 12.3514 18.4369 10.3051 19.227 8.44504Z" 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="M15.8 9.10369C15.2793 10.8134 14.9998 12.626 14.9998 14.4997C14.9998 24.717 23.2826 32.9997 33.4998 32.9997C35.3737 32.9997 37.1864 32.7202 38.8962 32.1995C36.0003 37.4489 30.4119 40.9997 24 40.9997C14.6112 40.9997 7 33.3886 7 23.9997C7 17.588 10.5507 11.9997 15.8 9.10369ZM19.227 8.44504C19.9422 6.76107 18.6845 4.62655 16.9716 5.26959C9.39319 8.11468 4 15.4274 4 23.9997C4 35.0454 12.9543 43.9997 24 43.9997C32.5725 43.9997 39.8853 38.6064 42.7303 31.0278C43.3733 29.3149 41.2388 28.0572 39.5548 28.7725C37.6946 29.5626 35.6483 29.9997 33.4998 29.9997C24.9394 29.9997 17.9998 23.0602 17.9998 14.4997C17.9998 12.3514 18.4369 10.3051 19.227 8.44504Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.8 9.10369C15.2793 10.8134 14.9998 12.626 14.9998 14.4997C14.9998 24.717 23.2826 32.9997 33.4998 32.9997C35.3737 32.9997 37.1864 32.7202 38.8962 32.1995C36.0003 37.4489 30.4119 40.9997 24 40.9997C14.6112 40.9997 7 33.3886 7 23.9997C7 17.588 10.5507 11.9997 15.8 9.10369ZM19.227 8.44504C19.9422 6.76107 18.6845 4.62655 16.9716 5.26959C9.39319 8.11468 4 15.4274 4 23.9997C4 35.0454 12.9543 43.9997 24 43.9997C32.5725 43.9997 39.8853 38.6064 42.7303 31.0278C43.3733 29.3149 41.2388 28.0572 39.5548 28.7725C37.6946 29.5626 35.6483 29.9997 33.4998 29.9997C24.9394 29.9997 17.9998 23.0602 17.9998 14.4997C17.9998 12.3514 18.4369 10.3051 19.227 8.44504Z" 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="M15.2612 11.1506C15.0892 12.192 14.9998 13.2601 14.9998 14.3474C14.9998 25.1169 23.7303 33.8474 34.4998 33.8474C35.5872 33.8474 36.6555 33.758 37.697 33.5859C34.7701 37.3957 30.1685 39.8474 25 39.8474C16.1634 39.8474 9 32.684 9 23.8474C9 18.679 11.4516 14.0775 15.2612 11.1506ZM20.227 8.2927C20.9422 6.60872 19.6845 4.47421 17.9716 5.11725C10.3932 7.96234 5 15.275 5 23.8474C5 34.8931 13.9543 43.8474 25 43.8474C33.5725 43.8474 40.8853 38.454 43.7303 30.8754C44.3733 29.1626 42.2388 27.9049 40.5548 28.6201C38.6946 29.4103 36.6483 29.8474 34.4998 29.8474C25.9394 29.8474 18.9998 22.9078 18.9998 14.3474C18.9998 12.1991 19.4369 10.1528 20.227 8.2927Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.2612 11.1506C15.0892 12.192 14.9998 13.2601 14.9998 14.3474C14.9998 25.1169 23.7303 33.8474 34.4998 33.8474C35.5872 33.8474 36.6555 33.758 37.697 33.5859C34.7701 37.3957 30.1685 39.8474 25 39.8474C16.1634 39.8474 9 32.684 9 23.8474C9 18.679 11.4516 14.0775 15.2612 11.1506ZM20.227 8.2927C20.9422 6.60872 19.6845 4.47421 17.9716 5.11725C10.3932 7.96234 5 15.275 5 23.8474C5 34.8931 13.9543 43.8474 25 43.8474C33.5725 43.8474 40.8853 38.454 43.7303 30.8754C44.3733 29.1626 42.2388 27.9049 40.5548 28.6201C38.6946 29.4103 36.6483 29.8474 34.4998 29.8474C25.9394 29.8474 18.9998 22.9078 18.9998 14.3474C18.9998 12.1991 19.4369 10.1528 20.227 8.2927Z" 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="M15.8 9.10369C15.2793 10.8134 14.9998 12.626 14.9998 14.4997C14.9998 24.717 23.2826 32.9997 33.4998 32.9997C35.3737 32.9997 37.1864 32.7202 38.8962 32.1995C36.0003 37.4489 30.4119 40.9997 24 40.9997C14.6112 40.9997 7 33.3886 7 23.9997C7 17.588 10.5507 11.9997 15.8 9.10369ZM19.227 8.44504C19.9422 6.76107 18.6845 4.62655 16.9716 5.26959C9.39319 8.11468 4 15.4274 4 23.9997C4 35.0454 12.9543 43.9997 24 43.9997C32.5725 43.9997 39.8853 38.6064 42.7303 31.0278C43.3733 29.3149 41.2388 28.0572 39.5548 28.7725C37.6946 29.5626 35.6483 29.9997 33.4998 29.9997C24.9394 29.9997 17.9998 23.0602 17.9998 14.4997C17.9998 12.3514 18.4369 10.3051 19.227 8.44504Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.8 9.10369C15.2793 10.8134 14.9998 12.626 14.9998 14.4997C14.9998 24.717 23.2826 32.9997 33.4998 32.9997C35.3737 32.9997 37.1864 32.7202 38.8962 32.1995C36.0003 37.4489 30.4119 40.9997 24 40.9997C14.6112 40.9997 7 33.3886 7 23.9997C7 17.588 10.5507 11.9997 15.8 9.10369ZM19.227 8.44504C19.9422 6.76107 18.6845 4.62655 16.9716 5.26959C9.39319 8.11468 4 15.4274 4 23.9997C4 35.0454 12.9543 43.9997 24 43.9997C32.5725 43.9997 39.8853 38.6064 42.7303 31.0278C43.3733 29.3149 41.2388 28.0572 39.5548 28.7725C37.6946 29.5626 35.6483 29.9997 33.4998 29.9997C24.9394 29.9997 17.9998 23.0602 17.9998 14.4997C17.9998 12.3514 18.4369 10.3051 19.227 8.44504Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/description/index.tsx

@@ -11,35 +11,35 @@ interface DescriptionProps {
 }
 
 export const Description = forwardRef<SVGSVGElement, DescriptionProps>(
-  ({ 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 21.5H16V18.5H20V21.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M32 29H16V26H32V29Z" style={{ fill: `var(--type)` }}/>
-<path d="M16 36.5H32V33.5H16V36.5Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M37 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.865V42C39 43.1046 38.1045 44 37 44ZM36 21.5769V41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36ZM25.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="M20 21.5H16V18.5H20V21.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M32 29H16V26H32V29Z" style={{ fill: `var(--${type})` }}/>
+<path d="M16 36.5H32V33.5H16V36.5Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M37 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.865V42C39 43.1046 38.1045 44 37 44ZM36 21.5769V41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36ZM25.501 10.0057L33.4976 18.5769H26.001C25.7248 18.5769 25.501 18.3531 25.501 18.0769V10.0057Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (fill) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M11 5.5H21.001V18.0771C21.0011 20.8385 23.2396 23.0771 26.001 23.0771H37.5V42C37.5 42.2761 37.2761 42.5 37 42.5H11C10.7239 42.5 10.5 42.2761 10.5 42V6C10.5 5.72386 10.7239 5.5 11 5.5ZM13.5 38H34.5V32H13.5V38ZM13.5 31H34.5V25H13.5V31ZM13.5 23H21V17H13.5V23ZM34.1494 17.0771H27.001V9.41406L34.1494 17.0771Z" style={{ fill: `var(--type)` }} stroke="#1E1E1F" stroke-width="3"/>
+<path d="M11 5.5H21.001V18.0771C21.0011 20.8385 23.2396 23.0771 26.001 23.0771H37.5V42C37.5 42.2761 37.2761 42.5 37 42.5H11C10.7239 42.5 10.5 42.2761 10.5 42V6C10.5 5.72386 10.7239 5.5 11 5.5ZM13.5 38H34.5V32H13.5V38ZM13.5 31H34.5V25H13.5V31ZM13.5 23H21V17H13.5V23ZM34.1494 17.0771H27.001V9.41406L34.1494 17.0771Z" style={{ fill: `var(--${type})` }} stroke="#1E1E1F" stroke-width="3"/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M20 22H16V18H20V22Z" style={{ fill: `var(--type)` }}/>
-<path d="M32 29.5H16V25.5H32V29.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M16 37H32V33H16V37Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M37 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.865V42C39 43.1046 38.1045 44 37 44ZM35 22.0769V40H13V8H22.001V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H35ZM26.001 12.0076L31.6635 18.0769L26.001 18.0769V12.0076Z" style={{ fill: `var(--type)` }}/>
+<path d="M20 22H16V18H20V22Z" style={{ fill: `var(--${type})` }}/>
+<path d="M32 29.5H16V25.5H32V29.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M16 37H32V33H16V37Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M37 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.865V42C39 43.1046 38.1045 44 37 44ZM35 22.0769V40H13V8H22.001V18.0769C22.001 20.2861 23.7918 22.0769 26.001 22.0769H35ZM26.001 12.0076L31.6635 18.0769L26.001 18.0769V12.0076Z" 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 21.5H16V18.5H20V21.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M32 29H16V26H32V29Z" style={{ fill: `var(--type)` }}/>
-<path d="M16 36.5H32V33.5H16V36.5Z" style={{ fill: `var(--type)` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M37 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.865V42C39 43.1046 38.1045 44 37 44ZM36 21.5769V41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36ZM25.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="M20 21.5H16V18.5H20V21.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M32 29H16V26H32V29Z" style={{ fill: `var(--${type})` }}/>
+<path d="M16 36.5H32V33.5H16V36.5Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M37 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.865V42C39 43.1046 38.1045 44 37 44ZM36 21.5769V41H12V7H22.501V18.0769C22.501 20.0099 24.068 21.5769 26.001 21.5769H36ZM25.501 10.0057L33.4976 18.5769H26.001C25.7248 18.5769 25.501 18.3531 25.501 18.0769V10.0057Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/desktop/index.tsx

@@ -11,26 +11,26 @@ interface DesktopProps {
 }
 
 export const Desktop = forwardRef<SVGSVGElement, DesktopProps>(
-  ({ 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="M8 9C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H22.5V38.5H14V41.5H34V38.5H25.5V36H40C41.1046 36 42 35.1046 42 34V11C42 9.89543 41.1046 9 40 9H8ZM9 12V33H39V12H9Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8 9C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H22.5V38.5H14V41.5H34V38.5H25.5V36H40C41.1046 36 42 35.1046 42 34V11C42 9.89543 41.1046 9 40 9H8ZM9 12V33H39V12H9Z" 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="M8 9C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H22.5V38.5H14V41.5H34V38.5H25.5V36H40C41.1046 36 42 35.1046 42 34V11C42 9.89543 41.1046 9 40 9H8ZM9 12V33H39V12H9Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8 9C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H22.5V38.5H14V41.5H34V38.5H25.5V36H40C41.1046 36 42 35.1046 42 34V11C42 9.89543 41.1046 9 40 9H8ZM9 12V33H39V12H9Z" 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="M8 9C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H22V38H14V42H34V38H26V36H40C41.1046 36 42 35.1046 42 34V11C42 9.89543 41.1046 9 40 9H8ZM10 13V32H38V13H10Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8 9C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H22V38H14V42H34V38H26V36H40C41.1046 36 42 35.1046 42 34V11C42 9.89543 41.1046 9 40 9H8ZM10 13V32H38V13H10Z" 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="M8 9C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H22.5V38.5H14V41.5H34V38.5H25.5V36H40C41.1046 36 42 35.1046 42 34V11C42 9.89543 41.1046 9 40 9H8ZM9 12V33H39V12H9Z" style={{ fill: `var(--type)` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8 9C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H22.5V38.5H14V41.5H34V38.5H25.5V36H40C41.1046 36 42 35.1046 42 34V11C42 9.89543 41.1046 9 40 9H8ZM9 12V33H39V12H9Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }

package/assets/desktop-on-cursor/index.tsx

@@ -11,34 +11,34 @@ interface DesktopOnCursorProps {
 }
 
 export const DesktopOnCursor = forwardRef<SVGSVGElement, DesktopOnCursorProps>(
-  ({ 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="M9 33V12H39V21H42V11C42 9.89543 41.1046 9 40 9H8C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H28V33H9Z" style={{ fill: `var(--type)` }}/>
-<path d="M14 38.5H34V41.5H14V38.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M28.216 20.6461C27.9913 19.7961 28.8941 19.0908 29.6645 19.5144L41.3975 25.965C42.1742 26.392 42.0526 27.5434 41.2039 27.7989L37.6682 28.8629L42.177 34.5698L39.823 36.4296L35.3184 30.728L33.4628 33.847C33.0096 34.6087 31.8629 34.448 31.6365 33.5912L28.216 20.6461Z" style={{ fill: `var(--type)` }}/>
+<path d="M9 33V12H39V21H42V11C42 9.89543 41.1046 9 40 9H8C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H28V33H9Z" style={{ fill: `var(--${type})` }}/>
+<path d="M14 38.5H34V41.5H14V38.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M28.216 20.6461C27.9913 19.7961 28.8941 19.0908 29.6645 19.5144L41.3975 25.965C42.1742 26.392 42.0526 27.5434 41.2039 27.7989L37.6682 28.8629L42.177 34.5698L39.823 36.4296L35.3184 30.728L33.4628 33.847C33.0096 34.6087 31.8629 34.448 31.6365 33.5912L28.216 20.6461Z" 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="M9 33V12H39V21H42V11C42 9.89543 41.1046 9 40 9H8C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H28V33H9Z" style={{ fill: `var(--type)` }}/>
-<path d="M14 38.5H34V41.5H14V38.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M28.216 20.6461C27.9913 19.7961 28.8941 19.0908 29.6645 19.5144L41.3975 25.965C42.1742 26.392 42.0526 27.5434 41.2039 27.7989L37.6682 28.8629L42.177 34.5698L39.823 36.4296L35.3184 30.728L33.4628 33.847C33.0096 34.6087 31.8629 34.448 31.6365 33.5912L28.216 20.6461Z" style={{ fill: `var(--type)` }}/>
+<path d="M9 33V12H39V21H42V11C42 9.89543 41.1046 9 40 9H8C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H28V33H9Z" style={{ fill: `var(--${type})` }}/>
+<path d="M14 38.5H34V41.5H14V38.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M28.216 20.6461C27.9913 19.7961 28.8941 19.0908 29.6645 19.5144L41.3975 25.965C42.1742 26.392 42.0526 27.5434 41.2039 27.7989L37.6682 28.8629L42.177 34.5698L39.823 36.4296L35.3184 30.728L33.4628 33.847C33.0096 34.6087 31.8629 34.448 31.6365 33.5912L28.216 20.6461Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } else if (thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M10 32V13H38V21H42V11C42 9.89543 41.1046 9 40 9H8C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H28V32H10Z" style={{ fill: `var(--type)` }}/>
-<path d="M14 38H34V42H14V38Z" style={{ fill: `var(--type)` }}/>
-<path d="M28.216 20.6461C27.9913 19.7961 28.8941 19.0908 29.6645 19.5144L41.3975 25.965C42.1742 26.392 42.0526 27.5434 41.2039 27.7989L38.183 28.708L42.5693 34.2598L39.4307 36.7395L35.0446 31.1881L33.4628 33.847C33.0096 34.6087 31.8629 34.448 31.6365 33.5912L28.216 20.6461Z" style={{ fill: `var(--type)` }}/>
+<path d="M10 32V13H38V21H42V11C42 9.89543 41.1046 9 40 9H8C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H28V32H10Z" style={{ fill: `var(--${type})` }}/>
+<path d="M14 38H34V42H14V38Z" style={{ fill: `var(--${type})` }}/>
+<path d="M28.216 20.6461C27.9913 19.7961 28.8941 19.0908 29.6645 19.5144L41.3975 25.965C42.1742 26.392 42.0526 27.5434 41.2039 27.7989L38.183 28.708L42.5693 34.2598L39.4307 36.7395L35.0446 31.1881L33.4628 33.847C33.0096 34.6087 31.8629 34.448 31.6365 33.5912L28.216 20.6461Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
-<path d="M9 33V12H39V21H42V11C42 9.89543 41.1046 9 40 9H8C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H28V33H9Z" style={{ fill: `var(--type)` }}/>
-<path d="M14 38.5H34V41.5H14V38.5Z" style={{ fill: `var(--type)` }}/>
-<path d="M28.216 20.6461C27.9913 19.7961 28.8941 19.0908 29.6645 19.5144L41.3975 25.965C42.1742 26.392 42.0526 27.5434 41.2039 27.7989L37.6682 28.8629L42.177 34.5698L39.823 36.4296L35.3184 30.728L33.4628 33.847C33.0096 34.6087 31.8629 34.448 31.6365 33.5912L28.216 20.6461Z" style={{ fill: `var(--type)` }}/>
+<path d="M9 33V12H39V21H42V11C42 9.89543 41.1046 9 40 9H8C6.89543 9 6 9.89543 6 11V34C6 35.1046 6.89543 36 8 36H28V33H9Z" style={{ fill: `var(--${type})` }}/>
+<path d="M14 38.5H34V41.5H14V38.5Z" style={{ fill: `var(--${type})` }}/>
+<path d="M28.216 20.6461C27.9913 19.7961 28.8941 19.0908 29.6645 19.5144L41.3975 25.965C42.1742 26.392 42.0526 27.5434 41.2039 27.7989L37.6682 28.8629L42.177 34.5698L39.823 36.4296L35.3184 30.728L33.4628 33.847C33.0096 34.6087 31.8629 34.448 31.6365 33.5912L28.216 20.6461Z" style={{ fill: `var(--${type})` }}/>
 </svg>
 ;
   }