@sebgroup/green-core 1.71.1 → 1.71.2

package/generated/react/backdrop/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsBackdrop = (props) => {
   GdsBackdropClass.define();
   const JSXElement = getReactComponent("gds-backdrop");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsBackdrop

package/generated/react/badge/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsBadge = (props) => {
   GdsBadgeClass.define();
   const JSXElement = getReactComponent("gds-badge");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsBadge

package/generated/react/button/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsButton = (props) => {
   GdsButtonClass.define();
   const JSXElement = getReactComponent("gds-button");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsButton

package/generated/react/calendar/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsCalendar = (props) => {
   GdsCalendarClass.define();
   const JSXElement = getReactComponent("gds-calendar");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsCalendar

package/generated/react/card/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsCard = (props) => {
   GdsCardClass.define();
   const JSXElement = getReactComponent("gds-card");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsCard

package/generated/react/coachmark/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsCoachmark = (props) => {
   GdsCoachmarkClass.define();
   const JSXElement = getReactComponent("gds-coachmark");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsCoachmark

package/generated/react/container/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsContainer = (props) => {
   GdsContainerClass.define();
   const JSXElement = getReactComponent("gds-container");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsContainer

package/generated/react/context-menu/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsContextMenu = (props) => {
   GdsContextMenuClass.define();
   const JSXElement = getReactComponent("gds-context-menu");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsContextMenu

package/generated/react/datepicker/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsDatepicker = (props) => {
   GdsDatepickerClass.define();
   const JSXElement = getReactComponent("gds-datepicker");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsDatepicker

package/generated/react/dialog/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsDialog = (props) => {
   GdsDialogClass.define();
   const JSXElement = getReactComponent("gds-dialog");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsDialog

package/generated/react/div/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsDiv = (props) => {
   GdsDivClass.define();
   const JSXElement = getReactComponent("gds-div");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsDiv

package/generated/react/divider/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsDivider = (props) => {
   GdsDividerClass.define();
   const JSXElement = getReactComponent("gds-divider");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsDivider

package/generated/react/dropdown/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsDropdown = (props) => {
   GdsDropdownClass.define();
   const JSXElement = getReactComponent("gds-dropdown");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsDropdown

package/generated/react/fab/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsFab = (props) => {
   GdsFabClass.define();
   const JSXElement = getReactComponent("gds-fab");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsFab

package/generated/react/filter-chip/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsFilterChip = (props) => {
   GdsFilterChipClass.define();
   const JSXElement = getReactComponent("gds-filter-chip");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsFilterChip

package/generated/react/filter-chips/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsFilterChips = (props) => {
   GdsFilterChipsClass.define();
   const JSXElement = getReactComponent("gds-filter-chips");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsFilterChips

package/generated/react/flex/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsFlex = (props) => {
   GdsFlexClass.define();
   const JSXElement = getReactComponent("gds-flex");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsFlex

package/generated/react/form-control-footer/index.js

@@ -7,7 +7,8 @@ const GdsFormControlFooter = (props) => {
   const JSXElement = getReactComponent(
     "gds-form-control-footer"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsFormControlFooter

package/generated/react/form-control-header/index.js

@@ -7,7 +7,8 @@ const GdsFormControlHeader = (props) => {
   const JSXElement = getReactComponent(
     "gds-form-control-header"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsFormControlHeader

package/generated/react/grid/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsGrid = (props) => {
   GdsGridClass.define();
   const JSXElement = getReactComponent("gds-grid");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsGrid

package/generated/react/grouped-list/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsGroupedList = (props) => {
   GdsGroupedListClass.define();
   const JSXElement = getReactComponent("gds-grouped-list");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsGroupedList

package/generated/react/icons/icon/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsIcon = (props) => {
   GdsIconClass.define();
   const JSXElement = getReactComponent("gds-icon");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsIcon

package/generated/react/icons/icon-airplane-up/index.js

@@ -7,7 +7,8 @@ const IconAirplaneUp = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-airplane-up"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconAirplaneUp

package/generated/react/icons/icon-archive/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconArchive = (props) => {
   IconArchiveClass.define();
   const JSXElement = getReactComponent("gds-icon-archive");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArchive

package/generated/react/icons/icon-arrow/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconArrow = (props) => {
   IconArrowClass.define();
   const JSXElement = getReactComponent("gds-icon-arrow");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrow

package/generated/react/icons/icon-arrow-box-left/index.js

@@ -7,7 +7,8 @@ const IconArrowBoxLeft = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-box-left"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowBoxLeft

package/generated/react/icons/icon-arrow-box-right/index.js

@@ -7,7 +7,8 @@ const IconArrowBoxRight = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-box-right"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowBoxRight

package/generated/react/icons/icon-arrow-down/index.js

@@ -7,7 +7,8 @@ const IconArrowDown = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-down"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowDown

package/generated/react/icons/icon-arrow-inbox/index.js

@@ -7,7 +7,8 @@ const IconArrowInbox = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-inbox"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowInbox

package/generated/react/icons/icon-arrow-left/index.js

@@ -7,7 +7,8 @@ const IconArrowLeft = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-left"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowLeft

package/generated/react/icons/icon-arrow-left-right/index.js

@@ -7,7 +7,8 @@ const IconArrowLeftRight = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-left-right"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowLeftRight

package/generated/react/icons/icon-arrow-out-of-box/index.js

@@ -7,7 +7,8 @@ const IconArrowOutOfBox = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-out-of-box"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowOutOfBox

package/generated/react/icons/icon-arrow-right/index.js

@@ -7,7 +7,8 @@ const IconArrowRight = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-right"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowRight

package/generated/react/icons/icon-arrow-right-circle/index.js

@@ -7,7 +7,8 @@ const IconArrowRightCircle = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-right-circle"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowRightCircle

package/generated/react/icons/icon-arrow-right-down-circle/index.js

@@ -7,7 +7,8 @@ const IconArrowRightDownCircle = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-right-down-circle"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowRightDownCircle

package/generated/react/icons/icon-arrow-right-up-circle/index.js

@@ -7,7 +7,8 @@ const IconArrowRightUpCircle = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-right-up-circle"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowRightUpCircle

package/generated/react/icons/icon-arrow-rotate-clockwise/index.js

@@ -7,7 +7,8 @@ const IconArrowRotateClockwise = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-rotate-clockwise"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowRotateClockwise

package/generated/react/icons/icon-arrow-rotate-counter-clockwise/index.js

@@ -7,7 +7,8 @@ const IconArrowRotateCounterClockwise = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-rotate-counter-clockwise"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowRotateCounterClockwise

package/generated/react/icons/icon-arrow-rotate-left-right/index.js

@@ -7,7 +7,8 @@ const IconArrowRotateLeftRight = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-rotate-left-right"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowRotateLeftRight

package/generated/react/icons/icon-arrow-rotate-right-left/index.js

@@ -7,7 +7,8 @@ const IconArrowRotateRightLeft = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-rotate-right-left"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowRotateRightLeft

package/generated/react/icons/icon-arrow-share-left/index.js

@@ -7,7 +7,8 @@ const IconArrowShareLeft = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-share-left"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowShareLeft

package/generated/react/icons/icon-arrow-share-right/index.js

@@ -7,7 +7,8 @@ const IconArrowShareRight = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-share-right"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowShareRight

package/generated/react/icons/icon-arrow-up/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconArrowUp = (props) => {
   IconArrowUpClass.define();
   const JSXElement = getReactComponent("gds-icon-arrow-up");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowUp

package/generated/react/icons/icon-arrow-wall-down/index.js

@@ -7,7 +7,8 @@ const IconArrowWallDown = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-wall-down"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowWallDown

package/generated/react/icons/icon-arrow-wall-left/index.js

@@ -7,7 +7,8 @@ const IconArrowWallLeft = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-wall-left"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowWallLeft

package/generated/react/icons/icon-arrow-wall-right/index.js

@@ -7,7 +7,8 @@ const IconArrowWallRight = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-wall-right"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowWallRight

package/generated/react/icons/icon-arrow-wall-up/index.js

@@ -7,7 +7,8 @@ const IconArrowWallUp = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrow-wall-up"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowWallUp

package/generated/react/icons/icon-arrows-repeat/index.js

@@ -7,7 +7,8 @@ const IconArrowsRepeat = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-arrows-repeat"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconArrowsRepeat

package/generated/react/icons/icon-at/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconAt = (props) => {
   IconAtClass.define();
   const JSXElement = getReactComponent("gds-icon-at");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconAt

package/generated/react/icons/icon-back/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconBack = (props) => {
   IconBackClass.define();
   const JSXElement = getReactComponent("gds-icon-back");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconBack

package/generated/react/icons/icon-bag/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconBag = (props) => {
   IconBagClass.define();
   const JSXElement = getReactComponent("gds-icon-bag");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconBag

package/generated/react/icons/icon-bank/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconBank = (props) => {
   IconBankClass.define();
   const JSXElement = getReactComponent("gds-icon-bank");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconBank

package/generated/react/icons/icon-banknote/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconBanknote = (props) => {
   IconBanknoteClass.define();
   const JSXElement = getReactComponent("gds-icon-banknote");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconBanknote

package/generated/react/icons/icon-barcode/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconBarcode = (props) => {
   IconBarcodeClass.define();
   const JSXElement = getReactComponent("gds-icon-barcode");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconBarcode

package/generated/react/icons/icon-bars-three/index.js

@@ -7,7 +7,8 @@ const IconBarsThree = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-bars-three"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconBarsThree

package/generated/react/icons/icon-bars-two/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconBarsTwo = (props) => {
   IconBarsTwoClass.define();
   const JSXElement = getReactComponent("gds-icon-bars-two");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconBarsTwo