@useblu/ocean-react 1.132.0 → 1.133.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.133.0](https://github.com/ocean-ds/ocean-web/compare/v1.132.0...v1.133.0) (2026-03-05)
+
+### Features
+
+- create TransactionListExpandable ([#1228](https://github.com/ocean-ds/ocean-web/issues/1228)) ([2bb4832](https://github.com/ocean-ds/ocean-web/commit/2bb48326df10a830d940990d7881070ddde1d805))
+
 # [1.132.0](https://github.com/ocean-ds/ocean-web/compare/v1.131.0...v1.132.0) (2026-03-03)
 
 ### Features

package/ListAction/ListAction.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 import { ContentListProps } from '../_shared/components/ContentList';
 import { ActionItem } from '../_shared/components/InternalListActions';
+import { AmountDetailsProps } from '../_shared/components/AmountDetails';
 export type ListActionProps = {
     title: string;
     description?: string;
@@ -18,6 +19,8 @@ export type ListActionProps = {
     menuPosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     showDivider?: boolean;
+    amountDetails?: AmountDetailsProps;
+    position?: 'first' | 'middle' | 'last';
 } & Omit<React.ComponentPropsWithoutRef<'button'>, 'type'>;
 declare const ListAction: React.ForwardRefExoticComponent<{
     title: string;
@@ -36,6 +39,8 @@ declare const ListAction: React.ForwardRefExoticComponent<{
     menuPosition?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     showDivider?: boolean;
+    amountDetails?: AmountDetailsProps;
+    position?: "first" | "middle" | "last";
 } & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "type"> & React.RefAttributes<HTMLButtonElement>>;
 export default ListAction;
 //# sourceMappingURL=ListAction.d.ts.map

package/ListAction/ListAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListAction.d.ts","sourceRoot":"","sources":["../../src/ListAction/ListAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,OAAoB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAE3C,OAA4B,EAC1B,UAAU,EACX,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAI5B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAIlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAKtB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAI1C,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAK3B,YAAY,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;IAIzE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAK/D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3D,QAAA,MAAM,UAAU;WAvEP,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;eAKL,OAAO;WAKX,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;eAKtB,OAAO;cAKR,OAAO;WAIV,SAAS;gBAIJ,SAAS;iBAKR,SAAS,GAAG,MAAM,GAAG,OAAO;kBAI3B,UAAU,EAAE;mBAKX,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW;cAI9D,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;kBAKhD,OAAO;wNA+HtB,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ListAction.d.ts","sourceRoot":"","sources":["../../src/ListAction/ListAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,OAAoB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAE3C,OAA4B,EAC1B,UAAU,EACX,MAAM,2CAA2C,CAAC;AACnD,OAAsB,EACpB,kBAAkB,EACnB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG;IAI5B,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAIlC,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAIjB,SAAS,CAAC,EAAE,SAAS,CAAC;IAKtB,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAI1C,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAK3B,YAAY,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;IAIzE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAK/D,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IAKnC,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CACxC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3D,QAAA,MAAM,UAAU;WAhFP,MAAM;kBAIC,MAAM;+BAIO,MAAM;cAIvB,MAAM;eAKL,OAAO;WAKX,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;eAKtB,OAAO;cAKR,OAAO;WAIV,SAAS;gBAIJ,SAAS;iBAKR,SAAS,GAAG,MAAM,GAAG,OAAO;kBAI3B,UAAU,EAAE;mBAKX,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW;cAI9D,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;kBAKhD,OAAO;oBAIL,kBAAkB;eAKvB,OAAO,GAAG,QAAQ,GAAG,MAAM;wNA+JvC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/ListAction/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from './ListAction';
 export type { ListActionProps } from './ListAction';
 export type { ActionItem } from '../_shared/components/InternalListActions';
+export type { AmountDetailsProps } from '../_shared/components/AmountDetails';
 //# sourceMappingURL=index.d.ts.map

package/ListAction/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListAction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListAction/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAC5E,YAAY,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC"}

package/TransactionListExpandable/TransactionListExpandable.d.ts

@@ -0,0 +1,47 @@
+import React, { ReactNode } from 'react';
+import { ContentListProps } from '../_shared/components/ContentList';
+import { AmountDetailsProps } from '../_shared/components/AmountDetails';
+export type TransactionListExpandableProps = {
+    title: string;
+    description?: string;
+    caption?: string;
+    amount: string;
+    amountType?: AmountDetailsProps['type'];
+    amountIndicator?: ReactNode;
+    showAmountIndicator?: boolean;
+    additionalData?: string;
+    inverted?: boolean;
+    type?: 'card' | 'text';
+    status?: ContentListProps['type'];
+    loading?: boolean;
+    icon?: ReactNode;
+    expanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
+    children?: ReactNode;
+    supportingText?: ReactNode;
+    disabled?: boolean;
+    showDivider?: boolean;
+} & Omit<React.ComponentPropsWithoutRef<'div'>, 'children'>;
+declare const TransactionListExpandable: React.ForwardRefExoticComponent<{
+    title: string;
+    description?: string;
+    caption?: string;
+    amount: string;
+    amountType?: AmountDetailsProps["type"];
+    amountIndicator?: ReactNode;
+    showAmountIndicator?: boolean;
+    additionalData?: string;
+    inverted?: boolean;
+    type?: "card" | "text";
+    status?: ContentListProps["type"];
+    loading?: boolean;
+    icon?: ReactNode;
+    expanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
+    children?: ReactNode;
+    supportingText?: ReactNode;
+    disabled?: boolean;
+    showDivider?: boolean;
+} & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "children"> & React.RefAttributes<HTMLDivElement>>;
+export default TransactionListExpandable;
+//# sourceMappingURL=TransactionListExpandable.d.ts.map

package/TransactionListExpandable/TransactionListExpandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionListExpandable.d.ts","sourceRoot":"","sources":["../../src/TransactionListExpandable/TransactionListExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAoB,EAClB,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAsB,EACpB,kBAAkB,EACnB,MAAM,qCAAqC,CAAC;AAG7C,MAAM,MAAM,8BAA8B,GAAG;IAI3C,KAAK,EAAE,MAAM,CAAC;IAId,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,MAAM,EAAE,MAAM,CAAC;IAIf,UAAU,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAIxC,eAAe,CAAC,EAAE,SAAS,CAAC;IAK5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAI9B,cAAc,CAAC,EAAE,MAAM,CAAC;IAKxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAKvB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAKlC,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAIvC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAIrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAK3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,QAAA,MAAM,yBAAyB;WAnFtB,MAAM;kBAIC,MAAM;cAIV,MAAM;YAIR,MAAM;iBAID,kBAAkB,CAAC,MAAM,CAAC;sBAIrB,SAAS;0BAKL,OAAO;qBAIZ,MAAM;eAKZ,OAAO;WAKX,MAAM,GAAG,MAAM;aAKb,gBAAgB,CAAC,MAAM,CAAC;cAKvB,OAAO;WAIV,SAAS;eAKL,OAAO;eAIP,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;eAI3B,SAAS;qBAIH,SAAS;eAKf,OAAO;kBAKJ,OAAO;oMA0JtB,CAAC;AAIF,eAAe,yBAAyB,CAAC"}

package/TransactionListExpandable/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './TransactionListExpandable';
+export * from './TransactionListExpandable';
+//# sourceMappingURL=index.d.ts.map

package/TransactionListExpandable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TransactionListExpandable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,cAAc,6BAA6B,CAAC"}

package/_shared/components/AmountDetails/AmountDetails.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode } from 'react';
+import { ContentListProps } from '../ContentList';
+export type AmountDetailsType = 'default' | 'positive' | 'negative';
+export type AmountDetailsProps = {
+    amount: string;
+    type?: ContentListProps['type'] | 'negative';
+    indicator?: ReactNode;
+    indicatorSize?: 'small' | 'medium';
+    showIndicator?: boolean;
+    additionalData?: string;
+    showAdditionalData?: boolean;
+};
+declare const AmountDetails: ({ amount, type, indicator, indicatorSize, showIndicator, additionalData, showAdditionalData, }: AmountDetailsProps) => ReactElement;
+export default AmountDetails;
+//# sourceMappingURL=AmountDetails.d.ts.map

package/_shared/components/AmountDetails/AmountDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountDetails.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/AmountDetails/AmountDetails.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IAKtB,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,gGAQpB,kBAAkB,KAAG,YAyCvB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/_shared/components/AmountDetails/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './AmountDetails';
+export * from './AmountDetails';
+//# sourceMappingURL=index.d.ts.map

package/_shared/components/AmountDetails/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/AmountDetails/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,cAAc,iBAAiB,CAAC"}

package/index.d.ts

@@ -92,6 +92,8 @@ export { default as ListReadOnly } from './ListReadOnly';
 export * from './ListReadOnly';
 export { default as ListExpandable } from './ListExpandable';
 export * from './ListExpandable';
+export { default as TransactionListExpandable } from './TransactionListExpandable';
+export * from './TransactionListExpandable';
 export { default as InternalContextualHero } from './InternalContextualHero';
 export * from './InternalContextualHero';
 export { default as ListSettings } from './ListSettings';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/index.es.js

@@ -47785,9 +47785,26 @@ var InternalListActions = forwardRef(function (_a, forwardedRef) {
 });
 InternalListActions.displayName = 'InternalListActions';
 
+var AmountDetails = function (_a) {
+    var amount = _a.amount, _b = _a.type, type = _b === void 0 ? 'default' : _b, indicator = _a.indicator, _c = _a.indicatorSize, indicatorSize = _c === void 0 ? 'small' : _c, _d = _a.showIndicator, showIndicator = _d === void 0 ? true : _d, additionalData = _a.additionalData, _e = _a.showAdditionalData, showAdditionalData = _e === void 0 ? true : _e;
+    var isNegative = type === 'negative';
+    var isPositive = type === 'positive';
+    return (e.createElement("div", { className: "ods-amount-details" },
+        e.createElement("div", { className: "ods-amount-details__main" },
+            isNegative ? (e.createElement("div", { className: "ods-amount-details__amount-row" },
+                e.createElement("span", { className: "ods-amount-details__amount-sign" }, "- "),
+                e.createElement("p", { className: "ods-amount-details__amount" }, amount))) : (e.createElement("p", { className: classNames('ods-amount-details__amount', {
+                    'ods-amount-details__amount--positive': isPositive,
+                }) }, amount)),
+            showIndicator && indicator && (e.createElement("div", { className: classNames('ods-amount-details__indicator', {
+                    'ods-amount-details__indicator--medium': indicatorSize === 'medium',
+                }) }, indicator))),
+        showAdditionalData && additionalData && (e.createElement(Typography, { variant: "captionbold", className: "ods-amount-details__caption" }, additionalData))));
+};
+
 var ListAction = e.forwardRef(function (_a, ref) {
     var _b;
-    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.status, status = _e === void 0 ? 'default' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, icon = _a.icon, indicator = _a.indicator, _h = _a.actionType, actionType = _h === void 0 ? 'chevron' : _h, menuActions = _a.menuActions, _j = _a.menuPosition, menuPosition = _j === void 0 ? 'bottom-right' : _j, onClick = _a.onClick, className = _a.className, _k = _a.showDivider, showDivider = _k === void 0 ? false : _k, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "status", "disabled", "loading", "icon", "indicator", "actionType", "menuActions", "menuPosition", "onClick", "className", "showDivider"]);
+    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.status, status = _e === void 0 ? 'default' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, icon = _a.icon, indicator = _a.indicator, _h = _a.actionType, actionType = _h === void 0 ? 'chevron' : _h, menuActions = _a.menuActions, _j = _a.menuPosition, menuPosition = _j === void 0 ? 'bottom-right' : _j, onClick = _a.onClick, className = _a.className, _k = _a.showDivider, showDivider = _k === void 0 ? false : _k, amountDetails = _a.amountDetails, position = _a.position, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "status", "disabled", "loading", "icon", "indicator", "actionType", "menuActions", "menuPosition", "onClick", "className", "showDivider", "amountDetails", "position"]);
     var _l = useState(false), isSwipeOpen = _l[0], setIsSwipeOpen = _l[1];
     var _m = useState(0), menuWidth = _m[0], setMenuWidth = _m[1];
     var handleSwipeOpenChange = function (isOpen, width) {
@@ -47798,7 +47815,7 @@ var ListAction = e.forwardRef(function (_a, ref) {
     };
     var renderActionIcon = function () {
         if (actionType === 'chevron') {
-            return (e.createElement("div", { className: 'ods-list-action__action' },
+            return (e.createElement("div", { className: "ods-list-action__action" },
                 e.createElement(re, { size: 20 })));
         }
         if (actionType === 'menu' || actionType === 'swipe') {
@@ -47806,19 +47823,32 @@ var ListAction = e.forwardRef(function (_a, ref) {
         }
         return null;
     };
-    var renderLoadingContent = function () { return (e.createElement("div", { className: 'ods-list-action__skeleton' },
-        e.createElement(SkeletonBar, { width: '40%', height: '16px' }),
-        e.createElement(SkeletonBar, { width: '100%', height: '16px' }))); };
+    var renderLoadingContent = function () { return (e.createElement("div", { className: "ods-list-action__skeleton" },
+        e.createElement(SkeletonBar, { width: "40%", height: "16px" }),
+        e.createElement(SkeletonBar, { width: "100%", height: "16px" }))); };
     var contentStyle = isSwipeOpen && menuWidth > 0
         ? { transform: "translateX(-".concat(menuWidth, "px)") }
         : {};
+    var showLeading = position && icon;
+    var showLineAbove = position === 'middle' || position === 'last';
+    var showLineBelow = position === 'first' || position === 'middle';
     var renderContent = function () { return (e.createElement(e.Fragment, null,
-        e.createElement("div", { className: 'ods-list-action__content', style: contentStyle },
-            icon && (e.createElement("div", { className: classNames('ods-list-action__icon', {
+        e.createElement("div", { className: "ods-list-action__content", style: contentStyle },
+            showLeading ? (e.createElement("div", { className: "ods-list-action__position" },
+                e.createElement("div", { className: classNames('ods-list-action__position-line', {
+                        'ods-list-action__position-line--visible': showLineAbove,
+                    }) }),
+                e.createElement("div", { className: classNames('ods-list-action__icon', {
+                        'ods-list-action__icon--inactive': status === 'inactive',
+                    }) }, icon),
+                e.createElement("div", { className: classNames('ods-list-action__position-line', {
+                        'ods-list-action__position-line--visible': showLineBelow,
+                    }) }))) : (icon && (e.createElement("div", { className: classNames('ods-list-action__icon', {
                     'ods-list-action__icon--inactive': status === 'inactive',
-                }) }, icon)),
+                }) }, icon))),
             e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status }),
-            indicator && (e.createElement("div", { className: 'ods-list-action__indicator' }, indicator))),
+            amountDetails && e.createElement(AmountDetails, __assign$1({ type: status }, amountDetails)),
+            indicator && (e.createElement("div", { className: "ods-list-action__indicator" }, indicator))),
         renderActionIcon())); };
     var buttonClassName = classNames('ods-list-action', className, (_b = {
             'ods-list-action--loading': loading,
@@ -47828,9 +47858,9 @@ var ListAction = e.forwardRef(function (_a, ref) {
         },
         _b["ods-list-action--".concat(type)] = type,
         _b));
-    return (e.createElement("div", { className: 'ods-list-action__container' },
-        e.createElement("button", __assign$1({ ref: ref, type: 'button', "data-testid": 'list-action', className: buttonClassName, onClick: loading ? undefined : onClick, disabled: disabled || loading }, rest), loading ? renderLoadingContent() : renderContent()),
-        showDivider && type === 'text' && (e.createElement("div", { className: 'ods-list-action__divider' }))));
+    return (e.createElement("div", { className: "ods-list-action__container" },
+        e.createElement("button", __assign$1({ ref: ref, type: "button", "data-testid": "list-action", className: buttonClassName, onClick: loading ? undefined : onClick, disabled: disabled || loading }, rest), loading ? renderLoadingContent() : renderContent()),
+        showDivider && type === 'text' && (e.createElement("div", { className: "ods-list-action__divider" }))));
 });
 ListAction.displayName = 'ListAction';
 
@@ -47897,6 +47927,48 @@ var ListExpandable = e.forwardRef(function (_a, ref) {
 });
 ListExpandable.displayName = 'ListExpandable';
 
+var TransactionListExpandable = e.forwardRef(function (_a, ref) {
+    var _b;
+    var title = _a.title, description = _a.description, caption = _a.caption, amount = _a.amount, _c = _a.amountType, amountType = _c === void 0 ? 'default' : _c, amountIndicator = _a.amountIndicator, _d = _a.showAmountIndicator, showAmountIndicator = _d === void 0 ? true : _d, additionalData = _a.additionalData, _e = _a.inverted, inverted = _e === void 0 ? true : _e, _f = _a.type, type = _f === void 0 ? 'card' : _f, _g = _a.status, status = _g === void 0 ? 'default' : _g, _h = _a.loading, loading = _h === void 0 ? false : _h, icon = _a.icon, _j = _a.expanded, expanded = _j === void 0 ? false : _j, onToggle = _a.onToggle, children = _a.children, supportingText = _a.supportingText, className = _a.className, _k = _a.disabled, disabled = _k === void 0 ? false : _k, _l = _a.showDivider, showDivider = _l === void 0 ? false : _l, rest = __rest$1(_a, ["title", "description", "caption", "amount", "amountType", "amountIndicator", "showAmountIndicator", "additionalData", "inverted", "type", "status", "loading", "icon", "expanded", "onToggle", "children", "supportingText", "className", "disabled", "showDivider"]);
+    var handleToggle = function () {
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(!expanded);
+    };
+    var renderLoadingContent = function () { return (e.createElement(e.Fragment, null,
+        e.createElement("div", { className: "ods-list-expandable__icon", "aria-hidden": true },
+            e.createElement(SkeletonBar, { width: "24px", height: "24px" })),
+        e.createElement("div", { className: "ods-list-expandable__skeleton ods-list-expandable__transaction-content" },
+            e.createElement("div", { className: "ods-list-expandable__skeleton-list" },
+                e.createElement(SkeletonBar, { width: "33%", height: "16px" }),
+                e.createElement(SkeletonBar, { width: "100%", height: "16px" })),
+            e.createElement("div", { className: "ods-list-expandable__skeleton-amount" },
+                e.createElement(SkeletonBar, { width: "100%", height: "16px" }),
+                e.createElement(SkeletonBar, { width: "100%", height: "16px" }))))); };
+    var renderContent = function () { return (e.createElement(e.Fragment, null,
+        icon && (e.createElement("div", { className: classNames('ods-list-expandable__icon', {
+                'ods-list-expandable__icon--inactive': status === 'inactive',
+            }) }, icon)),
+        e.createElement("div", { className: "ods-list-expandable__transaction-content" },
+            e.createElement(ContentList, { title: title, description: description, caption: caption, inverted: inverted, type: status }),
+            e.createElement(AmountDetails, { amount: amount, type: amountType, indicator: amountIndicator, indicatorSize: "medium", showIndicator: showAmountIndicator, additionalData: additionalData, showAdditionalData: Boolean(additionalData) })),
+        e.createElement("div", { className: "ods-list-expandable__trailing" },
+            e.createElement("div", { className: "ods-list-expandable__action" }, expanded ? e.createElement(ae, { size: 20 }) : e.createElement(ee, { size: 20 }))))); };
+    var containerClassName = classNames('ods-list-expandable', 'ods-list-expandable--transaction', className, (_b = {
+            'ods-list-expandable--expanded': expanded,
+            'ods-list-expandable--disabled': disabled,
+            'ods-list-expandable--loading': loading
+        },
+        _b["ods-list-expandable--".concat(type)] = type,
+        _b));
+    return (e.createElement("div", __assign$1({ ref: ref, "data-testid": "transaction-list-expandable", className: containerClassName }, rest),
+        e.createElement("button", { type: "button", className: "ods-list-expandable__main", onClick: loading ? undefined : handleToggle, disabled: disabled || loading, "aria-expanded": expanded, "aria-label": "".concat(expanded ? 'Recolher' : 'Expandir', " ").concat(title), "data-testid": "transaction-list-expandable-button" }, loading ? renderLoadingContent() : renderContent()),
+        showDivider && !expanded && (e.createElement("div", { className: "ods-list-expandable__divider", "data-testid": "transaction-list-expandable-divider" })),
+        expanded && !loading && (children || supportingText) && (e.createElement(e.Fragment, null,
+            children && (e.createElement("div", { className: "ods-list-expandable__content ods-list-expandable__content--transaction" }, children)),
+            supportingText && (e.createElement("div", { className: "ods-list-expandable__footer", "data-testid": "transaction-list-expandable-supporting-text" }, supportingText)),
+            showDivider && (e.createElement("div", { className: "ods-list-expandable__divider", "data-testid": "transaction-list-expandable-divider" }))))));
+});
+TransactionListExpandable.displayName = 'TransactionListExpandable';
+
 var isListItemString = function (item) {
     return typeof item === 'object' && item !== null && 'description' in item;
 };
@@ -47973,5 +48045,5 @@ var ListSettings = e.forwardRef(function (_a, ref) {
 });
 ListSettings.displayName = 'ListSettings';
 
-export { Accordion, Alert, Badge, Breadcrumb, Button$1 as Button, CardGroup, CardListItem, Carousel, DoughnutChart as Chart, Checkbox, Chips, Col, Container, ContextualMenu, ContextualMenuItem, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, InternalContextualHero, Link, List, ListAction, ListExpandable, ListReadOnly, ListSelectable, ListSettings, Modal, Progress, Radio, Row$1 as Row, Search, Select, SelectAutocomplete, SettingsListItem, Shortcut, Snackbar, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TextListItem, TokenInput, TopBar, TransactionListItem, Typography, UnorderedListItem, WebNotification };
+export { Accordion, Alert, Badge, Breadcrumb, Button$1 as Button, CardGroup, CardListItem, Carousel, DoughnutChart as Chart, Checkbox, Chips, Col, Container, ContextualMenu, ContextualMenuItem, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, InternalContextualHero, Link, List, ListAction, ListExpandable, ListReadOnly, ListSelectable, ListSettings, Modal, Progress, Radio, Row$1 as Row, Search, Select, SelectAutocomplete, SettingsListItem, Shortcut, Snackbar, Stepper, Steps, SubHeader, Switch, Tag, TextArea, TextListItem, TokenInput, TopBar, TransactionListExpandable, TransactionListItem, Typography, UnorderedListItem, WebNotification };
 //# sourceMappingURL=index.es.js.map