@uniformdev/design-system 16.1.1-alpha.139 → 16.1.1-alpha.238

package/dist/index.d.ts

@@ -228,7 +228,7 @@ declare type InputInlineSelectProps = Omit<React$1.HTMLAttributes<HTMLButtonElem
  */
 declare const InputInlineSelect: ({ classNameContainer, options, value, onChange, disabled, ...props }: InputInlineSelectProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-interface InputKeywordSearchProps {
+interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
     /** function that takes a string value */
     onSearchTextChanged: (searchText: string) => void;
     /** (optional) sets the input field disabled state
@@ -254,7 +254,7 @@ interface InputKeywordSearchProps {
  * Component used for keyword search functionality
  * @example <InlineSelectInput disabled={index > 1} value={currentValue ?? '&'} options={[{ label: 'AND', value: '&' }, { label: 'OR', value: '|' }]} onChange={(s) => {setState(s.value)}} />
  */
-declare const InputKeywordSearch: ({ onSearchTextChanged, disabled, placeholder, inputFieldName, disabledFieldSubmission, value, }: InputKeywordSearchProps) => React$1.ReactElement;
+declare const InputKeywordSearch: ({ onSearchTextChanged, disabled, placeholder, inputFieldName, disabledFieldSubmission, value, ...props }: InputKeywordSearchProps) => React$1.ReactElement;
 
 declare type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
     /** (optional) sets the first item in the options list with empty value */
@@ -638,4 +638,58 @@ declare const TableRow: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedH
 declare const TableCellHead: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "key" | keyof React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>> & React$1.RefAttributes<HTMLTableCellElement>>;
 declare const TableCellData: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "key" | keyof React$1.TdHTMLAttributes<HTMLTableDataCellElement>> & React$1.RefAttributes<HTMLTableCellElement>>;
 
-export { ActionButtonsProps, AddButton, AddButtonProps, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, ChildFunction, ComboBoxGroupBase, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, Icon, IconColor, IconProps, IconType, IconsProvider, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, Label, LabelProps, LevelProps, Link, LinkColorProps, LinkProps, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuProps, Paragraph, ParagraphProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Textarea, TextareaProps, Theme, ThemeProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, input, inputError, inputSelect, labelText, mq, scrollbarStyles, useIconContext, useMenuContext };
+declare type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** (optional) - sets the button text and title value
+     * @default 'Add Item'
+     */
+    buttonText?: string;
+    /** sets the function action of the button */
+    onButtonClick: () => void;
+    /** (optional) - sets whether the button is disabled or not
+     * @default undefined
+     */
+    disabled?: boolean;
+    /** (optional) - sets the icon within the button, requires the icon provider to work
+     * @default 'add'
+     */
+    icon?: 'math-plus' | 'add' | 'add-r';
+};
+/**
+ * Uniform Add List Button Component
+ * @example <AddListButton buttonText="my text" onButtonClick={() => console.log('button clicked')} icon="add" />
+ */
+declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, ...buttonProps }: AddListButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type TextAlignProps = 'left' | 'right' | 'center';
+declare type BoxHeightProps = 'auto' | 'sm' | 'md' | 'lg';
+declare type DashedBoxProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    /** React child elements */
+    children: React$1.ReactNode;
+    /** (optional) - sets the text alignment */
+    textAlign?: TextAlignProps;
+    /** (optional) - sets the background color */
+    bgColor?: 'transparent' | 'white';
+    /** (optional) - sets the minimum box height */
+    boxHeight?: BoxHeightProps;
+};
+/**
+ * Uniform Dashed Box Component
+ * @example <DashedBox bgColor="white" boxHeight="md" textAlign="center"><h1>hello world</h1></DashedBox>
+ */
+declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare type LimitsBarProps = {
+    /** The current value of used limits */
+    current: number;
+    /** The maximum number of limits */
+    max: number;
+    /** Text value used for the label text */
+    label: string;
+};
+/**
+ * Uniform Limits Bar Component
+ * @example <LimitsBar current="3" max="5" label="signals" />
+ */
+declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, BoxHeightProps, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, ChildFunction, ComboBoxGroupBase, DashedBox, DashedBoxProps, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, Icon, IconColor, IconProps, IconType, IconsProvider, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, Label, LabelProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkProps, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuProps, Paragraph, ParagraphProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, input, inputError, inputSelect, labelText, mq, scrollbarStyles, useIconContext, useMenuContext };