@luscii-healthtech/web-ui 44.8.0 → 45.1.0

package/dist/index.development.js

@@ -2459,7 +2459,7 @@ const StyledCheckbox = React__namespace.default.forwardRef((props, ref) => {
     // Disabled styles
     "ui:disabled:border-border-neutral-primary-disabled",
     // Disabled and checked styles
-    "ui:disabled:checked:bg-background-brand-primary-disabled",
+    "ui:disabled:checked:bg-icon-brand-primary-disabled",
     // Checked and hovered styles
     "ui:checked:hover:bg-icon-brand-primary-hover",
     "ui:transition-colors ui:duration-150 ui:ease-in-out",
@@ -6154,7 +6154,7 @@ const getSegmentStyle = (color) => {
 const legendSwatchStyle = {
   width: "18px",
   height: "18px",
-  borderRadius: "2px",
+  borderRadius: "4px",
   flexShrink: 0
 };
 const COLOR_GREY_LIGHT = "var(--ui-color-background-info-secondary-hovered)";
@@ -6164,6 +6164,15 @@ const COLOR_AMBER = "var(--ui-color-icon-warning-secondary-default)";
 const COLOR_BLUE = COLOR_GREY_LIGHT;
 const BORDER_COLOR = "var(--ui-color-border-neutral-secondary-default)";
 const BORDER_RADIUS = "var(--ui-radius-sm, 4px)";
+const COLOR_GAP = [
+  "var(--ui-color-background-info-secondary-hovered)",
+  "var(--ui-color-background-info-primary-hovered)"
+];
+const COLOR_OVERLAP = [
+  "var(--ui-color-background-info-secondary-hovered)",
+  "var(--ui-color-border-neutral-primary-default)"
+];
+const COLOR_FILL = "var(--ui-color-background-info-secondary-hovered)";
 const barContainerStyle = {
   width: "100%",
   border: `1px solid ${BORDER_COLOR}`,
@@ -6184,12 +6193,13 @@ const ticksContainerStyle = {
   width: "100%",
   height: "20px"
 };
-const RangeCoverageComponent = ({ sections, start, end, ticks = [], tickFormatter, title, legendSwatches, translations, className }) => {
+const RangeCoverageComponent = (_a) => {
+  var { sections, start, end, ticks = [], tickFormatter, title, legendSwatches, translations, className } = _a, rest = __rest(_a, ["sections", "start", "end", "ticks", "tickFormatter", "title", "legendSwatches", "translations", "className"]);
   if (hasSectionOverlaps(sections)) {
     return jsxRuntime.jsx(Text, { variant: "strong", children: translations.sectionOverlapsMessage });
   }
   const segments = calculateSegments(sections, start, end);
-  return jsxRuntime.jsx(Box, { className, children: jsxRuntime.jsxs(Stack, { gap: "xs", width: "full", align: "stretch", children: [jsxRuntime.jsxs(Stack, { justify: "between", axis: "x", align: "center", children: [jsxRuntime.jsx(Title, { variant: "xs", level: "3", children: title }), legendSwatches && (legendSwatches === null || legendSwatches === void 0 ? void 0 : legendSwatches.length) > 0 && jsxRuntime.jsx(Stack, { axis: "x", gap: "m", children: jsxRuntime.jsx(Stack, { axis: "x", gap: "xxs", align: "center", children: legendSwatches === null || legendSwatches === void 0 ? void 0 : legendSwatches.map((swatch) => {
+  return jsxRuntime.jsx(Box, Object.assign({ className }, rest, { children: jsxRuntime.jsxs(Stack, { gap: "xs", width: "full", align: "stretch", children: [jsxRuntime.jsxs(Stack, { justify: "between", axis: "x", align: "center", children: [jsxRuntime.jsx(Title, { variant: "xs", level: "3", children: title }), legendSwatches && (legendSwatches === null || legendSwatches === void 0 ? void 0 : legendSwatches.length) > 0 && jsxRuntime.jsx(Stack, { axis: "x", gap: "m", children: jsxRuntime.jsx(Stack, { axis: "x", gap: "xxs", align: "center", children: legendSwatches === null || legendSwatches === void 0 ? void 0 : legendSwatches.map((swatch) => {
     const background = isColorTuple(swatch.color) ? createStripedPattern({
       colorA: swatch.color[0],
       colorB: swatch.color[1],
@@ -6210,7 +6220,7 @@ const RangeCoverageComponent = ({ sections, start, end, ticks = [], tickFormatte
       left: `${position}%`,
       transform: isFirst ? "translateX(0%)" : isLast ? "translateX(-100%)" : "translateX(-50%)"
     }, children: content }, tick);
-  }) })] })] }) });
+  }) })] })] }) }));
 };
 const RangeCoverage = Object.assign(RangeCoverageComponent, {
   Colors: {
@@ -6218,7 +6228,10 @@ const RangeCoverage = Object.assign(RangeCoverageComponent, {
     AMBER: COLOR_AMBER,
     GREY_DARK: COLOR_GREY_DARK,
     GREY_LIGHT: COLOR_GREY_LIGHT,
-    BLUE: COLOR_BLUE
+    BLUE: COLOR_BLUE,
+    FILL: COLOR_FILL,
+    GAP: COLOR_GAP,
+    OVERLAP: COLOR_OVERLAP
   },
   generateIntermediateTicks
 });