opus-toolkit-components 1.3.5 → 1.3.7

package/lib/opus-components.main.js

@@ -896,12 +896,12 @@ const Accordion = _ref => {
   }, [activeIndex]);
   return /*#__PURE__*/external_react_default().createElement("div", {
     id: "accordion-".concat(index),
-    className: "\n        accordion\n        border border-[--color-stroke]\n        w-full\n        shadow-lg\n        ".concat(disabled ? 'opacity-50 pointer-events-none' : '', "\n        ").concat(isActive || isPreview ? 'rounded-lg' : 'rounded-lg', "\n      ")
+    className: "\n        accordion\n        border border-[--color-stroke]\n        w-full\n        shadow-lg\n        ".concat(disabled ? 'opacity-50 pointer-events-none' : '', "\n        rounded-lg\n      ")
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-item",
     key: index
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "\n            accordion-header\n            flex \n            justify-between \n            items-center \n            bg-[--color-accordion-header]\n            rounded-t-lg\n            rounded-b-lg\n          "
+    className: "\n            accordion-header\n            flex \n            justify-between \n            items-center \n            bg-[--color-accordion-header]\n            rounded-t-lg\n             ".concat(isActive || isPreview ? '' : 'rounded-b-lg', "\n          ")
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex items-center gap-2 justify-between"
   }, /*#__PURE__*/external_react_default().createElement(Text, {
@@ -4213,10 +4213,12 @@ function Checkbox(_ref) {
     isValid = true,
     errorMessage = '',
     disabled = false,
+    title,
     dataCy
   } = _ref;
   const id = "checkbox-".concat(name);
   const errorId = "".concat(id, "-error");
+  const showError = !isValid && errorMessage;
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex flex-col mb-4"
   }, /*#__PURE__*/external_react_default().createElement("div", {
@@ -4228,12 +4230,13 @@ function Checkbox(_ref) {
     checked: value,
     onChange: onChange,
     disabled: disabled,
+    title: title,
     "data-cy": getDataCy({
       name,
       dataCy
     }),
     "aria-invalid": !isValid,
-    "aria-describedby": !isValid && errorMessage ? errorId : undefined,
+    "aria-describedby": showError ? errorId : undefined,
     "aria-disabled": disabled,
     style: {
       accentColor: 'var(--color-primary-btn)'
@@ -4296,7 +4299,7 @@ function Table(_ref) {
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: "wrapper w-full ".concat(className)
   }, /*#__PURE__*/external_react_default().createElement("table", {
-    className: "\n        min-w-full \n        table-auto \n        text-left \n        border-collapse \n        table\n      "
+    className: "\r min-w-full \r table-auto \r text-left \r border-collapse \r table"
   }, /*#__PURE__*/external_react_default().createElement("thead", {
     className: "hidden sm:table-header-group"
   }, /*#__PURE__*/external_react_default().createElement("tr", {
@@ -12893,7 +12896,7 @@ function Dropdown(_ref) {
       "aria-hidden": "true",
       className: "-mr-1 h-5 w-5 text-[--color-text-weak] transition-transform duration-200 ".concat(open ? 'rotate-180' : 'rotate-0')
     })), !disabled && /*#__PURE__*/external_react_default().createElement(Pt, {
-      className: "\r absolute \r right-0 \r z-10 \r mt-2 \r w-56 \r origin-top-right \r rounded-md \r bg-[--color-primary-bg] \r shadow-lg \r ring-1 \r ring-[--color-stroke] \r ring-opacity-1 \r focus:outline-none \r max-h-48 \r overflow-y-auto\r "
+      className: " absolute  right-0  z-10  mt-2  w-56  origin-top-right  rounded-md  bg-[--color-primary-bg]  shadow-lg  ring-1  ring-[--color-stroke]  ring-opacity-1  focus:outline-none  max-h-48  overflow-y-auto "
     }, /*#__PURE__*/external_react_default().createElement("div", {
       className: "py-1"
     }, items.map((item, index) => /*#__PURE__*/external_react_default().createElement(Et, {
@@ -12990,9 +12993,11 @@ function Loader(_ref) {
     className = ''
   } = _ref;
   return isLoading && /*#__PURE__*/external_react_default().createElement("div", {
-    role: "status",
-    "aria-live": "polite",
-    className: "fixed inset-0 flex flex-col items-center justify-center bg-[--color-primary-bg] bg-opacity-50 z-50 ".concat(className)
+    className: "fixed inset-0 z-50 flex items-center justify-center"
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    className: "absolute inset-0 bg-[--color-primary-bg] opacity-70"
+  }), /*#__PURE__*/external_react_default().createElement("div", {
+    className: "relative z-10 flex flex-col items-center"
   }, customLoader ? customLoader : /*#__PURE__*/external_react_default().createElement("img", {
     src: (c247_loader_gif_default()),
     alt: "Loading",
@@ -13000,7 +13005,7 @@ function Loader(_ref) {
   }), /*#__PURE__*/external_react_default().createElement(Text, {
     variant: "h4",
     className: "mt-4 animate-pulse text-center"
-  }, loaderText));
+  }, loaderText)));
 }
 ;// ./node_modules/@heroicons/react/24/solid/esm/XMarkIcon.js