@useblu/ocean-react 1.125.1 → 1.127.0

package/index.js

@@ -283,9 +283,14 @@ var Tag = e.forwardRef(function (_a, ref) {
 Tag.displayName = 'Tag';
 
 var SubHeader = e.forwardRef(function (_a, ref) {
-    var children = _a.children, subtitle = _a.subtitle, className = _a.className, rest = __rest$1(_a, ["children", "subtitle", "className"]);
-    return (e.createElement("div", __assign$1({ ref: ref, className: classNames('ods-sub-header', className) }, rest),
-        e.createElement("div", { className: "ods-sub-header__title" }, children),
+    var _b;
+    var children = _a.children, subtitle = _a.subtitle, icon = _a.icon, className = _a.className, _c = _a.size, size = _c === void 0 ? 'medium' : _c, rest = __rest$1(_a, ["children", "subtitle", "icon", "className", "size"]);
+    return (e.createElement("div", __assign$1({ ref: ref, className: classNames('ods-sub-header', className, (_b = {},
+            _b["ods-sub-header--".concat(size)] = size,
+            _b)) }, rest),
+        e.createElement("div", { className: "ods-sub-header__title" },
+            icon && e.createElement("div", { className: "ods-sub-header__icon" }, icon),
+            children),
         subtitle && e.createElement("div", { className: "ods-sub-header__subtitle" }, subtitle)));
 });
 SubHeader.displayName = 'SubHeader';
@@ -5418,13 +5423,15 @@ 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, 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: classNames('ods-radio__checkmark', {
-                'ods-radio__checkmark--error': error,
-            }) }),
-        label && (e.createElement("span", { className: "ods-typography ods-typography__description ods-radio__label" }, label))));
+    var className = _a.className, label = _a.label, id = _a.id, error = _a.error, errorMessage = _a.errorMessage, rest = __rest$1(_a, ["className", "label", "id", "error", "errorMessage"]);
+    return (e.createElement("div", { className: "ods-radio__root-container" },
+        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: classNames('ods-radio__checkmark', {
+                    'ods-radio__checkmark--error': error,
+                }) }),
+            label && (e.createElement("span", { className: "ods-typography ods-typography__description ods-radio__label" }, label))),
+        error && errorMessage && (e.createElement("span", { className: "ods-radio__error-message" }, errorMessage))));
 });
 Radio.displayName = 'Radio';