@livechat/design-system-icons 1.0.0-alpha.4 → 1.0.0-alpha.7

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 (251) hide show
  1. package/index.d.ts +6 -0
  2. package/package.json +15 -7
  3. package/react/material/AccountCircle.js +13 -0
  4. package/react/material/AccountCircle.tsx +14 -15
  5. package/react/material/Activities.js +21 -0
  6. package/react/material/Activities.tsx +24 -25
  7. package/react/material/Add.js +13 -0
  8. package/react/material/Add.tsx +14 -15
  9. package/react/material/AddCircle.js +13 -0
  10. package/react/material/AddCircle.tsx +14 -15
  11. package/react/material/AddTemplate.js +16 -0
  12. package/react/material/AddTemplate.tsx +18 -19
  13. package/react/material/Adjust.js +13 -0
  14. package/react/material/Adjust.tsx +14 -15
  15. package/react/material/Android.js +13 -0
  16. package/react/material/Android.tsx +14 -15
  17. package/react/material/Animals.js +15 -0
  18. package/react/material/Animals.tsx +16 -17
  19. package/react/material/AppSettings.js +13 -0
  20. package/react/material/AppSettings.tsx +14 -15
  21. package/react/material/Apps.js +13 -0
  22. package/react/material/Apps.tsx +14 -15
  23. package/react/material/Archives.js +13 -0
  24. package/react/material/Archives.tsx +14 -15
  25. package/react/material/ArrowBack.js +13 -0
  26. package/react/material/ArrowBack.tsx +14 -15
  27. package/react/material/ArrowDownward.js +13 -0
  28. package/react/material/ArrowDownward.tsx +14 -15
  29. package/react/material/ArrowForward.js +13 -0
  30. package/react/material/ArrowForward.tsx +14 -15
  31. package/react/material/ArrowReverse.js +13 -0
  32. package/react/material/ArrowReverse.tsx +14 -15
  33. package/react/material/ArrowUpward.js +13 -0
  34. package/react/material/ArrowUpward.tsx +14 -15
  35. package/react/material/Assessment.js +13 -0
  36. package/react/material/Assessment.tsx +14 -15
  37. package/react/material/Assignment.js +13 -0
  38. package/react/material/Assignment.tsx +14 -15
  39. package/react/material/Attachment.js +15 -0
  40. package/react/material/Attachment.tsx +16 -17
  41. package/react/material/Audiotrack.js +13 -0
  42. package/react/material/Audiotrack.tsx +14 -15
  43. package/react/material/Automaiton.js +13 -0
  44. package/react/material/Automaiton.tsx +14 -15
  45. package/react/material/Block.js +13 -0
  46. package/react/material/Block.tsx +14 -15
  47. package/react/material/Bot.js +18 -0
  48. package/react/material/Bot.tsx +20 -21
  49. package/react/material/BugReport.js +13 -0
  50. package/react/material/BugReport.tsx +14 -15
  51. package/react/material/Calendar.js +13 -0
  52. package/react/material/Calendar.tsx +14 -15
  53. package/react/material/CannedResponse.js +15 -0
  54. package/react/material/CannedResponse.tsx +16 -17
  55. package/react/material/Channels.js +13 -0
  56. package/react/material/Channels.tsx +14 -15
  57. package/react/material/Chart.js +13 -0
  58. package/react/material/Chart.tsx +14 -15
  59. package/react/material/Chat.js +13 -0
  60. package/react/material/Chat.tsx +14 -15
  61. package/react/material/ChatMissed.js +13 -0
  62. package/react/material/ChatMissed.tsx +14 -15
  63. package/react/material/ChatTakeover.js +15 -0
  64. package/react/material/ChatTakeover.tsx +16 -17
  65. package/react/material/Chats.js +13 -0
  66. package/react/material/Chats.tsx +14 -15
  67. package/react/material/Check.js +13 -0
  68. package/react/material/Check.tsx +14 -15
  69. package/react/material/CheckBox.js +13 -0
  70. package/react/material/CheckBox.tsx +14 -15
  71. package/react/material/CheckCircleSolid.js +13 -0
  72. package/react/material/CheckCircleSolid.tsx +14 -15
  73. package/react/material/ChevronDown.js +13 -0
  74. package/react/material/ChevronDown.tsx +14 -15
  75. package/react/material/ChevronLeft.js +13 -0
  76. package/react/material/ChevronLeft.tsx +14 -15
  77. package/react/material/ChevronRight.js +13 -0
  78. package/react/material/ChevronRight.tsx +14 -15
  79. package/react/material/ChevronUp.js +13 -0
  80. package/react/material/ChevronUp.tsx +14 -15
  81. package/react/material/Close.js +13 -0
  82. package/react/material/Close.tsx +14 -15
  83. package/react/material/CloseCircle.js +13 -0
  84. package/react/material/CloseCircle.tsx +14 -15
  85. package/react/material/CodeBlack.js +13 -0
  86. package/react/material/CodeBlack.tsx +14 -15
  87. package/react/material/Contact.js +15 -0
  88. package/react/material/Contact.tsx +16 -17
  89. package/react/material/CreditCardOutline.js +13 -0
  90. package/react/material/CreditCardOutline.tsx +14 -15
  91. package/react/material/DayMode.js +13 -0
  92. package/react/material/DayMode.tsx +14 -15
  93. package/react/material/Delete.js +13 -0
  94. package/react/material/Delete.tsx +14 -15
  95. package/react/material/Description.js +13 -0
  96. package/react/material/Description.tsx +14 -15
  97. package/react/material/Device.js +13 -0
  98. package/react/material/Device.tsx +14 -15
  99. package/react/material/Devices.js +13 -0
  100. package/react/material/Devices.tsx +14 -15
  101. package/react/material/DoubleArrowLeft.js +16 -0
  102. package/react/material/DoubleArrowLeft.tsx +18 -19
  103. package/react/material/DoubleArrowRight.js +16 -0
  104. package/react/material/DoubleArrowRight.tsx +18 -19
  105. package/react/material/DragIndicator.js +13 -0
  106. package/react/material/DragIndicator.tsx +14 -15
  107. package/react/material/DropDown.js +13 -0
  108. package/react/material/DropDown.tsx +14 -15
  109. package/react/material/Edit.js +13 -0
  110. package/react/material/Edit.tsx +14 -15
  111. package/react/material/Email.js +13 -0
  112. package/react/material/Email.tsx +14 -15
  113. package/react/material/EmailAddress.js +13 -0
  114. package/react/material/EmailAddress.tsx +14 -15
  115. package/react/material/Emoji.js +23 -0
  116. package/react/material/Emoji.tsx +26 -27
  117. package/react/material/Error.js +13 -0
  118. package/react/material/Error.tsx +14 -15
  119. package/react/material/Extension.js +13 -0
  120. package/react/material/Extension.tsx +14 -15
  121. package/react/material/FileCopy.js +13 -0
  122. package/react/material/FileCopy.tsx +14 -15
  123. package/react/material/FileDownload.js +13 -0
  124. package/react/material/FileDownload.tsx +14 -15
  125. package/react/material/FileUpload.js +13 -0
  126. package/react/material/FileUpload.tsx +14 -15
  127. package/react/material/Filter.js +13 -0
  128. package/react/material/Filter.tsx +14 -15
  129. package/react/material/Flags.js +13 -0
  130. package/react/material/Flags.tsx +14 -15
  131. package/react/material/Folder.js +13 -0
  132. package/react/material/Folder.tsx +14 -15
  133. package/react/material/Foods.js +15 -0
  134. package/react/material/Foods.tsx +16 -17
  135. package/react/material/FrequentlyUsed.js +13 -0
  136. package/react/material/FrequentlyUsed.tsx +14 -15
  137. package/react/material/GreetingCard.js +13 -0
  138. package/react/material/GreetingCard.tsx +14 -15
  139. package/react/material/GreetingPlainText.js +15 -0
  140. package/react/material/GreetingPlainText.tsx +16 -17
  141. package/react/material/GreetingQuickReply.js +13 -0
  142. package/react/material/GreetingQuickReply.tsx +14 -15
  143. package/react/material/Group.js +16 -0
  144. package/react/material/Group.tsx +18 -19
  145. package/react/material/Help.js +13 -0
  146. package/react/material/Help.tsx +14 -15
  147. package/react/material/Home.js +13 -0
  148. package/react/material/Home.tsx +14 -15
  149. package/react/material/Image.js +13 -0
  150. package/react/material/Image.tsx +14 -15
  151. package/react/material/Info.js +13 -0
  152. package/react/material/Info.tsx +14 -15
  153. package/react/material/Keyboard.js +13 -0
  154. package/react/material/Keyboard.tsx +14 -15
  155. package/react/material/Link.js +13 -0
  156. package/react/material/Link.tsx +14 -15
  157. package/react/material/List.js +13 -0
  158. package/react/material/List.tsx +14 -15
  159. package/react/material/LockBlack.js +13 -0
  160. package/react/material/LockBlack.tsx +14 -15
  161. package/react/material/LockOpen.js +13 -0
  162. package/react/material/LockOpen.tsx +14 -15
  163. package/react/material/MoreHoriz.js +13 -0
  164. package/react/material/MoreHoriz.tsx +14 -15
  165. package/react/material/NightMode.js +13 -0
  166. package/react/material/NightMode.tsx +14 -15
  167. package/react/material/NoteAdd.js +13 -0
  168. package/react/material/NoteAdd.tsx +14 -15
  169. package/react/material/Notifications.js +13 -0
  170. package/react/material/Notifications.tsx +14 -15
  171. package/react/material/Objects.js +13 -0
  172. package/react/material/Objects.tsx +14 -15
  173. package/react/material/OpenInNew.js +13 -0
  174. package/react/material/OpenInNew.tsx +14 -15
  175. package/react/material/Palette.js +16 -0
  176. package/react/material/Palette.tsx +18 -19
  177. package/react/material/People.js +13 -0
  178. package/react/material/People.tsx +14 -15
  179. package/react/material/Person.js +13 -0
  180. package/react/material/Person.tsx +14 -15
  181. package/react/material/PersonAdd.js +13 -0
  182. package/react/material/PersonAdd.tsx +14 -15
  183. package/react/material/Place.js +13 -0
  184. package/react/material/Place.tsx +14 -15
  185. package/react/material/PlayCircle.js +13 -0
  186. package/react/material/PlayCircle.tsx +14 -15
  187. package/react/material/PowerSettings.js +13 -0
  188. package/react/material/PowerSettings.tsx +14 -15
  189. package/react/material/Refresh.js +13 -0
  190. package/react/material/Refresh.tsx +14 -15
  191. package/react/material/Remove.js +13 -0
  192. package/react/material/Remove.tsx +14 -15
  193. package/react/material/Search.js +13 -0
  194. package/react/material/Search.tsx +14 -15
  195. package/react/material/Send.js +13 -0
  196. package/react/material/Send.tsx +14 -15
  197. package/react/material/Settings.js +13 -0
  198. package/react/material/Settings.tsx +14 -15
  199. package/react/material/Share.js +13 -0
  200. package/react/material/Share.tsx +14 -15
  201. package/react/material/ShoppingCart.js +13 -0
  202. package/react/material/ShoppingCart.tsx +14 -15
  203. package/react/material/Smiles.js +13 -0
  204. package/react/material/Smiles.tsx +14 -15
  205. package/react/material/SoundOff.js +13 -0
  206. package/react/material/SoundOff.tsx +14 -15
  207. package/react/material/SoundOn.js +13 -0
  208. package/react/material/SoundOn.tsx +14 -15
  209. package/react/material/Symbols.js +13 -0
  210. package/react/material/Symbols.tsx +14 -15
  211. package/react/material/Tag.js +13 -0
  212. package/react/material/Tag.tsx +14 -15
  213. package/react/material/TextBlock.js +13 -0
  214. package/react/material/TextBlock.tsx +14 -15
  215. package/react/material/TextFields.js +13 -0
  216. package/react/material/TextFields.tsx +14 -15
  217. package/react/material/ThumbDown.js +13 -0
  218. package/react/material/ThumbDown.tsx +14 -15
  219. package/react/material/ThumbUp.js +13 -0
  220. package/react/material/ThumbUp.tsx +14 -15
  221. package/react/material/Tickets.js +13 -0
  222. package/react/material/Tickets.tsx +14 -15
  223. package/react/material/Time.js +13 -0
  224. package/react/material/Time.tsx +14 -15
  225. package/react/material/Timeline.js +13 -0
  226. package/react/material/Timeline.tsx +14 -15
  227. package/react/material/Tools.js +13 -0
  228. package/react/material/Tools.tsx +14 -15
  229. package/react/material/Traffic.js +13 -0
  230. package/react/material/Traffic.tsx +14 -15
  231. package/react/material/Travels.js +13 -0
  232. package/react/material/Travels.tsx +14 -15
  233. package/react/material/Undo.js +13 -0
  234. package/react/material/Undo.tsx +14 -15
  235. package/react/material/VerifiedUser.js +13 -0
  236. package/react/material/VerifiedUser.tsx +14 -15
  237. package/react/material/Video.js +13 -0
  238. package/react/material/Video.tsx +14 -15
  239. package/react/material/VisibilityOff.js +13 -0
  240. package/react/material/VisibilityOff.tsx +14 -15
  241. package/react/material/VisibilityOn.js +13 -0
  242. package/react/material/VisibilityOn.tsx +14 -15
  243. package/react/material/Waiting.js +21 -0
  244. package/react/material/Waiting.tsx +24 -25
  245. package/react/material/Warning.js +13 -0
  246. package/react/material/Warning.tsx +14 -15
  247. package/react/material/World.js +13 -0
  248. package/react/material/World.tsx +14 -15
  249. package/react/material/index.js +123 -0
  250. package/react/material/index.ts +123 -0
  251. package/react/material/index.tsx +0 -123
package/react/material/Group.tsx CHANGED
@@ -1,23 +1,22 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgGroup(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
13
- fill="currentcolor"
14
- />
15
- <path
16
- d="M8 16a2 2 0 100-4 2 2 0 000 4zM12 10a2 2 0 100-4 2 2 0 000 4zM16 16a2 2 0 100-4 2 2 0 000 4z"
17
- fill="currentcolor"
18
- />
19
- </svg>
20
- );
21
- }
4
+ const SvgGroup = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Z"
13
+ fill="currentcolor"
14
+ />
15
+ <path
16
+ d="M8 16a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM12 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM16 16a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
17
+ fill="currentcolor"
18
+ />
19
+ </svg>
20
+ );
22
21
 
23
22
  export default SvgGroup;
package/react/material/Help.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgHelp = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm-1-4h2v2h-2v-2Zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgHelp;
package/react/material/Help.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgHelp(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v2h-2v-2zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgHelp = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm-1-4h2v2h-2v-2Zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgHelp;
package/react/material/Home.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgHome = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgHome;
package/react/material/Home.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgHome(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgHome = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgHome;
package/react/material/Image.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgImage = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M19 5v14H5V5h14Zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-4.86 8.86-3 3.87L9 13.14 6 17h12l-3.86-5.14Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgImage;
package/react/material/Image.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgImage(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M19 5v14H5V5h14zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86l-3 3.87L9 13.14 6 17h12l-3.86-5.14z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgImage = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M19 5v14H5V5h14Zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-4.86 8.86-3 3.87L9 13.14 6 17h12l-3.86-5.14Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgImage;
package/react/material/Info.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgInfo = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M11 7h2v2h-2V7Zm0 5a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4Zm1-10C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgInfo;
package/react/material/Info.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgInfo(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M11 7h2v2h-2V7zm0 5a1 1 0 112 0v4a1 1 0 11-2 0v-4zm1-10C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgInfo = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M11 7h2v2h-2V7Zm0 5a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4Zm1-10C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgInfo;
package/react/material/Keyboard.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgKeyboard = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2Zm-9 3h2v2h-2V8Zm0 3h2v2h-2v-2ZM8 8h2v2H8V8Zm0 3h2v2H8v-2Zm-1 2H5v-2h2v2Zm0-3H5V8h2v2Zm8 7H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1Zm1-4h-2v-2h2v2Zm0-3h-2V8h2v2Zm3 3h-2v-2h2v2Zm0-3h-2V8h2v2Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgKeyboard;
package/react/material/Keyboard.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgKeyboard(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm8 7H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm1-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgKeyboard = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2Zm-9 3h2v2h-2V8Zm0 3h2v2h-2v-2ZM8 8h2v2H8V8Zm0 3h2v2H8v-2Zm-1 2H5v-2h2v2Zm0-3H5V8h2v2Zm8 7H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1Zm1-4h-2v-2h2v2Zm0-3h-2V8h2v2Zm3 3h-2v-2h2v2Zm0-3h-2V8h2v2Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgKeyboard;
package/react/material/Link.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgLink = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M17 7h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c1.65 0 3 1.35 3 3s-1.35 3-3 3h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c2.76 0 5-2.24 5-5s-2.24-5-5-5Zm-9 5c0 .55.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1H9c-.55 0-1 .45-1 1Zm2 3H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h3c.55 0 1-.45 1-1s-.45-1-1-1H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h3c.55 0 1-.45 1-1s-.45-1-1-1Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgLink;
package/react/material/Link.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgLink(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M17 7h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c1.65 0 3 1.35 3 3s-1.35 3-3 3h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c2.76 0 5-2.24 5-5s-2.24-5-5-5zm-9 5c0 .55.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1H9c-.55 0-1 .45-1 1zm2 3H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h3c.55 0 1-.45 1-1s-.45-1-1-1H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h3c.55 0 1-.45 1-1s-.45-1-1-1z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgLink = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M17 7h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c1.65 0 3 1.35 3 3s-1.35 3-3 3h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c2.76 0 5-2.24 5-5s-2.24-5-5-5Zm-9 5c0 .55.45 1 1 1h6c.55 0 1-.45 1-1s-.45-1-1-1H9c-.55 0-1 .45-1 1Zm2 3H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h3c.55 0 1-.45 1-1s-.45-1-1-1H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h3c.55 0 1-.45 1-1s-.45-1-1-1Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgLink;
package/react/material/List.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgList = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M12 9h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1ZM7 7h2v2H7V7Zm0 4h2v2H7v-2Zm0 4h2v2H7v-2ZM20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1Zm-1 16H5V5h14v14Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgList;
package/react/material/List.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgList(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M12 9h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1zM7 7h2v2H7V7zm0 4h2v2H7v-2zm0 4h2v2H7v-2zM20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1zm-1 16H5V5h14v14z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgList = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M12 9h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1Zm0 4h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1ZM7 7h2v2H7V7Zm0 4h2v2H7v-2Zm0 4h2v2H7v-2ZM20 3H4c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1Zm-1 16H5V5h14v14Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgList;
package/react/material/LockBlack.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgLockBlack = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2Zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2ZM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgLockBlack;
package/react/material/LockBlack.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgLockBlack(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgLockBlack = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2Zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2ZM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgLockBlack;
package/react/material/LockOpen.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgLockOpen = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M12 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm6-5h-1V6c0-2.76-2.24-5-5-5-2.28 0-4.27 1.54-4.84 3.75-.14.54.18 1.08.72 1.22a1 1 0 0 0 1.22-.72A2.996 2.996 0 0 1 12 3c1.65 0 3 1.35 3 3v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2Zm0 11c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-8c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v8Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgLockOpen;
package/react/material/LockOpen.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgLockOpen(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M12 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6-5h-1V6c0-2.76-2.24-5-5-5-2.28 0-4.27 1.54-4.84 3.75-.14.54.18 1.08.72 1.22a1 1 0 001.22-.72A2.996 2.996 0 0112 3c1.65 0 3 1.35 3 3v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 11c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-8c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v8z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgLockOpen = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M12 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm6-5h-1V6c0-2.76-2.24-5-5-5-2.28 0-4.27 1.54-4.84 3.75-.14.54.18 1.08.72 1.22a1 1 0 0 0 1.22-.72A2.996 2.996 0 0 1 12 3c1.65 0 3 1.35 3 3v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2Zm0 11c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-8c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v8Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgLockOpen;
package/react/material/MoreHoriz.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgMoreHoriz = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgMoreHoriz;
package/react/material/MoreHoriz.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgMoreHoriz(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgMoreHoriz = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgMoreHoriz;
package/react/material/NightMode.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgNightMode = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M11.57 2.3c2.38-.59 4.68-.27 6.63.64.35.16.41.64.1.86C15.7 5.6 14 8.6 14 12c0 3.4 1.7 6.4 4.3 8.2.32.22.26.7-.09.86-1.28.6-2.71.94-4.21.94-6.05 0-10.85-5.38-9.87-11.6.61-3.92 3.59-7.16 7.44-8.1Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgNightMode;
package/react/material/NightMode.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgNightMode(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M11.57 2.3c2.38-.59 4.68-.27 6.63.64.35.16.41.64.1.86C15.7 5.6 14 8.6 14 12c0 3.4 1.7 6.4 4.3 8.2.32.22.26.7-.09.86-1.28.6-2.71.94-4.21.94-6.05 0-10.85-5.38-9.87-11.6.61-3.92 3.59-7.16 7.44-8.1z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgNightMode = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M11.57 2.3c2.38-.59 4.68-.27 6.63.64.35.16.41.64.1.86C15.7 5.6 14 8.6 14 12c0 3.4 1.7 6.4 4.3 8.2.32.22.26.7-.09.86-1.28.6-2.71.94-4.21.94-6.05 0-10.85-5.38-9.87-11.6.61-3.92 3.59-7.16 7.44-8.1Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgNightMode;
package/react/material/NoteAdd.js ADDED
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+
3
+ const SvgNoteAdd = props => /*#__PURE__*/React.createElement("svg", {
4
+ viewBox: "0 0 24 24",
5
+ fill: "none",
6
+ xmlns: "http://www.w3.org/2000/svg",
7
+ ...props
8
+ }, /*#__PURE__*/React.createElement("path", {
9
+ d: "M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83ZM15 16h-2v2c0 .55-.45 1-1 1s-1-.45-1-1v-2H9c-.55 0-1-.45-1-1s.45-1 1-1h2v-2c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1Zm-2-8V3.5L18.5 9H14c-.55 0-1-.45-1-1Z",
10
+ fill: "currentcolor"
11
+ }));
12
+
13
+ export default SvgNoteAdd;
package/react/material/NoteAdd.tsx CHANGED
@@ -1,19 +1,18 @@
1
1
  import * as React from 'react';
2
+ import { SVGProps } from 'react';
2
3
 
3
- function SvgNoteAdd(props: React.SVGProps<SVGSVGElement>) {
4
- return (
5
- <svg
6
- viewBox="0 0 24 24"
7
- fill="none"
8
- xmlns="http://www.w3.org/2000/svg"
9
- {...props}
10
- >
11
- <path
12
- d="M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83zM15 16h-2v2c0 .55-.45 1-1 1s-1-.45-1-1v-2H9c-.55 0-1-.45-1-1s.45-1 1-1h2v-2c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1zm-2-8V3.5L18.5 9H14c-.55 0-1-.45-1-1z"
13
- fill="currentcolor"
14
- />
15
- </svg>
16
- );
17
- }
4
+ const SvgNoteAdd = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ viewBox="0 0 24 24"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83ZM15 16h-2v2c0 .55-.45 1-1 1s-1-.45-1-1v-2H9c-.55 0-1-.45-1-1s.45-1 1-1h2v-2c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1Zm-2-8V3.5L18.5 9H14c-.55 0-1-.45-1-1Z"
13
+ fill="currentcolor"
14
+ />
15
+ </svg>
16
+ );
18
17
 
19
18
  export default SvgNoteAdd;