@uniformdev/design-system 16.0.1-nuxt.146 → 16.0.1-nuxt.157

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 */
@@ -489,7 +489,7 @@ declare type ScrollableListProps = {
  */
 declare const ScrollableList: ({ label, children }: ScrollableListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare type ScrollableListItemProps = React$1.HTMLAttributes<HTMLButtonElement> & {
+declare type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** sets the button text value */
     buttonText: string;
     /** sets the active style of the button */
@@ -542,7 +542,7 @@ declare type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttrib
  */
 declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, disabled, children, placement, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare type AddButtonProps = Omit<React$1.HTMLAttributes<HTMLButtonElement>, 'onChange'> & {
+declare type AddButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> & {
     /** sets the aria-label for accessibility
      * @default "Add"
      */
@@ -660,4 +660,36 @@ declare type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement
  */
 declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, ...buttonProps }: AddListButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, 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 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 };