@chayns-components/core 5.0.0-beta.970 → 5.0.0-beta.972

package/lib/types/components/list/list-item/ListItem.d.ts

@@ -28,14 +28,19 @@ export type ListItemProps = {
      * This can be used to automatically expand the `ListItem` during the first render.
      */
     isDefaultOpen?: boolean;
+    /**
+     * This overrides the internal opening state of the item and makes it controlled.
+     */
+    isOpen?: boolean;
     /**
      * Whether the ListItem locks disabled but has full functionality.
      */
     isTitleGreyed?: boolean;
     /**
-     * This overrides the internal opening state of the item and makes it controlled.
+     * Elements that are displayed on the left side of the header. If multiple
+     * elements are specified, they are displayed one aside the other.
      */
-    isOpen?: boolean;
+    leftElements?: ListItemElements;
     /**
      * Function to be executed when the header of the `ListItem` was clicked
      */
@@ -53,11 +58,6 @@ export type ListItemProps = {
      * Function to be executed when the ListItem is opened.
      */
     onOpen?: VoidFunction;
-    /**
-     * Elements that are displayed on the left side of the header. If multiple
-     * elements are specified, they are displayed one aside the other.
-     */
-    leftElements?: ListItemElements;
     /**
      * Elements that are displayed on the right side of the header. If multiple
      * elements are specified, they are displayed one below the other.
@@ -67,15 +67,15 @@ export type ListItemProps = {
      * This will force the background color of the ListItem to be used even if it is closed and not hovered.
      */
     shouldForceBackground?: boolean;
+    /**
+     * Whether the bottom line should be hidden.
+     */
+    shouldHideBottomLine?: boolean;
     /**
      * Whether the background and border of the shape on which the image or icon of the element is displayed should be
      * hidden.
      */
     shouldHideImageOrIconBackground?: boolean;
-    /**
-     * Whether the bottom line should be hidden.
-     */
-    shouldHideBottomLine?: boolean;
     /**
      * If the `ListItem` is expandable, the indicator is displayed on the left
      * side of the header. If this property is set to true, the indicator is
@@ -86,6 +86,12 @@ export type ListItemProps = {
      * Whether the image should be opened on click.
      */
     shouldOpenImageOnClick?: boolean;
+    /**
+     * Whether the layout animation should be prevented. This is useful when the
+     * `ListItem` is used in a list with a lot of items and the layout animation
+     * is not desired.
+     */
+    shouldPreventLayoutAnimation?: boolean;
     /**
      * Whether the image or icon should be displayed in a round shape. This should be always used for images of persons.
      */

package/lib/types/components/list/list-item/list-item-head/ListItemHead.d.ts

@@ -7,18 +7,18 @@ type ListItemHeadProps = {
     isAnyItemExpandable: boolean;
     isExpandable: boolean;
     isOpen: boolean;
+    isTitleGreyed?: boolean;
     leftElements?: ReactNode;
     onClick?: MouseEventHandler<HTMLDivElement>;
     onLongPress?: TouchEventHandler<HTMLDivElement>;
     rightElements?: IListItemRightElements;
     shouldHideImageOrIconBackground?: boolean;
     shouldHideIndicator?: boolean;
-    subtitle?: ReactNode;
+    shouldOpenImageOnClick: boolean;
     shouldShowRoundImageOrIcon?: boolean;
+    subtitle?: ReactNode;
     title: ReactNode;
     titleElement?: ReactNode;
-    isDisabledButNotReallyDisabled?: boolean;
-    shouldOpenImageOnClick: boolean;
 };
 declare const ListItemHead: FC<ListItemHeadProps>;
 export default ListItemHead;

package/lib/types/index.d.ts

@@ -19,7 +19,7 @@ export { default as FilterButton } from './components/filter-buttons/filter-butt
 export { default as FilterButtons } from './components/filter-buttons/FilterButtons';
 export { default as GridImage } from './components/grid-image/GridImage';
 export { default as Icon } from './components/icon/Icon';
-export { default as Input } from './components/input/Input';
+export { default as Input, InputSize } from './components/input/Input';
 export { default as List } from './components/list/List';
 export { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';
 export { default as ListItem, type ListItemElements, type ListItemProps, } from './components/list/list-item/ListItem';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.970",
+    "version": "5.0.0-beta.972",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -66,8 +66,8 @@
         "lerna": "^8.1.9",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "styled-components": "^6.1.13",
-        "typescript": "^5.7.2"
+        "styled-components": "^6.1.14",
+        "typescript": "^5.7.3"
     },
     "dependencies": {
         "@chayns/colors": "^2.0.0",
@@ -87,5 +87,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "898b96321e2b6b4c6f6cc8087584f3707ea40fd9"
+    "gitHead": "5abe106c0c747ac66568fe087ae10e28185a0e98"
 }