@sebgroup/green-core 1.71.1 → 1.72.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (331) hide show
  1. package/components/details/details-icon/details-icon.component.d.ts +14 -0
  2. package/components/details/details-icon/details-icon.component.js +71 -0
  3. package/components/details/details-icon/details-icon.d.ts +2 -0
  4. package/components/details/details-icon/details-icon.js +6 -0
  5. package/components/details/details-icon/details-icon.style.d.ts +1 -0
  6. package/components/details/details-icon/details-icon.style.js +10 -0
  7. package/components/details/details.component.d.ts +46 -0
  8. package/components/details/details.component.js +185 -0
  9. package/components/details/details.d.ts +2 -0
  10. package/components/details/details.js +6 -0
  11. package/components/details/details.styles.d.ts +1 -0
  12. package/components/details/details.styles.js +112 -0
  13. package/components/details/index.d.ts +1 -0
  14. package/components/details/index.js +1 -0
  15. package/generated/react/backdrop/index.js +2 -1
  16. package/generated/react/badge/index.js +2 -1
  17. package/generated/react/button/index.js +2 -1
  18. package/generated/react/calendar/index.js +2 -1
  19. package/generated/react/card/index.js +2 -1
  20. package/generated/react/coachmark/index.js +2 -1
  21. package/generated/react/container/index.js +2 -1
  22. package/generated/react/context-menu/index.js +2 -1
  23. package/generated/react/datepicker/index.js +2 -1
  24. package/generated/react/details/index.d.ts +385 -0
  25. package/generated/react/details/index.js +13 -0
  26. package/generated/react/dialog/index.js +2 -1
  27. package/generated/react/div/index.js +2 -1
  28. package/generated/react/divider/index.js +2 -1
  29. package/generated/react/dropdown/index.js +2 -1
  30. package/generated/react/fab/index.js +2 -1
  31. package/generated/react/filter-chip/index.js +2 -1
  32. package/generated/react/filter-chips/index.js +2 -1
  33. package/generated/react/flex/index.js +2 -1
  34. package/generated/react/form-control-footer/index.js +2 -1
  35. package/generated/react/form-control-header/index.js +2 -1
  36. package/generated/react/grid/index.js +2 -1
  37. package/generated/react/grouped-list/index.js +2 -1
  38. package/generated/react/icons/icon/index.js +2 -1
  39. package/generated/react/icons/icon-airplane-up/index.js +2 -1
  40. package/generated/react/icons/icon-archive/index.js +2 -1
  41. package/generated/react/icons/icon-arrow/index.js +2 -1
  42. package/generated/react/icons/icon-arrow-box-left/index.js +2 -1
  43. package/generated/react/icons/icon-arrow-box-right/index.js +2 -1
  44. package/generated/react/icons/icon-arrow-down/index.js +2 -1
  45. package/generated/react/icons/icon-arrow-inbox/index.js +2 -1
  46. package/generated/react/icons/icon-arrow-left/index.js +2 -1
  47. package/generated/react/icons/icon-arrow-left-right/index.js +2 -1
  48. package/generated/react/icons/icon-arrow-out-of-box/index.js +2 -1
  49. package/generated/react/icons/icon-arrow-right/index.js +2 -1
  50. package/generated/react/icons/icon-arrow-right-circle/index.js +2 -1
  51. package/generated/react/icons/icon-arrow-right-down-circle/index.js +2 -1
  52. package/generated/react/icons/icon-arrow-right-up-circle/index.js +2 -1
  53. package/generated/react/icons/icon-arrow-rotate-clockwise/index.js +2 -1
  54. package/generated/react/icons/icon-arrow-rotate-counter-clockwise/index.js +2 -1
  55. package/generated/react/icons/icon-arrow-rotate-left-right/index.js +2 -1
  56. package/generated/react/icons/icon-arrow-rotate-right-left/index.js +2 -1
  57. package/generated/react/icons/icon-arrow-share-left/index.js +2 -1
  58. package/generated/react/icons/icon-arrow-share-right/index.js +2 -1
  59. package/generated/react/icons/icon-arrow-up/index.js +2 -1
  60. package/generated/react/icons/icon-arrow-wall-down/index.js +2 -1
  61. package/generated/react/icons/icon-arrow-wall-left/index.js +2 -1
  62. package/generated/react/icons/icon-arrow-wall-right/index.js +2 -1
  63. package/generated/react/icons/icon-arrow-wall-up/index.js +2 -1
  64. package/generated/react/icons/icon-arrows-repeat/index.js +2 -1
  65. package/generated/react/icons/icon-at/index.js +2 -1
  66. package/generated/react/icons/icon-back/index.js +2 -1
  67. package/generated/react/icons/icon-bag/index.js +2 -1
  68. package/generated/react/icons/icon-bank/index.js +2 -1
  69. package/generated/react/icons/icon-banknote/index.js +2 -1
  70. package/generated/react/icons/icon-barcode/index.js +2 -1
  71. package/generated/react/icons/icon-bars-three/index.js +2 -1
  72. package/generated/react/icons/icon-bars-two/index.js +2 -1
  73. package/generated/react/icons/icon-battery-loading/index.js +2 -1
  74. package/generated/react/icons/icon-bell/index.js +2 -1
  75. package/generated/react/icons/icon-block/index.js +2 -1
  76. package/generated/react/icons/icon-book/index.js +2 -1
  77. package/generated/react/icons/icon-bookmark/index.js +2 -1
  78. package/generated/react/icons/icon-bookmark-check/index.js +2 -1
  79. package/generated/react/icons/icon-bookmark-delete/index.js +2 -1
  80. package/generated/react/icons/icon-bookmark-plus/index.js +2 -1
  81. package/generated/react/icons/icon-bookmark-remove/index.js +2 -1
  82. package/generated/react/icons/icon-books/index.js +2 -1
  83. package/generated/react/icons/icon-brand-app-store/index.js +2 -1
  84. package/generated/react/icons/icon-brand-apple-music/index.js +2 -1
  85. package/generated/react/icons/icon-brand-bankid/index.js +2 -1
  86. package/generated/react/icons/icon-brand-chrome/index.js +2 -1
  87. package/generated/react/icons/icon-brand-facebook/index.js +2 -1
  88. package/generated/react/icons/icon-brand-figma/index.js +2 -1
  89. package/generated/react/icons/icon-brand-github/index.js +2 -1
  90. package/generated/react/icons/icon-brand-green/index.js +2 -1
  91. package/generated/react/icons/icon-brand-instagram/index.js +2 -1
  92. package/generated/react/icons/icon-brand-linkedin/index.js +2 -1
  93. package/generated/react/icons/icon-brand-play-store/index.js +2 -1
  94. package/generated/react/icons/icon-brand-rss-feed/index.js +2 -1
  95. package/generated/react/icons/icon-brand-seb/index.js +2 -1
  96. package/generated/react/icons/icon-brand-spotify/index.js +2 -1
  97. package/generated/react/icons/icon-brand-x/index.js +2 -1
  98. package/generated/react/icons/icon-brush/index.js +2 -1
  99. package/generated/react/icons/icon-bubble/index.js +2 -1
  100. package/generated/react/icons/icon-bubble-annotation/index.js +2 -1
  101. package/generated/react/icons/icon-bubble-dots/index.js +2 -1
  102. package/generated/react/icons/icon-bubble-question/index.js +2 -1
  103. package/generated/react/icons/icon-bubble-quotes/index.js +2 -1
  104. package/generated/react/icons/icon-bubble-text/index.js +2 -1
  105. package/generated/react/icons/icon-bubble-wide-annotation/index.js +2 -1
  106. package/generated/react/icons/icon-bubbles/index.js +2 -1
  107. package/generated/react/icons/icon-buildings/index.js +2 -1
  108. package/generated/react/icons/icon-cain-link/index.js +2 -1
  109. package/generated/react/icons/icon-calculator/index.js +2 -1
  110. package/generated/react/icons/icon-calendar/index.js +2 -1
  111. package/generated/react/icons/icon-calendar-check/index.js +2 -1
  112. package/generated/react/icons/icon-calender-add/index.js +2 -1
  113. package/generated/react/icons/icon-call/index.js +2 -1
  114. package/generated/react/icons/icon-car/index.js +2 -1
  115. package/generated/react/icons/icon-charging-station/index.js +2 -1
  116. package/generated/react/icons/icon-chart-one/index.js +2 -1
  117. package/generated/react/icons/icon-chart-presentation/index.js +2 -1
  118. package/generated/react/icons/icon-chart-two/index.js +2 -1
  119. package/generated/react/icons/icon-checklist/index.js +2 -1
  120. package/generated/react/icons/icon-checkmark/index.js +2 -1
  121. package/generated/react/icons/icon-chevron-bottom/index.js +2 -1
  122. package/generated/react/icons/icon-chevron-double-down/index.js +2 -1
  123. package/generated/react/icons/icon-chevron-double-left/index.js +2 -1
  124. package/generated/react/icons/icon-chevron-double-right/index.js +2 -1
  125. package/generated/react/icons/icon-chevron-double-up/index.js +2 -1
  126. package/generated/react/icons/icon-chevron-grabber-vertical/index.js +2 -1
  127. package/generated/react/icons/icon-chevron-left/index.js +2 -1
  128. package/generated/react/icons/icon-chevron-right/index.js +2 -1
  129. package/generated/react/icons/icon-chevron-top/index.js +2 -1
  130. package/generated/react/icons/icon-circle-check/index.js +2 -1
  131. package/generated/react/icons/icon-circle-info/index.js +2 -1
  132. package/generated/react/icons/icon-circle-minus/index.js +2 -1
  133. package/generated/react/icons/icon-circle-placeholder-on/index.js +2 -1
  134. package/generated/react/icons/icon-circle-plus/index.js +2 -1
  135. package/generated/react/icons/icon-circle-questionmark/index.js +2 -1
  136. package/generated/react/icons/icon-circle-x/index.js +2 -1
  137. package/generated/react/icons/icon-circles-three/index.js +2 -1
  138. package/generated/react/icons/icon-clock/index.js +2 -1
  139. package/generated/react/icons/icon-cloud-upload/index.js +2 -1
  140. package/generated/react/icons/icon-cloudy-sun/index.js +2 -1
  141. package/generated/react/icons/icon-compass-round/index.js +2 -1
  142. package/generated/react/icons/icon-credit-card/index.js +2 -1
  143. package/generated/react/icons/icon-cross-large/index.js +2 -1
  144. package/generated/react/icons/icon-cross-small/index.js +2 -1
  145. package/generated/react/icons/icon-cup-hot/index.js +2 -1
  146. package/generated/react/icons/icon-details/index.d.ts +367 -0
  147. package/generated/react/icons/icon-details/index.js +13 -0
  148. package/generated/react/icons/icon-devices/index.js +2 -1
  149. package/generated/react/icons/icon-direction/index.js +2 -1
  150. package/generated/react/icons/icon-dollar/index.js +2 -1
  151. package/generated/react/icons/icon-dot-grid-one-horizontal/index.js +2 -1
  152. package/generated/react/icons/icon-dot-grid-one-vertical/index.js +2 -1
  153. package/generated/react/icons/icon-dot-grid-three/index.js +2 -1
  154. package/generated/react/icons/icon-dot-grid-two/index.js +2 -1
  155. package/generated/react/icons/icon-email/index.js +2 -1
  156. package/generated/react/icons/icon-euro/index.js +2 -1
  157. package/generated/react/icons/icon-eye-open/index.js +2 -1
  158. package/generated/react/icons/icon-eye-slash/index.js +2 -1
  159. package/generated/react/icons/icon-fashion/index.js +2 -1
  160. package/generated/react/icons/icon-fast-forward/index.js +2 -1
  161. package/generated/react/icons/icon-file-bend/index.js +2 -1
  162. package/generated/react/icons/icon-file-chart/index.js +2 -1
  163. package/generated/react/icons/icon-file-text/index.js +2 -1
  164. package/generated/react/icons/icon-files/index.js +2 -1
  165. package/generated/react/icons/icon-filter/index.js +2 -1
  166. package/generated/react/icons/icon-flag/index.js +2 -1
  167. package/generated/react/icons/icon-floppy-disk/index.js +2 -1
  168. package/generated/react/icons/icon-focus/index.js +2 -1
  169. package/generated/react/icons/icon-focus-square/index.js +2 -1
  170. package/generated/react/icons/icon-folder/index.js +2 -1
  171. package/generated/react/icons/icon-folder-add-right/index.js +2 -1
  172. package/generated/react/icons/icon-folder-paper/index.js +2 -1
  173. package/generated/react/icons/icon-folder-upload/index.js +2 -1
  174. package/generated/react/icons/icon-globus/index.js +2 -1
  175. package/generated/react/icons/icon-graduate-cap/index.js +2 -1
  176. package/generated/react/icons/icon-group/index.js +2 -1
  177. package/generated/react/icons/icon-growth/index.js +2 -1
  178. package/generated/react/icons/icon-headphones/index.js +2 -1
  179. package/generated/react/icons/icon-heart/index.js +2 -1
  180. package/generated/react/icons/icon-heart-beat/index.js +2 -1
  181. package/generated/react/icons/icon-history/index.js +2 -1
  182. package/generated/react/icons/icon-home-energy-one/index.js +2 -1
  183. package/generated/react/icons/icon-home-energy-two/index.js +2 -1
  184. package/generated/react/icons/icon-home-open/index.js +2 -1
  185. package/generated/react/icons/icon-home-roof/index.js +2 -1
  186. package/generated/react/icons/icon-horizontal-alignment-bottom/index.js +2 -1
  187. package/generated/react/icons/icon-images/index.js +2 -1
  188. package/generated/react/icons/icon-invite/index.js +2 -1
  189. package/generated/react/icons/icon-knife-spoon/index.js +2 -1
  190. package/generated/react/icons/icon-law/index.js +2 -1
  191. package/generated/react/icons/icon-light-bulb/index.js +2 -1
  192. package/generated/react/icons/icon-light-bulb-simple/index.js +2 -1
  193. package/generated/react/icons/icon-lightning/index.js +2 -1
  194. package/generated/react/icons/icon-line-chart-four/index.js +2 -1
  195. package/generated/react/icons/icon-line-chart-one/index.js +2 -1
  196. package/generated/react/icons/icon-line-chart-three/index.js +2 -1
  197. package/generated/react/icons/icon-line-chart-two/index.js +2 -1
  198. package/generated/react/icons/icon-lock/index.js +2 -1
  199. package/generated/react/icons/icon-macbook-air/index.js +2 -1
  200. package/generated/react/icons/icon-magnifying-glass/index.js +2 -1
  201. package/generated/react/icons/icon-maintenance/index.js +2 -1
  202. package/generated/react/icons/icon-map-pin/index.js +2 -1
  203. package/generated/react/icons/icon-megaphone/index.js +2 -1
  204. package/generated/react/icons/icon-minus-large/index.js +2 -1
  205. package/generated/react/icons/icon-minus-small/index.js +2 -1
  206. package/generated/react/icons/icon-money-hand/index.js +2 -1
  207. package/generated/react/icons/icon-moneybag/index.js +2 -1
  208. package/generated/react/icons/icon-moon/index.js +2 -1
  209. package/generated/react/icons/icon-mute/index.js +2 -1
  210. package/generated/react/icons/icon-page-text/index.js +2 -1
  211. package/generated/react/icons/icon-paperclip/index.js +2 -1
  212. package/generated/react/icons/icon-pause/index.js +2 -1
  213. package/generated/react/icons/icon-pencel-line/index.js +2 -1
  214. package/generated/react/icons/icon-pencil-sparkle/index.js +2 -1
  215. package/generated/react/icons/icon-pencil-wave/index.js +2 -1
  216. package/generated/react/icons/icon-people/index.js +2 -1
  217. package/generated/react/icons/icon-people-add/index.js +2 -1
  218. package/generated/react/icons/icon-people-added/index.js +2 -1
  219. package/generated/react/icons/icon-people-circle/index.js +2 -1
  220. package/generated/react/icons/icon-people-copy/index.js +2 -1
  221. package/generated/react/icons/icon-people-profile/index.js +2 -1
  222. package/generated/react/icons/icon-people-remove/index.js +2 -1
  223. package/generated/react/icons/icon-percent/index.js +2 -1
  224. package/generated/react/icons/icon-phone/index.js +2 -1
  225. package/generated/react/icons/icon-phone-dynamic-island/index.js +2 -1
  226. package/generated/react/icons/icon-pie-chart/index.js +2 -1
  227. package/generated/react/icons/icon-piggy-bank/index.js +2 -1
  228. package/generated/react/icons/icon-pin/index.js +2 -1
  229. package/generated/react/icons/icon-pinch/index.js +2 -1
  230. package/generated/react/icons/icon-play/index.js +2 -1
  231. package/generated/react/icons/icon-play-circle/index.js +2 -1
  232. package/generated/react/icons/icon-plus-large/index.js +2 -1
  233. package/generated/react/icons/icon-plus-small/index.js +2 -1
  234. package/generated/react/icons/icon-poop/index.js +2 -1
  235. package/generated/react/icons/icon-power-plant/index.js +2 -1
  236. package/generated/react/icons/icon-printer/index.js +2 -1
  237. package/generated/react/icons/icon-push/index.js +2 -1
  238. package/generated/react/icons/icon-qr-code/index.js +2 -1
  239. package/generated/react/icons/icon-rainy/index.js +2 -1
  240. package/generated/react/icons/icon-raising-hand/index.js +2 -1
  241. package/generated/react/icons/icon-reading-list/index.js +2 -1
  242. package/generated/react/icons/icon-receipt-bill/index.js +2 -1
  243. package/generated/react/icons/icon-receiption-bell/index.js +2 -1
  244. package/generated/react/icons/icon-robot/index.js +2 -1
  245. package/generated/react/icons/icon-rocket/index.js +2 -1
  246. package/generated/react/icons/icon-school/index.js +2 -1
  247. package/generated/react/icons/icon-scissors/index.js +2 -1
  248. package/generated/react/icons/icon-search-menu/index.js +2 -1
  249. package/generated/react/icons/icon-seb/index.js +2 -1
  250. package/generated/react/icons/icon-settings-gear/index.js +2 -1
  251. package/generated/react/icons/icon-settings-slider-hor/index.js +2 -1
  252. package/generated/react/icons/icon-settings-slider-three/index.js +2 -1
  253. package/generated/react/icons/icon-settings-slider-ver/index.js +2 -1
  254. package/generated/react/icons/icon-share/index.js +2 -1
  255. package/generated/react/icons/icon-shopping-bag/index.js +2 -1
  256. package/generated/react/icons/icon-smartwatch/index.js +2 -1
  257. package/generated/react/icons/icon-solar/index.js +2 -1
  258. package/generated/react/icons/icon-solar-panel/index.js +2 -1
  259. package/generated/react/icons/icon-square-arrow-top-right/index.js +2 -1
  260. package/generated/react/icons/icon-square-behind-square/index.js +2 -1
  261. package/generated/react/icons/icon-square-check/index.js +2 -1
  262. package/generated/react/icons/icon-square-grid-circle/index.js +2 -1
  263. package/generated/react/icons/icon-square-info/index.js +2 -1
  264. package/generated/react/icons/icon-square-minus/index.js +2 -1
  265. package/generated/react/icons/icon-square-placeholder/index.js +2 -1
  266. package/generated/react/icons/icon-square-plus/index.js +2 -1
  267. package/generated/react/icons/icon-square-x/index.js +2 -1
  268. package/generated/react/icons/icon-star/index.js +2 -1
  269. package/generated/react/icons/icon-store/index.js +2 -1
  270. package/generated/react/icons/icon-suitcase-work/index.js +2 -1
  271. package/generated/react/icons/icon-sun/index.js +2 -1
  272. package/generated/react/icons/icon-tag/index.js +2 -1
  273. package/generated/react/icons/icon-television/index.js +2 -1
  274. package/generated/react/icons/icon-tennis/index.js +2 -1
  275. package/generated/react/icons/icon-text-edit/index.js +2 -1
  276. package/generated/react/icons/icon-thermostat/index.js +2 -1
  277. package/generated/react/icons/icon-thumbs-down/index.js +2 -1
  278. package/generated/react/icons/icon-thumbs-up/index.js +2 -1
  279. package/generated/react/icons/icon-todos/index.js +2 -1
  280. package/generated/react/icons/icon-trading-view-candles/index.js +2 -1
  281. package/generated/react/icons/icon-trash-can/index.js +2 -1
  282. package/generated/react/icons/icon-tree/index.js +2 -1
  283. package/generated/react/icons/icon-trending-four/index.js +2 -1
  284. package/generated/react/icons/icon-trending-one/index.js +2 -1
  285. package/generated/react/icons/icon-trending-three/index.js +2 -1
  286. package/generated/react/icons/icon-trending-two/index.js +2 -1
  287. package/generated/react/icons/icon-triangle-exclamation/index.js +2 -1
  288. package/generated/react/icons/icon-truck/index.js +2 -1
  289. package/generated/react/icons/icon-umbrella-security/index.js +2 -1
  290. package/generated/react/icons/icon-unlocked/index.js +2 -1
  291. package/generated/react/icons/icon-vertical-alignment-right/index.js +2 -1
  292. package/generated/react/icons/icon-volume-full/index.js +2 -1
  293. package/generated/react/icons/icon-volume-half/index.js +2 -1
  294. package/generated/react/icons/icon-volume-off/index.js +2 -1
  295. package/generated/react/icons/icon-wallet/index.js +2 -1
  296. package/generated/react/icons/icon-warning-sign/index.js +2 -1
  297. package/generated/react/icons/icon-zap/index.js +2 -1
  298. package/generated/react/icons/icon-zoom-in/index.js +2 -1
  299. package/generated/react/icons/icon-zoom-out/index.js +2 -1
  300. package/generated/react/img/index.js +2 -1
  301. package/generated/react/index.d.ts +6 -4
  302. package/generated/react/index.js +6 -4
  303. package/generated/react/input/index.js +2 -1
  304. package/generated/react/link/index.js +2 -1
  305. package/generated/react/list-item/index.js +2 -1
  306. package/generated/react/mask/index.js +2 -1
  307. package/generated/react/menu-button/index.js +2 -1
  308. package/generated/react/menu-item/index.js +2 -1
  309. package/generated/react/option/index.js +2 -1
  310. package/generated/react/popover/index.js +2 -1
  311. package/generated/react/radio/index.js +2 -1
  312. package/generated/react/radio-group/index.js +2 -1
  313. package/generated/react/rich-text/index.js +2 -1
  314. package/generated/react/segment/index.js +2 -1
  315. package/generated/react/segmented-control/index.js +2 -1
  316. package/generated/react/select/index.js +2 -1
  317. package/generated/react/signal/index.js +2 -1
  318. package/generated/react/spacer/index.js +2 -1
  319. package/generated/react/spinner/index.js +2 -1
  320. package/generated/react/text/index.js +2 -1
  321. package/generated/react/textarea/index.js +2 -1
  322. package/generated/react/theme/index.js +2 -1
  323. package/generated/react/video/index.js +2 -1
  324. package/package.json +4 -1
  325. package/tokens/dark.css.js +1 -1
  326. package/tokens/light.css.js +1 -1
  327. package/tokens/motion.css.js +1 -1
  328. package/tokens/shadow.css.js +1 -1
  329. package/tokens/size.css.js +1 -1
  330. package/tokens/text.css.js +1 -1
  331. package/utils/helpers/custom-element-scoping.js +1 -1
@@ -7,7 +7,8 @@ const IconFolderAddRight = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-folder-add-right"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconFolderAddRight
@@ -7,7 +7,8 @@ const IconFolderPaper = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-folder-paper"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconFolderPaper
@@ -7,7 +7,8 @@ const IconFolderUpload = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-folder-upload"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconFolderUpload
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconGlobus = (props) => {
6
6
  IconGlobusClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-globus");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconGlobus
@@ -7,7 +7,8 @@ const IconGraduateCap = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-graduate-cap"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconGraduateCap
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconGroup = (props) => {
6
6
  IconGroupClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-group");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconGroup
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconGrowth = (props) => {
6
6
  IconGrowthClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-growth");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconGrowth
@@ -7,7 +7,8 @@ const IconHeadphones = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-headphones"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconHeadphones
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconHeart = (props) => {
6
6
  IconHeartClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-heart");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconHeart
@@ -7,7 +7,8 @@ const IconHeartBeat = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-heart-beat"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconHeartBeat
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconHistory = (props) => {
6
6
  IconHistoryClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-history");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconHistory
@@ -7,7 +7,8 @@ const IconHomeEnergyOne = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-home-energy-one"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconHomeEnergyOne
@@ -7,7 +7,8 @@ const IconHomeEnergyTwo = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-home-energy-two"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconHomeEnergyTwo
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconHomeOpen = (props) => {
6
6
  IconHomeOpenClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-home-open");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconHomeOpen
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconHomeRoof = (props) => {
6
6
  IconHomeRoofClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-home-roof");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconHomeRoof
@@ -7,7 +7,8 @@ const IconHorizontalAlignmentBottom = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-horizontal-alignment-bottom"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconHorizontalAlignmentBottom
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconImages = (props) => {
6
6
  IconImagesClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-images");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconImages
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconInvite = (props) => {
6
6
  IconInviteClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-invite");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconInvite
@@ -7,7 +7,8 @@ const IconKnifeSpoon = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-knife-spoon"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconKnifeSpoon
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconLaw = (props) => {
6
6
  IconLawClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-law");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconLaw
@@ -7,7 +7,8 @@ const IconLightBulb = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-light-bulb"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconLightBulb
@@ -7,7 +7,8 @@ const IconLightBulbSimple = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-light-bulb-simple"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconLightBulbSimple
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconLightning = (props) => {
6
6
  IconLightningClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-lightning");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconLightning
@@ -7,7 +7,8 @@ const IconLineChartFour = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-line-chart-four"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconLineChartFour
@@ -7,7 +7,8 @@ const IconLineChartOne = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-line-chart-one"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconLineChartOne
@@ -7,7 +7,8 @@ const IconLineChartThree = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-line-chart-three"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconLineChartThree
@@ -7,7 +7,8 @@ const IconLineChartTwo = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-line-chart-two"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconLineChartTwo
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconLock = (props) => {
6
6
  IconLockClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-lock");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconLock
@@ -7,7 +7,8 @@ const IconMacbookAir = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-macbook-air"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconMacbookAir
@@ -7,7 +7,8 @@ const IconMagnifyingGlass = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-magnifying-glass"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconMagnifyingGlass
@@ -7,7 +7,8 @@ const IconMaintenance = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-maintenance"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconMaintenance
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconMapPin = (props) => {
6
6
  IconMapPinClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-map-pin");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconMapPin
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconMegaphone = (props) => {
6
6
  IconMegaphoneClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-megaphone");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconMegaphone
@@ -7,7 +7,8 @@ const IconMinusLarge = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-minus-large"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconMinusLarge
@@ -7,7 +7,8 @@ const IconMinusSmall = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-minus-small"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconMinusSmall
@@ -7,7 +7,8 @@ const IconMoneyHand = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-money-hand"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconMoneyHand
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconMoneybag = (props) => {
6
6
  IconMoneybagClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-moneybag");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconMoneybag
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconMoon = (props) => {
6
6
  IconMoonClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-moon");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconMoon
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconMute = (props) => {
6
6
  IconMuteClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-mute");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconMute
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPageText = (props) => {
6
6
  IconPageTextClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-page-text");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPageText
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPaperclip = (props) => {
6
6
  IconPaperclipClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-paperclip");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPaperclip
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPause = (props) => {
6
6
  IconPauseClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-pause");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPause
@@ -7,7 +7,8 @@ const IconPencelLine = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-pencel-line"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconPencelLine
@@ -7,7 +7,8 @@ const IconPencilSparkle = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-pencil-sparkle"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconPencilSparkle
@@ -7,7 +7,8 @@ const IconPencilWave = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-pencil-wave"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconPencilWave
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPeople = (props) => {
6
6
  IconPeopleClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-people");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPeople
@@ -7,7 +7,8 @@ const IconPeopleAdd = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-people-add"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconPeopleAdd
@@ -7,7 +7,8 @@ const IconPeopleAdded = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-people-added"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconPeopleAdded
@@ -7,7 +7,8 @@ const IconPeopleCircle = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-people-circle"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconPeopleCircle
@@ -7,7 +7,8 @@ const IconPeopleCopy = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-people-copy"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconPeopleCopy
@@ -7,7 +7,8 @@ const IconPeopleProfile = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-people-profile"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconPeopleProfile
@@ -7,7 +7,8 @@ const IconPeopleRemove = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-people-remove"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconPeopleRemove
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPercent = (props) => {
6
6
  IconPercentClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-percent");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPercent
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPhone = (props) => {
6
6
  IconPhoneClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-phone");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPhone
@@ -7,7 +7,8 @@ const IconPhoneDynamicIsland = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-phone-dynamic-island"
9
9
  );
10
- return createElement(JSXElement, props);
10
+ const propsWithClass = { ...props, class: props.className };
11
+ return createElement(JSXElement, propsWithClass);
11
12
  };
12
13
  export {
13
14
  IconPhoneDynamicIsland
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPieChart = (props) => {
6
6
  IconPieChartClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-pie-chart");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPieChart