@lumx/react 3.10.1-alpha.7 → 3.10.1-alpha.8

package/index.d.ts

@@ -306,6 +306,10 @@ interface AlertDialogProps extends Omit<DialogProps, 'header' | 'footer'> {
         onClick(): void;
         label: string;
     };
+    /**
+     * Children
+     */
+    children?: React.ReactNode;
 }
 /**
  * AlertDialog component.
@@ -599,6 +603,8 @@ interface BaseButtonProps extends GenericProps, Pick<AriaAttributes, 'aria-expan
     type?: HTMLButtonProps['type'];
     /** Custom react component for the link (can be used to inject react router Link). */
     linkAs?: 'a' | any;
+    /** Children */
+    children?: React.ReactNode;
 }
 
 /**
@@ -668,7 +674,12 @@ declare const IconButton: Comp<IconButtonProps, HTMLButtonElement>;
 /**
  * Defines the props of the component
  */
-type ButtonGroupProps = GenericProps;
+interface ButtonGroupProps extends GenericProps {
+    /**
+     * Children
+     */
+    children?: React.ReactNode;
+}
 /**
  * ButtonGroup component.
  *
@@ -676,7 +687,7 @@ type ButtonGroupProps = GenericProps;
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const ButtonGroup: Comp<GenericProps, HTMLDivElement>;
+declare const ButtonGroup: Comp<ButtonGroupProps, HTMLDivElement>;
 
 /**
  * Defines the props of the component.
@@ -740,6 +751,8 @@ interface ChipProps extends GenericProps, HasTheme {
     onAfterClick?: MouseEventHandler;
     /** On "before" element clicked callback. */
     onBeforeClick?: MouseEventHandler;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * Chip component.
@@ -962,6 +975,8 @@ interface DialogProps extends GenericProps {
     onVisibilityChange?(isVisible: boolean): void;
     /** whether to disable the scroll on the body or not */
     disableBodyScroll?: boolean;
+    /** Children */
+    children?: React.ReactNode;
 }
 type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
 /**
@@ -1207,6 +1222,8 @@ interface ExpansionPanelProps extends GenericProps, HasTheme {
     toggleButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;
     /** On toggle open or close callback. */
     onToggleOpen?(shouldOpen: boolean, event: React.MouseEvent): void;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * ExpansionPanel component.
@@ -1275,13 +1292,24 @@ interface FlexBoxProps extends GenericProps {
  */
 declare const FlexBox: Comp<FlexBoxProps, HTMLDivElement>;
 
-type GenericBlockGapSize = Extract<Size, 'tiny' | 'regular' | 'medium' | 'big' | 'huge'>;
 /**
  * Accepted gap sizes for the generic block.
  */
-declare const GenericBlockGapSize: {
-    [S in GenericBlockGapSize]: S;
-};
+declare const GenericBlockGapSize: Pick<{
+    readonly xxs: "xxs";
+    readonly xs: "xs";
+    readonly s: "s";
+    readonly m: "m";
+    readonly l: "l";
+    readonly xl: "xl";
+    readonly xxl: "xxl";
+    readonly tiny: "tiny";
+    readonly regular: "regular";
+    readonly medium: "medium";
+    readonly big: "big";
+    readonly huge: "huge";
+}, "big" | "tiny" | "regular" | "medium" | "huge">;
+type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
 
 interface GenericBlockProps extends FlexBoxProps {
     /**
@@ -1404,6 +1432,10 @@ interface TextProps extends GenericProps {
      * Ignored when `truncate` is set to true or lines: 1
      * */
     whiteSpace?: WhiteSpace;
+    /**
+     * Children
+     */
+    children?: React.ReactNode;
 }
 /**
  * Text component.
@@ -1422,6 +1454,10 @@ interface HeadingProps extends Partial<TextProps> {
      * Display a specific heading level instead of the one provided by parent context provider.
      */
     as?: HeadingElement;
+    /**
+     * Children
+     */
+    children?: React.ReactNode;
 }
 /**
  * Renders a heading component.
@@ -1461,6 +1497,8 @@ interface GridProps extends GenericProps {
     hAlign?: Alignment;
     /** Gutter size. */
     gutter?: GridGutterSize;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * Grid component.
@@ -1482,6 +1520,8 @@ interface GridItemProps extends GenericProps {
     order?: Columns;
     /** Width. */
     width?: Columns;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * GridItem component.
@@ -1791,6 +1831,10 @@ interface InlineListProps extends GenericProps {
      * Activate line wrap on overflow.
      */
     wrap?: boolean;
+    /**
+     * Children
+     */
+    children?: React.ReactNode;
 }
 /**
  * InlineList component.
@@ -1857,6 +1901,8 @@ interface LightboxProps extends GenericProps, HasTheme, Pick<AriaAttributes, 'ar
     zIndex?: number;
     /** On close callback. */
     onClose?(): void;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * Lightbox component.
@@ -1890,6 +1936,8 @@ interface LinkProps extends GenericProps {
     target?: HTMLAnchorProps['target'];
     /** Typography variant. */
     typography?: Typography;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * Link component.
@@ -2123,7 +2171,7 @@ declare const NavigationItem: (<E extends React.ElementType = "a">(props: React.
     ref?: ComponentRef<E> | undefined;
 }) => React.JSX.Element) & {
     displayName: string;
-    className: "lumx-navigation-item";
+    className: string;
 };
 
 type NavigationProps = React.ComponentProps<'nav'> & HasClassName & HasTheme & {
@@ -2358,6 +2406,8 @@ interface ProgressTrackerStepPanelProps extends GenericProps {
     id?: string;
     /** Whether the step is active or not. */
     isActive?: boolean;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * ProgressTrackerStepPanel component.
@@ -2469,6 +2519,8 @@ interface CoreSelectProps extends GenericProps, HasTheme {
     onInfiniteScroll?(): void;
     /** Render value function. Default: Renders the value as a string. */
     selectedValueRender?(choice: string): ReactNode | string;
+    /** Children */
+    children?: React.ReactNode;
 }
 
 /** Defines the props of the component. */
@@ -2686,6 +2738,8 @@ interface SlideshowProps extends GenericProps, Pick<SlidesProps, 'autoPlay' | 's
     slideshowControlsProps?: Pick<SlideshowControlsProps, 'nextButtonProps' | 'previousButtonProps' | 'paginationItemProps'> & Omit<SlideshowControlsProps, 'activeIndex' | 'onPaginationClick' | 'onNextClick' | 'onPreviousClick' | 'slidesCount' | 'parentRef' | 'theme'>;
     /** Callback when slide changes */
     onChange?(index: number): void;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * Slideshow component.
@@ -2702,6 +2756,8 @@ declare const Slideshow: Comp<SlideshowProps, HTMLDivElement>;
 interface SlideshowItemProps extends GenericProps {
     /** interval in which slides are automatically shown */
     interval?: number;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * SlideshowItem component.
@@ -2842,6 +2898,8 @@ interface SlidesProps extends GenericProps, HasTheme {
      * Receives the group position starting from 1 and the total number of groups.
      * */
     slideGroupLabel?: (groupPosition: number, groupTotal: number) => string;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * Slides component.
@@ -2872,6 +2930,8 @@ interface SwitchProps extends GenericProps, HasTheme {
     onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;
     /** optional props for input */
     inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * Switch component.
@@ -2890,6 +2950,8 @@ interface TableProps extends GenericProps, HasTheme {
     hasBefore?: boolean;
     /** Whether the table has dividers or not. */
     hasDividers?: boolean;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * Table component.
@@ -2903,7 +2965,10 @@ declare const Table: Comp<TableProps, HTMLTableElement>;
 /**
  * Defines the props of the component.
  */
-type TableBodyProps = GenericProps;
+interface TableBodyProps extends GenericProps {
+    /** Children */
+    children?: React.ReactNode;
+}
 /**
  * TableBody component.
  *
@@ -2911,7 +2976,7 @@ type TableBodyProps = GenericProps;
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const TableBody: Comp<GenericProps, HTMLTableSectionElement>;
+declare const TableBody: Comp<TableBodyProps, HTMLTableSectionElement>;
 
 /**
  * Table head cell sort order.
@@ -2943,6 +3008,8 @@ interface TableCellProps extends GenericProps {
     variant?: TableCellVariant;
     /** On header cell click callback. */
     onHeaderClick?(): void;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * TableCell component.
@@ -2956,7 +3023,10 @@ declare const TableCell: Comp<TableCellProps, HTMLTableCellElement>;
 /**
  * Defines the props of the component.
  */
-type TableHeaderProps = GenericProps;
+interface TableHeaderProps extends GenericProps {
+    /** Children */
+    children?: React.ReactNode;
+}
 /**
  * TableHeader component.
  *
@@ -2964,7 +3034,7 @@ type TableHeaderProps = GenericProps;
  * @param  ref   Component ref.
  * @return React element.
  */
-declare const TableHeader: Comp<GenericProps, HTMLTableSectionElement>;
+declare const TableHeader: Comp<TableHeaderProps, HTMLTableSectionElement>;
 
 /**
  * Defines the props of the component.
@@ -2976,6 +3046,8 @@ interface TableRowProps extends GenericProps {
     isDisabled?: boolean;
     /** Whether the component is selected or not. */
     isSelected?: boolean;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * TableRow component.
@@ -3075,6 +3147,8 @@ interface TabPanelProps extends GenericProps {
     id?: string;
     /** Whether the tab is active or not. */
     isActive?: boolean;
+    /** Children */
+    children?: React.ReactNode;
 }
 /**
  * TabPanel component.
@@ -3092,7 +3166,7 @@ declare const TabPanel: Comp<TabPanelProps, HTMLDivElement>;
  */
 interface TextFieldProps extends GenericProps, HasTheme {
     /** Chip Group to be rendered before the main text input. */
-    chips?: HTMLElement | ReactNode;
+    chips?: ReactNode;
     /** Props to pass to the clear button (minus those already set by the TextField props). If not specified, the button won't be displayed. */
     clearButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
     /** Error message. */