@livechat/design-system-react-components 2.22.0 → 2.23.0

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.
@@ -3,6 +3,7 @@ import * as React from 'react';
3
3
  export type ButtonProps = {
4
4
  /**
5
5
  * Specify the button kind
6
+ * @note The 'basic' kind is deprecated and will be removed in a future release. Please use 'secondary' instead.
6
7
  */
7
8
  kind?: ButtonKind;
8
9
  /**
@@ -37,6 +38,7 @@ export type ButtonProps = {
37
38
  export declare const Button: React.ForwardRefExoticComponent<{
38
39
  /**
39
40
  * Specify the button kind
41
+ * @note The 'basic' kind is deprecated and will be removed in a future release. Please use 'secondary' instead.
40
42
  */
41
43
  kind?: ButtonKind;
42
44
  /**
@@ -3,7 +3,7 @@ import * as React from 'react';
3
3
  export type ButtonSize = 'compact' | 'medium' | 'large';
4
4
  type ButtonElement = {
5
5
  id: string;
6
- label: string;
6
+ label?: string;
7
7
  } & Pick<ButtonProps, 'disabled' | 'loading' | 'icon'>;
8
8
  export interface SegmentedControlProps extends React.HTMLAttributes<HTMLDivElement> {
9
9
  /**
@@ -174,7 +174,28 @@ export interface ITooltipInfoProps {
174
174
  */
175
175
  handleCloseAction?: (ev: React.MouseEvent) => void;
176
176
  }
177
- export interface ITooltipInteractiveProps {
177
+ type TooltipMediaImage = {
178
+ /**
179
+ * The Interactive tooltip image
180
+ */
181
+ image: {
182
+ src: string;
183
+ alt: string;
184
+ };
185
+ video?: never;
186
+ };
187
+ type TooltipMediaVideo = {
188
+ /**
189
+ * The Interactive tooltip video. Renders with autoplay, loop, and muted by default
190
+ */
191
+ video: string;
192
+ image?: never;
193
+ };
194
+ type TooltipMedia = TooltipMediaImage | TooltipMediaVideo | {
195
+ image?: never;
196
+ video?: never;
197
+ };
198
+ export type ITooltipInteractiveProps = {
178
199
  /**
179
200
  * The Interactive tooltip header
180
201
  */
@@ -183,13 +204,6 @@ export interface ITooltipInteractiveProps {
183
204
  * The Interactive tooltip text
184
205
  */
185
206
  text: string;
186
- /**
187
- * The Interactive tooltip image
188
- */
189
- image?: {
190
- src: string;
191
- alt: string;
192
- };
193
207
  /**
194
208
  * Set to show close button
195
209
  * @deprecated Use `handleCloseAction` instead
@@ -211,4 +225,5 @@ export interface ITooltipInteractiveProps {
211
225
  * The Interactive tooltip secondary button props
212
226
  */
213
227
  secondaryButton?: TooltipButton | React.ReactNode;
214
- }
228
+ } & TooltipMedia;
229
+ export {};