@lumiastream/ui 0.2.5 → 0.2.6

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextFieldProps } from '@mui/material/TextField';
+import { ButtonProps } from '@mui/material/Button';
 import * as React from 'react';
-import { JSX, ReactNode, HTMLAttributes } from 'react';
+import { ReactNode, CSSProperties, JSX, HTMLAttributes } from 'react';
+import { TextFieldProps } from '@mui/material/TextField';
 import { SelectProps } from '@mui/material/Select';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { FieldValues, Path } from 'react-hook-form';
@@ -10,20 +11,32 @@ import { RadioGroupProps } from '@mui/material/RadioGroup';
 import { AutocompleteRenderOptionState } from '@mui/material/Autocomplete';
 import { CompletionContext } from '@codemirror/autocomplete';
 
-interface LSButtonProps {
-    /** Is this the principal call to action on the page? */
+type LSButtonColor = 'inherit' | 'primary' | 'secondary' | 'error' | 'neutral';
+type LSButtonVariant = 'text' | 'outlined' | 'contained';
+type LSButtonProps = Omit<ButtonProps, 'children' | 'color' | 'variant' | 'size'> & {
+    /** Compatibility alias for color="primary". */
     primary?: boolean;
-    /** What background color to use */
+    /** Compatibility style override for the button background. */
     backgroundColor?: string;
+    /** Loading state. */
+    loading?: boolean;
+    /** Color of the button. */
+    color?: LSButtonColor;
     /** How large should the button be? */
     size?: 'small' | 'medium' | 'large';
-    /** Button contents */
-    label: string;
-    /** Optional click handler */
-    onClick?: () => void;
-}
-/** Primary UI component for user interaction */
-declare const LSButton: ({ primary, size, backgroundColor, label, ...props }: LSButtonProps) => react_jsx_runtime.JSX.Element;
+    /** Element placed before the children. */
+    startIcon?: ReactNode;
+    /** Element placed after the children. */
+    endIcon?: ReactNode;
+    /** The variant to use. */
+    variant?: LSButtonVariant;
+    /** Button contents. */
+    label?: ReactNode;
+    /** Adds wider horizontal padding. */
+    extended?: number;
+    style?: CSSProperties;
+};
+declare const LSButton: ({ label, disabled, loading, variant, extended, color, primary, backgroundColor, className, sx, style, ...props }: LSButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface LSInputPropsChild$1 {
     id?: string;
@@ -199,7 +212,7 @@ type LSVariableInputContextValue = {
     isOriginConnected?: (origin: string) => boolean;
     translationKeyExists?: (key: string, namespace?: string) => boolean;
 };
-declare const LSVariableInputProvider: ({ children, value }: {
+declare const LSVariableInputProvider: ({ children, value, }: {
     children: ReactNode;
     value: LSVariableInputContextValue;
 }) => react_jsx_runtime.JSX.Element;
@@ -232,7 +245,7 @@ type LSVariableInputFieldProps = {
     value?: string | number | any[];
     placeholder?: string;
     renderOption?: (props: HTMLAttributes<HTMLLIElement>, option: any, state: AutocompleteRenderOptionState) => ReactNode;
-    variant?: 'standard' | 'filled' | 'outlined';
+    variant?: "standard" | "filled" | "outlined";
     ListboxComponent?: any;
     onScrollListBox?: (e: any) => void;
     onHighlightChange?: (e: any, value: any) => void;