@wistia/ui 0.18.5-beta.9ab561d6.6f99781 → 0.18.5-beta.cae4b3e3.38e6983
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 +14 -33
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +15 -1
- package/dist/index.d.ts +15 -1
- package/dist/index.mjs +13 -33
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -1
package/dist/index.d.mts
CHANGED
|
@@ -4357,4 +4357,18 @@ declare const SplitButton: {
|
|
|
4357
4357
|
displayName: string;
|
|
4358
4358
|
};
|
|
4359
4359
|
|
|
4360
|
-
|
|
4360
|
+
type TestProps = ComponentPropsWithoutRef<'div'> & {
|
|
4361
|
+
/**
|
|
4362
|
+
* TODO: add a jsdoc description for this prop
|
|
4363
|
+
*/
|
|
4364
|
+
children: ReactNode;
|
|
4365
|
+
};
|
|
4366
|
+
/**
|
|
4367
|
+
* Component description goes here
|
|
4368
|
+
*/
|
|
4369
|
+
declare const Test: {
|
|
4370
|
+
({ children, ...props }: TestProps): JSX.Element;
|
|
4371
|
+
displayName: string;
|
|
4372
|
+
};
|
|
4373
|
+
|
|
4374
|
+
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, 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, Test, type TestProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, 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
|
@@ -4357,4 +4357,18 @@ declare const SplitButton: {
|
|
|
4357
4357
|
displayName: string;
|
|
4358
4358
|
};
|
|
4359
4359
|
|
|
4360
|
-
|
|
4360
|
+
type TestProps = ComponentPropsWithoutRef<'div'> & {
|
|
4361
|
+
/**
|
|
4362
|
+
* TODO: add a jsdoc description for this prop
|
|
4363
|
+
*/
|
|
4364
|
+
children: ReactNode;
|
|
4365
|
+
};
|
|
4366
|
+
/**
|
|
4367
|
+
* Component description goes here
|
|
4368
|
+
*/
|
|
4369
|
+
declare const Test: {
|
|
4370
|
+
({ children, ...props }: TestProps): JSX.Element;
|
|
4371
|
+
displayName: string;
|
|
4372
|
+
};
|
|
4373
|
+
|
|
4374
|
+
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, 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, Test, type TestProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, 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.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/ui v0.18.5-beta.
|
|
3
|
+
* @license @wistia/ui v0.18.5-beta.cae4b3e3.38e6983
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -18025,11 +18025,6 @@ var StyledThumbnailContainer = styled107.div`
|
|
|
18025
18025
|
`;
|
|
18026
18026
|
var StyledThumbnail = styled107.div`
|
|
18027
18027
|
--wui-thumbnail-badge-offset: var(--wui-space-01);
|
|
18028
|
-
--wui-thumbnail-border-radius: clamp(
|
|
18029
|
-
var(--wui-border-radius-01),
|
|
18030
|
-
calc(8cqh - var(--wui-thumbnail-collage-padding, 0px)),
|
|
18031
|
-
var(--wui-border-radius-05)
|
|
18032
|
-
);
|
|
18033
18028
|
|
|
18034
18029
|
background-image: ${({ $backgroundUrl }) => isNotNil43($backgroundUrl) ? `url('${$backgroundUrl}')` : void 0};
|
|
18035
18030
|
${({ $backgroundUrl, $gradientBackground }) => (
|
|
@@ -18042,22 +18037,7 @@ var StyledThumbnail = styled107.div`
|
|
|
18042
18037
|
width: 100%;
|
|
18043
18038
|
overflow: hidden;
|
|
18044
18039
|
position: relative;
|
|
18045
|
-
border-radius: var(--wui-
|
|
18046
|
-
box-shadow: inset 0 0 0 1px var(--wui-thumbnail-collage-border-color);
|
|
18047
|
-
|
|
18048
|
-
&,
|
|
18049
|
-
img,
|
|
18050
|
-
&::after {
|
|
18051
|
-
border-radius: var(--wui-thumbnail-border-radius);
|
|
18052
|
-
}
|
|
18053
|
-
|
|
18054
|
-
&::after {
|
|
18055
|
-
content: '';
|
|
18056
|
-
position: absolute;
|
|
18057
|
-
inset: 0;
|
|
18058
|
-
box-shadow: inset 0 0 0 1px var(--wui-thumbnail-collage-border-color);
|
|
18059
|
-
border-radius: var(--wui-thumbnail-border-radius);
|
|
18060
|
-
}
|
|
18040
|
+
border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
|
|
18061
18041
|
|
|
18062
18042
|
@container (min-width: 200px) {
|
|
18063
18043
|
--wui-thumbnail-badge-offset: var(--wui-space-02);
|
|
@@ -18225,17 +18205,11 @@ var ThumbnailCollageContainer = styled108.div`
|
|
|
18225
18205
|
display: flex;
|
|
18226
18206
|
`;
|
|
18227
18207
|
var StyledThumbnailCollage = styled108.div`
|
|
18228
|
-
--wui-thumbnail-collage-border-color: rgba(0, 0, 0, 0.05);
|
|
18229
|
-
--wui-thumbnail-collage-padding: var(--wui-space-01);
|
|
18230
|
-
padding: var(--wui-thumbnail-collage-padding);
|
|
18231
|
-
background-color: var(--wui-color-bg-surface-tertiary);
|
|
18232
|
-
border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
|
|
18233
18208
|
display: grid;
|
|
18234
|
-
gap: var(--wui-
|
|
18209
|
+
gap: var(--wui-space-01);
|
|
18235
18210
|
width: 100%;
|
|
18236
18211
|
grid-template-columns: 3fr 2fr;
|
|
18237
18212
|
grid-template-rows: 1fr 1fr;
|
|
18238
|
-
border: 1px solid var(--wui-thumbnail-collage-border-color);
|
|
18239
18213
|
|
|
18240
18214
|
&:has(:nth-child(1)) {
|
|
18241
18215
|
grid-template-areas:
|
|
@@ -18273,10 +18247,6 @@ var StyledThumbnailCollage = styled108.div`
|
|
|
18273
18247
|
height: 100%;
|
|
18274
18248
|
width: 100%;
|
|
18275
18249
|
}
|
|
18276
|
-
|
|
18277
|
-
@container (min-width: 200px) {
|
|
18278
|
-
--wui-thumbnail-collage-padding: var(--wui-space-02);
|
|
18279
|
-
}
|
|
18280
18250
|
`;
|
|
18281
18251
|
var ThumbnailCollage = ({
|
|
18282
18252
|
children = [],
|
|
@@ -18509,6 +18479,15 @@ var SplitButton = ({
|
|
|
18509
18479
|
] });
|
|
18510
18480
|
};
|
|
18511
18481
|
SplitButton.displayName = "SplitButton_UI";
|
|
18482
|
+
|
|
18483
|
+
// src/components/Test/Test.tsx
|
|
18484
|
+
import { styled as styled111 } from "styled-components";
|
|
18485
|
+
import { jsx as jsx330 } from "react/jsx-runtime";
|
|
18486
|
+
var StyledTest = styled111.div`
|
|
18487
|
+
/* add styles here */
|
|
18488
|
+
`;
|
|
18489
|
+
var Test = ({ children, ...props }) => /* @__PURE__ */ jsx330(StyledTest, { ...props, children });
|
|
18490
|
+
Test.displayName = "Test_UI";
|
|
18512
18491
|
export {
|
|
18513
18492
|
ActionButton,
|
|
18514
18493
|
Avatar,
|
|
@@ -18631,6 +18610,7 @@ export {
|
|
|
18631
18610
|
TabsList,
|
|
18632
18611
|
TabsTrigger,
|
|
18633
18612
|
Tag,
|
|
18613
|
+
Test,
|
|
18634
18614
|
Text,
|
|
18635
18615
|
Thumbnail,
|
|
18636
18616
|
ThumbnailBadge,
|