@luscii-healthtech/web-ui 2.41.0 → 2.41.2

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.
@@ -2641,7 +2641,7 @@ NotificationBanner.defaultProps = {
2641
2641
  var css_248z$a = ".radio-form-field-label input[type=\"radio\"]:checked + .radio-circle {\n --bg-opacity: 1;\n background-color: #0074DD;\n background-color: rgba(0, 116, 221, var(--bg-opacity));\n}\n\n.radio-form-field-label[data-has-error=\"true\"] .radio-circle {\n --border-opacity: 1;\n border-color: #c53030;\n border-color: rgba(197, 48, 48, var(--border-opacity));\n outline: 4px solid rgba(255, 98, 102, 0.3);\n outline-offset: 0;\n}\n\n.radio-form-field-label\n input[type=\"radio\"]:checked\n + .radio-circle\n .radio-inner-circle {\n --bg-opacity: 1;\n background-color: #fff;\n background-color: rgba(255, 255, 255, var(--bg-opacity));\n}\n";
2642
2642
  styleInject(css_248z$a);
2643
2643
 
2644
- var _excluded$8 = ["text", "info", "isError", "innerRef", "className"];
2644
+ var _excluded$8 = ["text", "info", "isError", "innerRef", "className", "name"];
2645
2645
 
2646
2646
  function RadioInner(_ref) {
2647
2647
  var text = _ref.text,
@@ -2649,19 +2649,21 @@ function RadioInner(_ref) {
2649
2649
  isError = _ref.isError,
2650
2650
  innerRef = _ref.innerRef,
2651
2651
  className = _ref.className,
2652
+ name = _ref.name,
2652
2653
  otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$8);
2653
2654
 
2654
2655
  var value = otherProps.value,
2655
2656
  disabled = otherProps.disabled;
2656
- var nameHtmlFor = "field-" + value;
2657
+ var nameHtmlFor = name + "-field-" + value;
2657
2658
  return /*#__PURE__*/React__default.createElement("label", {
2658
- className: "radio-form-field-label leading-tight flex flex-row",
2659
+ className: "flex flex-row leading-tight radio-form-field-label",
2659
2660
  htmlFor: nameHtmlFor,
2660
2661
  "data-has-error": isError,
2661
2662
  "data-test-id": nameHtmlFor
2662
2663
  }, /*#__PURE__*/React__default.createElement("div", {
2663
2664
  className: "flex flex-row items-center self-start"
2664
2665
  }, /*#__PURE__*/React__default.createElement("input", _extends({}, otherProps, {
2666
+ name: name,
2665
2667
  className: classNames("appearance-none", className),
2666
2668
  ref: innerRef,
2667
2669
  type: "radio",
@@ -2674,7 +2676,7 @@ function RadioInner(_ref) {
2674
2676
  }))), /*#__PURE__*/React__default.createElement("div", {
2675
2677
  className: "space-y-2"
2676
2678
  }, text && /*#__PURE__*/React__default.createElement("div", {
2677
- className: "ml-2 flex items-center"
2679
+ className: "flex items-center ml-2"
2678
2680
  }, /*#__PURE__*/React__default.createElement(Text, {
2679
2681
  inline: true,
2680
2682
  text: text,