@useblu/ocean-react 1.126.0 → 1.128.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.js CHANGED
@@ -422,7 +422,7 @@ function ButtonBase(_a, ref) {
422
422
  console.warn('Ocean Design System: The "textCritical" variant is deprecated. Please use "tertiaryCritical" instead.');
423
423
  }
424
424
  }, [variant]);
425
- var onColor = ['primary', 'primaryCritical', 'inverse'].includes(variant);
425
+ var onColor = ['primary', 'primaryCritical', 'primaryWarning', 'inverse'].includes(variant);
426
426
  return e.createElement(component || 'button', __assign$1(__assign$1({ ref: ref, className: classNames('ods-btn', "ods-btn--".concat(size), "ods-btn--".concat(variant.replace(/[A-Z]/g, function (m) { return "-".concat(m.toLowerCase()); })), blocked && 'ods-btn--blocked', className, { 'ods-btn--loading': loading }) }, rest), { onClick: loading ? function () { return false; } : rest.onClick }), loading ? (e.createElement(e.Fragment, null,
427
427
  e.createElement(Progress, { size: size, onColor: onColor }),
428
428
  e.createElement("span", null, children))) : (children));
@@ -5423,13 +5423,15 @@ var Checkbox = e.forwardRef(function (_a, ref) {
5423
5423
  Checkbox.displayName = 'Checkbox';
5424
5424
 
5425
5425
  var Radio = e.forwardRef(function (_a, ref) {
5426
- var className = _a.className, label = _a.label, id = _a.id, error = _a.error, rest = __rest$1(_a, ["className", "label", "id", "error"]);
5427
- return (e.createElement("label", { className: "ods-radio__root", htmlFor: id },
5428
- e.createElement("input", __assign$1({ ref: ref, id: id, className: classNames('ods-radio', className) }, rest, { type: "radio" })),
5429
- e.createElement("span", { className: classNames('ods-radio__checkmark', {
5430
- 'ods-radio__checkmark--error': error,
5431
- }) }),
5432
- label && (e.createElement("span", { className: "ods-typography ods-typography__description ods-radio__label" }, label))));
5426
+ 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"]);
5427
+ return (e.createElement("div", { className: "ods-radio__root-container" },
5428
+ e.createElement("label", { className: "ods-radio__root", htmlFor: id },
5429
+ e.createElement("input", __assign$1({ ref: ref, id: id, className: classNames('ods-radio', className) }, rest, { type: "radio" })),
5430
+ e.createElement("span", { className: classNames('ods-radio__checkmark', {
5431
+ 'ods-radio__checkmark--error': error,
5432
+ }) }),
5433
+ label && (e.createElement("span", { className: "ods-typography ods-typography__description ods-radio__label" }, label))),
5434
+ error && errorMessage && (e.createElement("span", { className: "ods-radio__error-message" }, errorMessage))));
5433
5435
  });
5434
5436
  Radio.displayName = 'Radio';
5435
5437