@luscii-healthtech/web-ui 42.9.0 → 42.10.1

package/dist/index.development.js

@@ -238,10 +238,12 @@ var css_248z$h = "/* https://stackoverflow.com/a/13924997 */\n.ui\\:text-two-lin
 styleInject(css_248z$h);
 
 const responsiveTextSizeVariants = {
+  xs: "ui:text-[12px]",
   sm: "ui:text-sm ui:sm:text-xs",
   base: "ui:text-base ui:sm:text-sm"
 };
 const allowedTextStyles = {
+  xs: `${responsiveTextSizeVariants.xs} ui:font-[400] ui:leading-[16px]`,
   sm: `${responsiveTextSizeVariants.sm} ui:font-medium`,
   "sm-strong": `${responsiveTextSizeVariants.sm} ui:font-semibold ui:antialiased`,
   base: `${responsiveTextSizeVariants.base} ui:font-normal`,
@@ -281,7 +283,8 @@ const allowedColors = {
   "negative-solid": "ui:text-negative-solid",
   "neutral-interactive": "ui:text-neutral-interactive",
   primary: "ui:text-primary",
-  "primary-dark": "ui:text-primary-dark"
+  "primary-dark": "ui:text-primary-dark",
+  active: "ui:text-text-body-active"
 };
 const allowedHoverColors = {
   "blue-900": "ui:hover:text-primary-dark",
@@ -3428,7 +3431,9 @@ function TableBody(props) {
 const PaginationMenuSmall = (props) => {
   const handleOnChange = (event) => {
     const pageNumber = event.currentTarget.dataset.page;
-    pageNumber && props.onChange(parseInt(pageNumber, 10), props.pageSize);
+    if (pageNumber) {
+      props.onChange(parseInt(pageNumber, 10), props.pageSize);
+    }
   };
   return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TertiaryButton, { "data-test-id": "prev-button", icon: LeftArrowIcon, "data-page": props.currentPageNumber - 1, onClick: handleOnChange, isDisabled: props.currentPageNumber === 1 }), jsxRuntime.jsx(Text, { className: "ui:ml-4", text: `${props.currentPageNumber} / ${props.pageCount}`, type: "sm", color: "slate-500" }), jsxRuntime.jsx(TertiaryButton, { className: "ui:ml-4", "data-test-id": "next-button", icon: ChevronRightIcon, isDisabled: props.currentPageNumber === props.pageCount, "data-page": props.currentPageNumber + 1, onClick: handleOnChange })] });
 };
@@ -3512,11 +3517,15 @@ const PaginationMenuLarge = (props) => {
   const handleOnPageSizeSelect = (e) => {
     const value = Number.parseInt(e.target.value, 10);
     const pageSize = PAGE_SIZE_OPTIONS.find((option) => option.value === value);
-    pageSize && props.onChange(1, pageSize.value);
+    if (pageSize) {
+      props.onChange(1, pageSize.value);
+    }
   };
   const handleOnPrevNextButtonClick = (event) => {
     const newPage = event.currentTarget.dataset.page;
-    newPage && props.onChange(Number.parseInt(newPage, 10), props.pageSize);
+    if (newPage) {
+      props.onChange(Number.parseInt(newPage, 10), props.pageSize);
+    }
   };
   return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "center", gap: "s", justify: "start", width: "full", children: [props.pageSize && props.resultCount && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Text, { children: props.localization.display }), jsxRuntime.jsx(StyledSelect, { onChange: handleOnPageSizeSelect, value: props.pageSize, children: PAGE_SIZE_OPTIONS.map((option) => jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsxRuntime.jsx(Text, { children: props.localization.page }), jsxRuntime.jsx(StyledSelect, { onChange: handleOnPageNumberSelect, value: props.currentPageNumber, disabled: props.pageCount < 2, children: getPageNumberOptions(props.pageCount).map((option) => jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsxRuntime.jsxs(Stack, { axis: "x", align: "center", justify: "end", width: "full", children: [jsxRuntime.jsx(Text, { color: "slate-500", children: getSummaryText(props.pageCount, props.currentPageNumber, props.localization, props.pageSize, props.resultCount) }), jsxRuntime.jsx(SecondaryButton, { "data-test-id": "prev-button", "data-page": props.currentPageNumber - 1, onClick: handleOnPrevNextButtonClick, disabled: props.currentPageNumber === 1, className: "ui:ml-4", children: props.localization.previous }), jsxRuntime.jsx(SecondaryButton, { "data-test-id": "next-button", disabled: props.currentPageNumber === props.pageCount, "data-page": props.currentPageNumber + 1, onClick: handleOnPrevNextButtonClick, className: "ui:ml-4", children: props.localization.next })] })] });
 };
@@ -3524,7 +3533,9 @@ const PaginationMenuLarge = (props) => {
 const PaginationMenuCursor = (props) => {
   const handleOnChange = (event) => {
     const cursor = event.currentTarget.dataset.cursor;
-    cursor && props.onChange(cursor);
+    if (cursor) {
+      props.onChange(cursor);
+    }
   };
   return jsxRuntime.jsxs(Stack, { axis: "x", gap: "m", justify: "end", width: "full", children: [jsxRuntime.jsx(SecondaryButton, { "data-test-id": "prev-button", leadingIcon: jsxRuntime.jsx(LeftArrowIcon, {}), "data-cursor": props.previousCursor, isDisabled: !props.previousCursor, onClick: handleOnChange, children: props.localization.previous }), jsxRuntime.jsx(SecondaryButton, { "data-test-id": "next-button", trailingIcon: jsxRuntime.jsx(ChevronRightIcon, {}), "data-cursor": props.nextCursor, isDisabled: !props.nextCursor, onClick: handleOnChange, children: props.localization.next })] });
 };
@@ -5250,21 +5261,12 @@ const DetailsDisclosure = (_a) => {
   var { children, onToggleDetails, name, onToggle, openByDefault, open } = _a, rest = __rest(_a, ["children", "onToggleDetails", "name", "onToggle", "openByDefault", "open"]);
   const [internalIsOpen, setInternalIsOpen] = React.useState(openByDefault !== null && openByDefault !== void 0 ? openByDefault : false);
   const isOpen = open !== null && open !== void 0 ? open : internalIsOpen;
-  return jsxRuntime.jsx(context$2.Provider, { value: { isOpen }, children: jsxRuntime.jsx(Box, Object.assign({
-    as: "details",
-    /**
-     * This "name" attribute triggers a type-error on "details" eventhough it should be valid
-     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details#name
-    // @ts-ignore*/
-    name,
-    onToggle: (e) => {
-      const wasOpened = e.currentTarget.hasAttribute("open");
-      onToggleDetails === null || onToggleDetails === void 0 ? void 0 : onToggleDetails(wasOpened);
-      setInternalIsOpen(wasOpened);
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(e);
-    },
-    open: isOpen
-  }, rest, { children })) });
+  return jsxRuntime.jsx(context$2.Provider, { value: { isOpen }, children: jsxRuntime.jsx(Box, Object.assign({ as: "details", name, onToggle: (e) => {
+    const wasOpened = e.currentTarget.hasAttribute("open");
+    onToggleDetails === null || onToggleDetails === void 0 ? void 0 : onToggleDetails(wasOpened);
+    setInternalIsOpen(wasOpened);
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(e);
+  }, open: isOpen }, rest, { children })) });
 };
 const DefaultOpenIndicator = ({ isOpen }) => {
   return jsxRuntime.jsx(ChevronRightIcon, { className: classNames__default.default("ui:shrink-0 ui:transition-transform", {