@wistia/ui 0.18.14 → 0.18.15-beta.41df01b8.25c8f5e
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.cjs +814 -766
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +30 -29
- package/dist/index.d.ts +30 -29
- package/dist/index.mjs +814 -767
- package/dist/index.mjs.map +1 -1
- package/package.json +20 -20
package/dist/index.d.mts
CHANGED
|
@@ -99,7 +99,7 @@ type Rect = {
|
|
|
99
99
|
x: number;
|
|
100
100
|
y: number;
|
|
101
101
|
};
|
|
102
|
-
declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T>, Rect];
|
|
102
|
+
declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
|
|
103
103
|
|
|
104
104
|
/**
|
|
105
105
|
* Hook that wraps `useFilePicker` from the use-file-picker library
|
|
@@ -116,7 +116,7 @@ declare const useImperativeFilePicker: <T extends useImperativeFilePickerConfig
|
|
|
116
116
|
|
|
117
117
|
type UseFocusTrapOptions = {
|
|
118
118
|
disableAriaHider?: boolean;
|
|
119
|
-
focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
|
|
119
|
+
focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
|
|
120
120
|
};
|
|
121
121
|
declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
|
|
122
122
|
|
|
@@ -365,9 +365,7 @@ type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
|
|
|
365
365
|
* action, or performing a delete operation. It replaces the HTML `<button>` element,
|
|
366
366
|
* unless an `href` attribute is passed, in which it will render an `<a>` element.
|
|
367
367
|
*/
|
|
368
|
-
declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps &
|
|
369
|
-
ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
|
|
370
|
-
} & {
|
|
368
|
+
declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
371
369
|
beforeAction?: (() => Promise<void>) | (() => void);
|
|
372
370
|
children: ReactNode;
|
|
373
371
|
colorScheme?: ColorSchemeTypes;
|
|
@@ -398,9 +396,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
|
|
|
398
396
|
* @ignore
|
|
399
397
|
*/
|
|
400
398
|
type?: LinkTypes;
|
|
401
|
-
}, "ref"> | Omit<BaseButtonProps &
|
|
402
|
-
ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
|
|
403
|
-
} & {
|
|
399
|
+
}, "ref"> | Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
404
400
|
beforeAction?: (() => Promise<void>) | (() => void);
|
|
405
401
|
children: ReactNode;
|
|
406
402
|
colorScheme?: ColorSchemeTypes;
|
|
@@ -409,9 +405,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
|
|
|
409
405
|
rightIcon?: ReactNode | undefined;
|
|
410
406
|
type?: LinkTypes | undefined;
|
|
411
407
|
underline?: "always" | "hover" | "none";
|
|
412
|
-
} &
|
|
413
|
-
ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
|
|
414
|
-
} & {
|
|
408
|
+
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
415
409
|
href?: never;
|
|
416
410
|
type?: "button" | "reset" | "submit";
|
|
417
411
|
} & {
|
|
@@ -1144,7 +1138,7 @@ type ClickRegionProps = {
|
|
|
1144
1138
|
/**
|
|
1145
1139
|
* The ref to the button or link that should be clicked when the ClickRegion is clicked.
|
|
1146
1140
|
*/
|
|
1147
|
-
targetRef:
|
|
1141
|
+
targetRef: RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
|
|
1148
1142
|
};
|
|
1149
1143
|
/**
|
|
1150
1144
|
* This allows larger elements to be interactive links or buttons while maintaining acessibility.
|
|
@@ -1334,6 +1328,7 @@ declare const iconMap: {
|
|
|
1334
1328
|
'private-chat': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1335
1329
|
'private-user-sessions': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1336
1330
|
project: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1331
|
+
'project-open': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1337
1332
|
properties: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1338
1333
|
'question-mark': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1339
1334
|
react: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1674,7 +1669,7 @@ type ContextMenuProps = {
|
|
|
1674
1669
|
} | {
|
|
1675
1670
|
position?: never;
|
|
1676
1671
|
side?: never;
|
|
1677
|
-
triggerRef: RefObject<HTMLElement>;
|
|
1672
|
+
triggerRef: RefObject<HTMLElement | null>;
|
|
1678
1673
|
});
|
|
1679
1674
|
/**
|
|
1680
1675
|
* The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
|
|
@@ -1723,7 +1718,7 @@ declare const DataCard: {
|
|
|
1723
1718
|
displayName: string;
|
|
1724
1719
|
};
|
|
1725
1720
|
|
|
1726
|
-
type DataCardsProps = ComponentPropsWithoutRef<'
|
|
1721
|
+
type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
|
|
1727
1722
|
/**
|
|
1728
1723
|
* Should be at least one `DataCard` component
|
|
1729
1724
|
*/
|
|
@@ -2865,9 +2860,7 @@ type MenuItemButtonProps = ButtonProps & {
|
|
|
2865
2860
|
unstyled?: never;
|
|
2866
2861
|
};
|
|
2867
2862
|
|
|
2868
|
-
declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps &
|
|
2869
|
-
ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
|
|
2870
|
-
} & {
|
|
2863
|
+
declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
2871
2864
|
beforeAction?: (() => Promise<void>) | (() => void);
|
|
2872
2865
|
children: react.ReactNode;
|
|
2873
2866
|
colorScheme?: ColorSchemeTypes;
|
|
@@ -2908,9 +2901,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
|
|
|
2908
2901
|
* Treats the menu item as a link when provided
|
|
2909
2902
|
*/
|
|
2910
2903
|
href?: MenuItemButtonProps["href"];
|
|
2911
|
-
}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps &
|
|
2912
|
-
ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
|
|
2913
|
-
} & {
|
|
2904
|
+
}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
2914
2905
|
beforeAction?: (() => Promise<void>) | (() => void);
|
|
2915
2906
|
children: react.ReactNode;
|
|
2916
2907
|
colorScheme?: ColorSchemeTypes;
|
|
@@ -2919,9 +2910,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
|
|
|
2919
2910
|
rightIcon?: react.ReactNode | undefined;
|
|
2920
2911
|
type?: LinkTypes | undefined;
|
|
2921
2912
|
underline?: "always" | "hover" | "none";
|
|
2922
|
-
} &
|
|
2923
|
-
ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
|
|
2924
|
-
} & {
|
|
2913
|
+
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
2925
2914
|
href?: never;
|
|
2926
2915
|
type?: "button" | "reset" | "submit";
|
|
2927
2916
|
} & {
|
|
@@ -2947,9 +2936,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
|
|
|
2947
2936
|
* Treats the menu item as a link when provided
|
|
2948
2937
|
*/
|
|
2949
2938
|
href?: MenuItemButtonProps["href"];
|
|
2950
|
-
}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps &
|
|
2951
|
-
ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
|
|
2952
|
-
} & {
|
|
2939
|
+
}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
2953
2940
|
href?: never;
|
|
2954
2941
|
type?: "button" | "reset" | "submit";
|
|
2955
2942
|
children: react.ReactNode;
|
|
@@ -3106,7 +3093,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
3106
3093
|
/**
|
|
3107
3094
|
* Ref to the element that should receive focus when the modal opens
|
|
3108
3095
|
*/
|
|
3109
|
-
initialFocusRef?: RefObject<HTMLElement>;
|
|
3096
|
+
initialFocusRef?: RefObject<HTMLElement | null>;
|
|
3110
3097
|
/**
|
|
3111
3098
|
* Determines if the modal is currently open
|
|
3112
3099
|
*/
|
|
@@ -3154,7 +3141,7 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
|
|
|
3154
3141
|
/**
|
|
3155
3142
|
* Ref to the element that should receive focus when the modal opens
|
|
3156
3143
|
*/
|
|
3157
|
-
initialFocusRef?: RefObject<HTMLElement>;
|
|
3144
|
+
initialFocusRef?: RefObject<HTMLElement | null>;
|
|
3158
3145
|
/**
|
|
3159
3146
|
* Determines if the modal is currently open
|
|
3160
3147
|
*/
|
|
@@ -4367,4 +4354,18 @@ declare const SplitButton: {
|
|
|
4367
4354
|
displayName: string;
|
|
4368
4355
|
};
|
|
4369
4356
|
|
|
4370
|
-
|
|
4357
|
+
type CustomizableTokens = '--wui-color-backdrop' | '--wui-color-bg-app' | '--wui-color-bg-fill-active' | '--wui-color-bg-fill-hover' | '--wui-color-bg-fill-white ' | '--wui-color-bg-fill' | '--wui-color-bg-surface-active' | '--wui-color-bg-surface-disabled' | '--wui-color-bg-surface-hover' | '--wui-color-bg-surface-secondary-active' | '--wui-color-bg-surface-secondary-hover' | '--wui-color-bg-surface-secondary' | '--wui-color-bg-surface-selected-active' | '--wui-color-bg-surface-selected-hover' | '--wui-color-bg-surface-selected' | '--wui-color-bg-surface-tertiary' | '--wui-color-bg-surface' | '--wui-color-bg-tooltip' | '--wui-color-border-active-selected' | '--wui-color-border-active' | '--wui-color-border-disabled' | '--wui-color-border-hover-selected' | '--wui-color-border-hover' | '--wui-color-border-secondary-active' | '--wui-color-border-secondary-hover' | '--wui-color-border-secondary' | '--wui-color-border-selected' | '--wui-color-border' | '--wui-color-drop-shadow' | '--wui-color-focus-color' | '--wui-color-focus-ring-disabled' | '--wui-color-focus-ring' | '--wui-color-icon-disabled' | '--wui-color-icon-on-fill' | '--wui-color-icon-selected' | '--wui-color-icon' | '--wui-color-invalid-indicator' | '--wui-color-notification-pill-color' | '--wui-color-segmented-control-checked-background' | '--wui-color-text-button' | '--wui-color-text-disabled' | '--wui-color-text-link' | '--wui-color-text-on-fill-white-selected' | '--wui-color-text-on-fill' | '--wui-color-text-secondary' | '--wui-color-text-selected' | '--wui-color-text';
|
|
4358
|
+
type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
|
|
4359
|
+
children: ReactNode;
|
|
4360
|
+
overrides: Partial<Record<CustomizableTokens, number | string>>;
|
|
4361
|
+
};
|
|
4362
|
+
/**
|
|
4363
|
+
* Used for overriding the default theme tokens with custom values.
|
|
4364
|
+
* This should only be used when the ui systems team has been consulted first.
|
|
4365
|
+
*/
|
|
4366
|
+
declare const CustomizableThemeWrapper: {
|
|
4367
|
+
({ children, overrides, ...props }: CustomizableThemeWrapperProps): JSX.Element;
|
|
4368
|
+
displayName: string;
|
|
4369
|
+
};
|
|
4370
|
+
|
|
4371
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, BannerImage, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, ModalCallout, ModalCallouts, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -99,7 +99,7 @@ type Rect = {
|
|
|
99
99
|
x: number;
|
|
100
100
|
y: number;
|
|
101
101
|
};
|
|
102
|
-
declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T>, Rect];
|
|
102
|
+
declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
|
|
103
103
|
|
|
104
104
|
/**
|
|
105
105
|
* Hook that wraps `useFilePicker` from the use-file-picker library
|
|
@@ -116,7 +116,7 @@ declare const useImperativeFilePicker: <T extends useImperativeFilePickerConfig
|
|
|
116
116
|
|
|
117
117
|
type UseFocusTrapOptions = {
|
|
118
118
|
disableAriaHider?: boolean;
|
|
119
|
-
focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
|
|
119
|
+
focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
|
|
120
120
|
};
|
|
121
121
|
declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
|
|
122
122
|
|
|
@@ -365,9 +365,7 @@ type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
|
|
|
365
365
|
* action, or performing a delete operation. It replaces the HTML `<button>` element,
|
|
366
366
|
* unless an `href` attribute is passed, in which it will render an `<a>` element.
|
|
367
367
|
*/
|
|
368
|
-
declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps &
|
|
369
|
-
ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
|
|
370
|
-
} & {
|
|
368
|
+
declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
371
369
|
beforeAction?: (() => Promise<void>) | (() => void);
|
|
372
370
|
children: ReactNode;
|
|
373
371
|
colorScheme?: ColorSchemeTypes;
|
|
@@ -398,9 +396,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
|
|
|
398
396
|
* @ignore
|
|
399
397
|
*/
|
|
400
398
|
type?: LinkTypes;
|
|
401
|
-
}, "ref"> | Omit<BaseButtonProps &
|
|
402
|
-
ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
|
|
403
|
-
} & {
|
|
399
|
+
}, "ref"> | Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
404
400
|
beforeAction?: (() => Promise<void>) | (() => void);
|
|
405
401
|
children: ReactNode;
|
|
406
402
|
colorScheme?: ColorSchemeTypes;
|
|
@@ -409,9 +405,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
|
|
|
409
405
|
rightIcon?: ReactNode | undefined;
|
|
410
406
|
type?: LinkTypes | undefined;
|
|
411
407
|
underline?: "always" | "hover" | "none";
|
|
412
|
-
} &
|
|
413
|
-
ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
|
|
414
|
-
} & {
|
|
408
|
+
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
415
409
|
href?: never;
|
|
416
410
|
type?: "button" | "reset" | "submit";
|
|
417
411
|
} & {
|
|
@@ -1144,7 +1138,7 @@ type ClickRegionProps = {
|
|
|
1144
1138
|
/**
|
|
1145
1139
|
* The ref to the button or link that should be clicked when the ClickRegion is clicked.
|
|
1146
1140
|
*/
|
|
1147
|
-
targetRef:
|
|
1141
|
+
targetRef: RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
|
|
1148
1142
|
};
|
|
1149
1143
|
/**
|
|
1150
1144
|
* This allows larger elements to be interactive links or buttons while maintaining acessibility.
|
|
@@ -1334,6 +1328,7 @@ declare const iconMap: {
|
|
|
1334
1328
|
'private-chat': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1335
1329
|
'private-user-sessions': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1336
1330
|
project: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1331
|
+
'project-open': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1337
1332
|
properties: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1338
1333
|
'question-mark': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1339
1334
|
react: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1674,7 +1669,7 @@ type ContextMenuProps = {
|
|
|
1674
1669
|
} | {
|
|
1675
1670
|
position?: never;
|
|
1676
1671
|
side?: never;
|
|
1677
|
-
triggerRef: RefObject<HTMLElement>;
|
|
1672
|
+
triggerRef: RefObject<HTMLElement | null>;
|
|
1678
1673
|
});
|
|
1679
1674
|
/**
|
|
1680
1675
|
* The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
|
|
@@ -1723,7 +1718,7 @@ declare const DataCard: {
|
|
|
1723
1718
|
displayName: string;
|
|
1724
1719
|
};
|
|
1725
1720
|
|
|
1726
|
-
type DataCardsProps = ComponentPropsWithoutRef<'
|
|
1721
|
+
type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
|
|
1727
1722
|
/**
|
|
1728
1723
|
* Should be at least one `DataCard` component
|
|
1729
1724
|
*/
|
|
@@ -2865,9 +2860,7 @@ type MenuItemButtonProps = ButtonProps & {
|
|
|
2865
2860
|
unstyled?: never;
|
|
2866
2861
|
};
|
|
2867
2862
|
|
|
2868
|
-
declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps &
|
|
2869
|
-
ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
|
|
2870
|
-
} & {
|
|
2863
|
+
declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
2871
2864
|
beforeAction?: (() => Promise<void>) | (() => void);
|
|
2872
2865
|
children: react.ReactNode;
|
|
2873
2866
|
colorScheme?: ColorSchemeTypes;
|
|
@@ -2908,9 +2901,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
|
|
|
2908
2901
|
* Treats the menu item as a link when provided
|
|
2909
2902
|
*/
|
|
2910
2903
|
href?: MenuItemButtonProps["href"];
|
|
2911
|
-
}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps &
|
|
2912
|
-
ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
|
|
2913
|
-
} & {
|
|
2904
|
+
}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
2914
2905
|
beforeAction?: (() => Promise<void>) | (() => void);
|
|
2915
2906
|
children: react.ReactNode;
|
|
2916
2907
|
colorScheme?: ColorSchemeTypes;
|
|
@@ -2919,9 +2910,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
|
|
|
2919
2910
|
rightIcon?: react.ReactNode | undefined;
|
|
2920
2911
|
type?: LinkTypes | undefined;
|
|
2921
2912
|
underline?: "always" | "hover" | "none";
|
|
2922
|
-
} &
|
|
2923
|
-
ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
|
|
2924
|
-
} & {
|
|
2913
|
+
} & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
2925
2914
|
href?: never;
|
|
2926
2915
|
type?: "button" | "reset" | "submit";
|
|
2927
2916
|
} & {
|
|
@@ -2947,9 +2936,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
|
|
|
2947
2936
|
* Treats the menu item as a link when provided
|
|
2948
2937
|
*/
|
|
2949
2938
|
href?: MenuItemButtonProps["href"];
|
|
2950
|
-
}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps &
|
|
2951
|
-
ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
|
|
2952
|
-
} & {
|
|
2939
|
+
}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
2953
2940
|
href?: never;
|
|
2954
2941
|
type?: "button" | "reset" | "submit";
|
|
2955
2942
|
children: react.ReactNode;
|
|
@@ -3106,7 +3093,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
3106
3093
|
/**
|
|
3107
3094
|
* Ref to the element that should receive focus when the modal opens
|
|
3108
3095
|
*/
|
|
3109
|
-
initialFocusRef?: RefObject<HTMLElement>;
|
|
3096
|
+
initialFocusRef?: RefObject<HTMLElement | null>;
|
|
3110
3097
|
/**
|
|
3111
3098
|
* Determines if the modal is currently open
|
|
3112
3099
|
*/
|
|
@@ -3154,7 +3141,7 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
|
|
|
3154
3141
|
/**
|
|
3155
3142
|
* Ref to the element that should receive focus when the modal opens
|
|
3156
3143
|
*/
|
|
3157
|
-
initialFocusRef?: RefObject<HTMLElement>;
|
|
3144
|
+
initialFocusRef?: RefObject<HTMLElement | null>;
|
|
3158
3145
|
/**
|
|
3159
3146
|
* Determines if the modal is currently open
|
|
3160
3147
|
*/
|
|
@@ -4367,4 +4354,18 @@ declare const SplitButton: {
|
|
|
4367
4354
|
displayName: string;
|
|
4368
4355
|
};
|
|
4369
4356
|
|
|
4370
|
-
|
|
4357
|
+
type CustomizableTokens = '--wui-color-backdrop' | '--wui-color-bg-app' | '--wui-color-bg-fill-active' | '--wui-color-bg-fill-hover' | '--wui-color-bg-fill-white ' | '--wui-color-bg-fill' | '--wui-color-bg-surface-active' | '--wui-color-bg-surface-disabled' | '--wui-color-bg-surface-hover' | '--wui-color-bg-surface-secondary-active' | '--wui-color-bg-surface-secondary-hover' | '--wui-color-bg-surface-secondary' | '--wui-color-bg-surface-selected-active' | '--wui-color-bg-surface-selected-hover' | '--wui-color-bg-surface-selected' | '--wui-color-bg-surface-tertiary' | '--wui-color-bg-surface' | '--wui-color-bg-tooltip' | '--wui-color-border-active-selected' | '--wui-color-border-active' | '--wui-color-border-disabled' | '--wui-color-border-hover-selected' | '--wui-color-border-hover' | '--wui-color-border-secondary-active' | '--wui-color-border-secondary-hover' | '--wui-color-border-secondary' | '--wui-color-border-selected' | '--wui-color-border' | '--wui-color-drop-shadow' | '--wui-color-focus-color' | '--wui-color-focus-ring-disabled' | '--wui-color-focus-ring' | '--wui-color-icon-disabled' | '--wui-color-icon-on-fill' | '--wui-color-icon-selected' | '--wui-color-icon' | '--wui-color-invalid-indicator' | '--wui-color-notification-pill-color' | '--wui-color-segmented-control-checked-background' | '--wui-color-text-button' | '--wui-color-text-disabled' | '--wui-color-text-link' | '--wui-color-text-on-fill-white-selected' | '--wui-color-text-on-fill' | '--wui-color-text-secondary' | '--wui-color-text-selected' | '--wui-color-text';
|
|
4358
|
+
type CustomizableThemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
|
|
4359
|
+
children: ReactNode;
|
|
4360
|
+
overrides: Partial<Record<CustomizableTokens, number | string>>;
|
|
4361
|
+
};
|
|
4362
|
+
/**
|
|
4363
|
+
* Used for overriding the default theme tokens with custom values.
|
|
4364
|
+
* This should only be used when the ui systems team has been consulted first.
|
|
4365
|
+
*/
|
|
4366
|
+
declare const CustomizableThemeWrapper: {
|
|
4367
|
+
({ children, overrides, ...props }: CustomizableThemeWrapperProps): JSX.Element;
|
|
4368
|
+
displayName: string;
|
|
4369
|
+
};
|
|
4370
|
+
|
|
4371
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, BannerImage, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, ModalCallout, ModalCallouts, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|