norma-library 0.4.8 → 0.5.0

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/.babelrc.json +1 -1
  2. package/.husky/commit-msg +4 -0
  3. package/.prettierignore +11 -0
  4. package/.prettierrc.json +20 -0
  5. package/CHANGELOG.md +0 -0
  6. package/CONTRIBUTING.md +0 -0
  7. package/README.md +42 -0
  8. package/commitlint.config.js +1 -0
  9. package/dist/Button/index.d.ts +9 -0
  10. package/dist/Button/types.d.ts +18 -0
  11. package/dist/Card/Card.d.ts +3 -0
  12. package/dist/Card/CardHeader.d.ts +3 -0
  13. package/dist/Card/index.d.ts +4 -0
  14. package/dist/Card/styles.d.ts +546 -0
  15. package/dist/Card/types.d.ts +8 -0
  16. package/dist/esm/components/Accordion.d.ts +2 -2
  17. package/dist/esm/components/Accordion.js +8 -8
  18. package/dist/esm/components/Accordion.js.map +1 -1
  19. package/dist/esm/components/Avatar.d.ts +2 -2
  20. package/dist/esm/components/Avatar.js +7 -7
  21. package/dist/esm/components/Avatar.js.map +1 -1
  22. package/dist/esm/components/Badge.d.ts +2 -2
  23. package/dist/esm/components/Badge.js +5 -5
  24. package/dist/esm/components/Badge.js.map +1 -1
  25. package/dist/esm/components/Button.d.ts +2 -2
  26. package/dist/esm/components/Button.js +10 -10
  27. package/dist/esm/components/Button.js.map +1 -1
  28. package/dist/esm/components/Card.d.ts +3 -3
  29. package/dist/esm/components/Card.js +8 -8
  30. package/dist/esm/components/Card.js.map +1 -1
  31. package/dist/esm/components/ChatMessage.d.ts +2 -2
  32. package/dist/esm/components/ChatMessage.js +35 -35
  33. package/dist/esm/components/ChatMessage.js.map +1 -1
  34. package/dist/esm/components/CheckBox.d.ts +2 -2
  35. package/dist/esm/components/CheckBox.js +5 -5
  36. package/dist/esm/components/CheckBox.js.map +1 -1
  37. package/dist/esm/components/DataGrid/base/dropdown.d.ts +4 -0
  38. package/dist/esm/components/DataGrid/base/dropdown.js +126 -0
  39. package/dist/esm/components/DataGrid/base/dropdown.js.map +1 -0
  40. package/dist/esm/components/DataGrid/base/number-filter.d.ts +4 -0
  41. package/dist/esm/components/DataGrid/base/number-filter.js +30 -0
  42. package/dist/esm/components/DataGrid/base/number-filter.js.map +1 -0
  43. package/dist/esm/components/DataGrid/base/sorting.d.ts +5 -0
  44. package/dist/esm/components/DataGrid/base/sorting.js +15 -0
  45. package/dist/esm/components/DataGrid/base/sorting.js.map +1 -0
  46. package/dist/esm/components/DataGrid/icons.d.ts +4 -0
  47. package/dist/esm/components/DataGrid/icons.js +15 -0
  48. package/dist/esm/components/DataGrid/icons.js.map +1 -0
  49. package/dist/esm/components/DataGrid/index.d.ts +5 -0
  50. package/dist/esm/components/DataGrid/index.js +137 -0
  51. package/dist/esm/components/DataGrid/index.js.map +1 -0
  52. package/dist/esm/components/DataGrid/shared.d.ts +20 -0
  53. package/dist/esm/components/DataGrid/shared.js +128 -0
  54. package/dist/esm/components/DataGrid/shared.js.map +1 -0
  55. package/dist/esm/components/DataGrid/styled.d.ts +10 -0
  56. package/dist/esm/components/DataGrid/styled.js +73 -0
  57. package/dist/esm/components/DataGrid/styled.js.map +1 -0
  58. package/dist/esm/components/DatePicker.d.ts +5 -5
  59. package/dist/esm/components/DatePicker.js +37 -37
  60. package/dist/esm/components/DatePicker.js.map +1 -1
  61. package/dist/esm/components/DropDown.d.ts +2 -2
  62. package/dist/esm/components/DropDown.js +6 -6
  63. package/dist/esm/components/DropDown.js.map +1 -1
  64. package/dist/esm/components/IconButton.d.ts +2 -2
  65. package/dist/esm/components/IconButton.js +7 -7
  66. package/dist/esm/components/IconButton.js.map +1 -1
  67. package/dist/esm/components/Icons.d.ts +2 -2
  68. package/dist/esm/components/Icons.js +10 -10
  69. package/dist/esm/components/Icons.js.map +1 -1
  70. package/dist/esm/components/Modal.d.ts +2 -2
  71. package/dist/esm/components/Modal.js +8 -8
  72. package/dist/esm/components/Modal.js.map +1 -1
  73. package/dist/esm/components/Paper.d.ts +2 -2
  74. package/dist/esm/components/Paper.js +5 -5
  75. package/dist/esm/components/Paper.js.map +1 -1
  76. package/dist/esm/components/ProgressBar.d.ts +2 -2
  77. package/dist/esm/components/ProgressBar.js +11 -11
  78. package/dist/esm/components/ProgressBar.js.map +1 -1
  79. package/dist/esm/components/RadioGroup.d.ts +2 -2
  80. package/dist/esm/components/RadioGroup.js +7 -7
  81. package/dist/esm/components/RadioGroup.js.map +1 -1
  82. package/dist/esm/components/RangerSlider.d.ts +2 -2
  83. package/dist/esm/components/RangerSlider.js +31 -31
  84. package/dist/esm/components/RangerSlider.js.map +1 -1
  85. package/dist/esm/components/Select.d.ts +2 -2
  86. package/dist/esm/components/Select.js +14 -14
  87. package/dist/esm/components/Select.js.map +1 -1
  88. package/dist/esm/components/Svgs.d.ts +1 -1
  89. package/dist/esm/components/Svgs.js +1 -1
  90. package/dist/esm/components/Svgs.js.map +1 -1
  91. package/dist/esm/components/Tabs.d.ts +2 -2
  92. package/dist/esm/components/Tabs.js +25 -26
  93. package/dist/esm/components/Tabs.js.map +1 -1
  94. package/dist/esm/components/Tag.d.ts +2 -2
  95. package/dist/esm/components/Tag.js +8 -8
  96. package/dist/esm/components/Tag.js.map +1 -1
  97. package/dist/esm/components/TextField.d.ts +2 -2
  98. package/dist/esm/components/TextField.js +8 -8
  99. package/dist/esm/components/TextField.js.map +1 -1
  100. package/dist/esm/components/TimeLine.d.ts +2 -2
  101. package/dist/esm/components/TimeLine.js +20 -20
  102. package/dist/esm/components/TimeLine.js.map +1 -1
  103. package/dist/esm/components/TimePicker.d.ts +8 -8
  104. package/dist/esm/components/TimePicker.js +43 -43
  105. package/dist/esm/components/TimePicker.js.map +1 -1
  106. package/dist/esm/components/index.d.ts +23 -22
  107. package/dist/esm/components/index.js +23 -22
  108. package/dist/esm/components/index.js.map +1 -1
  109. package/dist/esm/helpers/alignments.js +7 -7
  110. package/dist/esm/helpers/borders.js +11 -11
  111. package/dist/esm/helpers/colors.js +41 -41
  112. package/dist/esm/helpers/index.d.ts +5 -5
  113. package/dist/esm/helpers/index.js +5 -5
  114. package/dist/esm/helpers/sizes.d.ts +1 -1
  115. package/dist/esm/helpers/sizes.js +39 -39
  116. package/dist/esm/helpers/sizes.js.map +1 -1
  117. package/dist/esm/index.d.ts +17 -17
  118. package/dist/esm/index.js +17 -17
  119. package/dist/esm/interfaces/Accordion.d.ts +3 -3
  120. package/dist/esm/interfaces/Avatar.d.ts +6 -6
  121. package/dist/esm/interfaces/Badge.d.ts +7 -7
  122. package/dist/esm/interfaces/Button.d.ts +5 -5
  123. package/dist/esm/interfaces/Card.d.ts +3 -3
  124. package/dist/esm/interfaces/ChatMessage.d.ts +1 -1
  125. package/dist/esm/interfaces/CheckBox.d.ts +10 -10
  126. package/dist/esm/interfaces/DataGrid.d.ts +40 -0
  127. package/dist/esm/interfaces/DataGrid.js +2 -0
  128. package/dist/esm/interfaces/DataGrid.js.map +1 -0
  129. package/dist/esm/interfaces/DatePicker.d.ts +3 -3
  130. package/dist/esm/interfaces/DropDown.d.ts +4 -4
  131. package/dist/esm/interfaces/IconButton.d.ts +5 -5
  132. package/dist/esm/interfaces/Icons.d.ts +3 -3
  133. package/dist/esm/interfaces/Modal.d.ts +3 -3
  134. package/dist/esm/interfaces/Paper.d.ts +4 -4
  135. package/dist/esm/interfaces/ProgressBar.d.ts +5 -5
  136. package/dist/esm/interfaces/RadioGroup.d.ts +4 -4
  137. package/dist/esm/interfaces/RangerSlider.d.ts +8 -8
  138. package/dist/esm/interfaces/Select.d.ts +3 -3
  139. package/dist/esm/interfaces/Tabs.d.ts +3 -3
  140. package/dist/esm/interfaces/Tag.d.ts +5 -5
  141. package/dist/esm/interfaces/TextField.d.ts +12 -12
  142. package/dist/esm/interfaces/TimeLine.d.ts +3 -3
  143. package/dist/esm/interfaces/TimePicker.d.ts +3 -3
  144. package/dist/esm/interfaces/index.d.ts +23 -22
  145. package/dist/esm/interfaces/index.js +23 -22
  146. package/dist/esm/interfaces/index.js.map +1 -1
  147. package/dist/esm/types/index.d.ts +41 -40
  148. package/dist/esm/types/index.js +2 -2
  149. package/dist/esm/types/index.js.map +1 -1
  150. package/dist/index.d.ts +2 -0
  151. package/dist/index.es.js +6992 -0
  152. package/dist/index.es.js.map +1 -0
  153. package/dist/index.umd.js +266 -0
  154. package/dist/index.umd.js.map +1 -0
  155. package/dist/vite.svg +1 -0
  156. package/docs/index.md +118 -0
  157. package/package.json +65 -9
  158. package/src/components/Accordion.tsx +47 -64
  159. package/src/components/Avatar.tsx +22 -29
  160. package/src/components/Badge.tsx +19 -22
  161. package/src/components/Button.tsx +12 -19
  162. package/src/components/Card.tsx +44 -47
  163. package/src/components/ChatMessage.tsx +87 -89
  164. package/src/components/CheckBox.tsx +8 -19
  165. package/src/components/DataGrid/allData.json +2918 -0
  166. package/src/components/DataGrid/base/dropdown.tsx +212 -0
  167. package/src/components/DataGrid/base/number-filter.tsx +43 -0
  168. package/src/components/DataGrid/base/sorting.tsx +29 -0
  169. package/src/components/DataGrid/icons.tsx +53 -0
  170. package/src/components/DataGrid/index.tsx +254 -0
  171. package/src/components/DataGrid/shared.ts +154 -0
  172. package/src/components/DataGrid/styled.ts +96 -0
  173. package/src/components/DataGrid/styles/dropdown.module.css +86 -0
  174. package/src/components/DataGrid/styles/number-filter.module.css +16 -0
  175. package/src/components/DataGrid/styles/styles.module.css +107 -0
  176. package/src/components/DatePicker.tsx +73 -84
  177. package/src/components/DropDown.tsx +31 -38
  178. package/src/components/IconButton.tsx +12 -29
  179. package/src/components/Icons.tsx +82 -87
  180. package/src/components/Modal.tsx +114 -123
  181. package/src/components/Paper.tsx +19 -22
  182. package/src/components/ProgressBar.tsx +54 -63
  183. package/src/components/RadioGroup.tsx +47 -55
  184. package/src/components/RangerSlider.tsx +70 -81
  185. package/src/components/Select.tsx +82 -98
  186. package/src/components/Svgs.tsx +498 -522
  187. package/src/components/Tabs.tsx +111 -140
  188. package/src/components/Tag.tsx +37 -45
  189. package/src/components/TextField.tsx +11 -22
  190. package/src/components/TimeLine.tsx +93 -103
  191. package/src/components/TimePicker.tsx +84 -95
  192. package/src/components/index.ts +23 -22
  193. package/src/helpers/alignments.ts +7 -7
  194. package/src/helpers/borders.ts +11 -11
  195. package/src/helpers/colors.ts +42 -42
  196. package/src/helpers/index.ts +5 -5
  197. package/src/helpers/sizes.ts +39 -46
  198. package/src/index.ts +17 -17
  199. package/src/interfaces/Accordion.ts +12 -12
  200. package/src/interfaces/Avatar.tsx +15 -18
  201. package/src/interfaces/Badge.ts +19 -32
  202. package/src/interfaces/Button.ts +5 -10
  203. package/src/interfaces/Card.ts +11 -11
  204. package/src/interfaces/ChatMessage.ts +12 -12
  205. package/src/interfaces/CheckBox.ts +12 -18
  206. package/src/interfaces/DataGrid.ts +46 -0
  207. package/src/interfaces/DatePicker.ts +13 -13
  208. package/src/interfaces/DropDown.ts +14 -14
  209. package/src/interfaces/IconButton.ts +5 -10
  210. package/src/interfaces/Icons.ts +17 -17
  211. package/src/interfaces/Modal.ts +15 -15
  212. package/src/interfaces/Paper.ts +12 -12
  213. package/src/interfaces/ProgressBar.ts +18 -25
  214. package/src/interfaces/RadioGroup.ts +22 -28
  215. package/src/interfaces/RangerSlider.ts +21 -32
  216. package/src/interfaces/Select.ts +17 -17
  217. package/src/interfaces/Tabs.ts +19 -24
  218. package/src/interfaces/Tag.ts +17 -17
  219. package/src/interfaces/TextField.ts +14 -34
  220. package/src/interfaces/TimeLine.ts +11 -16
  221. package/src/interfaces/TimePicker.ts +13 -13
  222. package/src/interfaces/index.ts +23 -22
  223. package/src/sample-data.json +178 -0
  224. package/src/stories/Accordion.stories.tsx +65 -65
  225. package/src/stories/Avatar.stories.tsx +123 -139
  226. package/src/stories/Badge.stories.tsx +39 -47
  227. package/src/stories/Button.stories.tsx +18 -26
  228. package/src/stories/Card.stories.tsx +40 -55
  229. package/src/stories/ChatMessage.stories.tsx +84 -85
  230. package/src/stories/CheckBox.stories.tsx +17 -23
  231. package/src/stories/DataGrid.stories.tsx +28 -0
  232. package/src/stories/DatePicker.stories.tsx +50 -77
  233. package/src/stories/DropDown.stories.tsx +57 -57
  234. package/src/stories/IconButton.stories.tsx +78 -114
  235. package/src/stories/Modal.stories.tsx +190 -190
  236. package/src/stories/Paper.stories.tsx +53 -53
  237. package/src/stories/ProgressBar.stories.tsx +95 -139
  238. package/src/stories/RadioGroup.stories.tsx +21 -28
  239. package/src/stories/RangerSlider.stories.tsx +58 -68
  240. package/src/stories/Select.stories.tsx +100 -128
  241. package/src/stories/Tabs.stories.tsx +62 -62
  242. package/src/stories/Tag.stories.tsx +56 -74
  243. package/src/stories/TextField.stories.tsx +54 -189
  244. package/src/stories/TimeLine.stories.tsx +35 -43
  245. package/src/stories/TimePicker.stories.tsx +87 -113
  246. package/src/types/index.ts +92 -154
  247. package/tsconfig.json +1 -1
  248. package/buildcache/front-end +0 -1
  249. package/norma-library.tar +0 -0
  250. package/postcss.config.js +0 -6
  251. package/tailwind.config.js +0 -58
@@ -1,522 +1,498 @@
1
- import React from "react";
2
-
3
- // Icon paths
4
- export const iconsSVG = {
5
- menuBar: (
6
- <>
7
- <path
8
- id="menu-bar"
9
- d="M57.286,7c0,2.209-1.4,4-3.127,4H4.127C2.4,11,1,9.209,1,7S2.4,3,4.127,3H54.159C55.886,3,57.286,4.791,57.286,7Zm0,24c0,2.209-1.4,4-3.127,4H4.127C2.4,35,1,33.209,1,31s1.4-4,3.127-4H54.159C55.886,27,57.286,28.791,57.286,31ZM54.159,59c1.727,0,3.127-1.791,3.127-4s-1.4-4-3.127-4H4.127C2.4,51,1,52.791,1,55s1.4,4,3.127,4Z"
10
- transform="translate(-1 -3)"
11
- fill-rule="evenodd"
12
- />
13
- </>
14
- ),
15
- faceHappy: (
16
- <>
17
- <g id="face-happy" transform="translate(-16 -16)">
18
- <path
19
- id="FaceHappy_1"
20
- data-name="FaceHappy 1"
21
- d="M43.833,16A27.833,27.833,0,1,0,71.667,43.833,27.833,27.833,0,0,0,43.833,16ZM60.89,60.89a24.036,24.036,0,1,1,5.171-7.669A24.036,24.036,0,0,1,60.89,60.89Z"
22
- transform="translate(0 0)"
23
- />
24
- <path
25
- id="FaceHappy_2"
26
- data-name="FaceHappy 2"
27
- d="M164.061,292.061A12.061,12.061,0,0,0,176.122,280H152a12.061,12.061,0,0,0,12.061,12.061Z"
28
- transform="translate(-120.228 -233.383)"
29
- />
30
- <path
31
- id="FaceHappy_3"
32
- data-name="FaceHappy 3"
33
- d="M120.89,163.653l2.376-2.851-6.755-5.629-6.755,5.629,2.376,2.851L116.512,160Z"
34
- transform="translate(-82.884 -123.033)"
35
- />
36
- <path
37
- id="FaceHappy_4"
38
- data-name="FaceHappy 4"
39
- d="M285.757,160.8l2.376,2.851L292.512,160l4.379,3.649,2.376-2.851-6.755-5.629Z"
40
- transform="translate(-238.473 -123.033)"
41
- />
42
- </g>
43
- </>
44
- ),
45
- faceNeutral: (
46
- <>
47
- <g id="face-neutral" transform="translate(0.75 0.75)">
48
- <circle
49
- id="Elipse_1"
50
- data-name="Elipse 1"
51
- cx="25.5"
52
- cy="25.5"
53
- r="25.5"
54
- transform="translate(1.75 1.75)"
55
- fill="none"
56
- stroke="#000"
57
- stroke-linecap="round"
58
- stroke-linejoin="round"
59
- stroke-width="5"
60
- />
61
- <path
62
- id="FaceNeutral_1"
63
- data-name="FaceNeutral 1"
64
- d="M22.177,7.8V5.75M7.8,7.8V5.75M5.75,24.23H24.23"
65
- transform="translate(12.427 12.427)"
66
- fill="none"
67
- stroke="#000"
68
- stroke-linecap="round"
69
- stroke-linejoin="round"
70
- stroke-width="5"
71
- />
72
- </g>
73
- </>
74
- ),
75
- faceAngry: (
76
- <>
77
- <g id="face-angry" transform="translate(-1 -1)">
78
- <path
79
- id="FaceAngry_2"
80
- data-name="FaceAngry 2"
81
- d="M10.818,15.636A3.818,3.818,0,1,0,7,11.818,3.818,3.818,0,0,0,10.818,15.636Z"
82
- transform="translate(9.273 10.818)"
83
- />
84
- <path
85
- id="FaceAngry_3"
86
- data-name="FaceAngry 3"
87
- d="M21.636,11.818A3.818,3.818,0,1,1,17.818,8,3.818,3.818,0,0,1,21.636,11.818Z"
88
- transform="translate(20.091 10.818)"
89
- />
90
- <path
91
- id="FaceAngry_4"
92
- data-name="FaceAngry 4"
93
- d="M27.641,21.8A2.545,2.545,0,0,0,32.18,19.5a7.923,7.923,0,0,0-.758-1.184,12.316,12.316,0,0,0-2.157-2.21A14.9,14.9,0,0,0,19.721,13a14.9,14.9,0,0,0-9.545,3.1,12.323,12.323,0,0,0-2.156,2.21A8.913,8.913,0,0,0,7.264,19.5,2.545,2.545,0,0,0,11.8,21.8a6.56,6.56,0,0,1,1.556-1.726,9.84,9.84,0,0,1,6.365-1.988,9.84,9.84,0,0,1,6.364,1.988A6.556,6.556,0,0,1,27.641,21.8Z"
94
- transform="translate(9.273 18.545)"
95
- />
96
- <path
97
- id="FaceAngry_5"
98
- data-name="FaceAngry 5"
99
- d="M29,57A28,28,0,1,0,1,29,28,28,0,0,0,29,57Zm0-5.108A22.892,22.892,0,1,1,51.892,29,22.892,22.892,0,0,1,29,51.892Z"
100
- />
101
- </g>
102
- </>
103
- ),
104
- pieChart: (
105
- <>
106
- <g id="pie-chart" transform="translate(-1.25 -1.25)">
107
- <path
108
- id="PieChart_1"
109
- data-name="PieChart 1"
110
- d="M20.68,1.549a7.725,7.725,0,0,0-7.428,1.81,9.575,9.575,0,0,0-3,7.035V27.831a5.977,5.977,0,0,0,5.977,5.977H33.664a9.575,9.575,0,0,0,7.035-3,7.725,7.725,0,0,0,1.81-7.428A31.52,31.52,0,0,0,20.68,1.549Zm-6.523,8.846A5.671,5.671,0,0,1,15.9,6.236a3.821,3.821,0,0,1,3.734-.924A27.613,27.613,0,0,1,38.746,24.429a3.82,3.82,0,0,1-.924,3.734A5.671,5.671,0,0,1,33.664,29.9H16.227a2.07,2.07,0,0,1-2.07-2.07Z"
111
- transform="translate(14.442)"
112
- fill-rule="evenodd"
113
- />
114
- <path
115
- id="PieChart_2"
116
- data-name="PieChart 2"
117
- d="M20.582,7.068A1.953,1.953,0,0,0,19.412,3.34,25.948,25.948,0,1,0,51.95,35.879a1.953,1.953,0,1,0-3.727-1.171A22.041,22.041,0,1,1,20.582,7.068Z"
118
- transform="translate(0 3.209)"
119
- />
120
- </g>
121
- </>
122
- ),
123
-
124
- sort: (
125
- <>
126
- <g id="sort" transform="translate(1.5 -3.5)">
127
- <path
128
- id="Sort_1"
129
- data-name="Sort 1"
130
- d="M49,7H2"
131
- fill="none"
132
- stroke="#000"
133
- stroke-linecap="round"
134
- stroke-width="7"
135
- />
136
- <path
137
- id="Sort_2"
138
- data-name="Sort 2"
139
- d="M37.9,12H5"
140
- transform="translate(4.05 12.588)"
141
- fill="none"
142
- stroke="#000"
143
- stroke-linecap="round"
144
- stroke-width="7"
145
- />
146
- <path
147
- id="Sort_3"
148
- data-name="Sort 3"
149
- d="M26.8,17H8"
150
- transform="translate(8.1 25.176)"
151
- fill="none"
152
- stroke="#000"
153
- stroke-linecap="round"
154
- stroke-width="7"
155
- />
156
- </g>
157
- </>
158
- ),
159
- timerClock: (
160
- <>
161
- <g
162
- id="time-clock"
163
- data-name="TimeClock 1880"
164
- transform="translate(96 44)"
165
- >
166
- <path
167
- id="TimeClock_1968"
168
- data-name="TimeClock 1968"
169
- d="M32.029,60.079A28.109,28.109,0,0,1,3.938,32.008a27.826,27.826,0,0,1,8.6-20.211,2.254,2.254,0,1,1,3.132,3.242,23.578,23.578,0,1,0,18.61-6.484v8.786a2.261,2.261,0,0,1-4.523,0V6.2a2.259,2.259,0,0,1,2.261-2.26,28.071,28.071,0,1,1,.014,56.142Z"
170
- transform="translate(-99.938 -47.938)"
171
- />
172
- <path
173
- id="TimeClock_1969"
174
- data-name="TimeClock 1969"
175
- d="M12.754,11.429,22.173,18.2a2.85,2.85,0,0,1-3.313,4.638,2.752,2.752,0,0,1-.663-.663l-6.768-9.419a.95.95,0,0,1,1.325-1.325Z"
176
- transform="translate(-85.226 -33.239)"
177
- />
178
- </g>
179
- </>
180
- ),
181
- tag: (
182
- <>
183
- <g id="tag" transform="translate(-0.66 -0.66)">
184
- <path
185
- id="Tag_1"
186
- data-name="Tag 1"
187
- d="M55.236,25.551l-23.6-23.6A4.757,4.757,0,0,0,28.291.661H5.457a4.757,4.757,0,0,0-4.8,4.757V28.253A4.757,4.757,0,0,0,1.955,31.64l23.6,23.6a4.719,4.719,0,0,0,3.349,1.37,4.871,4.871,0,0,0,3.5-1.37L55.236,32.4a4.833,4.833,0,0,0,0-6.85ZM28.976,51.772,5.418,28.291V5.456H28.253L51.735,28.938Z"
188
- transform="translate(0 0)"
189
- />
190
- <ellipse
191
- id="Elipse_1"
192
- data-name="Elipse 1"
193
- cx="5.366"
194
- cy="5.709"
195
- rx="5.366"
196
- ry="5.709"
197
- transform="translate(11.622 11.279)"
198
- />
199
- </g>
200
- </>
201
- ),
202
- listCheck: (
203
- <>
204
- <path
205
- id="list-check"
206
- d="M4,7H40.862v6.7H4ZM4,20.4H40.862v6.7H4Zm0,13.4H27.458v6.7H4Zm51.268-9.075-14.41,14.38-4.33-4.326-4.738,4.742,9.068,9.061L60,29.479Z"
207
- transform="translate(-4 -7)"
208
- />
209
- </>
210
- ),
211
- starOutlined: (
212
- <>
213
- <path
214
- id="star-outlined"
215
- d="M56.125,22.76H37.737L32.15,4.8a1.978,1.978,0,0,0-3.8,0L22.763,22.76H4.25a2.087,2.087,0,0,0-2,2.154,1.7,1.7,0,0,0,.037.363A2.11,2.11,0,0,0,3.125,26.8L18.238,38.267l-5.8,18.16a2.26,2.26,0,0,0,.687,2.423,1.868,1.868,0,0,0,1.125.525,2.343,2.343,0,0,0,1.25-.485L30.25,47.569,45,58.89a2.24,2.24,0,0,0,1.25.485,1.737,1.737,0,0,0,1.113-.525,2.231,2.231,0,0,0,.688-2.423l-5.8-18.16L57.238,26.69l.362-.337a2.329,2.329,0,0,0,.65-1.44A2.192,2.192,0,0,0,56.125,22.76Zm-15.9,12.452a3.948,3.948,0,0,0-1.275,4.281L42.712,51.3a.513.513,0,0,1-.762.619l-9.675-7.431a3.325,3.325,0,0,0-2.037-.7,3.264,3.264,0,0,0-2.025.7L18.537,51.9a.511.511,0,0,1-.762-.619l3.763-11.806a3.96,3.96,0,0,0-1.287-4.308L10.125,27.485a.549.549,0,0,1,.287-.983H22.75a3.528,3.528,0,0,0,3.313-2.571l3.7-11.873a.492.492,0,0,1,.95,0l3.7,11.873A3.528,3.528,0,0,0,37.725,26.5H49.887a.54.54,0,0,1,.288.969Z"
216
- transform="translate(-2.25 -3.375)"
217
- />
218
- </>
219
- ),
220
-
221
- edit: (
222
- <>
223
- <g
224
- id="Edit_1880"
225
- data-name="Edit 1880"
226
- transform="translate(75.5 -366.5)"
227
- >
228
- <g id="edit" transform="translate(-73 369)">
229
- <path
230
- id="Edit_1946"
231
- data-name="Edit 1946"
232
- d="M27.959,6H8.546A5.546,5.546,0,0,0,3,11.546V50.371a5.546,5.546,0,0,0,5.546,5.546H47.371a5.546,5.546,0,0,0,5.546-5.546V30.959"
233
- transform="translate(-3 -0.117)"
234
- fill="none"
235
- stroke-linecap="round"
236
- stroke-linejoin="round"
237
- stroke-width="5"
238
- />
239
- <path
240
- id="Edit_1947"
241
- data-name="Edit 1947"
242
- d="M41.118,4.541a5.883,5.883,0,0,1,8.32,8.32L23.093,39.206,12,41.979l2.773-11.093Z"
243
- transform="translate(4.639 -2.818)"
244
- fill="none"
245
- stroke-linecap="round"
246
- stroke-linejoin="round"
247
- stroke-width="5"
248
- />
249
- </g>
250
- </g>
251
- </>
252
- ),
253
- chartBar: (
254
- <>
255
- <g id="chart-bar" data-name="icons Q2" transform="translate(4.625 4.625)">
256
- <path
257
- id="ChartBar_1"
258
- data-name="ChartBar 1"
259
- d="M4,47.938H4a2.313,2.313,0,0,1,2.313-2.312H47.938a2.313,2.313,0,0,1,2.313,2.313h0a2.313,2.313,0,0,1-2.312,2.313H6.313A2.313,2.313,0,0,1,4,47.938ZM15.563,22.5a2.312,2.312,0,0,0-2.312-2.312h0A2.313,2.313,0,0,0,10.938,22.5V41h4.625ZM43.313,6.313A2.313,2.313,0,0,0,41,4h0a2.313,2.313,0,0,0-2.312,2.313V41h4.625Zm-18.5,9.25A2.313,2.313,0,0,0,22.5,13.25h0a2.312,2.312,0,0,0-2.312,2.313V41h4.625Zm9.25,10.406a2.313,2.313,0,0,0-2.312-2.312h0a2.313,2.313,0,0,0-2.312,2.313V41h4.625Z"
260
- transform="translate(-4 -4)"
261
- />
262
- </g>
263
- </>
264
- ),
265
- settingEthernet: (
266
- <>
267
- <g
268
- id="SettingsEthernet_1881"
269
- data-name="SettingsEthernet 1881"
270
- transform="translate(146 -54.196)"
271
- >
272
- <g id="settings_ethernet" transform="translate(-146 54.196)">
273
- <path
274
- id="SettingsEthernet"
275
- data-name="IconSettingsEthernet"
276
- d="M18.612,11.421,14.76,8.22,1.23,24.527,14.76,40.833l3.852-3.2L7.733,24.527,18.612,11.421ZM16.686,27.027h5v-5h-5Zm25.01-5h-5v5h5Zm-15.006,5h5v-5h-5ZM43.622,8.22l-3.852,3.2L50.65,24.527,39.77,37.632l3.852,3.2,13.53-16.307L43.622,8.22Z"
277
- transform="translate(-1.23 -8.22)"
278
- />
279
- </g>
280
- </g>
281
- </>
282
- ),
283
-
284
- usd: (
285
- <>
286
- <g id="Usd_1880" data-name="Usd 1880" transform="translate(36 -177)">
287
- <g id="Usd" transform="translate(-36 177)">
288
- <path
289
- id="IconUsd"
290
- data-name="IconUsd"
291
- d="M27.686,30.909c-7.035-1.828-9.3-3.7-9.3-6.647,0-3.378,3.114-5.749,8.367-5.749,5.516,0,7.562,2.634,7.748,6.508h6.849c-.2-5.346-3.471-10.211-9.948-11.807V6.427h-9.3v6.694C16.1,14.438,11.261,18.311,11.261,24.308c0,7.159,5.935,10.723,14.565,12.8,7.763,1.859,9.3,4.571,9.3,7.484,0,2.123-1.5,5.532-8.367,5.532-6.384,0-8.91-2.867-9.235-6.508H10.688c.387,6.787,5.454,10.583,11.42,11.869v6.725h9.3V55.546c6.028-1.162,10.846-4.649,10.846-11.017,0-8.77-7.531-11.776-14.565-13.62Z"
292
- transform="translate(-10.688 -6.427)"
293
- />
294
- </g>
295
- </g>
296
- </>
297
- ),
298
-
299
- user: (
300
- <>
301
- <path
302
- id="User_1941"
303
- data-name="User 1941"
304
- d="M23.977,30.96c8.824,0,15.977-6.259,15.977-13.98S32.8,3,23.977,3,8,9.259,8,16.98s7.153,13.98,15.977,13.98Zm0-20.97c4.412,0,7.989,3.13,7.989,6.99s-3.577,6.99-7.989,6.99-7.989-3.13-7.989-6.99S19.565,9.99,23.977,9.99Z"
305
- transform="translate(3.983 -3)"
306
- />
307
- <path
308
- id="User_1942"
309
- data-name="User 1942"
310
- d="M32.96,13C17.518,13,5,23.953,5,37.465a3.77,3.77,0,0,0,3.994,3.5,3.77,3.77,0,0,0,3.994-3.5c0-9.651,8.942-17.475,19.972-17.475s19.972,7.824,19.972,17.475a4.03,4.03,0,0,0,7.989,0C60.921,23.953,48.4,13,32.96,13Z"
311
- transform="translate(-5 14.96)"
312
- />
313
- </>
314
- ),
315
- notication: (
316
- <>
317
- <path
318
- id="Notification_Icon"
319
- data-name="Notification Icon"
320
- d="M21,49H35a7,7,0,1,1-14,0ZM3.5,45.5a3.5,3.5,0,0,1,0-7H5.251C7.7,36.051,10.5,32.552,10.5,28V17.5A17.333,17.333,0,0,1,28,0,17.33,17.33,0,0,1,45.5,17.5V28c0,4.552,2.8,8.051,5.251,10.5H52.5a3.5,3.5,0,0,1,0,7Z"
321
- />
322
- </>
323
- ),
324
- card: (
325
- <>
326
- <path
327
- id="Card_1937"
328
- data-name="Card 1937"
329
- d="M6.157,6H48.067a4.657,4.657,0,0,1,4.657,4.657V38.6a4.657,4.657,0,0,1-4.657,4.657H6.157A4.657,4.657,0,0,1,1.5,38.6V10.657A4.657,4.657,0,0,1,6.157,6Z"
330
- transform="translate(1 -3.5)"
331
- fill="none"
332
- stroke-linecap="round"
333
- stroke-linejoin="round"
334
- stroke-width="5"
335
- />
336
- <path
337
- id="Card_1938"
338
- data-name="Card 1938"
339
- d="M1.5,15H52.724"
340
- transform="translate(1 1.47)"
341
- fill="none"
342
- stroke-linecap="round"
343
- stroke-linejoin="round"
344
- stroke-width="5"
345
- />
346
- </>
347
- ),
348
- briefcase: (
349
- <>
350
- <g id="briefcase" transform="translate(2.5 2.5)">
351
- <g id="Briefcase" data-name="IconBriefcase">
352
- <path
353
- id="Briefcase_1939"
354
- data-name="IconBriefcase 1939"
355
- d="M8.148,10.5H49.332a4.943,4.943,0,0,1,5.148,4.707V38.744a4.943,4.943,0,0,1-5.148,4.707H8.148A4.943,4.943,0,0,1,3,38.744V15.207A4.943,4.943,0,0,1,8.148,10.5Z"
356
- transform="translate(-3 -1.085)"
357
- fill="none"
358
- stroke-linecap="round"
359
- stroke-linejoin="round"
360
- stroke-width="5"
361
- />
362
- <path
363
- id="Briefcase_1940"
364
- data-name="IconBriefcase 1940"
365
- d="M31.122,46.867V9.207A4.744,4.744,0,0,0,26.341,4.5H16.78A4.744,4.744,0,0,0,12,9.207V46.867"
366
- transform="translate(4.179 -4.5)"
367
- fill="none"
368
- stroke-linecap="round"
369
- stroke-linejoin="round"
370
- stroke-width="5"
371
- />
372
- </g>
373
- </g>
374
- </>
375
- ),
376
- checkCircle: (
377
- <>
378
- <g id="Icon" transform="translate(2.505 2.53)">
379
- <g id="check-circle" data-name="IconCheckCircle">
380
- <g id="CheckCircle_1881" data-name="CheckCircle 1881">
381
- <path
382
- id="CheckCircle_1935"
383
- data-name="Icon CheckCircle 1935"
384
- d="M53.347,25.863v2.316A25.174,25.174,0,1,1,38.419,5.171"
385
- transform="translate(-3 -2.991)"
386
- fill="none"
387
- stroke-linecap="round"
388
- stroke-linejoin="round"
389
- stroke-width="5"
390
- />
391
- <path
392
- id="CheckCircle_1936"
393
- data-name="Icon CheckCircle 1936"
394
- d="M49.688,6,21.851,33.865,13.5,25.514"
395
- transform="translate(0.66 -0.415)"
396
- fill="none"
397
- stroke-linecap="round"
398
- stroke-linejoin="round"
399
- stroke-width="5"
400
- />
401
- </g>
402
- </g>
403
- </g>
404
- </>
405
- ),
406
- hand: (
407
- <>
408
- <path
409
- id="hand"
410
- data-name="Icon Hand"
411
- d="M57.824,32.437a4.988,4.988,0,0,0-6.857-.164l-5.645,5.208c-1.47,1.355-3.241,1.357-4.274.231-.685-.746-.415-3.047-.223-4.506l2.831-21.481a3.67,3.67,0,0,0-3.308-4.006,3.82,3.82,0,0,0-4.224,3.161L33,27.753c-.163.42-.513.492-.553-.073L31.386,5.75a3.656,3.656,0,0,0-3.794-3.5A3.656,3.656,0,0,0,23.8,5.75l-.075,22.094c.02.255-.217.328-.26.037L20.089,10.635A3.854,3.854,0,0,0,15.681,7.7a3.635,3.635,0,0,0-3.059,4.175L15.627,32.06c0,.359-.127.564-.313.1L10.831,21.1a3.94,3.94,0,0,0-4.845-2.236,3.548,3.548,0,0,0-2.305,4.579l7.86,23.7c.041.131.084.261.129.39l.016.049,0,.011c2.177,6.184,8.472,10.655,15.9,10.655a23.877,23.877,0,0,0,13.455-4.209h0c4.061-2.256,17.072-15.168,17.072-15.168C60.095,37.05,59.8,34.26,57.824,32.437Z"
412
- transform="translate(-3.462 -2.25)"
413
- />
414
- </>
415
- ),
416
- female: (
417
- <>
418
- <g
419
- id="Female_1880"
420
- data-name="Female 1880"
421
- transform="translate(65.5 -276.5)"
422
- >
423
- <g id="female" transform="translate(-63 279)">
424
- <path
425
- id="Female"
426
- d="M13.222,49.667H31.889M22.556,34.111V59m0-24.889A15.556,15.556,0,1,0,7,18.556,15.556,15.556,0,0,0,22.556,34.111Z"
427
- transform="translate(-7 -3)"
428
- fill="none"
429
- stroke-linecap="round"
430
- stroke-linejoin="round"
431
- stroke-width="5"
432
- />
433
- </g>
434
- </g>
435
- </>
436
- ),
437
- male: (
438
- <>
439
- <g
440
- id="Male_1880"
441
- data-name="Male 1880"
442
- transform="translate(1.5 -255.464)"
443
- >
444
- <g id="male" transform="translate(1 259)">
445
- <path
446
- id="Male"
447
- d="M22.556,27.889A15.556,15.556,0,1,0,38.111,43.444,15.556,15.556,0,0,0,22.556,27.889Zm0,0V3m0,0L35,15.444M22.556,3,10.111,15.444"
448
- transform="translate(-7 -3)"
449
- fill="none"
450
- stroke-linecap="round"
451
- stroke-linejoin="round"
452
- stroke-width="5"
453
- />
454
- </g>
455
- </g>
456
- </>
457
- ),
458
- headphone: (
459
- <>
460
- <g
461
- id="HeadPhone_1880"
462
- data-name="HeadPhone 1880"
463
- transform="translate(68.5 -344.5)"
464
- >
465
- <g id="headphone" transform="translate(-66 347)">
466
- <g id="Icon">
467
- <g id="headphone" data-name="Icon HeadPhone">
468
- <path
469
- id="HeadPhone_1880_1930"
470
- data-name="HeadPhone_1880 1930"
471
- d="M4.5,38.111V24.666C4.5,13.529,16.886,4.5,32.165,4.5S59.83,13.529,59.83,24.666V38.111"
472
- transform="translate(-4.5 -4.5)"
473
- fill="none"
474
- stroke-linecap="round"
475
- stroke-linejoin="round"
476
- stroke-width="5"
477
- />
478
- <path
479
- id="HeadPhone_1880_1931"
480
- data-name="HeadPhone_1880 1931"
481
- d="M59.83,36.513a6.177,6.177,0,0,1-6.148,6.205H50.608a6.177,6.177,0,0,1-6.148-6.205V27.205A6.177,6.177,0,0,1,50.608,21H59.83Zm-55.33,0a6.177,6.177,0,0,0,6.148,6.205h3.074a6.177,6.177,0,0,0,6.148-6.205V27.205A6.177,6.177,0,0,0,13.722,21H4.5Z"
482
- transform="translate(-4.5 12.611)"
483
- fill="none"
484
- stroke-linecap="round"
485
- stroke-linejoin="round"
486
- stroke-width="5"
487
- />
488
- </g>
489
- </g>
490
- </g>
491
- </g>
492
- </>
493
- ),
494
- envelopeMail: (
495
- <>
496
- <path
497
- id="email"
498
- d="M52.4,4H7.6A5.593,5.593,0,0,0,2.028,9.6L2,43.2a5.616,5.616,0,0,0,5.6,5.6H52.4A5.616,5.616,0,0,0,58,43.2V9.6A5.616,5.616,0,0,0,52.4,4Zm0,11.2L30,29.2,7.6,15.2V9.6L30,23.6l22.4-14Z"
499
- transform="translate(-2 -4)"
500
- />
501
- </>
502
- ),
503
- comment: (
504
- <>
505
- <path
506
- id="comment"
507
- d="M52.4,2H7.6A5.593,5.593,0,0,0,2.028,7.6L2,58,13.2,46.8H52.4A5.616,5.616,0,0,0,58,41.2V7.6A5.616,5.616,0,0,0,52.4,2ZM13.2,21.6H46.8v5.6H13.2Zm22.4,14H13.2V30H35.6ZM46.8,18.8H13.2V13.2H46.8Z"
508
- transform="translate(-2 -2)"
509
- />
510
- </>
511
- ),
512
- olosCloud: (
513
- <>
514
- <path
515
- id="olos-cloud"
516
- d="M35.977,44.991q.308.009.618.009a20.5,20.5,0,0,0,0-41,20.305,20.305,0,0,0-15.914,7.688h-3.1a16.657,16.657,0,0,0,0,33.313H35.42Q35.7,45,35.977,44.991Zm4.977-5.831c5.989-1.97,10.93-7.789,10.93-14.66a15.289,15.289,0,1,0-30.578,0h-5.1a20.543,20.543,0,0,1,1.482-7.687h-.109a11.531,11.531,0,0,0,0,23.063H35.42A27.108,27.108,0,0,0,40.954,39.16Z"
517
- transform="translate(-1.019 -4)"
518
- fill-rule="evenodd"
519
- />
520
- </>
521
- ),
522
- } as const;
1
+ import React from 'react';
2
+
3
+ // Icon paths
4
+ export const iconsSVG = {
5
+ menuBar: (
6
+ <>
7
+ <path
8
+ id="menu-bar"
9
+ d="M57.286,7c0,2.209-1.4,4-3.127,4H4.127C2.4,11,1,9.209,1,7S2.4,3,4.127,3H54.159C55.886,3,57.286,4.791,57.286,7Zm0,24c0,2.209-1.4,4-3.127,4H4.127C2.4,35,1,33.209,1,31s1.4-4,3.127-4H54.159C55.886,27,57.286,28.791,57.286,31ZM54.159,59c1.727,0,3.127-1.791,3.127-4s-1.4-4-3.127-4H4.127C2.4,51,1,52.791,1,55s1.4,4,3.127,4Z"
10
+ transform="translate(-1 -3)"
11
+ fill-rule="evenodd"
12
+ />
13
+ </>
14
+ ),
15
+ faceHappy: (
16
+ <>
17
+ <g id="face-happy" transform="translate(-16 -16)">
18
+ <path
19
+ id="FaceHappy_1"
20
+ data-name="FaceHappy 1"
21
+ d="M43.833,16A27.833,27.833,0,1,0,71.667,43.833,27.833,27.833,0,0,0,43.833,16ZM60.89,60.89a24.036,24.036,0,1,1,5.171-7.669A24.036,24.036,0,0,1,60.89,60.89Z"
22
+ transform="translate(0 0)"
23
+ />
24
+ <path
25
+ id="FaceHappy_2"
26
+ data-name="FaceHappy 2"
27
+ d="M164.061,292.061A12.061,12.061,0,0,0,176.122,280H152a12.061,12.061,0,0,0,12.061,12.061Z"
28
+ transform="translate(-120.228 -233.383)"
29
+ />
30
+ <path
31
+ id="FaceHappy_3"
32
+ data-name="FaceHappy 3"
33
+ d="M120.89,163.653l2.376-2.851-6.755-5.629-6.755,5.629,2.376,2.851L116.512,160Z"
34
+ transform="translate(-82.884 -123.033)"
35
+ />
36
+ <path
37
+ id="FaceHappy_4"
38
+ data-name="FaceHappy 4"
39
+ d="M285.757,160.8l2.376,2.851L292.512,160l4.379,3.649,2.376-2.851-6.755-5.629Z"
40
+ transform="translate(-238.473 -123.033)"
41
+ />
42
+ </g>
43
+ </>
44
+ ),
45
+ faceNeutral: (
46
+ <>
47
+ <g id="face-neutral" transform="translate(0.75 0.75)">
48
+ <circle
49
+ id="Elipse_1"
50
+ data-name="Elipse 1"
51
+ cx="25.5"
52
+ cy="25.5"
53
+ r="25.5"
54
+ transform="translate(1.75 1.75)"
55
+ fill="none"
56
+ stroke="#000"
57
+ stroke-linecap="round"
58
+ stroke-linejoin="round"
59
+ stroke-width="5"
60
+ />
61
+ <path
62
+ id="FaceNeutral_1"
63
+ data-name="FaceNeutral 1"
64
+ d="M22.177,7.8V5.75M7.8,7.8V5.75M5.75,24.23H24.23"
65
+ transform="translate(12.427 12.427)"
66
+ fill="none"
67
+ stroke="#000"
68
+ stroke-linecap="round"
69
+ stroke-linejoin="round"
70
+ stroke-width="5"
71
+ />
72
+ </g>
73
+ </>
74
+ ),
75
+ faceAngry: (
76
+ <>
77
+ <g id="face-angry" transform="translate(-1 -1)">
78
+ <path
79
+ id="FaceAngry_2"
80
+ data-name="FaceAngry 2"
81
+ d="M10.818,15.636A3.818,3.818,0,1,0,7,11.818,3.818,3.818,0,0,0,10.818,15.636Z"
82
+ transform="translate(9.273 10.818)"
83
+ />
84
+ <path
85
+ id="FaceAngry_3"
86
+ data-name="FaceAngry 3"
87
+ d="M21.636,11.818A3.818,3.818,0,1,1,17.818,8,3.818,3.818,0,0,1,21.636,11.818Z"
88
+ transform="translate(20.091 10.818)"
89
+ />
90
+ <path
91
+ id="FaceAngry_4"
92
+ data-name="FaceAngry 4"
93
+ d="M27.641,21.8A2.545,2.545,0,0,0,32.18,19.5a7.923,7.923,0,0,0-.758-1.184,12.316,12.316,0,0,0-2.157-2.21A14.9,14.9,0,0,0,19.721,13a14.9,14.9,0,0,0-9.545,3.1,12.323,12.323,0,0,0-2.156,2.21A8.913,8.913,0,0,0,7.264,19.5,2.545,2.545,0,0,0,11.8,21.8a6.56,6.56,0,0,1,1.556-1.726,9.84,9.84,0,0,1,6.365-1.988,9.84,9.84,0,0,1,6.364,1.988A6.556,6.556,0,0,1,27.641,21.8Z"
94
+ transform="translate(9.273 18.545)"
95
+ />
96
+ <path
97
+ id="FaceAngry_5"
98
+ data-name="FaceAngry 5"
99
+ d="M29,57A28,28,0,1,0,1,29,28,28,0,0,0,29,57Zm0-5.108A22.892,22.892,0,1,1,51.892,29,22.892,22.892,0,0,1,29,51.892Z"
100
+ />
101
+ </g>
102
+ </>
103
+ ),
104
+ pieChart: (
105
+ <>
106
+ <g id="pie-chart" transform="translate(-1.25 -1.25)">
107
+ <path
108
+ id="PieChart_1"
109
+ data-name="PieChart 1"
110
+ d="M20.68,1.549a7.725,7.725,0,0,0-7.428,1.81,9.575,9.575,0,0,0-3,7.035V27.831a5.977,5.977,0,0,0,5.977,5.977H33.664a9.575,9.575,0,0,0,7.035-3,7.725,7.725,0,0,0,1.81-7.428A31.52,31.52,0,0,0,20.68,1.549Zm-6.523,8.846A5.671,5.671,0,0,1,15.9,6.236a3.821,3.821,0,0,1,3.734-.924A27.613,27.613,0,0,1,38.746,24.429a3.82,3.82,0,0,1-.924,3.734A5.671,5.671,0,0,1,33.664,29.9H16.227a2.07,2.07,0,0,1-2.07-2.07Z"
111
+ transform="translate(14.442)"
112
+ fill-rule="evenodd"
113
+ />
114
+ <path
115
+ id="PieChart_2"
116
+ data-name="PieChart 2"
117
+ d="M20.582,7.068A1.953,1.953,0,0,0,19.412,3.34,25.948,25.948,0,1,0,51.95,35.879a1.953,1.953,0,1,0-3.727-1.171A22.041,22.041,0,1,1,20.582,7.068Z"
118
+ transform="translate(0 3.209)"
119
+ />
120
+ </g>
121
+ </>
122
+ ),
123
+
124
+ sort: (
125
+ <>
126
+ <g id="sort" transform="translate(1.5 -3.5)">
127
+ <path
128
+ id="Sort_1"
129
+ data-name="Sort 1"
130
+ d="M49,7H2"
131
+ fill="none"
132
+ stroke="#000"
133
+ stroke-linecap="round"
134
+ stroke-width="7"
135
+ />
136
+ <path
137
+ id="Sort_2"
138
+ data-name="Sort 2"
139
+ d="M37.9,12H5"
140
+ transform="translate(4.05 12.588)"
141
+ fill="none"
142
+ stroke="#000"
143
+ stroke-linecap="round"
144
+ stroke-width="7"
145
+ />
146
+ <path
147
+ id="Sort_3"
148
+ data-name="Sort 3"
149
+ d="M26.8,17H8"
150
+ transform="translate(8.1 25.176)"
151
+ fill="none"
152
+ stroke="#000"
153
+ stroke-linecap="round"
154
+ stroke-width="7"
155
+ />
156
+ </g>
157
+ </>
158
+ ),
159
+ timerClock: (
160
+ <>
161
+ <g id="time-clock" data-name="TimeClock 1880" transform="translate(96 44)">
162
+ <path
163
+ id="TimeClock_1968"
164
+ data-name="TimeClock 1968"
165
+ d="M32.029,60.079A28.109,28.109,0,0,1,3.938,32.008a27.826,27.826,0,0,1,8.6-20.211,2.254,2.254,0,1,1,3.132,3.242,23.578,23.578,0,1,0,18.61-6.484v8.786a2.261,2.261,0,0,1-4.523,0V6.2a2.259,2.259,0,0,1,2.261-2.26,28.071,28.071,0,1,1,.014,56.142Z"
166
+ transform="translate(-99.938 -47.938)"
167
+ />
168
+ <path
169
+ id="TimeClock_1969"
170
+ data-name="TimeClock 1969"
171
+ d="M12.754,11.429,22.173,18.2a2.85,2.85,0,0,1-3.313,4.638,2.752,2.752,0,0,1-.663-.663l-6.768-9.419a.95.95,0,0,1,1.325-1.325Z"
172
+ transform="translate(-85.226 -33.239)"
173
+ />
174
+ </g>
175
+ </>
176
+ ),
177
+ tag: (
178
+ <>
179
+ <g id="tag" transform="translate(-0.66 -0.66)">
180
+ <path
181
+ id="Tag_1"
182
+ data-name="Tag 1"
183
+ d="M55.236,25.551l-23.6-23.6A4.757,4.757,0,0,0,28.291.661H5.457a4.757,4.757,0,0,0-4.8,4.757V28.253A4.757,4.757,0,0,0,1.955,31.64l23.6,23.6a4.719,4.719,0,0,0,3.349,1.37,4.871,4.871,0,0,0,3.5-1.37L55.236,32.4a4.833,4.833,0,0,0,0-6.85ZM28.976,51.772,5.418,28.291V5.456H28.253L51.735,28.938Z"
184
+ transform="translate(0 0)"
185
+ />
186
+ <ellipse
187
+ id="Elipse_1"
188
+ data-name="Elipse 1"
189
+ cx="5.366"
190
+ cy="5.709"
191
+ rx="5.366"
192
+ ry="5.709"
193
+ transform="translate(11.622 11.279)"
194
+ />
195
+ </g>
196
+ </>
197
+ ),
198
+ listCheck: (
199
+ <>
200
+ <path
201
+ id="list-check"
202
+ d="M4,7H40.862v6.7H4ZM4,20.4H40.862v6.7H4Zm0,13.4H27.458v6.7H4Zm51.268-9.075-14.41,14.38-4.33-4.326-4.738,4.742,9.068,9.061L60,29.479Z"
203
+ transform="translate(-4 -7)"
204
+ />
205
+ </>
206
+ ),
207
+ starOutlined: (
208
+ <>
209
+ <path
210
+ id="star-outlined"
211
+ d="M56.125,22.76H37.737L32.15,4.8a1.978,1.978,0,0,0-3.8,0L22.763,22.76H4.25a2.087,2.087,0,0,0-2,2.154,1.7,1.7,0,0,0,.037.363A2.11,2.11,0,0,0,3.125,26.8L18.238,38.267l-5.8,18.16a2.26,2.26,0,0,0,.687,2.423,1.868,1.868,0,0,0,1.125.525,2.343,2.343,0,0,0,1.25-.485L30.25,47.569,45,58.89a2.24,2.24,0,0,0,1.25.485,1.737,1.737,0,0,0,1.113-.525,2.231,2.231,0,0,0,.688-2.423l-5.8-18.16L57.238,26.69l.362-.337a2.329,2.329,0,0,0,.65-1.44A2.192,2.192,0,0,0,56.125,22.76Zm-15.9,12.452a3.948,3.948,0,0,0-1.275,4.281L42.712,51.3a.513.513,0,0,1-.762.619l-9.675-7.431a3.325,3.325,0,0,0-2.037-.7,3.264,3.264,0,0,0-2.025.7L18.537,51.9a.511.511,0,0,1-.762-.619l3.763-11.806a3.96,3.96,0,0,0-1.287-4.308L10.125,27.485a.549.549,0,0,1,.287-.983H22.75a3.528,3.528,0,0,0,3.313-2.571l3.7-11.873a.492.492,0,0,1,.95,0l3.7,11.873A3.528,3.528,0,0,0,37.725,26.5H49.887a.54.54,0,0,1,.288.969Z"
212
+ transform="translate(-2.25 -3.375)"
213
+ />
214
+ </>
215
+ ),
216
+
217
+ edit: (
218
+ <>
219
+ <g id="Edit_1880" data-name="Edit 1880" transform="translate(75.5 -366.5)">
220
+ <g id="edit" transform="translate(-73 369)">
221
+ <path
222
+ id="Edit_1946"
223
+ data-name="Edit 1946"
224
+ d="M27.959,6H8.546A5.546,5.546,0,0,0,3,11.546V50.371a5.546,5.546,0,0,0,5.546,5.546H47.371a5.546,5.546,0,0,0,5.546-5.546V30.959"
225
+ transform="translate(-3 -0.117)"
226
+ fill="none"
227
+ stroke-linecap="round"
228
+ stroke-linejoin="round"
229
+ stroke-width="5"
230
+ />
231
+ <path
232
+ id="Edit_1947"
233
+ data-name="Edit 1947"
234
+ d="M41.118,4.541a5.883,5.883,0,0,1,8.32,8.32L23.093,39.206,12,41.979l2.773-11.093Z"
235
+ transform="translate(4.639 -2.818)"
236
+ fill="none"
237
+ stroke-linecap="round"
238
+ stroke-linejoin="round"
239
+ stroke-width="5"
240
+ />
241
+ </g>
242
+ </g>
243
+ </>
244
+ ),
245
+ chartBar: (
246
+ <>
247
+ <g id="chart-bar" data-name="icons Q2" transform="translate(4.625 4.625)">
248
+ <path
249
+ id="ChartBar_1"
250
+ data-name="ChartBar 1"
251
+ d="M4,47.938H4a2.313,2.313,0,0,1,2.313-2.312H47.938a2.313,2.313,0,0,1,2.313,2.313h0a2.313,2.313,0,0,1-2.312,2.313H6.313A2.313,2.313,0,0,1,4,47.938ZM15.563,22.5a2.312,2.312,0,0,0-2.312-2.312h0A2.313,2.313,0,0,0,10.938,22.5V41h4.625ZM43.313,6.313A2.313,2.313,0,0,0,41,4h0a2.313,2.313,0,0,0-2.312,2.313V41h4.625Zm-18.5,9.25A2.313,2.313,0,0,0,22.5,13.25h0a2.312,2.312,0,0,0-2.312,2.313V41h4.625Zm9.25,10.406a2.313,2.313,0,0,0-2.312-2.312h0a2.313,2.313,0,0,0-2.312,2.313V41h4.625Z"
252
+ transform="translate(-4 -4)"
253
+ />
254
+ </g>
255
+ </>
256
+ ),
257
+ settingEthernet: (
258
+ <>
259
+ <g id="SettingsEthernet_1881" data-name="SettingsEthernet 1881" transform="translate(146 -54.196)">
260
+ <g id="settings_ethernet" transform="translate(-146 54.196)">
261
+ <path
262
+ id="SettingsEthernet"
263
+ data-name="IconSettingsEthernet"
264
+ d="M18.612,11.421,14.76,8.22,1.23,24.527,14.76,40.833l3.852-3.2L7.733,24.527,18.612,11.421ZM16.686,27.027h5v-5h-5Zm25.01-5h-5v5h5Zm-15.006,5h5v-5h-5ZM43.622,8.22l-3.852,3.2L50.65,24.527,39.77,37.632l3.852,3.2,13.53-16.307L43.622,8.22Z"
265
+ transform="translate(-1.23 -8.22)"
266
+ />
267
+ </g>
268
+ </g>
269
+ </>
270
+ ),
271
+
272
+ usd: (
273
+ <>
274
+ <g id="Usd_1880" data-name="Usd 1880" transform="translate(36 -177)">
275
+ <g id="Usd" transform="translate(-36 177)">
276
+ <path
277
+ id="IconUsd"
278
+ data-name="IconUsd"
279
+ d="M27.686,30.909c-7.035-1.828-9.3-3.7-9.3-6.647,0-3.378,3.114-5.749,8.367-5.749,5.516,0,7.562,2.634,7.748,6.508h6.849c-.2-5.346-3.471-10.211-9.948-11.807V6.427h-9.3v6.694C16.1,14.438,11.261,18.311,11.261,24.308c0,7.159,5.935,10.723,14.565,12.8,7.763,1.859,9.3,4.571,9.3,7.484,0,2.123-1.5,5.532-8.367,5.532-6.384,0-8.91-2.867-9.235-6.508H10.688c.387,6.787,5.454,10.583,11.42,11.869v6.725h9.3V55.546c6.028-1.162,10.846-4.649,10.846-11.017,0-8.77-7.531-11.776-14.565-13.62Z"
280
+ transform="translate(-10.688 -6.427)"
281
+ />
282
+ </g>
283
+ </g>
284
+ </>
285
+ ),
286
+
287
+ user: (
288
+ <>
289
+ <path
290
+ id="User_1941"
291
+ data-name="User 1941"
292
+ d="M23.977,30.96c8.824,0,15.977-6.259,15.977-13.98S32.8,3,23.977,3,8,9.259,8,16.98s7.153,13.98,15.977,13.98Zm0-20.97c4.412,0,7.989,3.13,7.989,6.99s-3.577,6.99-7.989,6.99-7.989-3.13-7.989-6.99S19.565,9.99,23.977,9.99Z"
293
+ transform="translate(3.983 -3)"
294
+ />
295
+ <path
296
+ id="User_1942"
297
+ data-name="User 1942"
298
+ d="M32.96,13C17.518,13,5,23.953,5,37.465a3.77,3.77,0,0,0,3.994,3.5,3.77,3.77,0,0,0,3.994-3.5c0-9.651,8.942-17.475,19.972-17.475s19.972,7.824,19.972,17.475a4.03,4.03,0,0,0,7.989,0C60.921,23.953,48.4,13,32.96,13Z"
299
+ transform="translate(-5 14.96)"
300
+ />
301
+ </>
302
+ ),
303
+ notication: (
304
+ <>
305
+ <path
306
+ id="Notification_Icon"
307
+ data-name="Notification Icon"
308
+ d="M21,49H35a7,7,0,1,1-14,0ZM3.5,45.5a3.5,3.5,0,0,1,0-7H5.251C7.7,36.051,10.5,32.552,10.5,28V17.5A17.333,17.333,0,0,1,28,0,17.33,17.33,0,0,1,45.5,17.5V28c0,4.552,2.8,8.051,5.251,10.5H52.5a3.5,3.5,0,0,1,0,7Z"
309
+ />
310
+ </>
311
+ ),
312
+ card: (
313
+ <>
314
+ <path
315
+ id="Card_1937"
316
+ data-name="Card 1937"
317
+ d="M6.157,6H48.067a4.657,4.657,0,0,1,4.657,4.657V38.6a4.657,4.657,0,0,1-4.657,4.657H6.157A4.657,4.657,0,0,1,1.5,38.6V10.657A4.657,4.657,0,0,1,6.157,6Z"
318
+ transform="translate(1 -3.5)"
319
+ fill="none"
320
+ stroke-linecap="round"
321
+ stroke-linejoin="round"
322
+ stroke-width="5"
323
+ />
324
+ <path
325
+ id="Card_1938"
326
+ data-name="Card 1938"
327
+ d="M1.5,15H52.724"
328
+ transform="translate(1 1.47)"
329
+ fill="none"
330
+ stroke-linecap="round"
331
+ stroke-linejoin="round"
332
+ stroke-width="5"
333
+ />
334
+ </>
335
+ ),
336
+ briefcase: (
337
+ <>
338
+ <g id="briefcase" transform="translate(2.5 2.5)">
339
+ <g id="Briefcase" data-name="IconBriefcase">
340
+ <path
341
+ id="Briefcase_1939"
342
+ data-name="IconBriefcase 1939"
343
+ d="M8.148,10.5H49.332a4.943,4.943,0,0,1,5.148,4.707V38.744a4.943,4.943,0,0,1-5.148,4.707H8.148A4.943,4.943,0,0,1,3,38.744V15.207A4.943,4.943,0,0,1,8.148,10.5Z"
344
+ transform="translate(-3 -1.085)"
345
+ fill="none"
346
+ stroke-linecap="round"
347
+ stroke-linejoin="round"
348
+ stroke-width="5"
349
+ />
350
+ <path
351
+ id="Briefcase_1940"
352
+ data-name="IconBriefcase 1940"
353
+ d="M31.122,46.867V9.207A4.744,4.744,0,0,0,26.341,4.5H16.78A4.744,4.744,0,0,0,12,9.207V46.867"
354
+ transform="translate(4.179 -4.5)"
355
+ fill="none"
356
+ stroke-linecap="round"
357
+ stroke-linejoin="round"
358
+ stroke-width="5"
359
+ />
360
+ </g>
361
+ </g>
362
+ </>
363
+ ),
364
+ checkCircle: (
365
+ <>
366
+ <g id="Icon" transform="translate(2.505 2.53)">
367
+ <g id="check-circle" data-name="IconCheckCircle">
368
+ <g id="CheckCircle_1881" data-name="CheckCircle 1881">
369
+ <path
370
+ id="CheckCircle_1935"
371
+ data-name="Icon CheckCircle 1935"
372
+ d="M53.347,25.863v2.316A25.174,25.174,0,1,1,38.419,5.171"
373
+ transform="translate(-3 -2.991)"
374
+ fill="none"
375
+ stroke-linecap="round"
376
+ stroke-linejoin="round"
377
+ stroke-width="5"
378
+ />
379
+ <path
380
+ id="CheckCircle_1936"
381
+ data-name="Icon CheckCircle 1936"
382
+ d="M49.688,6,21.851,33.865,13.5,25.514"
383
+ transform="translate(0.66 -0.415)"
384
+ fill="none"
385
+ stroke-linecap="round"
386
+ stroke-linejoin="round"
387
+ stroke-width="5"
388
+ />
389
+ </g>
390
+ </g>
391
+ </g>
392
+ </>
393
+ ),
394
+ hand: (
395
+ <>
396
+ <path
397
+ id="hand"
398
+ data-name="Icon Hand"
399
+ d="M57.824,32.437a4.988,4.988,0,0,0-6.857-.164l-5.645,5.208c-1.47,1.355-3.241,1.357-4.274.231-.685-.746-.415-3.047-.223-4.506l2.831-21.481a3.67,3.67,0,0,0-3.308-4.006,3.82,3.82,0,0,0-4.224,3.161L33,27.753c-.163.42-.513.492-.553-.073L31.386,5.75a3.656,3.656,0,0,0-3.794-3.5A3.656,3.656,0,0,0,23.8,5.75l-.075,22.094c.02.255-.217.328-.26.037L20.089,10.635A3.854,3.854,0,0,0,15.681,7.7a3.635,3.635,0,0,0-3.059,4.175L15.627,32.06c0,.359-.127.564-.313.1L10.831,21.1a3.94,3.94,0,0,0-4.845-2.236,3.548,3.548,0,0,0-2.305,4.579l7.86,23.7c.041.131.084.261.129.39l.016.049,0,.011c2.177,6.184,8.472,10.655,15.9,10.655a23.877,23.877,0,0,0,13.455-4.209h0c4.061-2.256,17.072-15.168,17.072-15.168C60.095,37.05,59.8,34.26,57.824,32.437Z"
400
+ transform="translate(-3.462 -2.25)"
401
+ />
402
+ </>
403
+ ),
404
+ female: (
405
+ <>
406
+ <g id="Female_1880" data-name="Female 1880" transform="translate(65.5 -276.5)">
407
+ <g id="female" transform="translate(-63 279)">
408
+ <path
409
+ id="Female"
410
+ d="M13.222,49.667H31.889M22.556,34.111V59m0-24.889A15.556,15.556,0,1,0,7,18.556,15.556,15.556,0,0,0,22.556,34.111Z"
411
+ transform="translate(-7 -3)"
412
+ fill="none"
413
+ stroke-linecap="round"
414
+ stroke-linejoin="round"
415
+ stroke-width="5"
416
+ />
417
+ </g>
418
+ </g>
419
+ </>
420
+ ),
421
+ male: (
422
+ <>
423
+ <g id="Male_1880" data-name="Male 1880" transform="translate(1.5 -255.464)">
424
+ <g id="male" transform="translate(1 259)">
425
+ <path
426
+ id="Male"
427
+ d="M22.556,27.889A15.556,15.556,0,1,0,38.111,43.444,15.556,15.556,0,0,0,22.556,27.889Zm0,0V3m0,0L35,15.444M22.556,3,10.111,15.444"
428
+ transform="translate(-7 -3)"
429
+ fill="none"
430
+ stroke-linecap="round"
431
+ stroke-linejoin="round"
432
+ stroke-width="5"
433
+ />
434
+ </g>
435
+ </g>
436
+ </>
437
+ ),
438
+ headphone: (
439
+ <>
440
+ <g id="HeadPhone_1880" data-name="HeadPhone 1880" transform="translate(68.5 -344.5)">
441
+ <g id="headphone" transform="translate(-66 347)">
442
+ <g id="Icon">
443
+ <g id="headphone" data-name="Icon HeadPhone">
444
+ <path
445
+ id="HeadPhone_1880_1930"
446
+ data-name="HeadPhone_1880 1930"
447
+ d="M4.5,38.111V24.666C4.5,13.529,16.886,4.5,32.165,4.5S59.83,13.529,59.83,24.666V38.111"
448
+ transform="translate(-4.5 -4.5)"
449
+ fill="none"
450
+ stroke-linecap="round"
451
+ stroke-linejoin="round"
452
+ stroke-width="5"
453
+ />
454
+ <path
455
+ id="HeadPhone_1880_1931"
456
+ data-name="HeadPhone_1880 1931"
457
+ d="M59.83,36.513a6.177,6.177,0,0,1-6.148,6.205H50.608a6.177,6.177,0,0,1-6.148-6.205V27.205A6.177,6.177,0,0,1,50.608,21H59.83Zm-55.33,0a6.177,6.177,0,0,0,6.148,6.205h3.074a6.177,6.177,0,0,0,6.148-6.205V27.205A6.177,6.177,0,0,0,13.722,21H4.5Z"
458
+ transform="translate(-4.5 12.611)"
459
+ fill="none"
460
+ stroke-linecap="round"
461
+ stroke-linejoin="round"
462
+ stroke-width="5"
463
+ />
464
+ </g>
465
+ </g>
466
+ </g>
467
+ </g>
468
+ </>
469
+ ),
470
+ envelopeMail: (
471
+ <>
472
+ <path
473
+ id="email"
474
+ d="M52.4,4H7.6A5.593,5.593,0,0,0,2.028,9.6L2,43.2a5.616,5.616,0,0,0,5.6,5.6H52.4A5.616,5.616,0,0,0,58,43.2V9.6A5.616,5.616,0,0,0,52.4,4Zm0,11.2L30,29.2,7.6,15.2V9.6L30,23.6l22.4-14Z"
475
+ transform="translate(-2 -4)"
476
+ />
477
+ </>
478
+ ),
479
+ comment: (
480
+ <>
481
+ <path
482
+ id="comment"
483
+ d="M52.4,2H7.6A5.593,5.593,0,0,0,2.028,7.6L2,58,13.2,46.8H52.4A5.616,5.616,0,0,0,58,41.2V7.6A5.616,5.616,0,0,0,52.4,2ZM13.2,21.6H46.8v5.6H13.2Zm22.4,14H13.2V30H35.6ZM46.8,18.8H13.2V13.2H46.8Z"
484
+ transform="translate(-2 -2)"
485
+ />
486
+ </>
487
+ ),
488
+ olosCloud: (
489
+ <>
490
+ <path
491
+ id="olos-cloud"
492
+ d="M35.977,44.991q.308.009.618.009a20.5,20.5,0,0,0,0-41,20.305,20.305,0,0,0-15.914,7.688h-3.1a16.657,16.657,0,0,0,0,33.313H35.42Q35.7,45,35.977,44.991Zm4.977-5.831c5.989-1.97,10.93-7.789,10.93-14.66a15.289,15.289,0,1,0-30.578,0h-5.1a20.543,20.543,0,0,1,1.482-7.687h-.109a11.531,11.531,0,0,0,0,23.063H35.42A27.108,27.108,0,0,0,40.954,39.16Z"
493
+ transform="translate(-1.019 -4)"
494
+ fill-rule="evenodd"
495
+ />
496
+ </>
497
+ ),
498
+ } as const;