@sebgroup/green-react 1.12.3 → 1.14.0

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.12.3",
+  "version": "1.14.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.11.8",
-    "@sebgroup/extract": "^1.4.3",
+    "@sebgroup/chlorophyll": "^1.15.3",
+    "@sebgroup/extract": "^1.5.2",
     "classnames": "^2.3.2"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",
@@ -26,8 +26,7 @@
     "url": "https://github.com/sebgroup/green/labels/react"
   },
   "homepage": "https://sebgroup.github.io/green/latest/react/",
-  "module": "./index.js",
-  "main": "./index.js",
+  "module": "./index.esm.js",
   "type": "module",
-  "types": "./src/index.d.ts"
+  "main": "./index.esm.js"
 }

package/src/lib/accordion/accordion-item.d.ts

@@ -13,5 +13,5 @@ export interface AccordionItemInterface {
     onOpen?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onClose?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
-declare const AccordionItem: ({ item, index, uuid }: AccordionItemProps) => JSX.Element;
+declare const AccordionItem: ({ item, index, uuid }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/src/lib/accordion/accordion.d.ts

@@ -2,5 +2,5 @@ import { AccordionItemInterface } from './accordion-item';
 export interface AccordionInterface {
     items: AccordionItemInterface[];
 }
-export declare const Accordion: ({ items }: AccordionInterface) => JSX.Element;
+export declare const Accordion: ({ items }: AccordionInterface) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/src/lib/alert-ribbon/alert-ribbon.d.ts

@@ -12,5 +12,5 @@ export interface AlertRibbonProps {
     ['aria-live']?: AriaAttributes['aria-live'];
     closeAriaLabel?: string;
 }
-export declare function AlertRibbon({ type, header, footer, children, closeText, isCloseable, onClose, role, 'aria-live': ariaLive, closeAriaLabel, }: AlertRibbonProps): JSX.Element;
+export declare function AlertRibbon({ type, header, footer, children, closeText, isCloseable, onClose, role, 'aria-live': ariaLive, closeAriaLabel, }: AlertRibbonProps): import("react/jsx-runtime").JSX.Element;
 export default AlertRibbon;

package/src/lib/badge/badge.d.ts

@@ -8,5 +8,5 @@ export interface BadgeProps extends HTMLProps<HTMLSpanElement> {
     customColor?: string;
     customBackgroundColor?: string;
 }
-export declare function Badge({ children, badgeType, isCloseable, closeText, customColor, customBackgroundColor, ...props }: BadgeProps): JSX.Element | null;
+export declare function Badge({ children, badgeType, isCloseable, closeText, customColor, customBackgroundColor, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element | null;
 export default Badge;

package/src/lib/card/card.d.ts

@@ -4,5 +4,5 @@ export interface CardProps {
     header?: ReactNode;
     footer?: ReactNode;
 }
-export declare function Card({ children, header, footer }: CardProps): JSX.Element;
+export declare function Card({ children, header, footer }: CardProps): import("react/jsx-runtime").JSX.Element;
 export default Card;

package/src/lib/datepicker/datepicker.d.ts

@@ -1,2 +1,2 @@
 import { DatepickerOptions } from '@sebgroup/extract';
-export declare const Datepicker: (options?: DatepickerOptions) => JSX.Element;
+export declare const Datepicker: (options?: DatepickerOptions) => import("react/jsx-runtime").JSX.Element;

package/src/lib/dropdown/dropdown.d.ts

@@ -2,5 +2,5 @@ import { DropdownArgs, OnChange } from '@sebgroup/extract';
 export interface DropdownProps extends DropdownArgs {
     onChange?: OnChange;
 }
-export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, loop, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, }: DropdownProps) => JSX.Element;
+export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, loop, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

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

@@ -9,5 +9,5 @@ export interface ButtonProps {
     disabled?: boolean;
     size?: ButtonSize;
 }
-export declare function Button({ children, variant, onClick, disabled, active, type, size }: ButtonProps): JSX.Element;
+export declare function Button({ children, variant, onClick, disabled, active, type, size }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 export default Button;

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

@@ -7,5 +7,5 @@ interface ButtonGroupProps {
     variant?: ButtonVariant;
     id?: string;
 }
-export declare const ButtonGroup: ({ children, selectedIndex, variant, id, }: ButtonGroupProps) => JSX.Element;
+export declare const ButtonGroup: ({ children, selectedIndex, variant, id, }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonGroup;

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

@@ -9,5 +9,5 @@ interface FormContextReturnType {
 }
 export declare const FormContext: React.Context<FormContextReturnType>;
 export declare const useFormContext: () => FormContextReturnType;
-export declare const FormProvider: ({ children, direction, formSize, onSubmit, onFormSubmit, ...props }: React.PropsWithChildren<FormProps>) => JSX.Element;
+export declare const FormProvider: ({ children, direction, formSize, onSubmit, onFormSubmit, ...props }: React.PropsWithChildren<FormProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,5 +6,5 @@ export interface GroupProps {
     invalid?: boolean;
     id?: string;
 }
-export declare function Group({ id, children, error, groupBorder, }: GroupProps): JSX.Element;
+export declare function Group({ id, children, error, groupBorder, }: GroupProps): import("react/jsx-runtime").JSX.Element;
 export default Group;

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

@@ -8,5 +8,5 @@ interface IconButtonInterface {
     'aria-controls'?: string;
     size?: 'small' | 'normal';
 }
-declare const IconButton: ({ children, onClick, ...props }: IconButtonInterface) => JSX.Element;
+declare const IconButton: ({ children, onClick, ...props }: IconButtonInterface) => import("react/jsx-runtime").JSX.Element;
 export default IconButton;

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

@@ -1,10 +1,10 @@
 import React, { InputHTMLAttributes } from 'react';
 import { IValidator } from '@sebgroup/extract';
 import { CheckboxProps, NumberInputProps, RadioButtonProps, TextInputProps } from '../types';
-export declare type Renderer = (type: string, props: InputHTMLAttributes<HTMLInputElement>, onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void, onChangeInput?: (value: string) => string, label?: string, info?: string, validator?: IValidator, expandableInfo?: React.ReactNode, expandableInfoButtonLabel?: string, testId?: string) => JSX.Element;
+export declare type Renderer = (type: string, props: InputHTMLAttributes<HTMLInputElement>, onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void, onChangeInput?: (value: string) => string, label?: string, info?: string | React.ReactNode, validator?: IValidator, expandableInfo?: React.ReactNode, expandableInfoButtonLabel?: string, testId?: string) => JSX.Element;
 export declare const RenderInput: Renderer;
 export declare const TextInput: ({ label, info, testId, onChange, onChangeInput, validator, expandableInfo, expandableInfoButtonLabel, ...props }: TextInputProps) => JSX.Element;
 export declare const EmailInput: ({ label, info, onChange, onChangeInput, validator, testId, ...props }: TextInputProps) => JSX.Element;
 export declare const NumberInput: ({ label, info, onChange, onChangeInput, validator, expandableInfo, expandableInfoButtonLabel, testId, ...props }: NumberInputProps) => JSX.Element;
-export declare const Checkbox: ({ label, onChange, validator, testId, ...props }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: ({ label, onChange, validator, testId, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export declare const RadioButton: React.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,9 +1,7 @@
 import React from 'react';
-import { IValidator, IExpandableInformation } from '@sebgroup/extract';
-export interface RadioGroupProps extends IExpandableInformation {
-    label?: string;
+import { IValidator, IExpandableInformation, ILabelAndLabelInformation } from '@sebgroup/extract';
+export interface RadioGroupProps extends IExpandableInformation, ILabelAndLabelInformation {
     title?: string;
-    labelInformation?: string;
     valueSelected?: string;
     description?: string;
     defaultSelected?: string;
@@ -13,5 +11,5 @@ export interface RadioGroupProps extends IExpandableInformation {
     name?: string;
     horizontal?: boolean;
 }
-export declare const RadioGroup: ({ defaultSelected, valueSelected, label, title, labelInformation, description, expandableInfo, expandableInfoButtonLabel, validator, onChangeRadio, onChange, name, horizontal, children, }: React.PropsWithChildren<RadioGroupProps>) => JSX.Element;
+export declare const RadioGroup: ({ defaultSelected, valueSelected, label, title, labelInformation, description, expandableInfo, expandableInfoButtonLabel, validator, onChangeRadio, onChange, name, horizontal, children, }: React.PropsWithChildren<RadioGroupProps>) => import("react/jsx-runtime").JSX.Element;
 export default RadioGroup;

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

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 interface TextProps {
     children: ReactNode;
 }
-export declare const Text: ({ children }: TextProps) => JSX.Element;
+export declare const Text: ({ children }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export default Text;

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

@@ -1,14 +1,12 @@
-import { IExpandableInformation, IValidator } from '@sebgroup/extract';
+import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
 import React, { ReactNode } from 'react';
-interface FormItemProps extends IExpandableInformation {
+interface FormItemProps extends IExpandableInformation, ILabelAndLabelInformation {
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onChangeInput?: (value: string) => string;
-    label?: string;
-    labelInformation?: string;
     validator?: IValidator;
     inputId?: string;
     children: ReactNode;
     role?: string;
 }
-export declare const FormItem: ({ expandableInfo, label, labelInformation, validator, inputId, children, expandableInfoButtonLabel, role, }: FormItemProps) => JSX.Element;
+export declare const FormItem: ({ expandableInfo, label, labelInformation, validator, inputId, children, expandableInfoButtonLabel, role, }: FormItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/icons/bankId.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../../types/props';
-export declare const BankId: ({ fill, focusable, title, ...props }: IconProps) => JSX.Element;
+export declare const BankId: ({ fill, focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/check.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../../types/props';
-export declare const Check: ({ focusable, title }: IconProps) => JSX.Element;
+export declare const Check: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/chevronDown.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../../types/props';
-export declare const ChevronDown: ({ focusable, title }: IconProps) => JSX.Element;
+export declare const ChevronDown: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/infoCircle.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../../types/props';
-export declare const InfoCircle: ({ focusable, title, ...props }: IconProps) => JSX.Element;
+export declare const InfoCircle: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/square-exclamation.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../../types/props';
-export declare const SquareExclamation: ({ focusable, title, ...props }: IconProps) => JSX.Element;
+export declare const SquareExclamation: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/square-info.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../../types/props';
-export declare const SquareInfo: ({ focusable, title, ...props }: IconProps) => JSX.Element;
+export declare const SquareInfo: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/times.d.ts

@@ -1,2 +1,2 @@
 import { IconProps } from '../../types/props';
-export declare const Times: ({ focusable, title }: IconProps) => JSX.Element;
+export declare const Times: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/layout/flexbox/flexbox.d.ts

@@ -9,5 +9,5 @@ export interface FlexboxProps extends HTMLProps<HTMLDivElement> {
     flexWrap?: FlexWrapType;
     className?: string;
 }
-export declare const Flexbox: ({ alignContent, alignItems, alignSelf, children, justifyContent, flexDirection, flexWrap, className, ...props }: PropsWithChildren<FlexboxProps>) => JSX.Element;
+export declare const Flexbox: ({ alignContent, alignItems, alignSelf, children, justifyContent, flexDirection, flexWrap, className, ...props }: PropsWithChildren<FlexboxProps>) => import("react/jsx-runtime").JSX.Element;
 export default Flexbox;

package/src/lib/link/link.d.ts

@@ -3,5 +3,5 @@ import { ButtonVariant } from '@sebgroup/extract';
 interface LinkProps extends HTMLProps<HTMLAnchorElement> {
     button?: boolean | ButtonVariant;
 }
-export declare const Link: ({ button, children, ...props }: PropsWithChildren<LinkProps>) => JSX.Element;
+export declare const Link: ({ button, children, ...props }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
 export default Link;

package/src/lib/list/list.d.ts

@@ -10,5 +10,5 @@ export interface TableListProps {
     title: string;
     definition: string[];
 }
-export declare const List: ({ listType, tableCaption, tableData, children, ...props }: ListProps) => JSX.Element;
+export declare const List: ({ listType, tableCaption, tableData, children, ...props }: ListProps) => import("react/jsx-runtime").JSX.Element;
 export default List;

package/src/lib/list/listItem.d.ts

@@ -6,5 +6,5 @@ interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
     tableRowData?: TableListProps;
     children?: ReactNode;
 }
-declare const ListItem: ({ listType, tableRowData, children, ...props }: ListItemProps) => JSX.Element;
+declare const ListItem: ({ listType, tableRowData, children, ...props }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItem;

package/src/lib/list/valueList.d.ts

@@ -6,12 +6,12 @@ interface ValueListProps {
 interface ValueListItemProps {
     children: string;
 }
-export declare const Label: ({ children }: ValueListItemProps) => JSX.Element;
-export declare const Value: ({ children }: ValueListItemProps) => JSX.Element;
-export declare const List: ({ children, inverted }: ValueListProps) => JSX.Element;
+export declare const Label: ({ children }: ValueListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Value: ({ children }: ValueListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ children, inverted }: ValueListProps) => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    List: ({ children, inverted }: ValueListProps) => JSX.Element;
-    Label: ({ children }: ValueListItemProps) => JSX.Element;
-    Value: ({ children }: ValueListItemProps) => JSX.Element;
+    List: ({ children, inverted }: ValueListProps) => import("react/jsx-runtime").JSX.Element;
+    Label: ({ children }: ValueListItemProps) => import("react/jsx-runtime").JSX.Element;
+    Value: ({ children }: ValueListItemProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

package/src/lib/modal/modal.d.ts

@@ -13,5 +13,5 @@ export interface ModalProps {
     onConfirm?: ModalEventListener;
     onDismiss?: ModalEventListener;
 }
-export declare const Modal: ({ type, isOpen, ...props }: ModalProps) => JSX.Element | null;
+export declare const Modal: ({ type, isOpen, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Modal;

package/src/lib/navbar/navbar.d.ts

@@ -8,5 +8,5 @@ export interface NavProps extends HTMLAttributes<HTMLElement> {
     variant?: NavbarVariant;
     children?: ReactNode;
 }
-export declare const Navbar: ({ children, variant, title, titleLink, brandLink, brandAriaLabel, }: NavProps) => JSX.Element;
+export declare const Navbar: ({ children, variant, title, titleLink, brandLink, brandAriaLabel, }: NavProps) => import("react/jsx-runtime").JSX.Element;
 export default Navbar;

package/src/lib/select/select.d.ts

@@ -11,6 +11,7 @@ export interface SelectProps extends SelectorAttributesProps, LabelProps {
     testId?: string;
     expandableInfo?: string;
     expandableInfoButtonLabel?: string;
+    name?: string;
 }
 interface OptionProps {
     children: string;
@@ -31,11 +32,11 @@ interface OptionGroupProps {
     disabled?: boolean;
 }
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-export declare const Option: ({ value, children, ...rest }: OptionProps) => JSX.Element;
-export declare const OptionGroup: ({ label, disabled, children, }: OptionGroupProps) => JSX.Element;
+export declare const Option: ({ value, children, ...rest }: OptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OptionGroup: ({ label, disabled, children, }: OptionGroupProps) => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
     Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
-    Option: ({ value, children, ...rest }: OptionProps) => JSX.Element;
-    OptionGroup: ({ label, disabled, children, }: OptionGroupProps) => JSX.Element;
+    Option: ({ value, children, ...rest }: OptionProps) => import("react/jsx-runtime").JSX.Element;
+    OptionGroup: ({ label, disabled, children, }: OptionGroupProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

package/src/lib/slider/slider.d.ts

@@ -1,3 +1,3 @@
 import { SliderProps } from '../../types';
-export declare function Slider({ name, value, defaultValue, min, max, minMaxFormat, showMinMax, step, label, instruction, errorMessage, hasTextbox, unitLabel, disabled, onChange, enableClamping, onClamp, }: SliderProps): JSX.Element;
+export declare function Slider({ name, value, defaultValue, min, max, minMaxFormat, showMinMax, step, label, instruction, errorMessage, hasTextbox, unitLabel, disabled, onChange, enableClamping, onClamp, enterKeyHint, }: SliderProps): import("react/jsx-runtime").JSX.Element;
 export default Slider;

package/src/lib/stepper/stepper.d.ts

@@ -6,4 +6,4 @@ export interface StepperProps extends StepperArgs {
     statusMessage?: string;
     validator?: IValidator;
 }
-export declare function Stepper({ label, description, statusMessage, validator, ...stepperArgs }: StepperProps): JSX.Element;
+export declare function Stepper({ label, description, statusMessage, validator, ...stepperArgs }: StepperProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/tabs/tabs.d.ts

@@ -22,5 +22,5 @@ export interface TabProps {
     selected?: boolean;
 }
 export declare const Tab: (props: PropsWithChildren<TabProps>) => null;
-export declare const Tabs: ({ list, onTabChange, children }: TabsProps) => JSX.Element;
+export declare const Tabs: ({ list, onTabChange, children }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/src/types/props/index.d.ts

@@ -30,6 +30,7 @@ export interface SliderProps {
     onChange?: (value: number) => void;
     enableClamping?: boolean;
     onClamp?: (value: number) => void;
+    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
     /**
      * @deprecated Use `value` instead
      */