@lumx/react 4.2.0 → 4.2.1-alpha.0

package/index.d.ts

@@ -1,7 +1,7 @@
 import { Kind as Kind$1, HorizontalAlignment, Size as Size$1, ColorPalette as ColorPalette$1, VerticalAlignment, Alignment, Orientation, AspectRatio, ColorWithVariants as ColorWithVariants$1, ColorVariant as ColorVariant$1, Typography as Typography$1, Emphasis as Emphasis$1, GlobalSize, TypographyInterface as TypographyInterface$1, Theme as Theme$1 } from '@lumx/core/js/constants';
 export * from '@lumx/core/js/constants';
 import * as _lumx_core_js_types from '@lumx/core/js/types';
-import { GenericProps as GenericProps$1, HasTheme as HasTheme$1, ValueOf, HasAriaDisabled as HasAriaDisabled$1, HasCloseMode, HeadingElement as HeadingElement$1, Falsy, HasClassName as HasClassName$1, HasRequiredLinkHref, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
+import { GenericProps as GenericProps$1, HasTheme as HasTheme$1, ValueOf, HasAriaDisabled as HasAriaDisabled$1, HasCloseMode, Falsy, HasClassName as HasClassName$1, HeadingElement as HeadingElement$1, HasRequiredLinkHref, HasAriaLabelOrLabelledBy } from '@lumx/core/js/types';
 export * from '@lumx/core/js/types';
 import * as React$1 from 'react';
 import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes, InputHTMLAttributes, RefObject, ImgHTMLAttributes, CSSProperties, SetStateAction, Key, ElementType, ComponentProps } from 'react';
@@ -531,7 +531,7 @@ interface BaseButtonProps extends GenericProps, Pick<AriaAttributes, 'aria-expan
     target?: '_self' | '_blank' | '_parent' | '_top';
     /** Native button type. */
     type?: 'submit' | 'reset' | 'button' | undefined;
-    /** Custom react component for the link (can be used to inject react router Link). */
+    /** Custom component for the link (can be used to inject router Link). */
     linkAs?: 'a' | any;
 }
 
@@ -622,7 +622,7 @@ interface ButtonGroupProps extends GenericProps {
     /**
      * Children
      */
-    children?: React.ReactNode;
+    children?: JSXElement;
 }
 
 /**
@@ -1179,16 +1179,20 @@ interface ExpansionPanelProps extends GenericProps$1, HasCloseMode, HasTheme$1 {
  */
 declare const ExpansionPanel: Comp<ExpansionPanelProps, HTMLDivElement>;
 
-interface FlagProps extends GenericProps$1, HasTheme$1 {
+interface FlagProps$1 extends GenericProps, HasTheme {
     /** Color of the component. */
-    color?: ColorPalette$1;
+    color?: ColorPalette;
     /** Icon to use before the label. */
     icon?: string;
     /** Text label of the flag. */
-    label: React.ReactNode;
+    children: JSXElement;
     /** Enable text truncate on overflow */
     truncate?: boolean;
 }
+
+interface FlagProps extends Omit<FlagProps$1, 'children'> {
+    label: React.ReactNode;
+}
 /**
  * Flag component.
  *
@@ -1383,15 +1387,6 @@ interface TextProps extends GenericProps {
     children?: JSXElement;
 }
 
-/**
- * Text component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Text: Comp<TextProps, HTMLElement>;
-
 /**
  * Defines the props of the component.
  */
@@ -1399,12 +1394,9 @@ interface HeadingProps extends Partial<TextProps> {
     /**
      * Display a specific heading level instead of the one provided by parent context provider.
      */
-    as?: HeadingElement$1;
-    /**
-     * Children
-     */
-    children?: React.ReactNode;
+    as?: HeadingElement;
 }
+
 /**
  * Renders a heading component.
  * Extends the `Text` Component with the heading level automatically computed based on
@@ -2053,13 +2045,13 @@ declare const ListSubheader: Comp<ListSubheaderProps, HTMLLIElement>;
 /**
  * Defines the props of the component.
  */
-interface MessageProps extends GenericProps$1 {
+interface MessageProps extends GenericProps {
     /** Content. */
-    children?: ReactNode;
+    children?: JSXElement;
     /** Whether the message has a background or not. */
     hasBackground?: boolean;
     /** Message variant. */
-    kind?: Kind$1;
+    kind?: Kind;
     /** Message custom icon SVG path. */
     icon?: string;
     /**
@@ -2074,6 +2066,7 @@ interface MessageProps extends GenericProps$1 {
         label: string;
     };
 }
+
 /**
  * Message component.
  *
@@ -3143,6 +3136,15 @@ interface TabPanelProps extends GenericProps$1 {
  */
 declare const TabPanel: Comp<TabPanelProps, HTMLDivElement>;
 
+/**
+ * Text component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Text: Comp<TextProps, HTMLElement>;
+
 /**
  * Defines the props of the component.
  */