opus-toolkit-components 1.2.9 → 1.3.1

package/lib/opus-components.main.js

@@ -4118,7 +4118,7 @@ const RadioButton = _ref => {
       label: 'Single'
     }, {
       value: 'married',
-      label: 'Married'
+      label: 'Married / Living with Partner'
     }, {
       value: 'divorced',
       label: 'Divorced'
@@ -4160,13 +4160,13 @@ const RadioButton = _ref => {
     variant: "small",
     className: "text-[--color-util-red] ml-1"
   }, "*")), /*#__PURE__*/external_react_default().createElement("div", {
-    className: "flex space-x-4 flex-wrap"
+    className: "flex space-x-4"
   }, options.map(option => {
     const id = "".concat(name, "-").concat(option.value);
     return /*#__PURE__*/external_react_default().createElement("label", {
       key: option.value,
       htmlFor: id,
-      className: "py-2 px-4 border rounded-lg transition duration-200 flex items-center ".concat(selectedValue === option.value ? 'bg-[--color-primary-btn] text-[--color-white] border-[--color-stroke]' : "bg-[--color-input-bg] text-[--color-text-strong] ".concat(!isValid && selectedValue === '' ? 'border-[--color-util-red]' : 'border-[--color-stroke]'), " ").concat(disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer')
+      className: "py-2 px-4 mb-1 text-center whitespace-break-spaces border hover:border-[--color-primary-btn] rounded-lg transition duration-200 flex items-center  ".concat(selectedValue === option.value ? 'bg-[--color-primary-btn] text-[--color-white] border-[--color-stroke]' : "bg-[--color-input-bg] text-[--color-text-strong] ".concat(!isValid && selectedValue === '' ? 'border-[--color-util-red]' : 'border-[--color-stroke]'), " ").concat(disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer')
     }, /*#__PURE__*/external_react_default().createElement("input", {
       id: id,
       type: "radio",
@@ -4190,7 +4190,7 @@ const RadioButton = _ref => {
     as: "span",
     variant: "small",
     id: "".concat(name, "-error"),
-    className: "text-[--color-util-red] mt-1"
+    className: "text-[--color-util-red]"
   }, errorMessage));
 };
 RadioButton.displayName = 'RadioButton';