@sebgroup/green-react 3.19.0 → 3.20.1

package/src/lib/filter-chips/filter-chips.js

@@ -1,19 +1,19 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
-import { GdsFilterChips, GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/index.js';
 import { register } from '@sebgroup/green-core/components/filter-chips/filter-chips.trans.styles.js';
+import { GdsFilterChips, GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/index.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
 
 register();
 var FilterChips = createComponent({
   tagName: getScopedTagName('gds-filter-chips'),
   elementClass: GdsFilterChips,
-  react: React
+  react: React__default
 });
 var FilterChip = createComponent({
   tagName: getScopedTagName('gds-filter-chip'),
   elementClass: GdsFilterChip,
-  react: React
+  react: React__default
 });
 
 export { FilterChip, FilterChips };

package/src/lib/filter-chips/index.js

@@ -1,6 +1,6 @@
 export { FilterChip, FilterChips } from './filter-chips.js';
 import 'react';
 import '@lit/react';
-import '@sebgroup/green-core/components/filter-chips/index.js';
 import '@sebgroup/green-core/components/filter-chips/filter-chips.trans.styles.js';
+import '@sebgroup/green-core/components/filter-chips/index.js';
 import '@sebgroup/green-core/scoping';

package/src/lib/form/buttonGroup/buttonGroup.js

@@ -2,9 +2,9 @@ import { _ as _slicedToArray } from '../../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
+import classNames from 'classnames';
 import { Button } from '../button/button.js';
 import '@sebgroup/extract';
-import classNames from 'classnames';
 import { Group } from '../group/group.js';
 
 var ButtonGroup = function ButtonGroup(_ref) {

package/src/lib/form/buttonGroup/index.js

@@ -3,7 +3,7 @@ import '../../../../_rollupPluginBabelHelpers.js';
 import '../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../button/button.js';
 import 'classnames';
+import '../button/button.js';
 import '@sebgroup/extract';
 import '../group/group.js';

package/src/lib/form/checkbox/checkbox.d.ts

@@ -1,5 +1,5 @@
-import { IValidator } from '@sebgroup/extract';
 import { FormEventHandler, HTMLProps } from 'react';
+import { IValidator } from '@sebgroup/extract';
 export interface CheckboxProps extends HTMLProps<HTMLInputElement> {
     /** Use this prop to control the checked state of the checkbox */
     checked?: boolean;

package/src/lib/form/checkbox/checkbox.js

@@ -1,9 +1,9 @@
 import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { randomId, validateClassName } from '@sebgroup/extract';
-import classNames from 'classnames';
 import { forwardRef, useState } from 'react';
+import classNames from 'classnames';
+import { randomId, validateClassName } from '@sebgroup/extract';
 
 var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
   var ariaDescribedBy = _a['aria-describedby'],

package/src/lib/form/checkbox/index.js

@@ -2,6 +2,6 @@ export { Checkbox } from './checkbox.js';
 import '../../../../_rollupPluginBabelHelpers.js';
 import '../../../../_tslib.js';
 import 'react/jsx-runtime';
-import '@sebgroup/extract';
-import 'classnames';
 import 'react';
+import 'classnames';
+import '@sebgroup/extract';

package/src/lib/form/form.d.ts

@@ -1,5 +1,5 @@
-import { FormDirection, Size } from '@sebgroup/extract';
 import { HTMLProps, ReactNode } from 'react';
+import { FormDirection, Size } from '@sebgroup/extract';
 export interface FormProps extends HTMLProps<HTMLFormElement> {
     children?: ReactNode;
     direction?: FormDirection;

package/src/lib/form/formContext.js

@@ -1,12 +1,12 @@
 import { _ as _slicedToArray } from '../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import React from 'react';
+import React__default from 'react';
 import { validateInputValue } from './validateInput.js';
 
-var FormContext = /*#__PURE__*/React.createContext({});
+var FormContext = /*#__PURE__*/React__default.createContext({});
 var useFormContext = function useFormContext() {
-  return React.useContext(FormContext);
+  return React__default.useContext(FormContext);
 };
 var FormProvider = function FormProvider(_a) {
   var children = _a.children,
@@ -18,17 +18,17 @@ var FormProvider = function FormProvider(_a) {
     var onFormSubmit = _a.onFormSubmit,
     props = __rest(_a, ["children", "direction", "formSize", "onSubmit", "onFormSubmit"]);
   /* eslint-disable-next-line */
-  var _React$useState = React.useState(),
+  var _React$useState = React__default.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     values = _React$useState2[0],
     setValues = _React$useState2[1];
   /* eslint-disable-next-line */
-  var _React$useState3 = React.useState(),
+  var _React$useState3 = React__default.useState(),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     errors = _React$useState4[0],
     setErrors = _React$useState4[1];
   /* eslint-disable-next-line */
-  var _React$useState5 = React.useState({}),
+  var _React$useState5 = React__default.useState({}),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     fields = _React$useState6[0],
     setFields = _React$useState6[1];

package/src/lib/form/formItems.d.ts

@@ -1,5 +1,5 @@
-import { IValidator } from '@sebgroup/extract';
 import React from 'react';
+import { IValidator } from '@sebgroup/extract';
 export interface FormItemsProps {
     children: React.ReactNode;
     name: string;

package/src/lib/form/formItems.js

@@ -1,5 +1,5 @@
 import { a as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import { useFormContext } from './formContext.js';
 import { validateInputValue } from './validateInput.js';
 import '../../../_tslib.js';
@@ -16,7 +16,7 @@ var FormItems = function FormItems(_ref) {
     setErrors = _useFormContext.setErrors,
     setFields = _useFormContext.setFields,
     errors = _useFormContext.errors;
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     /* eslint-disable-next-line */
     setFields(function (fields) {
       return Object.assign(Object.assign({}, fields), _defineProperty({}, name, validate === null || validate === void 0 ? void 0 : validate.rules));
@@ -75,7 +75,7 @@ var FormItems = function FormItems(_ref) {
     }, validate === null || validate === void 0 ? void 0 : validate.rules, setErrors);
   };
   /* eslint-disable-next-line */
-  return /*#__PURE__*/React.cloneElement(children, {
+  return /*#__PURE__*/React__default.cloneElement(children, {
     validator: (errors === null || errors === void 0 ? void 0 : errors[name]) && validate,
     name: name,
     value: values === null || values === void 0 ? void 0 : values[name],

package/src/lib/form/iconButton/iconButton.d.ts

@@ -1,13 +1,3 @@
-import { ReactNode, MouseEvent } from 'react';
-import { ButtonType } from '@sebgroup/extract';
-interface IconButtonInterface {
-    children: ReactNode;
-    type?: ButtonType;
-    onClick: (event: MouseEvent) => void;
-    'aria-expanded'?: boolean;
-    'aria-controls'?: string;
-    size?: 'small' | 'normal';
-    title?: string;
-}
-export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonInterface & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
+/// <reference types="react" />
+import { ButtonProps } from '../button/button';
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/src/lib/form/iconButton/iconButton.js

@@ -1,21 +1,15 @@
-import { _ as __rest } from '../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { Button } from '../button/button.js';
+import '../../../../_tslib.js';
+import 'classnames';
 
-var IconButton = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _b;
-  var children = _a.children,
-    onClick = _a.onClick,
-    props = __rest(_a, ["children", "onClick"]);
-  return jsx("button", {
-    className: "icon ".concat(props.size === 'small' && 'small'),
-    onClick: onClick,
-    "aria-controls": props['aria-controls'],
-    "aria-expanded": props['aria-expanded'],
-    type: (_b = props.type) !== null && _b !== void 0 ? _b : 'button',
+var IconButton = /*#__PURE__*/forwardRef(function (props, ref) {
+  return jsx(Button, Object.assign({}, props, {
+    className: "icon",
     ref: ref,
-    children: children
-  });
+    children: props.children
+  }));
 });
 
 export { IconButton };

package/src/lib/form/iconButton/index.js

@@ -1,4 +1,6 @@
 export { IconButton } from './iconButton.js';
-import '../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
+import '../button/button.js';
+import '../../../../_tslib.js';
+import 'classnames';

package/src/lib/form/input/index.js

@@ -5,10 +5,11 @@ import '../../../../_rollupPluginBabelHelpers.js';
 import '../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
+import 'classnames';
 import '@sebgroup/extract';
 import '../../formItem/formItem.js';
-import 'classnames';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 import '../group/group.js';

package/src/lib/form/input/input.js

@@ -2,13 +2,14 @@ import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPl
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect, useCallback } from 'react';
+import classNames from 'classnames';
 import { randomId, validateClassName } from '@sebgroup/extract';
 import { FormItem } from '../../formItem/formItem.js';
 import { Group } from '../group/group.js';
-import classNames from 'classnames';
 export { RadioButton } from '../radioButton/radioButton.js';
 export { Checkbox } from '../checkbox/checkbox.js';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 import '../useInput.js';

package/src/lib/form/radioButton/index.js

@@ -3,11 +3,12 @@ export { RadioGroup } from './radioGroup.js';
 import '../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../useInput.js';
-import '@sebgroup/extract';
 import 'classnames';
+import '@sebgroup/extract';
+import '../useInput.js';
 import '../../../../_rollupPluginBabelHelpers.js';
 import '../../formItem/formItem.js';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';

package/src/lib/form/radioButton/radioButton.js

@@ -1,9 +1,9 @@
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import useInput from '../useInput.js';
 import classNames from 'classnames';
 import { validateClassName } from '@sebgroup/extract';
+import useInput from '../useInput.js';
 
 var RadioButton = /*#__PURE__*/forwardRef(function (_a, ref) {
   var label = _a.label,

package/src/lib/form/radioButton/radioGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IValidator, IExpandableInformation, ILabelAndLabelInformation } from '@sebgroup/extract';
+import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
 export interface RadioGroupProps extends IExpandableInformation, ILabelAndLabelInformation {
     label?: string;
     title?: string;

package/src/lib/form/radioButton/radioGroup.js

@@ -1,11 +1,12 @@
 import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
-import React, { useState, useRef } from 'react';
+import React__default, { useState, useRef } from 'react';
+import classNames from 'classnames';
 import { randomId } from '@sebgroup/extract';
 import { FormItem } from '../../formItem/formItem.js';
-import classNames from 'classnames';
 import '../../../../_tslib.js';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 
@@ -53,7 +54,7 @@ var RadioGroup = function RadioGroup(_ref) {
     }
   };
   var radioBtnRef = useRef(null);
-  React.useEffect(function () {
+  React__default.useEffect(function () {
     var _a;
     if (radioBtnRef && radioBtnRef.current) {
       var form = (_a = radioBtnRef === null || radioBtnRef === void 0 ? void 0 : radioBtnRef.current) === null || _a === void 0 ? void 0 : _a.form;
@@ -88,8 +89,8 @@ var RadioGroup = function RadioGroup(_ref) {
     inputId: uniqueId,
     children: jsx("div", {
       className: radioGroupWrapperClassNames,
-      children: React.Children.map(children, function (radioButton) {
-        return /*#__PURE__*/React.isValidElement(radioButton) ? /*#__PURE__*/React.cloneElement(radioButton, {
+      children: React__default.Children.map(children, function (radioButton) {
+        return /*#__PURE__*/React__default.isValidElement(radioButton) ? /*#__PURE__*/React__default.cloneElement(radioButton, {
           'aria-describedby': describedBy,
           validator: validator,
           onChange: handleOnChange,

package/src/lib/form/textarea/index.js

@@ -2,10 +2,11 @@ export { TextArea } from './textarea.js';
 import '../../../../_rollupPluginBabelHelpers.js';
 import '../../../../_tslib.js';
 import 'react/jsx-runtime';
-import '@sebgroup/extract';
 import 'react';
-import '../../formItem/formItem.js';
 import 'classnames';
+import '@sebgroup/extract';
+import '../../formItem/formItem.js';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';

package/src/lib/form/textarea/textarea.d.ts

@@ -1,5 +1,5 @@
-import { IExpandableInformation, IValidator } from '@sebgroup/extract';
 import { DetailedHTMLProps, ReactNode } from 'react';
+import { IExpandableInformation, IValidator } from '@sebgroup/extract';
 export interface ITextAreaProps extends IExpandableInformation, DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
     /** Data test id used for finding elements in test */
     testId?: string;

package/src/lib/form/textarea/textarea.js

@@ -1,11 +1,12 @@
 import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import { _ as __rest } from '../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import { randomId, validateClassName } from '@sebgroup/extract';
 import { forwardRef, useState, useEffect, useCallback } from 'react';
-import { FormItem } from '../../formItem/formItem.js';
 import classNames from 'classnames';
+import { randomId, validateClassName } from '@sebgroup/extract';
+import { FormItem } from '../../formItem/formItem.js';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 

package/src/lib/form/useInput.js

@@ -1,5 +1,5 @@
-import { randomId } from '@sebgroup/extract';
 import { useMemo, useRef } from 'react';
+import { randomId } from '@sebgroup/extract';
 
 var useInput = function useInput(props, onChanges, onChangeInput) {
   var id = useMemo(function () {

package/src/lib/formItem/formItem.d.ts

@@ -1,5 +1,5 @@
-import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
 import React, { PropsWithChildren } from 'react';
+import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
 interface FormItemProps extends IExpandableInformation, ILabelAndLabelInformation, PropsWithChildren {
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onChangeInput?: (value: string) => string;

package/src/lib/formItem/formItem.js

@@ -1,12 +1,13 @@
 import { _ as _slicedToArray, b as _asyncToGenerator, c as _regeneratorRuntime } from '../../../_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '../../../_tslib.js';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import classNames from 'classnames';
-import { IconButton } from '../form/iconButton/iconButton.js';
 import { debounce, randomId, validateClassName, delay } from '@sebgroup/extract';
+import '../../../_tslib.js';
+import { IconButton } from '../form/iconButton/iconButton.js';
 import { Times } from '../icons/times.js';
 import { InfoCircle } from '../icons/infoCircle.js';
+import '../form/button/button.js';
 
 var FormItem = function FormItem(_ref) {
   var expandableInfo = _ref.expandableInfo,
@@ -72,6 +73,7 @@ var FormItem = function FormItem(_ref) {
         size: "small",
         "aria-expanded": isExpanded,
         "aria-controls": "".concat(inputId, "-expandable-info"),
+        "aria-label": expandableInfoButtonLabel,
         onClick: function () {
           var _onClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
             return _regeneratorRuntime().wrap(function _callee$(_context) {

package/src/lib/formItem/index.js

@@ -1,10 +1,11 @@
 export { FormItem } from './formItem.js';
 import '../../../_rollupPluginBabelHelpers.js';
 import 'react/jsx-runtime';
-import '../../../_tslib.js';
 import 'react';
 import 'classnames';
-import '../form/iconButton/iconButton.js';
 import '@sebgroup/extract';
+import '../../../_tslib.js';
+import '../form/iconButton/iconButton.js';
+import '../form/button/button.js';
 import '../icons/times.js';
 import '../icons/infoCircle.js';

package/src/lib/grouped-list/grouped-list.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { GdsGroupedList, GdsListItem } from '@sebgroup/green-core/components/grouped-list/index.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -8,12 +8,12 @@ registerTransitionalStyles();
 var GroupedList = createComponent({
   tagName: getScopedTagName('gds-grouped-list'),
   elementClass: GdsGroupedList,
-  react: React
+  react: React__default
 });
 var ListItem = createComponent({
   tagName: getScopedTagName('gds-list-item'),
   elementClass: GdsListItem,
-  react: React
+  react: React__default
 });
 
 export { GroupedList, ListItem };

package/src/lib/icon/icons/IconAirplaneUp.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconAirplaneUp as IconAirplaneUp$1 } from '@sebgroup/green-core/components/icon/icons/airplane-up.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconAirplaneUp = createComponent({
   tagName: getScopedTagName('gds-icon-airplane-up'),
   elementClass: IconAirplaneUp$1,
-  react: React
+  react: React__default
 });
 
 export { IconAirplaneUp };

package/src/lib/icon/icons/IconArchive.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArchive as IconArchive$1 } from '@sebgroup/green-core/components/icon/icons/archive.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArchive = createComponent({
   tagName: getScopedTagName('gds-icon-archive'),
   elementClass: IconArchive$1,
-  react: React
+  react: React__default
 });
 
 export { IconArchive };

package/src/lib/icon/icons/IconArrow.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrow as IconArrow$1 } from '@sebgroup/green-core/components/icon/icons/arrow.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrow = createComponent({
   tagName: getScopedTagName('gds-icon-arrow'),
   elementClass: IconArrow$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrow };

package/src/lib/icon/icons/IconArrowBoxLeft.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowBoxLeft as IconArrowBoxLeft$1 } from '@sebgroup/green-core/components/icon/icons/arrow-box-left.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowBoxLeft = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-box-left'),
   elementClass: IconArrowBoxLeft$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowBoxLeft };

package/src/lib/icon/icons/IconArrowBoxRight.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowBoxRight as IconArrowBoxRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-box-right.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowBoxRight = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-box-right'),
   elementClass: IconArrowBoxRight$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowBoxRight };

package/src/lib/icon/icons/IconArrowDown.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowDown as IconArrowDown$1 } from '@sebgroup/green-core/components/icon/icons/arrow-down.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowDown = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-down'),
   elementClass: IconArrowDown$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowDown };

package/src/lib/icon/icons/IconArrowInbox.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowInbox as IconArrowInbox$1 } from '@sebgroup/green-core/components/icon/icons/arrow-inbox.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowInbox = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-inbox'),
   elementClass: IconArrowInbox$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowInbox };

package/src/lib/icon/icons/IconArrowLeft.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowLeft as IconArrowLeft$1 } from '@sebgroup/green-core/components/icon/icons/arrow-left.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowLeft = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-left'),
   elementClass: IconArrowLeft$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowLeft };

package/src/lib/icon/icons/IconArrowLeftRight.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowLeftRight as IconArrowLeftRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-left-right.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowLeftRight = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-left-right'),
   elementClass: IconArrowLeftRight$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowLeftRight };

package/src/lib/icon/icons/IconArrowOutOfBox.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowOutOfBox as IconArrowOutOfBox$1 } from '@sebgroup/green-core/components/icon/icons/arrow-out-of-box.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowOutOfBox = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-out-of-box'),
   elementClass: IconArrowOutOfBox$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowOutOfBox };

package/src/lib/icon/icons/IconArrowRight.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowRight as IconArrowRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-right.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowRight = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-right'),
   elementClass: IconArrowRight$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowRight };

package/src/lib/icon/icons/IconArrowRightCircle.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { createComponent } from '@lit/react';
 import { IconArrowRightCircle as IconArrowRightCircle$1 } from '@sebgroup/green-core/components/icon/icons/arrow-right-circle.js';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
@@ -6,7 +6,7 @@ import { getScopedTagName } from '@sebgroup/green-core/scoping';
 var IconArrowRightCircle = createComponent({
   tagName: getScopedTagName('gds-icon-arrow-right-circle'),
   elementClass: IconArrowRightCircle$1,
-  react: React
+  react: React__default
 });
 
 export { IconArrowRightCircle };