@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 IconPiggyBank = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-piggy-bank"
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
  IconPiggyBank
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPin = (props) => {
6
6
  IconPinClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-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
  IconPin
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPinch = (props) => {
6
6
  IconPinchClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-pinch");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPinch
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPlay = (props) => {
6
6
  IconPlayClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-play");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPlay
@@ -7,7 +7,8 @@ const IconPlayCircle = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-play-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
  IconPlayCircle
@@ -7,7 +7,8 @@ const IconPlusLarge = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-plus-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
  IconPlusLarge
@@ -7,7 +7,8 @@ const IconPlusSmall = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-plus-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
  IconPlusSmall
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPoop = (props) => {
6
6
  IconPoopClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-poop");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPoop
@@ -7,7 +7,8 @@ const IconPowerPlant = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-power-plant"
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
  IconPowerPlant
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPrinter = (props) => {
6
6
  IconPrinterClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-printer");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPrinter
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconPush = (props) => {
6
6
  IconPushClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-push");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconPush
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconQrCode = (props) => {
6
6
  IconQrCodeClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-qr-code");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconQrCode
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconRainy = (props) => {
6
6
  IconRainyClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-rainy");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconRainy
@@ -7,7 +7,8 @@ const IconRaisingHand = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-raising-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
  IconRaisingHand
@@ -7,7 +7,8 @@ const IconReadingList = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-reading-list"
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
  IconReadingList
@@ -7,7 +7,8 @@ const IconReceiptBill = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-receipt-bill"
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
  IconReceiptBill
@@ -7,7 +7,8 @@ const IconReceiptionBell = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-receiption-bell"
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
  IconReceiptionBell
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconRobot = (props) => {
6
6
  IconRobotClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-robot");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconRobot
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconRocket = (props) => {
6
6
  IconRocketClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-rocket");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconRocket
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconSchool = (props) => {
6
6
  IconSchoolClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-school");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconSchool
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconScissors = (props) => {
6
6
  IconScissorsClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-scissors");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconScissors
@@ -7,7 +7,8 @@ const IconSearchMenu = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-search-menu"
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
  IconSearchMenu
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconSeb = (props) => {
6
6
  IconSebClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-seb");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconSeb
@@ -7,7 +7,8 @@ const IconSettingsGear = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-settings-gear"
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
  IconSettingsGear
@@ -7,7 +7,8 @@ const IconSettingsSliderHor = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-settings-slider-hor"
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
  IconSettingsSliderHor
@@ -7,7 +7,8 @@ const IconSettingsSliderThree = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-settings-slider-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
  IconSettingsSliderThree
@@ -7,7 +7,8 @@ const IconSettingsSliderVer = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-settings-slider-ver"
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
  IconSettingsSliderVer
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconShare = (props) => {
6
6
  IconShareClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-share");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconShare
@@ -7,7 +7,8 @@ const IconShoppingBag = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-shopping-bag"
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
  IconShoppingBag
@@ -7,7 +7,8 @@ const IconSmartwatch = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-smartwatch"
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
  IconSmartwatch
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconSolar = (props) => {
6
6
  IconSolarClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-solar");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconSolar
@@ -7,7 +7,8 @@ const IconSolarPanel = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-solar-panel"
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
  IconSolarPanel
@@ -7,7 +7,8 @@ const IconSquareArrowTopRight = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-square-arrow-top-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
  IconSquareArrowTopRight
@@ -7,7 +7,8 @@ const IconSquareBehindSquare = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-square-behind-square"
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
  IconSquareBehindSquare
@@ -7,7 +7,8 @@ const IconSquareCheck = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-square-check"
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
  IconSquareCheck
@@ -7,7 +7,8 @@ const IconSquareGridCircle = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-square-grid-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
  IconSquareGridCircle
@@ -7,7 +7,8 @@ const IconSquareInfo = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-square-info"
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
  IconSquareInfo
@@ -7,7 +7,8 @@ const IconSquareMinus = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-square-minus"
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
  IconSquareMinus
@@ -7,7 +7,8 @@ const IconSquarePlaceholder = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-square-placeholder"
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
  IconSquarePlaceholder
@@ -7,7 +7,8 @@ const IconSquarePlus = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-square-plus"
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
  IconSquarePlus
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconSquareX = (props) => {
6
6
  IconSquareXClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-square-x");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconSquareX
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconStar = (props) => {
6
6
  IconStarClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-star");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconStar
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconStore = (props) => {
6
6
  IconStoreClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-store");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconStore
@@ -7,7 +7,8 @@ const IconSuitcaseWork = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-suitcase-work"
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
  IconSuitcaseWork
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconSun = (props) => {
6
6
  IconSunClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-sun");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconSun
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconTag = (props) => {
6
6
  IconTagClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-tag");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconTag
@@ -7,7 +7,8 @@ const IconTelevision = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-television"
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
  IconTelevision
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconTennis = (props) => {
6
6
  IconTennisClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-tennis");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconTennis
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconTextEdit = (props) => {
6
6
  IconTextEditClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-text-edit");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconTextEdit
@@ -7,7 +7,8 @@ const IconThermostat = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-thermostat"
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
  IconThermostat
@@ -7,7 +7,8 @@ const IconThumbsDown = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-thumbs-down"
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
  IconThumbsDown
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconThumbsUp = (props) => {
6
6
  IconThumbsUpClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-thumbs-up");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconThumbsUp
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconTodos = (props) => {
6
6
  IconTodosClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-todos");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconTodos
@@ -7,7 +7,8 @@ const IconTradingViewCandles = (props) => {
7
7
  const JSXElement = getReactComponent(
8
8
  "gds-icon-trading-view-candles"
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
  IconTradingViewCandles
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconTrashCan = (props) => {
6
6
  IconTrashCanClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-trash-can");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconTrashCan
@@ -5,7 +5,8 @@ import { createElement } from "react";
5
5
  const IconTree = (props) => {
6
6
  IconTreeClass.define();
7
7
  const JSXElement = getReactComponent("gds-icon-tree");
8
- return createElement(JSXElement, props);
8
+ const propsWithClass = { ...props, class: props.className };
9
+ return createElement(JSXElement, propsWithClass);
9
10
  };
10
11
  export {
11
12
  IconTree