@liner-fe/icon 0.0.37 → 0.0.39

package/.gitignore

@@ -1,4 +1,5 @@
 lib
 src
 assets
-index.tsx
+index.tsx
+/index.tsx

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @liner-fe/icon
 
+## 0.0.39
+
+### Patch Changes
+
+- Updated dependencies [14b40c2]
+  - @liner-fe/prism@2.6.28
+
+## 0.0.38
+
+### Patch Changes
+
+- b958b78: icon color 안먹는 이슈 해결
+- Updated dependencies [b958b78]
+  - @liner-fe/prism@2.6.27
+
 ## 0.0.37
 
 ### Patch Changes

package/assets/add-clock/index.tsx

@@ -11,7 +11,7 @@ interface AddClockProps {
 }
 
 export const AddClock = forwardRef<SVGSVGElement, AddClockProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M25.9517 38.8742C25.3129 38.9572 24.6614 39 24 39C15.7157 39 9 32.2843 9 24C9 15.7157 15.7157 9 24 9C32.2843 9 39 15.7157 39 24C39 24.1987 38.9961 24.3966 38.9885 24.5934C40.0358 24.9622 41.0071 25.4924 41.8724 26.1541C41.9567 25.4478 42 24.729 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C25.2926 42 26.5534 41.8638 27.7687 41.6048C27.029 40.8003 26.4132 39.88 25.9517 38.8742Z" style={{ fill: `var(--type)` }}/>

package/assets/add-to-folder/index.tsx

@@ -11,7 +11,7 @@ interface AddToFolderProps {
 }
 
 export const AddToFolder = forwardRef<SVGSVGElement, AddToFolderProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H7.5V38H40.5V13.5H22.5L19.5 9.5H7.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--type)` }}/>

package/assets/ai/index.tsx

@@ -11,7 +11,7 @@ interface AiProps {
 }
 
 export const Ai = forwardRef<SVGSVGElement, AiProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M38.077 2.99951C38.2995 2.38298 39.1714 2.38298 39.3939 2.99951L40.8326 6.98652C40.8629 7.07048 40.929 7.13659 41.013 7.16688L45 8.6056C45.6165 8.82807 45.6165 9.7 45 9.92248L41.013 11.3612C40.929 11.3915 40.8629 11.4576 40.8326 11.5416L39.3939 15.5286C39.1714 16.1451 38.2995 16.1451 38.077 15.5286L36.6383 11.5416C36.608 11.4576 36.5419 11.3915 36.4579 11.3612L32.4709 9.92248C31.8544 9.70001 31.8544 8.82807 32.4709 8.6056L36.4579 7.16688C36.5419 7.13659 36.608 7.07048 36.6383 6.98652L38.077 2.99951Z" style={{ fill: `var(--type)` }}/>

package/assets/airplane/index.tsx

@@ -11,7 +11,7 @@ interface AirplaneProps {
 }
 
 export const Airplane = forwardRef<SVGSVGElement, AirplaneProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, 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.226 29.1964L11.6505 29.1741L9.82404 31.0065L13.8584 33.2261C14.6895 33.6834 15.3734 34.3677 15.8303 35.199L18.016 39.1769L19.8394 37.3475L19.8286 33.7842L26.7364 26.8668L30.8162 39.4193L33.6987 36.5398L31.6162 21.9774L38.6703 14.9176L39.2588 10.8716C39.3551 10.2099 38.7873 9.64199 38.1256 9.73804L34.0709 10.3266L26.9954 17.4079L12.4647 15.3342L9.58691 18.209L22.1343 22.2785L15.226 29.1964ZM25.9337 14.226L12.394 12.2937C11.7712 12.2049 11.143 12.4142 10.6979 12.8587L6.31083 17.2412C5.25363 18.2973 5.68585 20.0976 7.10728 20.5586L16.5528 23.6221L13.9899 26.1886L11.2504 26.1715C10.7146 26.1682 10.1998 26.38 9.82144 26.7595L6.76094 29.83C5.82143 30.7726 6.04736 32.3527 7.21337 32.9942L12.4123 35.8546C12.7447 36.0375 13.0183 36.3112 13.201 36.6437L16.0294 41.7911C16.6718 42.9602 18.257 43.1847 19.1987 42.2399L22.2571 39.1715C22.6323 38.7951 22.8422 38.2849 22.8406 37.7535L22.8324 35.0218L25.3976 32.4531L28.4672 41.8975C28.9286 43.3172 30.7265 43.7493 31.7827 42.6942L36.1729 38.3086C36.6186 37.8634 36.8285 37.2341 36.7393 36.6105L34.7982 23.0371L41.0269 16.8034C41.3314 16.4987 41.5293 16.1039 41.5913 15.6776L42.2276 11.3034C42.6126 8.65663 40.3416 6.38495 37.6947 6.76915L33.3111 7.40542C32.8841 7.4674 32.4886 7.66582 32.1836 7.97104L25.9337 14.226Z" style={{ fill: `var(--type)` }}/>

package/assets/android/index.tsx

@@ -11,7 +11,7 @@ interface AndroidProps {
 }
 
 export const Android = forwardRef<SVGSVGElement, AndroidProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M35.2 18.9595L38.88 12.5995C39.2 11.9795 38.96 11.2195 38.36 10.8995C37.78 10.5995 37.06 10.7795 36.7 11.3395L32.94 17.8195C27.22 15.3995 20.78 15.3995 15.06 17.8195L11.3 11.3395C10.92 10.7595 10.14 10.5795 9.56 10.9395C9 11.2995 8.82 12.0195 9.12 12.5995L12.8 18.9595C6.9141 22.3201 2.97489 28.2403 2.11174 34.9233C2.03703 35.5017 2.49855 35.9995 3.08174 35.9995H44.9183C45.5015 35.9995 45.963 35.5017 45.8883 34.9233C45.0251 28.2403 41.0859 22.3201 35.2 18.9595ZM14 30.4995C12.62 30.4995 11.5 29.3795 11.5 27.9995C11.5 26.6195 12.62 25.4995 14 25.4995C15.38 25.4995 16.5 26.6195 16.5 27.9995C16.5 29.3795 15.38 30.4995 14 30.4995ZM34 30.4995C32.62 30.4995 31.5 29.3795 31.5 27.9995C31.5 26.6195 32.62 25.4995 34 25.4995C35.38 25.4995 36.5 26.6195 36.5 27.9995C36.5 29.3795 35.38 30.4995 34 30.4995Z" style={{ fill: `var(--type)` }}/>

package/assets/apple/index.tsx

@@ -11,7 +11,7 @@ interface AppleProps {
 }
 
 export const Apple = forwardRef<SVGSVGElement, AppleProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M29.6769 9.89979C30.8569 8.37985 31.7568 6.19991 31.4368 4C29.4969 4.13999 27.237 5.37993 25.8971 6.97986C24.6971 8.43981 23.7171 10.6197 24.0971 12.7396C26.217 12.8196 28.417 11.5397 29.6769 9.89979Z" style={{ fill: `var(--type)` }}/>

package/assets/arrow-back/index.tsx

@@ -11,7 +11,7 @@ interface ArrowBackProps {
 }
 
 export const ArrowBack = forwardRef<SVGSVGElement, ArrowBackProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M30.0607 37.9372L16.4751 24.3516C16.2798 24.1563 16.2798 23.8397 16.4751 23.6445L30.0607 10.0588L27.9394 7.9375L14.3537 21.5231C12.9869 22.89 12.9869 25.1061 14.3537 26.4729L27.9394 40.0585L30.0607 37.9372Z" style={{ fill: `var(--type)` }}/>

package/assets/arrow-backward/index.tsx

@@ -11,7 +11,7 @@ interface ArrowBackwardProps {
 }
 
 export const ArrowBackward = forwardRef<SVGSVGElement, ArrowBackwardProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0588L19.4748 23.6445C19.2796 23.8397 19.2796 24.1563 19.4748 24.3516L30.0605 34.9372L27.9391 37.0585L17.3535 26.4729C15.9867 25.1061 15.9867 22.89 17.3535 21.5231L27.9391 10.9375L30.0605 13.0588Z" style={{ fill: `var(--type)` }}/>

package/assets/arrow-down/index.tsx

@@ -11,7 +11,7 @@ interface ArrowDownProps {
 }
 
 export const ArrowDown = forwardRef<SVGSVGElement, ArrowDownProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M25.5011 36.379L25.5011 7H22.5011L22.5011 36.3797L11.4836 25.3622L9.3623 27.4835L21.5259 39.6471C22.8927 41.0139 25.1088 41.0139 26.4756 39.6471L38.6392 27.4835L36.5179 25.3622L25.5011 36.379Z" style={{ fill: `var(--type)` }}/>

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

@@ -11,7 +11,7 @@ interface ArrowDownLeftProps {
 }
 
 export const ArrowDownLeft = forwardRef<SVGSVGElement, ArrowDownLeftProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M14.6212 35.5002L39.0607 11.0608L36.9394 8.93945L12.5 33.3788V17.0002H9.5V35.0002C9.5 36.9332 11.067 38.5002 13 38.5002H31V35.5002H14.6212Z" style={{ fill: `var(--type)` }}/>

package/assets/arrow-downward/index.tsx

@@ -11,7 +11,7 @@ interface ArrowDownwardProps {
 }
 
 export const ArrowDownward = forwardRef<SVGSVGElement, ArrowDownwardProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, 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="M10.0608 17.9375L23.6464 31.5231C23.8417 31.7184 24.1583 31.7184 24.3535 31.5232L37.9392 17.9375L40.0605 20.0588L26.4748 33.6445C25.108 35.0113 22.8919 35.0113 21.5251 33.6445L7.93945 20.0588L10.0608 17.9375Z" style={{ fill: `var(--type)` }}/>

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

@@ -11,7 +11,7 @@ interface ArrowDropRightProps {
 }
 
 export const ArrowDropRight = forwardRef<SVGSVGElement, ArrowDropRightProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M17 12.502L17 35.6736C17 36.5645 18.0771 37.0107 18.7071 36.3807L29.5858 25.502C30.3668 24.721 30.3668 23.4546 29.5858 22.6736L18.7071 11.7949C18.0771 11.1649 17 11.6111 17 12.502Z" style={{ fill: `var(--type)` }}/>

package/assets/arrow-forward/index.tsx

@@ -11,7 +11,7 @@ interface ArrowForwardProps {
 }
 
 export const ArrowForward = forwardRef<SVGSVGElement, ArrowForwardProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, 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="M17.9392 37.9372L31.5249 24.3516C31.7201 24.1563 31.7201 23.8397 31.5249 23.6445L17.9392 10.0588L20.0605 7.9375L33.6462 21.5231C35.013 22.89 35.013 25.1061 33.6462 26.4729L20.0605 40.0585L17.9392 37.9372Z" style={{ fill: `var(--type)` }}/>

package/assets/arrow-left/index.tsx

@@ -11,7 +11,7 @@ interface ArrowLeftProps {
 }
 
 export const ArrowLeft = forwardRef<SVGSVGElement, ArrowLeftProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M11.6219 22.4977L22.6389 11.4807L20.5176 9.35938L8.35398 21.523C6.98715 22.8898 6.98715 25.1059 8.35398 26.4727L20.5176 38.6363L22.6389 36.515L11.6216 25.4977L41.0001 25.4977L41.0001 22.4977L11.6219 22.4977Z" style={{ fill: `var(--type)` }}/>

package/assets/arrow-right/index.tsx

@@ -11,7 +11,7 @@ interface ArrowRightProps {
 }
 
 export const ArrowRight = forwardRef<SVGSVGElement, ArrowRightProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M36.3777 25.5024L25.3612 36.5189L27.4825 38.6402L39.6461 26.4766C41.013 25.1098 41.013 22.8937 39.6461 21.5269L27.4825 9.36328L25.3612 11.4846L36.379 22.5024L7 22.5024V25.5024H36.3777Z" style={{ fill: `var(--type)` }}/>

package/assets/arrow-turn/index.tsx

@@ -11,7 +11,7 @@ interface ArrowTurnProps {
 }
 
 export const ArrowTurn = forwardRef<SVGSVGElement, ArrowTurnProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M10 30.5C8.067 30.5 6.5 28.933 6.5 27V6H9.5V27C9.5 27.2761 9.72386 27.5 10 27.5H37.3787L27.7557 17.8771L29.8771 15.7557L40.6464 26.5251C42.0133 27.892 42.0133 30.108 40.6464 31.4749L29.8771 42.2443L27.7557 40.1229L37.3787 30.5H10Z" style={{ fill: `var(--type)` }}/>

package/assets/arrow-up/index.tsx

@@ -11,7 +11,7 @@ interface ArrowUpProps {
 }
 
 export const ArrowUp = forwardRef<SVGSVGElement, ArrowUpProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M25.4999 11.6207L36.5174 22.6382L38.6387 20.5168L26.4751 8.35325C25.1083 6.98642 22.8922 6.98642 21.5254 8.35325L9.36182 20.5168L11.4831 22.6382L22.4999 11.6213V41.0003H25.4999V11.6207Z" style={{ fill: `var(--type)` }}/>

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

@@ -11,7 +11,7 @@ interface ArrowUpDownProps {
 }
 
 export const ArrowUpDown = forwardRef<SVGSVGElement, ArrowUpDownProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M32.5011 35.3805L25.0608 27.9402L22.9395 30.0615L31.8986 39.0207C33.0597 40.1818 34.9422 40.1818 36.1032 39.0207L45.0624 30.0615L42.9411 27.9402L35.5011 35.3802V8H32.5011V35.3805Z" style={{ fill: `var(--type)` }}/>

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

@@ -11,7 +11,7 @@ interface ArrowUpLeftProps {
 }
 
 export const ArrowUpLeft = forwardRef<SVGSVGElement, ArrowUpLeftProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z" style={{ fill: `var(--type)` }}/>

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

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

package/assets/arrow-upward/index.tsx

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

package/assets/balance/index.tsx

@@ -11,7 +11,7 @@ interface BalanceProps {
 }
 
 export const Balance = forwardRef<SVGSVGElement, BalanceProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M25.2842 11.1646L39.312 7.9497L38.4184 4.05078L5.98584 11.4838L6.8794 15.3827L21.2842 12.0814L21.2842 39.0006H11.5469V43.0006H34.8807V39.0006H25.2842L25.2842 11.1646Z" style={{ fill: `var(--type)` }}/>

package/assets/bell/index.tsx

@@ -11,7 +11,7 @@ interface BellProps {
 }
 
 export const Bell = forwardRef<SVGSVGElement, BellProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M27.0001 7C27.0001 5.34315 25.657 4 24.0001 4C22.3433 4 21.0001 5.34315 21.0001 7V7.35005C15.2667 8.71286 11.0001 13.8957 11.0001 20.0813V30L7.83008 34.6984C6.71807 35.9958 7.63988 38 9.34859 38H38.6517C40.3604 38 41.2822 35.9958 40.1702 34.6984L37.0001 30V20.0813C37.0001 13.8957 32.7335 8.71282 27.0001 7.35003V7ZM34.0001 20.0813V30.9174L36.7547 35H11.2456L14.0001 30.9174V20.0813C14.0001 14.4959 18.4949 10 24.0001 10C29.5054 10 34.0001 14.4959 34.0001 20.0813Z" style={{ fill: `var(--type)` }}/>

package/assets/block/index.tsx

@@ -11,7 +11,7 @@ interface BlockProps {
 }
 
 export const Block = forwardRef<SVGSVGElement, BlockProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM41 24C41 33.3888 33.3888 41 24 41C19.8459 41 16.0397 39.51 13.0869 37.0353L37.0353 13.0869C39.51 16.0397 41 19.8459 41 24ZM10.9655 34.914L34.914 10.9655C31.961 8.49031 28.1546 7 24 7C14.6112 7 7 14.6112 7 24C7 28.1546 8.49031 31.961 10.9655 34.914Z" style={{ fill: `var(--type)` }}/>

package/assets/bolt/index.tsx

@@ -11,7 +11,7 @@ interface BoltProps {
 }
 
 export const Bolt = forwardRef<SVGSVGElement, BoltProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M23.3576 26.4991L21.8952 38.4829L36.4033 21.4991L24.9545 21.4991L26.4167 9.51529L11.9088 26.4991H23.3576ZM28.4453 2.52166C29.0887 1.76838 30.3182 2.30889 30.1983 3.29229L28.3428 18.4991L40.7422 18.4991C41.5957 18.4991 42.0569 19.4996 41.5025 20.1486L19.8665 45.4765C19.223 46.2298 17.9935 45.6893 18.1135 44.7059L19.9692 29.4991H7.57005C6.71649 29.4991 6.2553 28.4986 6.80969 27.8496L28.4453 2.52166Z" style={{ fill: `var(--type)` }}/>

package/assets/book/index.tsx

@@ -11,7 +11,7 @@ interface BookProps {
 }
 
 export const Book = forwardRef<SVGSVGElement, BookProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M25.5814 39.0531C27.4473 38.0387 29.9235 37.2286 32.7442 37.2286C35.7959 37.2286 38.4167 38.0225 40.3597 38.8818C41.9032 39.5645 44 38.4644 44 36.7767V13.5247C44 12.4072 43.531 11.3345 42.5861 10.7379C40.8175 9.62124 37.4408 7.9997 32.7442 8C28.4002 8.00027 25.5573 9.73415 23.9926 11.0988C22.416 9.73415 19.5603 8.00027 15.2273 8C10.1925 7.99968 6.67825 9.87271 5.04178 10.9789C4.34848 11.4476 4 12.2473 4 13.0842V36.7699C4 38.4588 6.1001 39.5594 7.64452 38.8759C9.5812 38.0189 12.1904 37.2286 15.2273 37.2286C18.0995 37.2286 20.5891 38.1122 22.4891 39.1143C22.4926 39.1162 22.4962 39.118 22.4998 39.1199C22.8743 39.3281 23.4487 39.6493 23.9951 39.9548C24.5188 39.6611 25.049 39.3425 25.5814 39.0531ZM7 35.8896C9.15192 35.0053 11.9669 34.2286 15.2273 34.2286C18.0296 34.2286 20.4976 34.9198 22.4998 35.7925V13.8067C21.5194 12.812 19.2032 11.0003 15.2271 11C11.2402 10.9997 8.41494 12.3833 7 13.2821V35.8896ZM25.5008 35.7554C25.4702 28.4724 25.5 21.1887 25.5 13.9057C25.5 13.8569 25.5034 13.8182 25.5075 13.7898C26.4753 12.8026 28.7627 11.0003 32.7444 11C36.7004 10.9998 39.5151 12.353 40.9527 13.2546C40.9701 13.2918 41 13.3822 41 13.5247V35.8939C38.842 35.0078 36.017 34.2286 32.7442 34.2286C29.9962 34.2286 27.5289 34.8663 25.5008 35.7554Z" style={{ fill: `var(--type)` }}/>

package/assets/bookmark/index.tsx

@@ -11,7 +11,7 @@ interface BookmarkProps {
 }
 
 export const Bookmark = forwardRef<SVGSVGElement, BookmarkProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M24 28.6309L38 39.0334V8H10V39.0334L24 28.6309ZM24 32.3684L37.8072 42.6276C39.1267 43.6081 41 42.6662 41 41.0223V7C41 5.89543 40.1046 5 39 5H9C7.89543 5 7 5.89543 7 7V41.0223C7 42.6662 8.87326 43.6081 10.1928 42.6276L24 32.3684Z" style={{ fill: `var(--type)` }}/>

package/assets/bookmark-cancel/index.tsx

@@ -11,7 +11,7 @@ interface BookmarkCancelProps {
 }
 
 export const BookmarkCancel = forwardRef<SVGSVGElement, BookmarkCancelProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M3.67651 6.50421L6.50494 3.67578L44.3233 41.4941L41.4949 44.3226L3.67651 6.50421Z" style={{ fill: `var(--type)` }}/>

package/assets/books/index.tsx

@@ -11,7 +11,7 @@ interface BooksProps {
 }
 
 export const Books = forwardRef<SVGSVGElement, BooksProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M24.6061 8.10406L33.3875 5.52516C33.9192 5.36904 34.4764 5.67491 34.6301 6.20723L43.828 38.0625C43.9807 38.5914 43.6772 39.1442 43.149 39.2994L34.3676 41.8783C33.836 42.0344 33.2787 41.7285 33.125 41.1962L23.9271 9.34095C23.7744 8.81204 24.0779 8.25918 24.6061 8.10406Z" style={{ fill: `var(--type)` }}/>

package/assets/brain/index.tsx

@@ -11,7 +11,7 @@ interface BrainProps {
 }
 
 export const Brain = forwardRef<SVGSVGElement, BrainProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M19.007 4C16.0376 4 13.5018 5.84766 12.4839 8.45662C9.26078 8.88083 6.98833 11.2127 6.25911 13.4008C5.65555 15.2118 5.73907 16.7761 6.18416 18.2087C4.33081 19.504 3.12788 21.6784 3.00935 24.1124C2.85872 27.2052 4.54058 30.1 7.19648 31.332C7.07945 31.8945 7.00698 32.5229 7.00698 33.2161C7.00698 34.8196 7.67675 36.6966 8.94416 38.1406C10.0008 39.3445 11.5085 40.2805 13.4007 40.4876C13.8256 41.2582 14.403 41.9635 15.0589 42.5402C16.1285 43.4805 17.6063 44.25 19.2927 44.25C20.3808 44.25 21.4756 43.9909 22.459 43.48V4.90897C21.4403 4.3304 20.2622 4 19.007 4Z" style={{ fill: `var(--type)` }}/>

package/assets/bulb/index.tsx

@@ -11,7 +11,7 @@ interface BulbProps {
 }
 
 export const Bulb = forwardRef<SVGSVGElement, BulbProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, 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="M31 35C31 33.3206 31.9663 31.8223 33.2847 30.7819C36.7656 28.035 39 23.7784 39 19C39 10.7157 32.2843 4 24 4C15.7157 4 9 10.7157 9 19C9 23.7784 11.2344 28.035 14.7153 30.7819C16.0337 31.8223 17 33.3206 17 35C17 36.1046 17.8954 37 19 37H29C30.1046 37 31 36.1046 31 35ZM36 19C36 22.8213 34.2173 26.2244 31.4262 28.4269C29.8454 29.6744 28.3909 31.5977 28.0669 34H19.9331C19.6091 31.5977 18.1546 29.6744 16.5738 28.4269C13.7827 26.2244 12 22.8213 12 19C12 12.3726 17.3726 7 24 7C30.6274 7 36 12.3726 36 19Z" style={{ fill: `var(--type)` }}/>

package/assets/bulb-exclamtionmark/index.tsx

@@ -11,7 +11,7 @@ interface BulbExclamtionmarkProps {
 }
 
 export const BulbExclamtionmark = forwardRef<SVGSVGElement, BulbExclamtionmarkProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M24 24.25C23.5349 24.25 23.098 24.4224 22.7598 24.7609C22.4216 25.0994 22.25 25.5359 22.25 26C22.25 26.4641 22.4216 26.9006 22.7598 27.2391C23.098 27.5776 23.5349 27.75 24 27.75C24.4651 27.75 24.902 27.5776 25.2402 27.2391C25.5784 26.9006 25.75 26.4641 25.75 26C25.75 25.5359 25.5784 25.0994 25.2402 24.7609C24.902 24.4224 24.4651 24.25 24 24.25Z" style={{ fill: `var(--type)` }}/>

package/assets/camera/index.tsx

@@ -11,7 +11,7 @@ interface CameraProps {
 }
 
 export const Camera = forwardRef<SVGSVGElement, CameraProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, 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="M33 26C33 30.9706 28.9706 35 24 35C19.0294 35 15 30.9706 15 26C15 21.0294 19.0294 17 24 17C28.9706 17 33 21.0294 33 26ZM30 26C30 29.3137 27.3137 32 24 32C20.6863 32 18 29.3137 18 26C18 22.6863 20.6863 20 24 20C27.3137 20 30 22.6863 30 26Z" style={{ fill: `var(--type)` }}/>

package/assets/car/index.tsx

@@ -11,7 +11,7 @@ interface CarProps {
 }
 
 export const Car = forwardRef<SVGSVGElement, CarProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, 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="M28.6329 11.5772C27.7269 10.5731 26.4379 10 25.0855 10H12.458C10.8334 10 9.32015 10.8255 8.44072 12.1915L3.76203 19.4587C3.74942 19.4783 3.7376 19.498 3.72655 19.5179C3.24171 20.1586 2.9541 20.9569 2.9541 21.8223V31.6604C2.9541 33.7714 4.6654 35.4827 6.77638 35.4827H8.00478C8.74434 37.7937 10.91 39.4668 13.4664 39.4668C16.0229 39.4668 18.1886 37.7937 18.9281 35.4827H29.0279C29.7674 37.7937 31.9331 39.4668 34.4895 39.4668C37.046 39.4668 39.2116 37.7937 39.9512 35.4827H41.1769C43.2879 35.4827 44.9992 33.7714 44.9992 31.6604V27.4198C44.9992 24.77 43.435 22.37 41.0107 21.3002L35.0205 18.6567L28.6329 11.5772ZM34.4895 28C31.7526 28 29.4636 29.9177 28.8929 32.4827H19.063C18.4923 29.9177 16.2033 28 13.4664 28C10.7296 28 8.44056 29.9177 7.86985 32.4827H6.77638C6.32225 32.4827 5.9541 32.1145 5.9541 31.6604V21.8223C5.9541 21.3681 6.32225 21 6.77638 21H32.8998L39.7995 24.0448C41.1365 24.6348 41.9992 25.9584 41.9992 27.4198V31.6604C41.9992 32.1145 41.631 32.4827 41.1769 32.4827H40.0861C39.5154 29.9177 37.2264 28 34.4895 28ZM30.3873 18L26.4055 13.5869C26.0684 13.2133 25.5887 13 25.0855 13H20.7002V18H30.3873ZM17.7002 18V13H12.458C11.8535 13 11.2904 13.3072 10.9632 13.8155L8.26911 18H17.7002ZM16.1999 33.7334C16.1999 35.243 14.9761 36.4668 13.4664 36.4668C11.9568 36.4668 10.733 35.243 10.733 33.7334C10.733 32.2238 11.9568 31 13.4664 31C14.9761 31 16.1999 32.2238 16.1999 33.7334ZM34.4895 36.4668C35.9991 36.4668 37.2229 35.243 37.2229 33.7334C37.2229 32.2238 35.9991 31 34.4895 31C32.9799 31 31.7561 32.2238 31.7561 33.7334C31.7561 35.243 32.9799 36.4668 34.4895 36.4668Z" style={{ fill: `var(--type)` }}/>

package/assets/casual-shoe/index.tsx

@@ -11,7 +11,7 @@ interface CasualShoeProps {
 }
 
 export const CasualShoe = forwardRef<SVGSVGElement, CasualShoeProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, 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="M40.8125 21.499C43.4447 22.4687 45.2317 24.9095 45.3823 27.6864C45.3891 27.8127 45.3926 27.9397 45.3926 28.0674V31.1875C45.3926 33.3966 43.6017 35.1875 41.3926 35.1875H5.39258C4.28801 35.1875 3.39258 34.2921 3.39258 33.1875V29.6875C3.39258 29.5952 3.39883 29.5044 3.41094 29.4154C3.39885 29.3385 3.39258 29.2597 3.39258 29.1795C3.39258 24.2689 4.39264 19.4097 6.3318 14.8982L6.6352 14.1923C6.89755 13.5819 7.49814 13.1864 8.16251 13.1864H9.14845C9.7358 13.1864 10.2935 13.4445 10.6735 13.8924L12.5544 16.1093C13.2861 16.9716 14.5866 17.0562 15.4239 16.296L19.9751 12.1638C20.6169 11.5811 21.5612 11.4782 22.3135 11.9091L35.7472 19.6031C35.8439 19.6585 35.9452 19.7057 36.0498 19.7443L40.8125 21.499ZM13.4645 27.6864H33.0498L33.6947 21.8847L30.0305 19.7861L27.4564 23.6359L24.965 21.9726L27.4249 18.2938L25.3435 17.1017L22.9491 20.6827L20.4577 19.0195L22.7379 15.6093L21.4534 14.8737L17.4405 18.5171C15.3473 20.4176 12.096 20.206 10.2669 18.0502L8.92502 16.4687C8.46239 17.5836 8.06183 18.7209 7.72444 19.8752L8.08879 20.0434C11.1392 21.4513 13.1752 24.3805 13.4645 27.6864ZM10.4474 27.6864H6.4262C6.49952 26.0595 6.69245 24.4428 7.00233 22.8492C8.8958 23.7926 10.1786 25.6151 10.4474 27.6864ZM36.5742 23.1346L36.0683 27.6864H42.3745C42.2297 26.1678 41.2277 24.849 39.7754 24.314L36.5742 23.1346ZM6.39258 32.1875V30.6875H42.3926V31.1875C42.3926 31.7398 41.9449 32.1875 41.3926 32.1875H6.39258Z" style={{ fill: `var(--type)` }}/>

package/assets/chart-bar/index.tsx

@@ -11,7 +11,7 @@ interface ChartBarProps {
 }
 
 export const ChartBar = forwardRef<SVGSVGElement, ChartBarProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M32.001 8C32.001 6.89543 32.8964 6 34.001 6H40.0006C41.1052 6 42.0006 6.89543 42.0006 8V36C42.0006 37.1046 41.1052 38 40.0006 38H34.001C32.8964 38 32.001 37.1046 32.001 36V8ZM35.001 35V9H39.0006V35H35.001Z" style={{ fill: `var(--type)` }}/>

package/assets/chart-line-uptrend/index.tsx

@@ -11,7 +11,7 @@ interface ChartLineUptrendProps {
 }
 
 export const ChartLineUptrend = forwardRef<SVGSVGElement, ChartLineUptrendProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, 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 6C6.89543 6 6 6.89543 6 8V40C6 41.1046 6.89543 42 8 42H40C41.1046 42 42 41.1046 42 40V8C42 6.89543 41.1046 6 40 6H8ZM31.815 25.6003L37.6207 12.8276L33.9793 11.1724L28.1735 23.945L22.5903 18.3619C20.5435 16.3151 17.0676 17.0527 16.0285 19.7544L10.1333 35.082L13.8667 36.5179L19.7619 21.1903L25.3451 26.7735C27.3199 28.7483 30.6593 28.1428 31.815 25.6003Z" style={{ fill: `var(--type)` }}/>

package/assets/check-mark/index.tsx

@@ -11,7 +11,7 @@ interface CheckMarkProps {
 }
 
 export const CheckMark = forwardRef<SVGSVGElement, CheckMarkProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM22.6155 27.5188L16.4292 21.3325L13.6008 24.1609L19.7871 30.3472C21.3472 31.9074 23.8761 31.9096 25.439 30.3522L36.1194 19.709L33.296 16.8756L22.6155 27.5188Z" style={{ fill: `var(--type)` }}/>

package/assets/check-mark-fill/index.tsx

@@ -11,7 +11,7 @@ interface CheckMarkFillProps {
 }
 
 export const CheckMarkFill = forwardRef<SVGSVGElement, CheckMarkFillProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--type)` }}/>

package/assets/check-mark-in-circle/index.tsx

@@ -11,7 +11,7 @@ interface CheckMarkInCircleProps {
 }
 
 export const CheckMarkInCircle = forwardRef<SVGSVGElement, CheckMarkInCircleProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM22.6155 27.5188L16.4292 21.3325L13.6008 24.1609L19.7871 30.3472C21.3472 31.9074 23.8761 31.9096 25.439 30.3522L36.1194 19.709L33.296 16.8756L22.6155 27.5188Z" style={{ fill: `var(--type)` }}/>

package/assets/chrome/index.tsx

@@ -11,7 +11,7 @@ interface ChromeProps {
 }
 
 export const Chrome = forwardRef<SVGSVGElement, ChromeProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M42.7393 17C43.5535 19.1788 44 21.5372 44 24C44 34.8307 35.3909 43.649 24.6426 43.9883L32.4453 29.3506C32.7148 28.926 32.9531 28.4804 33.1572 28.0156L33.293 27.6895C33.7467 26.5475 34 25.3036 34 24C34 21.2741 32.9084 18.8038 31.1396 17H42.7393Z" style={{ fill: `var(--type)` }}/>

package/assets/clock/index.tsx

@@ -11,7 +11,7 @@ interface ClockProps {
 }
 
 export const Clock = forwardRef<SVGSVGElement, ClockProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M22.4682 13.0001L22.4684 23.385L15.9376 29.9407L18.0629 32.058L25.4684 24.6243L25.4682 13.0001L22.4682 13.0001Z" style={{ fill: `var(--type)` }}/>

package/assets/close/index.tsx

@@ -11,7 +11,7 @@ interface CloseProps {
 }
 
 export const Close = forwardRef<SVGSVGElement, CloseProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM24.0304 21.2242L29.6689 15.5858L32.4973 18.4142L26.8588 24.0527L32.4504 29.6443L29.622 32.4727L24.0304 26.8811L18.4859 32.4256L15.6574 29.5972L21.202 24.0527L15.6106 18.4613L18.439 15.6329L24.0304 21.2242Z" style={{ fill: `var(--type)` }}/>

package/assets/close-fill/index.tsx

@@ -11,7 +11,7 @@ interface CloseFillProps {
 }
 
 export const CloseFill = forwardRef<SVGSVGElement, CloseFillProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--type)` }}/>

package/assets/color-docx/index.tsx

@@ -11,7 +11,7 @@ interface ColorDocxProps {
 }
 
 export const ColorDocx = forwardRef<SVGSVGElement, ColorDocxProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, 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)` }}/>

package/assets/color-facebook/index.tsx

@@ -11,7 +11,7 @@ interface ColorFacebookProps {
 }
 
 export const ColorFacebook = forwardRef<SVGSVGElement, ColorFacebookProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M44 24C44 13 35 4 24 4C13 4 4 13 4 24C4 34 11.25 42.25 20.75 43.75V29.75H15.75V24H20.75V19.5C20.75 14.5 23.75 11.75 28.25 11.75C30.5 11.75 32.75 12.25 32.75 12.25V17.25H30.25C27.75 17.25 27 18.75 27 20.25V24H32.5L31.5 29.75H26.75V44C36.75 42.5 44 34 44 24Z" fill="#1877F2"/>

package/assets/color-fire/index.tsx

@@ -11,7 +11,7 @@ interface ColorFireProps {
 }
 
 export const ColorFire = forwardRef<SVGSVGElement, ColorFireProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M42 27.683C42 37.6241 33.9411 45 24 45C14.0589 45 6 37.6241 6 27.683C6 21.5445 9 15.5 15 12L16.9042 14.3273C19.2846 17.2367 24 15.5535 24 11.7944V3.5C24 3.5 42 12 42 27.683Z" fill="#FF8142"/>

package/assets/color-google/index.tsx

@@ -11,7 +11,7 @@ interface ColorGoogleProps {
 }
 
 export const ColorGoogle = forwardRef<SVGSVGElement, ColorGoogleProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M41.895 20.5469C42.1195 21.7905 42.2405 23.086 42.2405 24.4333C42.2405 30.2198 40.1677 35.0909 36.5749 38.3987H36.5703L36.5727 38.3965L30.4346 33.631C32.4467 32.2837 33.7853 30.2715 34.2257 27.8966H24V20.5469H41.895Z" fill="#4285F4"/>

package/assets/color-liner/index.tsx

@@ -11,7 +11,7 @@ interface ColorLinerProps {
 }
 
 export const ColorLiner = forwardRef<SVGSVGElement, ColorLinerProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <path d="M39.6001 18.2152V8.52042C39.6001 8.41885 39.5211 8.33984 39.4196 8.33984H29.6499C29.6499 8.33984 29.5596 8.36242 29.5258 8.39627L23.9189 13.9942C23.9189 13.9942 23.8399 14.0506 23.7948 14.0506H13.4949C13.4949 14.0506 13.4046 14.0732 13.3708 14.1071L6.17321 21.2738C6.0604 21.3866 6.13937 21.5898 6.29731 21.5898H15.5819C15.8527 21.5898 16.067 21.8042 16.067 22.0751V31.7022C16.067 31.8037 16.146 31.8827 16.2475 31.8827H25.8932C26.1639 31.8827 26.3783 32.1085 26.3783 32.3681V41.634C26.3783 41.792 26.5701 41.8823 26.6941 41.7694L33.7902 34.6817C33.7902 34.6817 33.8466 34.6027 33.8466 34.5463V24.0953C33.8466 24.0953 33.8691 23.9937 33.903 23.9599L39.5437 18.3168C39.5437 18.3168 39.6001 18.2378 39.6001 18.1814V18.2152ZM24.6071 22.7974V15.2808C24.6071 15.01 24.8214 14.7955 25.0922 14.7955H32.6282C32.8989 14.7955 33.1133 15.01 33.1133 15.2808V22.7974C33.1133 23.0683 32.8989 23.2827 32.6282 23.2827H25.0922C24.8214 23.2827 24.6071 23.0683 24.6071 22.7974Z" fill="#14371B"/>

package/assets/color-liner-variation/index.tsx

@@ -11,7 +11,7 @@ interface ColorLinerVariationProps {
 }
 
 export const ColorLinerVariation = forwardRef<SVGSVGElement, ColorLinerVariationProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
 <g clip-path="url(#clip0_774_42385)">

package/assets/color-pdf/index.tsx

@@ -11,7 +11,7 @@ interface ColorPdfProps {
 }
 
 export const ColorPdf = forwardRef<SVGSVGElement, ColorPdfProps>(
-  ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, 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)` }}/>