@rfkit/charts 1.10.2 → 1.10.3

package/index.js

@@ -505,10 +505,6 @@ var __webpack_modules__ = {
   inset-inline: 0;
 }
 
-[data-rfkit-charts-root] .inset-y-0 {
-  inset-block: 0;
-}
-
 [data-rfkit-charts-root] .top-0 {
   top: 0;
 }
@@ -613,10 +609,6 @@ var __webpack_modules__ = {
   isolation: isolate;
 }
 
-[data-rfkit-charts-root] .z-0 {
-  z-index: 0;
-}
-
 [data-rfkit-charts-root] .z-10 {
   z-index: 10;
 }
@@ -872,10 +864,6 @@ var __webpack_modules__ = {
   height: calc(var(--spacing) * 1.5);
 }
 
-[data-rfkit-charts-root] .h-2 {
-  height: calc(var(--spacing) * 2);
-}
-
 [data-rfkit-charts-root] .h-2\\.5 {
   height: calc(var(--spacing) * 2.5);
 }
@@ -33135,38 +33123,22 @@ const SignalSegments = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)
         style: style,
         children: signalPositions.map(({ item, key, position, color, tooltip })=>{
             const isActive = activeSignalKey === key;
-            const positionStyle = {
+            const itemStyle = {
                 left: position.left,
                 width: position.width,
-                minWidth: '1px'
+                minWidth: '1px',
+                backgroundColor: color,
+                height: isActive ? '100%' : '8px',
+                opacity: isActive ? 0.5 : 1
             };
-            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
-                children: [
-                    isActive ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                        "aria-hidden": "true",
-                        className: "pointer-events-none absolute inset-y-0 z-0 box-border",
-                        "data-testid": "signal-annotation-highlight",
-                        style: {
-                            ...positionStyle,
-                            backgroundColor: `color-mix(in srgb, ${color} 14%, transparent)`,
-                            borderLeft: `1px solid ${color}`,
-                            borderRight: `1px solid ${color}`
-                        }
-                    }) : null,
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                        className: "pointer-events-none absolute top-0 flex h-2 min-w-px items-center justify-center overflow-hidden text-ellipsis whitespace-nowrap text-center text-xs text-foreground",
-                        "data-signal-active": isActive ? 'true' : 'false',
-                        "data-signal-key": key,
-                        "data-signal-source": resolveSignalSource(item),
-                        "data-testid": "signal-annotation",
-                        style: {
-                            ...positionStyle,
-                            backgroundColor: color,
-                            zIndex: isActive ? 2 : 1
-                        },
-                        title: tooltip
-                    })
-                ]
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: "pointer-events-none absolute top-0 flex min-w-px items-center justify-center overflow-hidden text-ellipsis whitespace-nowrap text-center text-xs text-foreground",
+                "data-signal-active": isActive ? 'true' : 'false',
+                "data-signal-key": key,
+                "data-signal-source": resolveSignalSource(item),
+                "data-testid": "signal-annotation",
+                style: itemStyle,
+                title: tooltip
             }, `segment-${segmentIndex}-signal-${key}`);
         })
     }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rfkit/charts",
-  "version": "1.10.2",
+  "version": "1.10.3",
   "type": "module",
   "description": "Chart components for wireless monitoring web applications",
   "exports": {