@liner-fe/icon 0.0.54 → 0.1.0

package/assets/survey/index.tsx

@@ -0,0 +1,58 @@
+import React, { forwardRef } from 'react';
+import { BasicColorType } from '@liner-fe/design-token-primitive';
+import { SVGProps } from 'react';
+
+interface SurveyProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
+  fill?: boolean;
+  thick?: boolean;
+  className?: string;
+  size?: number
+  type?: BasicColorType;
+  fillType?: BasicColorType;
+}
+
+export const IconSurvey = forwardRef<SVGSVGElement, SurveyProps>(
+  ({ 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="M12 31C15.3137 31 18 33.6863 18 37C18 40.3137 15.3137 43 12 43C8.68629 43 6 40.3137 6 37C6 33.6863 8.68629 31 12 31ZM12 34C10.3431 34 9 35.3431 9 37C9 38.6569 10.3431 40 12 40C13.6569 40 15 38.6569 15 37C15 35.3431 13.6569 34 12 34Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 38.5742H22V35.5742H42V38.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.3672 21.0518L12.3887 27.0078C11.6072 27.7859 10.3434 27.7847 9.56348 27.0049L5.93945 23.3809L8.06055 21.2598L10.9785 24.1768L16.25 18.9258L18.3672 21.0518Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 25.5742H22V22.5742H42V25.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.2188 9.05176L12.2402 15.0078C11.4588 15.7859 10.1949 15.7847 9.41504 15.0049L5.79102 11.3809L7.91211 9.25977L10.8301 12.1768L16.1016 6.92578L18.2188 9.05176Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 12.5742H22V9.57422H42V12.5742Z" 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="M12 31C15.3137 31 18 33.6863 18 37C18 40.3137 15.3137 43 12 43C8.68629 43 6 40.3137 6 37C6 33.6863 8.68629 31 12 31ZM12 34C10.3431 34 9 35.3431 9 37C9 38.6569 10.3431 40 12 40C13.6569 40 15 38.6569 15 37C15 35.3431 13.6569 34 12 34Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 38.5742H22V35.5742H42V38.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.3672 21.0518L12.3887 27.0078C11.6072 27.7859 10.3434 27.7847 9.56348 27.0049L5.93945 23.3809L8.06055 21.2598L10.9785 24.1768L16.25 18.9258L18.3672 21.0518Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 25.5742H22V22.5742H42V25.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.2188 9.05176L12.2402 15.0078C11.4588 15.7859 10.1949 15.7847 9.41504 15.0049L5.79102 11.3809L7.91211 9.25977L10.8301 12.1768L16.1016 6.92578L18.2188 9.05176Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 12.5742H22V9.57422H42V12.5742Z" 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="M12 31C15.3137 31 18 33.6863 18 37C18 40.3137 15.3137 43 12 43C8.68629 43 6 40.3137 6 37C6 33.6863 8.68629 31 12 31ZM12 35C10.8954 35 10 35.8954 10 37C10 38.1046 10.8954 39 12 39C13.1046 39 14 38.1046 14 37C14 35.8954 13.1046 35 12 35Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 39.0742H22V35.0742H42V39.0742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.7207 21.4053L12.7422 27.3613C11.7654 28.3344 10.185 28.3332 9.20996 27.3584L5.58594 23.7344L8.41406 20.9062L10.9785 23.4707L15.8965 18.5723L18.7207 21.4053Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 26.0742H22V22.0742H42V26.0742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.5723 9.40527L12.5938 15.3613C11.617 16.3344 10.0366 16.3332 9.06152 15.3584L5.4375 11.7344L8.26562 8.90625L10.8301 11.4707L15.748 6.57227L18.5723 9.40527Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 13.0742H22V9.07422H42V13.0742Z" 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="M12 31C15.3137 31 18 33.6863 18 37C18 40.3137 15.3137 43 12 43C8.68629 43 6 40.3137 6 37C6 33.6863 8.68629 31 12 31ZM12 34C10.3431 34 9 35.3431 9 37C9 38.6569 10.3431 40 12 40C13.6569 40 15 38.6569 15 37C15 35.3431 13.6569 34 12 34Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 38.5742H22V35.5742H42V38.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.3672 21.0518L12.3887 27.0078C11.6072 27.7859 10.3434 27.7847 9.56348 27.0049L5.93945 23.3809L8.06055 21.2598L10.9785 24.1768L16.25 18.9258L18.3672 21.0518Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 25.5742H22V22.5742H42V25.5742Z" style={{ fill: `var(--${type})` }}/>
+<path d="M18.2188 9.05176L12.2402 15.0078C11.4588 15.7859 10.1949 15.7847 9.41504 15.0049L5.79102 11.3809L7.91211 9.25977L10.8301 12.1768L16.1016 6.92578L18.2188 9.05176Z" style={{ fill: `var(--${type})` }}/>
+<path d="M42 12.5742H22V9.57422H42V12.5742Z" style={{ fill: `var(--${type})` }}/>
+</svg>
+;
+  }
+);

package/assets/target/index.tsx

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

@@ -11,7 +11,7 @@ interface TeamsProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Teams = forwardRef<SVGSVGElement, TeamsProps>(
+export const IconTeams = forwardRef<SVGSVGElement, TeamsProps>(
   ({ 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/text-select/index.tsx

@@ -11,7 +11,7 @@ interface TextSelectProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const TextSelect = forwardRef<SVGSVGElement, TextSelectProps>(
+export const IconTextSelect = forwardRef<SVGSVGElement, TextSelectProps>(
   ({ 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/thumb-down/index.tsx

@@ -11,7 +11,7 @@ interface ThumbDownProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ThumbDown = forwardRef<SVGSVGElement, ThumbDownProps>(
+export const IconThumbDown = forwardRef<SVGSVGElement, ThumbDownProps>(
   ({ 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/thumb-up/index.tsx

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

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

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

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

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

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

@@ -11,7 +11,7 @@ interface UndoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Undo = forwardRef<SVGSVGElement, UndoProps>(
+export const IconUndo = forwardRef<SVGSVGElement, UndoProps>(
   ({ 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/verification-badge/index.tsx

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

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

@@ -11,7 +11,7 @@ interface VisibilityProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Visibility = forwardRef<SVGSVGElement, VisibilityProps>(
+export const IconVisibility = forwardRef<SVGSVGElement, VisibilityProps>(
   ({ 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/visibility-off/index.tsx

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

@@ -11,7 +11,7 @@ interface VolumeProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const Volume = forwardRef<SVGSVGElement, VolumeProps>(
+export const IconVolume = forwardRef<SVGSVGElement, VolumeProps>(
   ({ 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/volume-up/index.tsx

@@ -11,7 +11,7 @@ interface VolumeUpProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const VolumeUp = forwardRef<SVGSVGElement, VolumeUpProps>(
+export const IconVolumeUp = forwardRef<SVGSVGElement, VolumeUpProps>(
   ({ 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/zoom-in/index.tsx

@@ -11,7 +11,7 @@ interface ZoomInProps extends Omit<SVGProps<SVGSVGElement>, 'fill'> {
   fillType?: BasicColorType;
 }
 
-export const ZoomIn = forwardRef<SVGSVGElement, ZoomInProps>(
+export const IconZoomIn = forwardRef<SVGSVGElement, ZoomInProps>(
   ({ 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/zoom-out/index.tsx

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