@wistia/vhs 2.77.1-beta.14191196.13626f0 → 2.77.1-beta.1d1fbbc8.0852c37
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 +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +7 -233
- package/dist/index.d.ts +7 -233
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -2,13 +2,13 @@ import * as styled_components from 'styled-components';
|
|
|
2
2
|
import { css, DefaultTheme } from 'styled-components';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import * as react from 'react';
|
|
5
|
-
import { JSX, ReactNode,
|
|
5
|
+
import { JSX, ReactNode, Dispatch, SetStateAction, RefObject, MutableRefObject, ComponentPropsWithoutRef, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
|
|
6
6
|
import { FormikProps, FormikHelpers, FormikErrors, Field } from 'formik';
|
|
7
7
|
export { useFormikContext } from 'formik';
|
|
8
8
|
import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps } from '@radix-ui/react-dropdown-menu';
|
|
9
9
|
export { DropdownMenuRadioGroup as MenuRadioGroup } from '@radix-ui/react-dropdown-menu';
|
|
10
|
-
import { Descendant } from 'slate';
|
|
11
10
|
import { ReactEditor } from 'slate-react';
|
|
11
|
+
import { Descendant } from 'slate';
|
|
12
12
|
|
|
13
13
|
interface VHSTheme {
|
|
14
14
|
readonly breakpoint: {
|
|
@@ -407,59 +407,6 @@ type DefaultLinkWrapperProps = {
|
|
|
407
407
|
}) => JSX.Element;
|
|
408
408
|
children: ReactNode;
|
|
409
409
|
};
|
|
410
|
-
type LinkProps = ComponentPropsWithoutRef<'a'> & {
|
|
411
|
-
/**
|
|
412
|
-
* A Promise to invoke before navigating to location.
|
|
413
|
-
* _Caution: if used with `external` type prop a new window will **not** be opened_
|
|
414
|
-
*/
|
|
415
|
-
beforeAction?: (() => Promise<void>) | (() => void);
|
|
416
|
-
/**
|
|
417
|
-
* The content that will be rendered inside the link
|
|
418
|
-
*/
|
|
419
|
-
children: ReactNode;
|
|
420
|
-
/**
|
|
421
|
-
* Disables Link
|
|
422
|
-
*/
|
|
423
|
-
disabled?: boolean;
|
|
424
|
-
/**
|
|
425
|
-
* @ignore
|
|
426
|
-
* Force a Link into a particular css state (for debugging)
|
|
427
|
-
*/
|
|
428
|
-
forceState?: 'active' | 'focus' | 'hover';
|
|
429
|
-
/**
|
|
430
|
-
* The entity to link to (url, email address, telephone number)
|
|
431
|
-
*/
|
|
432
|
-
href: string;
|
|
433
|
-
/**
|
|
434
|
-
* Use this if your link is "nested" inside another link
|
|
435
|
-
*/
|
|
436
|
-
nested?: boolean;
|
|
437
|
-
/**
|
|
438
|
-
* An object that will be converted into a search parameter string and appended to
|
|
439
|
-
* the `to` prop value
|
|
440
|
-
*/
|
|
441
|
-
params?: LinkURLParameters;
|
|
442
|
-
/**
|
|
443
|
-
* Type of link to display
|
|
444
|
-
*
|
|
445
|
-
* * `email` creates a mailto
|
|
446
|
-
* * `phone` creates a telephone number
|
|
447
|
-
* * `external` will open links in a new window
|
|
448
|
-
*/
|
|
449
|
-
type?: LinkTypes;
|
|
450
|
-
/**
|
|
451
|
-
* Will only display an underline when the Link is in a hover state
|
|
452
|
-
*/
|
|
453
|
-
underlineOnHover?: boolean;
|
|
454
|
-
/**
|
|
455
|
-
* Renders a link without any of the default styling applied
|
|
456
|
-
*/
|
|
457
|
-
unstyled?: boolean;
|
|
458
|
-
/**
|
|
459
|
-
* The visual type of Link to display
|
|
460
|
-
*/
|
|
461
|
-
variant?: 'dangerous' | 'primary' | 'secondary';
|
|
462
|
-
};
|
|
463
410
|
declare const Link: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
464
411
|
/**
|
|
465
412
|
* A Promise to invoke before navigating to location.
|
|
@@ -1078,94 +1025,6 @@ type Gap = {
|
|
|
1078
1025
|
column: number | string;
|
|
1079
1026
|
row: number | string;
|
|
1080
1027
|
};
|
|
1081
|
-
type BoxProps = ComponentPropsWithoutRef<'div'> & {
|
|
1082
|
-
/**
|
|
1083
|
-
* Specifies how the browser distributes space between and around
|
|
1084
|
-
* items along the cross-axis of their container; has no effect on
|
|
1085
|
-
* single line flexible boxes
|
|
1086
|
-
*/
|
|
1087
|
-
alignContent?: 'around' | 'between' | 'center' | 'end' | 'start' | 'stretch';
|
|
1088
|
-
/**
|
|
1089
|
-
* Specifies how the browser distributes space between and around
|
|
1090
|
-
* items along the cross-axis of their container; the difference
|
|
1091
|
-
* to the alignContent prop is that alignItems specifies the
|
|
1092
|
-
* alignment of the items within the current container's line,
|
|
1093
|
-
* whereas alignContent specifies the alignment of the lines themselves
|
|
1094
|
-
*/
|
|
1095
|
-
alignItems?: 'baseline' | 'center' | 'end' | 'start' | 'stretch';
|
|
1096
|
-
/**
|
|
1097
|
-
* Specifies how the browser aligns items of the current line, overriding the
|
|
1098
|
-
* alignItems value of parent; if any of the item's cross-axis margin is set to auto,
|
|
1099
|
-
* then alignSelf is ignored
|
|
1100
|
-
*
|
|
1101
|
-
* *Note: only works for nested `<Box />`*
|
|
1102
|
-
*/
|
|
1103
|
-
alignSelf?: 'auto' | 'baseline' | 'center' | 'end' | 'start' | 'stretch';
|
|
1104
|
-
/**
|
|
1105
|
-
* Specifies the initial main size of an item
|
|
1106
|
-
*
|
|
1107
|
-
* *Note: only works for nested `<Box />`*
|
|
1108
|
-
*/
|
|
1109
|
-
basis?: number | string;
|
|
1110
|
-
/**
|
|
1111
|
-
* Pass an arbitrary child node
|
|
1112
|
-
*/
|
|
1113
|
-
children?: ReactNode;
|
|
1114
|
-
/**
|
|
1115
|
-
* Specifies the main axis of the container
|
|
1116
|
-
*/
|
|
1117
|
-
direction?: 'column-reverse' | 'column' | 'row-reverse' | 'row';
|
|
1118
|
-
/**
|
|
1119
|
-
* Specifies whether the width and/or height should fill the container
|
|
1120
|
-
*/
|
|
1121
|
-
fill?: boolean | 'horizontal' | 'vertical';
|
|
1122
|
-
/**
|
|
1123
|
-
* Specifies whether the width and/or height should fill the viewport
|
|
1124
|
-
*/
|
|
1125
|
-
fillViewport?: boolean | 'horizontal' | 'vertical';
|
|
1126
|
-
/**
|
|
1127
|
-
* Specifies the gaps (gutters) between rows and columns
|
|
1128
|
-
*/
|
|
1129
|
-
gap?: Gap | number | string;
|
|
1130
|
-
/**
|
|
1131
|
-
* Specifies what amount of space inside the flex container the item should take up
|
|
1132
|
-
*
|
|
1133
|
-
* *Note: only works for nested `<Box />`*
|
|
1134
|
-
*/
|
|
1135
|
-
grow?: number;
|
|
1136
|
-
/**
|
|
1137
|
-
* Make Layout behave like an inline element but still lay out its content according to flexbox model
|
|
1138
|
-
*/
|
|
1139
|
-
inline?: boolean;
|
|
1140
|
-
/**
|
|
1141
|
-
* Specifies how the browser distributes space between and around
|
|
1142
|
-
* items along the main axis of their container
|
|
1143
|
-
*/
|
|
1144
|
-
justifyContent?: 'around' | 'between' | 'center' | 'end' | 'evenly' | 'start';
|
|
1145
|
-
/**
|
|
1146
|
-
* Specifies the order used to lay out an item in its container. Items within the same
|
|
1147
|
-
* container are rendered in ascending order according to their order values.
|
|
1148
|
-
* Elements with the _same_ order value are rendered in the order in which they appear in code
|
|
1149
|
-
*
|
|
1150
|
-
* *Note: only works for nested `<Box />`*
|
|
1151
|
-
*/
|
|
1152
|
-
order?: number | 'inherit' | 'initial' | 'unset';
|
|
1153
|
-
/**
|
|
1154
|
-
* The DOM tag to use for the element
|
|
1155
|
-
*/
|
|
1156
|
-
renderAs?: keyof JSX.IntrinsicElements;
|
|
1157
|
-
/**
|
|
1158
|
-
* Specifies how items will shrink inside the container when the default size of
|
|
1159
|
-
* items is larger than their container
|
|
1160
|
-
*
|
|
1161
|
-
* *Note: only works for nested `<Box />`*
|
|
1162
|
-
*/
|
|
1163
|
-
shrink?: number;
|
|
1164
|
-
/**
|
|
1165
|
-
* Specifies whether items are forced into a single line or can be wrapped onto multiple lines
|
|
1166
|
-
*/
|
|
1167
|
-
wrapItems?: boolean;
|
|
1168
|
-
};
|
|
1169
1028
|
declare const Box: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
1170
1029
|
/**
|
|
1171
1030
|
* Specifies how the browser distributes space between and around
|
|
@@ -2270,41 +2129,6 @@ declare const LabelDescription: {
|
|
|
2270
2129
|
displayName: string;
|
|
2271
2130
|
};
|
|
2272
2131
|
|
|
2273
|
-
type LinkButtonProps = ComponentPropsWithoutRef<'button'> & {
|
|
2274
|
-
/**
|
|
2275
|
-
* Pass an arbitrary child node
|
|
2276
|
-
*/
|
|
2277
|
-
children?: ReactNode;
|
|
2278
|
-
/**
|
|
2279
|
-
* Disables Button
|
|
2280
|
-
*/
|
|
2281
|
-
disabled?: boolean;
|
|
2282
|
-
/**
|
|
2283
|
-
* @ignore
|
|
2284
|
-
* Force a Button into a particular css state (for debugging)
|
|
2285
|
-
*/
|
|
2286
|
-
forceState?: 'active' | 'focus' | 'hover';
|
|
2287
|
-
/**
|
|
2288
|
-
* Text that appears inside the button
|
|
2289
|
-
*/
|
|
2290
|
-
label?: string;
|
|
2291
|
-
/**
|
|
2292
|
-
* Provides a button without any styling (useful for wrapping another element)
|
|
2293
|
-
*/
|
|
2294
|
-
noStyle?: boolean;
|
|
2295
|
-
/**
|
|
2296
|
-
* Callback function invoked when the button is clicked
|
|
2297
|
-
*/
|
|
2298
|
-
onClick?: (event: KeyboardEvent$1 | MouseEvent) => void;
|
|
2299
|
-
/**
|
|
2300
|
-
* Will only display an underline when the Link is in a hover state
|
|
2301
|
-
*/
|
|
2302
|
-
underlineOnHover?: boolean;
|
|
2303
|
-
/**
|
|
2304
|
-
* The visual type of Button to display
|
|
2305
|
-
*/
|
|
2306
|
-
variant?: 'primary' | 'secondary';
|
|
2307
|
-
};
|
|
2308
2132
|
declare const LinkButton: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
2309
2133
|
/**
|
|
2310
2134
|
* Pass an arbitrary child node
|
|
@@ -3210,56 +3034,6 @@ declare const variantStyleMap: {
|
|
|
3210
3034
|
subtitle2: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
|
|
3211
3035
|
monospace: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
|
|
3212
3036
|
};
|
|
3213
|
-
type TextProps = ComponentPropsWithoutRef<'div'> & {
|
|
3214
|
-
/**
|
|
3215
|
-
* The horizontal alignment
|
|
3216
|
-
* <br />
|
|
3217
|
-
* _Note: this only affects block elements_
|
|
3218
|
-
*/
|
|
3219
|
-
align?: keyof typeof alignMap;
|
|
3220
|
-
/**
|
|
3221
|
-
* Displays text as bold type
|
|
3222
|
-
*/
|
|
3223
|
-
bold?: boolean;
|
|
3224
|
-
/**
|
|
3225
|
-
* Pass an arbitrary child node
|
|
3226
|
-
*/
|
|
3227
|
-
children?: ReactNode | undefined;
|
|
3228
|
-
/**
|
|
3229
|
-
* Allows user to override default button colors
|
|
3230
|
-
*/
|
|
3231
|
-
colorOverride?: string;
|
|
3232
|
-
/**
|
|
3233
|
-
* Used to indicate text is part of a "disabled" UI
|
|
3234
|
-
*/
|
|
3235
|
-
disabled?: boolean;
|
|
3236
|
-
/**
|
|
3237
|
-
* Attempt to keep the text to a single line by truncating with an ellipsis
|
|
3238
|
-
* <br />
|
|
3239
|
-
* _Note: this only affects block elements_
|
|
3240
|
-
*/
|
|
3241
|
-
ellipsis?: boolean;
|
|
3242
|
-
/**
|
|
3243
|
-
* Display the text as inline content
|
|
3244
|
-
*/
|
|
3245
|
-
inline?: boolean;
|
|
3246
|
-
/**
|
|
3247
|
-
* Displays text as italic type
|
|
3248
|
-
*/
|
|
3249
|
-
italic?: boolean;
|
|
3250
|
-
/**
|
|
3251
|
-
* Prevents text from being highlighted and copied
|
|
3252
|
-
*/
|
|
3253
|
-
preventUserSelect?: boolean;
|
|
3254
|
-
/**
|
|
3255
|
-
* The type of html element to render as
|
|
3256
|
-
*/
|
|
3257
|
-
renderAs?: keyof typeof renderMap;
|
|
3258
|
-
/**
|
|
3259
|
-
* The text style to display
|
|
3260
|
-
*/
|
|
3261
|
-
variant?: keyof typeof variantStyleMap;
|
|
3262
|
-
};
|
|
3263
3037
|
declare const Text: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3264
3038
|
/**
|
|
3265
3039
|
* The horizontal alignment
|
|
@@ -3515,7 +3289,7 @@ declare const Truncate: {
|
|
|
3515
3289
|
displayName: string;
|
|
3516
3290
|
};
|
|
3517
3291
|
|
|
3518
|
-
type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
3292
|
+
type WistiaLogoProps$1 = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
3519
3293
|
/**
|
|
3520
3294
|
* Display the icon portion of the logo
|
|
3521
3295
|
*/
|
|
@@ -3552,11 +3326,11 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
|
3552
3326
|
variant?: 'black' | 'standard' | 'white';
|
|
3553
3327
|
};
|
|
3554
3328
|
declare const WistiaLogo: {
|
|
3555
|
-
({ brandmark, colorOverride, height, hoverColor, href, logotype, title, variant, ...otherProps }?: WistiaLogoProps): react_jsx_runtime.JSX.Element | null;
|
|
3329
|
+
({ brandmark, colorOverride, height, hoverColor, href, logotype, title, variant, ...otherProps }?: WistiaLogoProps$1): react_jsx_runtime.JSX.Element | null;
|
|
3556
3330
|
displayName: string;
|
|
3557
3331
|
};
|
|
3558
3332
|
|
|
3559
|
-
type
|
|
3333
|
+
type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
3560
3334
|
/**
|
|
3561
3335
|
* An optional accessible description for the logo
|
|
3562
3336
|
*/
|
|
@@ -3590,8 +3364,8 @@ type WistiaLogoNewProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
|
3590
3364
|
variant?: 'dark' | 'light' | 'standard';
|
|
3591
3365
|
};
|
|
3592
3366
|
declare const WistiaLogoNew: {
|
|
3593
|
-
({ description, height, hoverColor, href, iconOnly, title, variant, ...otherProps }:
|
|
3367
|
+
({ description, height, hoverColor, href, iconOnly, title, variant, ...otherProps }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
|
|
3594
3368
|
displayName: string;
|
|
3595
3369
|
};
|
|
3596
3370
|
|
|
3597
|
-
export { ActionModal,
|
|
3371
|
+
export { ActionModal, Avatar, type AvatarInstanceType, type AvatarProps, Backdrop, BackgroundImage, Badge, type BadgeColorScheme, Banner, Box, Breakline, Button, ButtonGroup, ButtonLink, type ButtonProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickArea, CloseButton, CollapsibleGroup, Divider, Ellipsis, FileSelect, Form, FormButtons, FormField, FormFieldError, type FormFieldProps, FormGlobalError, type FormState, FullScreenModal, Icon, IconButton, type IconNameType, Image, Input, type KeyboardKeys, KeyboardShortcut, Label, LabelDescription, Link, LinkButton, List, ListItem, MediaObject, Menu, MenuButton, MenuItem, MenuLabel, Modal, ModalBase, ModalBody, ModalCloseButton, type ModalCloseButtonProps, ModalFooter, ModalHeader, type ModalProps, type NodeElementObject, type OnBeforeHideInterface, type OptionsType, Paper, ProgressBar, Radio, RadioGroup, RadioMenuItem, RangeSelector, RangeSelectorCalendar, RangeSelectorInput, type RangeSelectorProps, RichTextEditor, ScreenReaderOnly, Select, Slider, Stack, SubMenu, Switch, Text, Thumbnail, ThumbnailCollage, Toast, ToastProvider, type ToastVariants, Tooltip, type TooltipProps, Truncate, VHSProvider, type VHSProviderProps, type VHSTheme, WistiaLogo, WistiaLogoNew, type WrapperProviderLinkType, copyToClipboard, datetimeHelpers, ellipsisFlexParentStyle, ellipsisStyle, getBackgroundGradient, getSemiRandomBackgroundGradient, iconSizeMap, isValidRange, mq, objectHelpers, rteDeserializeHTML, rteFormatTypes, rteSerializeToHTML, screenReaderOnlyStyle, stringHelpers, useBoolean, useClipboard, useElementObserver, useEvent, useFocusTrap, useForceUpdate, useIsHovered, useKey, useKeyPress, useKeyPressOnce, useLocalStorage, useMergedRefs, useMq, useOnClickOutside, usePreventScroll, usePreviousValue, useTheme, useThemeColor, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -2,13 +2,13 @@ import * as styled_components from 'styled-components';
|
|
|
2
2
|
import { css, DefaultTheme } from 'styled-components';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import * as react from 'react';
|
|
5
|
-
import { JSX, ReactNode,
|
|
5
|
+
import { JSX, ReactNode, Dispatch, SetStateAction, RefObject, MutableRefObject, ComponentPropsWithoutRef, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
|
|
6
6
|
import { FormikProps, FormikHelpers, FormikErrors, Field } from 'formik';
|
|
7
7
|
export { useFormikContext } from 'formik';
|
|
8
8
|
import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps } from '@radix-ui/react-dropdown-menu';
|
|
9
9
|
export { DropdownMenuRadioGroup as MenuRadioGroup } from '@radix-ui/react-dropdown-menu';
|
|
10
|
-
import { Descendant } from 'slate';
|
|
11
10
|
import { ReactEditor } from 'slate-react';
|
|
11
|
+
import { Descendant } from 'slate';
|
|
12
12
|
|
|
13
13
|
interface VHSTheme {
|
|
14
14
|
readonly breakpoint: {
|
|
@@ -407,59 +407,6 @@ type DefaultLinkWrapperProps = {
|
|
|
407
407
|
}) => JSX.Element;
|
|
408
408
|
children: ReactNode;
|
|
409
409
|
};
|
|
410
|
-
type LinkProps = ComponentPropsWithoutRef<'a'> & {
|
|
411
|
-
/**
|
|
412
|
-
* A Promise to invoke before navigating to location.
|
|
413
|
-
* _Caution: if used with `external` type prop a new window will **not** be opened_
|
|
414
|
-
*/
|
|
415
|
-
beforeAction?: (() => Promise<void>) | (() => void);
|
|
416
|
-
/**
|
|
417
|
-
* The content that will be rendered inside the link
|
|
418
|
-
*/
|
|
419
|
-
children: ReactNode;
|
|
420
|
-
/**
|
|
421
|
-
* Disables Link
|
|
422
|
-
*/
|
|
423
|
-
disabled?: boolean;
|
|
424
|
-
/**
|
|
425
|
-
* @ignore
|
|
426
|
-
* Force a Link into a particular css state (for debugging)
|
|
427
|
-
*/
|
|
428
|
-
forceState?: 'active' | 'focus' | 'hover';
|
|
429
|
-
/**
|
|
430
|
-
* The entity to link to (url, email address, telephone number)
|
|
431
|
-
*/
|
|
432
|
-
href: string;
|
|
433
|
-
/**
|
|
434
|
-
* Use this if your link is "nested" inside another link
|
|
435
|
-
*/
|
|
436
|
-
nested?: boolean;
|
|
437
|
-
/**
|
|
438
|
-
* An object that will be converted into a search parameter string and appended to
|
|
439
|
-
* the `to` prop value
|
|
440
|
-
*/
|
|
441
|
-
params?: LinkURLParameters;
|
|
442
|
-
/**
|
|
443
|
-
* Type of link to display
|
|
444
|
-
*
|
|
445
|
-
* * `email` creates a mailto
|
|
446
|
-
* * `phone` creates a telephone number
|
|
447
|
-
* * `external` will open links in a new window
|
|
448
|
-
*/
|
|
449
|
-
type?: LinkTypes;
|
|
450
|
-
/**
|
|
451
|
-
* Will only display an underline when the Link is in a hover state
|
|
452
|
-
*/
|
|
453
|
-
underlineOnHover?: boolean;
|
|
454
|
-
/**
|
|
455
|
-
* Renders a link without any of the default styling applied
|
|
456
|
-
*/
|
|
457
|
-
unstyled?: boolean;
|
|
458
|
-
/**
|
|
459
|
-
* The visual type of Link to display
|
|
460
|
-
*/
|
|
461
|
-
variant?: 'dangerous' | 'primary' | 'secondary';
|
|
462
|
-
};
|
|
463
410
|
declare const Link: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
464
411
|
/**
|
|
465
412
|
* A Promise to invoke before navigating to location.
|
|
@@ -1078,94 +1025,6 @@ type Gap = {
|
|
|
1078
1025
|
column: number | string;
|
|
1079
1026
|
row: number | string;
|
|
1080
1027
|
};
|
|
1081
|
-
type BoxProps = ComponentPropsWithoutRef<'div'> & {
|
|
1082
|
-
/**
|
|
1083
|
-
* Specifies how the browser distributes space between and around
|
|
1084
|
-
* items along the cross-axis of their container; has no effect on
|
|
1085
|
-
* single line flexible boxes
|
|
1086
|
-
*/
|
|
1087
|
-
alignContent?: 'around' | 'between' | 'center' | 'end' | 'start' | 'stretch';
|
|
1088
|
-
/**
|
|
1089
|
-
* Specifies how the browser distributes space between and around
|
|
1090
|
-
* items along the cross-axis of their container; the difference
|
|
1091
|
-
* to the alignContent prop is that alignItems specifies the
|
|
1092
|
-
* alignment of the items within the current container's line,
|
|
1093
|
-
* whereas alignContent specifies the alignment of the lines themselves
|
|
1094
|
-
*/
|
|
1095
|
-
alignItems?: 'baseline' | 'center' | 'end' | 'start' | 'stretch';
|
|
1096
|
-
/**
|
|
1097
|
-
* Specifies how the browser aligns items of the current line, overriding the
|
|
1098
|
-
* alignItems value of parent; if any of the item's cross-axis margin is set to auto,
|
|
1099
|
-
* then alignSelf is ignored
|
|
1100
|
-
*
|
|
1101
|
-
* *Note: only works for nested `<Box />`*
|
|
1102
|
-
*/
|
|
1103
|
-
alignSelf?: 'auto' | 'baseline' | 'center' | 'end' | 'start' | 'stretch';
|
|
1104
|
-
/**
|
|
1105
|
-
* Specifies the initial main size of an item
|
|
1106
|
-
*
|
|
1107
|
-
* *Note: only works for nested `<Box />`*
|
|
1108
|
-
*/
|
|
1109
|
-
basis?: number | string;
|
|
1110
|
-
/**
|
|
1111
|
-
* Pass an arbitrary child node
|
|
1112
|
-
*/
|
|
1113
|
-
children?: ReactNode;
|
|
1114
|
-
/**
|
|
1115
|
-
* Specifies the main axis of the container
|
|
1116
|
-
*/
|
|
1117
|
-
direction?: 'column-reverse' | 'column' | 'row-reverse' | 'row';
|
|
1118
|
-
/**
|
|
1119
|
-
* Specifies whether the width and/or height should fill the container
|
|
1120
|
-
*/
|
|
1121
|
-
fill?: boolean | 'horizontal' | 'vertical';
|
|
1122
|
-
/**
|
|
1123
|
-
* Specifies whether the width and/or height should fill the viewport
|
|
1124
|
-
*/
|
|
1125
|
-
fillViewport?: boolean | 'horizontal' | 'vertical';
|
|
1126
|
-
/**
|
|
1127
|
-
* Specifies the gaps (gutters) between rows and columns
|
|
1128
|
-
*/
|
|
1129
|
-
gap?: Gap | number | string;
|
|
1130
|
-
/**
|
|
1131
|
-
* Specifies what amount of space inside the flex container the item should take up
|
|
1132
|
-
*
|
|
1133
|
-
* *Note: only works for nested `<Box />`*
|
|
1134
|
-
*/
|
|
1135
|
-
grow?: number;
|
|
1136
|
-
/**
|
|
1137
|
-
* Make Layout behave like an inline element but still lay out its content according to flexbox model
|
|
1138
|
-
*/
|
|
1139
|
-
inline?: boolean;
|
|
1140
|
-
/**
|
|
1141
|
-
* Specifies how the browser distributes space between and around
|
|
1142
|
-
* items along the main axis of their container
|
|
1143
|
-
*/
|
|
1144
|
-
justifyContent?: 'around' | 'between' | 'center' | 'end' | 'evenly' | 'start';
|
|
1145
|
-
/**
|
|
1146
|
-
* Specifies the order used to lay out an item in its container. Items within the same
|
|
1147
|
-
* container are rendered in ascending order according to their order values.
|
|
1148
|
-
* Elements with the _same_ order value are rendered in the order in which they appear in code
|
|
1149
|
-
*
|
|
1150
|
-
* *Note: only works for nested `<Box />`*
|
|
1151
|
-
*/
|
|
1152
|
-
order?: number | 'inherit' | 'initial' | 'unset';
|
|
1153
|
-
/**
|
|
1154
|
-
* The DOM tag to use for the element
|
|
1155
|
-
*/
|
|
1156
|
-
renderAs?: keyof JSX.IntrinsicElements;
|
|
1157
|
-
/**
|
|
1158
|
-
* Specifies how items will shrink inside the container when the default size of
|
|
1159
|
-
* items is larger than their container
|
|
1160
|
-
*
|
|
1161
|
-
* *Note: only works for nested `<Box />`*
|
|
1162
|
-
*/
|
|
1163
|
-
shrink?: number;
|
|
1164
|
-
/**
|
|
1165
|
-
* Specifies whether items are forced into a single line or can be wrapped onto multiple lines
|
|
1166
|
-
*/
|
|
1167
|
-
wrapItems?: boolean;
|
|
1168
|
-
};
|
|
1169
1028
|
declare const Box: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
1170
1029
|
/**
|
|
1171
1030
|
* Specifies how the browser distributes space between and around
|
|
@@ -2270,41 +2129,6 @@ declare const LabelDescription: {
|
|
|
2270
2129
|
displayName: string;
|
|
2271
2130
|
};
|
|
2272
2131
|
|
|
2273
|
-
type LinkButtonProps = ComponentPropsWithoutRef<'button'> & {
|
|
2274
|
-
/**
|
|
2275
|
-
* Pass an arbitrary child node
|
|
2276
|
-
*/
|
|
2277
|
-
children?: ReactNode;
|
|
2278
|
-
/**
|
|
2279
|
-
* Disables Button
|
|
2280
|
-
*/
|
|
2281
|
-
disabled?: boolean;
|
|
2282
|
-
/**
|
|
2283
|
-
* @ignore
|
|
2284
|
-
* Force a Button into a particular css state (for debugging)
|
|
2285
|
-
*/
|
|
2286
|
-
forceState?: 'active' | 'focus' | 'hover';
|
|
2287
|
-
/**
|
|
2288
|
-
* Text that appears inside the button
|
|
2289
|
-
*/
|
|
2290
|
-
label?: string;
|
|
2291
|
-
/**
|
|
2292
|
-
* Provides a button without any styling (useful for wrapping another element)
|
|
2293
|
-
*/
|
|
2294
|
-
noStyle?: boolean;
|
|
2295
|
-
/**
|
|
2296
|
-
* Callback function invoked when the button is clicked
|
|
2297
|
-
*/
|
|
2298
|
-
onClick?: (event: KeyboardEvent$1 | MouseEvent) => void;
|
|
2299
|
-
/**
|
|
2300
|
-
* Will only display an underline when the Link is in a hover state
|
|
2301
|
-
*/
|
|
2302
|
-
underlineOnHover?: boolean;
|
|
2303
|
-
/**
|
|
2304
|
-
* The visual type of Button to display
|
|
2305
|
-
*/
|
|
2306
|
-
variant?: 'primary' | 'secondary';
|
|
2307
|
-
};
|
|
2308
2132
|
declare const LinkButton: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
2309
2133
|
/**
|
|
2310
2134
|
* Pass an arbitrary child node
|
|
@@ -3210,56 +3034,6 @@ declare const variantStyleMap: {
|
|
|
3210
3034
|
subtitle2: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
|
|
3211
3035
|
monospace: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
|
|
3212
3036
|
};
|
|
3213
|
-
type TextProps = ComponentPropsWithoutRef<'div'> & {
|
|
3214
|
-
/**
|
|
3215
|
-
* The horizontal alignment
|
|
3216
|
-
* <br />
|
|
3217
|
-
* _Note: this only affects block elements_
|
|
3218
|
-
*/
|
|
3219
|
-
align?: keyof typeof alignMap;
|
|
3220
|
-
/**
|
|
3221
|
-
* Displays text as bold type
|
|
3222
|
-
*/
|
|
3223
|
-
bold?: boolean;
|
|
3224
|
-
/**
|
|
3225
|
-
* Pass an arbitrary child node
|
|
3226
|
-
*/
|
|
3227
|
-
children?: ReactNode | undefined;
|
|
3228
|
-
/**
|
|
3229
|
-
* Allows user to override default button colors
|
|
3230
|
-
*/
|
|
3231
|
-
colorOverride?: string;
|
|
3232
|
-
/**
|
|
3233
|
-
* Used to indicate text is part of a "disabled" UI
|
|
3234
|
-
*/
|
|
3235
|
-
disabled?: boolean;
|
|
3236
|
-
/**
|
|
3237
|
-
* Attempt to keep the text to a single line by truncating with an ellipsis
|
|
3238
|
-
* <br />
|
|
3239
|
-
* _Note: this only affects block elements_
|
|
3240
|
-
*/
|
|
3241
|
-
ellipsis?: boolean;
|
|
3242
|
-
/**
|
|
3243
|
-
* Display the text as inline content
|
|
3244
|
-
*/
|
|
3245
|
-
inline?: boolean;
|
|
3246
|
-
/**
|
|
3247
|
-
* Displays text as italic type
|
|
3248
|
-
*/
|
|
3249
|
-
italic?: boolean;
|
|
3250
|
-
/**
|
|
3251
|
-
* Prevents text from being highlighted and copied
|
|
3252
|
-
*/
|
|
3253
|
-
preventUserSelect?: boolean;
|
|
3254
|
-
/**
|
|
3255
|
-
* The type of html element to render as
|
|
3256
|
-
*/
|
|
3257
|
-
renderAs?: keyof typeof renderMap;
|
|
3258
|
-
/**
|
|
3259
|
-
* The text style to display
|
|
3260
|
-
*/
|
|
3261
|
-
variant?: keyof typeof variantStyleMap;
|
|
3262
|
-
};
|
|
3263
3037
|
declare const Text: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3264
3038
|
/**
|
|
3265
3039
|
* The horizontal alignment
|
|
@@ -3515,7 +3289,7 @@ declare const Truncate: {
|
|
|
3515
3289
|
displayName: string;
|
|
3516
3290
|
};
|
|
3517
3291
|
|
|
3518
|
-
type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
3292
|
+
type WistiaLogoProps$1 = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
3519
3293
|
/**
|
|
3520
3294
|
* Display the icon portion of the logo
|
|
3521
3295
|
*/
|
|
@@ -3552,11 +3326,11 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
|
3552
3326
|
variant?: 'black' | 'standard' | 'white';
|
|
3553
3327
|
};
|
|
3554
3328
|
declare const WistiaLogo: {
|
|
3555
|
-
({ brandmark, colorOverride, height, hoverColor, href, logotype, title, variant, ...otherProps }?: WistiaLogoProps): react_jsx_runtime.JSX.Element | null;
|
|
3329
|
+
({ brandmark, colorOverride, height, hoverColor, href, logotype, title, variant, ...otherProps }?: WistiaLogoProps$1): react_jsx_runtime.JSX.Element | null;
|
|
3556
3330
|
displayName: string;
|
|
3557
3331
|
};
|
|
3558
3332
|
|
|
3559
|
-
type
|
|
3333
|
+
type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
3560
3334
|
/**
|
|
3561
3335
|
* An optional accessible description for the logo
|
|
3562
3336
|
*/
|
|
@@ -3590,8 +3364,8 @@ type WistiaLogoNewProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
|
3590
3364
|
variant?: 'dark' | 'light' | 'standard';
|
|
3591
3365
|
};
|
|
3592
3366
|
declare const WistiaLogoNew: {
|
|
3593
|
-
({ description, height, hoverColor, href, iconOnly, title, variant, ...otherProps }:
|
|
3367
|
+
({ description, height, hoverColor, href, iconOnly, title, variant, ...otherProps }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
|
|
3594
3368
|
displayName: string;
|
|
3595
3369
|
};
|
|
3596
3370
|
|
|
3597
|
-
export { ActionModal,
|
|
3371
|
+
export { ActionModal, Avatar, type AvatarInstanceType, type AvatarProps, Backdrop, BackgroundImage, Badge, type BadgeColorScheme, Banner, Box, Breakline, Button, ButtonGroup, ButtonLink, type ButtonProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickArea, CloseButton, CollapsibleGroup, Divider, Ellipsis, FileSelect, Form, FormButtons, FormField, FormFieldError, type FormFieldProps, FormGlobalError, type FormState, FullScreenModal, Icon, IconButton, type IconNameType, Image, Input, type KeyboardKeys, KeyboardShortcut, Label, LabelDescription, Link, LinkButton, List, ListItem, MediaObject, Menu, MenuButton, MenuItem, MenuLabel, Modal, ModalBase, ModalBody, ModalCloseButton, type ModalCloseButtonProps, ModalFooter, ModalHeader, type ModalProps, type NodeElementObject, type OnBeforeHideInterface, type OptionsType, Paper, ProgressBar, Radio, RadioGroup, RadioMenuItem, RangeSelector, RangeSelectorCalendar, RangeSelectorInput, type RangeSelectorProps, RichTextEditor, ScreenReaderOnly, Select, Slider, Stack, SubMenu, Switch, Text, Thumbnail, ThumbnailCollage, Toast, ToastProvider, type ToastVariants, Tooltip, type TooltipProps, Truncate, VHSProvider, type VHSProviderProps, type VHSTheme, WistiaLogo, WistiaLogoNew, type WrapperProviderLinkType, copyToClipboard, datetimeHelpers, ellipsisFlexParentStyle, ellipsisStyle, getBackgroundGradient, getSemiRandomBackgroundGradient, iconSizeMap, isValidRange, mq, objectHelpers, rteDeserializeHTML, rteFormatTypes, rteSerializeToHTML, screenReaderOnlyStyle, stringHelpers, useBoolean, useClipboard, useElementObserver, useEvent, useFocusTrap, useForceUpdate, useIsHovered, useKey, useKeyPress, useKeyPressOnce, useLocalStorage, useMergedRefs, useMq, useOnClickOutside, usePreventScroll, usePreviousValue, useTheme, useThemeColor, useToast, useWindowSize };
|