@useblu/ocean-react 1.115.0 → 1.117.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.117.0](https://github.com/ocean-ds/ocean-web/compare/v1.116.0...v1.117.0) (2025-12-08)
+
+### Features
+
+- create list action ([#1204](https://github.com/ocean-ds/ocean-web/issues/1204)) ([e1ccd7e](https://github.com/ocean-ds/ocean-web/commit/e1ccd7ed29bf4da881081db93123d19ec1cc5511))
+
+# [1.116.0](https://github.com/ocean-ds/ocean-web/compare/v1.115.0...v1.116.0) (2025-12-08)
+
+### Features
+
+- create text list selectable component ([#1199](https://github.com/ocean-ds/ocean-web/issues/1199)) ([b92601d](https://github.com/ocean-ds/ocean-web/commit/b92601d0702cc23c58b9ad749ab5f097c4d4051f))
+
 # [1.115.0](https://github.com/ocean-ds/ocean-web/compare/v1.114.0...v1.115.0) (2025-12-04)
 
 ### Features

package/{CardListAction/CardListAction.d.ts → ListAction/ListAction.d.ts}

@@ -1,13 +1,14 @@
 import React, { ReactNode } from 'react';
 import { ContentListProps } from '../_shared/components/ContentList';
 import { ActionItem } from '../_shared/components/InternalListActions';
-export type CardListActionProps = {
+export type ListActionProps = {
     title: string;
     description?: string;
     strikethroughDescription?: string;
     caption?: string;
     inverted?: boolean;
-    type?: ContentListProps['type'];
+    type?: 'card' | 'text';
+    status?: ContentListProps['type'];
     disabled?: boolean;
     loading?: boolean;
     icon?: ReactNode;
@@ -16,14 +17,16 @@ export type CardListActionProps = {
     menuActions?: ActionItem[];
     menuPosition?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    showDivider?: boolean;
 } & Omit<React.ComponentPropsWithoutRef<'button'>, 'type'>;
-declare const CardListAction: React.ForwardRefExoticComponent<{
+declare const ListAction: React.ForwardRefExoticComponent<{
     title: string;
     description?: string;
     strikethroughDescription?: string;
     caption?: string;
     inverted?: boolean;
-    type?: ContentListProps["type"];
+    type?: "card" | "text";
+    status?: ContentListProps["type"];
     disabled?: boolean;
     loading?: boolean;
     icon?: ReactNode;
@@ -32,6 +35,7 @@ declare const CardListAction: React.ForwardRefExoticComponent<{
     menuActions?: ActionItem[];
     menuPosition?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    showDivider?: boolean;
 } & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "type"> & React.RefAttributes<HTMLButtonElement>>;
-export default CardListAction;
-//# sourceMappingURL=CardListAction.d.ts.map
+export default ListAction;
+//# sourceMappingURL=ListAction.d.ts.map

package/ListAction/ListAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListAction.d.ts","sourceRoot":"","sources":["../../src/ListAction/ListAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,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+GtB,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/ListAction/index.d.ts

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

package/ListAction/index.d.ts.map

@@ -0,0 +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"}

package/ListSelectable/ListSelectable.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { ContentListProps } from '../_shared/components/ContentList/ContentList';
+import { CheckboxProps } from '../Checkbox/Checkbox';
+import { RadioProps } from '../Radio/Radio';
+interface ListSelectableProps {
+    title: string;
+    description?: string;
+    caption?: string;
+    strikethroughDescription?: string;
+    inverted?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    checkbox?: CheckboxProps;
+    radio?: RadioProps;
+    className?: string;
+    showDivider?: boolean;
+    indicator?: ReactNode;
+    status?: ContentListProps['type'];
+    type?: 'card' | 'text';
+    platform?: 'web' | 'app';
+}
+declare const ListSelectable: React.ForwardRefExoticComponent<ListSelectableProps & React.RefAttributes<HTMLDivElement>>;
+export default ListSelectable;
+//# sourceMappingURL=ListSelectable.d.ts.map

package/ListSelectable/ListSelectable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSelectable.d.ts","sourceRoot":"","sources":["../../src/ListSelectable/ListSelectable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAElD,OAAoB,EAClB,gBAAgB,EACjB,MAAM,+CAA+C,CAAC;AACvD,OAAiB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGnD,UAAU,mBAAmB;IAE3B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,MAAM,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAElC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,4FAmGnB,CAAC;AAGF,eAAe,cAAc,CAAC"}

package/ListSelectable/index.d.ts

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

package/ListSelectable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ListSelectable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/Radio/Radio.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 export type RadioProps = {
     label?: React.ReactNode;
+    error?: boolean;
 } & React.ComponentPropsWithoutRef<'input'>;
 declare const Radio: React.ForwardRefExoticComponent<{
     label?: React.ReactNode;
+    error?: boolean;
 } & Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export default Radio;
 //# sourceMappingURL=Radio.d.ts.map

package/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG;IAIvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,KAAK;YAHD,KAAK,CAAC,SAAS;oMAqBxB,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG;IAIvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,KAAK;YAJD,KAAK,CAAC,SAAS;YACf,OAAO;oMAyBhB,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/SettingsListItem/SettingsListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsListItem.d.ts","sourceRoot":"","sources":["../../src/SettingsListItem/SettingsListItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,eAAe,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,6IAcvB,oBAAoB,KAAG,YA0CzB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SettingsListItem.d.ts","sourceRoot":"","sources":["../../src/SettingsListItem/SettingsListItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EACF,SAAS,GACT,UAAU,GACV,UAAU,GACV,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,eAAe,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,6IAcvB,oBAAoB,KAAG,YA0CzB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentList.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/ContentList/ContentList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EACH,SAAS,GACT,UAAU,GACV,UAAU,GACV,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,eAAe,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,4EAOlB,gBAAgB,KAAG,YA4CrB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ContentList.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/ContentList/ContentList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EACD,SAAS,GACT,UAAU,GACV,UAAU,GACV,SAAS,GACT,WAAW,GACX,gBAAgB,GAChB,eAAe,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,4EAOlB,gBAAgB,KAAG,YA4CrB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"InternalListActions.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/InternalListActions/InternalListActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAA4B,UAAU,EAAE,MAAM,SAAS,CAAC;AAK/D,QAAA,MAAM,mBAAmB;;;;;oMAgHxB,CAAC;AAIF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"InternalListActions.d.ts","sourceRoot":"","sources":["../../../../src/_shared/components/InternalListActions/InternalListActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAA4B,UAAU,EAAE,MAAM,SAAS,CAAC;AAK/D,QAAA,MAAM,mBAAmB;;;;;oMAoHxB,CAAC;AAIF,eAAe,mBAAmB,CAAC"}

package/_shared/components/InternalListActions/components/DragHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../../../src/_shared/components/InternalListActions/components/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC7C;AAKD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8DzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../../../src/_shared/components/InternalListActions/components/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC7C;AAKD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4EzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/_shared/components/InternalListActions/components/MenuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../../src/_shared/components/InternalListActions/components/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,UAAU,aAAa;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC3C,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;IACpE,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0FrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../../src/_shared/components/InternalListActions/components/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAItC,UAAU,aAAa;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC3C,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,EAAE,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CAAC;IACpE,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACtD,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2FrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/_shared/components/InternalListActions/components/TriggerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../../src/_shared/components/InternalListActions/components/TriggerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,kBAAkB;IAC1B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyC/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../../src/_shared/components/InternalListActions/components/TriggerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,kBAAkB;IAC1B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuD/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/index.d.ts

@@ -34,6 +34,8 @@ export { default as Link } from './Link';
 export * from './Link';
 export { default as TextArea } from './TextArea';
 export * from './TextArea';
+export { default as ListSelectable } from './ListSelectable';
+export * from './ListSelectable';
 export { default as TextListItem } from './TextListItem';
 export * from './TextListItem';
 export { default as Select } from './Select/Select';
@@ -82,6 +84,6 @@ export { default as WebNotification } from './WebNotification';
 export * from './WebNotification';
 export { default as SettingsListItem } from './SettingsListItem';
 export * from './SettingsListItem';
-export { default as CardListAction } from './CardListAction';
-export * from './CardListAction';
+export { default as ListAction } from './ListAction';
+export * from './ListAction';
 //# sourceMappingURL=index.d.ts.map

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

@@ -5344,10 +5344,12 @@ var Checkbox = e.forwardRef(function (_a, ref) {
 Checkbox.displayName = 'Checkbox';
 
 var Radio = e.forwardRef(function (_a, ref) {
-    var className = _a.className, label = _a.label, id = _a.id, rest = __rest$1(_a, ["className", "label", "id"]);
+    var className = _a.className, label = _a.label, id = _a.id, error = _a.error, rest = __rest$1(_a, ["className", "label", "id", "error"]);
     return (e.createElement("label", { className: "ods-radio__root", htmlFor: id },
         e.createElement("input", __assign$1({ ref: ref, id: id, className: classNames('ods-radio', className) }, rest, { type: "radio" })),
-        e.createElement("span", { className: "ods-radio__checkmark" }),
+        e.createElement("span", { className: classNames('ods-radio__checkmark', {
+                'ods-radio__checkmark--error': error,
+            }) }),
         label && (e.createElement("span", { className: "ods-typography ods-typography__description ods-radio__label" }, label))));
 });
 Radio.displayName = 'Radio';
@@ -5364,6 +5366,79 @@ var TextArea = e.forwardRef(function (_a, ref) {
 });
 TextArea.displayName = 'TextArea';
 
+var ContentList = function (_a) {
+    var _b, _c, _d;
+    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _e = _a.inverted, inverted = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? 'default' : _f;
+    return (e.createElement("div", { className: "ods-content-list" },
+        e.createElement("p", { className: classNames('ods-typography', (_b = {
+                    'ods-typography__paragraph': !inverted,
+                    'ods-typography__description': inverted
+                },
+                _b["ods-typography__paragraph--".concat(type)] = type && (!inverted || type === 'inactive'),
+                _b)) },
+            strikethroughDescription && type === 'strikethrough' && !inverted && (e.createElement("span", { className: "ods-typography__paragraph--strikethrough-text" }, strikethroughDescription)),
+            title),
+        description && (e.createElement("p", { className: classNames("ods-typography", (_c = {
+                    'ods-typography__description': !inverted,
+                    'ods-typography__paragraph': inverted
+                },
+                _c["ods-typography__paragraph--".concat(type)] = type && (inverted || type === 'inactive'),
+                _c)) },
+            strikethroughDescription && type === 'strikethrough' && inverted && (e.createElement("span", { className: "ods-typography__paragraph--strikethrough-text" }, strikethroughDescription)),
+            description)),
+        caption && (e.createElement("p", { className: classNames("ods-typography ods-typography__captionbold", (_d = {},
+                _d["ods-typography__paragraph--".concat(type)] = type && type === 'inactive',
+                _d)) }, caption))));
+};
+
+var SkeletonBar = function (_a) {
+    var width = _a.width, height = _a.height, props = __rest$1(_a, ["width", "height"]);
+    return (e.createElement("div", __assign$1({ className: "ods-skeleton-bar", style: { width: width, height: height } }, props)));
+};
+
+var ListSelectable = e.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var title = _a.title, description = _a.description, caption = _a.caption, strikethroughDescription = _a.strikethroughDescription, inverted = _a.inverted, loading = _a.loading, disabled = _a.disabled, checkbox = _a.checkbox, radio = _a.radio, className = _a.className, showDivider = _a.showDivider, indicator = _a.indicator, _d = _a.status, status = _d === void 0 ? 'default' : _d, _e = _a.type, type = _e === void 0 ? 'card' : _e, _f = _a.platform, platform = _f === void 0 ? 'web' : _f, rest = __rest$1(_a, ["title", "description", "caption", "strikethroughDescription", "inverted", "loading", "disabled", "checkbox", "radio", "className", "showDivider", "indicator", "status", "type", "platform"]);
+    var hasError = useMemo(function () { return (radio === null || radio === void 0 ? void 0 : radio.error) || (checkbox === null || checkbox === void 0 ? void 0 : checkbox.error); }, [radio === null || radio === void 0 ? void 0 : radio.error, checkbox === null || checkbox === void 0 ? void 0 : checkbox.error]);
+    var isInputDisabled = useMemo(function () { return (radio === null || radio === void 0 ? void 0 : radio.disabled) || (checkbox === null || checkbox === void 0 ? void 0 : checkbox.disabled) || disabled; }, [radio === null || radio === void 0 ? void 0 : radio.disabled, checkbox === null || checkbox === void 0 ? void 0 : checkbox.disabled, disabled]);
+    var internalList = useMemo(function () {
+        var _a;
+        return (e.createElement(e.Fragment, null,
+            e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: disabled ? 'inactive' : status }),
+            indicator && (e.createElement("div", { className: classNames('ods-list-selectable__indicator', (_a = {},
+                    _a["ods-list-selectable__indicator--".concat(platform)] = platform,
+                    _a)) }, indicator))));
+    }, [
+        title,
+        description,
+        caption,
+        strikethroughDescription,
+        inverted,
+        status,
+        indicator,
+        disabled,
+        platform,
+    ]);
+    if (loading) {
+        return (e.createElement("div", { className: "ods-list-selectable--loading" },
+            e.createElement(SkeletonBar, { width: "40%", height: "16px" }),
+            e.createElement(SkeletonBar, { width: "100%", height: "16px" })));
+    }
+    return (e.createElement("div", { className: classNames('ods-list-selectable__root', (_b = {},
+            _b["ods-list-selectable__root--".concat(type)] = type,
+            _b["ods-list-selectable__root--".concat(type, "--error")] = hasError,
+            _b)) },
+        e.createElement("div", __assign$1({ className: classNames('ods-list-selectable', className, (_c = {
+                    'ods-list-selectable--disabled': isInputDisabled
+                },
+                _c["ods-list-selectable--".concat(platform)] = platform,
+                _c)), ref: ref }, rest),
+            checkbox && e.createElement(Checkbox, __assign$1({}, checkbox, { label: internalList })),
+            radio && e.createElement(Radio, __assign$1({}, radio, { label: internalList }))),
+        showDivider && type === 'text' && (e.createElement("div", { className: "ods-list-selectable__root--text--divider" }))));
+});
+ListSelectable.displayName = 'ListSelectable';
+
 var TextListItem = e.forwardRef(function (_a, ref) {
     var title = _a.title, description = _a.description, caption = _a.caption, tagLabel = _a.tagLabel, infoText = _a.infoText, _b = _a.infoTextType, infoTextType = _b === void 0 ? 'neutral' : _b, withAction = _a.withAction, onActionClick = _a.onActionClick, checkbox = _a.checkbox, radio = _a.radio, disabled = _a.disabled, className = _a.className, rest = __rest$1(_a, ["title", "description", "caption", "tagLabel", "infoText", "infoTextType", "withAction", "onActionClick", "checkbox", "radio", "disabled", "className"]);
     var buttonElementRef = useRef(null);
@@ -47103,36 +47178,6 @@ var WebNotification = e.forwardRef(function (_a, ref) {
 });
 WebNotification.displayName = 'WebNotification';
 
-var ContentList = function (_a) {
-    var _b, _c, _d;
-    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _e = _a.inverted, inverted = _e === void 0 ? false : _e, _f = _a.type, type = _f === void 0 ? 'default' : _f;
-    return (e.createElement("div", { className: "ods-content-list" },
-        e.createElement("p", { className: classNames('ods-typography', (_b = {
-                    'ods-typography__paragraph': !inverted,
-                    'ods-typography__description': inverted
-                },
-                _b["ods-typography__paragraph--".concat(type)] = type && (!inverted || type === 'inactive'),
-                _b)) },
-            strikethroughDescription && type === 'strikethrough' && !inverted && (e.createElement("span", { className: "ods-typography__paragraph--strikethrough-text" }, strikethroughDescription)),
-            title),
-        description && (e.createElement("p", { className: classNames("ods-typography", (_c = {
-                    'ods-typography__description': !inverted,
-                    'ods-typography__paragraph': inverted
-                },
-                _c["ods-typography__paragraph--".concat(type)] = type && (inverted || type === 'inactive'),
-                _c)) },
-            strikethroughDescription && type === 'strikethrough' && inverted && (e.createElement("span", { className: "ods-typography__paragraph--strikethrough-text" }, strikethroughDescription)),
-            description)),
-        caption && (e.createElement("p", { className: classNames("ods-typography ods-typography__captionbold", (_d = {},
-                _d["ods-typography__paragraph--".concat(type)] = type && type === 'inactive',
-                _d)) }, caption))));
-};
-
-var SkeletonBar = function (_a) {
-    var width = _a.width, height = _a.height, props = __rest$1(_a, ["width", "height"]);
-    return (e.createElement("div", __assign$1({ className: "ods-skeleton-bar", style: { width: width, height: height } }, props)));
-};
-
 var SettingsListItem = function (_a) {
     var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, errorMessage = _a.errorMessage, button = _a.button, tag = _a.tag, disabled = _a.disabled, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.showDivider, showDivider = _d === void 0 ? true : _d, _e = _a.blocked, blocked = _e === void 0 ? false : _e, _f = _a.state, state = _f === void 0 ? 'default' : _f;
     return (e.createElement("div", { className: classNames('ods-settings-list-item', {
@@ -47328,7 +47373,7 @@ var MenuList = function (_a) {
     var menuContent = (e.createElement("ul", { ref: menuRef, className: classNames('ods-internal-list-actions__menu', "ods-internal-list-actions__menu--".concat(position), {
             'ods-internal-list-actions__menu--closing': isClosing,
             'ods-internal-list-actions__menu--portal': !isSwipeMode,
-        }), style: isSwipeMode ? undefined : menuStyle, role: "menu", "aria-orientation": isSwipeMode ? "horizontal" : "vertical", tabIndex: -1, onClick: handleMenuClick, onKeyDown: handleMenuKeyDown },
+        }), style: isSwipeMode ? undefined : menuStyle, role: "menu", "aria-orientation": isSwipeMode ? 'horizontal' : 'vertical', tabIndex: -1, onClick: handleMenuClick, onKeyDown: handleMenuKeyDown },
         isSwipeMode && (e.createElement(DragHandle, { onClose: onClose, onKeyDown: onDragHandleKeyDown })),
         actions.map(function (action) { return (e.createElement(MenuItem, { key: action.label, action: action, onClick: onActionClick })); })));
     if (isSwipeMode || typeof document === 'undefined') {
@@ -47383,8 +47428,7 @@ var InternalListActions = forwardRef(function (_a, forwardedRef) {
                 forwardedRef(wrapperRef.current);
             }
             else {
-                forwardedRef.current =
-                    wrapperRef.current;
+                forwardedRef.current = wrapperRef.current;
             }
         }
     }, [forwardedRef]);
@@ -47421,11 +47465,12 @@ var InternalListActions = forwardRef(function (_a, forwardedRef) {
 });
 InternalListActions.displayName = 'InternalListActions';
 
-var CardListAction = e.forwardRef(function (_a, ref) {
-    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _b = _a.inverted, inverted = _b === void 0 ? false : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, icon = _a.icon, indicator = _a.indicator, _f = _a.actionType, actionType = _f === void 0 ? 'chevron' : _f, menuActions = _a.menuActions, _g = _a.menuPosition, menuPosition = _g === void 0 ? 'bottom-right' : _g, onClick = _a.onClick, className = _a.className, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "disabled", "loading", "icon", "indicator", "actionType", "menuActions", "menuPosition", "onClick", "className"]);
+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 renderActionIcon = function () {
         if (actionType === 'chevron') {
-            return (e.createElement("div", { className: 'ods-card-list-action__action' },
+            return (e.createElement("div", { className: 'ods-list-action__action' },
                 e.createElement(re, { size: 20 })));
         }
         if (actionType === 'menu' || actionType === 'swipe') {
@@ -47433,25 +47478,29 @@ var CardListAction = e.forwardRef(function (_a, ref) {
         }
         return null;
     };
-    if (loading) {
-        return (e.createElement("button", __assign$1({ ref: ref, type: 'button', "data-testid": 'card-list-action', className: classNames('ods-card-list-action', 'ods-card-list-action--loading', className) }, rest),
-            e.createElement("div", { className: 'ods-card-list-action__skeleton' },
-                e.createElement(SkeletonBar, { width: '40%', height: '16px' }),
-                e.createElement(SkeletonBar, { width: '100%', height: '16px' }))));
-    }
-    return (e.createElement("button", __assign$1({ ref: ref, type: 'button', "data-testid": 'card-list-action', className: classNames('ods-card-list-action', className, {
-            'ods-card-list-action--disabled': disabled,
-            'ods-card-list-action--swipe-mode': actionType === 'swipe',
-        }), onClick: onClick, disabled: disabled }, rest),
-        icon && e.createElement("div", { className: classNames('ods-card-list-action__icon', {
-                'ods-card-list-action__icon--inactive': type === 'inactive',
-            }) }, icon),
-        e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: type }),
-        e.createElement("div", { className: 'ods-card-list-action__trailing' },
-            indicator && (e.createElement("div", { className: 'ods-card-list-action__indicator' }, indicator)),
-            renderActionIcon())));
+    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 renderContent = function () { return (e.createElement(e.Fragment, null,
+        icon && (e.createElement("div", { className: classNames('ods-list-action__icon', {
+                'ods-list-action__icon--inactive': status === 'inactive',
+            }) }, icon)),
+        e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status }),
+        e.createElement("div", { className: 'ods-list-action__trailing' },
+            indicator && (e.createElement("div", { className: 'ods-list-action__indicator' }, indicator)),
+            renderActionIcon()))); };
+    var buttonClassName = classNames('ods-list-action', className, (_b = {
+            'ods-list-action--loading': loading,
+            'ods-list-action--disabled': disabled,
+            'ods-list-action--swipe-mode': actionType === 'swipe'
+        },
+        _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' }))));
 });
-CardListAction.displayName = 'CardListAction';
+ListAction.displayName = 'ListAction';
 
-export { Accordion, Alert, Badge, Breadcrumb, Button$1 as Button, CardGroup, CardListAction, CardListItem, Carousel, DoughnutChart as Chart, Checkbox, Chips, Col, Container, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, Link, List, 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, CrossSellCard, DatePickerSingle as DatePicker, DatePickerRange as DateRange, Divider, DoughnutChart, Drawer, index$1 as Grid, IconButton, Input, Link, List, ListAction, ListSelectable, 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 };
 //# sourceMappingURL=index.es.js.map