@uniformdev/design-system 16.2.1-nuxt.325 → 17.0.0

package/dist/index.d.ts

@@ -54,6 +54,30 @@ declare const inputSelect: _emotion_react.SerializedStyles;
 /** Custom scrollbar styles */
 declare const scrollbarStyles: _emotion_react.SerializedStyles;
 
+/**
+ * growSubtle animation
+ * @description - increases the size of an element from scale(1) - scale(1.15) and back down to scale(1) using transform: scale(1)
+ */
+declare const growSubtle: _emotion_react.Keyframes;
+/**
+ * fadeInBottom animation
+ * @description - fades in an element from the Y axis by 10px
+ */
+declare const fadeInBottom: _emotion_react.Keyframes;
+/**
+ * fadeOutBottom animation
+ * @description - fades out an element from the Y axis by 10px
+ */
+declare const fadeOutBottom: _emotion_react.Keyframes;
+/**
+ * fadeIn animation
+ * @description - fade in an element from 0 to 1 opacity
+ */
+declare const fadeIn: _emotion_react.Keyframes;
+declare const ripple: _emotion_react.Keyframes;
+declare const skeletonLoading: _emotion_react.Keyframes;
+declare const fadeInLtr: _emotion_react.Keyframes;
+
 declare type UniformLogoProps = {
     /** sets a light or dark theme for the uniform badge or logo component
      * @default "light"
@@ -333,12 +357,14 @@ declare type InputToggleProps = React$1.HTMLAttributes<HTMLInputElement> & {
      * @default 'bold'
      */
     fontWeight?: 'normal' | 'medium' | 'bold';
+    /** (optional) sets test id for test automation*/
+    testId?: string;
 };
 /**
  * Component that creates a checkbox or radio input field
  * @example <InputToggle label="Do you like ice cream?" type="checkbox" name="ice-cream" />
  */
-declare const InputToggle: ({ label, type, disabled, checked, name, caption, errorMessage, fontWeight, ...props }: InputToggleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const InputToggle: ({ label, type, disabled, checked, name, caption, errorMessage, testId, fontWeight, ...props }: InputToggleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     /** (optional) sets the label value */
@@ -805,7 +831,7 @@ declare type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAt
 };
 declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare type CreateTeamIntegrationTileProps = {
+declare type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
     /** (optional) sets the title value
      * @default 'Create a custom integration'
      */
@@ -821,7 +847,7 @@ declare type CreateTeamIntegrationTileProps = {
      */
     asDeepLink?: boolean;
 };
-declare const CreateTeamIntegrationTile: ({ title, buttonText, onClick, asDeepLink, }: CreateTeamIntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const CreateTeamIntegrationTile: ({ title, buttonText, onClick, asDeepLink, ...props }: CreateTeamIntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type EditTeamIntegrationTileProps = IntegrationTileFields & {
     /** sets the id value */
@@ -848,7 +874,7 @@ declare type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
  */
 declare const TileContainer: ({ children, ...props }: TileContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare type IntegrationComingSoonProps = IntegrationTileFields & {
+declare type IntegrationComingSoonProps = IntegrationTileFields & React.HTMLAttributes<HTMLDivElement> & {
     /** sets the id and data-testid value */
     id: string;
     /** click event used for tracking analytics data  */
@@ -862,7 +888,7 @@ declare type IntegrationComingSoonProps = IntegrationTileFields & {
  * Uniform Integration Coming Soon Component
  * @example <IntegrationComingSoon id="piedpiper" name="Pied Piper" icon="./piedpiper.svg" onUpVoteClick={() => someFunc()} />
  */
-declare const IntegrationComingSoon: ({ name, icon, id, onUpVoteClick, timing, }: IntegrationComingSoonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const IntegrationComingSoon: ({ name, icon, id, onUpVoteClick, timing, ...props }: IntegrationComingSoonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type ClassNameOptions = 'logo' | 'author';
 declare type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
@@ -890,6 +916,17 @@ declare type IntegrationModalIconProps = React$1.ImgHTMLAttributes<HTMLImageElem
  */
 declare const IntegrationModalIcon: ({ icon, name, ...imgProps }: IntegrationModalIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+declare type IntegrationLoadingTileProps = {
+    /** (optional) sets the number of skeletal loading elements to show
+     * @default 1
+     */
+    count?: number;
+};
+/** Uniform Integration Loading Tile
+ * @example <IntegrationLoadingTile count={10} />
+ */
+declare const IntegrationLoadingTile: ({ count }: IntegrationLoadingTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 declare type BadgeProps = {
     /** sets the text of the badge */
     text: string;
@@ -919,4 +956,4 @@ declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _em
  */
 declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _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, 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, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, Label, LabelProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, 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, input, inputError, inputSelect, labelText, mq, scrollbarStyles, supports, 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, 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, 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 };