opus-toolkit-components 0.5.3 → 0.5.4
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.
|
@@ -804,6 +804,8 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
|
|
|
804
804
|
label,
|
|
805
805
|
placeholder,
|
|
806
806
|
type = 'text',
|
|
807
|
+
tabIndex = '',
|
|
808
|
+
title = '',
|
|
807
809
|
name,
|
|
808
810
|
isValid = true,
|
|
809
811
|
errorMessage = "".concat(label, " is required"),
|
|
@@ -846,6 +848,9 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
|
|
|
846
848
|
placeholder: placeholder,
|
|
847
849
|
onChange: onChange,
|
|
848
850
|
value: value,
|
|
851
|
+
title: title,
|
|
852
|
+
tabindex: tabIndex,
|
|
853
|
+
"aria-label": title,
|
|
849
854
|
required: required // Set HTML required attribute
|
|
850
855
|
}), Icon && iconPosition === 'right' && /*#__PURE__*/external_react_default().createElement("span", {
|
|
851
856
|
className: "absolute right-3 flex items-center pointer-events-none"
|
|
@@ -930,6 +935,8 @@ const RadioButton = _ref => {
|
|
|
930
935
|
name,
|
|
931
936
|
onChange,
|
|
932
937
|
className = '',
|
|
938
|
+
tabIndex = '',
|
|
939
|
+
title = '',
|
|
933
940
|
isValid = true,
|
|
934
941
|
errorMessage = "".concat(label, " is required"),
|
|
935
942
|
required = false
|
|
@@ -960,6 +967,9 @@ const RadioButton = _ref => {
|
|
|
960
967
|
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")
|
|
961
968
|
}, /*#__PURE__*/external_react_default().createElement("input", {
|
|
962
969
|
type: "radio",
|
|
970
|
+
tabindex: tabIndex,
|
|
971
|
+
title: title,
|
|
972
|
+
"aria-label": title,
|
|
963
973
|
name: name,
|
|
964
974
|
value: option.value,
|
|
965
975
|
checked: selectedValue === option.value,
|
|
@@ -9281,6 +9291,8 @@ function Dropdown(_ref) {
|
|
|
9281
9291
|
placeholder = 'Example Placeholder',
|
|
9282
9292
|
name,
|
|
9283
9293
|
className = '',
|
|
9294
|
+
title = '',
|
|
9295
|
+
tabIndex = '',
|
|
9284
9296
|
onChange,
|
|
9285
9297
|
value,
|
|
9286
9298
|
Icon,
|
|
@@ -9308,7 +9320,10 @@ function Dropdown(_ref) {
|
|
|
9308
9320
|
return /*#__PURE__*/external_react_default().createElement(rn, {
|
|
9309
9321
|
as: "div",
|
|
9310
9322
|
className: "".concat(className, " relative inline-block text-left"),
|
|
9311
|
-
name: name
|
|
9323
|
+
name: name,
|
|
9324
|
+
title: title,
|
|
9325
|
+
"aria-label": title,
|
|
9326
|
+
tabindex: tabIndex
|
|
9312
9327
|
}, /*#__PURE__*/external_react_default().createElement("label", {
|
|
9313
9328
|
className: "flex items-center"
|
|
9314
9329
|
}, label, required && /*#__PURE__*/external_react_default().createElement("span", {
|
|
@@ -9503,4 +9518,4 @@ const Modal = _ref => {
|
|
|
9503
9518
|
/******/ })()
|
|
9504
9519
|
;
|
|
9505
9520
|
});
|
|
9506
|
-
//# sourceMappingURL=main.
|
|
9521
|
+
//# sourceMappingURL=main.a1d4e70e4f1b11d99ba5.js.map
|