@liner-fe/icon 0.0.36 → 0.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/.gitignore +2 -1
  2. package/CHANGELOG.md +16 -0
  3. package/assets/add-clock/index.tsx +15 -14
  4. package/assets/add-to-folder/index.tsx +11 -10
  5. package/assets/ai/index.tsx +18 -17
  6. package/assets/airplane/index.tsx +7 -6
  7. package/assets/android/index.tsx +7 -6
  8. package/assets/apple/index.tsx +11 -10
  9. package/assets/arrow-back/index.tsx +7 -6
  10. package/assets/arrow-backward/index.tsx +7 -6
  11. package/assets/arrow-down/index.tsx +7 -6
  12. package/assets/arrow-down-left/index.tsx +7 -6
  13. package/assets/arrow-downward/index.tsx +7 -6
  14. package/assets/arrow-drop-right/index.tsx +7 -6
  15. package/assets/arrow-forward/index.tsx +7 -6
  16. package/assets/arrow-left/index.tsx +7 -6
  17. package/assets/arrow-right/index.tsx +7 -6
  18. package/assets/arrow-turn/index.tsx +7 -6
  19. package/assets/arrow-up/index.tsx +7 -6
  20. package/assets/arrow-up-down/index.tsx +11 -10
  21. package/assets/arrow-up-left/index.tsx +7 -6
  22. package/assets/arrow-up-right/index.tsx +7 -6
  23. package/assets/arrow-upward/index.tsx +7 -6
  24. package/assets/balance/index.tsx +15 -14
  25. package/assets/bell/index.tsx +11 -10
  26. package/assets/block/index.tsx +7 -6
  27. package/assets/bolt/index.tsx +7 -6
  28. package/assets/book/index.tsx +8 -7
  29. package/assets/bookmark/index.tsx +7 -6
  30. package/assets/bookmark-cancel/index.tsx +15 -14
  31. package/assets/books/index.tsx +15 -14
  32. package/assets/brain/index.tsx +8 -7
  33. package/assets/bulb/index.tsx +11 -10
  34. package/assets/bulb-exclamtionmark/index.tsx +19 -18
  35. package/assets/camera/index.tsx +10 -9
  36. package/assets/car/index.tsx +7 -6
  37. package/assets/casual-shoe/index.tsx +7 -6
  38. package/assets/chart-bar/index.tsx +16 -15
  39. package/assets/chart-line-uptrend/index.tsx +9 -8
  40. package/assets/check-mark/index.tsx +7 -6
  41. package/assets/check-mark-fill/index.tsx +11 -10
  42. package/assets/check-mark-in-circle/index.tsx +9 -8
  43. package/assets/chrome/index.tsx +19 -18
  44. package/assets/clock/index.tsx +11 -10
  45. package/assets/close/index.tsx +7 -6
  46. package/assets/close-fill/index.tsx +11 -10
  47. package/assets/color-docx/index.tsx +23 -22
  48. package/assets/color-facebook/index.tsx +3 -2
  49. package/assets/color-fire/index.tsx +3 -2
  50. package/assets/color-google/index.tsx +3 -2
  51. package/assets/color-liner/index.tsx +3 -2
  52. package/assets/color-liner-variation/index.tsx +7 -6
  53. package/assets/color-pdf/index.tsx +19 -18
  54. package/assets/color-txt/index.tsx +19 -18
  55. package/assets/copy/index.tsx +8 -7
  56. package/assets/credit/index.tsx +15 -14
  57. package/assets/creditcard/index.tsx +11 -10
  58. package/assets/dark-mode/index.tsx +7 -6
  59. package/assets/description/index.tsx +16 -15
  60. package/assets/desktop/index.tsx +7 -6
  61. package/assets/desktop-on-cursor/index.tsx +15 -14
  62. package/assets/document/index.tsx +9 -8
  63. package/assets/document-add/index.tsx +13 -12
  64. package/assets/document-check/index.tsx +13 -12
  65. package/assets/document-warning/index.tsx +11 -10
  66. package/assets/double-arrow-backward/index.tsx +11 -10
  67. package/assets/double-arrow-forward/index.tsx +11 -10
  68. package/assets/download/index.tsx +11 -10
  69. package/assets/drop-down/index.tsx +7 -6
  70. package/assets/drop-up/index.tsx +7 -6
  71. package/assets/email/index.tsx +9 -8
  72. package/assets/end/index.tsx +11 -10
  73. package/assets/essay/index.tsx +13 -12
  74. package/assets/exclamationmark/index.tsx +9 -8
  75. package/assets/exclamationmark-fill/index.tsx +15 -14
  76. package/assets/expand/index.tsx +11 -10
  77. package/assets/expand-close/index.tsx +7 -6
  78. package/assets/extend/index.tsx +7 -6
  79. package/assets/facebook/index.tsx +7 -6
  80. package/assets/feedback/index.tsx +11 -10
  81. package/assets/filter/index.tsx +15 -14
  82. package/assets/fire/index.tsx +10 -9
  83. package/assets/flowchart/index.tsx +7 -6
  84. package/assets/focus/index.tsx +11 -10
  85. package/assets/folder/index.tsx +7 -6
  86. package/assets/folder-add/index.tsx +9 -8
  87. package/assets/folder-open/index.tsx +7 -6
  88. package/assets/folder-open-share/index.tsx +15 -14
  89. package/assets/folder-share/index.tsx +15 -14
  90. package/assets/formal-bag/index.tsx +7 -6
  91. package/assets/globe/index.tsx +7 -6
  92. package/assets/google/index.tsx +7 -6
  93. package/assets/google-export/index.tsx +15 -14
  94. package/assets/graduationcap/index.tsx +8 -7
  95. package/assets/help/index.tsx +11 -10
  96. package/assets/hide-all/index.tsx +19 -18
  97. package/assets/highlight-edit/index.tsx +11 -10
  98. package/assets/highlighter/index.tsx +7 -6
  99. package/assets/history/index.tsx +11 -10
  100. package/assets/home/index.tsx +7 -6
  101. package/assets/info/index.tsx +15 -14
  102. package/assets/light/index.tsx +11 -10
  103. package/assets/light-mode/index.tsx +39 -38
  104. package/assets/liner/index.tsx +11 -10
  105. package/assets/link/index.tsx +11 -10
  106. package/assets/list/index.tsx +27 -26
  107. package/assets/literature-review/index.tsx +23 -22
  108. package/assets/lock/index.tsx +11 -10
  109. package/assets/magic-pencil/index.tsx +23 -22
  110. package/assets/magic-wand/index.tsx +19 -18
  111. package/assets/make-easy/index.tsx +23 -22
  112. package/assets/members/index.tsx +19 -18
  113. package/assets/memo/index.tsx +11 -10
  114. package/assets/menu/index.tsx +15 -14
  115. package/assets/microscope/index.tsx +7 -6
  116. package/assets/mindmap/index.tsx +7 -6
  117. package/assets/minus/index.tsx +7 -6
  118. package/assets/mobile/index.tsx +11 -10
  119. package/assets/more/index.tsx +15 -14
  120. package/assets/more-horizontal/index.tsx +15 -14
  121. package/assets/more-vertical/index.tsx +15 -14
  122. package/assets/move/index.tsx +7 -6
  123. package/assets/move-to-folder/index.tsx +11 -10
  124. package/assets/new-chrome-extension/index.tsx +7 -6
  125. package/assets/new-tab/index.tsx +11 -10
  126. package/assets/new-thread/index.tsx +9 -8
  127. package/assets/new-thread-folder/index.tsx +15 -14
  128. package/assets/palette/index.tsx +23 -22
  129. package/assets/paperclip/index.tsx +7 -6
  130. package/assets/paragraph/index.tsx +19 -18
  131. package/assets/paraphrase/index.tsx +19 -18
  132. package/assets/pencil/index.tsx +8 -7
  133. package/assets/person/index.tsx +11 -10
  134. package/assets/person-add/index.tsx +15 -14
  135. package/assets/person-fill/index.tsx +15 -14
  136. package/assets/photo/index.tsx +10 -9
  137. package/assets/play-button/index.tsx +10 -9
  138. package/assets/plus/index.tsx +7 -6
  139. package/assets/power/index.tsx +11 -10
  140. package/assets/question-box/index.tsx +11 -10
  141. package/assets/question-message/index.tsx +11 -10
  142. package/assets/quote/index.tsx +11 -10
  143. package/assets/redo/index.tsx +7 -6
  144. package/assets/regenerate/index.tsx +11 -10
  145. package/assets/remove-from-folder/index.tsx +11 -10
  146. package/assets/report/index.tsx +11 -10
  147. package/assets/restaurant/index.tsx +15 -14
  148. package/assets/retry/index.tsx +7 -6
  149. package/assets/rocket/index.tsx +11 -10
  150. package/assets/search/index.tsx +7 -6
  151. package/assets/secret-mode/index.tsx +11 -10
  152. package/assets/send/index.tsx +7 -6
  153. package/assets/setting/index.tsx +11 -10
  154. package/assets/share/index.tsx +11 -10
  155. package/assets/sheet-export/index.tsx +11 -10
  156. package/assets/shield/index.tsx +9 -8
  157. package/assets/shield-person/index.tsx +15 -14
  158. package/assets/shield-usage/index.tsx +23 -22
  159. package/assets/shorten/index.tsx +11 -10
  160. package/assets/show-all/index.tsx +19 -18
  161. package/assets/sign-out/index.tsx +11 -10
  162. package/assets/source/index.tsx +19 -18
  163. package/assets/speaker/index.tsx +11 -10
  164. package/assets/spinner/index.tsx +3 -2
  165. package/assets/stack/index.tsx +15 -14
  166. package/assets/star/index.tsx +7 -6
  167. package/assets/start/index.tsx +11 -10
  168. package/assets/step/index.tsx +11 -10
  169. package/assets/stop/index.tsx +11 -10
  170. package/assets/summarize/index.tsx +16 -15
  171. package/assets/target/index.tsx +15 -14
  172. package/assets/teams/index.tsx +14 -13
  173. package/assets/text-select/index.tsx +11 -10
  174. package/assets/thumb-down/index.tsx +9 -8
  175. package/assets/thumb-up/index.tsx +9 -8
  176. package/assets/timer/index.tsx +15 -14
  177. package/assets/translate/index.tsx +11 -10
  178. package/assets/trash/index.tsx +13 -12
  179. package/assets/tune/index.tsx +27 -26
  180. package/assets/twitter/index.tsx +7 -6
  181. package/assets/undo/index.tsx +7 -6
  182. package/assets/verification-badge/index.tsx +7 -6
  183. package/assets/view-list/index.tsx +7 -6
  184. package/assets/visibility/index.tsx +11 -10
  185. package/assets/visibility-off/index.tsx +23 -22
  186. package/assets/volume/index.tsx +7 -6
  187. package/assets/volume-up/index.tsx +15 -14
  188. package/assets/zoom-in/index.tsx +11 -10
  189. package/assets/zoom-out/index.tsx +11 -10
  190. package/index.tsx +8 -3
  191. package/package.json +1 -1
package/assets/zoom-out/index.tsx CHANGED
@@ -6,34 +6,35 @@ interface ZoomOutProps {
6
6
  thick?: boolean;
7
7
  className?: string;
8
8
  size?: number
9
- color?: BasicColorType;
9
+ type?: BasicColorType;
10
+ fillType?: BasicColorType;
10
11
  }
11
12
 
12
13
  export const ZoomOut = forwardRef<SVGSVGElement, ZoomOutProps>(
13
- ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary', className, ...props }, ref) => {
14
+ ({ fill = false, thick = false, size = 24, type = 'neutral-label-primary', className, ...props }, ref) => {
14
15
  if (fill && thick) {
15
16
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
16
- <path d="M28.0007 19.5L14 19.5V22.5H28.0007V19.5Z" style={{ fill: `var(--${color})` }}/>
17
- <path fillRule="evenodd" clipRule="evenodd" d="M21 36C24.6019 36 27.9073 34.7305 30.4931 32.6144L39.4393 41.5607L41.5607 39.4393L32.6144 30.4931C34.7305 27.9073 36 24.6019 36 21C36 12.7157 29.2843 6 21 6C12.7157 6 6 12.7157 6 21C6 29.2843 12.7157 36 21 36ZM21 33C27.6274 33 33 27.6274 33 21C33 14.3726 27.6274 9 21 9C14.3726 9 9 14.3726 9 21C9 27.6274 14.3726 33 21 33Z" style={{ fill: `var(--${color})` }}/>
17
+ <path d="M28.0007 19.5L14 19.5V22.5H28.0007V19.5Z" style={{ fill: `var(--type)` }}/>
18
+ <path fillRule="evenodd" clipRule="evenodd" d="M21 36C24.6019 36 27.9073 34.7305 30.4931 32.6144L39.4393 41.5607L41.5607 39.4393L32.6144 30.4931C34.7305 27.9073 36 24.6019 36 21C36 12.7157 29.2843 6 21 6C12.7157 6 6 12.7157 6 21C6 29.2843 12.7157 36 21 36ZM21 33C27.6274 33 33 27.6274 33 21C33 14.3726 27.6274 9 21 9C14.3726 9 9 14.3726 9 21C9 27.6274 14.3726 33 21 33Z" style={{ fill: `var(--type)` }}/>
18
19
  </svg>
19
20
  ;
20
21
  } else if (fill) {
21
22
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
22
- <path d="M28.0007 19.5L14 19.5V22.5H28.0007V19.5Z" style={{ fill: `var(--${color})` }}/>
23
- <path fillRule="evenodd" clipRule="evenodd" d="M21 36C24.6019 36 27.9073 34.7305 30.4931 32.6144L39.4393 41.5607L41.5607 39.4393L32.6144 30.4931C34.7305 27.9073 36 24.6019 36 21C36 12.7157 29.2843 6 21 6C12.7157 6 6 12.7157 6 21C6 29.2843 12.7157 36 21 36ZM21 33C27.6274 33 33 27.6274 33 21C33 14.3726 27.6274 9 21 9C14.3726 9 9 14.3726 9 21C9 27.6274 14.3726 33 21 33Z" style={{ fill: `var(--${color})` }}/>
23
+ <path d="M28.0007 19.5L14 19.5V22.5H28.0007V19.5Z" style={{ fill: `var(--type)` }}/>
24
+ <path fillRule="evenodd" clipRule="evenodd" d="M21 36C24.6019 36 27.9073 34.7305 30.4931 32.6144L39.4393 41.5607L41.5607 39.4393L32.6144 30.4931C34.7305 27.9073 36 24.6019 36 21C36 12.7157 29.2843 6 21 6C12.7157 6 6 12.7157 6 21C6 29.2843 12.7157 36 21 36ZM21 33C27.6274 33 33 27.6274 33 21C33 14.3726 27.6274 9 21 9C14.3726 9 9 14.3726 9 21C9 27.6274 14.3726 33 21 33Z" style={{ fill: `var(--type)` }}/>
24
25
  </svg>
25
26
  ;
26
27
  } else if (thick) {
27
28
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
28
- <path d="M28.0007 19L14 19V23H28.0007V19Z" style={{ fill: `var(--${color})` }}/>
29
- <path fillRule="evenodd" clipRule="evenodd" d="M21 36C24.4211 36 27.5746 34.8547 30.0982 32.9267L39.0858 41.9142L41.9142 39.0858L32.9267 30.0982C34.8547 27.5746 36 24.4211 36 21C36 12.7157 29.2843 6 21 6C12.7157 6 6 12.7157 6 21C6 29.2843 12.7157 36 21 36ZM21 32C27.0751 32 32 27.0751 32 21C32 14.9249 27.0751 10 21 10C14.9249 10 10 14.9249 10 21C10 27.0751 14.9249 32 21 32Z" style={{ fill: `var(--${color})` }}/>
29
+ <path d="M28.0007 19L14 19V23H28.0007V19Z" style={{ fill: `var(--type)` }}/>
30
+ <path fillRule="evenodd" clipRule="evenodd" d="M21 36C24.4211 36 27.5746 34.8547 30.0982 32.9267L39.0858 41.9142L41.9142 39.0858L32.9267 30.0982C34.8547 27.5746 36 24.4211 36 21C36 12.7157 29.2843 6 21 6C12.7157 6 6 12.7157 6 21C6 29.2843 12.7157 36 21 36ZM21 32C27.0751 32 32 27.0751 32 21C32 14.9249 27.0751 10 21 10C14.9249 10 10 14.9249 10 21C10 27.0751 14.9249 32 21 32Z" style={{ fill: `var(--type)` }}/>
30
31
  </svg>
31
32
  ;
32
33
  }
33
34
 
34
35
  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" ref={ref} className={className}>
35
- <path d="M28.0007 19.5L14 19.5V22.5H28.0007V19.5Z" style={{ fill: `var(--${color})` }}/>
36
- <path fillRule="evenodd" clipRule="evenodd" d="M21 36C24.6019 36 27.9073 34.7305 30.4931 32.6144L39.4393 41.5607L41.5607 39.4393L32.6144 30.4931C34.7305 27.9073 36 24.6019 36 21C36 12.7157 29.2843 6 21 6C12.7157 6 6 12.7157 6 21C6 29.2843 12.7157 36 21 36ZM21 33C27.6274 33 33 27.6274 33 21C33 14.3726 27.6274 9 21 9C14.3726 9 9 14.3726 9 21C9 27.6274 14.3726 33 21 33Z" style={{ fill: `var(--${color})` }}/>
36
+ <path d="M28.0007 19.5L14 19.5V22.5H28.0007V19.5Z" style={{ fill: `var(--type)` }}/>
37
+ <path fillRule="evenodd" clipRule="evenodd" d="M21 36C24.6019 36 27.9073 34.7305 30.4931 32.6144L39.4393 41.5607L41.5607 39.4393L32.6144 30.4931C34.7305 27.9073 36 24.6019 36 21C36 12.7157 29.2843 6 21 6C12.7157 6 6 12.7157 6 21C6 29.2843 12.7157 36 21 36ZM21 33C27.6274 33 33 27.6274 33 21C33 14.3726 27.6274 9 21 9C14.3726 9 9 14.3726 9 21C9 27.6274 14.3726 33 21 33Z" style={{ fill: `var(--type)` }}/>
37
38
  </svg>
38
39
  ;
39
40
  }
package/index.tsx CHANGED
@@ -386,13 +386,18 @@ const iconSizeMap = {
386
386
  xl: 40,
387
387
  } as const;
388
388
 
389
- export const Icon = forwardRef<SVGSVGElement, {
389
+ export type IconSizeKey = keyof typeof iconSizeMap;
390
+
391
+ export interface IconProps {
390
392
  fill?: boolean;
391
393
  thick?: boolean;
392
394
  className?: string;
393
395
  name: keyof typeof IconMap;size?: keyof typeof iconSizeMap;
394
- color?: BasicColorType;
395
- }>(({name, size = "m", ...props}, ref) => {
396
+ type?: BasicColorType;
397
+ fillType?: BasicColorType;
398
+ }
399
+
400
+ export const Icon = forwardRef<SVGSVGElement, IconProps>(({name, size = "m", ...props}, ref) => {
396
401
  const IconComponent = IconMap[name];
397
402
  return <IconComponent {...props} ref={ref} size={iconSizeMap[size]} />;
398
403
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/icon",
3
- "version": "0.0.36",
3
+ "version": "0.0.38",
4
4
  "scripts": {
5
5
  "build": ""
6
6
  },