@connectif/ui-components 2.0.19 → 2.1.0

package/dist/components/button/Button.d.ts

@@ -1,62 +1,64 @@
 import * as React from 'react';
 import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
 import { IconId, iconSizes } from '../icon/Icon';
-export declare const colorStyles: {
+import { SxProps } from '@mui/material';
+import { CustomTheme } from '../../theme/CustomTheme';
+export declare const colorStyles: (theme: CustomTheme) => {
     readonly contained: {
         readonly primary: {};
         readonly inherit: {
-            readonly color: "#424242";
-            readonly backgroundColor: "#E0E0E0";
+            readonly color: string;
+            readonly backgroundColor: string;
             readonly ':hover': {
-                readonly backgroundColor: "#F5F5F5";
+                readonly backgroundColor: string;
             };
             readonly '&:active': {
-                readonly backgroundColor: "#E0E0E0";
+                readonly backgroundColor: string;
             };
             readonly ':disabled': {
-                readonly color: "#BDBDBD";
+                readonly color: string;
             };
         };
         readonly white: {
-            readonly border: "1px solid #EEEEEE";
-            readonly color: "#424242";
-            readonly backgroundColor: "#FFFFFF";
+            readonly border: `1px solid ${string}`;
+            readonly color: string;
+            readonly backgroundColor: string;
             readonly ':hover': {
-                readonly border: "1px solid #E0E0E0";
-                readonly backgroundColor: "#F5F5F5";
+                readonly border: `1px solid ${string}`;
+                readonly backgroundColor: string;
             };
             readonly '&:active': {
-                readonly border: "1px solid #E0E0E0";
-                readonly backgroundColor: "#EEEEEE";
+                readonly border: `1px solid ${string}`;
+                readonly backgroundColor: string;
             };
             readonly ':disabled': {
                 readonly border: "none";
-                readonly color: "#BDBDBD";
-                readonly backgroundColor: "#E0E0E0";
+                readonly color: string;
+                readonly backgroundColor: string;
             };
         };
         readonly warning: {
-            readonly color: "#FFFFFF";
-            readonly backgroundColor: "#B71C1C";
+            readonly color: string;
+            readonly backgroundColor: string;
             readonly ':hover': {
-                readonly backgroundColor: "#E53935";
+                readonly backgroundColor: string;
             };
             readonly '&:active': {
-                readonly backgroundColor: "#B71C1C";
+                readonly backgroundColor: string;
             };
         };
     };
     readonly outlined: {
         readonly primary: {};
-        readonly inherit: import("@mui/system").CSSSelectorObjectOrCssVariables<{}>;
-        readonly white: import("@mui/system").CSSSelectorObjectOrCssVariables<{}>;
-        readonly warning: import("@mui/system").CSSSelectorObjectOrCssVariables<{}>;
+        readonly inherit: SxProps;
+        readonly white: SxProps;
+        readonly warning: SxProps;
     };
     readonly text: {
         readonly primary: {};
-        readonly inherit: import("@mui/system").CSSSelectorObjectOrCssVariables<{}>;
-        readonly white: import("@mui/system").CSSSelectorObjectOrCssVariables<{}>;
-        readonly warning: import("@mui/system").CSSSelectorObjectOrCssVariables<{}>;
+        readonly inherit: SxProps;
+        readonly white: SxProps;
+        readonly warning: SxProps;
     };
 };
 export type ButtonProps = Pick<MuiButtonProps, 'id' | 'disabled' | 'onClick' | 'aria-controls' | 'aria-haspopup' | 'aria-expanded' | 'sx' | 'type' | 'className' | 'onMouseEnter' | 'onMouseLeave'> & {

package/dist/components/button/Button.theme.d.ts

@@ -1,2 +1,3 @@
-import { Components, Theme } from '@mui/material';
-export declare const buttonTheme: Components<Theme>['MuiButton'];
+import { Components } from '@mui/material';
+import { CustomTheme } from '../../theme/CustomTheme';
+export declare const buttonTheme: Components<CustomTheme>['MuiButton'];

package/dist/components/chart/LineChart.d.ts

@@ -104,10 +104,30 @@ export type LineChartProps = CategorizedChartProps & {
      * Option to set the position of the Y axis when there is only one.
      */
     yAxisPosition?: 'left' | 'right';
+    /**
+     * Rotation angle in degrees for X-axis labels to prevent overlapping.
+     * Positive values rotate to the right, negative values rotate to the left.
+     */
+    xAxisLabelRotationDegrees?: number;
+    /**
+     * If true, all labels will be displayed
+     * @default false
+     */
+    forceAllXLabels?: boolean;
     /**
      * Margin to add between labels and x axis. It will be in px
      */
     xAxisMargin?: number;
+    /**
+     * Margin to add between labels and Y axis. It will be in px
+     */
+    yAxisMargin?: number;
+    /**
+     * If true, the chart stretches to use the full width,
+     * even when it has only a few values.
+     * @default false
+     */
+    stretch?: boolean;
     /**
      * Reference to chart component
      */
@@ -126,5 +146,5 @@ export type LineChartProps = CategorizedChartProps & {
  * A line chart component to display numeric data grouped by categories and series.
  * Commonly, categories use to be sorted dates.
  */
-declare const LineChart: ({ style, isLoading, series, categories, yAxisLabelFormatter, ySecondaryAxisLabelFormatter, onClick, disableSeriesNames, disableAxes, disableSplitLine, axisFontSize, axisFontColor, yAxisPosition, xAxisMargin, chartRef, gridMargin }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+declare const LineChart: ({ style, isLoading, series, categories, yAxisLabelFormatter, ySecondaryAxisLabelFormatter, onClick, disableSeriesNames, disableAxes, disableSplitLine, axisFontSize, axisFontColor, yAxisPosition, xAxisLabelRotationDegrees, xAxisMargin, yAxisMargin, stretch, forceAllXLabels, chartRef, gridMargin }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
 export default LineChart;

package/dist/components/chat/ChatMessage.d.ts

@@ -43,6 +43,10 @@ export type ChatMessageProps = {
      * Sets a different border radius in the entry message
      */
     highlightStartEdge?: boolean;
+    /**
+     * Sets maxWidth in the entry message
+     */
+    maxWidth?: number;
     /**
      * When cancelable button is clicked
      */

package/dist/components/tooltip/TextEllipsis.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ThemeTypography } from '../../theme';
+import { TextEllipsisTooltipProps } from './TextEllipsisTooltip';
 import { SxProps } from '@mui/material';
 export type TextEllipsisProps = {
     text?: React.ReactNode;
@@ -13,6 +14,7 @@ export type TextEllipsisProps = {
     lines?: number;
     'data-test'?: string;
     sx?: SxProps;
+    zIndex?: TextEllipsisTooltipProps['zIndex'];
 };
-declare const TextEllipsis: ({ text, typographyVariant, color, width, lines, maxWidth, "data-test": dataTest, sx }: TextEllipsisProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextEllipsis: ({ text, typographyVariant, color, width, lines, maxWidth, "data-test": dataTest, sx, zIndex }: TextEllipsisProps) => import("react/jsx-runtime").JSX.Element;
 export default TextEllipsis;