@datalayer/icons-react 1.0.9 → 1.0.10

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 (925) hide show
  1. package/data1/A2AIcon.js +40 -25
  2. package/data1/AcademicCapIcon.js +34 -19
  3. package/data1/AiAgentIcon.js +34 -19
  4. package/data1/AlienIcon.js +34 -19
  5. package/data1/AmdIcon.js +34 -19
  6. package/data1/AnacondaIcon.js +35 -20
  7. package/data1/AndroidIcon.js +39 -24
  8. package/data1/ApacheFeatherHorizontalIcon.js +53 -38
  9. package/data1/ApacheFeatherVerticalIcon.js +56 -41
  10. package/data1/ApacheIcon.js +78 -63
  11. package/data1/ApacheSparkIcon.js +37 -22
  12. package/data1/ArrowSwitchVerticalIcon.js +34 -19
  13. package/data1/ArxivIcon.js +39 -24
  14. package/data1/ArxivMarkIcon.js +37 -22
  15. package/data1/ArxivMarkSmallIcon.js +37 -22
  16. package/data1/AutomatItIcon.js +37 -22
  17. package/data1/AutomatItIcon.svg +3 -3
  18. package/data1/AwsIcon.js +50 -43
  19. package/data1/AwsS3BucketIcon.js +36 -21
  20. package/data1/AzureBwIcon.js +34 -19
  21. package/data1/AzureCloudIcon.js +35 -20
  22. package/data1/AzureIcon.js +34 -19
  23. package/data1/BashIcon.js +46 -31
  24. package/data1/BinderIcon.js +40 -25
  25. package/data1/BinderNameIcon.js +41 -26
  26. package/data1/BlueskyGreyIcon.js +35 -20
  27. package/data1/BlueskyIcon.js +35 -20
  28. package/data1/BookIcon.js +34 -19
  29. package/data1/BrowserIcon.js +34 -19
  30. package/data1/BrowserMouseIcon.js +34 -19
  31. package/data1/CameraIcon.js +34 -19
  32. package/data1/CassandraIcon.js +45 -30
  33. package/data1/CellIcon.js +34 -19
  34. package/data1/CephIcon.js +34 -19
  35. package/data1/CephNameIcon.js +36 -21
  36. package/data1/CloudIcon.js +34 -19
  37. package/data1/CloudUploadIcon.js +34 -19
  38. package/data1/CollaborateIcon.js +34 -19
  39. package/data1/CommandsIcon.js +34 -19
  40. package/data1/ConsoleIcon.js +34 -19
  41. package/data1/ConsulIcon.js +36 -21
  42. package/data1/ConsulNameIcon.js +36 -21
  43. package/data1/CpuIcon.js +35 -20
  44. package/data1/DashboardBlueIcon.js +35 -20
  45. package/data1/DashboardGreenIcon.js +35 -20
  46. package/data1/DashboardGreyIcon.js +35 -20
  47. package/data1/DashboardOutlineGreyIcon.js +35 -20
  48. package/data1/DashboardOutlineWhiteIcon.js +35 -20
  49. package/data1/DashboardTealIcon.js +35 -20
  50. package/data1/DashboardVerticalBlueIcon.js +39 -24
  51. package/data1/DashboardVerticalColorIcon.js +39 -24
  52. package/data1/DashboardWhiteIcon.js +35 -20
  53. package/data1/DaskIcon.js +37 -22
  54. package/data1/Datalayer3ColorsIcon.js +37 -22
  55. package/data1/DatalayerApiIcon.js +43 -1249
  56. package/data1/DatalayerAppIcon.js +48 -1236
  57. package/data1/DatalayerCourseIcon.js +62 -1292
  58. package/data1/DatalayerDashboardIcon.js +44 -1228
  59. package/data1/DatalayerDatasetIcon.js +50 -1242
  60. package/data1/DatalayerExerciseIcon.js +47 -1245
  61. package/data1/DatalayerGreenIcon.js +37 -22
  62. package/data1/DatalayerGreenNameLargeIcon.js +39 -24
  63. package/data1/DatalayerGreenPaddingIcon.js +37 -22
  64. package/data1/DatalayerGreenVerticalIcon.js +37 -22
  65. package/data1/DatalayerIcon.js +40 -25
  66. package/data1/DatalayerModelIcon.js +49 -1237
  67. package/data1/DatalayerNameIcon.js +39 -24
  68. package/data1/DatalayerNameLargeIcon.js +39 -24
  69. package/data1/DatalayerPaperIcon.js +44 -1240
  70. package/data1/DatalayerVariantIcon.js +37 -22
  71. package/data1/DialogIcon.js +34 -19
  72. package/data1/DiscordMarkBlackIcon.js +34 -19
  73. package/data1/DiscordMarkBlueIcon.js +35 -20
  74. package/data1/DiscordMarkWhiteIcon.js +35 -20
  75. package/data1/DoubleDownIcon.js +34 -19
  76. package/data1/DoubleUpIcon.js +34 -19
  77. package/data1/DraftIcon.js +35 -20
  78. package/data1/DragIndicatorIcon.js +40 -25
  79. package/data1/DragIndicatorLinesIcon.js +36 -21
  80. package/data1/EditIcon.js +35 -20
  81. package/data1/ElectronIcon.js +34 -19
  82. package/data1/EtcdIcon.js +39 -22
  83. package/data1/EtcdNameIcon.js +42 -39
  84. package/data1/EuroIcon.js +34 -19
  85. package/data1/FastForwardIcon.js +34 -19
  86. package/data1/FastRewindIcon.js +34 -19
  87. package/data1/FileBrowserIcon.js +34 -19
  88. package/data1/FileIcon.js +39 -24
  89. package/data1/FullscreenIcon.js +35 -20
  90. package/data1/GalileoIcon.js +34 -19
  91. package/data1/GalileoPaddingIcon.js +34 -19
  92. package/data1/GdprIcon.js +37 -22
  93. package/data1/GithubMarkIcon.js +35 -20
  94. package/data1/GolangIcon.js +61 -46
  95. package/data1/GoogleCloudIcon.js +38 -23
  96. package/data1/GoogleColabIcon.js +37 -22
  97. package/data1/GoogleIcon.js +38 -23
  98. package/data1/GpuCardIcon.js +34 -19
  99. package/data1/GpuIcon.js +39 -22
  100. package/data1/GrafanaIcon.js +37 -21
  101. package/data1/GraphIcon.js +34 -19
  102. package/data1/HardDriveIcon.js +35 -20
  103. package/data1/HardDriveRetroIcon.js +34 -19
  104. package/data1/HeartIcon.js +41 -26
  105. package/data1/HolovizPanelIcon.js +39 -24
  106. package/data1/IPythonIcon.js +68 -32
  107. package/data1/IdentityCard2Icon.js +63 -30
  108. package/data1/IpyWidgetsIcon.js +34 -19
  109. package/data1/Iso27001Icon.js +34 -19
  110. package/data1/Iso27001SensibaIcon.js +57 -42
  111. package/data1/Iso42001Icon.js +34 -19
  112. package/data1/Iso42001SensibaIcon.js +57 -42
  113. package/data1/JavaIcon.js +41 -26
  114. package/data1/Jupiter2Icon.js +48 -33
  115. package/data1/JupiterIcon.js +38 -23
  116. package/data1/JupyterBaseIcon.js +35 -20
  117. package/data1/JupyterBaseNameIcon.js +36 -21
  118. package/data1/JupyterBookIcon.js +36 -21
  119. package/data1/JupyterContentIcon.js +36 -21
  120. package/data1/JupyterHubIcon.js +39 -24
  121. package/data1/JupyterHubServiceIcon.js +39 -24
  122. package/data1/JupyterIcon.js +38 -23
  123. package/data1/JupyterKernelGalileoIcon.js +36 -21
  124. package/data1/JupyterKernelGatewayIcon.js +37 -22
  125. package/data1/JupyterKernelIcon.js +36 -21
  126. package/data1/JupyterKernelProvisionerIcon.js +37 -22
  127. package/data1/JupyterLabIcon.js +39 -24
  128. package/data1/JupyterMystIcon.js +36 -21
  129. package/data1/JupyterMystLetterIcon.js +37 -22
  130. package/data1/JupyterNameIcon.js +40 -25
  131. package/data1/JupyterNotebookIcon.js +36 -21
  132. package/data1/JupyterNotebookLegacyIcon.js +45 -30
  133. package/data1/JupyterServerIcon.js +38 -23
  134. package/data1/JupyterTraitletIcon.js +36 -21
  135. package/data1/KafkaIcon.js +36 -21
  136. package/data1/KerberosIcon.js +34 -19
  137. package/data1/KubeflowIcon.js +44 -29
  138. package/data1/KubernetesIcon.js +37 -22
  139. package/data1/KubernetesNodeIcon.js +38 -23
  140. package/data1/KubernetesPodIcon.js +38 -23
  141. package/data1/KubernetesServiceIcon.js +42 -27
  142. package/data1/LaptopSimpleIcon.js +34 -19
  143. package/data1/LinkedInGreyIcon.js +35 -20
  144. package/data1/LinkedInIcon.js +37 -22
  145. package/data1/LinuxIcon.js +2962 -5533
  146. package/data1/M3DbIcon.js +45 -30
  147. package/data1/M3DbNameIcon.js +46 -31
  148. package/data1/McpIcon.js +34 -19
  149. package/data1/MicrosoftIcon.js +38 -23
  150. package/data1/MobileSignalIcon.js +36 -21
  151. package/data1/MsExcelIcon.js +41 -26
  152. package/data1/MsWordIcon.js +40 -25
  153. package/data1/NetworkIcon.js +34 -19
  154. package/data1/NodeJsIcon.js +35 -20
  155. package/data1/NodeJsNameIcon.js +41 -26
  156. package/data1/NotebookOutlineIcon.js +34 -19
  157. package/data1/Null1Icon.js +35 -20
  158. package/data1/Null2Icon.js +34 -19
  159. package/data1/Null3Icon.js +34 -19
  160. package/data1/Null4Icon.js +34 -19
  161. package/data1/Null5Icon.js +37 -22
  162. package/data1/Null6Icon.js +34 -19
  163. package/data1/NvidiaCudaIcon.js +35 -20
  164. package/data1/NvidiaIcon.js +36 -21
  165. package/data1/NvidiaInceptionBwIcon.js +35 -26
  166. package/data1/NvidiaInceptionIcon.js +36 -21
  167. package/data1/OktaIcon.js +35 -20
  168. package/data1/OpenSourceInitiativeIcon.js +42 -40
  169. package/data1/OpenStackIcon.js +35 -20
  170. package/data1/OpenTeamsBwIcon.js +42 -27
  171. package/data1/OpenTeamsIcon.js +42 -27
  172. package/data1/OpensearchIcon.js +37 -22
  173. package/data1/OpensearchNameIcon.js +39 -24
  174. package/data1/OrganisationIcon.js +34 -19
  175. package/data1/OutputIcon.js +34 -19
  176. package/data1/OvhCloudIcon.js +36 -29
  177. package/data1/OvhCloudNameIcon.js +39 -71
  178. package/data1/PandasIcon.js +44 -27
  179. package/data1/PauseIcon.js +34 -19
  180. package/data1/PlayRoundIcon.js +34 -19
  181. package/data1/PlusBaseIcon.js +34 -19
  182. package/data1/PlusCircleIcon.js +34 -19
  183. package/data1/PlusThinIcon.js +34 -19
  184. package/data1/PostgreSqlIcon.js +41 -26
  185. package/data1/PrometheusIcon.js +35 -20
  186. package/data1/PulsarIcon.js +36 -28
  187. package/data1/PulsarNameIcon.js +40 -55
  188. package/data1/PyTorchIcon.js +36 -21
  189. package/data1/PydanticIcon.js +34 -19
  190. package/data1/PydataIcon.js +294 -279
  191. package/data1/PythonIcon.js +36 -21
  192. package/data1/PythonNameIcon.js +38 -23
  193. package/data1/QuansightIcon.js +34 -19
  194. package/data1/RIcon.js +36 -21
  195. package/data1/RapidsAiIcon.js +36 -20
  196. package/data1/RayIoIcon.js +35 -20
  197. package/data1/RayIoNameIcon.js +36 -21
  198. package/data1/ReactJsIcon.js +36 -21
  199. package/data1/RedisIcon.js +43 -28
  200. package/data1/RedisNameIcon.js +45 -30
  201. package/data1/RedoIcon.js +35 -20
  202. package/data1/RestartIcon.js +34 -19
  203. package/data1/ScikitLearnIcon.js +38 -23
  204. package/data1/SettingsIcon.js +34 -19
  205. package/data1/SlackIcon.js +42 -27
  206. package/data1/Soc2Icon.js +38 -23
  207. package/data1/SolrIcon.js +36 -21
  208. package/data1/SparkleOcticonsIcon.js +34 -19
  209. package/data1/SparklesOcticonsIcon.js +34 -19
  210. package/data1/StudentIcon.js +34 -19
  211. package/data1/TerminalIcon.js +34 -19
  212. package/data1/TiktokIcon.js +34 -19
  213. package/data1/TriangleRightPointingIcon.js +36 -21
  214. package/data1/TwitterIcon.js +34 -19
  215. package/data1/TypescriptIcon.js +36 -21
  216. package/data1/UbuntuIcon.js +42 -31
  217. package/data1/UndoIcon.js +35 -20
  218. package/data1/ViewIcon.js +35 -20
  219. package/data1/VsCodeIcon.js +39 -24
  220. package/data1/WidgetsIcon.js +34 -19
  221. package/data1/XIcon.js +34 -19
  222. package/data1/YoutubeIcon.js +36 -21
  223. package/data1/ZedIcon.js +36 -21
  224. package/data1/esm/A2AIcon.js +40 -25
  225. package/data1/esm/AcademicCapIcon.js +34 -19
  226. package/data1/esm/AiAgentIcon.js +34 -19
  227. package/data1/esm/AlienIcon.js +34 -19
  228. package/data1/esm/AmdIcon.js +34 -19
  229. package/data1/esm/AnacondaIcon.js +35 -20
  230. package/data1/esm/AndroidIcon.js +39 -24
  231. package/data1/esm/ApacheFeatherHorizontalIcon.js +53 -38
  232. package/data1/esm/ApacheFeatherVerticalIcon.js +56 -41
  233. package/data1/esm/ApacheIcon.js +78 -63
  234. package/data1/esm/ApacheSparkIcon.js +37 -22
  235. package/data1/esm/ArrowSwitchVerticalIcon.js +34 -19
  236. package/data1/esm/ArxivIcon.js +39 -24
  237. package/data1/esm/ArxivMarkIcon.js +37 -22
  238. package/data1/esm/ArxivMarkSmallIcon.js +37 -22
  239. package/data1/esm/AutomatItIcon.js +37 -22
  240. package/data1/esm/AutomatItIcon.svg +3 -3
  241. package/data1/esm/AwsIcon.js +50 -43
  242. package/data1/esm/AwsS3BucketIcon.js +36 -21
  243. package/data1/esm/AzureBwIcon.js +34 -19
  244. package/data1/esm/AzureCloudIcon.js +35 -20
  245. package/data1/esm/AzureIcon.js +34 -19
  246. package/data1/esm/BashIcon.js +46 -31
  247. package/data1/esm/BinderIcon.js +40 -25
  248. package/data1/esm/BinderNameIcon.js +41 -26
  249. package/data1/esm/BlueskyGreyIcon.js +35 -20
  250. package/data1/esm/BlueskyIcon.js +35 -20
  251. package/data1/esm/BookIcon.js +34 -19
  252. package/data1/esm/BrowserIcon.js +34 -19
  253. package/data1/esm/BrowserMouseIcon.js +34 -19
  254. package/data1/esm/CameraIcon.js +34 -19
  255. package/data1/esm/CassandraIcon.js +45 -30
  256. package/data1/esm/CellIcon.js +34 -19
  257. package/data1/esm/CephIcon.js +34 -19
  258. package/data1/esm/CephNameIcon.js +36 -21
  259. package/data1/esm/CloudIcon.js +34 -19
  260. package/data1/esm/CloudUploadIcon.js +34 -19
  261. package/data1/esm/CollaborateIcon.js +34 -19
  262. package/data1/esm/CommandsIcon.js +34 -19
  263. package/data1/esm/ConsoleIcon.js +34 -19
  264. package/data1/esm/ConsulIcon.js +36 -21
  265. package/data1/esm/ConsulNameIcon.js +36 -21
  266. package/data1/esm/CpuIcon.js +35 -20
  267. package/data1/esm/DashboardBlueIcon.js +35 -20
  268. package/data1/esm/DashboardGreenIcon.js +35 -20
  269. package/data1/esm/DashboardGreyIcon.js +35 -20
  270. package/data1/esm/DashboardOutlineGreyIcon.js +35 -20
  271. package/data1/esm/DashboardOutlineWhiteIcon.js +35 -20
  272. package/data1/esm/DashboardTealIcon.js +35 -20
  273. package/data1/esm/DashboardVerticalBlueIcon.js +39 -24
  274. package/data1/esm/DashboardVerticalColorIcon.js +39 -24
  275. package/data1/esm/DashboardWhiteIcon.js +35 -20
  276. package/data1/esm/DaskIcon.js +37 -22
  277. package/data1/esm/Datalayer3ColorsIcon.js +37 -22
  278. package/data1/esm/DatalayerApiIcon.js +43 -1249
  279. package/data1/esm/DatalayerAppIcon.js +48 -1236
  280. package/data1/esm/DatalayerCourseIcon.js +62 -1292
  281. package/data1/esm/DatalayerDashboardIcon.js +44 -1228
  282. package/data1/esm/DatalayerDatasetIcon.js +50 -1242
  283. package/data1/esm/DatalayerExerciseIcon.js +47 -1245
  284. package/data1/esm/DatalayerGreenIcon.js +37 -22
  285. package/data1/esm/DatalayerGreenNameLargeIcon.js +39 -24
  286. package/data1/esm/DatalayerGreenPaddingIcon.js +37 -22
  287. package/data1/esm/DatalayerGreenVerticalIcon.js +37 -22
  288. package/data1/esm/DatalayerIcon.js +40 -25
  289. package/data1/esm/DatalayerModelIcon.js +49 -1237
  290. package/data1/esm/DatalayerNameIcon.js +39 -24
  291. package/data1/esm/DatalayerNameLargeIcon.js +39 -24
  292. package/data1/esm/DatalayerPaperIcon.js +44 -1240
  293. package/data1/esm/DatalayerVariantIcon.js +37 -22
  294. package/data1/esm/DialogIcon.js +34 -19
  295. package/data1/esm/DiscordMarkBlackIcon.js +34 -19
  296. package/data1/esm/DiscordMarkBlueIcon.js +35 -20
  297. package/data1/esm/DiscordMarkWhiteIcon.js +35 -20
  298. package/data1/esm/DoubleDownIcon.js +34 -19
  299. package/data1/esm/DoubleUpIcon.js +34 -19
  300. package/data1/esm/DraftIcon.js +35 -20
  301. package/data1/esm/DragIndicatorIcon.js +40 -25
  302. package/data1/esm/DragIndicatorLinesIcon.js +36 -21
  303. package/data1/esm/EditIcon.js +35 -20
  304. package/data1/esm/ElectronIcon.js +34 -19
  305. package/data1/esm/EtcdIcon.js +39 -22
  306. package/data1/esm/EtcdNameIcon.js +42 -39
  307. package/data1/esm/EuroIcon.js +34 -19
  308. package/data1/esm/FastForwardIcon.js +34 -19
  309. package/data1/esm/FastRewindIcon.js +34 -19
  310. package/data1/esm/FileBrowserIcon.js +34 -19
  311. package/data1/esm/FileIcon.js +39 -24
  312. package/data1/esm/FullscreenIcon.js +35 -20
  313. package/data1/esm/GalileoIcon.js +34 -19
  314. package/data1/esm/GalileoPaddingIcon.js +34 -19
  315. package/data1/esm/GdprIcon.js +37 -22
  316. package/data1/esm/GithubMarkIcon.js +35 -20
  317. package/data1/esm/GolangIcon.js +61 -46
  318. package/data1/esm/GoogleCloudIcon.js +38 -23
  319. package/data1/esm/GoogleColabIcon.js +37 -22
  320. package/data1/esm/GoogleIcon.js +38 -23
  321. package/data1/esm/GpuCardIcon.js +34 -19
  322. package/data1/esm/GpuIcon.js +39 -22
  323. package/data1/esm/GrafanaIcon.js +37 -21
  324. package/data1/esm/GraphIcon.js +34 -19
  325. package/data1/esm/HardDriveIcon.js +35 -20
  326. package/data1/esm/HardDriveRetroIcon.js +34 -19
  327. package/data1/esm/HeartIcon.js +41 -26
  328. package/data1/esm/HolovizPanelIcon.js +39 -24
  329. package/data1/esm/IPythonIcon.js +68 -32
  330. package/data1/esm/IdentityCard2Icon.js +63 -30
  331. package/data1/esm/IpyWidgetsIcon.js +34 -19
  332. package/data1/esm/Iso27001Icon.js +34 -19
  333. package/data1/esm/Iso27001SensibaIcon.js +57 -42
  334. package/data1/esm/Iso42001Icon.js +34 -19
  335. package/data1/esm/Iso42001SensibaIcon.js +57 -42
  336. package/data1/esm/JavaIcon.js +41 -26
  337. package/data1/esm/Jupiter2Icon.js +48 -33
  338. package/data1/esm/JupiterIcon.js +38 -23
  339. package/data1/esm/JupyterBaseIcon.js +35 -20
  340. package/data1/esm/JupyterBaseNameIcon.js +36 -21
  341. package/data1/esm/JupyterBookIcon.js +36 -21
  342. package/data1/esm/JupyterContentIcon.js +36 -21
  343. package/data1/esm/JupyterHubIcon.js +39 -24
  344. package/data1/esm/JupyterHubServiceIcon.js +39 -24
  345. package/data1/esm/JupyterIcon.js +38 -23
  346. package/data1/esm/JupyterKernelGalileoIcon.js +36 -21
  347. package/data1/esm/JupyterKernelGatewayIcon.js +37 -22
  348. package/data1/esm/JupyterKernelIcon.js +36 -21
  349. package/data1/esm/JupyterKernelProvisionerIcon.js +37 -22
  350. package/data1/esm/JupyterLabIcon.js +39 -24
  351. package/data1/esm/JupyterMystIcon.js +36 -21
  352. package/data1/esm/JupyterMystLetterIcon.js +37 -22
  353. package/data1/esm/JupyterNameIcon.js +40 -25
  354. package/data1/esm/JupyterNotebookIcon.js +36 -21
  355. package/data1/esm/JupyterNotebookLegacyIcon.js +45 -30
  356. package/data1/esm/JupyterServerIcon.js +38 -23
  357. package/data1/esm/JupyterTraitletIcon.js +36 -21
  358. package/data1/esm/KafkaIcon.js +36 -21
  359. package/data1/esm/KerberosIcon.js +34 -19
  360. package/data1/esm/KubeflowIcon.js +44 -29
  361. package/data1/esm/KubernetesIcon.js +37 -22
  362. package/data1/esm/KubernetesNodeIcon.js +38 -23
  363. package/data1/esm/KubernetesPodIcon.js +38 -23
  364. package/data1/esm/KubernetesServiceIcon.js +42 -27
  365. package/data1/esm/LaptopSimpleIcon.js +34 -19
  366. package/data1/esm/LinkedInGreyIcon.js +35 -20
  367. package/data1/esm/LinkedInIcon.js +37 -22
  368. package/data1/esm/LinuxIcon.js +2962 -5533
  369. package/data1/esm/M3DbIcon.js +45 -30
  370. package/data1/esm/M3DbNameIcon.js +46 -31
  371. package/data1/esm/McpIcon.js +34 -19
  372. package/data1/esm/MicrosoftIcon.js +38 -23
  373. package/data1/esm/MobileSignalIcon.js +36 -21
  374. package/data1/esm/MsExcelIcon.js +41 -26
  375. package/data1/esm/MsWordIcon.js +40 -25
  376. package/data1/esm/NetworkIcon.js +34 -19
  377. package/data1/esm/NodeJsIcon.js +35 -20
  378. package/data1/esm/NodeJsNameIcon.js +41 -26
  379. package/data1/esm/NotebookOutlineIcon.js +34 -19
  380. package/data1/esm/Null1Icon.js +35 -20
  381. package/data1/esm/Null2Icon.js +34 -19
  382. package/data1/esm/Null3Icon.js +34 -19
  383. package/data1/esm/Null4Icon.js +34 -19
  384. package/data1/esm/Null5Icon.js +37 -22
  385. package/data1/esm/Null6Icon.js +34 -19
  386. package/data1/esm/NvidiaCudaIcon.js +35 -20
  387. package/data1/esm/NvidiaIcon.js +36 -21
  388. package/data1/esm/NvidiaInceptionBwIcon.js +35 -26
  389. package/data1/esm/NvidiaInceptionIcon.js +36 -21
  390. package/data1/esm/OktaIcon.js +35 -20
  391. package/data1/esm/OpenSourceInitiativeIcon.js +42 -40
  392. package/data1/esm/OpenStackIcon.js +35 -20
  393. package/data1/esm/OpenTeamsBwIcon.js +42 -27
  394. package/data1/esm/OpenTeamsIcon.js +42 -27
  395. package/data1/esm/OpensearchIcon.js +37 -22
  396. package/data1/esm/OpensearchNameIcon.js +39 -24
  397. package/data1/esm/OrganisationIcon.js +34 -19
  398. package/data1/esm/OutputIcon.js +34 -19
  399. package/data1/esm/OvhCloudIcon.js +36 -29
  400. package/data1/esm/OvhCloudNameIcon.js +39 -71
  401. package/data1/esm/PandasIcon.js +44 -27
  402. package/data1/esm/PauseIcon.js +34 -19
  403. package/data1/esm/PlayRoundIcon.js +34 -19
  404. package/data1/esm/PlusBaseIcon.js +34 -19
  405. package/data1/esm/PlusCircleIcon.js +34 -19
  406. package/data1/esm/PlusThinIcon.js +34 -19
  407. package/data1/esm/PostgreSqlIcon.js +41 -26
  408. package/data1/esm/PrometheusIcon.js +35 -20
  409. package/data1/esm/PulsarIcon.js +36 -28
  410. package/data1/esm/PulsarNameIcon.js +40 -55
  411. package/data1/esm/PyTorchIcon.js +36 -21
  412. package/data1/esm/PydanticIcon.js +34 -19
  413. package/data1/esm/PydataIcon.js +294 -279
  414. package/data1/esm/PythonIcon.js +36 -21
  415. package/data1/esm/PythonNameIcon.js +38 -23
  416. package/data1/esm/QuansightIcon.js +34 -19
  417. package/data1/esm/RIcon.js +36 -21
  418. package/data1/esm/RapidsAiIcon.js +36 -20
  419. package/data1/esm/RayIoIcon.js +35 -20
  420. package/data1/esm/RayIoNameIcon.js +36 -21
  421. package/data1/esm/ReactJsIcon.js +36 -21
  422. package/data1/esm/RedisIcon.js +43 -28
  423. package/data1/esm/RedisNameIcon.js +45 -30
  424. package/data1/esm/RedoIcon.js +35 -20
  425. package/data1/esm/RestartIcon.js +34 -19
  426. package/data1/esm/ScikitLearnIcon.js +38 -23
  427. package/data1/esm/SettingsIcon.js +34 -19
  428. package/data1/esm/SlackIcon.js +42 -27
  429. package/data1/esm/Soc2Icon.js +38 -23
  430. package/data1/esm/SolrIcon.js +36 -21
  431. package/data1/esm/SparkleOcticonsIcon.js +34 -19
  432. package/data1/esm/SparklesOcticonsIcon.js +34 -19
  433. package/data1/esm/StudentIcon.js +34 -19
  434. package/data1/esm/TerminalIcon.js +34 -19
  435. package/data1/esm/TiktokIcon.js +34 -19
  436. package/data1/esm/TriangleRightPointingIcon.js +36 -21
  437. package/data1/esm/TwitterIcon.js +34 -19
  438. package/data1/esm/TypescriptIcon.js +36 -21
  439. package/data1/esm/UbuntuIcon.js +42 -31
  440. package/data1/esm/UndoIcon.js +35 -20
  441. package/data1/esm/ViewIcon.js +35 -20
  442. package/data1/esm/VsCodeIcon.js +39 -24
  443. package/data1/esm/WidgetsIcon.js +34 -19
  444. package/data1/esm/XIcon.js +34 -19
  445. package/data1/esm/YoutubeIcon.js +36 -21
  446. package/data1/esm/ZedIcon.js +36 -21
  447. package/data2/AlienMaskIcon.js +41 -24
  448. package/data2/AlienMonsterIcon.js +39 -22
  449. package/data2/AngularIcon.js +42 -25
  450. package/data2/AppleRainbowIcon.js +51 -34
  451. package/data2/ArrowUpDownIcon.js +39 -22
  452. package/data2/AstronautIcon.js +47 -30
  453. package/data2/AtomSymbolIcon.js +40 -23
  454. package/data2/BankIcon.js +45 -28
  455. package/data2/BlackNibIcon.js +42 -25
  456. package/data2/BookOpenIcon.js +41 -24
  457. package/data2/BookmarkIcon.js +40 -23
  458. package/data2/BooksIcon.js +48 -31
  459. package/data2/BooksVerticalIcon.js +44 -27
  460. package/data2/BricksIcon.js +40 -23
  461. package/data2/BriefcaseIcon.js +41 -24
  462. package/data2/BubblesIcon.js +46 -29
  463. package/data2/BucketIcon.js +42 -25
  464. package/data2/BuildingClassicIcon.js +41 -24
  465. package/data2/BuildingConstructionIcon.js +41 -24
  466. package/data2/BuildingOfficeIcon.js +41 -24
  467. package/data2/BullseyeIcon.js +43 -26
  468. package/data2/CalendarIcon.js +42 -25
  469. package/data2/ChartBarIcon.js +42 -25
  470. package/data2/ChartDecreasingIcon.js +40 -23
  471. package/data2/ChartIncreasingIcon.js +40 -23
  472. package/data2/CheckMarkIcon.js +39 -22
  473. package/data2/CircleBlackIcon.js +39 -22
  474. package/data2/CircleBrownIcon.js +39 -22
  475. package/data2/CircleCurrentColorIcon.js +38 -21
  476. package/data2/CircleGreenIcon.js +39 -22
  477. package/data2/CircleHollowRedIcon.js +39 -22
  478. package/data2/CircleOrangeIcon.js +39 -22
  479. package/data2/CirclePurpleIcon.js +39 -22
  480. package/data2/CircleRedIcon.js +39 -22
  481. package/data2/CircleWhiteIcon.js +39 -22
  482. package/data2/CircleYellowIcon.js +39 -22
  483. package/data2/CircledMIcon.js +40 -23
  484. package/data2/CloudDatabaseIcon.js +37 -20
  485. package/data2/CloudGreyIcon.js +39 -22
  486. package/data2/CloudVirtualMachineIcon.js +37 -20
  487. package/data2/CloudWhiteIcon.js +38 -21
  488. package/data2/CodeEditorIcon.js +39 -22
  489. package/data2/CompassIcon.js +42 -25
  490. package/data2/ComposeIcon.js +43 -26
  491. package/data2/ConstructionIcon.js +53 -36
  492. package/data2/ConstructionWorkerIcon.js +52 -35
  493. package/data2/ControlKnobsIcon.js +40 -23
  494. package/data2/CopyrightIcon.js +39 -22
  495. package/data2/CounterClockWiseIcon.js +39 -22
  496. package/data2/CowboyHatFaceIcon.js +46 -29
  497. package/data2/CreditCardIcon.js +41 -24
  498. package/data2/CrossMarkIcon.js +39 -22
  499. package/data2/DatabaseIcon.js +37 -20
  500. package/data2/DatasetIcon.js +37 -20
  501. package/data2/DizzyIcon.js +41 -24
  502. package/data2/DnaIcon.js +54 -37
  503. package/data2/DockerIcon.js +38 -21
  504. package/data2/DockerNameIcon.js +39 -22
  505. package/data2/DocusaurusIcon.js +47 -30
  506. package/data2/DollardBankNoteIcon.js +45 -28
  507. package/data2/DollardHeavyIcon.js +39 -22
  508. package/data2/DollardIcon.js +39 -22
  509. package/data2/DragonFaceIcon.js +47 -30
  510. package/data2/DragonIcon.js +41 -24
  511. package/data2/EditorIcon.js +37 -20
  512. package/data2/EjectIcon.js +39 -22
  513. package/data2/ElfManIcon.js +47 -30
  514. package/data2/ElfWomanIcon.js +48 -31
  515. package/data2/EnveloppeEmailIcon.js +50 -33
  516. package/data2/EnveloppeIcon.js +45 -28
  517. package/data2/EnveloppeIncomingIcon.js +40 -23
  518. package/data2/EyeIcon.js +43 -26
  519. package/data2/EyeInSpeechBubbleIcon.js +42 -25
  520. package/data2/EyesIcon.js +49 -32
  521. package/data2/FileCabinetIcon.js +42 -25
  522. package/data2/FileCardBoxIcon.js +50 -33
  523. package/data2/FireIcon.js +40 -23
  524. package/data2/FirecrakerIcon.js +41 -24
  525. package/data2/FireworksIcon.js +59 -42
  526. package/data2/FlyingSaucerIcon.js +53 -36
  527. package/data2/FolderIcon.js +40 -23
  528. package/data2/FolderOpenIcon.js +40 -23
  529. package/data2/FourLeafCloverIcon.js +39 -22
  530. package/data2/GearIcon.js +40 -23
  531. package/data2/GlobEuropeAfricaIcon.js +40 -23
  532. package/data2/GlobeAmericasIcon.js +47 -25
  533. package/data2/GlobeAmericasIcon.svg +4 -2
  534. package/data2/GlobeAsiaAustriliaIcon.js +41 -24
  535. package/data2/GlobeIcon.js +39 -22
  536. package/data2/GremlinIcon.js +77 -42
  537. package/data2/GrinningFaceIcon.js +43 -26
  538. package/data2/HeartOutlineIcon.js +37 -20
  539. package/data2/HeartRedIcon.js +39 -22
  540. package/data2/HexagonIcon.js +37 -20
  541. package/data2/HighVoltageIcon.js +39 -22
  542. package/data2/HomeButtonIcon.js +39 -22
  543. package/data2/HouseIcon.js +43 -26
  544. package/data2/HundredPointsIcon.js +39 -22
  545. package/data2/IdentityCardIcon.js +45 -28
  546. package/data2/IntricateIcon.js +44 -27
  547. package/data2/IoIcon.js +38 -21
  548. package/data2/JavascriptIcon.js +38 -21
  549. package/data2/JovyanIcon.js +39 -22
  550. package/data2/KeyIcon.js +43 -26
  551. package/data2/KeyOutlineIcon.js +37 -20
  552. package/data2/LabelIcon.js +39 -22
  553. package/data2/LaptopIcon.js +40 -23
  554. package/data2/LegoBlueIcon.js +56 -39
  555. package/data2/LegoBlueSquareIcon.js +48 -31
  556. package/data2/LegoGreenIcon.js +56 -39
  557. package/data2/LegoIcon.js +105 -88
  558. package/data2/LegoRedIcon.js +56 -39
  559. package/data2/LegoYellowIcon.js +52 -35
  560. package/data2/LevelSliderIcon.js +41 -24
  561. package/data2/LizardIcon.js +39 -22
  562. package/data2/LockedIcon.js +42 -25
  563. package/data2/LogInIcon.js +37 -20
  564. package/data2/LogOutIcon.js +37 -20
  565. package/data2/MagicWandIcon.js +42 -25
  566. package/data2/MagnetDownIcon.js +41 -24
  567. package/data2/MagnetLeftIcon.js +41 -24
  568. package/data2/MagnetRightIcon.js +41 -24
  569. package/data2/MagnetUpIcon.js +41 -24
  570. package/data2/MagnifyingGlassTiltedRightIcon.js +42 -25
  571. package/data2/ManOfficeWorkerIcon.js +52 -35
  572. package/data2/ManTechnologistIcon.js +45 -28
  573. package/data2/MicrophoneIcon.js +42 -25
  574. package/data2/MirrorBallIcon.js +55 -38
  575. package/data2/MobilePhoneIcon.js +41 -24
  576. package/data2/MoneyMouthFaceIcon.js +41 -24
  577. package/data2/MortorWayIcon.js +44 -27
  578. package/data2/MusicalKeyboardIcon.js +40 -23
  579. package/data2/MusicalNoteIcon.js +39 -22
  580. package/data2/MusicalNotesIcon.js +39 -22
  581. package/data2/MusicalScoreIcon.js +38 -21
  582. package/data2/NinjaIcon.js +46 -29
  583. package/data2/NotebookIcon.js +40 -23
  584. package/data2/OnPremiseIcon.js +39 -22
  585. package/data2/OpenHandsIcon.js +39 -22
  586. package/data2/OpenfoodfactIcon.js +52 -35
  587. package/data2/OpenstreetmapIcon.js +51 -34
  588. package/data2/PackageIcon.js +43 -26
  589. package/data2/PartyPopperIcon.js +47 -30
  590. package/data2/PassportControlIcon.js +52 -35
  591. package/data2/PenIcon.js +41 -24
  592. package/data2/PencilIcon.js +43 -26
  593. package/data2/PenguinIcon.js +40 -23
  594. package/data2/PeopleHoldingHandsIcon.js +39 -22
  595. package/data2/PeopleHoldingHandsMixedIcon.js +40 -23
  596. package/data2/PersonIcon.js +43 -26
  597. package/data2/PersonInSuitLevitatingIcon.js +39 -22
  598. package/data2/PersonSurfingIcon.js +40 -23
  599. package/data2/PersonSwimmingIcon.js +40 -23
  600. package/data2/PictureFramedIcon.js +43 -26
  601. package/data2/PictureIcon.js +44 -27
  602. package/data2/PirateFlagIcon.js +41 -24
  603. package/data2/PlaneDepartureIcon.js +41 -24
  604. package/data2/PlayIcon.js +38 -21
  605. package/data2/PlayOrPauseIcon.js +38 -21
  606. package/data2/PlusIcon.js +39 -22
  607. package/data2/PoliceCarLightIcon.js +41 -24
  608. package/data2/PoolIcon.js +40 -23
  609. package/data2/PotentiometerIcon.js +43 -26
  610. package/data2/PuzzleIcon.js +40 -23
  611. package/data2/RadarIcon.js +49 -32
  612. package/data2/RadioIcon.js +37 -20
  613. package/data2/RainbowFlagIcon.js +44 -27
  614. package/data2/RainbowIcon.js +44 -27
  615. package/data2/RecyclingIcon.js +46 -29
  616. package/data2/RingedPlanetIcon.js +41 -24
  617. package/data2/RobotIcon.js +44 -27
  618. package/data2/RocketIcon.js +47 -30
  619. package/data2/RunIcon.js +39 -22
  620. package/data2/SantaClausIcon.js +56 -39
  621. package/data2/SatelliteIcon.js +43 -26
  622. package/data2/SchoolIcon.js +38 -21
  623. package/data2/ScientistIcon.js +47 -30
  624. package/data2/ScrollIcon.js +40 -23
  625. package/data2/SharkIcon.js +40 -23
  626. package/data2/ShieldIcon.js +41 -24
  627. package/data2/ShuffleIcon.js +37 -20
  628. package/data2/SignpostIcon.js +42 -25
  629. package/data2/SkullAndCrossbonesIcon.js +42 -25
  630. package/data2/SnakeIcon.js +40 -23
  631. package/data2/SnowmanIcon.js +47 -30
  632. package/data2/SosIcon.js +39 -22
  633. package/data2/SosStencilIcon.js +39 -22
  634. package/data2/SparkleIcon.js +42 -25
  635. package/data2/SparklerIcon.js +41 -24
  636. package/data2/SparklesIcon.js +44 -27
  637. package/data2/SpeechBalloonIcon.js +41 -24
  638. package/data2/SpeechBubbleLeftIcon.js +39 -22
  639. package/data2/SquareBlackLargeIcon.js +39 -22
  640. package/data2/SquareGreenIcon.js +39 -22
  641. package/data2/SquareWhiteLargeIcon.js +39 -22
  642. package/data2/StarIcon.js +39 -22
  643. package/data2/StopwatchIcon.js +44 -27
  644. package/data2/StudentWomanIcon.js +45 -28
  645. package/data2/StudioMicrophoneIcon.js +45 -28
  646. package/data2/SunIcon.js +39 -22
  647. package/data2/TabanaTreeIcon.js +46 -29
  648. package/data2/TensorFlowIcon.js +39 -22
  649. package/data2/ThermometerIcon.js +41 -24
  650. package/data2/ThumbsUpIcon.js +39 -22
  651. package/data2/TornadoIcon.js +39 -22
  652. package/data2/TrademarkIcon.js +38 -21
  653. package/data2/TreeDeciduousIcon.js +40 -23
  654. package/data2/UnlockedIcon.js +42 -25
  655. package/data2/UserIcon.js +37 -20
  656. package/data2/UsersIcon.js +37 -20
  657. package/data2/VsIcon.js +39 -22
  658. package/data2/VueJsIcon.js +39 -22
  659. package/data2/WavingHandIcon.js +39 -22
  660. package/data2/WebRtcIcon.js +47 -30
  661. package/data2/WhaleSpoutingIcon.js +42 -25
  662. package/data2/WheelIcon.js +39 -22
  663. package/data2/WheelOfDharmaGreyIcon.js +39 -22
  664. package/data2/WheelOfDharmaIcon.js +39 -22
  665. package/data2/WifiIcon.js +37 -20
  666. package/data2/WikidataIcon.js +44 -27
  667. package/data2/WomanTechnologistIcon.js +45 -28
  668. package/data2/WrappedGiftIcon.js +45 -28
  669. package/data2/WritingHandIcon.js +40 -23
  670. package/data2/YinYangIcon.js +42 -25
  671. package/data2/esm/AlienMaskIcon.js +41 -24
  672. package/data2/esm/AlienMonsterIcon.js +39 -22
  673. package/data2/esm/AngularIcon.js +42 -25
  674. package/data2/esm/AppleRainbowIcon.js +51 -34
  675. package/data2/esm/ArrowUpDownIcon.js +39 -22
  676. package/data2/esm/AstronautIcon.js +47 -30
  677. package/data2/esm/AtomSymbolIcon.js +40 -23
  678. package/data2/esm/BankIcon.js +45 -28
  679. package/data2/esm/BlackNibIcon.js +42 -25
  680. package/data2/esm/BookOpenIcon.js +41 -24
  681. package/data2/esm/BookmarkIcon.js +40 -23
  682. package/data2/esm/BooksIcon.js +48 -31
  683. package/data2/esm/BooksVerticalIcon.js +44 -27
  684. package/data2/esm/BricksIcon.js +40 -23
  685. package/data2/esm/BriefcaseIcon.js +41 -24
  686. package/data2/esm/BubblesIcon.js +46 -29
  687. package/data2/esm/BucketIcon.js +42 -25
  688. package/data2/esm/BuildingClassicIcon.js +41 -24
  689. package/data2/esm/BuildingConstructionIcon.js +41 -24
  690. package/data2/esm/BuildingOfficeIcon.js +41 -24
  691. package/data2/esm/BullseyeIcon.js +43 -26
  692. package/data2/esm/CalendarIcon.js +42 -25
  693. package/data2/esm/ChartBarIcon.js +42 -25
  694. package/data2/esm/ChartDecreasingIcon.js +40 -23
  695. package/data2/esm/ChartIncreasingIcon.js +40 -23
  696. package/data2/esm/CheckMarkIcon.js +39 -22
  697. package/data2/esm/CircleBlackIcon.js +39 -22
  698. package/data2/esm/CircleBrownIcon.js +39 -22
  699. package/data2/esm/CircleCurrentColorIcon.js +38 -21
  700. package/data2/esm/CircleGreenIcon.js +39 -22
  701. package/data2/esm/CircleHollowRedIcon.js +39 -22
  702. package/data2/esm/CircleOrangeIcon.js +39 -22
  703. package/data2/esm/CirclePurpleIcon.js +39 -22
  704. package/data2/esm/CircleRedIcon.js +39 -22
  705. package/data2/esm/CircleWhiteIcon.js +39 -22
  706. package/data2/esm/CircleYellowIcon.js +39 -22
  707. package/data2/esm/CircledMIcon.js +40 -23
  708. package/data2/esm/CloudDatabaseIcon.js +37 -20
  709. package/data2/esm/CloudGreyIcon.js +39 -22
  710. package/data2/esm/CloudVirtualMachineIcon.js +37 -20
  711. package/data2/esm/CloudWhiteIcon.js +38 -21
  712. package/data2/esm/CodeEditorIcon.js +39 -22
  713. package/data2/esm/CompassIcon.js +42 -25
  714. package/data2/esm/ComposeIcon.js +43 -26
  715. package/data2/esm/ConstructionIcon.js +53 -36
  716. package/data2/esm/ConstructionWorkerIcon.js +52 -35
  717. package/data2/esm/ControlKnobsIcon.js +40 -23
  718. package/data2/esm/CopyrightIcon.js +39 -22
  719. package/data2/esm/CounterClockWiseIcon.js +39 -22
  720. package/data2/esm/CowboyHatFaceIcon.js +46 -29
  721. package/data2/esm/CreditCardIcon.js +41 -24
  722. package/data2/esm/CrossMarkIcon.js +39 -22
  723. package/data2/esm/DatabaseIcon.js +37 -20
  724. package/data2/esm/DatasetIcon.js +37 -20
  725. package/data2/esm/DizzyIcon.js +41 -24
  726. package/data2/esm/DnaIcon.js +54 -37
  727. package/data2/esm/DockerIcon.js +38 -21
  728. package/data2/esm/DockerNameIcon.js +39 -22
  729. package/data2/esm/DocusaurusIcon.js +47 -30
  730. package/data2/esm/DollardBankNoteIcon.js +45 -28
  731. package/data2/esm/DollardHeavyIcon.js +39 -22
  732. package/data2/esm/DollardIcon.js +39 -22
  733. package/data2/esm/DragonFaceIcon.js +47 -30
  734. package/data2/esm/DragonIcon.js +41 -24
  735. package/data2/esm/EditorIcon.js +37 -20
  736. package/data2/esm/EjectIcon.js +39 -22
  737. package/data2/esm/ElfManIcon.js +47 -30
  738. package/data2/esm/ElfWomanIcon.js +48 -31
  739. package/data2/esm/EnveloppeEmailIcon.js +50 -33
  740. package/data2/esm/EnveloppeIcon.js +45 -28
  741. package/data2/esm/EnveloppeIncomingIcon.js +40 -23
  742. package/data2/esm/EyeIcon.js +43 -26
  743. package/data2/esm/EyeInSpeechBubbleIcon.js +42 -25
  744. package/data2/esm/EyesIcon.js +49 -32
  745. package/data2/esm/FileCabinetIcon.js +42 -25
  746. package/data2/esm/FileCardBoxIcon.js +50 -33
  747. package/data2/esm/FireIcon.js +40 -23
  748. package/data2/esm/FirecrakerIcon.js +41 -24
  749. package/data2/esm/FireworksIcon.js +59 -42
  750. package/data2/esm/FlyingSaucerIcon.js +53 -36
  751. package/data2/esm/FolderIcon.js +40 -23
  752. package/data2/esm/FolderOpenIcon.js +40 -23
  753. package/data2/esm/FourLeafCloverIcon.js +39 -22
  754. package/data2/esm/GearIcon.js +40 -23
  755. package/data2/esm/GlobEuropeAfricaIcon.js +40 -23
  756. package/data2/esm/GlobeAmericasIcon.js +47 -25
  757. package/data2/esm/GlobeAmericasIcon.svg +4 -2
  758. package/data2/esm/GlobeAsiaAustriliaIcon.js +41 -24
  759. package/data2/esm/GlobeIcon.js +39 -22
  760. package/data2/esm/GremlinIcon.js +77 -42
  761. package/data2/esm/GrinningFaceIcon.js +43 -26
  762. package/data2/esm/HeartOutlineIcon.js +37 -20
  763. package/data2/esm/HeartRedIcon.js +39 -22
  764. package/data2/esm/HexagonIcon.js +37 -20
  765. package/data2/esm/HighVoltageIcon.js +39 -22
  766. package/data2/esm/HomeButtonIcon.js +39 -22
  767. package/data2/esm/HouseIcon.js +43 -26
  768. package/data2/esm/HundredPointsIcon.js +39 -22
  769. package/data2/esm/IdentityCardIcon.js +45 -28
  770. package/data2/esm/IntricateIcon.js +44 -27
  771. package/data2/esm/IoIcon.js +38 -21
  772. package/data2/esm/JavascriptIcon.js +38 -21
  773. package/data2/esm/JovyanIcon.js +39 -22
  774. package/data2/esm/KeyIcon.js +43 -26
  775. package/data2/esm/KeyOutlineIcon.js +37 -20
  776. package/data2/esm/LabelIcon.js +39 -22
  777. package/data2/esm/LaptopIcon.js +40 -23
  778. package/data2/esm/LegoBlueIcon.js +56 -39
  779. package/data2/esm/LegoBlueSquareIcon.js +48 -31
  780. package/data2/esm/LegoGreenIcon.js +56 -39
  781. package/data2/esm/LegoIcon.js +105 -88
  782. package/data2/esm/LegoRedIcon.js +56 -39
  783. package/data2/esm/LegoYellowIcon.js +52 -35
  784. package/data2/esm/LevelSliderIcon.js +41 -24
  785. package/data2/esm/LizardIcon.js +39 -22
  786. package/data2/esm/LockedIcon.js +42 -25
  787. package/data2/esm/LogInIcon.js +37 -20
  788. package/data2/esm/LogOutIcon.js +37 -20
  789. package/data2/esm/MagicWandIcon.js +42 -25
  790. package/data2/esm/MagnetDownIcon.js +41 -24
  791. package/data2/esm/MagnetLeftIcon.js +41 -24
  792. package/data2/esm/MagnetRightIcon.js +41 -24
  793. package/data2/esm/MagnetUpIcon.js +41 -24
  794. package/data2/esm/MagnifyingGlassTiltedRightIcon.js +42 -25
  795. package/data2/esm/ManOfficeWorkerIcon.js +52 -35
  796. package/data2/esm/ManTechnologistIcon.js +45 -28
  797. package/data2/esm/MicrophoneIcon.js +42 -25
  798. package/data2/esm/MirrorBallIcon.js +55 -38
  799. package/data2/esm/MobilePhoneIcon.js +41 -24
  800. package/data2/esm/MoneyMouthFaceIcon.js +41 -24
  801. package/data2/esm/MortorWayIcon.js +44 -27
  802. package/data2/esm/MusicalKeyboardIcon.js +40 -23
  803. package/data2/esm/MusicalNoteIcon.js +39 -22
  804. package/data2/esm/MusicalNotesIcon.js +39 -22
  805. package/data2/esm/MusicalScoreIcon.js +38 -21
  806. package/data2/esm/NinjaIcon.js +46 -29
  807. package/data2/esm/NotebookIcon.js +40 -23
  808. package/data2/esm/OnPremiseIcon.js +39 -22
  809. package/data2/esm/OpenHandsIcon.js +39 -22
  810. package/data2/esm/OpenfoodfactIcon.js +52 -35
  811. package/data2/esm/OpenstreetmapIcon.js +51 -34
  812. package/data2/esm/PackageIcon.js +43 -26
  813. package/data2/esm/PartyPopperIcon.js +47 -30
  814. package/data2/esm/PassportControlIcon.js +52 -35
  815. package/data2/esm/PenIcon.js +41 -24
  816. package/data2/esm/PencilIcon.js +43 -26
  817. package/data2/esm/PenguinIcon.js +40 -23
  818. package/data2/esm/PeopleHoldingHandsIcon.js +39 -22
  819. package/data2/esm/PeopleHoldingHandsMixedIcon.js +40 -23
  820. package/data2/esm/PersonIcon.js +43 -26
  821. package/data2/esm/PersonInSuitLevitatingIcon.js +39 -22
  822. package/data2/esm/PersonSurfingIcon.js +40 -23
  823. package/data2/esm/PersonSwimmingIcon.js +40 -23
  824. package/data2/esm/PictureFramedIcon.js +43 -26
  825. package/data2/esm/PictureIcon.js +44 -27
  826. package/data2/esm/PirateFlagIcon.js +41 -24
  827. package/data2/esm/PlaneDepartureIcon.js +41 -24
  828. package/data2/esm/PlayIcon.js +38 -21
  829. package/data2/esm/PlayOrPauseIcon.js +38 -21
  830. package/data2/esm/PlusIcon.js +39 -22
  831. package/data2/esm/PoliceCarLightIcon.js +41 -24
  832. package/data2/esm/PoolIcon.js +40 -23
  833. package/data2/esm/PotentiometerIcon.js +43 -26
  834. package/data2/esm/PuzzleIcon.js +40 -23
  835. package/data2/esm/RadarIcon.js +49 -32
  836. package/data2/esm/RadioIcon.js +37 -20
  837. package/data2/esm/RainbowFlagIcon.js +44 -27
  838. package/data2/esm/RainbowIcon.js +44 -27
  839. package/data2/esm/RecyclingIcon.js +46 -29
  840. package/data2/esm/RingedPlanetIcon.js +41 -24
  841. package/data2/esm/RobotIcon.js +44 -27
  842. package/data2/esm/RocketIcon.js +47 -30
  843. package/data2/esm/RunIcon.js +39 -22
  844. package/data2/esm/SantaClausIcon.js +56 -39
  845. package/data2/esm/SatelliteIcon.js +43 -26
  846. package/data2/esm/SchoolIcon.js +38 -21
  847. package/data2/esm/ScientistIcon.js +47 -30
  848. package/data2/esm/ScrollIcon.js +40 -23
  849. package/data2/esm/SharkIcon.js +40 -23
  850. package/data2/esm/ShieldIcon.js +41 -24
  851. package/data2/esm/ShuffleIcon.js +37 -20
  852. package/data2/esm/SignpostIcon.js +42 -25
  853. package/data2/esm/SkullAndCrossbonesIcon.js +42 -25
  854. package/data2/esm/SnakeIcon.js +40 -23
  855. package/data2/esm/SnowmanIcon.js +47 -30
  856. package/data2/esm/SosIcon.js +39 -22
  857. package/data2/esm/SosStencilIcon.js +39 -22
  858. package/data2/esm/SparkleIcon.js +42 -25
  859. package/data2/esm/SparklerIcon.js +41 -24
  860. package/data2/esm/SparklesIcon.js +44 -27
  861. package/data2/esm/SpeechBalloonIcon.js +41 -24
  862. package/data2/esm/SpeechBubbleLeftIcon.js +39 -22
  863. package/data2/esm/SquareBlackLargeIcon.js +39 -22
  864. package/data2/esm/SquareGreenIcon.js +39 -22
  865. package/data2/esm/SquareWhiteLargeIcon.js +39 -22
  866. package/data2/esm/StarIcon.js +39 -22
  867. package/data2/esm/StopwatchIcon.js +44 -27
  868. package/data2/esm/StudentWomanIcon.js +45 -28
  869. package/data2/esm/StudioMicrophoneIcon.js +45 -28
  870. package/data2/esm/SunIcon.js +39 -22
  871. package/data2/esm/TabanaTreeIcon.js +46 -29
  872. package/data2/esm/TensorFlowIcon.js +39 -22
  873. package/data2/esm/ThermometerIcon.js +41 -24
  874. package/data2/esm/ThumbsUpIcon.js +39 -22
  875. package/data2/esm/TornadoIcon.js +39 -22
  876. package/data2/esm/TrademarkIcon.js +38 -21
  877. package/data2/esm/TreeDeciduousIcon.js +40 -23
  878. package/data2/esm/UnlockedIcon.js +42 -25
  879. package/data2/esm/UserIcon.js +37 -20
  880. package/data2/esm/UsersIcon.js +37 -20
  881. package/data2/esm/VsIcon.js +39 -22
  882. package/data2/esm/VueJsIcon.js +39 -22
  883. package/data2/esm/WavingHandIcon.js +39 -22
  884. package/data2/esm/WebRtcIcon.js +47 -30
  885. package/data2/esm/WhaleSpoutingIcon.js +42 -25
  886. package/data2/esm/WheelIcon.js +39 -22
  887. package/data2/esm/WheelOfDharmaGreyIcon.js +39 -22
  888. package/data2/esm/WheelOfDharmaIcon.js +39 -22
  889. package/data2/esm/WifiIcon.js +37 -20
  890. package/data2/esm/WikidataIcon.js +44 -27
  891. package/data2/esm/WomanTechnologistIcon.js +45 -28
  892. package/data2/esm/WrappedGiftIcon.js +45 -28
  893. package/data2/esm/WritingHandIcon.js +40 -23
  894. package/data2/esm/YinYangIcon.js +42 -25
  895. package/eggs/AcDcIcon.js +34 -19
  896. package/eggs/AcDcRedNoopIcon.js +33 -18
  897. package/eggs/ECharlesIcon.js +42 -27
  898. package/eggs/FingersHornIcon.js +37 -22
  899. package/eggs/FlexedBicepsIcon.js +38 -23
  900. package/eggs/GoldorakNoopIcon.js +33 -18
  901. package/eggs/PirateFlag2Icon.js +38 -23
  902. package/eggs/PirateSkull2Icon.js +34 -19
  903. package/eggs/PirateSkullIcon.js +34 -19
  904. package/eggs/SpaceInvadersAlien1Icon.js +34 -19
  905. package/eggs/SpaceInvadersAlien2Icon.js +35 -20
  906. package/eggs/SpaceInvadersAlien3Icon.js +35 -20
  907. package/eggs/SpaceInvadersAlien4Icon.js +36 -21
  908. package/eggs/SpaceInvadersIcon.js +35 -20
  909. package/eggs/StarWarsIcon.js +35 -20
  910. package/eggs/esm/AcDcIcon.js +34 -19
  911. package/eggs/esm/AcDcRedNoopIcon.js +33 -18
  912. package/eggs/esm/ECharlesIcon.js +42 -27
  913. package/eggs/esm/FingersHornIcon.js +37 -22
  914. package/eggs/esm/FlexedBicepsIcon.js +38 -23
  915. package/eggs/esm/GoldorakNoopIcon.js +33 -18
  916. package/eggs/esm/PirateFlag2Icon.js +38 -23
  917. package/eggs/esm/PirateSkull2Icon.js +34 -19
  918. package/eggs/esm/PirateSkullIcon.js +34 -19
  919. package/eggs/esm/SpaceInvadersAlien1Icon.js +34 -19
  920. package/eggs/esm/SpaceInvadersAlien2Icon.js +35 -20
  921. package/eggs/esm/SpaceInvadersAlien3Icon.js +35 -20
  922. package/eggs/esm/SpaceInvadersAlien4Icon.js +36 -21
  923. package/eggs/esm/SpaceInvadersIcon.js +35 -20
  924. package/eggs/esm/StarWarsIcon.js +35 -20
  925. package/package.json +1 -1
@@ -11,31 +11,44 @@ function _DlIconInverseColormode({
11
11
  children
12
12
  }) {
13
13
  const ref = React.useRef(null);
14
- const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
14
+ const [appearance, setAppearance] = React.useState({
15
+ mode: typeof mode === "string" ? mode : null,
16
+ lightTheme: null,
17
+ darkTheme: null
18
+ });
15
19
  React.useLayoutEffect(() => {
16
- if (typeof mode === "string") {
17
- setResolved(mode);
18
- return;
19
- }
20
20
  if (typeof document === "undefined") return;
21
- let cur = null;
21
+ let currentMode = null;
22
+ let lightTheme = null;
23
+ let darkTheme = null;
22
24
  let el = ref.current && ref.current.parentElement;
23
- while (el) {
24
- const m = el.getAttribute && el.getAttribute("data-color-mode");
25
- if (m) { cur = m; break; }
25
+ while (el && (!currentMode || !lightTheme || !darkTheme)) {
26
+ if (el.getAttribute) {
27
+ currentMode = currentMode || el.getAttribute("data-color-mode");
28
+ lightTheme = lightTheme || el.getAttribute("data-light-theme");
29
+ darkTheme = darkTheme || el.getAttribute("data-dark-theme");
30
+ }
26
31
  el = el.parentElement;
27
32
  }
28
- if (!cur || cur === "auto") {
29
- cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
33
+ if (!currentMode || currentMode === "auto") {
34
+ currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
30
35
  }
31
- setResolved(cur === "dark" ? "light" : "dark");
36
+ setAppearance({
37
+ mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
38
+ lightTheme,
39
+ darkTheme
40
+ });
32
41
  }, [mode]);
33
42
  return /*#__PURE__*/React.createElement("span", {
34
43
  ref: ref,
35
- "data-color-mode": resolved || "light",
36
- "data-light-theme": "light",
37
- "data-dark-theme": "dark",
38
- style: { display: "inline-flex", lineHeight: 0 }
44
+ "data-color-mode": appearance.mode || "light",
45
+ "data-light-theme": appearance.lightTheme || undefined,
46
+ "data-dark-theme": appearance.darkTheme || undefined,
47
+ style: {
48
+ display: "inline-flex",
49
+ lineHeight: 0,
50
+ color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
51
+ }
39
52
  }, children);
40
53
  }
41
54
 
@@ -43,79 +56,83 @@ function LegoBlueIcon({
43
56
  title,
44
57
  titleId,
45
58
  size,
59
+ colored,
60
+ themed,
46
61
  colormode,
47
62
  ...props
48
63
  }, svgRef) {
49
64
  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
50
65
  xmlns: "http://www.w3.org/2000/svg",
51
66
  viewBox: "0 0 800 800",
52
- fill: "currentColor",
67
+ fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
68
+ width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
53
69
  "aria-hidden": "true",
54
70
  ref: svgRef,
55
- width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
56
71
  "aria-labelledby": titleId
57
72
  }, props, {
73
+ "data-datalayer-icon": "",
58
74
  style: props && props.color != null ? Object.assign({}, props.style, {
59
- "--datalayer-icon-fg": props.color
75
+ "--datalayer-icon-color": props.color,
76
+ color: props.color
60
77
  }) : props && props.style
61
- }), title ? /*#__PURE__*/React.createElement("title", {
78
+ }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
62
79
  id: titleId
63
80
  }, title) : null, /*#__PURE__*/React.createElement("path", {
64
- fill: "#002ec4",
81
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
65
82
  d: "M5.24 311.705V517.52l230.33 93.106V404.811z"
66
83
  }), /*#__PURE__*/React.createElement("path", {
67
- fill: "#2da6ff",
84
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
68
85
  d: "M805.24 430.843V239.407l-570.896 166.63v205.815z"
69
86
  }), /*#__PURE__*/React.createElement("path", {
70
- fill: "#2da6ff",
87
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
71
88
  d: "M5.24 314.147l567.22-172.75 231.555 98.01L235.569 408.48z"
72
89
  }), /*#__PURE__*/React.createElement("path", {
73
- fill: "#002ec4",
90
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
74
91
  d: "M191.463 326.395v41.655c22.053 19.601 98 18.376 116.376-2.452v-42.88z"
75
92
  }), /*#__PURE__*/React.createElement("path", {
76
- fill: "#2da6ff",
93
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
77
94
  d: "M191.463 323.34c0-7.775 26.05-14.087 58.193-14.087 32.133 0 58.183 6.312 58.183 14.087 0 7.784-26.05 14.086-58.183 14.086-32.143 0-58.193-6.302-58.193-14.086z"
78
95
  }), /*#__PURE__*/React.createElement("path", {
79
- fill: "#002ec4",
96
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
80
97
  d: "M336.634 284.127v41.655c22.044 19.61 97.991 18.385 116.376-2.442v-42.881z"
81
98
  }), /*#__PURE__*/React.createElement("path", {
82
- fill: "#2da6ff",
99
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
83
100
  d: "M336.634 281.072c0-7.775 26.05-14.087 58.184-14.087 32.142 0 58.192 6.312 58.192 14.087 0 7.784-26.05 14.095-58.192 14.095-32.134 0-58.184-6.311-58.184-14.095z"
84
101
  }), /*#__PURE__*/React.createElement("path", {
85
- fill: "#002ec4",
102
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
86
103
  d: "M478.128 241.859v41.664c22.053 19.602 98 18.376 116.376-2.451V238.19z"
87
104
  }), /*#__PURE__*/React.createElement("path", {
88
- fill: "#2da6ff",
105
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
89
106
  d: "M478.128 238.813c0-7.784 26.05-14.087 58.184-14.087 32.142 0 58.192 6.303 58.192 14.087 0 7.775-26.05 14.086-58.192 14.086-32.134 0-58.184-6.311-58.184-14.086z"
90
107
  }), /*#__PURE__*/React.createElement("path", {
91
- fill: "#002ec4",
108
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
92
109
  d: "M614.728 200.825v41.655c22.044 19.602 97.991 18.377 116.377-2.45v-42.882z"
93
110
  }), /*#__PURE__*/React.createElement("path", {
94
- fill: "#2da6ff",
111
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
95
112
  d: "M614.728 197.77c0-7.784 26.05-14.086 58.184-14.086 32.142 0 58.193 6.302 58.193 14.086 0 7.784-26.05 14.087-58.193 14.087-32.133 0-58.184-6.303-58.184-14.087z"
96
113
  }), /*#__PURE__*/React.createElement("path", {
97
- fill: "#002ec4",
114
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
98
115
  d: "M501.407 151.212v41.656c22.053 19.602 98 18.385 116.385-2.452v-42.88z"
99
116
  }), /*#__PURE__*/React.createElement("path", {
100
- fill: "#2da6ff",
117
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
101
118
  d: "M501.407 148.157c0-7.774 26.06-14.086 58.193-14.086 32.142 0 58.192 6.312 58.192 14.086 0 7.784-26.05 14.087-58.192 14.087-32.134 0-58.193-6.303-58.193-14.087z"
102
119
  }), /*#__PURE__*/React.createElement("path", {
103
- fill: "#002ec4",
120
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
104
121
  d: "M358.705 192.264v41.655c22.045 19.602 97.992 18.376 116.377-2.451v-42.881z"
105
122
  }), /*#__PURE__*/React.createElement("path", {
106
- fill: "#2da6ff",
123
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
107
124
  d: "M358.705 189.209c0-7.775 26.051-14.086 58.184-14.086 32.142 0 58.193 6.311 58.193 14.086 0 7.784-26.05 14.086-58.193 14.086-32.133 0-58.184-6.302-58.184-14.086z"
108
125
  }), /*#__PURE__*/React.createElement("path", {
109
- fill: "#002ec4",
126
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
110
127
  d: "M215.995 233.315v41.655c22.044 19.602 97.991 18.377 116.377-2.45v-42.882z"
111
128
  }), /*#__PURE__*/React.createElement("path", {
112
- fill: "#2da6ff",
129
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
113
130
  d: "M215.995 230.26c0-7.784 26.05-14.086 58.184-14.086 32.142 0 58.193 6.302 58.193 14.086 0 7.784-26.051 14.087-58.193 14.087-32.133 0-58.184-6.303-58.184-14.087z"
114
131
  }), /*#__PURE__*/React.createElement("path", {
115
- fill: "#002ec4",
132
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
116
133
  d: "M73.285 274.358v41.664c22.053 19.602 97.99 18.376 116.376-2.452v-42.88z"
117
134
  }), /*#__PURE__*/React.createElement("path", {
118
- fill: "#2da6ff",
135
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
119
136
  d: "M73.285 271.312c0-7.784 26.05-14.087 58.183-14.087 32.143 0 58.193 6.303 58.193 14.087 0 7.775-26.05 14.086-58.193 14.086-32.133 0-58.183-6.311-58.183-14.086z"
120
137
  }));
121
138
  if (!colormode) return _svgEl;
@@ -11,31 +11,44 @@ function _DlIconInverseColormode({
11
11
  children
12
12
  }) {
13
13
  const ref = React.useRef(null);
14
- const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
14
+ const [appearance, setAppearance] = React.useState({
15
+ mode: typeof mode === "string" ? mode : null,
16
+ lightTheme: null,
17
+ darkTheme: null
18
+ });
15
19
  React.useLayoutEffect(() => {
16
- if (typeof mode === "string") {
17
- setResolved(mode);
18
- return;
19
- }
20
20
  if (typeof document === "undefined") return;
21
- let cur = null;
21
+ let currentMode = null;
22
+ let lightTheme = null;
23
+ let darkTheme = null;
22
24
  let el = ref.current && ref.current.parentElement;
23
- while (el) {
24
- const m = el.getAttribute && el.getAttribute("data-color-mode");
25
- if (m) { cur = m; break; }
25
+ while (el && (!currentMode || !lightTheme || !darkTheme)) {
26
+ if (el.getAttribute) {
27
+ currentMode = currentMode || el.getAttribute("data-color-mode");
28
+ lightTheme = lightTheme || el.getAttribute("data-light-theme");
29
+ darkTheme = darkTheme || el.getAttribute("data-dark-theme");
30
+ }
26
31
  el = el.parentElement;
27
32
  }
28
- if (!cur || cur === "auto") {
29
- cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
33
+ if (!currentMode || currentMode === "auto") {
34
+ currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
30
35
  }
31
- setResolved(cur === "dark" ? "light" : "dark");
36
+ setAppearance({
37
+ mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
38
+ lightTheme,
39
+ darkTheme
40
+ });
32
41
  }, [mode]);
33
42
  return /*#__PURE__*/React.createElement("span", {
34
43
  ref: ref,
35
- "data-color-mode": resolved || "light",
36
- "data-light-theme": "light",
37
- "data-dark-theme": "dark",
38
- style: { display: "inline-flex", lineHeight: 0 }
44
+ "data-color-mode": appearance.mode || "light",
45
+ "data-light-theme": appearance.lightTheme || undefined,
46
+ "data-dark-theme": appearance.darkTheme || undefined,
47
+ style: {
48
+ display: "inline-flex",
49
+ lineHeight: 0,
50
+ color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
51
+ }
39
52
  }, children);
40
53
  }
41
54
 
@@ -43,55 +56,59 @@ function LegoBlueSquareIcon({
43
56
  title,
44
57
  titleId,
45
58
  size,
59
+ colored,
60
+ themed,
46
61
  colormode,
47
62
  ...props
48
63
  }, svgRef) {
49
64
  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
50
65
  xmlns: "http://www.w3.org/2000/svg",
51
66
  viewBox: "0 0 800 800",
52
- fill: "currentColor",
67
+ fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
68
+ width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
53
69
  "aria-hidden": "true",
54
70
  ref: svgRef,
55
- width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
56
71
  "aria-labelledby": titleId
57
72
  }, props, {
73
+ "data-datalayer-icon": "",
58
74
  style: props && props.color != null ? Object.assign({}, props.style, {
59
- "--datalayer-icon-fg": props.color
75
+ "--datalayer-icon-color": props.color,
76
+ color: props.color
60
77
  }) : props && props.style
61
- }), title ? /*#__PURE__*/React.createElement("title", {
78
+ }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
62
79
  id: titleId
63
80
  }, title) : null, /*#__PURE__*/React.createElement("path", {
64
- fill: "#002ec4",
81
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
65
82
  d: "M0 240.79v321.523l359.819 145.466V386.24z"
66
83
  }), /*#__PURE__*/React.createElement("path", {
67
- fill: "#2da6ff",
84
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
68
85
  d: "M800 567.7V256.766l-442.096 131.39v321.522z"
69
86
  }), /*#__PURE__*/React.createElement("path", {
70
- fill: "#2da6ff",
87
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
71
88
  d: "M0 244.62l445.712-131.347L800 256.766 359.819 391.971z"
72
89
  }), /*#__PURE__*/React.createElement("path", {
73
- fill: "#002ec4",
90
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
74
91
  d: "M290.93 263.738v65.075c34.437 30.62 153.081 28.721 181.803-3.83v-66.988z"
75
92
  }), /*#__PURE__*/React.createElement("path", {
76
- fill: "#2da6ff",
93
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
77
94
  d: "M290.93 258.967c0-12.147 40.696-22.007 90.894-22.007 50.213 0 90.909 9.86 90.909 22.007 0 12.16-40.696 22.005-90.909 22.005-50.198 0-90.894-9.846-90.894-22.005z"
78
95
  }), /*#__PURE__*/React.createElement("path", {
79
- fill: "#002ec4",
96
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
80
97
  d: "M517.701 197.708v65.073c34.451 30.636 153.095 28.722 181.803-3.814v-66.99z"
81
98
  }), /*#__PURE__*/React.createElement("path", {
82
- fill: "#2da6ff",
99
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
83
100
  d: "M517.701 192.95c0-12.16 40.696-22.007 90.908-22.007 50.199 0 90.895 9.847 90.895 22.007 0 12.145-40.696 22.004-90.895 22.004-50.212 0-90.908-9.86-90.908-22.004z"
84
101
  }), /*#__PURE__*/React.createElement("path", {
85
- fill: "#002ec4",
102
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
86
103
  d: "M329.24 118.332v65.072c34.45 30.622 153.095 28.708 181.802-3.83v-66.988z"
87
104
  }), /*#__PURE__*/React.createElement("path", {
88
- fill: "#2da6ff",
105
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
89
106
  d: "M329.24 113.558c0-12.146 40.695-22.005 90.908-22.005 50.198 0 90.894 9.859 90.894 22.005 0 12.16-40.696 22.007-90.894 22.007-50.213 0-90.908-9.847-90.908-22.007z"
90
107
  }), /*#__PURE__*/React.createElement("path", {
91
- fill: "#002ec4",
108
+ fill: colored ? "#002ec4" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 85%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 49%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
92
109
  d: "M106.298 182.46v65.074c34.452 30.623 153.096 28.707 181.802-3.828v-66.99z"
93
110
  }), /*#__PURE__*/React.createElement("path", {
94
- fill: "#2da6ff",
111
+ fill: colored ? "#2da6ff" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 70%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 64%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
95
112
  d: "M106.298 177.688c0-12.159 40.696-22.006 90.908-22.006 50.199 0 90.894 9.847 90.894 22.006 0 12.16-40.695 22.006-90.894 22.006-50.212 0-90.908-9.846-90.908-22.006z"
96
113
  }));
97
114
  if (!colormode) return _svgEl;
@@ -11,31 +11,44 @@ function _DlIconInverseColormode({
11
11
  children
12
12
  }) {
13
13
  const ref = React.useRef(null);
14
- const [resolved, setResolved] = React.useState(typeof mode === "string" ? mode : null);
14
+ const [appearance, setAppearance] = React.useState({
15
+ mode: typeof mode === "string" ? mode : null,
16
+ lightTheme: null,
17
+ darkTheme: null
18
+ });
15
19
  React.useLayoutEffect(() => {
16
- if (typeof mode === "string") {
17
- setResolved(mode);
18
- return;
19
- }
20
20
  if (typeof document === "undefined") return;
21
- let cur = null;
21
+ let currentMode = null;
22
+ let lightTheme = null;
23
+ let darkTheme = null;
22
24
  let el = ref.current && ref.current.parentElement;
23
- while (el) {
24
- const m = el.getAttribute && el.getAttribute("data-color-mode");
25
- if (m) { cur = m; break; }
25
+ while (el && (!currentMode || !lightTheme || !darkTheme)) {
26
+ if (el.getAttribute) {
27
+ currentMode = currentMode || el.getAttribute("data-color-mode");
28
+ lightTheme = lightTheme || el.getAttribute("data-light-theme");
29
+ darkTheme = darkTheme || el.getAttribute("data-dark-theme");
30
+ }
26
31
  el = el.parentElement;
27
32
  }
28
- if (!cur || cur === "auto") {
29
- cur = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
33
+ if (!currentMode || currentMode === "auto") {
34
+ currentMode = (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) ? "dark" : "light";
30
35
  }
31
- setResolved(cur === "dark" ? "light" : "dark");
36
+ setAppearance({
37
+ mode: typeof mode === "string" ? mode : (currentMode === "dark" ? "light" : "dark"),
38
+ lightTheme,
39
+ darkTheme
40
+ });
32
41
  }, [mode]);
33
42
  return /*#__PURE__*/React.createElement("span", {
34
43
  ref: ref,
35
- "data-color-mode": resolved || "light",
36
- "data-light-theme": "light",
37
- "data-dark-theme": "dark",
38
- style: { display: "inline-flex", lineHeight: 0 }
44
+ "data-color-mode": appearance.mode || "light",
45
+ "data-light-theme": appearance.lightTheme || undefined,
46
+ "data-dark-theme": appearance.darkTheme || undefined,
47
+ style: {
48
+ display: "inline-flex",
49
+ lineHeight: 0,
50
+ color: "var(--fgColor-default, var(--color-fg-default, currentColor))"
51
+ }
39
52
  }, children);
40
53
  }
41
54
 
@@ -43,79 +56,83 @@ function LegoGreenIcon({
43
56
  title,
44
57
  titleId,
45
58
  size,
59
+ colored,
60
+ themed,
46
61
  colormode,
47
62
  ...props
48
63
  }, svgRef) {
49
64
  const _svgEl = /*#__PURE__*/React.createElement("svg", Object.assign({
50
65
  xmlns: "http://www.w3.org/2000/svg",
51
66
  viewBox: "0 0 800 800",
52
- fill: "currentColor",
67
+ fill: (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 62%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 72%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
68
+ width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
53
69
  "aria-hidden": "true",
54
70
  ref: svgRef,
55
- width: size ? typeof size === "string" ? sizeMap[size] : size : "16px",
56
71
  "aria-labelledby": titleId
57
72
  }, props, {
73
+ "data-datalayer-icon": "",
58
74
  style: props && props.color != null ? Object.assign({}, props.style, {
59
- "--datalayer-icon-fg": props.color
75
+ "--datalayer-icon-color": props.color,
76
+ color: props.color
60
77
  }) : props && props.style
61
- }), title ? /*#__PURE__*/React.createElement("title", {
78
+ }), /*#__PURE__*/React.createElement("style", null, "[data-color-mode=\"light\"]{--datalayer-icon-color-scheme:light}[data-color-mode=\"dark\"]{--datalayer-icon-color-scheme:dark}svg[data-datalayer-icon]{color-scheme:var(--datalayer-icon-color-scheme, light dark)}"), title ? /*#__PURE__*/React.createElement("title", {
62
79
  id: titleId
63
80
  }, title) : null, /*#__PURE__*/React.createElement("path", {
64
- fill: "#16a085",
81
+ fill: colored ? "#16a085" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
65
82
  d: "M0 325.705V531.52l230.329 93.106V418.811z"
66
83
  }), /*#__PURE__*/React.createElement("path", {
67
- fill: "#2ecc71",
84
+ fill: colored ? "#2ecc71" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
68
85
  d: "M800 444.843V253.407l-570.897 166.63v205.815z"
69
86
  }), /*#__PURE__*/React.createElement("path", {
70
- fill: "#2ecc71",
87
+ fill: colored ? "#2ecc71" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
71
88
  d: "M0 328.147l567.22-172.75 231.554 98.01L230.33 422.48z"
72
89
  }), /*#__PURE__*/React.createElement("path", {
73
- fill: "#16a085",
90
+ fill: colored ? "#16a085" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
74
91
  d: "M186.222 340.395v41.655c22.054 19.601 98 18.376 116.377-2.452v-42.88z"
75
92
  }), /*#__PURE__*/React.createElement("path", {
76
- fill: "#2ecc71",
93
+ fill: colored ? "#2ecc71" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
77
94
  d: "M186.222 337.34c0-7.775 26.05-14.087 58.193-14.087 32.133 0 58.184 6.312 58.184 14.087 0 7.784-26.05 14.086-58.184 14.086-32.142 0-58.193-6.302-58.193-14.086z"
78
95
  }), /*#__PURE__*/React.createElement("path", {
79
- fill: "#16a085",
96
+ fill: colored ? "#16a085" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
80
97
  d: "M331.393 298.127v41.655c22.045 19.61 97.991 18.385 116.377-2.442v-42.881z"
81
98
  }), /*#__PURE__*/React.createElement("path", {
82
- fill: "#2ecc71",
99
+ fill: colored ? "#2ecc71" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
83
100
  d: "M331.393 295.072c0-7.775 26.05-14.087 58.184-14.087 32.142 0 58.193 6.312 58.193 14.087 0 7.784-26.05 14.095-58.193 14.095-32.133 0-58.184-6.311-58.184-14.095z"
84
101
  }), /*#__PURE__*/React.createElement("path", {
85
- fill: "#16a085",
102
+ fill: colored ? "#16a085" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
86
103
  d: "M472.887 255.859v41.664c22.054 19.602 98 18.376 116.377-2.451V252.19z"
87
104
  }), /*#__PURE__*/React.createElement("path", {
88
- fill: "#2ecc71",
105
+ fill: colored ? "#2ecc71" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
89
106
  d: "M472.887 252.813c0-7.784 26.05-14.087 58.184-14.087 32.142 0 58.193 6.303 58.193 14.087 0 7.775-26.05 14.086-58.193 14.086-32.133 0-58.184-6.311-58.184-14.086z"
90
107
  }), /*#__PURE__*/React.createElement("path", {
91
- fill: "#16a085",
108
+ fill: colored ? "#16a085" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
92
109
  d: "M609.488 214.825v41.655c22.044 19.602 97.99 18.377 116.376-2.45v-42.882z"
93
110
  }), /*#__PURE__*/React.createElement("path", {
94
- fill: "#2ecc71",
111
+ fill: colored ? "#2ecc71" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
95
112
  d: "M609.488 211.77c0-7.784 26.05-14.086 58.183-14.086 32.143 0 58.193 6.302 58.193 14.086 0 7.784-26.05 14.087-58.193 14.087-32.133 0-58.183-6.303-58.183-14.087z"
96
113
  }), /*#__PURE__*/React.createElement("path", {
97
- fill: "#16a085",
114
+ fill: colored ? "#16a085" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
98
115
  d: "M496.166 165.212v41.656c22.054 19.602 98 18.385 116.386-2.452v-42.88z"
99
116
  }), /*#__PURE__*/React.createElement("path", {
100
- fill: "#2ecc71",
117
+ fill: colored ? "#2ecc71" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
101
118
  d: "M496.166 162.157c0-7.774 26.06-14.086 58.193-14.086 32.142 0 58.193 6.312 58.193 14.086 0 7.784-26.05 14.087-58.193 14.087-32.133 0-58.193-6.303-58.193-14.087z"
102
119
  }), /*#__PURE__*/React.createElement("path", {
103
- fill: "#16a085",
120
+ fill: colored ? "#16a085" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
104
121
  d: "M353.465 206.264v41.655c22.044 19.602 97.991 18.376 116.376-2.451v-42.881z"
105
122
  }), /*#__PURE__*/React.createElement("path", {
106
- fill: "#2ecc71",
123
+ fill: colored ? "#2ecc71" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
107
124
  d: "M353.465 203.209c0-7.775 26.05-14.086 58.184-14.086 32.142 0 58.192 6.311 58.192 14.086 0 7.784-26.05 14.086-58.192 14.086-32.134 0-58.184-6.302-58.184-14.086z"
108
125
  }), /*#__PURE__*/React.createElement("path", {
109
- fill: "#16a085",
126
+ fill: colored ? "#16a085" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
110
127
  d: "M210.754 247.315v41.655c22.045 19.602 97.992 18.377 116.377-2.45v-42.882z"
111
128
  }), /*#__PURE__*/React.createElement("path", {
112
- fill: "#2ecc71",
129
+ fill: colored ? "#2ecc71" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
113
130
  d: "M210.754 244.26c0-7.784 26.05-14.086 58.184-14.086 32.142 0 58.193 6.302 58.193 14.086 0 7.784-26.05 14.087-58.193 14.087-32.133 0-58.184-6.303-58.184-14.087z"
114
131
  }), /*#__PURE__*/React.createElement("path", {
115
- fill: "#16a085",
132
+ fill: colored ? "#16a085" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 77%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 57%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
116
133
  d: "M68.044 288.358v41.664c22.053 19.602 97.991 18.376 116.376-2.452v-42.88z"
117
134
  }), /*#__PURE__*/React.createElement("path", {
118
- fill: "#2ecc71",
135
+ fill: colored ? "#2ecc71" : (props.color != null ? "color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, black)" : (themed ? "light-dark(color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, var(--datalayer-icon-fg, currentColor)) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))" : "light-dark(color-mix(in srgb, var(--datalayer-icon-color, currentColor) 66%, var(--bgColor-default, var(--color-canvas-default, Canvas))), color-mix(in srgb, var(--datalayer-icon-color, currentColor) 68%, var(--bgColor-default, var(--color-canvas-default, Canvas))))")),
119
136
  d: "M68.044 285.312c0-7.784 26.05-14.087 58.184-14.087 32.142 0 58.192 6.303 58.192 14.087 0 7.775-26.05 14.086-58.192 14.086-32.133 0-58.184-6.311-58.184-14.086z"
120
137
  }));
121
138
  if (!colormode) return _svgEl;