@wistia/ui 0.6.45 → 0.7.0-beta.05e7ef9a.fd95b31

package/dist/index.d.mts

@@ -1177,8 +1177,6 @@ type EditableHeadingProps = {
  */
 declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
 
-declare const ellipsisStyle: styled_components.FlattenSimpleInterpolation;
-declare const ellipsisFlexParentStyle: styled_components.FlattenSimpleInterpolation;
 type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
     /**
      * The text that will be truncated with an ellipsis
@@ -1380,12 +1378,6 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
      * Styles to text as disabled
      */
     disabled?: boolean;
-    /**
-     * Attempt to keep the text to a single line by truncating with an ellipsis
-     * <br />
-     * _Note: this only affects block elements_
-     */
-    ellipsis?: boolean;
     /**
      * Display the text as inline content
      */
@@ -1395,6 +1387,13 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
      */
     preventUserSelect?: boolean;
     renderAs?: ElementType;
+    /**
+     * Number of lines to display before truncating with an ellipsis.
+     * Set to 1 to truncate after a single line, 2 for two lines, etc.
+     * <br />
+     * _Note: this only affects block elements_
+     */
+    truncate?: number;
     /**
      * The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the `renderAs` prop is used
      */
@@ -2103,12 +2102,6 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
      * Allows user to override default button colors
      */
     disabled?: boolean;
-    /**
-     * Attempt to keep the text to a single line by truncating with an ellipsis
-     * <br />
-     * _Note: this only affects block elements_
-     */
-    ellipsis?: boolean;
     /**
      * Display the text as inline content
      */
@@ -2125,6 +2118,13 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
      * This will inherit the jsdoc block from PolymorphicComponent
      */
     renderAs?: ElementType;
+    /**
+     * Number of lines to display before truncating with an ellipsis.
+     * Set to 1 to truncate after a single line, 2 for two lines, etc.
+     * <br />
+     * _Note: this only affects block elements_
+     */
+    truncate?: number;
     /**
      * The text style to display
      */
@@ -3142,4 +3142,4 @@ declare const Thumbnail: react.ForwardRefExoticComponent<Omit<react.DetailedHTML
     children?: ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, 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, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, 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, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };

package/dist/index.d.ts

@@ -1177,8 +1177,6 @@ type EditableHeadingProps = {
  */
 declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
 
-declare const ellipsisStyle: styled_components.FlattenSimpleInterpolation;
-declare const ellipsisFlexParentStyle: styled_components.FlattenSimpleInterpolation;
 type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
     /**
      * The text that will be truncated with an ellipsis
@@ -1380,12 +1378,6 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
      * Styles to text as disabled
      */
     disabled?: boolean;
-    /**
-     * Attempt to keep the text to a single line by truncating with an ellipsis
-     * <br />
-     * _Note: this only affects block elements_
-     */
-    ellipsis?: boolean;
     /**
      * Display the text as inline content
      */
@@ -1395,6 +1387,13 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
      */
     preventUserSelect?: boolean;
     renderAs?: ElementType;
+    /**
+     * Number of lines to display before truncating with an ellipsis.
+     * Set to 1 to truncate after a single line, 2 for two lines, etc.
+     * <br />
+     * _Note: this only affects block elements_
+     */
+    truncate?: number;
     /**
      * The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the `renderAs` prop is used
      */
@@ -2103,12 +2102,6 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
      * Allows user to override default button colors
      */
     disabled?: boolean;
-    /**
-     * Attempt to keep the text to a single line by truncating with an ellipsis
-     * <br />
-     * _Note: this only affects block elements_
-     */
-    ellipsis?: boolean;
     /**
      * Display the text as inline content
      */
@@ -2125,6 +2118,13 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
      * This will inherit the jsdoc block from PolymorphicComponent
      */
     renderAs?: ElementType;
+    /**
+     * Number of lines to display before truncating with an ellipsis.
+     * Set to 1 to truncate after a single line, 2 for two lines, etc.
+     * <br />
+     * _Note: this only affects block elements_
+     */
+    truncate?: number;
     /**
      * The text style to display
      */
@@ -3142,4 +3142,4 @@ declare const Thumbnail: react.ForwardRefExoticComponent<Omit<react.DetailedHTML
     children?: ReactNode;
 } & react.RefAttributes<HTMLDivElement>>;
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, 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, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, 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, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };