@liner-fe/icon 0.0.53 → 0.0.55

package/assets/close-fill/index.tsx

@@ -12,30 +12,30 @@ interface CloseFillProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const CloseFill = forwardRef<SVGSVGElement, CloseFillProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
 <path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--${type})` }}/>
-<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6575 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6575 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" 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} {...props}>
 <path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--${type})` }}/>
-<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6575 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6575 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" 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} {...props}>
 <path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--${type})` }}/>
-<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6575 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6575 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
 <path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" style={{ fill: `var(--${type})` }}/>
-<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6575 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6575 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   }

package/assets/collection-add/index.tsx

@@ -0,0 +1,42 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface CollectionAddProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const CollectionAdd = forwardRef<SVGSVGElement, CollectionAddProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path d="M30 27H36V30H30V36.5H27V30H21V27H27V21H30V27Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M35 6C36.1046 6 37 6.89543 37 8V13.5H41.5C42.6046 13.5 43.5 14.3954 43.5 15.5V41.5C43.5 42.6046 42.6046 43.5 41.5 43.5H15.5C14.3954 43.5 13.5 42.6046 13.5 41.5V37H8C6.89543 37 6 36.1046 6 35V8C6 6.89543 6.89543 6 8 6H35ZM16.5 40.5H40.5V16.5H16.5V40.5ZM9 34H13.5V15.5C13.5 14.3954 14.3954 13.5 15.5 13.5H34V9H9V34Z" 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} {...props}>
+<path d="M30 27H36V30H30V36.5H27V30H21V27H27V21H30V27Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M35 6C36.1046 6 37 6.89543 37 8V13.5H41.5C42.6046 13.5 43.5 14.3954 43.5 15.5V41.5C43.5 42.6046 42.6046 43.5 41.5 43.5H15.5C14.3954 43.5 13.5 42.6046 13.5 41.5V37H8C6.89543 37 6 36.1046 6 35V8C6 6.89543 6.89543 6 8 6H35ZM16.5 40.5H40.5V16.5H16.5V40.5ZM9 34H13.5V15.5C13.5 14.3954 14.3954 13.5 15.5 13.5H34V9H9V34Z" 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} {...props}>
+<path d="M29.5 25.5H35V29.5H29.5V35.5H25.5V29.5H20V25.5H25.5V20H29.5V25.5Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M34 5C35.1046 5 36 5.89543 36 7V12H40.5C41.8807 12 43 13.1193 43 14.5V40.5C43 41.8807 41.8807 43 40.5 43H14.5C13.1193 43 12 41.8807 12 40.5V36H7C5.89543 36 5 35.1046 5 34V7C5 5.89543 5.89543 5 7 5H34ZM16 39H39V16H16V39ZM9 32H12V14.5C12 13.1193 13.1193 12 14.5 12H32V9H9V32Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path d="M30 27H36V30H30V36.5H27V30H21V27H27V21H30V27Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M35 6C36.1046 6 37 6.89543 37 8V13.5H41.5C42.6046 13.5 43.5 14.3954 43.5 15.5V41.5C43.5 42.6046 42.6046 43.5 41.5 43.5H15.5C14.3954 43.5 13.5 42.6046 13.5 41.5V37H8C6.89543 37 6 36.1046 6 35V8C6 6.89543 6.89543 6 8 6H35ZM16.5 40.5H40.5V16.5H16.5V40.5ZM9 34H13.5V15.5C13.5 14.3954 14.3954 13.5 15.5 13.5H34V9H9V34Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  }
+);

package/assets/collections/index.tsx

@@ -0,0 +1,38 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface CollectionsProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const Collections = forwardRef<SVGSVGElement, CollectionsProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path fillRule="evenodd" clipRule="evenodd" d="M34 5C35.1046 5 36 5.89543 36 7V12.5H40.5C41.6046 12.5 42.5 13.3954 42.5 14.5V27.293C42.5 27.8234 42.2891 28.332 41.9141 28.707L35.8398 34.7803C35.6376 35.2563 35.2572 35.6365 34.7812 35.8389L28.707 41.9141C28.332 42.2891 27.8234 42.5 27.293 42.5H14.5C13.3954 42.5 12.5 41.6046 12.5 40.5V36H7C5.89543 36 5 35.1046 5 34V7C5 5.89543 5.89543 5 7 5H34ZM15.5 39.5H25.5V30C25.5 28.0671 27.0671 26.5001 29 26.5H39.5V15.5H15.5V39.5ZM29 29.5C28.724 29.5001 28.5 29.7239 28.5 30V37.8789L36.8789 29.5H29ZM8 33H12.5V14.5C12.5 13.3954 13.3954 12.5 14.5 12.5H33V8H8V33Z" 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} {...props}>
+<path fillRule="evenodd" clipRule="evenodd" d="M34 5C35.1046 5 36 5.89543 36 7V12.5H40.5C41.6046 12.5 42.5 13.3954 42.5 14.5V27.293C42.5 27.8234 42.2891 28.332 41.9141 28.707L35.8398 34.7803C35.6376 35.2563 35.2572 35.6365 34.7812 35.8389L28.707 41.9141C28.332 42.2891 27.8234 42.5 27.293 42.5H14.5C13.3954 42.5 12.5 41.6046 12.5 40.5V36H7C5.89543 36 5 35.1046 5 34V7C5 5.89543 5.89543 5 7 5H34ZM15.5 39.5H25.5V30C25.5 28.0671 27.0671 26.5001 29 26.5H39.5V15.5H15.5V39.5ZM29 29.5C28.724 29.5001 28.5 29.7239 28.5 30V37.8789L36.8789 29.5H29ZM8 33H12.5V14.5C12.5 13.3954 13.3954 12.5 14.5 12.5H33V8H8V33Z" 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} {...props}>
+<path fillRule="evenodd" clipRule="evenodd" d="M34 5C35.1046 5 36 5.89543 36 7V12H40.5C41.8807 12 43 13.1193 43 14.5V27.293C43 27.956 42.7364 28.5917 42.2676 29.0605L29.0605 42.2676C28.5917 42.7364 27.956 43 27.293 43H14.5C13.1193 43 12 41.8807 12 40.5V36H7C5.89543 36 5 35.1046 5 34V7C5 5.89543 5.89543 5 7 5H34ZM16 39H25V30C25 27.7909 26.791 26.0001 29 26H39V16H16V39ZM29 30V36.6719L35.6719 30H29ZM9 32H12V14.5C12 13.1193 13.1193 12 14.5 12H32V9H9V32Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<path fillRule="evenodd" clipRule="evenodd" d="M34 5C35.1046 5 36 5.89543 36 7V12.5H40.5C41.6046 12.5 42.5 13.3954 42.5 14.5V27.293C42.5 27.8234 42.2891 28.332 41.9141 28.707L35.8398 34.7803C35.6376 35.2563 35.2572 35.6365 34.7812 35.8389L28.707 41.9141C28.332 42.2891 27.8234 42.5 27.293 42.5H14.5C13.3954 42.5 12.5 41.6046 12.5 40.5V36H7C5.89543 36 5 35.1046 5 34V7C5 5.89543 5.89543 5 7 5H34ZM15.5 39.5H25.5V30C25.5 28.0671 27.0671 26.5001 29 26.5H39.5V15.5H15.5V39.5ZM29 29.5C28.724 29.5001 28.5 29.7239 28.5 30V37.8789L36.8789 29.5H29ZM8 33H12.5V14.5C12.5 13.3954 13.3954 12.5 14.5 12.5H33V8H8V33Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  }
+);

package/assets/color-docx/index.tsx

@@ -12,35 +12,35 @@ interface ColorDocxProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ColorDocx = forwardRef<SVGSVGElement, ColorDocxProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
 <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="#2A59B8"/>
-<path d="M33.9874 44.0009C33.893 44.0009 33.8324 43.974 33.8054 43.92C33.7784 43.8661 33.7784 43.7987 33.8054 43.7178L36.5556 36.9838C36.5691 36.9434 36.5691 36.9029 36.5556 36.8625L33.8054 30.1285C33.7919 30.1015 33.7852 30.0611 33.7852 30.0071C33.7852 29.8993 33.8526 29.8454 33.9874 29.8454H36.4141C36.5489 29.8454 36.6365 29.9128 36.677 30.0476L38.0318 33.9303C38.0453 33.9707 38.0656 33.9909 38.0925 33.9909C38.1195 33.9909 38.1397 33.9707 38.1532 33.9303L39.5081 30.0476C39.5485 29.9128 39.6361 29.8454 39.771 29.8454H42.1774C42.2718 29.8454 42.3324 29.8723 42.3594 29.9263C42.3864 29.9802 42.3864 30.0476 42.3594 30.1285L39.6092 36.8625C39.5957 36.9029 39.5957 36.9434 39.6092 36.9838L42.3594 43.7178C42.3729 43.7448 42.3796 43.7852 42.3796 43.8391C42.3796 43.947 42.3122 44.0009 42.1774 44.0009H39.771C39.6361 44.0009 39.5485 43.9335 39.5081 43.7987L38.1532 39.9363C38.1397 39.8958 38.1195 39.8756 38.0925 39.8756C38.0656 39.8756 38.0453 39.8958 38.0318 39.9363L36.6567 43.7987C36.6163 43.9335 36.5287 44.0009 36.3938 44.0009H33.9874Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M28.8875 44.1627C27.6741 44.1627 26.6967 43.8054 25.9552 43.0909C25.2272 42.3629 24.8632 41.3923 24.8632 40.1789V33.6269C24.8632 32.4271 25.2272 31.4699 25.9552 30.7554C26.6967 30.0409 27.6741 29.6836 28.8875 29.6836C30.1143 29.6836 31.0917 30.0409 31.8197 30.7554C32.5612 31.4699 32.9319 32.4271 32.9319 33.6269V33.8494C32.9319 33.9168 32.9049 33.9774 32.851 34.0314C32.8106 34.0718 32.7566 34.092 32.6892 34.092L30.3232 34.1931C30.1615 34.1931 30.0806 34.119 30.0806 33.9707V33.4449C30.0806 33.054 29.9727 32.7371 29.757 32.4945C29.5413 32.2518 29.2515 32.1305 28.8875 32.1305C28.5369 32.1305 28.2538 32.2518 28.0381 32.4945C27.8224 32.7371 27.7146 33.054 27.7146 33.4449V40.4216C27.7146 40.8126 27.8224 41.1294 28.0381 41.372C28.2538 41.6012 28.5369 41.7158 28.8875 41.7158C29.2515 41.7158 29.5413 41.6012 29.757 41.372C29.9727 41.1294 30.0806 40.8126 30.0806 40.4216V39.8756C30.0806 39.8082 30.1008 39.7543 30.1412 39.7138C30.1952 39.6599 30.2558 39.6329 30.3232 39.6329L32.6892 39.734C32.7566 39.734 32.8106 39.761 32.851 39.8149C32.9049 39.8554 32.9319 39.9093 32.9319 39.9767V40.1789C32.9319 41.3923 32.5612 42.3629 31.8197 43.0909C31.0782 43.8054 30.1008 44.1627 28.8875 44.1627Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M19.39 44.1627C18.1497 44.1627 17.1588 43.7987 16.4173 43.0707C15.6758 42.3427 15.3051 41.372 15.3051 40.1587V33.6876C15.3051 32.4743 15.6758 31.5036 16.4173 30.7756C17.1588 30.0476 18.1497 29.6836 19.39 29.6836C20.6303 29.6836 21.6211 30.0476 22.3626 30.7756C23.1176 31.5036 23.4951 32.4743 23.4951 33.6876V40.1587C23.4951 41.372 23.1176 42.3427 22.3626 43.0707C21.6211 43.7987 20.6303 44.1627 19.39 44.1627ZM19.39 41.7158C19.7674 41.7158 20.0708 41.5877 20.3 41.3316C20.5291 41.062 20.6437 40.7114 20.6437 40.28V33.5663C20.6437 33.1349 20.5291 32.7911 20.3 32.5349C20.0708 32.2653 19.7674 32.1305 19.39 32.1305C19.0125 32.1305 18.7091 32.2653 18.48 32.5349C18.2643 32.7911 18.1564 33.1349 18.1564 33.5663V40.28C18.1564 40.7114 18.2643 41.062 18.48 41.3316C18.7091 41.5877 19.0125 41.7158 19.39 41.7158Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M6.13256 44.0009C6.06515 44.0009 6.00449 43.9807 5.95056 43.9403C5.91011 43.8863 5.88989 43.8257 5.88989 43.7583V30.088C5.88989 30.0206 5.91011 29.9667 5.95056 29.9263C6.00449 29.8723 6.06515 29.8454 6.13256 29.8454H9.79278C11.0196 29.8454 12.0037 30.2026 12.7452 30.9171C13.4867 31.6317 13.8574 32.5821 13.8574 33.7685V40.0778C13.8574 41.2642 13.4867 42.2146 12.7452 42.9291C12.0037 43.6437 11.0196 44.0009 9.79278 44.0009H6.13256ZM8.74123 41.4529C8.74123 41.5203 8.77493 41.554 8.84234 41.554L9.75234 41.5338C10.1163 41.5203 10.4129 41.3653 10.6421 41.0687C10.8713 40.7721 10.9926 40.3811 11.0061 39.8958V33.9505C11.0061 33.4382 10.8915 33.0337 10.6623 32.7371C10.4332 32.4406 10.1231 32.2923 9.73211 32.2923H8.84234C8.77493 32.2923 8.74123 32.326 8.74123 32.3934V41.4529Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path d="M33.9874 44.0009C33.893 44.0009 33.8324 43.974 33.8054 43.92C33.7784 43.8661 33.7784 43.7987 33.8054 43.7178L36.5556 36.9838C36.5691 36.9434 36.5691 36.9029 36.5556 36.8625L33.8054 30.1285C33.7919 30.1015 33.7852 30.0611 33.7852 30.0071C33.7852 29.8993 33.8526 29.8454 33.9874 29.8454H36.4141C36.5489 29.8454 36.6365 29.9128 36.677 30.0476L38.0318 33.9303C38.0453 33.9707 38.0656 33.9909 38.0925 33.9909C38.1195 33.9909 38.1397 33.9707 38.1532 33.9303L39.5081 30.0476C39.5485 29.9128 39.6361 29.8454 39.771 29.8454H42.1774C42.2718 29.8454 42.3324 29.8723 42.3594 29.9263C42.3864 29.9802 42.3864 30.0476 42.3594 30.1285L39.6092 36.8625C39.5957 36.9029 39.5957 36.9434 39.6092 36.9838L42.3594 43.7178C42.3729 43.7448 42.3796 43.7852 42.3796 43.8391C42.3796 43.947 42.3122 44.0009 42.1774 44.0009H39.771C39.6361 44.0009 39.5485 43.9335 39.5081 43.7987L38.1532 39.9363C38.1397 39.8958 38.1195 39.8756 38.0925 39.8756C38.0656 39.8756 38.0453 39.8958 38.0318 39.9363L36.6567 43.7987C36.6163 43.9335 36.5287 44.0009 36.3938 44.0009H33.9874Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M28.8875 44.1627C27.6741 44.1627 26.6967 43.8054 25.9552 43.0909C25.2272 42.3629 24.8632 41.3923 24.8632 40.1789V33.6269C24.8632 32.4271 25.2272 31.4699 25.9552 30.7554C26.6967 30.0409 27.6741 29.6836 28.8875 29.6836C30.1143 29.6836 31.0917 30.0409 31.8197 30.7554C32.5612 31.4699 32.9319 32.4271 32.9319 33.6269V33.8494C32.9319 33.9168 32.9049 33.9774 32.851 34.0314C32.8106 34.0718 32.7566 34.092 32.6892 34.092L30.3232 34.1931C30.1615 34.1931 30.0806 34.119 30.0806 33.9707V33.4449C30.0806 33.054 29.9727 32.7371 29.757 32.4945C29.5413 32.2518 29.2515 32.1305 28.8875 32.1305C28.5369 32.1305 28.2538 32.2518 28.0381 32.4945C27.8224 32.7371 27.7146 33.054 27.7146 33.4449V40.4216C27.7146 40.8126 27.8224 41.1294 28.0381 41.372C28.2538 41.6012 28.5369 41.7158 28.8875 41.7158C29.2515 41.7158 29.5413 41.6012 29.757 41.372C29.9727 41.1294 30.0806 40.8126 30.0806 40.4216V39.8756C30.0806 39.8082 30.1008 39.7543 30.1412 39.7138C30.1952 39.6599 30.2558 39.6329 30.3232 39.6329L32.6892 39.734C32.7566 39.734 32.8106 39.761 32.851 39.8149C32.9049 39.8554 32.9319 39.9093 32.9319 39.9767V40.1789C32.9319 41.3923 32.5612 42.3629 31.8197 43.0909C31.0782 43.8054 30.1008 44.1627 28.8875 44.1627Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M19.39 44.1627C18.1497 44.1627 17.1588 43.7987 16.4173 43.0707C15.6758 42.3427 15.3051 41.372 15.3051 40.1587V33.6876C15.3051 32.4743 15.6758 31.5036 16.4173 30.7756C17.1588 30.0476 18.1497 29.6836 19.39 29.6836C20.6303 29.6836 21.6211 30.0476 22.3626 30.7756C23.1176 31.5036 23.4951 32.4743 23.4951 33.6876V40.1587C23.4951 41.372 23.1176 42.3427 22.3626 43.0707C21.6211 43.7987 20.6303 44.1627 19.39 44.1627ZM19.39 41.7158C19.7674 41.7158 20.0708 41.5877 20.3 41.3316C20.5291 41.062 20.6437 40.7114 20.6437 40.28V33.5663C20.6437 33.1349 20.5291 32.7911 20.3 32.5349C20.0708 32.2653 19.7674 32.1305 19.39 32.1305C19.0125 32.1305 18.7091 32.2653 18.48 32.5349C18.2643 32.7911 18.1564 33.1349 18.1564 33.5663V40.28C18.1564 40.7114 18.2643 41.062 18.48 41.3316C18.7091 41.5877 19.0125 41.7158 19.39 41.7158Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M6.13256 44.0009C6.06515 44.0009 6.00449 43.9807 5.95056 43.9403C5.91011 43.8863 5.88989 43.8257 5.88989 43.7583V30.088C5.88989 30.0206 5.91011 29.9667 5.95056 29.9263C6.00449 29.8723 6.06515 29.8454 6.13256 29.8454H9.79278C11.0196 29.8454 12.0037 30.2026 12.7452 30.9171C13.4867 31.6317 13.8574 32.5821 13.8574 33.7685V40.0778C13.8574 41.2642 13.4867 42.2146 12.7452 42.9291C12.0037 43.6437 11.0196 44.0009 9.79278 44.0009H6.13256ZM8.74123 41.4529C8.74123 41.5203 8.77493 41.554 8.84234 41.554L9.75234 41.5338C10.1163 41.5203 10.4129 41.3653 10.6421 41.0687C10.8713 40.7721 10.9926 40.3811 11.0061 39.8958V33.9505C11.0061 33.4382 10.8915 33.0337 10.6623 32.7371C10.4332 32.4406 10.1231 32.2923 9.73211 32.2923H8.84234C8.77493 32.2923 8.74123 32.326 8.74123 32.3934V41.4529Z" 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} {...props}>
 <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="#2A59B8"/>
-<path d="M33.9874 44.0009C33.893 44.0009 33.8324 43.974 33.8054 43.92C33.7784 43.8661 33.7784 43.7987 33.8054 43.7178L36.5556 36.9838C36.5691 36.9434 36.5691 36.9029 36.5556 36.8625L33.8054 30.1285C33.7919 30.1015 33.7852 30.0611 33.7852 30.0071C33.7852 29.8993 33.8526 29.8454 33.9874 29.8454H36.4141C36.5489 29.8454 36.6365 29.9128 36.677 30.0476L38.0318 33.9303C38.0453 33.9707 38.0656 33.9909 38.0925 33.9909C38.1195 33.9909 38.1397 33.9707 38.1532 33.9303L39.5081 30.0476C39.5485 29.9128 39.6361 29.8454 39.771 29.8454H42.1774C42.2718 29.8454 42.3324 29.8723 42.3594 29.9263C42.3864 29.9802 42.3864 30.0476 42.3594 30.1285L39.6092 36.8625C39.5957 36.9029 39.5957 36.9434 39.6092 36.9838L42.3594 43.7178C42.3729 43.7448 42.3796 43.7852 42.3796 43.8391C42.3796 43.947 42.3122 44.0009 42.1774 44.0009H39.771C39.6361 44.0009 39.5485 43.9335 39.5081 43.7987L38.1532 39.9363C38.1397 39.8958 38.1195 39.8756 38.0925 39.8756C38.0656 39.8756 38.0453 39.8958 38.0318 39.9363L36.6567 43.7987C36.6163 43.9335 36.5287 44.0009 36.3938 44.0009H33.9874Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M28.8875 44.1627C27.6741 44.1627 26.6967 43.8054 25.9552 43.0909C25.2272 42.3629 24.8632 41.3923 24.8632 40.1789V33.6269C24.8632 32.4271 25.2272 31.4699 25.9552 30.7554C26.6967 30.0409 27.6741 29.6836 28.8875 29.6836C30.1143 29.6836 31.0917 30.0409 31.8197 30.7554C32.5612 31.4699 32.9319 32.4271 32.9319 33.6269V33.8494C32.9319 33.9168 32.9049 33.9774 32.851 34.0314C32.8106 34.0718 32.7566 34.092 32.6892 34.092L30.3232 34.1931C30.1615 34.1931 30.0806 34.119 30.0806 33.9707V33.4449C30.0806 33.054 29.9727 32.7371 29.757 32.4945C29.5413 32.2518 29.2515 32.1305 28.8875 32.1305C28.5369 32.1305 28.2538 32.2518 28.0381 32.4945C27.8224 32.7371 27.7146 33.054 27.7146 33.4449V40.4216C27.7146 40.8126 27.8224 41.1294 28.0381 41.372C28.2538 41.6012 28.5369 41.7158 28.8875 41.7158C29.2515 41.7158 29.5413 41.6012 29.757 41.372C29.9727 41.1294 30.0806 40.8126 30.0806 40.4216V39.8756C30.0806 39.8082 30.1008 39.7543 30.1412 39.7138C30.1952 39.6599 30.2558 39.6329 30.3232 39.6329L32.6892 39.734C32.7566 39.734 32.8106 39.761 32.851 39.8149C32.9049 39.8554 32.9319 39.9093 32.9319 39.9767V40.1789C32.9319 41.3923 32.5612 42.3629 31.8197 43.0909C31.0782 43.8054 30.1008 44.1627 28.8875 44.1627Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M19.39 44.1627C18.1497 44.1627 17.1588 43.7987 16.4173 43.0707C15.6758 42.3427 15.3051 41.372 15.3051 40.1587V33.6876C15.3051 32.4743 15.6758 31.5036 16.4173 30.7756C17.1588 30.0476 18.1497 29.6836 19.39 29.6836C20.6303 29.6836 21.6211 30.0476 22.3626 30.7756C23.1176 31.5036 23.4951 32.4743 23.4951 33.6876V40.1587C23.4951 41.372 23.1176 42.3427 22.3626 43.0707C21.6211 43.7987 20.6303 44.1627 19.39 44.1627ZM19.39 41.7158C19.7674 41.7158 20.0708 41.5877 20.3 41.3316C20.5291 41.062 20.6437 40.7114 20.6437 40.28V33.5663C20.6437 33.1349 20.5291 32.7911 20.3 32.5349C20.0708 32.2653 19.7674 32.1305 19.39 32.1305C19.0125 32.1305 18.7091 32.2653 18.48 32.5349C18.2643 32.7911 18.1564 33.1349 18.1564 33.5663V40.28C18.1564 40.7114 18.2643 41.062 18.48 41.3316C18.7091 41.5877 19.0125 41.7158 19.39 41.7158Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M6.13256 44.0009C6.06515 44.0009 6.00449 43.9807 5.95056 43.9403C5.91011 43.8863 5.88989 43.8257 5.88989 43.7583V30.088C5.88989 30.0206 5.91011 29.9667 5.95056 29.9263C6.00449 29.8723 6.06515 29.8454 6.13256 29.8454H9.79278C11.0196 29.8454 12.0037 30.2026 12.7452 30.9171C13.4867 31.6317 13.8574 32.5821 13.8574 33.7685V40.0778C13.8574 41.2642 13.4867 42.2146 12.7452 42.9291C12.0037 43.6437 11.0196 44.0009 9.79278 44.0009H6.13256ZM8.74123 41.4529C8.74123 41.5203 8.77493 41.554 8.84234 41.554L9.75234 41.5338C10.1163 41.5203 10.4129 41.3653 10.6421 41.0687C10.8713 40.7721 10.9926 40.3811 11.0061 39.8958V33.9505C11.0061 33.4382 10.8915 33.0337 10.6623 32.7371C10.4332 32.4406 10.1231 32.2923 9.73211 32.2923H8.84234C8.77493 32.2923 8.74123 32.326 8.74123 32.3934V41.4529Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path d="M33.9874 44.0009C33.893 44.0009 33.8324 43.974 33.8054 43.92C33.7784 43.8661 33.7784 43.7987 33.8054 43.7178L36.5556 36.9838C36.5691 36.9434 36.5691 36.9029 36.5556 36.8625L33.8054 30.1285C33.7919 30.1015 33.7852 30.0611 33.7852 30.0071C33.7852 29.8993 33.8526 29.8454 33.9874 29.8454H36.4141C36.5489 29.8454 36.6365 29.9128 36.677 30.0476L38.0318 33.9303C38.0453 33.9707 38.0656 33.9909 38.0925 33.9909C38.1195 33.9909 38.1397 33.9707 38.1532 33.9303L39.5081 30.0476C39.5485 29.9128 39.6361 29.8454 39.771 29.8454H42.1774C42.2718 29.8454 42.3324 29.8723 42.3594 29.9263C42.3864 29.9802 42.3864 30.0476 42.3594 30.1285L39.6092 36.8625C39.5957 36.9029 39.5957 36.9434 39.6092 36.9838L42.3594 43.7178C42.3729 43.7448 42.3796 43.7852 42.3796 43.8391C42.3796 43.947 42.3122 44.0009 42.1774 44.0009H39.771C39.6361 44.0009 39.5485 43.9335 39.5081 43.7987L38.1532 39.9363C38.1397 39.8958 38.1195 39.8756 38.0925 39.8756C38.0656 39.8756 38.0453 39.8958 38.0318 39.9363L36.6567 43.7987C36.6163 43.9335 36.5287 44.0009 36.3938 44.0009H33.9874Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M28.8875 44.1627C27.6741 44.1627 26.6967 43.8054 25.9552 43.0909C25.2272 42.3629 24.8632 41.3923 24.8632 40.1789V33.6269C24.8632 32.4271 25.2272 31.4699 25.9552 30.7554C26.6967 30.0409 27.6741 29.6836 28.8875 29.6836C30.1143 29.6836 31.0917 30.0409 31.8197 30.7554C32.5612 31.4699 32.9319 32.4271 32.9319 33.6269V33.8494C32.9319 33.9168 32.9049 33.9774 32.851 34.0314C32.8106 34.0718 32.7566 34.092 32.6892 34.092L30.3232 34.1931C30.1615 34.1931 30.0806 34.119 30.0806 33.9707V33.4449C30.0806 33.054 29.9727 32.7371 29.757 32.4945C29.5413 32.2518 29.2515 32.1305 28.8875 32.1305C28.5369 32.1305 28.2538 32.2518 28.0381 32.4945C27.8224 32.7371 27.7146 33.054 27.7146 33.4449V40.4216C27.7146 40.8126 27.8224 41.1294 28.0381 41.372C28.2538 41.6012 28.5369 41.7158 28.8875 41.7158C29.2515 41.7158 29.5413 41.6012 29.757 41.372C29.9727 41.1294 30.0806 40.8126 30.0806 40.4216V39.8756C30.0806 39.8082 30.1008 39.7543 30.1412 39.7138C30.1952 39.6599 30.2558 39.6329 30.3232 39.6329L32.6892 39.734C32.7566 39.734 32.8106 39.761 32.851 39.8149C32.9049 39.8554 32.9319 39.9093 32.9319 39.9767V40.1789C32.9319 41.3923 32.5612 42.3629 31.8197 43.0909C31.0782 43.8054 30.1008 44.1627 28.8875 44.1627Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M19.39 44.1627C18.1497 44.1627 17.1588 43.7987 16.4173 43.0707C15.6758 42.3427 15.3051 41.372 15.3051 40.1587V33.6876C15.3051 32.4743 15.6758 31.5036 16.4173 30.7756C17.1588 30.0476 18.1497 29.6836 19.39 29.6836C20.6303 29.6836 21.6211 30.0476 22.3626 30.7756C23.1176 31.5036 23.4951 32.4743 23.4951 33.6876V40.1587C23.4951 41.372 23.1176 42.3427 22.3626 43.0707C21.6211 43.7987 20.6303 44.1627 19.39 44.1627ZM19.39 41.7158C19.7674 41.7158 20.0708 41.5877 20.3 41.3316C20.5291 41.062 20.6437 40.7114 20.6437 40.28V33.5663C20.6437 33.1349 20.5291 32.7911 20.3 32.5349C20.0708 32.2653 19.7674 32.1305 19.39 32.1305C19.0125 32.1305 18.7091 32.2653 18.48 32.5349C18.2643 32.7911 18.1564 33.1349 18.1564 33.5663V40.28C18.1564 40.7114 18.2643 41.062 18.48 41.3316C18.7091 41.5877 19.0125 41.7158 19.39 41.7158Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M6.13256 44.0009C6.06515 44.0009 6.00449 43.9807 5.95056 43.9403C5.91011 43.8863 5.88989 43.8257 5.88989 43.7583V30.088C5.88989 30.0206 5.91011 29.9667 5.95056 29.9263C6.00449 29.8723 6.06515 29.8454 6.13256 29.8454H9.79278C11.0196 29.8454 12.0037 30.2026 12.7452 30.9171C13.4867 31.6317 13.8574 32.5821 13.8574 33.7685V40.0778C13.8574 41.2642 13.4867 42.2146 12.7452 42.9291C12.0037 43.6437 11.0196 44.0009 9.79278 44.0009H6.13256ZM8.74123 41.4529C8.74123 41.5203 8.77493 41.554 8.84234 41.554L9.75234 41.5338C10.1163 41.5203 10.4129 41.3653 10.6421 41.0687C10.8713 40.7721 10.9926 40.3811 11.0061 39.8958V33.9505C11.0061 33.4382 10.8915 33.0337 10.6623 32.7371C10.4332 32.4406 10.1231 32.2923 9.73211 32.2923H8.84234C8.77493 32.2923 8.74123 32.326 8.74123 32.3934V41.4529Z" 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} {...props}>
 <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="#2A59B8"/>
-<path d="M33.9874 44.0009C33.893 44.0009 33.8324 43.974 33.8054 43.92C33.7784 43.8661 33.7784 43.7987 33.8054 43.7178L36.5556 36.9838C36.5691 36.9434 36.5691 36.9029 36.5556 36.8625L33.8054 30.1285C33.7919 30.1015 33.7852 30.0611 33.7852 30.0071C33.7852 29.8993 33.8526 29.8454 33.9874 29.8454H36.4141C36.5489 29.8454 36.6365 29.9128 36.677 30.0476L38.0318 33.9303C38.0453 33.9707 38.0656 33.9909 38.0925 33.9909C38.1195 33.9909 38.1397 33.9707 38.1532 33.9303L39.5081 30.0476C39.5485 29.9128 39.6361 29.8454 39.771 29.8454H42.1774C42.2718 29.8454 42.3324 29.8723 42.3594 29.9263C42.3864 29.9802 42.3864 30.0476 42.3594 30.1285L39.6092 36.8625C39.5957 36.9029 39.5957 36.9434 39.6092 36.9838L42.3594 43.7178C42.3729 43.7448 42.3796 43.7852 42.3796 43.8391C42.3796 43.947 42.3122 44.0009 42.1774 44.0009H39.771C39.6361 44.0009 39.5485 43.9335 39.5081 43.7987L38.1532 39.9363C38.1397 39.8958 38.1195 39.8756 38.0925 39.8756C38.0656 39.8756 38.0453 39.8958 38.0318 39.9363L36.6567 43.7987C36.6163 43.9335 36.5287 44.0009 36.3938 44.0009H33.9874Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M28.8875 44.1627C27.6741 44.1627 26.6967 43.8054 25.9552 43.0909C25.2272 42.3629 24.8632 41.3923 24.8632 40.1789V33.6269C24.8632 32.4271 25.2272 31.4699 25.9552 30.7554C26.6967 30.0409 27.6741 29.6836 28.8875 29.6836C30.1143 29.6836 31.0917 30.0409 31.8197 30.7554C32.5612 31.4699 32.9319 32.4271 32.9319 33.6269V33.8494C32.9319 33.9168 32.9049 33.9774 32.851 34.0314C32.8106 34.0718 32.7566 34.092 32.6892 34.092L30.3232 34.1931C30.1615 34.1931 30.0806 34.119 30.0806 33.9707V33.4449C30.0806 33.054 29.9727 32.7371 29.757 32.4945C29.5413 32.2518 29.2515 32.1305 28.8875 32.1305C28.5369 32.1305 28.2538 32.2518 28.0381 32.4945C27.8224 32.7371 27.7146 33.054 27.7146 33.4449V40.4216C27.7146 40.8126 27.8224 41.1294 28.0381 41.372C28.2538 41.6012 28.5369 41.7158 28.8875 41.7158C29.2515 41.7158 29.5413 41.6012 29.757 41.372C29.9727 41.1294 30.0806 40.8126 30.0806 40.4216V39.8756C30.0806 39.8082 30.1008 39.7543 30.1412 39.7138C30.1952 39.6599 30.2558 39.6329 30.3232 39.6329L32.6892 39.734C32.7566 39.734 32.8106 39.761 32.851 39.8149C32.9049 39.8554 32.9319 39.9093 32.9319 39.9767V40.1789C32.9319 41.3923 32.5612 42.3629 31.8197 43.0909C31.0782 43.8054 30.1008 44.1627 28.8875 44.1627Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M19.39 44.1627C18.1497 44.1627 17.1588 43.7987 16.4173 43.0707C15.6758 42.3427 15.3051 41.372 15.3051 40.1587V33.6876C15.3051 32.4743 15.6758 31.5036 16.4173 30.7756C17.1588 30.0476 18.1497 29.6836 19.39 29.6836C20.6303 29.6836 21.6211 30.0476 22.3626 30.7756C23.1176 31.5036 23.4951 32.4743 23.4951 33.6876V40.1587C23.4951 41.372 23.1176 42.3427 22.3626 43.0707C21.6211 43.7987 20.6303 44.1627 19.39 44.1627ZM19.39 41.7158C19.7674 41.7158 20.0708 41.5877 20.3 41.3316C20.5291 41.062 20.6437 40.7114 20.6437 40.28V33.5663C20.6437 33.1349 20.5291 32.7911 20.3 32.5349C20.0708 32.2653 19.7674 32.1305 19.39 32.1305C19.0125 32.1305 18.7091 32.2653 18.48 32.5349C18.2643 32.7911 18.1564 33.1349 18.1564 33.5663V40.28C18.1564 40.7114 18.2643 41.062 18.48 41.3316C18.7091 41.5877 19.0125 41.7158 19.39 41.7158Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M6.13256 44.0009C6.06515 44.0009 6.00449 43.9807 5.95056 43.9403C5.91011 43.8863 5.88989 43.8257 5.88989 43.7583V30.088C5.88989 30.0206 5.91011 29.9667 5.95056 29.9263C6.00449 29.8723 6.06515 29.8454 6.13256 29.8454H9.79278C11.0196 29.8454 12.0037 30.2026 12.7452 30.9171C13.4867 31.6317 13.8574 32.5821 13.8574 33.7685V40.0778C13.8574 41.2642 13.4867 42.2146 12.7452 42.9291C12.0037 43.6437 11.0196 44.0009 9.79278 44.0009H6.13256ZM8.74123 41.4529C8.74123 41.5203 8.77493 41.554 8.84234 41.554L9.75234 41.5338C10.1163 41.5203 10.4129 41.3653 10.6421 41.0687C10.8713 40.7721 10.9926 40.3811 11.0061 39.8958V33.9505C11.0061 33.4382 10.8915 33.0337 10.6623 32.7371C10.4332 32.4406 10.1231 32.2923 9.73211 32.2923H8.84234C8.77493 32.2923 8.74123 32.326 8.74123 32.3934V41.4529Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path d="M33.9874 44.0009C33.893 44.0009 33.8324 43.974 33.8054 43.92C33.7784 43.8661 33.7784 43.7987 33.8054 43.7178L36.5556 36.9838C36.5691 36.9434 36.5691 36.9029 36.5556 36.8625L33.8054 30.1285C33.7919 30.1015 33.7852 30.0611 33.7852 30.0071C33.7852 29.8993 33.8526 29.8454 33.9874 29.8454H36.4141C36.5489 29.8454 36.6365 29.9128 36.677 30.0476L38.0318 33.9303C38.0453 33.9707 38.0656 33.9909 38.0925 33.9909C38.1195 33.9909 38.1397 33.9707 38.1532 33.9303L39.5081 30.0476C39.5485 29.9128 39.6361 29.8454 39.771 29.8454H42.1774C42.2718 29.8454 42.3324 29.8723 42.3594 29.9263C42.3864 29.9802 42.3864 30.0476 42.3594 30.1285L39.6092 36.8625C39.5957 36.9029 39.5957 36.9434 39.6092 36.9838L42.3594 43.7178C42.3729 43.7448 42.3796 43.7852 42.3796 43.8391C42.3796 43.947 42.3122 44.0009 42.1774 44.0009H39.771C39.6361 44.0009 39.5485 43.9335 39.5081 43.7987L38.1532 39.9363C38.1397 39.8958 38.1195 39.8756 38.0925 39.8756C38.0656 39.8756 38.0453 39.8958 38.0318 39.9363L36.6567 43.7987C36.6163 43.9335 36.5287 44.0009 36.3938 44.0009H33.9874Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M28.8875 44.1627C27.6741 44.1627 26.6967 43.8054 25.9552 43.0909C25.2272 42.3629 24.8632 41.3923 24.8632 40.1789V33.6269C24.8632 32.4271 25.2272 31.4699 25.9552 30.7554C26.6967 30.0409 27.6741 29.6836 28.8875 29.6836C30.1143 29.6836 31.0917 30.0409 31.8197 30.7554C32.5612 31.4699 32.9319 32.4271 32.9319 33.6269V33.8494C32.9319 33.9168 32.9049 33.9774 32.851 34.0314C32.8106 34.0718 32.7566 34.092 32.6892 34.092L30.3232 34.1931C30.1615 34.1931 30.0806 34.119 30.0806 33.9707V33.4449C30.0806 33.054 29.9727 32.7371 29.757 32.4945C29.5413 32.2518 29.2515 32.1305 28.8875 32.1305C28.5369 32.1305 28.2538 32.2518 28.0381 32.4945C27.8224 32.7371 27.7146 33.054 27.7146 33.4449V40.4216C27.7146 40.8126 27.8224 41.1294 28.0381 41.372C28.2538 41.6012 28.5369 41.7158 28.8875 41.7158C29.2515 41.7158 29.5413 41.6012 29.757 41.372C29.9727 41.1294 30.0806 40.8126 30.0806 40.4216V39.8756C30.0806 39.8082 30.1008 39.7543 30.1412 39.7138C30.1952 39.6599 30.2558 39.6329 30.3232 39.6329L32.6892 39.734C32.7566 39.734 32.8106 39.761 32.851 39.8149C32.9049 39.8554 32.9319 39.9093 32.9319 39.9767V40.1789C32.9319 41.3923 32.5612 42.3629 31.8197 43.0909C31.0782 43.8054 30.1008 44.1627 28.8875 44.1627Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M19.39 44.1627C18.1497 44.1627 17.1588 43.7987 16.4173 43.0707C15.6758 42.3427 15.3051 41.372 15.3051 40.1587V33.6876C15.3051 32.4743 15.6758 31.5036 16.4173 30.7756C17.1588 30.0476 18.1497 29.6836 19.39 29.6836C20.6303 29.6836 21.6211 30.0476 22.3626 30.7756C23.1176 31.5036 23.4951 32.4743 23.4951 33.6876V40.1587C23.4951 41.372 23.1176 42.3427 22.3626 43.0707C21.6211 43.7987 20.6303 44.1627 19.39 44.1627ZM19.39 41.7158C19.7674 41.7158 20.0708 41.5877 20.3 41.3316C20.5291 41.062 20.6437 40.7114 20.6437 40.28V33.5663C20.6437 33.1349 20.5291 32.7911 20.3 32.5349C20.0708 32.2653 19.7674 32.1305 19.39 32.1305C19.0125 32.1305 18.7091 32.2653 18.48 32.5349C18.2643 32.7911 18.1564 33.1349 18.1564 33.5663V40.28C18.1564 40.7114 18.2643 41.062 18.48 41.3316C18.7091 41.5877 19.0125 41.7158 19.39 41.7158Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M6.13256 44.0009C6.06515 44.0009 6.00449 43.9807 5.95056 43.9403C5.91011 43.8863 5.88989 43.8257 5.88989 43.7583V30.088C5.88989 30.0206 5.91011 29.9667 5.95056 29.9263C6.00449 29.8723 6.06515 29.8454 6.13256 29.8454H9.79278C11.0196 29.8454 12.0037 30.2026 12.7452 30.9171C13.4867 31.6317 13.8574 32.5821 13.8574 33.7685V40.0778C13.8574 41.2642 13.4867 42.2146 12.7452 42.9291C12.0037 43.6437 11.0196 44.0009 9.79278 44.0009H6.13256ZM8.74123 41.4529C8.74123 41.5203 8.77493 41.554 8.84234 41.554L9.75234 41.5338C10.1163 41.5203 10.4129 41.3653 10.6421 41.0687C10.8713 40.7721 10.9926 40.3811 11.0061 39.8958V33.9505C11.0061 33.4382 10.8915 33.0337 10.6623 32.7371C10.4332 32.4406 10.1231 32.2923 9.73211 32.2923H8.84234C8.77493 32.2923 8.74123 32.326 8.74123 32.3934V41.4529Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   } 
@@ -48,10 +48,10 @@ export const ColorDocx = forwardRef<SVGSVGElement, ColorDocxProps>(
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
 <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="#2A59B8"/>
-<path d="M33.9874 44.0009C33.893 44.0009 33.8324 43.974 33.8054 43.92C33.7784 43.8661 33.7784 43.7987 33.8054 43.7178L36.5556 36.9838C36.5691 36.9434 36.5691 36.9029 36.5556 36.8625L33.8054 30.1285C33.7919 30.1015 33.7852 30.0611 33.7852 30.0071C33.7852 29.8993 33.8526 29.8454 33.9874 29.8454H36.4141C36.5489 29.8454 36.6365 29.9128 36.677 30.0476L38.0318 33.9303C38.0453 33.9707 38.0656 33.9909 38.0925 33.9909C38.1195 33.9909 38.1397 33.9707 38.1532 33.9303L39.5081 30.0476C39.5485 29.9128 39.6361 29.8454 39.771 29.8454H42.1774C42.2718 29.8454 42.3324 29.8723 42.3594 29.9263C42.3864 29.9802 42.3864 30.0476 42.3594 30.1285L39.6092 36.8625C39.5957 36.9029 39.5957 36.9434 39.6092 36.9838L42.3594 43.7178C42.3729 43.7448 42.3796 43.7852 42.3796 43.8391C42.3796 43.947 42.3122 44.0009 42.1774 44.0009H39.771C39.6361 44.0009 39.5485 43.9335 39.5081 43.7987L38.1532 39.9363C38.1397 39.8958 38.1195 39.8756 38.0925 39.8756C38.0656 39.8756 38.0453 39.8958 38.0318 39.9363L36.6567 43.7987C36.6163 43.9335 36.5287 44.0009 36.3938 44.0009H33.9874Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M28.8875 44.1627C27.6741 44.1627 26.6967 43.8054 25.9552 43.0909C25.2272 42.3629 24.8632 41.3923 24.8632 40.1789V33.6269C24.8632 32.4271 25.2272 31.4699 25.9552 30.7554C26.6967 30.0409 27.6741 29.6836 28.8875 29.6836C30.1143 29.6836 31.0917 30.0409 31.8197 30.7554C32.5612 31.4699 32.9319 32.4271 32.9319 33.6269V33.8494C32.9319 33.9168 32.9049 33.9774 32.851 34.0314C32.8106 34.0718 32.7566 34.092 32.6892 34.092L30.3232 34.1931C30.1615 34.1931 30.0806 34.119 30.0806 33.9707V33.4449C30.0806 33.054 29.9727 32.7371 29.757 32.4945C29.5413 32.2518 29.2515 32.1305 28.8875 32.1305C28.5369 32.1305 28.2538 32.2518 28.0381 32.4945C27.8224 32.7371 27.7146 33.054 27.7146 33.4449V40.4216C27.7146 40.8126 27.8224 41.1294 28.0381 41.372C28.2538 41.6012 28.5369 41.7158 28.8875 41.7158C29.2515 41.7158 29.5413 41.6012 29.757 41.372C29.9727 41.1294 30.0806 40.8126 30.0806 40.4216V39.8756C30.0806 39.8082 30.1008 39.7543 30.1412 39.7138C30.1952 39.6599 30.2558 39.6329 30.3232 39.6329L32.6892 39.734C32.7566 39.734 32.8106 39.761 32.851 39.8149C32.9049 39.8554 32.9319 39.9093 32.9319 39.9767V40.1789C32.9319 41.3923 32.5612 42.3629 31.8197 43.0909C31.0782 43.8054 30.1008 44.1627 28.8875 44.1627Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M19.39 44.1627C18.1497 44.1627 17.1588 43.7987 16.4173 43.0707C15.6758 42.3427 15.3051 41.372 15.3051 40.1587V33.6876C15.3051 32.4743 15.6758 31.5036 16.4173 30.7756C17.1588 30.0476 18.1497 29.6836 19.39 29.6836C20.6303 29.6836 21.6211 30.0476 22.3626 30.7756C23.1176 31.5036 23.4951 32.4743 23.4951 33.6876V40.1587C23.4951 41.372 23.1176 42.3427 22.3626 43.0707C21.6211 43.7987 20.6303 44.1627 19.39 44.1627ZM19.39 41.7158C19.7674 41.7158 20.0708 41.5877 20.3 41.3316C20.5291 41.062 20.6437 40.7114 20.6437 40.28V33.5663C20.6437 33.1349 20.5291 32.7911 20.3 32.5349C20.0708 32.2653 19.7674 32.1305 19.39 32.1305C19.0125 32.1305 18.7091 32.2653 18.48 32.5349C18.2643 32.7911 18.1564 33.1349 18.1564 33.5663V40.28C18.1564 40.7114 18.2643 41.062 18.48 41.3316C18.7091 41.5877 19.0125 41.7158 19.39 41.7158Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
-<path d="M6.13256 44.0009C6.06515 44.0009 6.00449 43.9807 5.95056 43.9403C5.91011 43.8863 5.88989 43.8257 5.88989 43.7583V30.088C5.88989 30.0206 5.91011 29.9667 5.95056 29.9263C6.00449 29.8723 6.06515 29.8454 6.13256 29.8454H9.79278C11.0196 29.8454 12.0037 30.2026 12.7452 30.9171C13.4867 31.6317 13.8574 32.5821 13.8574 33.7685V40.0778C13.8574 41.2642 13.4867 42.2146 12.7452 42.9291C12.0037 43.6437 11.0196 44.0009 9.79278 44.0009H6.13256ZM8.74123 41.4529C8.74123 41.5203 8.77493 41.554 8.84234 41.554L9.75234 41.5338C10.1163 41.5203 10.4129 41.3653 10.6421 41.0687C10.8713 40.7721 10.9926 40.3811 11.0061 39.8958V33.9505C11.0061 33.4382 10.8915 33.0337 10.6623 32.7371C10.4332 32.4406 10.1231 32.2923 9.73211 32.2923H8.84234C8.77493 32.2923 8.74123 32.326 8.74123 32.3934V41.4529Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path d="M33.9874 44.0009C33.893 44.0009 33.8324 43.974 33.8054 43.92C33.7784 43.8661 33.7784 43.7987 33.8054 43.7178L36.5556 36.9838C36.5691 36.9434 36.5691 36.9029 36.5556 36.8625L33.8054 30.1285C33.7919 30.1015 33.7852 30.0611 33.7852 30.0071C33.7852 29.8993 33.8526 29.8454 33.9874 29.8454H36.4141C36.5489 29.8454 36.6365 29.9128 36.677 30.0476L38.0318 33.9303C38.0453 33.9707 38.0656 33.9909 38.0925 33.9909C38.1195 33.9909 38.1397 33.9707 38.1532 33.9303L39.5081 30.0476C39.5485 29.9128 39.6361 29.8454 39.771 29.8454H42.1774C42.2718 29.8454 42.3324 29.8723 42.3594 29.9263C42.3864 29.9802 42.3864 30.0476 42.3594 30.1285L39.6092 36.8625C39.5957 36.9029 39.5957 36.9434 39.6092 36.9838L42.3594 43.7178C42.3729 43.7448 42.3796 43.7852 42.3796 43.8391C42.3796 43.947 42.3122 44.0009 42.1774 44.0009H39.771C39.6361 44.0009 39.5485 43.9335 39.5081 43.7987L38.1532 39.9363C38.1397 39.8958 38.1195 39.8756 38.0925 39.8756C38.0656 39.8756 38.0453 39.8958 38.0318 39.9363L36.6567 43.7987C36.6163 43.9335 36.5287 44.0009 36.3938 44.0009H33.9874Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M28.8875 44.1627C27.6741 44.1627 26.6967 43.8054 25.9552 43.0909C25.2272 42.3629 24.8632 41.3923 24.8632 40.1789V33.6269C24.8632 32.4271 25.2272 31.4699 25.9552 30.7554C26.6967 30.0409 27.6741 29.6836 28.8875 29.6836C30.1143 29.6836 31.0917 30.0409 31.8197 30.7554C32.5612 31.4699 32.9319 32.4271 32.9319 33.6269V33.8494C32.9319 33.9168 32.9049 33.9774 32.851 34.0314C32.8106 34.0718 32.7566 34.092 32.6892 34.092L30.3232 34.1931C30.1615 34.1931 30.0806 34.119 30.0806 33.9707V33.4449C30.0806 33.054 29.9727 32.7371 29.757 32.4945C29.5413 32.2518 29.2515 32.1305 28.8875 32.1305C28.5369 32.1305 28.2538 32.2518 28.0381 32.4945C27.8224 32.7371 27.7146 33.054 27.7146 33.4449V40.4216C27.7146 40.8126 27.8224 41.1294 28.0381 41.372C28.2538 41.6012 28.5369 41.7158 28.8875 41.7158C29.2515 41.7158 29.5413 41.6012 29.757 41.372C29.9727 41.1294 30.0806 40.8126 30.0806 40.4216V39.8756C30.0806 39.8082 30.1008 39.7543 30.1412 39.7138C30.1952 39.6599 30.2558 39.6329 30.3232 39.6329L32.6892 39.734C32.7566 39.734 32.8106 39.761 32.851 39.8149C32.9049 39.8554 32.9319 39.9093 32.9319 39.9767V40.1789C32.9319 41.3923 32.5612 42.3629 31.8197 43.0909C31.0782 43.8054 30.1008 44.1627 28.8875 44.1627Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M19.39 44.1627C18.1497 44.1627 17.1588 43.7987 16.4173 43.0707C15.6758 42.3427 15.3051 41.372 15.3051 40.1587V33.6876C15.3051 32.4743 15.6758 31.5036 16.4173 30.7756C17.1588 30.0476 18.1497 29.6836 19.39 29.6836C20.6303 29.6836 21.6211 30.0476 22.3626 30.7756C23.1176 31.5036 23.4951 32.4743 23.4951 33.6876V40.1587C23.4951 41.372 23.1176 42.3427 22.3626 43.0707C21.6211 43.7987 20.6303 44.1627 19.39 44.1627ZM19.39 41.7158C19.7674 41.7158 20.0708 41.5877 20.3 41.3316C20.5291 41.062 20.6437 40.7114 20.6437 40.28V33.5663C20.6437 33.1349 20.5291 32.7911 20.3 32.5349C20.0708 32.2653 19.7674 32.1305 19.39 32.1305C19.0125 32.1305 18.7091 32.2653 18.48 32.5349C18.2643 32.7911 18.1564 33.1349 18.1564 33.5663V40.28C18.1564 40.7114 18.2643 41.062 18.48 41.3316C18.7091 41.5877 19.0125 41.7158 19.39 41.7158Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M6.13256 44.0009C6.06515 44.0009 6.00449 43.9807 5.95056 43.9403C5.91011 43.8863 5.88989 43.8257 5.88989 43.7583V30.088C5.88989 30.0206 5.91011 29.9667 5.95056 29.9263C6.00449 29.8723 6.06515 29.8454 6.13256 29.8454H9.79278C11.0196 29.8454 12.0037 30.2026 12.7452 30.9171C13.4867 31.6317 13.8574 32.5821 13.8574 33.7685V40.0778C13.8574 41.2642 13.4867 42.2146 12.7452 42.9291C12.0037 43.6437 11.0196 44.0009 9.79278 44.0009H6.13256ZM8.74123 41.4529C8.74123 41.5203 8.77493 41.554 8.84234 41.554L9.75234 41.5338C10.1163 41.5203 10.4129 41.3653 10.6421 41.0687C10.8713 40.7721 10.9926 40.3811 11.0061 39.8958V33.9505C11.0061 33.4382 10.8915 33.0337 10.6623 32.7371C10.4332 32.4406 10.1231 32.2923 9.73211 32.2923H8.84234C8.77493 32.2923 8.74123 32.326 8.74123 32.3934V41.4529Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   }

package/assets/color-excel/index.tsx

@@ -0,0 +1,70 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface ColorExcelProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const ColorExcel = forwardRef<SVGSVGElement, ColorExcelProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_297)">
+<rect width="48" height="48" rx="9" fill="#22A162"/>
+<path d="M14.5773 32.9999L20.85 23.9727L14.7682 14.9999H19.8955L23.8773 21.6545H24.0409L28.0773 14.9999H33.2318L27.0682 23.8636L33.4227 32.9999H28.2955L24.0409 26.1272H23.8773L19.7045 32.9999H14.5773Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_297">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_297)">
+<rect width="48" height="48" rx="9" fill="#22A162"/>
+<path d="M14.5773 32.9999L20.85 23.9727L14.7682 14.9999H19.8955L23.8773 21.6545H24.0409L28.0773 14.9999H33.2318L27.0682 23.8636L33.4227 32.9999H28.2955L24.0409 26.1272H23.8773L19.7045 32.9999H14.5773Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_297">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_297)">
+<rect width="48" height="48" rx="9" fill="#22A162"/>
+<path d="M14.5773 32.9999L20.85 23.9727L14.7682 14.9999H19.8955L23.8773 21.6545H24.0409L28.0773 14.9999H33.2318L27.0682 23.8636L33.4227 32.9999H28.2955L24.0409 26.1272H23.8773L19.7045 32.9999H14.5773Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_297">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_297)">
+<rect width="48" height="48" rx="9" fill="#22A162"/>
+<path d="M14.5773 32.9999L20.85 23.9727L14.7682 14.9999H19.8955L23.8773 21.6545H24.0409L28.0773 14.9999H33.2318L27.0682 23.8636L33.4227 32.9999H28.2955L24.0409 26.1272H23.8773L19.7045 32.9999H14.5773Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_297">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  }
+);

package/assets/color-facebook/index.tsx

@@ -12,7 +12,7 @@ interface ColorFacebookProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ColorFacebook = forwardRef<SVGSVGElement, ColorFacebookProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
 <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

@@ -12,7 +12,7 @@ interface ColorFireProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ColorFire = forwardRef<SVGSVGElement, ColorFireProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
 <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

@@ -12,7 +12,7 @@ interface ColorGoogleProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ColorGoogle = forwardRef<SVGSVGElement, ColorGoogleProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
 <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-html/index.tsx

@@ -0,0 +1,78 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface ColorHtmlProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const ColorHtml = forwardRef<SVGSVGElement, ColorHtmlProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_327)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M40.2949 26.1695L29.7274 30.654V27.3737L36.6409 24.7578V24.6124L29.7274 21.9965V18.7162L40.2949 23.2007V26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M27.575 15L22.7377 33H19.748L24.5854 15H27.575Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M7.70496 26.1695V23.2007L18.2724 18.7162V21.9965L11.3382 24.6124V24.7578L18.2724 27.3737V30.654L7.70496 26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_327">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_327)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M40.2949 26.1695L29.7274 30.654V27.3737L36.6409 24.7578V24.6124L29.7274 21.9965V18.7162L40.2949 23.2007V26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M27.575 15L22.7377 33H19.748L24.5854 15H27.575Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M7.70496 26.1695V23.2007L18.2724 18.7162V21.9965L11.3382 24.6124V24.7578L18.2724 27.3737V30.654L7.70496 26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_327">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_327)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M40.2949 26.1695L29.7274 30.654V27.3737L36.6409 24.7578V24.6124L29.7274 21.9965V18.7162L40.2949 23.2007V26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M27.575 15L22.7377 33H19.748L24.5854 15H27.575Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M7.70496 26.1695V23.2007L18.2724 18.7162V21.9965L11.3382 24.6124V24.7578L18.2724 27.3737V30.654L7.70496 26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_327">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_327)">
+<rect width="48" height="48" rx="9" fill="#FF4C4C"/>
+<path d="M40.2949 26.1695L29.7274 30.654V27.3737L36.6409 24.7578V24.6124L29.7274 21.9965V18.7162L40.2949 23.2007V26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M27.575 15L22.7377 33H19.748L24.5854 15H27.575Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M7.70496 26.1695V23.2007L18.2724 18.7162V21.9965L11.3382 24.6124V24.7578L18.2724 27.3737V30.654L7.70496 26.1695Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_327">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  }
+);

package/assets/color-liner/index.tsx

@@ -12,7 +12,7 @@ interface ColorLinerProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ColorLiner = forwardRef<SVGSVGElement, ColorLinerProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
 <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

@@ -12,7 +12,7 @@ interface ColorLinerVariationProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
 }
 
 export const ColorLinerVariation = forwardRef<SVGSVGElement, ColorLinerVariationProps>(
-  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType, ...props }, ref) => {
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
   if (fill && thick) {
     return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
 <g clip-path="url(#clip0_774_42385)">
@@ -20,7 +20,7 @@ export const ColorLinerVariation = forwardRef<SVGSVGElement, ColorLinerVariation
 </g>
 <defs>
 <clipPath id="clip0_774_42385">
-<rect width="48" height="48" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<rect width="48" height="48" style={{ fill: `var(--${fillType})` }}/>
 </clipPath>
 </defs>
 </svg>
@@ -32,7 +32,7 @@ export const ColorLinerVariation = forwardRef<SVGSVGElement, ColorLinerVariation
 </g>
 <defs>
 <clipPath id="clip0_774_42385">
-<rect width="48" height="48" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<rect width="48" height="48" style={{ fill: `var(--${fillType})` }}/>
 </clipPath>
 </defs>
 </svg>
@@ -44,7 +44,7 @@ export const ColorLinerVariation = forwardRef<SVGSVGElement, ColorLinerVariation
 </g>
 <defs>
 <clipPath id="clip0_774_42385">
-<rect width="48" height="48" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<rect width="48" height="48" style={{ fill: `var(--${fillType})` }}/>
 </clipPath>
 </defs>
 </svg>
@@ -57,7 +57,7 @@ export const ColorLinerVariation = forwardRef<SVGSVGElement, ColorLinerVariation
 </g>
 <defs>
 <clipPath id="clip0_774_42385">
-<rect width="48" height="48" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<rect width="48" height="48" style={{ fill: `var(--${fillType})` }}/>
 </clipPath>
 </defs>
 </svg>

package/assets/color-link/index.tsx

@@ -0,0 +1,74 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface ColorLinkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const ColorLink = forwardRef<SVGSVGElement, ColorLinkProps>(
+  ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_434)">
+<rect width="48" height="48" rx="9" fill="#8D959E"/>
+<path d="M28.1411 28.1761C28.462 27.9542 28.7674 27.7005 29.053 27.4148L34.1864 22.2815C36.7406 19.7273 36.7461 15.5894 34.203 13.0283L34.2022 13.0289C31.641 10.4857 27.5032 10.4912 24.949 13.0455L21.2996 16.6949C22.5287 16.4628 23.8021 16.5229 25.0083 16.8752L26.8935 14.99C28.3738 13.5097 30.7704 13.5042 32.2576 14.9734L32.2584 14.9729C33.7276 16.4601 33.7221 18.8567 32.2418 20.337L27.1085 25.4703C25.6282 26.9506 23.2316 26.9561 21.7444 25.4869L21.7436 25.4874C21.7286 25.4722 21.6782 25.4357 21.6782 25.4143L21.6753 25.4165C21.0752 24.7774 20.7374 23.9815 20.662 23.166L18.4264 25.4017C18.7426 26.1384 19.2002 26.8289 19.799 27.432L19.7999 27.4314C20.7558 28.3807 22.0046 29.0231 23.3339 29.2449L23.3332 29.2456C24.9808 29.5205 26.7134 29.1637 28.1411 28.1761Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M25.4517 21.7793C24.2579 20.5998 22.4779 20.3707 21.0564 21.0921C20.729 21.2583 20.4205 21.4749 20.1427 21.7419C20.1242 21.7597 20.1057 21.7778 20.0875 21.796L14.9543 26.9292C13.474 28.4095 13.4685 30.8061 14.9378 32.2933C16.4249 33.7625 18.8217 33.7571 20.302 32.2768L22.187 30.3918C23.3932 30.7441 24.6666 30.8042 25.8957 30.5722L22.2465 34.2214C19.6923 36.7756 15.5543 36.781 12.9932 34.2378C10.45 31.6767 10.4555 27.5389 13.0098 24.9846L18.1431 19.8513C20.6974 17.2971 24.8352 17.2915 27.3963 19.8347C27.9952 20.4378 28.4529 21.1285 28.7691 21.8652L26.5334 24.1008C26.4552 23.2549 26.0946 22.43 25.4517 21.7793Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_434">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_434)">
+<rect width="48" height="48" rx="9" fill="#8D959E"/>
+<path d="M28.1411 28.1761C28.462 27.9542 28.7674 27.7005 29.053 27.4148L34.1864 22.2815C36.7406 19.7273 36.7461 15.5894 34.203 13.0283L34.2022 13.0289C31.641 10.4857 27.5032 10.4912 24.949 13.0455L21.2996 16.6949C22.5287 16.4628 23.8021 16.5229 25.0083 16.8752L26.8935 14.99C28.3738 13.5097 30.7704 13.5042 32.2576 14.9734L32.2584 14.9729C33.7276 16.4601 33.7221 18.8567 32.2418 20.337L27.1085 25.4703C25.6282 26.9506 23.2316 26.9561 21.7444 25.4869L21.7436 25.4874C21.7286 25.4722 21.6782 25.4357 21.6782 25.4143L21.6753 25.4165C21.0752 24.7774 20.7374 23.9815 20.662 23.166L18.4264 25.4017C18.7426 26.1384 19.2002 26.8289 19.799 27.432L19.7999 27.4314C20.7558 28.3807 22.0046 29.0231 23.3339 29.2449L23.3332 29.2456C24.9808 29.5205 26.7134 29.1637 28.1411 28.1761Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M25.4517 21.7793C24.2579 20.5998 22.4779 20.3707 21.0564 21.0921C20.729 21.2583 20.4205 21.4749 20.1427 21.7419C20.1242 21.7597 20.1057 21.7778 20.0875 21.796L14.9543 26.9292C13.474 28.4095 13.4685 30.8061 14.9378 32.2933C16.4249 33.7625 18.8217 33.7571 20.302 32.2768L22.187 30.3918C23.3932 30.7441 24.6666 30.8042 25.8957 30.5722L22.2465 34.2214C19.6923 36.7756 15.5543 36.781 12.9932 34.2378C10.45 31.6767 10.4555 27.5389 13.0098 24.9846L18.1431 19.8513C20.6974 17.2971 24.8352 17.2915 27.3963 19.8347C27.9952 20.4378 28.4529 21.1285 28.7691 21.8652L26.5334 24.1008C26.4552 23.2549 26.0946 22.43 25.4517 21.7793Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_434">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_434)">
+<rect width="48" height="48" rx="9" fill="#8D959E"/>
+<path d="M28.1411 28.1761C28.462 27.9542 28.7674 27.7005 29.053 27.4148L34.1864 22.2815C36.7406 19.7273 36.7461 15.5894 34.203 13.0283L34.2022 13.0289C31.641 10.4857 27.5032 10.4912 24.949 13.0455L21.2996 16.6949C22.5287 16.4628 23.8021 16.5229 25.0083 16.8752L26.8935 14.99C28.3738 13.5097 30.7704 13.5042 32.2576 14.9734L32.2584 14.9729C33.7276 16.4601 33.7221 18.8567 32.2418 20.337L27.1085 25.4703C25.6282 26.9506 23.2316 26.9561 21.7444 25.4869L21.7436 25.4874C21.7286 25.4722 21.6782 25.4357 21.6782 25.4143L21.6753 25.4165C21.0752 24.7774 20.7374 23.9815 20.662 23.166L18.4264 25.4017C18.7426 26.1384 19.2002 26.8289 19.799 27.432L19.7999 27.4314C20.7558 28.3807 22.0046 29.0231 23.3339 29.2449L23.3332 29.2456C24.9808 29.5205 26.7134 29.1637 28.1411 28.1761Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M25.4517 21.7793C24.2579 20.5998 22.4779 20.3707 21.0564 21.0921C20.729 21.2583 20.4205 21.4749 20.1427 21.7419C20.1242 21.7597 20.1057 21.7778 20.0875 21.796L14.9543 26.9292C13.474 28.4095 13.4685 30.8061 14.9378 32.2933C16.4249 33.7625 18.8217 33.7571 20.302 32.2768L22.187 30.3918C23.3932 30.7441 24.6666 30.8042 25.8957 30.5722L22.2465 34.2214C19.6923 36.7756 15.5543 36.781 12.9932 34.2378C10.45 31.6767 10.4555 27.5389 13.0098 24.9846L18.1431 19.8513C20.6974 17.2971 24.8352 17.2915 27.3963 19.8347C27.9952 20.4378 28.4529 21.1285 28.7691 21.8652L26.5334 24.1008C26.4552 23.2549 26.0946 22.43 25.4517 21.7793Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_434">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
+<g clip-path="url(#clip0_12237_434)">
+<rect width="48" height="48" rx="9" fill="#8D959E"/>
+<path d="M28.1411 28.1761C28.462 27.9542 28.7674 27.7005 29.053 27.4148L34.1864 22.2815C36.7406 19.7273 36.7461 15.5894 34.203 13.0283L34.2022 13.0289C31.641 10.4857 27.5032 10.4912 24.949 13.0455L21.2996 16.6949C22.5287 16.4628 23.8021 16.5229 25.0083 16.8752L26.8935 14.99C28.3738 13.5097 30.7704 13.5042 32.2576 14.9734L32.2584 14.9729C33.7276 16.4601 33.7221 18.8567 32.2418 20.337L27.1085 25.4703C25.6282 26.9506 23.2316 26.9561 21.7444 25.4869L21.7436 25.4874C21.7286 25.4722 21.6782 25.4357 21.6782 25.4143L21.6753 25.4165C21.0752 24.7774 20.7374 23.9815 20.662 23.166L18.4264 25.4017C18.7426 26.1384 19.2002 26.8289 19.799 27.432L19.7999 27.4314C20.7558 28.3807 22.0046 29.0231 23.3339 29.2449L23.3332 29.2456C24.9808 29.5205 26.7134 29.1637 28.1411 28.1761Z" style={{ fill: `var(--${fillType})` }}/>
+<path d="M25.4517 21.7793C24.2579 20.5998 22.4779 20.3707 21.0564 21.0921C20.729 21.2583 20.4205 21.4749 20.1427 21.7419C20.1242 21.7597 20.1057 21.7778 20.0875 21.796L14.9543 26.9292C13.474 28.4095 13.4685 30.8061 14.9378 32.2933C16.4249 33.7625 18.8217 33.7571 20.302 32.2768L22.187 30.3918C23.3932 30.7441 24.6666 30.8042 25.8957 30.5722L22.2465 34.2214C19.6923 36.7756 15.5543 36.781 12.9932 34.2378C10.45 31.6767 10.4555 27.5389 13.0098 24.9846L18.1431 19.8513C20.6974 17.2971 24.8352 17.2915 27.3963 19.8347C27.9952 20.4378 28.4529 21.1285 28.7691 21.8652L26.5334 24.1008C26.4552 23.2549 26.0946 22.43 25.4517 21.7793Z" style={{ fill: `var(--${fillType})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_12237_434">
+<rect width="48" height="48" rx="9" style={{ fill: `var(--${fillType})` }}/>
+</clipPath>
+</defs>
+</svg>
+;
+  }
+);