@connectif/ui-components 1.0.0 → 1.0.2

package/README.md

@@ -0,0 +1,23 @@
+# UI Components
+
+This package contains reusable user interface components from the Connectif platform.
+
+## Installation
+
+To install this package, run:
+
+```bash
+npm install @connectif/ui-components
+```
+
+## Usage
+
+Import the components into your project:
+
+```javascript
+import { TextField } from '@connectif/ui-components';
+```
+
+## License
+
+This package is licensed under the MIT license.

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

@@ -4,10 +4,14 @@ export type ChatProps = React.PropsWithChildren<{
      * Header to place at the beginning of the chat
      */
     header?: React.ReactNode;
+    /**
+     * Background color
+     */
+    backgroundColor?: string;
 }>;
 /**
  * Shows a list of chat message, in a vertical layout.
  *
  */
-declare const Chat: ({ children, header }: ChatProps) => import("react/jsx-runtime").JSX.Element;
+declare const Chat: ({ children, header, backgroundColor }: ChatProps) => import("react/jsx-runtime").JSX.Element;
 export default Chat;

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { TypographyProps } from '../typography/Typography';
 export type ChatMessageProps = {
     /**
      * Message type, messages send by user will be outgoing and responses will be incoming.
@@ -26,6 +27,22 @@ export type ChatMessageProps = {
      * Text to the cancelable button tooltip. If not provided, cancelable button will not display
      */
     cancelableButtonText?: string;
+    /**
+     * Typography color
+     */
+    typographyColor?: string;
+    /**
+     * Typography variant
+     */
+    typographyVariant?: TypographyProps['variant'];
+    /**
+     * Background color to force
+     */
+    backgroundColor?: string;
+    /**
+     * Sets a different border radius in the entry message
+     */
+    highlightStartEdge?: boolean;
     /**
      * When cancelable button is clicked
      */

package/dist/components/progress/CircularProgress.d.ts

@@ -50,6 +50,13 @@ export type CircularProgressProps = Pick<MuiCircularProgressProps, 'thickness'>
      * The color of the typography.
      */
     typographyColor?: string;
+    /**
+     * The color of the gradient.
+     */
+    gradientColors?: {
+        startColor: string;
+        endColor: string;
+    };
 };
-declare const CircularProgress: ({ value, label, variant, color, size, showCircularBackground, thickness, roundedStroke, rotationDegrees, typographyVariant, typographyColor }: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+declare const CircularProgress: ({ value, label, variant, color, size, showCircularBackground, thickness, roundedStroke, rotationDegrees, typographyVariant, typographyColor, gradientColors }: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default CircularProgress;

package/dist/components/typography/Typography.d.ts

@@ -11,6 +11,11 @@ export type TypographyProps = Pick<MuiTypographyProps, 'noWrap' | 'sx' | 'childr
      * Whether the text is italic or not.
      */
     italic?: boolean;
+    shimmer?: {
+        startColor: string;
+        endColor: string;
+        duration?: number;
+    };
     /**
      * The component to be used to render the text.
      * By default, it is a `span` element.
@@ -30,6 +35,11 @@ declare const Typography: React.ForwardRefExoticComponent<Pick<MuiTypographyProp
      * Whether the text is italic or not.
      */
     italic?: boolean;
+    shimmer?: {
+        startColor: string;
+        endColor: string;
+        duration?: number;
+    };
     /**
      * The component to be used to render the text.
      * By default, it is a `span` element.