@wistia/ui 0.18.5-beta.1d79a17c.93d1dd4 → 0.18.5-beta.32b910d9.423e2b0
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 +19 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +17 -3
- package/dist/index.d.ts +17 -3
- package/dist/index.mjs +18 -8
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -1
package/dist/index.d.mts
CHANGED
|
@@ -633,7 +633,7 @@ type BannerProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
633
633
|
/**
|
|
634
634
|
* Controls the visual prominence of the banner
|
|
635
635
|
*/
|
|
636
|
-
prominence?: '
|
|
636
|
+
prominence?: 'default' | 'secondary';
|
|
637
637
|
colorScheme?: ColorSchemeTypes;
|
|
638
638
|
/**
|
|
639
639
|
* Optional image element to display in the banner
|
|
@@ -950,7 +950,7 @@ type CardProps = BoxProps & ComponentPropsWithoutRef<'div'> & {
|
|
|
950
950
|
/**
|
|
951
951
|
* Specifies the background and border color of the card.
|
|
952
952
|
*/
|
|
953
|
-
prominence?: '
|
|
953
|
+
prominence?: 'default' | 'secondary' | 'tertiary';
|
|
954
954
|
/**
|
|
955
955
|
* Determines the color scheme for the card and its children.
|
|
956
956
|
*/
|
|
@@ -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
|
@@ -633,7 +633,7 @@ type BannerProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
633
633
|
/**
|
|
634
634
|
* Controls the visual prominence of the banner
|
|
635
635
|
*/
|
|
636
|
-
prominence?: '
|
|
636
|
+
prominence?: 'default' | 'secondary';
|
|
637
637
|
colorScheme?: ColorSchemeTypes;
|
|
638
638
|
/**
|
|
639
639
|
* Optional image element to display in the banner
|
|
@@ -950,7 +950,7 @@ type CardProps = BoxProps & ComponentPropsWithoutRef<'div'> & {
|
|
|
950
950
|
/**
|
|
951
951
|
* Specifies the background and border color of the card.
|
|
952
952
|
*/
|
|
953
|
-
prominence?: '
|
|
953
|
+
prominence?: 'default' | 'secondary' | 'tertiary';
|
|
954
954
|
/**
|
|
955
955
|
* Determines the color scheme for the card and its children.
|
|
956
956
|
*/
|
|
@@ -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.32b910d9.423e2b0
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -9067,7 +9067,7 @@ var Banner = ({
|
|
|
9067
9067
|
onClose,
|
|
9068
9068
|
orientation = "horizontal",
|
|
9069
9069
|
primaryAction,
|
|
9070
|
-
prominence = "
|
|
9070
|
+
prominence = "default",
|
|
9071
9071
|
secondaryAction,
|
|
9072
9072
|
...props
|
|
9073
9073
|
}) => {
|
|
@@ -9092,10 +9092,10 @@ var Banner = ({
|
|
|
9092
9092
|
const hasActions = isNotNil13(primaryAction) || isNotNil13(secondaryAction);
|
|
9093
9093
|
const contentDirection = useMemo5(() => {
|
|
9094
9094
|
if (orientation === "horizontal" && !hasActions) return "row";
|
|
9095
|
-
return !shouldShowImage && prominence === "
|
|
9095
|
+
return !shouldShowImage && prominence === "default" && !isSmallContainer && !isVerticalLayout ? "row" : "column";
|
|
9096
9096
|
}, [orientation, shouldShowImage, prominence, isSmallContainer, isVerticalLayout, hasActions]);
|
|
9097
|
-
const headingVariant = isSmallContainer || prominence === "
|
|
9098
|
-
const textVariant = prominence === "
|
|
9097
|
+
const headingVariant = isSmallContainer || prominence === "default" ? "heading5" : "heading3";
|
|
9098
|
+
const textVariant = prominence === "default" || isSmallContainer ? "body3" : "body2";
|
|
9099
9099
|
const buttonSize = isSmallContainer ? "sm" : "md";
|
|
9100
9100
|
return /* @__PURE__ */ jsxs13(
|
|
9101
9101
|
StyledBanner,
|
|
@@ -9360,7 +9360,7 @@ var StyledCard = styled20(Box)`
|
|
|
9360
9360
|
width: ${({ $width }) => $width};
|
|
9361
9361
|
`;
|
|
9362
9362
|
var prominenceMap = {
|
|
9363
|
-
|
|
9363
|
+
default: {
|
|
9364
9364
|
backgroundColor: "var(--wui-color-bg-surface)",
|
|
9365
9365
|
borderColor: "var(--wui-color-border)"
|
|
9366
9366
|
},
|
|
@@ -13591,7 +13591,7 @@ var FilterMenu = forwardRef20(
|
|
|
13591
13591
|
border: false,
|
|
13592
13592
|
borderRadius: "border-radius-02",
|
|
13593
13593
|
paddingSize: "space-01",
|
|
13594
|
-
prominence: "
|
|
13594
|
+
prominence: "default",
|
|
13595
13595
|
style: {
|
|
13596
13596
|
position: "absolute",
|
|
13597
13597
|
top: 0,
|
|
@@ -13646,7 +13646,7 @@ var FilterMenu = forwardRef20(
|
|
|
13646
13646
|
border: false,
|
|
13647
13647
|
borderRadius: "border-radius-02",
|
|
13648
13648
|
paddingSize: "space-01",
|
|
13649
|
-
prominence: "
|
|
13649
|
+
prominence: "default",
|
|
13650
13650
|
style: {
|
|
13651
13651
|
position: "absolute",
|
|
13652
13652
|
bottom: 0,
|
|
@@ -18479,6 +18479,15 @@ var SplitButton = ({
|
|
|
18479
18479
|
] });
|
|
18480
18480
|
};
|
|
18481
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";
|
|
18482
18491
|
export {
|
|
18483
18492
|
ActionButton,
|
|
18484
18493
|
Avatar,
|
|
@@ -18601,6 +18610,7 @@ export {
|
|
|
18601
18610
|
TabsList,
|
|
18602
18611
|
TabsTrigger,
|
|
18603
18612
|
Tag,
|
|
18613
|
+
Test,
|
|
18604
18614
|
Text,
|
|
18605
18615
|
Thumbnail,
|
|
18606
18616
|
ThumbnailBadge,
|