@streamoid/ui 0.6.35 → 0.6.37

package/dist/index.css

@@ -3813,9 +3813,6 @@
   cursor: col-resize;
   touch-action: none;
 }
-.ScSidebarResizeHandle_collapsed {
-  right: -8px;
-}
 .ScSidebarResizeHandle_line {
   pointer-events: none;
   position: absolute;
@@ -4137,8 +4134,6 @@ button.ScSidebarShell_actionRow:hover {
   height: 100%;
   flex-shrink: 0;
   position: relative;
-}
-.ScArtifaxSidebar_scArtifaxSidebar.ScArtifaxSidebar_variantExpanded {
   padding: var(--spacing-3xl, 1rem);
 }
 .ScArtifaxSidebar_container {
@@ -4158,6 +4153,7 @@ button.ScSidebarShell_actionRow:hover {
 .ScArtifaxSidebar_container.ScArtifaxSidebar_collapsed {
   align-items: center;
   width: 3.5rem;
+  border-radius: var(--radius-3xl, 1rem);
 }
 .ScArtifaxSidebar_borderOverlayExpanded {
   position: absolute;
@@ -4170,7 +4166,8 @@ button.ScSidebarShell_actionRow:hover {
   position: absolute;
   inset: 0;
   pointer-events: none;
-  border-right: 1px solid var(--alias-border-subtle, #242424);
+  border: 1px solid var(--alias-border-subtle, #242424);
+  border-radius: var(--radius-3xl, 1rem);
 }
 .ScArtifaxSidebar_body {
   display: flex;

package/dist/index.js

@@ -4525,7 +4525,6 @@ var import_react14 = require("react");
 // src/SC-Sidebar-new/ScSidebarResizeHandle.module.css
 var ScSidebarResizeHandle_default = {
   handle: "ScSidebarResizeHandle_handle",
-  collapsed: "ScSidebarResizeHandle_collapsed",
   line: "ScSidebarResizeHandle_line",
   active: "ScSidebarResizeHandle_active"
 };
@@ -4612,7 +4611,7 @@ function ScSidebarResizeHandle({
           onExpandedChange(true);
         }
       },
-      className: `${ScSidebarResizeHandle_default.handle} ${expanded ? "" : ScSidebarResizeHandle_default.collapsed} ${active ? ScSidebarResizeHandle_default.active : ""} ${className ?? ""}`.trim(),
+      className: `${ScSidebarResizeHandle_default.handle} ${active ? ScSidebarResizeHandle_default.active : ""} ${className ?? ""}`.trim(),
       style,
       children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { "aria-hidden": true, className: ScSidebarResizeHandle_default.line })
     }
@@ -5140,7 +5139,7 @@ function StreamoidSidebar({
     "div",
     {
       className: `relative flex h-full items-center justify-center shrink-0 ${className ?? ""}`.trim(),
-      style,
+      style: { padding: "var(--spacing-3xl)", ...style },
       children: [
         resizable && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           ScSidebarResizeHandle,
@@ -5156,6 +5155,11 @@ function StreamoidSidebar({
             className: "flex flex-col h-full items-center justify-center relative shrink-0",
             style: {
               backgroundColor: "var(--alias-surface-base)",
+              /* Matches the expanded card. It was square with a hard right seam,
+                 which read as a different component rather than the same one
+                 narrowed — and next to a floating rounded card it looked like the
+                 rail had been replaced. */
+              borderRadius: "var(--radius-3xl)",
               padding: "var(--spacing-md)",
               gap: "var(--spacing-xxs)"
             },
@@ -5166,7 +5170,9 @@ function StreamoidSidebar({
                   "aria-hidden": "true",
                   className: "absolute inset-0 pointer-events-none",
                   style: {
-                    borderRight: "1px solid var(--alias-border-subtle)"
+                    border: "1px solid var(--alias-border-subtle)",
+                    borderRadius: "var(--radius-3xl)",
+                    zIndex: 30
                   }
                 }
               ),
@@ -6218,7 +6224,6 @@ var import_react18 = require("react");
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.module.css
 var ScArtifaxSidebar_default = {
   scArtifaxSidebar: "ScArtifaxSidebar_scArtifaxSidebar",
-  variantExpanded: "ScArtifaxSidebar_variantExpanded",
   container: "ScArtifaxSidebar_container",
   expanded: "ScArtifaxSidebar_expanded",
   collapsed: "ScArtifaxSidebar_collapsed",
@@ -6362,7 +6367,7 @@ var ScArtifaxSidebar = ({
     return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "div",
       {
-        className: ScArtifaxSidebar_default.scArtifaxSidebar + " " + ScArtifaxSidebar_default.variantExpanded + (className ? " " + className : ""),
+        className: ScArtifaxSidebar_default.scArtifaxSidebar + (className ? " " + className : ""),
         style,
         children: [
           resizable ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(

package/dist/index.mjs

@@ -4340,7 +4340,6 @@ import { useRef as useRef5, useState as useState11 } from "react";
 // src/SC-Sidebar-new/ScSidebarResizeHandle.module.css
 var ScSidebarResizeHandle_default = {
   handle: "ScSidebarResizeHandle_handle",
-  collapsed: "ScSidebarResizeHandle_collapsed",
   line: "ScSidebarResizeHandle_line",
   active: "ScSidebarResizeHandle_active"
 };
@@ -4427,7 +4426,7 @@ function ScSidebarResizeHandle({
           onExpandedChange(true);
         }
       },
-      className: `${ScSidebarResizeHandle_default.handle} ${expanded ? "" : ScSidebarResizeHandle_default.collapsed} ${active ? ScSidebarResizeHandle_default.active : ""} ${className ?? ""}`.trim(),
+      className: `${ScSidebarResizeHandle_default.handle} ${active ? ScSidebarResizeHandle_default.active : ""} ${className ?? ""}`.trim(),
       style,
       children: /* @__PURE__ */ jsx49("span", { "aria-hidden": true, className: ScSidebarResizeHandle_default.line })
     }
@@ -4955,7 +4954,7 @@ function StreamoidSidebar({
     "div",
     {
       className: `relative flex h-full items-center justify-center shrink-0 ${className ?? ""}`.trim(),
-      style,
+      style: { padding: "var(--spacing-3xl)", ...style },
       children: [
         resizable && !isMobile ? /* @__PURE__ */ jsx50(
           ScSidebarResizeHandle,
@@ -4971,6 +4970,11 @@ function StreamoidSidebar({
             className: "flex flex-col h-full items-center justify-center relative shrink-0",
             style: {
               backgroundColor: "var(--alias-surface-base)",
+              /* Matches the expanded card. It was square with a hard right seam,
+                 which read as a different component rather than the same one
+                 narrowed — and next to a floating rounded card it looked like the
+                 rail had been replaced. */
+              borderRadius: "var(--radius-3xl)",
               padding: "var(--spacing-md)",
               gap: "var(--spacing-xxs)"
             },
@@ -4981,7 +4985,9 @@ function StreamoidSidebar({
                   "aria-hidden": "true",
                   className: "absolute inset-0 pointer-events-none",
                   style: {
-                    borderRight: "1px solid var(--alias-border-subtle)"
+                    border: "1px solid var(--alias-border-subtle)",
+                    borderRadius: "var(--radius-3xl)",
+                    zIndex: 30
                   }
                 }
               ),
@@ -6051,7 +6057,6 @@ import {
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.module.css
 var ScArtifaxSidebar_default = {
   scArtifaxSidebar: "ScArtifaxSidebar_scArtifaxSidebar",
-  variantExpanded: "ScArtifaxSidebar_variantExpanded",
   container: "ScArtifaxSidebar_container",
   expanded: "ScArtifaxSidebar_expanded",
   collapsed: "ScArtifaxSidebar_collapsed",
@@ -6195,7 +6200,7 @@ var ScArtifaxSidebar = ({
     return /* @__PURE__ */ jsxs42(
       "div",
       {
-        className: ScArtifaxSidebar_default.scArtifaxSidebar + " " + ScArtifaxSidebar_default.variantExpanded + (className ? " " + className : ""),
+        className: ScArtifaxSidebar_default.scArtifaxSidebar + (className ? " " + className : ""),
         style,
         children: [
           resizable ? /* @__PURE__ */ jsx53(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/ui",
-  "version": "0.6.35",
+  "version": "0.6.37",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",