@livechat/design-system-react-components 2.32.0 → 2.34.0

package/README.md

@@ -16,7 +16,6 @@
 
 This package contains a library of reusable React components designed to be used in various projects. These components are the building blocks of our design system and can be easily integrated into your applications.
 
-
 ## Installation
 
 Run the following command using [npm](https://www.npmjs.com/) (or with you other favorite package manager, eg. [yarn](https://yarnpkg.com/)):
@@ -30,7 +29,7 @@ npm install @livechat/design-system-react-components @livechat/design-system-ico
 It is required to import the `CSS` directly into your project so it could be applied to components:
 
 ```js
-import '@livechat/design-system-react-components/dist/style.css';
+import '@livechat/design-system-react-components/dist/design-system-react-components.css';
 ```
 
 You can import components directly from the npm package:
@@ -55,7 +54,6 @@ At this stage of the project we consider Storybook and Figma as parts of our doc
 [Storybook](https://design.livechat.com/) - includes design system foundations, describes components API and allows to familiarize with the thier capabilities
 [Figma](https://www.figma.com/file/2pFu80PXO5A2tfyrAGnx91/Product-Components) - it's not an official documentation from design perspective but we follow a simple rule of working in public
 
-
 ### Development
 
 Required version of `node.js` is `20.14.0`.
@@ -78,4 +76,4 @@ If `Storybook` is not enough, you can additionaly run `npm start:example` which
 
 ### Contributing
 
-For the `contribution/testing/releasing` guides please refer to the [main repository](https://github.com/livechat/design-system/) documentation.
+For the `contribution/testing/releasing` guides please refer to the [main repository](https://github.com/livechat/design-system/) documentation.

package/dist/components/Table/Table.d.ts

@@ -1,2 +1,2 @@
 import { ITableProps } from './types';
-export declare const Table: <T>({ data, columns, stripped, size, pin, selectable, getRowId, resizable, selectedRows, onSelectionChange, rowSelectionMessage, rowActions, testId, }: ITableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: <T>({ data, columns, stripped, size, pin, selectable, getRowId, resizable, selectedRows, onSelectionChange, rowSelectionMessage, rowActions, testId, customBackgroundColor, }: ITableProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/types.d.ts

@@ -57,6 +57,12 @@ type BaseTableProps<T> = {
      * Sets the `data-testid` attribute, allowing the table to be easily selected in automated tests.
      */
     testId?: string;
+    /**
+     * Custom background color for table elements in their default state.
+     * When provided, all table elements will use this color as their background-color.
+     * Other states (hover, selected, etc.) will remain unchanged.
+     */
+    customBackgroundColor?: string;
 };
 type NonSelectableTableProps<T> = BaseTableProps<T> & {
     selectable?: false;

package/dist/components/UserGuide/components/UserGuideStep/types.d.ts

@@ -8,6 +8,10 @@ export interface IUserGuideStepProps {
      * The text of the step
      */
     text: string;
+    /**
+     * The custom button cta of the step
+     */
+    customCta?: string;
     /**
      * Set to enable typing animation for the text
      */