@useblu/ocean-react 1.48.1 → 1.50.0

package/index.js

@@ -46236,10 +46236,10 @@ var Breadcrumb = e.forwardRef(function (_a, ref) {
     var items = _a.items, className = _a.className, rest = __rest$1(_a, ["items", "className"]);
     return (e__default["default"].createElement("div", __assign$1({ className: classNames('ods-breadcrumb', className), ref: ref }, rest), items === null || items === void 0 ? void 0 : items.map(function (item, index) {
         var showIcon = index !== items.length - 1 && (e__default["default"].createElement(ee, { size: 12 }));
-        return typeof item === 'string' ? (e__default["default"].createElement("div", { key: "string-item-".concat(item) },
+        return typeof item === 'string' ? (e__default["default"].createElement("div", { className: "ods-breadcrumb__item", key: "string-item-".concat(item) },
             e__default["default"].createElement("span", null, item),
             " ",
-            showIcon)) : (e__default["default"].createElement("div", { key: "tag-item-".concat(index + 1) },
+            showIcon)) : (e__default["default"].createElement("div", { className: "ods-breadcrumb__item", key: "tag-item-".concat(index + 1) },
             item,
             " ",
             showIcon));
@@ -46361,10 +46361,25 @@ var Shortcut = function (_a) {
         size === 'medium' && description && (e__default["default"].createElement("span", { className: classNames('ods-shortcut__description', 'ods-typography', 'ods-typography__description') }, description))));
 };
 
+var CardListItem = function (_a) {
+    var title = _a.title, description = _a.description, caption = _a.caption, leadingIcon = _a.leadingIcon, actionIcon = _a.actionIcon, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, onClick = _a.onClick;
+    return (e__default["default"].createElement("div", { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--disabled': disabled }, { 'ods-card-list-item--full-width': fullWidth }), onClick: function () {
+            if (!disabled && onClick)
+                onClick();
+        } },
+        leadingIcon && (e__default["default"].createElement("div", { className: "ods-card-list-item__leading-icon" }, leadingIcon)),
+        e__default["default"].createElement("div", { className: "ods-card-list-item__content" },
+            e__default["default"].createElement("div", { className: "ods-card-list-item__content__title" }, title),
+            description && (e__default["default"].createElement("div", { className: "ods-card-list-item__content__description" }, description)),
+            caption && size === 'medium' && (e__default["default"].createElement("div", { className: "ods-card-list-item__content__caption" }, caption))),
+        actionIcon && (e__default["default"].createElement("div", { className: "ods-card-list-item__action" }, actionIcon))));
+};
+
 exports.Alert = Alert;
 exports.Badge = Badge;
 exports.Breadcrumb = Breadcrumb;
 exports.Button = Button$1;
+exports.CardListItem = CardListItem;
 exports.Carousel = Carousel;
 exports.Chart = DoughnutChart;
 exports.Checkbox = Checkbox;