@liner-fe/icon 0.0.54 → 0.1.0

package/assets/email/index.tsx

@@ -11,7 +11,7 @@ interface EmailProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Email = forwardRef<SVGSVGElement, EmailProps>(
+export const IconEmail = forwardRef<SVGSVGElement, EmailProps>(
   ({ 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/end/index.tsx

@@ -11,7 +11,7 @@ interface EndProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const End = forwardRef<SVGSVGElement, EndProps>(
+export const IconEnd = forwardRef<SVGSVGElement, EndProps>(
   ({ 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/essay/index.tsx

@@ -11,7 +11,7 @@ interface EssayProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Essay = forwardRef<SVGSVGElement, EssayProps>(
+export const IconEssay = forwardRef<SVGSVGElement, EssayProps>(
   ({ 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/exclamationmark/index.tsx

@@ -11,7 +11,7 @@ interface ExclamationmarkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Exclamationmark = forwardRef<SVGSVGElement, ExclamationmarkProps>(
+export const IconExclamationmark = forwardRef<SVGSVGElement, ExclamationmarkProps>(
   ({ 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/exclamationmark-fill/index.tsx

@@ -11,7 +11,7 @@ interface ExclamationmarkFillProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
   fillType?: BasicColorType;
 }
 
-export const ExclamationmarkFill = forwardRef<SVGSVGElement, ExclamationmarkFillProps>(
+export const IconExclamationmarkFill = forwardRef<SVGSVGElement, ExclamationmarkFillProps>(
   ({ 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/expand/index.tsx

@@ -11,7 +11,7 @@ interface ExpandProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Expand = forwardRef<SVGSVGElement, ExpandProps>(
+export const IconExpand = forwardRef<SVGSVGElement, ExpandProps>(
   ({ 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/expand-close/index.tsx

@@ -11,7 +11,7 @@ interface ExpandCloseProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ExpandClose = forwardRef<SVGSVGElement, ExpandCloseProps>(
+export const IconExpandClose = forwardRef<SVGSVGElement, ExpandCloseProps>(
   ({ 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/extend/index.tsx

@@ -11,7 +11,7 @@ interface ExtendProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Extend = forwardRef<SVGSVGElement, ExtendProps>(
+export const IconExtend = forwardRef<SVGSVGElement, ExtendProps>(
   ({ 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/facebook/index.tsx

@@ -11,7 +11,7 @@ interface FacebookProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Facebook = forwardRef<SVGSVGElement, FacebookProps>(
+export const IconFacebook = forwardRef<SVGSVGElement, FacebookProps>(
   ({ 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/feedback/index.tsx

@@ -11,7 +11,7 @@ interface FeedbackProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Feedback = forwardRef<SVGSVGElement, FeedbackProps>(
+export const IconFeedback = forwardRef<SVGSVGElement, FeedbackProps>(
   ({ 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/filter/index.tsx

@@ -11,7 +11,7 @@ interface FilterProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Filter = forwardRef<SVGSVGElement, FilterProps>(
+export const IconFilter = forwardRef<SVGSVGElement, FilterProps>(
   ({ 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/fire/index.tsx

@@ -11,7 +11,7 @@ interface FireProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Fire = forwardRef<SVGSVGElement, FireProps>(
+export const IconFire = forwardRef<SVGSVGElement, FireProps>(
   ({ 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/flowchart/index.tsx

@@ -11,7 +11,7 @@ interface FlowchartProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Flowchart = forwardRef<SVGSVGElement, FlowchartProps>(
+export const IconFlowchart = forwardRef<SVGSVGElement, FlowchartProps>(
   ({ 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/focus/index.tsx

@@ -11,7 +11,7 @@ interface FocusProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Focus = forwardRef<SVGSVGElement, FocusProps>(
+export const IconFocus = forwardRef<SVGSVGElement, FocusProps>(
   ({ 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/folder/index.tsx

@@ -11,7 +11,7 @@ interface FolderProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Folder = forwardRef<SVGSVGElement, FolderProps>(
+export const IconFolder = forwardRef<SVGSVGElement, FolderProps>(
   ({ 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/folder-add/index.tsx

@@ -11,7 +11,7 @@ interface FolderAddProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const FolderAdd = forwardRef<SVGSVGElement, FolderAddProps>(
+export const IconFolderAdd = forwardRef<SVGSVGElement, FolderAddProps>(
   ({ 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/folder-open/index.tsx

@@ -11,7 +11,7 @@ interface FolderOpenProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const FolderOpen = forwardRef<SVGSVGElement, FolderOpenProps>(
+export const IconFolderOpen = forwardRef<SVGSVGElement, FolderOpenProps>(
   ({ 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/folder-open-share/index.tsx

@@ -11,7 +11,7 @@ interface FolderOpenShareProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const FolderOpenShare = forwardRef<SVGSVGElement, FolderOpenShareProps>(
+export const IconFolderOpenShare = forwardRef<SVGSVGElement, FolderOpenShareProps>(
   ({ 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/folder-share/index.tsx

@@ -11,7 +11,7 @@ interface FolderShareProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const FolderShare = forwardRef<SVGSVGElement, FolderShareProps>(
+export const IconFolderShare = forwardRef<SVGSVGElement, FolderShareProps>(
   ({ 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/formal-bag/index.tsx

@@ -11,7 +11,7 @@ interface FormalBagProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const FormalBag = forwardRef<SVGSVGElement, FormalBagProps>(
+export const IconFormalBag = forwardRef<SVGSVGElement, FormalBagProps>(
   ({ 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/globe/index.tsx

@@ -11,7 +11,7 @@ interface GlobeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Globe = forwardRef<SVGSVGElement, GlobeProps>(
+export const IconGlobe = forwardRef<SVGSVGElement, GlobeProps>(
   ({ 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/google/index.tsx

@@ -11,7 +11,7 @@ interface GoogleProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Google = forwardRef<SVGSVGElement, GoogleProps>(
+export const IconGoogle = forwardRef<SVGSVGElement, GoogleProps>(
   ({ 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/google-export/index.tsx

@@ -11,7 +11,7 @@ interface GoogleExportProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const GoogleExport = forwardRef<SVGSVGElement, GoogleExportProps>(
+export const IconGoogleExport = forwardRef<SVGSVGElement, GoogleExportProps>(
   ({ 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/graduationcap/index.tsx

@@ -11,7 +11,7 @@ interface GraduationcapProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Graduationcap = forwardRef<SVGSVGElement, GraduationcapProps>(
+export const IconGraduationcap = forwardRef<SVGSVGElement, GraduationcapProps>(
   ({ 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/help/index.tsx

@@ -11,7 +11,7 @@ interface HelpProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Help = forwardRef<SVGSVGElement, HelpProps>(
+export const IconHelp = forwardRef<SVGSVGElement, HelpProps>(
   ({ 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/hide-all/index.tsx

@@ -11,7 +11,7 @@ interface HideAllProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const HideAll = forwardRef<SVGSVGElement, HideAllProps>(
+export const IconHideAll = forwardRef<SVGSVGElement, HideAllProps>(
   ({ 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/highlight-edit/index.tsx

@@ -11,7 +11,7 @@ interface HighlightEditProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const HighlightEdit = forwardRef<SVGSVGElement, HighlightEditProps>(
+export const IconHighlightEdit = forwardRef<SVGSVGElement, HighlightEditProps>(
   ({ 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/highlighter/index.tsx

@@ -11,7 +11,7 @@ interface HighlighterProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Highlighter = forwardRef<SVGSVGElement, HighlighterProps>(
+export const IconHighlighter = forwardRef<SVGSVGElement, HighlighterProps>(
   ({ 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/history/index.tsx

@@ -11,7 +11,7 @@ interface HistoryProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const History = forwardRef<SVGSVGElement, HistoryProps>(
+export const IconHistory = forwardRef<SVGSVGElement, HistoryProps>(
   ({ 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/home/index.tsx

@@ -11,7 +11,7 @@ interface HomeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Home = forwardRef<SVGSVGElement, HomeProps>(
+export const IconHome = forwardRef<SVGSVGElement, HomeProps>(
   ({ 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/hourglass/index.tsx

@@ -0,0 +1,38 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface HourglassProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const IconHourglass = forwardRef<SVGSVGElement, HourglassProps>(
+  ({ 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="M42 9H36.9287C36.6271 13.1982 35.377 16.8843 33.4131 19.6729C32.4148 21.0903 31.2171 22.2874 29.8652 23.1865C31.2864 24.3174 32.5081 25.8045 33.4941 27.4521C35.3962 30.6306 36.6319 34.7051 36.9287 39H42V43H6V39H11.0713C11.3681 34.7051 12.6038 30.6306 14.5059 27.4521C15.4917 25.8048 16.7129 24.3173 18.1338 23.1865C16.7822 22.2874 15.5851 21.09 14.5869 19.6729C12.623 16.8843 11.3729 13.1982 11.0713 9H6V5H42V9ZM15.0859 9C15.3778 12.4597 16.4158 15.3222 17.8574 17.3691C19.5618 19.789 21.7528 21 24 21C26.2472 21 28.4382 19.789 30.1426 17.3691C31.5842 15.3222 32.6222 12.4597 32.9141 9H15.0859Z" 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="M42 8.5H36.459C36.2244 12.8162 34.9796 16.5809 33.0049 19.3848C31.8884 20.9701 30.5239 22.2599 28.9785 23.1484C30.5837 24.2656 31.9648 25.8697 33.0654 27.709C34.9915 30.9276 36.2253 35.1053 36.457 39.5H42V42.5H6V39.5H11.543C11.7747 35.1053 13.0085 30.9276 14.9346 27.709C16.0351 25.87 17.4156 24.2656 19.0205 23.1484C17.4754 22.2599 16.1115 20.9698 14.9951 19.3848C13.0204 16.5809 11.7756 12.8162 11.541 8.5H6V5.5H42V8.5ZM24 24.5C21.7206 24.5 19.3728 26.1344 17.5088 29.249C15.8794 31.9717 14.7752 35.6065 14.5459 39.5H33.4541C33.2248 35.6065 32.1206 31.9717 30.4912 29.249C28.6272 26.1344 26.2794 24.5 24 24.5ZM14.5469 8.5C14.7776 12.2755 15.8718 15.4189 17.4482 17.6572C19.2241 20.1787 21.5552 21.5 24 21.5C26.4448 21.5 28.7759 20.1787 30.5518 17.6572C32.1282 15.4189 33.2224 12.2755 33.4531 8.5H14.5469Z" 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="M42 9H36.9287C36.6271 13.1982 35.377 16.8843 33.4131 19.6729C32.4148 21.0903 31.2171 22.2874 29.8652 23.1865C31.2864 24.3174 32.5081 25.8045 33.4941 27.4521C35.3962 30.6306 36.6319 34.7051 36.9287 39H42V43H6V39H11.0713C11.3681 34.7051 12.6038 30.6306 14.5059 27.4521C15.4917 25.8048 16.7129 24.3173 18.1338 23.1865C16.7822 22.2874 15.5851 21.09 14.5869 19.6729C12.623 16.8843 11.3729 13.1982 11.0713 9H6V5H42V9ZM24 25C21.9734 25 19.7602 26.4619 17.9385 29.5059C16.4277 32.0304 15.3729 35.3811 15.083 39H32.917C32.6271 35.3811 31.5723 32.0304 30.0615 29.5059C28.2398 26.4619 26.0266 25 24 25ZM15.0859 9C15.3778 12.4597 16.4158 15.3222 17.8574 17.3691C19.5618 19.789 21.7528 21 24 21C26.2472 21 28.4382 19.789 30.1426 17.3691C31.5842 15.3222 32.6222 12.4597 32.9141 9H15.0859Z" 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="M42 8.5H36.459C36.2244 12.8162 34.9796 16.5809 33.0049 19.3848C31.8884 20.9701 30.5239 22.2599 28.9785 23.1484C30.5837 24.2656 31.9648 25.8697 33.0654 27.709C34.9915 30.9276 36.2253 35.1053 36.457 39.5H42V42.5H6V39.5H11.543C11.7747 35.1053 13.0085 30.9276 14.9346 27.709C16.0351 25.87 17.4156 24.2656 19.0205 23.1484C17.4754 22.2599 16.1115 20.9698 14.9951 19.3848C13.0204 16.5809 11.7756 12.8162 11.541 8.5H6V5.5H42V8.5ZM24 24.5C21.7206 24.5 19.3728 26.1344 17.5088 29.249C15.8794 31.9717 14.7752 35.6065 14.5459 39.5H33.4541C33.2248 35.6065 32.1206 31.9717 30.4912 29.249C28.6272 26.1344 26.2794 24.5 24 24.5ZM14.5469 8.5C14.7776 12.2755 15.8718 15.4189 17.4482 17.6572C19.2241 20.1787 21.5552 21.5 24 21.5C26.4448 21.5 28.7759 20.1787 30.5518 17.6572C32.1282 15.4189 33.2224 12.2755 33.4531 8.5H14.5469Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  }
+);

package/assets/info/index.tsx

@@ -11,7 +11,7 @@ interface InfoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Info = forwardRef<SVGSVGElement, InfoProps>(
+export const IconInfo = forwardRef<SVGSVGElement, InfoProps>(
   ({ 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/light/index.tsx

@@ -11,7 +11,7 @@ interface LightProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Light = forwardRef<SVGSVGElement, LightProps>(
+export const IconLight = forwardRef<SVGSVGElement, LightProps>(
   ({ 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/light-mode/index.tsx

@@ -11,7 +11,7 @@ interface LightModeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const LightMode = forwardRef<SVGSVGElement, LightModeProps>(
+export const IconLightMode = forwardRef<SVGSVGElement, LightModeProps>(
   ({ 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/liner/index.tsx

@@ -11,7 +11,7 @@ interface LinerProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Liner = forwardRef<SVGSVGElement, LinerProps>(
+export const IconLiner = forwardRef<SVGSVGElement, LinerProps>(
   ({ 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/link/index.tsx

@@ -11,7 +11,7 @@ interface LinkProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Link = forwardRef<SVGSVGElement, LinkProps>(
+export const IconLink = forwardRef<SVGSVGElement, LinkProps>(
   ({ 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/list/index.tsx

@@ -11,7 +11,7 @@ interface ListProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const List = forwardRef<SVGSVGElement, ListProps>(
+export const IconList = forwardRef<SVGSVGElement, ListProps>(
   ({ 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/literature-review/index.tsx

@@ -11,7 +11,7 @@ interface LiteratureReviewProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const LiteratureReview = forwardRef<SVGSVGElement, LiteratureReviewProps>(
+export const IconLiteratureReview = forwardRef<SVGSVGElement, LiteratureReviewProps>(
   ({ 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/location/index.tsx

@@ -0,0 +1,41 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface LocationProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const IconLocation = forwardRef<SVGSVGElement, LocationProps>(
+  ({ 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.0229 4C32.7856 4.00003 40.4986 11.0113 40.0229 21C39.5233 31.4915 24.0479 43.9799 24.0229 44C24.0229 44 8.55957 31.7426 8.02293 21C7.52338 11 15.2602 4 24.0229 4ZM23.8335 15C21.1642 15 18.9997 17.1638 18.9995 19.833C18.9995 22.5024 21.1641 24.667 23.8335 24.667C26.5028 24.6669 28.6665 22.5023 28.6665 19.833C28.6663 17.1638 26.5027 15.0001 23.8335 15Z" 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="M23.8335 15C26.5027 15.0001 28.6663 17.1638 28.6665 19.833C28.6665 22.5023 26.5028 24.6669 23.8335 24.667C21.1641 24.667 18.9995 22.5024 18.9995 19.833C18.9997 17.1638 21.1642 15 23.8335 15Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24.0219 4C32.7846 4 40.4976 11.0113 40.0219 21C39.5219 31.5 24.0219 44 24.0219 44C23.9166 43.9164 8.55675 31.7058 8.02195 21C7.52244 11.0004 15.2596 4.00047 24.0219 4ZM24.0219 7C16.8614 7.00047 10.6107 12.6761 11.019 20.8506C11.1205 22.8816 11.9497 25.1898 13.351 27.6338C14.7381 30.0527 16.5791 32.4209 18.4624 34.5312C20.338 36.633 22.2064 38.4237 23.6089 39.6904C23.746 39.8143 23.8809 39.9307 24.0083 40.0439C24.1416 39.9239 24.2832 39.8006 24.4272 39.6689C25.8348 38.3818 27.7103 36.5661 29.5913 34.4463C31.4799 32.3178 33.3242 29.9388 34.7114 27.5273C36.1154 25.0865 36.9326 22.8152 37.0259 20.8574C37.4153 12.6804 31.1743 7 24.0219 7Z" 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="M23.8335 15C26.5027 15.0001 28.6663 17.1638 28.6665 19.833C28.6665 22.5023 26.5028 24.6669 23.8335 24.667C21.1641 24.667 18.9995 22.5024 18.9995 19.833C18.9997 17.1638 21.1642 15 23.8335 15Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24.0219 4C32.7846 4 40.4976 11.0113 40.0219 21C39.5219 31.5 24.0219 44 24.0219 44C23.9166 43.9164 8.55675 31.7058 8.02195 21C7.52244 11.0004 15.2596 4.00047 24.0219 4ZM24.0219 8C17.3953 8.00047 11.6391 13.2347 12.0171 20.8008C12.1077 22.6136 12.8591 24.7637 14.2192 27.1357C15.5602 29.4744 17.3529 31.7859 19.2085 33.8652C20.934 35.7988 22.6566 37.4668 24.0044 38.6973C25.3613 37.4446 27.1017 35.7449 28.8432 33.7822C30.7051 31.6839 32.5025 29.3617 33.8442 27.0293C35.2086 24.6573 35.9442 22.5451 36.0268 20.8096C36.3874 13.2365 30.6375 8 24.0219 8Z" 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="M23.8335 15C26.5027 15.0001 28.6663 17.1638 28.6665 19.833C28.6665 22.5023 26.5028 24.6669 23.8335 24.667C21.1641 24.667 18.9995 22.5024 18.9995 19.833C18.9997 17.1638 21.1642 15 23.8335 15Z" style={{ fill: `var(--${type})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24.0219 4C32.7846 4 40.4976 11.0113 40.0219 21C39.5219 31.5 24.0219 44 24.0219 44C23.9166 43.9164 8.55675 31.7058 8.02195 21C7.52244 11.0004 15.2596 4.00047 24.0219 4ZM24.0219 7C16.8614 7.00047 10.6107 12.6761 11.019 20.8506C11.1205 22.8816 11.9497 25.1898 13.351 27.6338C14.7381 30.0527 16.5791 32.4209 18.4624 34.5312C20.338 36.633 22.2064 38.4237 23.6089 39.6904C23.746 39.8143 23.8809 39.9307 24.0083 40.0439C24.1416 39.9239 24.2832 39.8006 24.4272 39.6689C25.8348 38.3818 27.7103 36.5661 29.5913 34.4463C31.4799 32.3178 33.3242 29.9388 34.7114 27.5273C36.1154 25.0865 36.9326 22.8152 37.0259 20.8574C37.4153 12.6804 31.1743 7 24.0219 7Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  }
+);

package/assets/lock/index.tsx

@@ -11,7 +11,7 @@ interface LockProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Lock = forwardRef<SVGSVGElement, LockProps>(
+export const IconLock = forwardRef<SVGSVGElement, LockProps>(
   ({ 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/m-new-tab/index.tsx

@@ -0,0 +1,42 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface MNewTabProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const IconMNewTab = forwardRef<SVGSVGElement, MNewTabProps>(
+  ({ 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.793 10.9307H9V39H37.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V10.9307Z" style={{ fill: `var(--${type})` }}/>
+<path d="M39.2832 6.43066C40.1837 6.43091 40.914 7.16096 40.9141 8.06152V21.6895H37.9141V11.5518L20.1641 29.3018L18.043 27.1807L35.793 9.43066H25.6553V6.43066H39.2832Z" 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="M17.793 10.9307H9V39H37.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V10.9307Z" style={{ fill: `var(--${type})` }}/>
+<path d="M39.2832 6.43066C40.1837 6.43091 40.914 7.16096 40.9141 8.06152V21.6895H37.9141V11.5518L20.1641 29.3018L18.043 27.1807L35.793 9.43066H25.6553V6.43066H39.2832Z" 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="M17.793 11.9307H10V38H36.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V11.9307Z" style={{ fill: `var(--${type})` }}/>
+<path d="M39.501 5.94141C40.5754 6.05068 41.414 6.95833 41.4141 8.06152V21.6895H37.4141V12.7588L20.5176 29.6553L17.6895 26.8271L34.5859 9.93066H25.6553V5.93066H39.2832L39.501 5.94141Z" 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="M17.793 10.9307H9V39H37.0693V30.207H40.0693V40.4932L40.0615 40.6475C39.9893 41.3563 39.4257 41.92 38.7168 41.9922L38.5625 42H7.50684L7.35254 41.9922C6.64361 41.9201 6.08001 41.3564 6.00781 40.6475L6 40.4932V9.4375C6.00004 8.60532 6.67465 7.9307 7.50684 7.93066H17.793V10.9307Z" style={{ fill: `var(--${type})` }}/>
+<path d="M39.2832 6.43066C40.1837 6.43091 40.914 7.16096 40.9141 8.06152V21.6895H37.9141V11.5518L20.1641 29.3018L18.043 27.1807L35.793 9.43066H25.6553V6.43066H39.2832Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  }
+);

package/assets/magic-pencil/index.tsx

@@ -11,7 +11,7 @@ interface MagicPencilProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const MagicPencil = forwardRef<SVGSVGElement, MagicPencilProps>(
+export const IconMagicPencil = forwardRef<SVGSVGElement, MagicPencilProps>(
   ({ 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/magic-wand/index.tsx

@@ -11,7 +11,7 @@ interface MagicWandProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const MagicWand = forwardRef<SVGSVGElement, MagicWandProps>(
+export const IconMagicWand = forwardRef<SVGSVGElement, MagicWandProps>(
   ({ 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/make-easy/index.tsx

@@ -11,7 +11,7 @@ interface MakeEasyProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const MakeEasy = forwardRef<SVGSVGElement, MakeEasyProps>(
+export const IconMakeEasy = forwardRef<SVGSVGElement, MakeEasyProps>(
   ({ 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/members/index.tsx

@@ -11,7 +11,7 @@ interface MembersProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Members = forwardRef<SVGSVGElement, MembersProps>(
+export const IconMembers = forwardRef<SVGSVGElement, MembersProps>(
   ({ 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/memo/index.tsx

@@ -11,7 +11,7 @@ interface MemoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Memo = forwardRef<SVGSVGElement, MemoProps>(
+export const IconMemo = forwardRef<SVGSVGElement, MemoProps>(
   ({ 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/menu/index.tsx

@@ -11,7 +11,7 @@ interface MenuProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Menu = forwardRef<SVGSVGElement, MenuProps>(
+export const IconMenu = forwardRef<SVGSVGElement, MenuProps>(
   ({ 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/microscope/index.tsx

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