@liner-fe/icon 0.0.54 → 0.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @liner-fe/icon
 
+## 0.1.0
+
+### Minor Changes
+
+- 7af61e3: icon tree shaking 지원
+
+## 0.0.55
+
+### Patch Changes
+
+- 93ceeaf: icon update
+
 ## 0.0.54
 
 ### Patch Changes

package/assets/add-clock/index.tsx

@@ -11,7 +11,7 @@ interface AddClockProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const AddClock = forwardRef<SVGSVGElement, AddClockProps>(
+export const IconAddClock = forwardRef<SVGSVGElement, AddClockProps>(
   ({ 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}>

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

@@ -11,7 +11,7 @@ interface AddToFolderProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const AddToFolder = forwardRef<SVGSVGElement, AddToFolderProps>(
+export const IconAddToFolder = forwardRef<SVGSVGElement, AddToFolderProps>(
   ({ 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}>

package/assets/ai/index.tsx

@@ -11,7 +11,7 @@ interface AiProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Ai = forwardRef<SVGSVGElement, AiProps>(
+export const IconAi = forwardRef<SVGSVGElement, AiProps>(
   ({ 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}>

package/assets/airplane/index.tsx

@@ -11,7 +11,7 @@ interface AirplaneProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Airplane = forwardRef<SVGSVGElement, AirplaneProps>(
+export const IconAirplane = forwardRef<SVGSVGElement, AirplaneProps>(
   ({ 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}>

package/assets/android/index.tsx

@@ -11,7 +11,7 @@ interface AndroidProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Android = forwardRef<SVGSVGElement, AndroidProps>(
+export const IconAndroid = forwardRef<SVGSVGElement, AndroidProps>(
   ({ 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}>

package/assets/apple/index.tsx

@@ -11,7 +11,7 @@ interface AppleProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Apple = forwardRef<SVGSVGElement, AppleProps>(
+export const IconApple = forwardRef<SVGSVGElement, AppleProps>(
   ({ 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}>

package/assets/arrow-back/index.tsx

@@ -11,7 +11,7 @@ interface ArrowBackProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowBack = forwardRef<SVGSVGElement, ArrowBackProps>(
+export const IconArrowBack = forwardRef<SVGSVGElement, ArrowBackProps>(
   ({ 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}>

package/assets/arrow-backward/index.tsx

@@ -11,7 +11,7 @@ interface ArrowBackwardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowBackward = forwardRef<SVGSVGElement, ArrowBackwardProps>(
+export const IconArrowBackward = forwardRef<SVGSVGElement, ArrowBackwardProps>(
   ({ 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}>

package/assets/arrow-down/index.tsx

@@ -11,7 +11,7 @@ interface ArrowDownProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowDown = forwardRef<SVGSVGElement, ArrowDownProps>(
+export const IconArrowDown = forwardRef<SVGSVGElement, ArrowDownProps>(
   ({ 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}>

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

@@ -11,7 +11,7 @@ interface ArrowDownLeftProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowDownLeft = forwardRef<SVGSVGElement, ArrowDownLeftProps>(
+export const IconArrowDownLeft = forwardRef<SVGSVGElement, ArrowDownLeftProps>(
   ({ 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}>

package/assets/arrow-downward/index.tsx

@@ -11,7 +11,7 @@ interface ArrowDownwardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowDownward = forwardRef<SVGSVGElement, ArrowDownwardProps>(
+export const IconArrowDownward = forwardRef<SVGSVGElement, ArrowDownwardProps>(
   ({ 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}>

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

@@ -11,7 +11,7 @@ interface ArrowDropRightProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowDropRight = forwardRef<SVGSVGElement, ArrowDropRightProps>(
+export const IconArrowDropRight = forwardRef<SVGSVGElement, ArrowDropRightProps>(
   ({ 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}>

package/assets/arrow-forward/index.tsx

@@ -11,7 +11,7 @@ interface ArrowForwardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowForward = forwardRef<SVGSVGElement, ArrowForwardProps>(
+export const IconArrowForward = forwardRef<SVGSVGElement, ArrowForwardProps>(
   ({ 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}>

package/assets/arrow-left/index.tsx

@@ -11,7 +11,7 @@ interface ArrowLeftProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowLeft = forwardRef<SVGSVGElement, ArrowLeftProps>(
+export const IconArrowLeft = forwardRef<SVGSVGElement, ArrowLeftProps>(
   ({ 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}>

package/assets/arrow-right/index.tsx

@@ -11,7 +11,7 @@ interface ArrowRightProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowRight = forwardRef<SVGSVGElement, ArrowRightProps>(
+export const IconArrowRight = forwardRef<SVGSVGElement, ArrowRightProps>(
   ({ 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}>

package/assets/arrow-turn/index.tsx

@@ -11,7 +11,7 @@ interface ArrowTurnProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowTurn = forwardRef<SVGSVGElement, ArrowTurnProps>(
+export const IconArrowTurn = forwardRef<SVGSVGElement, ArrowTurnProps>(
   ({ 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}>

package/assets/arrow-up/index.tsx

@@ -11,7 +11,7 @@ interface ArrowUpProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowUp = forwardRef<SVGSVGElement, ArrowUpProps>(
+export const IconArrowUp = forwardRef<SVGSVGElement, ArrowUpProps>(
   ({ 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}>

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

@@ -11,7 +11,7 @@ interface ArrowUpDownProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowUpDown = forwardRef<SVGSVGElement, ArrowUpDownProps>(
+export const IconArrowUpDown = forwardRef<SVGSVGElement, ArrowUpDownProps>(
   ({ 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}>

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

@@ -11,7 +11,7 @@ interface ArrowUpLeftProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowUpLeft = forwardRef<SVGSVGElement, ArrowUpLeftProps>(
+export const IconArrowUpLeft = forwardRef<SVGSVGElement, ArrowUpLeftProps>(
   ({ 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}>

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

@@ -11,7 +11,7 @@ interface ArrowUpRightProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowUpRight = forwardRef<SVGSVGElement, ArrowUpRightProps>(
+export const IconArrowUpRight = forwardRef<SVGSVGElement, ArrowUpRightProps>(
   ({ 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}>

package/assets/arrow-upward/index.tsx

@@ -11,7 +11,7 @@ interface ArrowUpwardProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ArrowUpward = forwardRef<SVGSVGElement, ArrowUpwardProps>(
+export const IconArrowUpward = forwardRef<SVGSVGElement, ArrowUpwardProps>(
   ({ 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}>

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 IconBag = 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

@@ -11,7 +11,7 @@ interface BalanceProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Balance = forwardRef<SVGSVGElement, BalanceProps>(
+export const IconBalance = forwardRef<SVGSVGElement, BalanceProps>(
   ({ 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}>

package/assets/bell/index.tsx

@@ -11,7 +11,7 @@ interface BellProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Bell = forwardRef<SVGSVGElement, BellProps>(
+export const IconBell = forwardRef<SVGSVGElement, BellProps>(
   ({ 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}>

package/assets/block/index.tsx

@@ -11,7 +11,7 @@ interface BlockProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Block = forwardRef<SVGSVGElement, BlockProps>(
+export const IconBlock = forwardRef<SVGSVGElement, BlockProps>(
   ({ 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}>

package/assets/bolt/index.tsx

@@ -11,7 +11,7 @@ interface BoltProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Bolt = forwardRef<SVGSVGElement, BoltProps>(
+export const IconBolt = forwardRef<SVGSVGElement, BoltProps>(
   ({ 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}>

package/assets/book/index.tsx

@@ -11,7 +11,7 @@ interface BookProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Book = forwardRef<SVGSVGElement, BookProps>(
+export const IconBook = forwardRef<SVGSVGElement, BookProps>(
   ({ 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}>

package/assets/bookmark/index.tsx

@@ -11,7 +11,7 @@ interface BookmarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Bookmark = forwardRef<SVGSVGElement, BookmarkProps>(
+export const IconBookmark = forwardRef<SVGSVGElement, BookmarkProps>(
   ({ 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}>

package/assets/bookmark-cancel/index.tsx

@@ -11,7 +11,7 @@ interface BookmarkCancelProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const BookmarkCancel = forwardRef<SVGSVGElement, BookmarkCancelProps>(
+export const IconBookmarkCancel = forwardRef<SVGSVGElement, BookmarkCancelProps>(
   ({ 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}>

package/assets/books/index.tsx

@@ -11,7 +11,7 @@ interface BooksProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Books = forwardRef<SVGSVGElement, BooksProps>(
+export const IconBooks = forwardRef<SVGSVGElement, BooksProps>(
   ({ 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}>

package/assets/brain/index.tsx

@@ -11,7 +11,7 @@ interface BrainProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Brain = forwardRef<SVGSVGElement, BrainProps>(
+export const IconBrain = forwardRef<SVGSVGElement, BrainProps>(
   ({ 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}>

package/assets/bulb/index.tsx

@@ -11,7 +11,7 @@ interface BulbProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Bulb = forwardRef<SVGSVGElement, BulbProps>(
+export const IconBulb = forwardRef<SVGSVGElement, BulbProps>(
   ({ 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}>

package/assets/bulb-exclamtionmark/index.tsx

@@ -11,7 +11,7 @@ interface BulbExclamtionmarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
   fillType?: BasicColorType;
 }
 
-export const BulbExclamtionmark = forwardRef<SVGSVGElement, BulbExclamtionmarkProps>(
+export const IconBulbExclamtionmark = forwardRef<SVGSVGElement, BulbExclamtionmarkProps>(
   ({ 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}>

package/assets/camera/index.tsx

@@ -11,7 +11,7 @@ interface CameraProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Camera = forwardRef<SVGSVGElement, CameraProps>(
+export const IconCamera = forwardRef<SVGSVGElement, CameraProps>(
   ({ 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}>

package/assets/car/index.tsx

@@ -11,7 +11,7 @@ interface CarProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Car = forwardRef<SVGSVGElement, CarProps>(
+export const IconCar = forwardRef<SVGSVGElement, CarProps>(
   ({ 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}>

package/assets/casual-shoe/index.tsx

@@ -11,7 +11,7 @@ interface CasualShoeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const CasualShoe = forwardRef<SVGSVGElement, CasualShoeProps>(
+export const IconCasualShoe = forwardRef<SVGSVGElement, CasualShoeProps>(
   ({ 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}>

package/assets/chart-bar/index.tsx

@@ -11,7 +11,7 @@ interface ChartBarProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ChartBar = forwardRef<SVGSVGElement, ChartBarProps>(
+export const IconChartBar = forwardRef<SVGSVGElement, ChartBarProps>(
   ({ 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}>

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

@@ -11,7 +11,7 @@ interface ChartLineUptrendProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ChartLineUptrend = forwardRef<SVGSVGElement, ChartLineUptrendProps>(
+export const IconChartLineUptrend = forwardRef<SVGSVGElement, ChartLineUptrendProps>(
   ({ 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}>

package/assets/check-mark/index.tsx

@@ -11,7 +11,7 @@ interface CheckMarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const CheckMark = forwardRef<SVGSVGElement, CheckMarkProps>(
+export const IconCheckMark = forwardRef<SVGSVGElement, CheckMarkProps>(
   ({ 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}>

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

@@ -11,7 +11,7 @@ interface CheckMarkFillProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const CheckMarkFill = forwardRef<SVGSVGElement, CheckMarkFillProps>(
+export const IconCheckMarkFill = forwardRef<SVGSVGElement, CheckMarkFillProps>(
   ({ 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}>

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

@@ -11,7 +11,7 @@ interface CheckMarkInCircleProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const CheckMarkInCircle = forwardRef<SVGSVGElement, CheckMarkInCircleProps>(
+export const IconCheckMarkInCircle = forwardRef<SVGSVGElement, CheckMarkInCircleProps>(
   ({ 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}>

package/assets/chrome/index.tsx

@@ -11,7 +11,7 @@ interface ChromeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Chrome = forwardRef<SVGSVGElement, ChromeProps>(
+export const IconChrome = forwardRef<SVGSVGElement, ChromeProps>(
   ({ 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}>

package/assets/clock/index.tsx

@@ -11,7 +11,7 @@ interface ClockProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Clock = forwardRef<SVGSVGElement, ClockProps>(
+export const IconClock = forwardRef<SVGSVGElement, ClockProps>(
   ({ 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}>

package/assets/close/index.tsx

@@ -11,7 +11,7 @@ interface CloseProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Close = forwardRef<SVGSVGElement, CloseProps>(
+export const IconClose = forwardRef<SVGSVGElement, CloseProps>(
   ({ 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}>

package/assets/close-fill/index.tsx

@@ -11,7 +11,7 @@ interface CloseFillProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const CloseFill = forwardRef<SVGSVGElement, CloseFillProps>(
+export const IconCloseFill = forwardRef<SVGSVGElement, CloseFillProps>(
   ({ 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}>

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 IconCollectionAdd = 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 IconCollections = 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>
+;
+  }
+);