@sebgroup/green-react 3.6.0 → 3.8.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 (81) hide show
  1. package/README.md +1 -1
  2. package/index.esm.js +2348 -5661
  3. package/package.json +4 -4
  4. package/src/index.d.ts +25 -24
  5. package/src/lib/accordion/accordion-item.d.ts +17 -17
  6. package/src/lib/accordion/accordion.d.ts +6 -6
  7. package/src/lib/alert-ribbon/alert-ribbon.d.ts +16 -16
  8. package/src/lib/badge/badge.d.ts +23 -23
  9. package/src/lib/breadcrumb/breadcrumb.d.ts +7 -0
  10. package/src/lib/card/card.d.ts +8 -8
  11. package/src/lib/context-menu/context-menu.d.ts +9 -9
  12. package/src/lib/datepicker/datepicker.d.ts +55 -22
  13. package/src/lib/dropdown/dropdown.d.ts +60 -58
  14. package/src/lib/filter-chips/filter-chips.d.ts +3 -3
  15. package/src/lib/form/button/button.d.ts +14 -14
  16. package/src/lib/form/buttonGroup/buttonGroup.d.ts +13 -13
  17. package/src/lib/form/checkbox/checkbox.d.ts +15 -15
  18. package/src/lib/form/form.d.ts +10 -10
  19. package/src/lib/form/formContext.d.ts +13 -13
  20. package/src/lib/form/formItems.d.ts +10 -10
  21. package/src/lib/form/group/group.d.ts +13 -13
  22. package/src/lib/form/iconButton/iconButton.d.ts +12 -12
  23. package/src/lib/form/index.d.ts +12 -12
  24. package/src/lib/form/input/input.d.ts +26 -26
  25. package/src/lib/form/radioButton/radioButton.d.ts +9 -9
  26. package/src/lib/form/radioButton/radioGroup.d.ts +16 -16
  27. package/src/lib/form/text/text.d.ts +6 -6
  28. package/src/lib/form/textarea/textarea.d.ts +15 -15
  29. package/src/lib/form/useInput.d.ts +5 -5
  30. package/src/lib/form/validateInput.d.ts +9 -9
  31. package/src/lib/formItem/formItem.d.ts +13 -13
  32. package/src/lib/formItem/index.d.ts +1 -1
  33. package/src/lib/grouped-list/grouped-list.d.ts +3 -3
  34. package/src/lib/grouped-list/index.d.ts +1 -0
  35. package/src/lib/icons/bankId.d.ts +2 -2
  36. package/src/lib/icons/check.d.ts +2 -2
  37. package/src/lib/icons/chevronDown.d.ts +2 -2
  38. package/src/lib/icons/edit.d.ts +2 -2
  39. package/src/lib/icons/index.d.ts +8 -8
  40. package/src/lib/icons/infoCircle.d.ts +2 -2
  41. package/src/lib/icons/square-exclamation.d.ts +2 -2
  42. package/src/lib/icons/square-info.d.ts +2 -2
  43. package/src/lib/icons/times.d.ts +2 -2
  44. package/src/lib/in-page-wizard/inPageWizardStepCard.d.ts +24 -24
  45. package/src/lib/in-page-wizard/index.d.ts +1 -1
  46. package/src/lib/layout/flexbox/flexbox.d.ts +13 -13
  47. package/src/lib/layout/flexbox/types.d.ts +5 -5
  48. package/src/lib/layout/index.d.ts +1 -1
  49. package/src/lib/link/link.d.ts +7 -7
  50. package/src/lib/list/index.d.ts +2 -2
  51. package/src/lib/list/list.d.ts +14 -14
  52. package/src/lib/list/listItem.d.ts +10 -10
  53. package/src/lib/list/valueList.d.ts +33 -33
  54. package/src/lib/modal/modal.d.ts +19 -19
  55. package/src/lib/navbar/navbar.d.ts +12 -12
  56. package/src/lib/popover/popover.d.ts +2 -0
  57. package/src/lib/select/index.d.ts +1 -1
  58. package/src/lib/select/select.d.ts +25 -25
  59. package/src/lib/slider/index.d.ts +1 -1
  60. package/src/lib/slider/slider.d.ts +3 -3
  61. package/src/lib/stepper/stepper.d.ts +15 -15
  62. package/src/lib/table/components/Table.d.ts +13 -13
  63. package/src/lib/table/components/context/TableContextProvider.d.ts +19 -19
  64. package/src/lib/table/components/index.d.ts +9 -9
  65. package/src/lib/table/components/parts/TableBody/TableBody.d.ts +4 -4
  66. package/src/lib/table/components/parts/TableBody/index.d.ts +1 -1
  67. package/src/lib/table/components/parts/TableCell/TableCell.d.ts +3 -3
  68. package/src/lib/table/components/parts/TableCell/index.d.ts +1 -1
  69. package/src/lib/table/components/parts/TableHeader/TableHeader.d.ts +4 -4
  70. package/src/lib/table/components/parts/TableHeader/index.d.ts +1 -1
  71. package/src/lib/table/components/parts/TableHeaderCell/TableHeaderCell.d.ts +9 -9
  72. package/src/lib/table/components/parts/TableHeaderCell/index.d.ts +1 -1
  73. package/src/lib/table/components/parts/TableRow/TableRow.d.ts +15 -15
  74. package/src/lib/table/components/parts/TableRow/index.d.ts +1 -1
  75. package/src/lib/table/components/parts/helperFunctions/helperFunctions.d.ts +51 -51
  76. package/src/lib/table/components/parts/helperFunctions/index.d.ts +1 -1
  77. package/src/lib/table/components/table-typings.d.ts +14 -14
  78. package/src/lib/table/story/multiple-story-tables.d.ts +17 -17
  79. package/src/lib/tabs/tabs.d.ts +26 -26
  80. package/src/types/index.d.ts +1 -1
  81. package/src/types/props/index.d.ts +40 -40
@@ -1,13 +1,13 @@
1
- import { ReactNode } from 'react';
2
- import classNames from 'classnames';
3
- export interface GroupProps {
4
- children: ReactNode;
5
- error?: Error | string;
6
- groupBorder?: boolean;
7
- groupFocus?: boolean;
8
- invalid?: boolean;
9
- id?: string;
10
- className?: classNames.Argument;
11
- }
12
- export declare function Group({ id, children, error, className, groupBorder, groupFocus, }: GroupProps): import("react/jsx-runtime").JSX.Element;
13
- export default Group;
1
+ import { ReactNode } from 'react';
2
+ import classNames from 'classnames';
3
+ export interface GroupProps {
4
+ children: ReactNode;
5
+ error?: Error | string;
6
+ groupBorder?: boolean;
7
+ groupFocus?: boolean;
8
+ invalid?: boolean;
9
+ id?: string;
10
+ className?: classNames.Argument;
11
+ }
12
+ export declare function Group({ id, children, error, className, groupBorder, groupFocus, }: GroupProps): import("react/jsx-runtime").JSX.Element;
13
+ export default Group;
@@ -1,12 +1,12 @@
1
- import { ReactNode, MouseEvent } from 'react';
2
- import { ButtonType } from '@sebgroup/extract';
3
- interface IconButtonInterface {
4
- children: ReactNode;
5
- type?: ButtonType;
6
- onClick: (event: MouseEvent) => void;
7
- 'aria-expanded'?: boolean;
8
- 'aria-controls'?: string;
9
- size?: 'small' | 'normal';
10
- }
11
- export declare const IconButton: ({ children, onClick, ...props }: IconButtonInterface) => import("react/jsx-runtime").JSX.Element;
12
- export {};
1
+ import { ReactNode, MouseEvent } from 'react';
2
+ import { ButtonType } from '@sebgroup/extract';
3
+ interface IconButtonInterface {
4
+ children: ReactNode;
5
+ type?: ButtonType;
6
+ onClick: (event: MouseEvent) => void;
7
+ 'aria-expanded'?: boolean;
8
+ 'aria-controls'?: string;
9
+ size?: 'small' | 'normal';
10
+ }
11
+ export declare const IconButton: ({ children, onClick, ...props }: IconButtonInterface) => import("react/jsx-runtime").JSX.Element;
12
+ export {};
@@ -1,12 +1,12 @@
1
- export * from './button/button';
2
- export * from './iconButton/iconButton';
3
- export * from './buttonGroup/buttonGroup';
4
- export * from './checkbox/checkbox';
5
- export * from './form';
6
- export * from './formItems';
7
- export * from './group/group';
8
- export * from './input/input';
9
- export * from './text/text';
10
- export * from './radioButton/radioButton';
11
- export * from './radioButton/radioGroup';
12
- export * from './textarea/textarea';
1
+ export * from './button/button';
2
+ export * from './iconButton/iconButton';
3
+ export * from './buttonGroup/buttonGroup';
4
+ export * from './checkbox/checkbox';
5
+ export * from './form';
6
+ export * from './formItems';
7
+ export * from './group/group';
8
+ export * from './input/input';
9
+ export * from './text/text';
10
+ export * from './radioButton/radioButton';
11
+ export * from './radioButton/radioGroup';
12
+ export * from './textarea/textarea';
@@ -1,26 +1,26 @@
1
- import { DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
2
- import { IExpandableInformation, IValidator } from '@sebgroup/extract';
3
- export interface InputProps extends IExpandableInformation, DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
4
- /** Data test id used for finding elements in test */
5
- testId?: string;
6
- /** Format value on change */
7
- formatter?: (value: string) => string;
8
- /** Extra describing text, below the label */
9
- info?: ReactNode;
10
- /** Label describing the input */
11
- label?: string;
12
- /** Text on the right side of the input, used for unit such as 'kr' or '%' */
13
- unit?: string;
14
- /** Validation object */
15
- validator?: IValidator;
16
- /** Value of input */
17
- value?: string | number;
18
- /** Function called when input value changes */
19
- onChangeInput?: (value: string) => string;
20
- }
21
- export declare const Input: ({ "aria-describedby": ariaDescribedBy, autoComplete, children, className, testId: dataTestId, expandableInfo, expandableInfoButtonLabel, formatter, id, label, info, onChange, unit, role, validator, onChangeInput, value, required, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
22
- export declare const TextInput: (props: Omit<InputProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
23
- export declare const EmailInput: (props: Omit<InputProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
24
- export declare const NumberInput: (props: Omit<InputProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
25
- export { RadioButton } from '../radioButton/radioButton';
26
- export { Checkbox } from '../checkbox/checkbox';
1
+ import { DetailedHTMLProps, InputHTMLAttributes, ReactNode } from 'react';
2
+ import { IExpandableInformation, IValidator } from '@sebgroup/extract';
3
+ export interface InputProps extends IExpandableInformation, DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
4
+ /** Data test id used for finding elements in test */
5
+ testId?: string;
6
+ /** Format value on change */
7
+ formatter?: (value: string) => string;
8
+ /** Extra describing text, below the label */
9
+ info?: ReactNode;
10
+ /** Label describing the input */
11
+ label?: string;
12
+ /** Text on the right side of the input, used for unit such as 'kr' or '%' */
13
+ unit?: string;
14
+ /** Validation object */
15
+ validator?: IValidator;
16
+ /** Value of input */
17
+ value?: string | number;
18
+ /** Function called when input value changes */
19
+ onChangeInput?: (value: string) => string;
20
+ }
21
+ export declare const Input: ({ "aria-describedby": ariaDescribedBy, autoComplete, children, className, testId: dataTestId, expandableInfo, expandableInfoButtonLabel, formatter, id, label, info, onChange, unit, role, validator, onChangeInput, value, required, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
22
+ export declare const TextInput: (props: Omit<InputProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
23
+ export declare const EmailInput: (props: Omit<InputProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
24
+ export declare const NumberInput: (props: Omit<InputProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
25
+ export { RadioButton } from '../radioButton/radioButton';
26
+ export { Checkbox } from '../checkbox/checkbox';
@@ -1,9 +1,9 @@
1
- import { HTMLProps } from 'react';
2
- import { IValidator } from '@sebgroup/extract';
3
- export interface RadioButtonProps extends HTMLProps<HTMLInputElement> {
4
- label: string;
5
- testId?: string;
6
- validator?: IValidator;
7
- value: string;
8
- }
9
- export declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
1
+ import { HTMLProps } from 'react';
2
+ import { IValidator } from '@sebgroup/extract';
3
+ export interface RadioButtonProps extends HTMLProps<HTMLInputElement> {
4
+ label: string;
5
+ testId?: string;
6
+ validator?: IValidator;
7
+ value: string;
8
+ }
9
+ export declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,16 +1,16 @@
1
- import React from 'react';
2
- import { IValidator, IExpandableInformation, ILabelAndLabelInformation } from '@sebgroup/extract';
3
- export interface RadioGroupProps extends IExpandableInformation, ILabelAndLabelInformation {
4
- label?: string;
5
- title?: string;
6
- valueSelected?: string;
7
- description?: string;
8
- defaultSelected?: string;
9
- validator?: IValidator;
10
- onChangeRadio?: (value: string) => string;
11
- onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
12
- name?: string;
13
- horizontal?: boolean;
14
- }
15
- export declare const RadioGroup: ({ defaultSelected, valueSelected, label, title, labelInformation, description, expandableInfo, expandableInfoButtonLabel, validator, onChangeRadio, onChange, name: propName, horizontal, children, }: React.PropsWithChildren<RadioGroupProps>) => import("react/jsx-runtime").JSX.Element;
16
- export default RadioGroup;
1
+ import React from 'react';
2
+ import { IValidator, IExpandableInformation, ILabelAndLabelInformation } from '@sebgroup/extract';
3
+ export interface RadioGroupProps extends IExpandableInformation, ILabelAndLabelInformation {
4
+ label?: string;
5
+ title?: string;
6
+ valueSelected?: string;
7
+ description?: string;
8
+ defaultSelected?: string;
9
+ validator?: IValidator;
10
+ onChangeRadio?: (value: string) => string;
11
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
12
+ name?: string;
13
+ horizontal?: boolean;
14
+ }
15
+ export declare const RadioGroup: ({ defaultSelected, valueSelected, label, title, labelInformation, description, expandableInfo, expandableInfoButtonLabel, validator, onChangeRadio, onChange, name: propName, horizontal, children, }: React.PropsWithChildren<RadioGroupProps>) => import("react/jsx-runtime").JSX.Element;
16
+ export default RadioGroup;
@@ -1,6 +1,6 @@
1
- import { ReactNode } from 'react';
2
- interface TextProps {
3
- children: ReactNode;
4
- }
5
- export declare const Text: ({ children }: TextProps) => import("react/jsx-runtime").JSX.Element;
6
- export default Text;
1
+ import { ReactNode } from 'react';
2
+ interface TextProps {
3
+ children: ReactNode;
4
+ }
5
+ export declare const Text: ({ children }: TextProps) => import("react/jsx-runtime").JSX.Element;
6
+ export default Text;
@@ -1,15 +1,15 @@
1
- import { IExpandableInformation, IValidator } from '@sebgroup/extract';
2
- import { DetailedHTMLProps, ReactNode } from 'react';
3
- export interface ITextAreaProps extends IExpandableInformation, DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
4
- /** Data test id used for finding elements in test */
5
- testId?: string;
6
- /** Label describing the textarea */
7
- label: string;
8
- /** Extra describing text, below the label */
9
- info?: ReactNode;
10
- /** Validation object */
11
- validator?: IValidator | undefined;
12
- /** Value of textarea */
13
- value?: string;
14
- }
15
- export declare const TextArea: ({ "aria-describedby": ariaDescribedBy, autoComplete, className, expandableInfo, expandableInfoButtonLabel, id, label, info, onChange, role, rows, validator, value, testId: dataTestId, maxLength, required, ...props }: ITextAreaProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { IExpandableInformation, IValidator } from '@sebgroup/extract';
2
+ import { DetailedHTMLProps, ReactNode } from 'react';
3
+ export interface ITextAreaProps extends IExpandableInformation, DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
4
+ /** Data test id used for finding elements in test */
5
+ testId?: string;
6
+ /** Label describing the textarea */
7
+ label: string;
8
+ /** Extra describing text, below the label */
9
+ info?: ReactNode;
10
+ /** Validation object */
11
+ validator?: IValidator | undefined;
12
+ /** Value of textarea */
13
+ value?: string;
14
+ }
15
+ export declare const TextArea: ({ "aria-describedby": ariaDescribedBy, autoComplete, className, expandableInfo, expandableInfoButtonLabel, id, label, info, onChange, role, rows, validator, value, testId: dataTestId, maxLength, required, ...props }: ITextAreaProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
- import React, { InputHTMLAttributes, RefObject } from 'react';
2
- declare const useInput: (props: InputHTMLAttributes<HTMLInputElement>, onChanges?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined, onChangeInput?: ((value: string) => string) | undefined) => React.InputHTMLAttributes<HTMLInputElement> & {
3
- ref: RefObject<HTMLInputElement>;
4
- };
5
- export default useInput;
1
+ import React, { InputHTMLAttributes, RefObject } from 'react';
2
+ declare const useInput: (props: InputHTMLAttributes<HTMLInputElement>, onChanges?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined, onChangeInput?: ((value: string) => string) | undefined) => React.InputHTMLAttributes<HTMLInputElement> & {
3
+ ref: RefObject<HTMLInputElement>;
4
+ };
5
+ export default useInput;
@@ -1,9 +1,9 @@
1
- import { ValidatorRules } from '@sebgroup/extract';
2
- interface InputTargetType {
3
- name: string;
4
- value: string;
5
- type?: string;
6
- checked?: boolean;
7
- }
8
- export declare const validateInputValue: (target: InputTargetType, rules: ValidatorRules, setError: React.Dispatch<React.SetStateAction<Record<string, any>>>) => string;
9
- export {};
1
+ import { ValidatorRules } from '@sebgroup/extract';
2
+ interface InputTargetType {
3
+ name: string;
4
+ value: string;
5
+ type?: string;
6
+ checked?: boolean;
7
+ }
8
+ export declare const validateInputValue: (target: InputTargetType, rules: ValidatorRules, setError: React.Dispatch<React.SetStateAction<Record<string, any>>>) => string;
9
+ export {};
@@ -1,13 +1,13 @@
1
- import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
2
- import React, { PropsWithChildren } from 'react';
3
- interface FormItemProps extends IExpandableInformation, ILabelAndLabelInformation, PropsWithChildren {
4
- onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
5
- onChangeInput?: (value: string) => string;
6
- validator?: IValidator;
7
- inputId?: string;
8
- role?: string;
9
- /** Intended to use together with TextArea to show character counter. */
10
- rightAlignedFooterInfo?: string;
11
- }
12
- export declare const FormItem: ({ expandableInfo, label, labelInformation, validator, inputId, children, expandableInfoButtonLabel, role, rightAlignedFooterInfo, }: FormItemProps) => import("react/jsx-runtime").JSX.Element;
13
- export {};
1
+ import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
2
+ import React, { PropsWithChildren } from 'react';
3
+ interface FormItemProps extends IExpandableInformation, ILabelAndLabelInformation, PropsWithChildren {
4
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
5
+ onChangeInput?: (value: string) => string;
6
+ validator?: IValidator;
7
+ inputId?: string;
8
+ role?: string;
9
+ /** Intended to use together with TextArea to show character counter. */
10
+ rightAlignedFooterInfo?: string;
11
+ }
12
+ export declare const FormItem: ({ expandableInfo, label, labelInformation, validator, inputId, children, expandableInfoButtonLabel, role, rightAlignedFooterInfo, }: FormItemProps) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
@@ -1 +1 @@
1
- export * from './formItem';
1
+ export * from './formItem';
@@ -1,3 +1,3 @@
1
- import { GdsGroupedList, GdsListItem } from '@sebgroup/green-core/components/grouped-list/index.js';
2
- export declare const GroupedList: import("@lit/react").ReactWebComponent<GdsGroupedList, {}>;
3
- export declare const ListItem: import("@lit/react").ReactWebComponent<GdsListItem, {}>;
1
+ import { GdsGroupedList, GdsListItem } from '@sebgroup/green-core/components/grouped-list/index.js';
2
+ export declare const GroupedList: import("@lit/react").ReactWebComponent<GdsGroupedList, {}>;
3
+ export declare const ListItem: import("@lit/react").ReactWebComponent<GdsListItem, {}>;
@@ -0,0 +1 @@
1
+ export * from './grouped-list';
@@ -1,2 +1,2 @@
1
- import { IconProps } from '../../types/props';
2
- export declare const BankId: ({ fill, focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { IconProps } from '../../types/props';
2
+ export declare const BankId: ({ fill, focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconProps } from '../../types/props';
2
- export declare const Check: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { IconProps } from '../../types/props';
2
+ export declare const Check: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconProps } from '../../types/props';
2
- export declare const ChevronDown: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { IconProps } from '../../types/props';
2
+ export declare const ChevronDown: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconProps } from '../../types/props';
2
- export declare const Edit: ({ focusable, title, fill, width, height, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { IconProps } from '../../types/props';
2
+ export declare const Edit: ({ focusable, title, fill, width, height, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +1,8 @@
1
- export * from './bankId';
2
- export * from './check';
3
- export * from './chevronDown';
4
- export * from './square-exclamation';
5
- export * from './square-info';
6
- export * from './times';
7
- export * from './infoCircle';
8
- export * from './edit';
1
+ export * from './bankId';
2
+ export * from './check';
3
+ export * from './chevronDown';
4
+ export * from './square-exclamation';
5
+ export * from './square-info';
6
+ export * from './times';
7
+ export * from './infoCircle';
8
+ export * from './edit';
@@ -1,2 +1,2 @@
1
- import { IconProps } from '../../types/props';
2
- export declare const InfoCircle: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { IconProps } from '../../types/props';
2
+ export declare const InfoCircle: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconProps } from '../../types/props';
2
- export declare const SquareExclamation: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { IconProps } from '../../types/props';
2
+ export declare const SquareExclamation: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconProps } from '../../types/props';
2
- export declare const SquareInfo: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { IconProps } from '../../types/props';
2
+ export declare const SquareInfo: ({ focusable, title, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import { IconProps } from '../../types/props';
2
- export declare const Times: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { IconProps } from '../../types/props';
2
+ export declare const Times: ({ focusable, title }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,24 +1,24 @@
1
- import { PropsWithChildren, ReactNode } from 'react';
2
- export interface InPageWizardStepCardProps extends PropsWithChildren {
3
- /** Sub title for the title indicating 'Step X of Y'. */
4
- stepText: string;
5
- /** Title of the step. */
6
- title: string;
7
- /** Text on edit button. */
8
- editBtnText?: string;
9
- /** Text on next button. */
10
- nextBtnText?: string;
11
- /** Icon for next button. */
12
- nextBtnIcon?: ReactNode;
13
- /** Status for the step.*/
14
- stepStatus: 'NotStarted' | 'IsActive' | 'IsComplete';
15
- /** Force hiding of footer, regardless of state. */
16
- hideFooter?: boolean;
17
- /** Event for click on next button. */
18
- onNextClick?: () => void;
19
- /** Event for click on edit button. */
20
- onEditClick?: () => void;
21
- /** Testid for testing. */
22
- dataTestid?: string;
23
- }
24
- export declare const InPageWizardStepCard: ({ editBtnText, onNextClick, stepStatus, stepText, title, children, dataTestid, hideFooter, nextBtnIcon, nextBtnText, onEditClick, }: InPageWizardStepCardProps) => import("react/jsx-runtime").JSX.Element;
1
+ import { PropsWithChildren, ReactNode } from 'react';
2
+ export interface InPageWizardStepCardProps extends PropsWithChildren {
3
+ /** Sub title for the title indicating 'Step X of Y'. */
4
+ stepText: string;
5
+ /** Title of the step. */
6
+ title: string;
7
+ /** Text on edit button. */
8
+ editBtnText?: string;
9
+ /** Text on next button. */
10
+ nextBtnText?: string;
11
+ /** Icon for next button. */
12
+ nextBtnIcon?: ReactNode;
13
+ /** Status for the step.*/
14
+ stepStatus: 'NotStarted' | 'IsActive' | 'IsComplete';
15
+ /** Force hiding of footer, regardless of state. */
16
+ hideFooter?: boolean;
17
+ /** Event for click on next button. */
18
+ onNextClick?: () => void;
19
+ /** Event for click on edit button. */
20
+ onEditClick?: () => void;
21
+ /** Testid for testing. */
22
+ dataTestid?: string;
23
+ }
24
+ export declare const InPageWizardStepCard: ({ editBtnText, onNextClick, stepStatus, stepText, title, children, dataTestid, hideFooter, nextBtnIcon, nextBtnText, onEditClick, }: InPageWizardStepCardProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- export * from './inPageWizardStepCard';
1
+ export * from './inPageWizardStepCard';
@@ -1,13 +1,13 @@
1
- import { PropsWithChildren, HTMLProps } from 'react';
2
- import { AlignContentType, AlignType, FlexDirectionType, FlexWrapType, JustifyContentType } from './types';
3
- export interface FlexboxProps extends HTMLProps<HTMLDivElement> {
4
- alignContent?: AlignContentType;
5
- alignItems?: AlignType;
6
- alignSelf?: AlignType | 'auto';
7
- justifyContent?: JustifyContentType;
8
- flexDirection?: FlexDirectionType;
9
- flexWrap?: FlexWrapType;
10
- className?: string;
11
- }
12
- export declare const Flexbox: ({ alignContent, alignItems, alignSelf, children, justifyContent, flexDirection, flexWrap, className, ...props }: PropsWithChildren<FlexboxProps>) => import("react/jsx-runtime").JSX.Element;
13
- export default Flexbox;
1
+ import { PropsWithChildren, HTMLProps } from 'react';
2
+ import { AlignContentType, AlignType, FlexDirectionType, FlexWrapType, JustifyContentType } from './types';
3
+ export interface FlexboxProps extends HTMLProps<HTMLDivElement> {
4
+ alignContent?: AlignContentType;
5
+ alignItems?: AlignType;
6
+ alignSelf?: AlignType | 'auto';
7
+ justifyContent?: JustifyContentType;
8
+ flexDirection?: FlexDirectionType;
9
+ flexWrap?: FlexWrapType;
10
+ className?: string;
11
+ }
12
+ export declare const Flexbox: ({ alignContent, alignItems, alignSelf, children, justifyContent, flexDirection, flexWrap, className, ...props }: PropsWithChildren<FlexboxProps>) => import("react/jsx-runtime").JSX.Element;
13
+ export default Flexbox;
@@ -1,5 +1,5 @@
1
- export declare type AlignContentType = 'start' | 'between' | 'center' | 'stretch' | 'around' | 'end' | 'sm-start' | 'sm-between' | 'sm-center' | 'sm-stretch' | 'sm-around' | 'sm-end' | 'md-start' | 'md-between' | 'md-center' | 'md-stretch' | 'md-around' | 'md-end' | 'lg-start' | 'lg-between' | 'lg-center' | 'lg-stretch' | 'lg-around' | 'lg-end' | 'xl-start' | 'xl-between' | 'xl-center' | 'xl-stretch' | 'xl-around' | 'xl-end' | 'xxl-start' | 'xxl-between' | 'xxl-center' | 'xxl-stretch' | 'xxl-around' | 'xxl-end';
2
- export declare type AlignType = 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'sm-start' | 'sm-end' | 'sm-center' | 'sm-baseline' | 'sm-stretch' | 'md-start' | 'md-end' | 'md-center' | 'md-baseline' | 'md-stretch' | 'lg-start' | 'lg-end' | 'lg-center' | 'lg-baseline' | 'lg-stretch' | 'xl-start' | 'xl-end' | 'xl-center' | 'xl-baseline' | 'xl-stretch' | 'xxl-start' | 'xxl-end' | 'xxl-center' | 'xxl-baseline' | 'xxl-stretch';
3
- export declare type JustifyContentType = 'start' | 'between' | 'center' | 'evenly' | 'around' | 'end' | 'sm-start' | 'sm-between' | 'sm-center' | 'sm-evenly' | 'sm-around' | 'sm-end' | 'md-start' | 'md-between' | 'md-center' | 'md-evenly' | 'md-around' | 'md-end' | 'lg-start' | 'lg-between' | 'lg-center' | 'lg-evenly' | 'lg-around' | 'lg-end' | 'xl-start' | 'xl-between' | 'xl-center' | 'xl-evenly' | 'xl-around' | 'xl-end' | 'xxl-start' | 'xxl-between' | 'xxl-center' | 'xxl-evenly' | 'xxl-around' | 'xxl-end';
4
- export declare type FlexDirectionType = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'sm-row' | 'sm-row-reverse' | 'sm-column' | 'sm-column-reverse' | 'md-row' | 'md-row-reverse' | 'md-column' | 'md-column-reverse' | 'lg-row' | 'lg-row-reverse' | 'lg-column' | 'lg-column-reverse' | 'xl-row' | 'xl-row-reverse' | 'xl-column' | 'xl-column-reverse' | 'xxl-row' | 'xxl-row-reverse' | 'xxl-column' | 'xxl-column-reverse';
5
- export declare type FlexWrapType = 'nowrap' | 'wrap' | 'wrap-reverse' | 'sm-nowrap' | 'sm-wrap' | 'sm-wrap-reverse' | 'md-nowrap' | 'md-wrap' | 'md-wrap-reverse' | 'lg-nowrap' | 'lg-wrap' | 'lg-wrap-reverse' | 'xl-nowrap' | 'xl-wrap' | 'xl-wrap-reverse' | 'xxl-nowrap' | 'xxl-wrap' | 'xxl-wrap-reverse';
1
+ export type AlignContentType = 'start' | 'between' | 'center' | 'stretch' | 'around' | 'end' | 'sm-start' | 'sm-between' | 'sm-center' | 'sm-stretch' | 'sm-around' | 'sm-end' | 'md-start' | 'md-between' | 'md-center' | 'md-stretch' | 'md-around' | 'md-end' | 'lg-start' | 'lg-between' | 'lg-center' | 'lg-stretch' | 'lg-around' | 'lg-end' | 'xl-start' | 'xl-between' | 'xl-center' | 'xl-stretch' | 'xl-around' | 'xl-end' | 'xxl-start' | 'xxl-between' | 'xxl-center' | 'xxl-stretch' | 'xxl-around' | 'xxl-end';
2
+ export type AlignType = 'start' | 'end' | 'center' | 'baseline' | 'stretch' | 'sm-start' | 'sm-end' | 'sm-center' | 'sm-baseline' | 'sm-stretch' | 'md-start' | 'md-end' | 'md-center' | 'md-baseline' | 'md-stretch' | 'lg-start' | 'lg-end' | 'lg-center' | 'lg-baseline' | 'lg-stretch' | 'xl-start' | 'xl-end' | 'xl-center' | 'xl-baseline' | 'xl-stretch' | 'xxl-start' | 'xxl-end' | 'xxl-center' | 'xxl-baseline' | 'xxl-stretch';
3
+ export type JustifyContentType = 'start' | 'between' | 'center' | 'evenly' | 'around' | 'end' | 'sm-start' | 'sm-between' | 'sm-center' | 'sm-evenly' | 'sm-around' | 'sm-end' | 'md-start' | 'md-between' | 'md-center' | 'md-evenly' | 'md-around' | 'md-end' | 'lg-start' | 'lg-between' | 'lg-center' | 'lg-evenly' | 'lg-around' | 'lg-end' | 'xl-start' | 'xl-between' | 'xl-center' | 'xl-evenly' | 'xl-around' | 'xl-end' | 'xxl-start' | 'xxl-between' | 'xxl-center' | 'xxl-evenly' | 'xxl-around' | 'xxl-end';
4
+ export type FlexDirectionType = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'sm-row' | 'sm-row-reverse' | 'sm-column' | 'sm-column-reverse' | 'md-row' | 'md-row-reverse' | 'md-column' | 'md-column-reverse' | 'lg-row' | 'lg-row-reverse' | 'lg-column' | 'lg-column-reverse' | 'xl-row' | 'xl-row-reverse' | 'xl-column' | 'xl-column-reverse' | 'xxl-row' | 'xxl-row-reverse' | 'xxl-column' | 'xxl-column-reverse';
5
+ export type FlexWrapType = 'nowrap' | 'wrap' | 'wrap-reverse' | 'sm-nowrap' | 'sm-wrap' | 'sm-wrap-reverse' | 'md-nowrap' | 'md-wrap' | 'md-wrap-reverse' | 'lg-nowrap' | 'lg-wrap' | 'lg-wrap-reverse' | 'xl-nowrap' | 'xl-wrap' | 'xl-wrap-reverse' | 'xxl-nowrap' | 'xxl-wrap' | 'xxl-wrap-reverse';
@@ -1 +1 @@
1
- export * from './flexbox/flexbox';
1
+ export * from './flexbox/flexbox';
@@ -1,7 +1,7 @@
1
- import { HTMLProps, PropsWithChildren } from 'react';
2
- import { ButtonVariant } from '@sebgroup/extract';
3
- interface LinkProps extends HTMLProps<HTMLAnchorElement> {
4
- button?: boolean | ButtonVariant;
5
- }
6
- export declare const Link: ({ button, children, className, role, ...otherProps }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
7
- export default Link;
1
+ import { HTMLProps, PropsWithChildren } from 'react';
2
+ import { ButtonVariant } from '@sebgroup/extract';
3
+ interface LinkProps extends HTMLProps<HTMLAnchorElement> {
4
+ button?: boolean | ButtonVariant;
5
+ }
6
+ export declare const Link: ({ button, children, className, role, ...otherProps }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
7
+ export default Link;
@@ -1,2 +1,2 @@
1
- export * from './list';
2
- export * as ValueList from './valueList';
1
+ export * from './list';
2
+ export * as ValueList from './valueList';
@@ -1,14 +1,14 @@
1
- import { ListType } from '@sebgroup/extract';
2
- import { ReactNode, HTMLAttributes } from 'react';
3
- export interface ListProps extends HTMLAttributes<HTMLOListElement | HTMLUListElement> {
4
- listType?: ListType;
5
- tableCaption?: string;
6
- tableData?: TableListProps[];
7
- children?: ReactNode[];
8
- }
9
- export interface TableListProps {
10
- title: string;
11
- definition: string[];
12
- }
13
- export declare const List: ({ listType, tableCaption, tableData, children, ...props }: ListProps) => import("react/jsx-runtime").JSX.Element;
14
- export default List;
1
+ import { ListType } from '@sebgroup/extract';
2
+ import { ReactNode, HTMLAttributes } from 'react';
3
+ export interface ListProps extends HTMLAttributes<HTMLOListElement | HTMLUListElement> {
4
+ listType?: ListType;
5
+ tableCaption?: string;
6
+ tableData?: TableListProps[];
7
+ children?: ReactNode[];
8
+ }
9
+ export interface TableListProps {
10
+ title: string;
11
+ definition: string[];
12
+ }
13
+ export declare const List: ({ listType, tableCaption, tableData, children, ...props }: ListProps) => import("react/jsx-runtime").JSX.Element;
14
+ export default List;
@@ -1,10 +1,10 @@
1
- import { ListType } from '@sebgroup/extract';
2
- import { HTMLAttributes, ReactNode } from 'react';
3
- import { TableListProps } from './list';
4
- interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
5
- listType?: ListType;
6
- tableRowData?: TableListProps;
7
- children?: ReactNode;
8
- }
9
- declare const ListItem: ({ listType, tableRowData, children, ...props }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
10
- export default ListItem;
1
+ import { ListType } from '@sebgroup/extract';
2
+ import { HTMLAttributes, ReactNode } from 'react';
3
+ import { TableListProps } from './list';
4
+ interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
5
+ listType?: ListType;
6
+ tableRowData?: TableListProps;
7
+ children?: ReactNode;
8
+ }
9
+ declare const ListItem: ({ listType, tableRowData, children, ...props }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
10
+ export default ListItem;