@uniformdev/design-system 17.3.0 → 17.3.1-alpha.117

package/dist/index.d.ts

@@ -399,6 +399,28 @@ declare type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
 };
 declare const Label: ({ children, className, testId, ...props }: LabelProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+declare type CheckboxWithInforProps = React.HTMLAttributes<HTMLInputElement> & {
+    /** sets the label value */
+    label: string;
+    /** sets the name value of the radio/checkbox input */
+    name: string;
+    /** sets info message */
+    info?: string;
+    /** (optional) sets the checked state of the input */
+    checked?: boolean;
+};
+/** @example <CheckboxWithInfo label="checkbox" name="name" info="some message" /> */
+declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLInputElement> & {
+    /** sets the label value */
+    label: string;
+    /** sets the name value of the radio/checkbox input */
+    name: string;
+    /** sets info message */
+    info?: string | undefined;
+    /** (optional) sets the checked state of the input */
+    checked?: boolean | undefined;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
 interface MenuProps extends MenuHTMLProps {
     /** sets aria-label attribute */
     menuLabel: string;
@@ -453,6 +475,10 @@ interface CalloutProps {
      * @default "info"
      */
     type: CalloutType;
+    /** make the display of the callout compact. Suitable for small spaces
+     * @default false
+     */
+    compact?: boolean;
     /** (optional) sets the title of the callout */
     title?: React$1.ReactNode;
     /** add child elements to the callout */
@@ -464,7 +490,7 @@ interface CalloutProps {
  * Uniform Callout Component
  * @example <Callout title="my title" type="caution"><p>callout body copy</p></Callout>
  */
-declare const Callout: ({ type, title, children, className }: CalloutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const Callout: ({ type, compact, title, children, className }: CalloutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
 /**
  * Loading Indicator
@@ -783,6 +809,10 @@ declare type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement
     buttonText?: string;
     /** sets the function action of the button */
     onButtonClick: () => void;
+    /** (optional) - sets the icon within the button, requires the icon provider to work
+     * @default 'regular'
+     */
+    variant?: 'regular' | 'small';
     /** (optional) - sets whether the button is disabled or not
      * @default undefined
      */
@@ -796,7 +826,7 @@ declare type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement
  * 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 const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, ...buttonProps }: AddListButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type TextAlignProps = 'left' | 'right' | 'center';
 declare type BoxHeightProps = 'auto' | 'sm' | 'md' | 'lg';
@@ -1067,4 +1097,4 @@ interface TabContentProps extends Partial<TabPanelProps> {
 }
 declare const TabContent: ({ children, ...props }: TabContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, ArrowPositionProps, Badge, BadgeProps, BoxHeightProps, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, ChildFunction, ComboBoxGroupBase, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, HexModalBackground, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, Label, LabelProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ResolveIcon, ResolveIconProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, TileContainer, TileContainerProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, button, buttonGhost, buttonPrimary, buttonRippleEffect, buttonSecondary, buttonTertiary, buttonUnimportant, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeOutBottom, growSubtle, input, inputError, inputSelect, labelText, mq, ripple, scrollbarStyles, skeletonLoading, supports, useCurrentTab, useIconContext, useMenuContext };
+export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, ArrowPositionProps, Badge, BadgeProps, BoxHeightProps, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, ComboBoxGroupBase, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, HexModalBackground, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, Label, LabelProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkProps, LinkWithRef, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ResolveIcon, ResolveIconProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, TileContainer, TileContainerProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, button, buttonGhost, buttonPrimary, buttonRippleEffect, buttonSecondary, buttonTertiary, buttonUnimportant, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeOutBottom, growSubtle, input, inputError, inputSelect, labelText, mq, ripple, scrollbarStyles, skeletonLoading, supports, useCurrentTab, useIconContext, useMenuContext };