@uniformdev/design-system 17.1.1-alpha.152 → 17.1.1-alpha.430

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -10,6 +10,7 @@ import { StateManagerProps } from 'react-select/dist/declarations/src/useStateMa
10
10
  import InternalSelect from 'react-select/dist/declarations/src/Select';
11
11
  import { MenuHTMLProps, MenuProps as MenuProps$1, MenuStateReturn } from 'reakit/Menu';
12
12
  import { MenuItemHTMLProps, MenuProps as MenuProps$2 } from 'reakit';
13
+ import { TabState, TabListProps, TabProps, TabPanelProps } from 'reakit/Tab';
13
14
 
14
15
  /** @todo: line 144 onwards will be brought into a title, paragraph, list and link components */
15
16
  declare type ThemeProps = {
@@ -77,6 +78,7 @@ declare const fadeIn: _emotion_react.Keyframes;
77
78
  declare const ripple: _emotion_react.Keyframes;
78
79
  declare const skeletonLoading: _emotion_react.Keyframes;
79
80
  declare const fadeInLtr: _emotion_react.Keyframes;
81
+ declare const fadeInRtl: _emotion_react.Keyframes;
80
82
 
81
83
  declare type UniformLogoProps = {
82
84
  /** sets a light or dark theme for the uniform badge or logo component
@@ -169,17 +171,19 @@ declare function IconsProvider({ children }: {
169
171
  children: ReactNode;
170
172
  }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
171
173
 
172
- declare type CaptionProps = {
174
+ declare type CaptionProps = React$1.HTMLAttributes<HTMLElement> & {
173
175
  /** allows users to add child elements */
174
176
  children: React$1.ReactNode;
175
- /** sets data-test-id attribute for test automation*/
177
+ /** Makes the font size relative to the inherited font size */
178
+ dynamicSize?: boolean;
179
+ /** sets data-test-id attribute for test automation */
176
180
  testId?: string;
177
181
  };
178
182
  /**
179
183
  * Component that provides caption text to input fields
180
184
  * @example <Caption>some help text here</Caption>
181
185
  */
182
- declare const Caption: ({ children, testId }: CaptionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
186
+ declare const Caption: ({ children, testId, dynamicSize, ...props }: CaptionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
183
187
 
184
188
  declare type ErrorMessageProps = {
185
189
  /** sets the error message value */
@@ -452,7 +456,7 @@ interface CalloutProps {
452
456
  /** (optional) sets the title of the callout */
453
457
  title?: React$1.ReactNode;
454
458
  /** add child elements to the callout */
455
- children: React$1.ReactNode;
459
+ children?: React$1.ReactNode;
456
460
  /** sets additional css classes or emotion styles on the callout */
457
461
  className?: SerializedStyles | string;
458
462
  }
@@ -1043,4 +1047,24 @@ declare type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
1043
1047
  };
1044
1048
  declare const LinkList: ({ title, children, ...props }: LinkListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1045
1049
 
1046
- 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, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, TileContainer, TileContainerProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, button, buttonGhost, buttonPrimary, buttonRippleEffect, buttonSecondary, buttonTertiary, buttonUnimportant, fadeIn, fadeInBottom, fadeInLtr, fadeOutBottom, growSubtle, input, inputError, inputSelect, labelText, mq, ripple, scrollbarStyles, skeletonLoading, supports, useIconContext, useMenuContext };
1050
+ declare const useCurrentTab: () => TabState;
1051
+ interface TabsProps {
1052
+ selectedId?: string;
1053
+ manual?: boolean;
1054
+ orientation?: TabState['orientation'];
1055
+ children: React__default.ReactNode;
1056
+ }
1057
+ declare const Tabs: ({ children, ...props }: TabsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1058
+ declare const TabButtonGroup: ({ children, ...props }: Partial<TabListProps>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1059
+ interface TabButtonProps extends Partial<TabProps> {
1060
+ id: string;
1061
+ children: React__default.ReactNode;
1062
+ }
1063
+ declare const TabButton: ({ children, id, ...props }: TabButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1064
+ interface TabContentProps extends Partial<TabPanelProps> {
1065
+ id: string;
1066
+ children: React__default.ReactNode;
1067
+ }
1068
+ declare const TabContent: ({ children, ...props }: TabContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
1069
+
1070
+ 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 };