@digital-ai/dot-components 5.8.0 → 5.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "5.8.0",
+  "version": "5.9.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/analytics/dashboard-actions/DashboardPublishConfirm.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const dashboardCategoriesContainerClassName = "dashboard-categories-container";
-export declare const InlineMessage: import("styled-components").StyledComponent<({ ai, ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: import("../../typography/Typography").TypographyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+export declare const InlineMessage: import("styled-components").StyledComponent<({ ai, ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, hasShimmer, noMarginBottom, noWrap, variant, }: import("../../typography/Typography").TypographyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const StyledPublishConfirmDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledAppSelectDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledAppSelectDotAutoComplete: import("styled-components").StyledComponent<(<T extends import("../..").AutoCompleteOption>({ ListboxComponent, additionalLabelContent, actionItem, ai, aiAction, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disableCloseOnSelect, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, informationToolTip, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, popperClassName, popperPlacement, popperZIndex, preserveGroupOrder, readOnly, renderGroup, renderOption, renderTags, required, size, trimLongOptions, value, warning, }: import("../../auto-complete/AutoComplete").AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element), any, {}, never>;

package/src/lib/components/avatar/Avatar.d.ts

@@ -1,6 +1,6 @@
 import { MouseEvent, CSSProperties } from 'react';
 import { CommonProps } from '../CommonProps';
-export type AvatarSize = 'small' | 'medium' | 'large';
+export type AvatarSize = 'xs' | 'small' | 'medium' | 'large';
 export type AvatarType = 'image' | 'text' | 'icon';
 export type AvatarVariant = 'circular' | 'square';
 export type AvatarColor = 'default' | 'inherit' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey' | 'transparent' | 'white';

package/src/lib/components/chat-bubble/ChatBubble.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { CommonProps } from '../CommonProps';
+export type ChatBubbleSeverity = 'default' | 'error' | 'info' | 'none' | 'success' | 'warning';
+export type ChatBubbleOrientation = 'left' | 'right';
+export interface ChatBubbleProps extends CommonProps {
+    /** The content on the bottom of the bubble **/
+    actions?: ReactNode;
+    /** The content of the chat bubble */
+    children: ReactNode;
+    /** The position of the non-rounded corner */
+    orientation: ChatBubbleOrientation;
+    /** The background style of the chat bubble */
+    severity?: ChatBubbleSeverity;
+}
+export declare const DotChatBubble: ({ actions, ariaLabel, ariaRole, className, children, "data-testid": dataTestId, "data-pendoid": dataPendoId, orientation, severity, }: ChatBubbleProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/chat-bubble/ChatBubble.styles.d.ts

@@ -0,0 +1,9 @@
+import { ChatBubbleOrientation } from './ChatBubble';
+export declare const rootClassName = "dot-chat-bubble";
+export declare const actionsClassName = "dot-chat-bubble-actions";
+export declare const contentClassName = "dot-chat-bubble-content";
+interface StyledChatBubbleProps {
+    $orientation: ChatBubbleOrientation;
+}
+export declare const StyledChatBubble: import("styled-components").StyledComponent<"div", any, StyledChatBubbleProps, never>;
+export {};

package/src/lib/components/chat-bubble/index.d.ts

@@ -0,0 +1,2 @@
+export type { ChatBubbleProps, ChatBubbleOrientation, ChatBubbleSeverity, } from './ChatBubble';
+export { DotChatBubble } from './ChatBubble';

package/src/lib/components/icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import { CommonProps } from '../CommonProps';
-export type IconFontSize = 'small' | 'medium' | 'large';
+export type IconFontSize = 'xs' | 'small' | 'medium' | 'large';
 export interface IconProps extends CommonProps {
     /** If true, applies a gradient color to the icon */
     ai?: boolean;

package/src/lib/components/index.d.ts

@@ -58,6 +58,8 @@ export type { SearchProps } from './search';
 export type { ToggleSwitchProps, ToggleSwitchValue, ToggleSwitchOption, ToggleSwitchSingleValue, } from './toggle-switch';
 export type { ColorPickerProps, ColorResult, HsvaColor, SwatchPresetColor, } from './color-picker';
 export type { SelectProps, SelectOption } from './select';
+export type { ChatBubbleOrientation, ChatBubbleProps, ChatBubbleSeverity, } from './chat-bubble';
+export type { LoadingDotsProps } from './loading-dots';
 export { DotAccordion } from './accordion/Accordion';
 export { DotActionToolbar } from './action-toolbar/ActionToolbar';
 export { DotAlertBanner } from './alert-banner/AlertBanner';
@@ -149,3 +151,5 @@ export { DotToggleSwitch } from './toggle-switch';
 export { DotColorPicker } from './color-picker';
 export { useKeyPress } from '../hooks/useKeyPress';
 export { DotSelect } from './select';
+export { DotChatBubble } from './chat-bubble';
+export { DotLoadingDots } from './loading-dots';

package/src/lib/components/loading-dots/LoadingDots.d.ts

@@ -0,0 +1,10 @@
+import { CommonProps } from '../CommonProps';
+export interface LoadingDotsProps extends CommonProps {
+    /** Number of dots to display (1..10) */
+    count?: number;
+    /** Size of the dots in pixels */
+    size?: number | string;
+    /** Animation speed multiplier (higher = faster) */
+    speed?: number;
+}
+export declare const DotLoadingDots: ({ ariaLabel, className, count, "data-pendoid": dataPendoId, "data-testid": dataTestId, size, speed, }: LoadingDotsProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/loading-dots/LoadingDots.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const rootClassName = "dot-loading-dots";
+interface StyledLoadingDotsProps {
+    $count: number;
+    $duration: number;
+    $size: number | string;
+}
+export declare const StyledLoadingDots: import("styled-components").StyledComponent<"div", any, StyledLoadingDotsProps, never>;
+export {};

package/src/lib/components/loading-dots/index.d.ts

@@ -0,0 +1,2 @@
+export { DotLoadingDots } from './LoadingDots';
+export type { LoadingDotsProps } from './LoadingDots';

package/src/lib/components/progress/AiGradientSvg.d.ts

@@ -0,0 +1,3 @@
+export declare const AiGradientSvg: ({ id }: {
+    id: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/progress/Progress.d.ts

@@ -1,7 +1,12 @@
 import { CommonProps } from '../CommonProps';
 export type progressColorOptions = 'inherit' | 'primary' | 'secondary';
 export type progressVariantOptions = 'determinate' | 'indeterminate';
+export declare const AI_PROGRESS_GRADIENT_ID = "dot-progress-ai-gradient";
+export declare const AI_PROGRESS_SIZE = 24;
+export declare const AI_PROGRESS_THICKNESS = 2;
 export interface ProgressProps extends CommonProps {
+    /** Applies gradient color to the loading spinner */
+    ai?: boolean;
     /** color of the loading spinner border */
     color?: progressColorOptions;
     /** If true, it will display percentage label at the center of the circle */
@@ -17,4 +22,4 @@ export interface ProgressProps extends CommonProps {
     /** type of progress spinner displayed */
     variant?: progressVariantOptions;
 }
-export declare const DotProgress: ({ ariaLabel, color, className, "data-testid": dataTestId, hasPercentageLabel, size, thickness, tooltip, value, variant, }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotProgress: ({ ai, ariaLabel, color, className, "data-testid": dataTestId, hasPercentageLabel, size, thickness, tooltip, value, variant, }: ProgressProps) => import("react/jsx-runtime").JSX.Element;

package/src/lib/components/progress/Progress.styles.d.ts

@@ -1,2 +1,6 @@
 export declare const rootClassName = "dot-progress";
-export declare const StyledProgress: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledProgressProps {
+    $aiProgressGradientId?: string;
+}
+export declare const StyledProgress: import("styled-components").StyledComponent<"div", any, StyledProgressProps, never>;
+export {};

package/src/lib/components/typography/Typography.d.ts

@@ -10,6 +10,8 @@ export interface TypographyProps extends CommonProps {
     children: ReactNode;
     /** The component used for the root node. Either a string to use a HTML element or a component. */
     component?: ElementType;
+    /** If true, applies the shimmer styles. */
+    hasShimmer?: boolean;
     /** DEPRECATED: If true, the typography will not have a bottom margin set */
     noMarginBottom?: boolean;
     /** If true, the text will wrap and not be truncated */
@@ -17,4 +19,4 @@ export interface TypographyProps extends CommonProps {
     /** Applies the theme typography styles. */
     variant?: TypographyVariant;
 }
-export declare const DotTypography: ({ ai, ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotTypography: ({ ai, ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, hasShimmer, noMarginBottom, noWrap, variant, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;