norma-library 0.6.3 → 0.6.4

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 (169) hide show
  1. package/.babelrc.json +18 -18
  2. package/.prettierignore +10 -10
  3. package/.prettierrc.json +20 -20
  4. package/.storybook/main.ts +20 -20
  5. package/.storybook/preview.ts +15 -15
  6. package/README.md +43 -43
  7. package/commitlint.config.js +1 -1
  8. package/dist/esm/components/UncontrolledTable/components/header/index.js +3 -1
  9. package/dist/esm/components/UncontrolledTable/components/header/index.js.map +1 -1
  10. package/dist/esm/components/UncontrolledTable/components/header/styles.js +1 -1
  11. package/dist/esm/components/UncontrolledTable/components/header/styles.js.map +1 -1
  12. package/dist/esm/components/UncontrolledTable/index.js +1 -1
  13. package/dist/esm/components/UncontrolledTable/index.js.map +1 -1
  14. package/dist/esm/components/UncontrolledTable/interface.d.ts +2 -0
  15. package/docs/index.md +118 -118
  16. package/package.json +136 -136
  17. package/src/components/Accordion.tsx +39 -39
  18. package/src/components/Avatar.tsx +17 -17
  19. package/src/components/Badge.tsx +14 -14
  20. package/src/components/Box/index.tsx +12 -12
  21. package/src/components/Box/interfaces.ts +3 -3
  22. package/src/components/Box/styles.tsx +22 -22
  23. package/src/components/Breadcrumb/index.tsx +27 -27
  24. package/src/components/Breadcrumb/interface.ts +8 -8
  25. package/src/components/Breadcrumb/styles.tsx +32 -32
  26. package/src/components/Button.tsx +26 -26
  27. package/src/components/Card.tsx +37 -37
  28. package/src/components/ChatMessage.tsx +87 -87
  29. package/src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts +56 -56
  30. package/src/components/ChatMessageBalloon/ChatMessageBalloon.tsx +55 -55
  31. package/src/components/CheckBox.tsx +21 -21
  32. package/src/components/DateInput/index.tsx +34 -34
  33. package/src/components/DateInput/interface.ts +13 -13
  34. package/src/components/DateInput/styles.tsx +27 -27
  35. package/src/components/DatePicker.tsx +67 -67
  36. package/src/components/DropDown.tsx +24 -24
  37. package/src/components/IconButton.tsx +37 -37
  38. package/src/components/Icons.tsx +82 -82
  39. package/src/components/Modal.tsx +103 -103
  40. package/src/components/MultiSelectInput/components/MultiValue/index.tsx +44 -44
  41. package/src/components/MultiSelectInput/components/Option/index.tsx +62 -62
  42. package/src/components/MultiSelectInput/components/Option/styles.tsx +8 -8
  43. package/src/components/MultiSelectInput/index.tsx +60 -60
  44. package/src/components/MultiSelectInput/interfaces.ts +15 -15
  45. package/src/components/MultiSelectInput/styles.tsx +43 -43
  46. package/src/components/Paper.tsx +12 -12
  47. package/src/components/ProgressBar.tsx +71 -71
  48. package/src/components/RadioGroup.tsx +43 -43
  49. package/src/components/RangerSlider.tsx +65 -65
  50. package/src/components/Select.tsx +74 -74
  51. package/src/components/SelectInput/components/Option/index.tsx +61 -61
  52. package/src/components/SelectInput/components/Option/styles.tsx +8 -8
  53. package/src/components/SelectInput/index.tsx +45 -45
  54. package/src/components/SelectInput/interfaces.ts +15 -15
  55. package/src/components/SelectInput/styles.tsx +31 -31
  56. package/src/components/StatusModal/StatusModal.style.tsx +75 -75
  57. package/src/components/StatusModal/StatusModal.tsx +58 -58
  58. package/src/components/Svgs.tsx +506 -506
  59. package/src/components/Table/components/header/index.tsx +86 -86
  60. package/src/components/Table/components/header/styles.tsx +59 -59
  61. package/src/components/Table/components/index.tsx +8 -8
  62. package/src/components/Table/components/pagination/index.tsx +39 -39
  63. package/src/components/Table/components/pagination/styles.tsx +28 -28
  64. package/src/components/Table/components/tbody/index.tsx +30 -30
  65. package/src/components/Table/components/tbody/styles.tsx +4 -4
  66. package/src/components/Table/index.tsx +317 -317
  67. package/src/components/Table/interface.ts +23 -23
  68. package/src/components/Table/styles.tsx +117 -117
  69. package/src/components/Tabs.tsx +105 -105
  70. package/src/components/Tag.tsx +33 -33
  71. package/src/components/TextField.tsx +19 -19
  72. package/src/components/TextInput/index.tsx +37 -37
  73. package/src/components/TextInput/interface.ts +9 -9
  74. package/src/components/TextInput/styles.tsx +23 -23
  75. package/src/components/TimeLine.tsx +89 -89
  76. package/src/components/TimePicker.tsx +78 -78
  77. package/src/components/Typography/Text/index.tsx +20 -20
  78. package/src/components/Typography/Text/interfaces.ts +5 -5
  79. package/src/components/Typography/Text/styles.tsx +40 -40
  80. package/src/components/Typography/Title/index.tsx +22 -22
  81. package/src/components/Typography/Title/interfaces.ts +6 -6
  82. package/src/components/Typography/Title/styles.tsx +40 -40
  83. package/src/components/Typography/index.tsx +6 -6
  84. package/src/components/UncontrolledTable/components/header/index.tsx +72 -65
  85. package/src/components/UncontrolledTable/components/header/styles.tsx +65 -63
  86. package/src/components/UncontrolledTable/components/index.tsx +8 -8
  87. package/src/components/UncontrolledTable/components/pagination/index.tsx +43 -43
  88. package/src/components/UncontrolledTable/components/pagination/styles.tsx +28 -28
  89. package/src/components/UncontrolledTable/components/tbody/index.tsx +33 -33
  90. package/src/components/UncontrolledTable/components/tbody/styles.tsx +32 -32
  91. package/src/components/UncontrolledTable/index.tsx +222 -221
  92. package/src/components/UncontrolledTable/interface.ts +44 -43
  93. package/src/components/UncontrolledTable/styles.tsx +123 -123
  94. package/src/components/UncontrolledTabs/UncontrolledTabs.style.tsx +56 -56
  95. package/src/components/UncontrolledTabs/UncontrolledTabs.tsx +68 -68
  96. package/src/components/index.ts +24 -24
  97. package/src/helpers/alignments.ts +14 -14
  98. package/src/helpers/borders.ts +18 -18
  99. package/src/helpers/colors.ts +258 -258
  100. package/src/helpers/index.ts +5 -5
  101. package/src/helpers/radios.ts +24 -24
  102. package/src/helpers/sizes.ts +72 -72
  103. package/src/hooks/useClickOutside.tsx +18 -18
  104. package/src/index.ts +70 -70
  105. package/src/interfaces/Accordion.ts +12 -12
  106. package/src/interfaces/Avatar.tsx +15 -15
  107. package/src/interfaces/Badge.ts +19 -19
  108. package/src/interfaces/Button.ts +22 -22
  109. package/src/interfaces/Card.ts +11 -11
  110. package/src/interfaces/ChatMessage.ts +12 -12
  111. package/src/interfaces/ChatMessageBalloon.ts +17 -17
  112. package/src/interfaces/CheckBox.ts +27 -27
  113. package/src/interfaces/DatePicker.ts +13 -13
  114. package/src/interfaces/DropDown.ts +14 -14
  115. package/src/interfaces/IconButton.ts +22 -22
  116. package/src/interfaces/Icons.ts +17 -17
  117. package/src/interfaces/Modal.ts +18 -18
  118. package/src/interfaces/Paper.ts +12 -12
  119. package/src/interfaces/ProgressBar.ts +29 -29
  120. package/src/interfaces/RadioGroup.ts +23 -23
  121. package/src/interfaces/RangerSlider.ts +21 -21
  122. package/src/interfaces/Select.ts +17 -17
  123. package/src/interfaces/Tabs.ts +19 -19
  124. package/src/interfaces/Tag.ts +17 -17
  125. package/src/interfaces/TextField.ts +44 -44
  126. package/src/interfaces/TimeLine.ts +11 -11
  127. package/src/interfaces/TimePicker.ts +13 -13
  128. package/src/interfaces/index.ts +23 -23
  129. package/src/providers/NormaProvider.tsx +13 -13
  130. package/src/sample-data-2.json +178 -178
  131. package/src/sample-data.json +177 -177
  132. package/src/stories/Accordion.stories.tsx +65 -65
  133. package/src/stories/Avatar.stories.tsx +123 -123
  134. package/src/stories/Badge.stories.tsx +39 -39
  135. package/src/stories/Box.stories.tsx +35 -35
  136. package/src/stories/Breadcrumb.stories.tsx +44 -44
  137. package/src/stories/Button.stories.tsx +93 -93
  138. package/src/stories/Card.stories.tsx +39 -39
  139. package/src/stories/ChatMessage.stories.tsx +84 -84
  140. package/src/stories/ChatMessageBalloon.stories.tsx +108 -108
  141. package/src/stories/CheckBox.stories.tsx +88 -88
  142. package/src/stories/DateInput.stories.tsx +51 -51
  143. package/src/stories/DatePicker.stories.tsx +50 -50
  144. package/src/stories/DropDown.stories.tsx +57 -57
  145. package/src/stories/IconButton.stories.tsx +78 -78
  146. package/src/stories/Modal.stories.tsx +246 -246
  147. package/src/stories/ModalStatus.stories.tsx +46 -46
  148. package/src/stories/MultiSelectInput.stories.tsx +90 -90
  149. package/src/stories/Paper.stories.tsx +53 -53
  150. package/src/stories/ProgressBar.stories.tsx +116 -116
  151. package/src/stories/RadioGroup.stories.tsx +87 -87
  152. package/src/stories/RangerSlider.stories.tsx +149 -149
  153. package/src/stories/Select.stories.tsx +100 -100
  154. package/src/stories/SelectInput.stories.tsx +78 -78
  155. package/src/stories/Table.stories.tsx +372 -372
  156. package/src/stories/Tabs.stories.tsx +61 -61
  157. package/src/stories/Tag.stories.tsx +56 -56
  158. package/src/stories/Text.stories.tsx +37 -37
  159. package/src/stories/TextField.stories.tsx +310 -310
  160. package/src/stories/TextInput.stories.tsx +52 -52
  161. package/src/stories/TimeLine.stories.tsx +35 -35
  162. package/src/stories/TimePicker.stories.tsx +87 -87
  163. package/src/stories/Title.stories.tsx +43 -43
  164. package/src/stories/UncontrolledTable.stories.tsx +315 -305
  165. package/src/stories/UncontrolledTabs.stories.tsx +63 -63
  166. package/src/styles/globals.scss +17 -17
  167. package/src/types/index.ts +207 -207
  168. package/src/utils/styledBreakpoints.ts +25 -25
  169. package/vite.config.ts +15 -15
@@ -1,506 +1,506 @@
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
- warning: (
499
- <>
500
- <g id="warning">
501
- <path strokeWidth="0" d="M27.5 55C12.34 55 0 42.66 0 27.5S12.34 0 27.5 0 55 12.34 55 27.5 42.66 55 27.5 55Zm0-48.89c-11.79 0-21.39 9.6-21.39 21.39s9.6 21.39 21.39 21.39 21.39-9.6 21.39-21.39S39.29 6.11 27.5 6.11Z"/>
502
- <path strokeWidth="0" d="M27.5 29.89a3.06 3.06 0 0 1-3.06-3.06v-8.71a3.06 3.06 0 1 1 6.12 0v8.71a3.06 3.06 0 0 1-3.06 3.06ZM27.5 40.32c-.81 0-1.59-.33-2.16-.9-.57-.57-.9-1.34-.9-2.16s.33-1.59.9-2.16c1.12-1.14 3.18-1.14 4.32 0 .57.57.9 1.37.9 2.16s-.33 1.59-.9 2.16-1.37.9-2.16.9Z"/>
503
- </g>
504
- </>
505
- ),
506
- } 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
+ warning: (
499
+ <>
500
+ <g id="warning">
501
+ <path strokeWidth="0" d="M27.5 55C12.34 55 0 42.66 0 27.5S12.34 0 27.5 0 55 12.34 55 27.5 42.66 55 27.5 55Zm0-48.89c-11.79 0-21.39 9.6-21.39 21.39s9.6 21.39 21.39 21.39 21.39-9.6 21.39-21.39S39.29 6.11 27.5 6.11Z"/>
502
+ <path strokeWidth="0" d="M27.5 29.89a3.06 3.06 0 0 1-3.06-3.06v-8.71a3.06 3.06 0 1 1 6.12 0v8.71a3.06 3.06 0 0 1-3.06 3.06ZM27.5 40.32c-.81 0-1.59-.33-2.16-.9-.57-.57-.9-1.34-.9-2.16s.33-1.59.9-2.16c1.12-1.14 3.18-1.14 4.32 0 .57.57.9 1.37.9 2.16s-.33 1.59-.9 2.16-1.37.9-2.16.9Z"/>
503
+ </g>
504
+ </>
505
+ ),
506
+ } as const;