opus-toolkit-components 0.5.3 → 0.5.5

package/lib/{main.6da54ee86d2456bdb71c.js → main.b367a5ffd7f23d112345.js}

@@ -804,6 +804,8 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
     label,
     placeholder,
     type = 'text',
+    tabIndex = '',
+    title = '',
     name,
     isValid = true,
     errorMessage = "".concat(label, " is required"),
@@ -846,6 +848,9 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
     placeholder: placeholder,
     onChange: onChange,
     value: value,
+    title: title,
+    tabindex: tabIndex,
+    "aria-label": title,
     required: required // Set HTML required attribute
   }), Icon && iconPosition === 'right' && /*#__PURE__*/external_react_default().createElement("span", {
     className: "absolute right-3 flex items-center pointer-events-none"
@@ -930,6 +935,8 @@ const RadioButton = _ref => {
     name,
     onChange,
     className = '',
+    tabIndex = '',
+    title = '',
     isValid = true,
     errorMessage = "".concat(label, " is required"),
     required = false
@@ -960,6 +967,9 @@ const RadioButton = _ref => {
     className: "cursor-pointer py-2 px-4 border rounded-lg ".concat(selectedValue === option.value ? 'bg-greyBaseDark900 text-greyBaseLight border-greyBaseDark900' : "bg-white text-greyLight700 ".concat(!isValid && selectedValue === '' ? 'border-utilRed1000' : 'border-greyLight500'), " transition duration-200")
   }, /*#__PURE__*/external_react_default().createElement("input", {
     type: "radio",
+    tabindex: tabIndex,
+    title: title,
+    "aria-label": title,
     name: name,
     value: option.value,
     checked: selectedValue === option.value,
@@ -9281,6 +9291,8 @@ function Dropdown(_ref) {
     placeholder = 'Example Placeholder',
     name,
     className = '',
+    title = '',
+    tabIndex = '',
     onChange,
     value,
     Icon,
@@ -9308,7 +9320,10 @@ function Dropdown(_ref) {
   return /*#__PURE__*/external_react_default().createElement(rn, {
     as: "div",
     className: "".concat(className, " relative inline-block text-left"),
-    name: name
+    name: name,
+    title: title,
+    "aria-label": title,
+    tabindex: tabIndex
   }, /*#__PURE__*/external_react_default().createElement("label", {
     className: "flex items-center"
   }, label, required && /*#__PURE__*/external_react_default().createElement("span", {
@@ -9467,13 +9482,14 @@ const Modal = _ref => {
     onClose,
     header,
     body,
-    footer
+    footer,
+    className = ''
   } = _ref;
   if (!isOpen) return null;
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "bg-greyBaseLight rounded-lg shadow-lg w-11/12 max-w-md p-6"
+    className: "bg-greyBaseLight rounded-lg shadow-lg w-11/12 max-w-md p-6 ".concat(className)
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex justify-end items-center pb-3"
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -9503,4 +9519,4 @@ const Modal = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.6da54ee86d2456bdb71c.js.map
+//# sourceMappingURL=main.b367a5ffd7f23d112345.js.map