@useblu/ocean-react 1.71.0 → 1.73.0

package/index.js

@@ -6676,7 +6676,7 @@ var TextArea = e__default["default"].forwardRef(function (_a, ref) {
 TextArea.displayName = 'TextArea';
 
 var TextListItem = e__default["default"].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, className = _a.className, rest = __rest$2(_a, ["title", "description", "caption", "tagLabel", "infoText", "infoTextType", "withAction", "onActionClick", "checkbox", "radio", "className"]);
+    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$2(_a, ["title", "description", "caption", "tagLabel", "infoText", "infoTextType", "withAction", "onActionClick", "checkbox", "radio", "disabled", "className"]);
     var buttonElementRef = e.useRef(null);
     var divElementRef = e.useRef(null);
     var _c = e.useState(false), isWide = _c[0], setIsWide = _c[1];
@@ -6702,7 +6702,9 @@ var TextListItem = e__default["default"].forwardRef(function (_a, ref) {
             'ods-text-list-item--wide': isWide,
             'ods-text-list-item--selectable': checkbox || radio
         }), ref: ref }, rest),
-        e__default["default"].createElement("div", { className: "ods-text-list-item__default-content" },
+        e__default["default"].createElement("div", { className: classNames('ods-text-list-item__default-content', {
+                'ods-text-list-item__default-content--disabled': disabled
+            }) },
             e__default["default"].createElement("p", { className: "ods-typography ods-typography__paragraph" },
                 title,
                 tagLabel && (e__default["default"].createElement(Tag, { type: "neutral", size: "medium" }, tagLabel))),
@@ -6723,14 +6725,19 @@ var TextListItem = e__default["default"].forwardRef(function (_a, ref) {
         isWide,
         ref,
         rest,
+        disabled,
     ]);
     if (checkbox) {
-        return (e__default["default"].createElement("div", { className: "ods-text-list-item-selectable", ref: divElementRef },
-            e__default["default"].createElement(Checkbox, __assign$2({}, checkbox, { label: textListitem }))));
+        return (e__default["default"].createElement("div", { className: classNames('ods-text-list-item-selectable', {
+                'ods-text-list-item-selectable--disabled': disabled
+            }), ref: divElementRef },
+            e__default["default"].createElement(Checkbox, __assign$2({ disabled: disabled }, checkbox, { label: textListitem }))));
     }
     if (radio) {
-        return (e__default["default"].createElement("div", { className: "ods-text-list-item-selectable", ref: divElementRef },
-            e__default["default"].createElement(Radio, __assign$2({}, radio, { label: textListitem }))));
+        return (e__default["default"].createElement("div", { className: classNames('ods-text-list-item-selectable', {
+                'ods-text-list-item-selectable--disabled': disabled
+            }), ref: divElementRef },
+            e__default["default"].createElement(Radio, __assign$2({ disabled: disabled }, radio, { label: textListitem }))));
     }
     return (e__default["default"].createElement("button", { ref: buttonElementRef, onClick: onActionClick, type: "button", className: "ods-text-list-item--button" }, textListitem));
 });