@luscii-healthtech/web-ui 27.8.1 → 27.8.3

package/dist/index.development.js

@@ -1731,7 +1731,7 @@ function LoadingIndicator(_a) {
   });
   return React__namespace.default.createElement(
     "div",
-    Object.assign({}, restProps, { className: containerClassName, "data-test-id": dataTestId }),
+    Object.assign({}, restProps, { className: containerClassName, "data-test-id": dataTestId, role: "progressbar" }),
     React__namespace.default.createElement("img", { src: asSpinner ? spinnerToRender : img$f, "data-chromatic": "ignore", className: classNames__default.default("ui-fill-current ui-stroke-current ui-text-gray-600", {
       "ui-h-4 ui-w-4": asSpinner,
       "ui-h-12 ui-w-12": !asSpinner
@@ -4770,15 +4770,15 @@ styleInject(css_248z$4);
 function Section$1(_a) {
   var { title, buttons, footer, children, headerAside, className, isLoading = false, loadingIndicatorProps } = _a, restProps = __rest(_a, ["title", "buttons", "footer", "children", "headerAside", "className", "isLoading", "loadingIndicatorProps"]);
   return React__namespace.default.createElement(
-    "div",
-    Object.assign({}, restProps, { className: classNames__default.default("cweb-section", "ui-flex ui-flex-col ui-items-start ui-justify-start", "ui-rounded-lg", "ui-mx-0 ui-my-4", "ui-bg-white", "ui-w-full", className) }),
+    "section",
+    Object.assign({ title }, restProps, { className: classNames__default.default("cweb-section", "ui-flex ui-flex-col ui-items-start ui-justify-start", "ui-rounded-lg", "ui-mx-0 ui-my-4", "ui-bg-white", "ui-w-full", className) }),
     (title || buttons) && React__namespace.default.createElement(
-      "div",
+      "header",
       { className: "cweb-section-header ui-flex ui-w-full ui-items-center ui-justify-between ui-gap-3 ui-p-4", "data-test-id": "section-header" },
       title && React__namespace.default.createElement(
         "div",
         { className: "ui-flex ui-flex-1 ui-flex-row ui-items-center ui-gap-3" },
-        React__namespace.default.createElement(Title, { text: title, className: "cweb-section-title", type: "sm" }),
+        React__namespace.default.createElement(Title, { className: "cweb-section-title", type: "sm" }, title),
         isLoading && React__namespace.default.createElement(LoadingIndicator, Object.assign({ asSpinner: true }, loadingIndicatorProps))
       ),
       buttons && buttons.length > 0 && React__namespace.default.createElement("div", { className: classNames__default.default("cweb-section-header-buttons-container", "ui-flex ui-flex-row ui-space-x-3") }, buttons.map((button) => React__namespace.default.createElement(Button, Object.assign({}, button, { key: button.key || button.id || button.text })))),
@@ -4787,7 +4787,7 @@ function Section$1(_a) {
     React__namespace.default.createElement("div", { className: classNames__default.default("cweb-section-content ui-w-full", {
       "ui-border-t-1 ui-border-t-slate-200": children
     }) }, !isLoading && children),
-    footer && React__namespace.default.createElement("div", { className: "ui-flex ui-w-full ui-flex-row ui-items-center ui-justify-between ui-border-t-slate-200 ui-p-4" }, footer)
+    footer && React__namespace.default.createElement("footer", { className: "ui-flex ui-w-full ui-flex-row ui-items-center ui-justify-between ui-border-t-slate-200 ui-p-4" }, footer)
   );
 }