@digital-ai/dot-components 3.9.0 → 3.10.0

package/index.esm.js

@@ -12790,6 +12790,7 @@ const DotPill = ({
   icon,
   label,
   labelcolor,
+  onClick,
   size = 'medium',
   status = 'default',
   variant = 'filled'
@@ -12802,11 +12803,12 @@ const DotPill = ({
     classes: {
       root: rootClasses
     },
-    clickable: false,
+    clickable: !!onClick,
     "data-testid": dataTestId,
     icon: icon,
     label: label,
     labelcolor: labelcolor,
+    onClick: onClick,
     size: size,
     variant: variant
   });

package/package.json

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

package/src/lib/components/linear-progress/LinearProgress.d.ts

@@ -1,5 +1,5 @@
 import { CommonProps } from '../CommonProps';
-export type LinearProgressColor = 'primary' | 'secondary' | 'error' | 'warning' | 'purple';
+export type LinearProgressColor = 'error' | 'inherit' | 'primary' | 'purple' | 'secondary' | 'warning';
 export type LinearProgressVariant = 'buffer' | 'determinate' | 'indeterminate' | 'query';
 export interface LinearProgressProps extends CommonProps {
     /** The color of the component. */

package/src/lib/components/pill/Pill.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactElement, MouseEvent } from 'react';
 import { CommonProps } from '../CommonProps';
 export type PillSize = 'small' | 'medium';
 export type PillStatus = 'success' | 'error' | 'warning' | 'in-progress' | 'default';
@@ -14,6 +14,8 @@ export interface PillProps extends CommonProps {
     label: string;
     /** Label color for the pill, ignored if 'status' is not 'default' */
     labelcolor?: string;
+    /** Event callback on click */
+    onClick?: (event: MouseEvent) => void;
     /** Determines the size of the pill 'medium' or 'small' */
     size?: PillSize;
     /** Determines the status of the pill component */
@@ -21,4 +23,4 @@ export interface PillProps extends CommonProps {
     /** Determines the variant of the pill 'filled' or 'outlined' */
     variant?: PillVariant;
 }
-export declare const DotPill: ({ ariaLabel, backgroundcolor, bordercolor, className, "data-testid": dataTestId, icon, label, labelcolor, size, status, variant, }: PillProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotPill: ({ ariaLabel, backgroundcolor, bordercolor, className, "data-testid": dataTestId, icon, label, labelcolor, onClick, size, status, variant, }: PillProps) => import("react/jsx-runtime").JSX.Element;