@liner-fe/icon 0.0.53 → 0.0.55

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @liner-fe/icon
 
+## 0.0.55
+
+### Patch Changes
+
+- 93ceeaf: icon update
+
+## 0.0.54
+
+### Patch Changes
+
+- 8c118b8: fix: fillType 기본값 inverse label primary로
+
 ## 0.0.53
 
 ### Patch Changes

package/assets/add-clock/index.tsx

@@ -12,7 +12,7 @@ interface AddClockProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const AddClock = forwardRef<SVGSVGElement, AddClockProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface AddToFolderProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const AddToFolder = forwardRef<SVGSVGElement, AddToFolderProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface AiProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Ai = forwardRef<SVGSVGElement, AiProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface AirplaneProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Airplane = forwardRef<SVGSVGElement, AirplaneProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface AndroidProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Android = forwardRef<SVGSVGElement, AndroidProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface AppleProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Apple = forwardRef<SVGSVGElement, AppleProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowBackProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowBack = forwardRef<SVGSVGElement, ArrowBackProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowBackwardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowBackward = forwardRef<SVGSVGElement, ArrowBackwardProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowDownProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowDown = forwardRef<SVGSVGElement, ArrowDownProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowDownLeftProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowDownLeft = forwardRef<SVGSVGElement, ArrowDownLeftProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowDownwardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowDownward = forwardRef<SVGSVGElement, ArrowDownwardProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowDropRightProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowDropRight = forwardRef<SVGSVGElement, ArrowDropRightProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowForwardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowForward = forwardRef<SVGSVGElement, ArrowForwardProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowLeftProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowLeft = forwardRef<SVGSVGElement, ArrowLeftProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowRightProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowRight = forwardRef<SVGSVGElement, ArrowRightProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowTurnProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowTurn = forwardRef<SVGSVGElement, ArrowTurnProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowUpProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowUp = forwardRef<SVGSVGElement, ArrowUpProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowUpDownProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowUpDown = forwardRef<SVGSVGElement, ArrowUpDownProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowUpLeftProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowUpLeft = forwardRef<SVGSVGElement, ArrowUpLeftProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowUpRightProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowUpRight = forwardRef<SVGSVGElement, ArrowUpRightProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ArrowUpwardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ArrowUpward = forwardRef<SVGSVGElement, ArrowUpwardProps>(
-  ({ 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="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/bag/index.tsx

@@ -0,0 +1,38 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface BagProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const Bag = forwardRef<SVGSVGElement, BagProps>(
+  ({ 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="M30 5C31.1046 5 32 5.89543 32 7V13H42L42.2041 13.0107C42.2705 13.0175 42.3361 13.027 42.4004 13.04L42.4033 13.041L42.5713 13.083C42.5742 13.0839 42.5771 13.085 42.5801 13.0859C42.6128 13.0958 42.6448 13.1076 42.6768 13.1191C42.7037 13.1288 42.7305 13.1386 42.7568 13.1494C42.7863 13.1615 42.815 13.1751 42.8438 13.1885C42.8726 13.2019 42.9016 13.2147 42.9297 13.2295C42.9563 13.2435 42.9819 13.2592 43.0078 13.2744C43.0365 13.2912 43.065 13.308 43.0928 13.3262C43.1165 13.3417 43.1391 13.3585 43.1621 13.375C43.1898 13.3948 43.2175 13.4144 43.2441 13.4355C43.2651 13.4523 43.2854 13.4698 43.3057 13.4873C43.334 13.5117 43.3618 13.5365 43.3887 13.5625C43.4062 13.5795 43.4235 13.5967 43.4404 13.6143C43.466 13.6408 43.4905 13.6683 43.5146 13.6963C43.5315 13.7159 43.5483 13.7356 43.5645 13.7559C43.5872 13.7844 43.6087 13.8139 43.6299 13.8438C43.646 13.8665 43.6615 13.8896 43.6768 13.9131C43.694 13.9397 43.7105 13.9667 43.7266 13.9941C43.7415 14.0197 43.7567 14.045 43.7705 14.0713C43.7884 14.1054 43.8043 14.1405 43.8203 14.1758C43.8301 14.1973 43.8406 14.2184 43.8496 14.2402C43.8646 14.2766 43.8768 14.3141 43.8896 14.3516C43.8975 14.3743 43.9061 14.3968 43.9131 14.4199C43.9253 14.4604 43.9356 14.5015 43.9453 14.543C43.9503 14.5644 43.9556 14.5857 43.96 14.6074C43.9853 14.7344 44 14.8655 44 15V41C44 41.1337 43.986 41.2642 43.9609 41.3906C43.9566 41.4127 43.9504 41.4343 43.9453 41.4561C43.9356 41.4976 43.9253 41.5386 43.9131 41.5791C43.9061 41.6022 43.8974 41.6247 43.8896 41.6475C43.8768 41.6849 43.8646 41.7224 43.8496 41.7588C43.8406 41.7807 43.83 41.8018 43.8203 41.8232C43.8043 41.8585 43.7884 41.8936 43.7705 41.9277C43.7567 41.954 43.7415 41.9793 43.7266 42.0049C43.7105 42.0323 43.694 42.0593 43.6768 42.0859C43.6615 42.1094 43.646 42.1325 43.6299 42.1553C43.6087 42.1851 43.5872 42.2146 43.5645 42.2432C43.5483 42.2634 43.5315 42.2831 43.5146 42.3027C43.4906 42.3307 43.466 42.3582 43.4404 42.3848C43.4235 42.4024 43.4062 42.4195 43.3887 42.4365C43.3618 42.4625 43.334 42.4873 43.3057 42.5117C43.2854 42.5293 43.2651 42.5467 43.2441 42.5635C43.2175 42.5847 43.1898 42.6042 43.1621 42.624C43.1391 42.6405 43.1165 42.6573 43.0928 42.6729C43.065 42.691 43.0365 42.7078 43.0078 42.7246C42.9819 42.7398 42.9563 42.7555 42.9297 42.7695C42.9016 42.7843 42.8726 42.7971 42.8438 42.8105C42.815 42.824 42.7863 42.8375 42.7568 42.8496C42.7305 42.8604 42.7037 42.8702 42.6768 42.8799C42.6448 42.8914 42.6128 42.9032 42.5801 42.9131C42.5336 42.9271 42.4863 42.9385 42.4385 42.9492C42.4257 42.9521 42.4133 42.9564 42.4004 42.959C42.336 42.9721 42.2706 42.9825 42.2041 42.9893C42.137 42.9961 42.0689 43 42 43H6C5.86552 43 5.73445 42.9853 5.60742 42.96C5.58574 42.9556 5.56439 42.9503 5.54297 42.9453C5.50147 42.9356 5.46038 42.9253 5.41992 42.9131C5.3968 42.9061 5.37432 42.8975 5.35156 42.8896C5.31412 42.8768 5.27664 42.8646 5.24023 42.8496C5.21836 42.8406 5.19726 42.8301 5.17578 42.8203C5.14054 42.8043 5.1054 42.7884 5.07129 42.7705C5.04504 42.7567 5.01969 42.7415 4.99414 42.7266C4.9667 42.7105 4.93968 42.694 4.91309 42.6768C4.88965 42.6615 4.8665 42.646 4.84375 42.6299C4.81394 42.6087 4.78443 42.5872 4.75586 42.5645C4.73559 42.5483 4.71591 42.5315 4.69629 42.5146C4.66833 42.4905 4.64084 42.466 4.61426 42.4404C4.59666 42.4235 4.57947 42.4062 4.5625 42.3887C4.53655 42.3618 4.51173 42.334 4.4873 42.3057C4.46978 42.2854 4.45226 42.2651 4.43555 42.2441C4.41438 42.2175 4.39482 42.1898 4.375 42.1621C4.35853 42.1391 4.34167 42.1165 4.32617 42.0928C4.30803 42.065 4.29119 42.0365 4.27441 42.0078C4.25925 41.9819 4.24351 41.9563 4.22949 41.9297C4.21473 41.9016 4.20192 41.8726 4.18848 41.8438C4.17506 41.815 4.16148 41.7863 4.14941 41.7568C4.13862 41.7305 4.12882 41.7037 4.11914 41.6768C4.10763 41.6448 4.09584 41.6128 4.08594 41.5801C4.04937 41.4592 4.02386 41.3335 4.01074 41.2041L4 41V15C4 14.9311 4.00394 14.863 4.01074 14.7959C4.113 13.7872 4.96435 13 6 13H16V7C16 5.89543 16.8954 5 18 5H30ZM20 13H28V9H20V13Z" 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="M30 5C31.1046 5 32 5.89543 32 7V13H42L42.2041 13.0107C43.2128 13.113 44 13.9643 44 15V41C44 42.0357 43.2128 42.887 42.2041 42.9893L42 43H6C4.96435 43 4.113 42.2128 4.01074 41.2041L4 41V15C4 13.8954 4.89543 13 6 13H16V7C16 5.89543 16.8954 5 18 5H30ZM7 40H41V16H7V40ZM19 13H29V8H19V13Z" 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="M30 5C31.1046 5 32 5.89543 32 7V13H42L42.2041 13.0107C43.2128 13.113 44 13.9643 44 15V41C44 42.0357 43.2128 42.887 42.2041 42.9893L42 43H6C4.96435 43 4.113 42.2128 4.01074 41.2041L4 41V15C4 13.8954 4.89543 13 6 13H16V7C16 5.89543 16.8954 5 18 5H30ZM8 39H40V17H8V39ZM20 13H28V9H20V13Z" 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="M30 5C31.1046 5 32 5.89543 32 7V13H42L42.2041 13.0107C43.2128 13.113 44 13.9643 44 15V41C44 42.0357 43.2128 42.887 42.2041 42.9893L42 43H6C4.96435 43 4.113 42.2128 4.01074 41.2041L4 41V15C4 13.8954 4.89543 13 6 13H16V7C16 5.89543 16.8954 5 18 5H30ZM7 40H41V16H7V40ZM19 13H29V8H19V13Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  }
+);

package/assets/balance/index.tsx

@@ -12,7 +12,7 @@ interface BalanceProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Balance = forwardRef<SVGSVGElement, BalanceProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface BellProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Bell = forwardRef<SVGSVGElement, BellProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface BlockProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Block = forwardRef<SVGSVGElement, BlockProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface BoltProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Bolt = forwardRef<SVGSVGElement, BoltProps>(
-  ({ 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.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

@@ -12,7 +12,7 @@ interface BookProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Book = forwardRef<SVGSVGElement, BookProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface BookmarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Bookmark = forwardRef<SVGSVGElement, BookmarkProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface BookmarkCancelProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const BookmarkCancel = forwardRef<SVGSVGElement, BookmarkCancelProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface BooksProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Books = forwardRef<SVGSVGElement, BooksProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface BrainProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Brain = forwardRef<SVGSVGElement, BrainProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface BulbProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Bulb = forwardRef<SVGSVGElement, BulbProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface BulbExclamtionmarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
 }
 
 export const BulbExclamtionmark = forwardRef<SVGSVGElement, BulbExclamtionmarkProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface CameraProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Camera = forwardRef<SVGSVGElement, CameraProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface CarProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Car = forwardRef<SVGSVGElement, CarProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface CasualShoeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const CasualShoe = forwardRef<SVGSVGElement, CasualShoeProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ChartBarProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ChartBar = forwardRef<SVGSVGElement, ChartBarProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ChartLineUptrendProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const ChartLineUptrend = forwardRef<SVGSVGElement, ChartLineUptrendProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface CheckMarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const CheckMark = forwardRef<SVGSVGElement, CheckMarkProps>(
-  ({ 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="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

@@ -12,30 +12,30 @@ interface CheckMarkFillProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const CheckMarkFill = forwardRef<SVGSVGElement, CheckMarkFillProps>(
-  ({ 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 fillRule="evenodd" clipRule="evenodd" d="M16.4293 21.3317L22.6156 27.518L33.296 16.8748L36.1195 19.7082L25.439 30.3514C23.8762 31.9088 21.3473 31.9066 19.7871 30.3465L13.6008 24.1602L16.4293 21.3317Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.4293 21.3317L22.6156 27.518L33.296 16.8748L36.1195 19.7082L25.439 30.3514C23.8762 31.9088 21.3473 31.9066 19.7871 30.3465L13.6008 24.1602L16.4293 21.3317Z" 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}>
 <circle cx="24" cy="24" r="20" style={{ fill: `var(--${type})` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.0757 21.6853L22.262 27.8716C22.457 28.0666 22.7731 28.0669 22.9685 27.8722L33.6489 17.229L35.7665 19.3541L25.0861 29.9973C23.7185 31.36 21.5058 31.3581 20.1407 29.9929L13.9543 23.8066L16.0757 21.6853Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.0757 21.6853L22.262 27.8716C22.457 28.0666 22.7731 28.0669 22.9685 27.8722L33.6489 17.229L35.7665 19.3541L25.0861 29.9973C23.7185 31.36 21.5058 31.3581 20.1407 29.9929L13.9543 23.8066L16.0757 21.6853Z" 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}>
 <circle cx="24" cy="24" r="20" style={{ fill: `var(--${type})` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.0757 21.6853L22.262 27.8716C22.457 28.0666 22.7731 28.0669 22.9685 27.8722L33.6489 17.229L35.7665 19.3541L25.0861 29.9973C23.7185 31.36 21.5058 31.3581 20.1407 29.9929L13.9543 23.8066L16.0757 21.6853Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.0757 21.6853L22.262 27.8716C22.457 28.0666 22.7731 28.0669 22.9685 27.8722L33.6489 17.229L35.7665 19.3541L25.0861 29.9973C23.7185 31.36 21.5058 31.3581 20.1407 29.9929L13.9543 23.8066L16.0757 21.6853Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   } 
   
   return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className} {...props}>
 <circle cx="24" cy="24" r="20" style={{ fill: `var(--${type})` }}/>
-<path fillRule="evenodd" clipRule="evenodd" d="M16.0757 21.6853L22.262 27.8716C22.457 28.0666 22.7731 28.0669 22.9685 27.8722L33.6489 17.229L35.7665 19.3541L25.0861 29.9973C23.7185 31.36 21.5058 31.3581 20.1407 29.9929L13.9543 23.8066L16.0757 21.6853Z" style={{ fill: fillType ? `var(--${fillType})` : 'white' }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.0757 21.6853L22.262 27.8716C22.457 28.0666 22.7731 28.0669 22.9685 27.8722L33.6489 17.229L35.7665 19.3541L25.0861 29.9973C23.7185 31.36 21.5058 31.3581 20.1407 29.9929L13.9543 23.8066L16.0757 21.6853Z" style={{ fill: `var(--${fillType})` }}/>
 </svg>
 ;
   }

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

@@ -12,7 +12,7 @@ interface CheckMarkInCircleProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const CheckMarkInCircle = forwardRef<SVGSVGElement, CheckMarkInCircleProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface ChromeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Chrome = forwardRef<SVGSVGElement, ChromeProps>(
-  ({ 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.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

@@ -12,7 +12,7 @@ interface ClockProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Clock = forwardRef<SVGSVGElement, ClockProps>(
-  ({ 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="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

@@ -12,7 +12,7 @@ interface CloseProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
 }
 
 export const Close = forwardRef<SVGSVGElement, CloseProps>(
-  ({ 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="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})` }}/>