@uniformdev/design-system 20.7.1-alpha.4 → 20.8.2-alpha.15
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/esm/{importedIcons-SI6R3MYO.js → importedIcons-NFIA4IOK.js} +5 -1
- package/dist/esm/index.js +1902 -1658
- package/dist/index.d.mts +133 -85
- package/dist/index.d.ts +133 -85
- package/dist/index.js +2163 -1906
- package/package.json +7 -7
package/dist/index.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
2
2
|
import { Decorator } from '@storybook/react';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
|
-
import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, FocusEventHandler, ChangeEvent
|
|
4
|
+
import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, HtmlHTMLAttributes, PropsWithChildren, FocusEventHandler, ChangeEvent } from 'react';
|
|
5
5
|
import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
|
|
6
6
|
export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
|
|
7
7
|
import * as _emotion_react from '@emotion/react';
|
|
@@ -189,6 +189,7 @@ declare const skeletonLoading: _emotion_react.Keyframes;
|
|
|
189
189
|
declare const fadeInLtr: _emotion_react.Keyframes;
|
|
190
190
|
declare const fadeInRtl: _emotion_react.Keyframes;
|
|
191
191
|
declare const slideInTtb: _emotion_react.Keyframes;
|
|
192
|
+
declare const slideInRtl: _emotion_react.Keyframes;
|
|
192
193
|
declare const spin: _emotion_react.Keyframes;
|
|
193
194
|
|
|
194
195
|
/** Custom scrollbar styles */
|
|
@@ -408,8 +409,12 @@ type TooltipProps = TooltipOptions & {
|
|
|
408
409
|
children: JSX.Element;
|
|
409
410
|
/** If the tooltip should not be rendered inside a portal */
|
|
410
411
|
withoutPortal?: boolean;
|
|
412
|
+
/** sets the delay time before showing the tooltip
|
|
413
|
+
* @default 0
|
|
414
|
+
*/
|
|
415
|
+
timeout?: number;
|
|
411
416
|
} & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
|
|
412
|
-
declare function Tooltip({ children, title, placement, visible, withoutPortal, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
417
|
+
declare function Tooltip({ children, title, placement, visible, withoutPortal, timeout, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
413
418
|
|
|
414
419
|
/** Button sizes that are available to use with our brand */
|
|
415
420
|
type ButtonSizeProps$1 = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -1150,6 +1155,8 @@ declare const allSupportedIcons: {
|
|
|
1150
1155
|
'device-tv': _react_icons_all_files.IconType;
|
|
1151
1156
|
'device-ipad': _react_icons_all_files.IconType;
|
|
1152
1157
|
'device-mobile-rotated': _react_icons_all_files.IconType;
|
|
1158
|
+
'plug-angled': _react_icons_all_files.IconType;
|
|
1159
|
+
'clock-edit': _react_icons_all_files.IconType;
|
|
1153
1160
|
};
|
|
1154
1161
|
|
|
1155
1162
|
/** A list of available icon names that can be used with the Uniform brand */
|
|
@@ -1251,6 +1258,9 @@ declare const uniformCompositionPatternIcon: IconType$1;
|
|
|
1251
1258
|
declare const uniformContentTypeIcon: IconType$1;
|
|
1252
1259
|
declare const uniformEntryIcon: IconType$1;
|
|
1253
1260
|
declare const uniformEntryPatternIcon: IconType$1;
|
|
1261
|
+
declare const uniformStatusDraftIcon: IconType$1;
|
|
1262
|
+
declare const uniformStatusModifiedIcon: IconType$1;
|
|
1263
|
+
declare const uniformStatusPublishedIcon: IconType$1;
|
|
1254
1264
|
|
|
1255
1265
|
type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
|
|
1256
1266
|
type ButtonSizeProps = 'sm' | 'base' | 'lg';
|
|
@@ -1888,7 +1898,7 @@ declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAt
|
|
|
1888
1898
|
|
|
1889
1899
|
type ErrorMessageProps = {
|
|
1890
1900
|
/** sets the error message value */
|
|
1891
|
-
message?:
|
|
1901
|
+
message?: ReactNode;
|
|
1892
1902
|
/** sets the test id for test automation (optional) */
|
|
1893
1903
|
testId?: string;
|
|
1894
1904
|
className?: string;
|
|
@@ -2471,6 +2481,18 @@ type KeyValueInputProps<TValue extends string = string> = {
|
|
|
2471
2481
|
*/
|
|
2472
2482
|
declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, keyInfoPopover, valueInfoPopover, disabled, errors, onFocusChange, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2473
2483
|
|
|
2484
|
+
type AsideAndSectionLayout = {
|
|
2485
|
+
/** sets child components in the aside / supporting column */
|
|
2486
|
+
sidebar?: ReactNode;
|
|
2487
|
+
/** sets child components in the section / main content column */
|
|
2488
|
+
children: ReactNode;
|
|
2489
|
+
/** Makes the sidebar sticky to the top of the container
|
|
2490
|
+
* @default false
|
|
2491
|
+
*/
|
|
2492
|
+
isStickyAside?: boolean;
|
|
2493
|
+
};
|
|
2494
|
+
declare const AsideAndSectionLayout: ({ sidebar, children, isStickyAside, }: AsideAndSectionLayout) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2495
|
+
|
|
2474
2496
|
type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
|
|
2475
2497
|
type BackgroundColorProp = 'transparent' | 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
|
|
2476
2498
|
type HtmlTagProps = 'div' | 'section' | 'article' | 'aside' | 'span';
|
|
@@ -2551,14 +2573,10 @@ declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_r
|
|
|
2551
2573
|
type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
2552
2574
|
/** sets the title field */
|
|
2553
2575
|
title: string;
|
|
2554
|
-
/** sets padding value
|
|
2555
|
-
* @default 'var(--spacing-md)'
|
|
2556
|
-
*/
|
|
2557
|
-
padding?: string;
|
|
2558
2576
|
/** (optional) sets react child component */
|
|
2559
2577
|
children?: React$1.ReactNode;
|
|
2560
2578
|
};
|
|
2561
|
-
declare const LinkList: ({ title,
|
|
2579
|
+
declare const LinkList: ({ title, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2562
2580
|
|
|
2563
2581
|
type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
2564
2582
|
/** (optional) sets the label value */
|
|
@@ -2670,7 +2688,7 @@ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonE
|
|
|
2670
2688
|
bgColor?: string;
|
|
2671
2689
|
}
|
|
2672
2690
|
/** Renders a dropdown menu style menu trigger button */
|
|
2673
|
-
declare
|
|
2691
|
+
declare const DropdownStyleMenuTrigger: React$1.ForwardRefExoticComponent<DropdownStyleMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2674
2692
|
|
|
2675
2693
|
declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
|
|
2676
2694
|
type LegacyPlacement = (typeof legacyPlacements)[number];
|
|
@@ -2704,6 +2722,11 @@ interface MenuProps extends MenuProps$1 {
|
|
|
2704
2722
|
*/
|
|
2705
2723
|
maxMenuHeight?: string;
|
|
2706
2724
|
portalElement?: React$1.ComponentProps<typeof Menu$1>['portalElement'];
|
|
2725
|
+
/** sets the menu size
|
|
2726
|
+
* it's recommended to use the same size for all menu items in a menu
|
|
2727
|
+
* @default 'base'
|
|
2728
|
+
*/
|
|
2729
|
+
size?: 'small' | 'base';
|
|
2707
2730
|
}
|
|
2708
2731
|
/**
|
|
2709
2732
|
* Component used for creating clickable menus
|
|
@@ -2734,7 +2757,9 @@ type MenuItemProps = MenuItemProps$1 & {
|
|
|
2734
2757
|
children?: ChildFunction | React$1.ReactNode;
|
|
2735
2758
|
/** (optional) set whether to hide the menu after a click action */
|
|
2736
2759
|
hideMenuOnClick?: boolean;
|
|
2737
|
-
/** (optional) set an icon along side the item text
|
|
2760
|
+
/** (optional) set an icon along side the item text, we recommend using the MenuItemIcon component
|
|
2761
|
+
* @example <MenuItemIcon icon="add-r" />
|
|
2762
|
+
*/
|
|
2738
2763
|
icon?: React$1.ReactElement;
|
|
2739
2764
|
/** When an element is disabled, it may still be focusable. It works similarly to readOnly on form elements. In this case, only aria-disabled will be set. */
|
|
2740
2765
|
focusable?: boolean;
|
|
@@ -2770,8 +2795,9 @@ declare const MenuItemInner: React$1.FC<MenuItemProps>;
|
|
|
2770
2795
|
* Renders an icon for a menu item. Optional micro wrapper around an Icon component
|
|
2771
2796
|
* configured to match the menu item icon style.
|
|
2772
2797
|
*/
|
|
2773
|
-
declare function MenuItemIcon({ icon }: {
|
|
2798
|
+
declare function MenuItemIcon({ icon, size }: {
|
|
2774
2799
|
icon: IconType;
|
|
2800
|
+
size?: string;
|
|
2775
2801
|
}): _emotion_react_jsx_runtime.JSX.Element;
|
|
2776
2802
|
/**
|
|
2777
2803
|
* Indents a menu item as if it had an icon when it does not
|
|
@@ -2780,7 +2806,7 @@ declare function MenuItemIcon({ icon }: {
|
|
|
2780
2806
|
*/
|
|
2781
2807
|
declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
|
|
2782
2808
|
|
|
2783
|
-
declare const MenuItemSeparator: () => _emotion_react_jsx_runtime.JSX.Element;
|
|
2809
|
+
declare const MenuItemSeparator: ({ ...props }: HtmlHTMLAttributes<HTMLHRElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2784
2810
|
|
|
2785
2811
|
type MenuButtonProp = {
|
|
2786
2812
|
children: React.ReactNode;
|
|
@@ -2822,7 +2848,7 @@ type SearchableMenuProps = {
|
|
|
2822
2848
|
/**
|
|
2823
2849
|
* Searchable menu allows searching through its menu items
|
|
2824
2850
|
*/
|
|
2825
|
-
declare
|
|
2851
|
+
declare const SearchableMenu: (props: SearchableMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2826
2852
|
|
|
2827
2853
|
interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
|
|
2828
2854
|
selected: boolean;
|
|
@@ -2975,20 +3001,25 @@ type ObjectItemLoadingSkeletonProps = {
|
|
|
2975
3001
|
declare const ObjectItemLoadingSkeleton: ({ showCover, renderAs, }: ObjectItemLoadingSkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2976
3002
|
|
|
2977
3003
|
/** @deprecated - Beta Object list item component */
|
|
2978
|
-
type ObjectListItemProps =
|
|
2979
|
-
|
|
3004
|
+
type ObjectListItemProps = {
|
|
3005
|
+
/** Optional ref to the stacked route container to scope all components rendered via portal to be inside the stacked route container */
|
|
3006
|
+
portalElement?: MenuProps['portalElement'];
|
|
2980
3007
|
cover?: ReactNode;
|
|
2981
3008
|
dragHandle?: ReactNode;
|
|
3009
|
+
/** Sets the container query width for wrapping container
|
|
3010
|
+
* @default '34rem'
|
|
3011
|
+
*/
|
|
3012
|
+
minContainerQueryWidth?: string;
|
|
3013
|
+
} & ((ObjectListItemSingleProps & HTMLAttributes<HTMLDivElement>) | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>));
|
|
3014
|
+
type ObjectListItemSingleProps = Omit<ObjectItemProps, 'cover' | 'children'> & {
|
|
2982
3015
|
renderAs?: 'single';
|
|
2983
3016
|
};
|
|
2984
3017
|
type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
|
|
2985
|
-
cover?: ReactNode;
|
|
2986
|
-
dragHandle?: ReactNode;
|
|
2987
3018
|
renderAs?: 'multi';
|
|
2988
3019
|
children?: ReactNode;
|
|
2989
3020
|
};
|
|
2990
3021
|
/** @deprecated - beta Object list item component */
|
|
2991
|
-
declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3022
|
+
declare const ObjectListItem: ({ minContainerQueryWidth, ...props }: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2992
3023
|
|
|
2993
3024
|
/** @deprecated - Beta Object list item container component */
|
|
2994
3025
|
declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
@@ -3508,11 +3539,15 @@ type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
|
|
|
3508
3539
|
}) => void;
|
|
3509
3540
|
/**
|
|
3510
3541
|
* Valid CSS unit to set the maximum popover width
|
|
3511
|
-
* @default '
|
|
3542
|
+
* @default '14rem'
|
|
3512
3543
|
*/
|
|
3513
3544
|
maxWidth?: string;
|
|
3545
|
+
/** sets the variant to show
|
|
3546
|
+
* @default 'small'
|
|
3547
|
+
*/
|
|
3548
|
+
variant?: 'large' | 'small';
|
|
3514
3549
|
};
|
|
3515
|
-
declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3550
|
+
declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, variant, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3516
3551
|
/**
|
|
3517
3552
|
* Hook to get the current popover context
|
|
3518
3553
|
* @description This hook is used to get the current popover context
|
|
@@ -3829,70 +3864,6 @@ type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes
|
|
|
3829
3864
|
};
|
|
3830
3865
|
declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3831
3866
|
|
|
3832
|
-
type ClassNameOptions = 'logo' | 'author';
|
|
3833
|
-
type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
|
|
3834
|
-
/** sets the emotion styles for the rendered image
|
|
3835
|
-
* @default 'logo'
|
|
3836
|
-
*/
|
|
3837
|
-
styleType?: ClassNameOptions;
|
|
3838
|
-
};
|
|
3839
|
-
/** Uniform Resolve Icon Component
|
|
3840
|
-
* @example <ResolveIcon icon="/my-image.png" name="my image" />
|
|
3841
|
-
*/
|
|
3842
|
-
declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
3843
|
-
|
|
3844
|
-
type TileProps = {
|
|
3845
|
-
children: ReactNode;
|
|
3846
|
-
disabled?: boolean;
|
|
3847
|
-
isSelected?: boolean;
|
|
3848
|
-
} & HtmlHTMLAttributes<HTMLButtonElement>;
|
|
3849
|
-
declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3850
|
-
|
|
3851
|
-
type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
|
|
3852
|
-
/** sets the background colour of the outter container
|
|
3853
|
-
* @default 'var(--brand-secondary-2)'
|
|
3854
|
-
*/
|
|
3855
|
-
bgColor?: string;
|
|
3856
|
-
/** sets the padding of the outter container
|
|
3857
|
-
* @default 'base'
|
|
3858
|
-
*/
|
|
3859
|
-
containerPadding?: '0' | 'sm' | 'base' | 'md' | 'lg';
|
|
3860
|
-
/** sets the grid-template-columns css property
|
|
3861
|
-
* @default 'repeat(auto-fill, minmax(13rem, 1fr))'
|
|
3862
|
-
*/
|
|
3863
|
-
gridTemplateColumns?: string;
|
|
3864
|
-
/** sets the spacing between grid elements
|
|
3865
|
-
* @default 'base'
|
|
3866
|
-
*/
|
|
3867
|
-
gap?: '0' | 'sm' | 'base' | 'md' | 'lg';
|
|
3868
|
-
/** sets react child elements */
|
|
3869
|
-
children: React$1.ReactNode;
|
|
3870
|
-
};
|
|
3871
|
-
/**
|
|
3872
|
-
* Uniform Tile Container Component
|
|
3873
|
-
* @example <TileContainer><div>child content</div></TileContainer>
|
|
3874
|
-
*/
|
|
3875
|
-
declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3876
|
-
|
|
3877
|
-
type TileTitleProps = {
|
|
3878
|
-
as?: 'heading' | 'description';
|
|
3879
|
-
children: ReactNode;
|
|
3880
|
-
} & HTMLAttributes<HTMLSpanElement>;
|
|
3881
|
-
declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3882
|
-
|
|
3883
|
-
type ToastContainerProps = {
|
|
3884
|
-
limit?: number;
|
|
3885
|
-
/** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
|
|
3886
|
-
* @default 'normal'
|
|
3887
|
-
*/
|
|
3888
|
-
autoCloseDelay?: 'normal' | 'medium' | 'long';
|
|
3889
|
-
};
|
|
3890
|
-
/**
|
|
3891
|
-
* A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
|
|
3892
|
-
* @example <App><ToastContainer autoCloseDelay="normal" /></App>
|
|
3893
|
-
*/
|
|
3894
|
-
declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3895
|
-
|
|
3896
3867
|
/** Available heading weights e.g. 1 - 6 */
|
|
3897
3868
|
type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
|
|
3898
3869
|
type HeadingProps = {
|
|
@@ -3992,6 +3963,83 @@ type ParagraphProps = {
|
|
|
3992
3963
|
*/
|
|
3993
3964
|
declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3994
3965
|
|
|
3966
|
+
type LinkTileProps = {
|
|
3967
|
+
children: ReactNode;
|
|
3968
|
+
} & React.AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
3969
|
+
type LinkTileWithRefProps = {
|
|
3970
|
+
children: ReactNode;
|
|
3971
|
+
linkManagerComponent: LinkManagerWithRefType;
|
|
3972
|
+
as?: string;
|
|
3973
|
+
href: string;
|
|
3974
|
+
passHref: true;
|
|
3975
|
+
legacyBehavior?: boolean;
|
|
3976
|
+
} & React.RefAttributes<HTMLAnchorElement>;
|
|
3977
|
+
declare const LinkTile: React$1.ForwardRefExoticComponent<(LinkTileProps | Omit<LinkTileWithRefProps, "ref">) & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
3978
|
+
|
|
3979
|
+
type ClassNameOptions = 'logo' | 'author';
|
|
3980
|
+
type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
|
|
3981
|
+
/** sets the emotion styles for the rendered image
|
|
3982
|
+
* @default 'logo'
|
|
3983
|
+
*/
|
|
3984
|
+
styleType?: ClassNameOptions;
|
|
3985
|
+
};
|
|
3986
|
+
/** Uniform Resolve Icon Component
|
|
3987
|
+
* @example <ResolveIcon icon="/my-image.png" name="my image" />
|
|
3988
|
+
*/
|
|
3989
|
+
declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
3990
|
+
|
|
3991
|
+
type TileProps = {
|
|
3992
|
+
children: ReactNode;
|
|
3993
|
+
disabled?: boolean;
|
|
3994
|
+
isSelected?: boolean;
|
|
3995
|
+
} & HtmlHTMLAttributes<HTMLButtonElement>;
|
|
3996
|
+
declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3997
|
+
|
|
3998
|
+
type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
|
|
3999
|
+
/** sets the background colour of the outter container
|
|
4000
|
+
* @default 'var(--brand-secondary-2)'
|
|
4001
|
+
*/
|
|
4002
|
+
bgColor?: string;
|
|
4003
|
+
/** sets the padding of the outter container
|
|
4004
|
+
* @default 'base'
|
|
4005
|
+
*/
|
|
4006
|
+
containerPadding?: '0' | 'sm' | 'base' | 'md' | 'lg';
|
|
4007
|
+
/** sets the grid-template-columns css property
|
|
4008
|
+
* @default 'repeat(auto-fill, minmax(13rem, 1fr))'
|
|
4009
|
+
*/
|
|
4010
|
+
gridTemplateColumns?: string;
|
|
4011
|
+
/** sets the spacing between grid elements
|
|
4012
|
+
* @default 'base'
|
|
4013
|
+
*/
|
|
4014
|
+
gap?: '0' | 'sm' | 'base' | 'md' | 'lg';
|
|
4015
|
+
/** sets react child elements */
|
|
4016
|
+
children: React$1.ReactNode;
|
|
4017
|
+
};
|
|
4018
|
+
/**
|
|
4019
|
+
* Uniform Tile Container Component
|
|
4020
|
+
* @example <TileContainer><div>child content</div></TileContainer>
|
|
4021
|
+
*/
|
|
4022
|
+
declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4023
|
+
|
|
4024
|
+
type TileTitleProps = {
|
|
4025
|
+
as?: 'heading' | 'description';
|
|
4026
|
+
children: ReactNode;
|
|
4027
|
+
} & HTMLAttributes<HTMLSpanElement>;
|
|
4028
|
+
declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4029
|
+
|
|
4030
|
+
type ToastContainerProps = {
|
|
4031
|
+
limit?: number;
|
|
4032
|
+
/** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
|
|
4033
|
+
* @default 'normal'
|
|
4034
|
+
*/
|
|
4035
|
+
autoCloseDelay?: 'normal' | 'medium' | 'long';
|
|
4036
|
+
};
|
|
4037
|
+
/**
|
|
4038
|
+
* A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
|
|
4039
|
+
* @example <App><ToastContainer autoCloseDelay="normal" /></App>
|
|
4040
|
+
*/
|
|
4041
|
+
declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4042
|
+
|
|
3995
4043
|
type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown' | 'Deleted';
|
|
3996
4044
|
type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
3997
4045
|
/** sets the current status */
|
|
@@ -4013,4 +4061,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
4013
4061
|
};
|
|
4014
4062
|
declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4015
4063
|
|
|
4016
|
-
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|
|
4064
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|