@useblu/ocean-react 1.68.0 → 1.69.1

package/index.js

@@ -6644,11 +6644,13 @@ var TokenInput = e.memo(function (_a) {
 TokenInput.displayName = 'TokenInput';
 
 var Checkbox = e__default["default"].forwardRef(function (_a, ref) {
-    var error = _a.error, className = _a.className, label = _a.label, id = _a.id, indeterminate = _a.indeterminate, rest = __rest$2(_a, ["error", "className", "label", "id", "indeterminate"]);
-    return (e__default["default"].createElement("label", { className: "ods-checkbox__root", htmlFor: id },
-        e__default["default"].createElement("input", __assign$2({ ref: ref, id: id, className: classNames('ods-checkbox', className) }, rest, { type: "checkbox", "data-indeterminate": indeterminate })),
-        e__default["default"].createElement("span", { className: classNames('ods-checkbox__checkmark', indeterminate && 'ods-checkbox__checkmark--indeterminate', error && 'ods-checkbox__checkmark--error') }),
-        label && (e__default["default"].createElement("span", { className: "ods-typography ods-typography__description ods-checkbox__label" }, label))));
+    var error = _a.error, errorMessage = _a.errorMessage, className = _a.className, label = _a.label, id = _a.id, indeterminate = _a.indeterminate, rest = __rest$2(_a, ["error", "errorMessage", "className", "label", "id", "indeterminate"]);
+    return (e__default["default"].createElement("div", { className: "ods-checkbox__root-container" },
+        e__default["default"].createElement("label", { className: "ods-checkbox__root", htmlFor: id },
+            e__default["default"].createElement("input", __assign$2({ ref: ref, id: id, className: classNames('ods-checkbox', className) }, rest, { type: "checkbox", "data-indeterminate": indeterminate })),
+            e__default["default"].createElement("span", { className: classNames('ods-checkbox__checkmark', indeterminate && 'ods-checkbox__checkmark--indeterminate', error && 'ods-checkbox__checkmark--error') }),
+            label && (e__default["default"].createElement("span", { className: "ods-typography ods-typography__description ods-checkbox__label" }, label))),
+        error && errorMessage && (e__default["default"].createElement("span", { className: "ods-checkbox__root-container__error-message" }, errorMessage))));
 });
 Checkbox.displayName = 'Checkbox';
 
@@ -48117,7 +48119,7 @@ var Shortcut = function (_a) {
 };
 
 var CardListItem = e.forwardRef(function (_a, ref) {
-    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, loading = _a.loading, rest = __rest$2(_a, ["title", "description", "caption", "leadingIcon", "actionIcon", "size", "disabled", "fullWidth", "onClick", "loading"]);
+    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, loading = _a.loading, tag = _a.tag, rest = __rest$2(_a, ["title", "description", "caption", "leadingIcon", "actionIcon", "size", "disabled", "fullWidth", "onClick", "loading", "tag"]);
     return loading ? (e__default["default"].createElement("div", __assign$2({ ref: ref }, rest, { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--full-width': fullWidth }, {
             'ods-card-list-item--loading': loading
         }) }),
@@ -48134,7 +48136,9 @@ var CardListItem = e.forwardRef(function (_a, ref) {
             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))));
+        e__default["default"].createElement("div", { className: "ods-card-list-item__wrapper" },
+            tag && (e__default["default"].createElement(Tag, { variant: "highlight", type: "important" }, tag)),
+            actionIcon && (e__default["default"].createElement("div", { className: "ods-card-list-item__action" }, actionIcon)))));
 });
 CardListItem.displayName = 'CardListItem';