@harnessio/ui 1.2.3 → 1.2.4

package/dist/tailwind.config.js

@@ -1890,7 +1890,7 @@ const ne = {
       padding: "calc(var(--cn-dropdown-item-py) + var(--cn-spacing-4)) var(--cn-dropdown-item-px)"
     }
   }
-}, he = {
+}, ue = {
   ".cn-dual-pane-stepper-root": {
     display: "flex",
     flexDirection: "column",
@@ -1977,7 +1977,7 @@ const ne = {
       flexShrink: "0"
     }
   }
-}, ue = {
+}, he = {
   ".cn-flow-stepper-card": {
     position: "relative",
     background: "var(--cn-bg-1)",
@@ -2219,7 +2219,7 @@ const ye = {
     ...fe()
   }
 }, we = ["2xs", "xs", "sm", "md", "lg", "xl"], ke = ["xs", "sm", "md", "lg"];
-function h(r) {
+function u(r) {
   const e = r === "icon" ? we : ke, n = r === "symbol" ? "logo" : r, a = {};
   return e.forEach((t) => {
     const o = {};
@@ -2228,13 +2228,13 @@ function h(r) {
 }
 const Ce = {
   ".cn-icon": {
-    ...h("icon")
+    ...u("icon")
   },
   ".cn-logo": {
-    ...h("logo")
+    ...u("logo")
   },
   ".cn-symbol": {
-    ...h("symbol")
+    ...u("symbol")
   }
 }, Se = ["danger", "warning", "success"];
 function ze() {
@@ -2722,12 +2722,12 @@ const He = {
     progressBg: "danger",
     color: "text-danger"
   }
-}, u = "var(--cn-comp-slider-track-progress-stripes)", Xe = `linear-gradient(45deg,
-  ${u} 18.75%,
+}, h = "var(--cn-comp-slider-track-progress-stripes)", Xe = `linear-gradient(45deg,
+  ${h} 18.75%,
   transparent 18.75%,
   transparent 50%,
-  ${u} 50%,
-  ${u} 68.75%,
+  ${h} 50%,
+  ${h} 68.75%,
   transparent 68.75%,
   transparent)`, Ge = (r) => r === "sm" ? "8px 8px" : r === "lg" ? "32px 32px" : "16px 16px";
 function Ye() {
@@ -4202,7 +4202,7 @@ const br = {
       }
     }
   }
-}, hr = {
+}, ur = {
   ".cn-stacked-list": {
     "@apply w-full bg-cn-1 border rounded-cn-3": "",
     "& > *:first-child > .cn-stacked-list-item": {
@@ -4303,7 +4303,7 @@ const br = {
     background: "var(--cn-border-2)",
     pointerEvents: "none"
   }
-}, ur = {
+}, hr = {
   ".cn-stepper": {
     minWidth: "200px",
     width: "100%",
@@ -5068,26 +5068,29 @@ const br = {
     // Selected state with theme-based borders
     '&[data-selected="true"]': {
       '&[data-theme="default"]': {
-        border: "1px solid var(--cn-border-brand)",
-        boxShadow: "0 0 0 3px color-mix(in srgb, var(--cn-border-brand) 20%, transparent)"
+        border: "1px solid var(--cn-border-brand) !important",
+        boxShadow: "0 0 0 3px color-mix(in srgb, var(--cn-border-brand) 20%, transparent) !important"
       },
       '&[data-theme="success"]': {
-        border: "1px solid var(--cn-border-success)",
-        boxShadow: "0 0 0 3px color-mix(in srgb, var(--cn-border-success) 20%, transparent)"
+        border: "1px solid var(--cn-border-success) !important",
+        boxShadow: "0 0 0 3px color-mix(in srgb, var(--cn-border-success) 20%, transparent) !important"
       },
       '&[data-theme="warning"]:not(:has(> [data-status="executing"]))': {
-        border: "1px solid var(--cn-border-warning)",
-        boxShadow: "0 0 0 3px color-mix(in srgb, var(--cn-border-warning) 20%, transparent)"
+        border: "1px solid var(--cn-border-warning) !important",
+        boxShadow: "0 0 0 3px color-mix(in srgb, var(--cn-border-warning) 20%, transparent) !important"
       },
       '&[data-theme="danger"]': {
-        border: "1px solid var(--cn-border-danger)",
-        boxShadow: "0 0 0 3px color-mix(in srgb, var(--cn-border-danger) 20%, transparent)"
+        border: "1px solid var(--cn-border-danger) !important",
+        boxShadow: "0 0 0 3px color-mix(in srgb, var(--cn-border-danger) 20%, transparent) !important"
       }
     },
     "&:has(.cn-studio-card-group:hover)": {
       backgroundColor: "lch(from var(--cn-bg-3) l c h / 0.45) !important",
-      borderColor: "lch(from var(--cn-border-2) l c h / 0.65) !important",
       ...I,
+      // Selected cards keep their theme border — dimming it would hide the selection.
+      '&:not([data-selected="true"])': {
+        borderColor: "lch(from var(--cn-border-2) l c h / 0.65) !important"
+      },
       ">": {
         ...$
       }
@@ -5213,7 +5216,7 @@ const br = {
       },
       "& .cn-studio-card:not(:hover)": {
         backgroundColor: "lch(from var(--cn-bg-3) l c h / 0.45) !important",
-        '&:not(:has(> [data-status="executing"]))': {
+        '&:not(:has(> [data-status="executing"])):not([data-selected="true"])': {
           borderColor: "lch(from var(--cn-border-2) l c h / 0.65) !important"
         },
         ...I,
@@ -5226,7 +5229,7 @@ const br = {
       // Preserve opacity for all descendants of the hovered group
       "& .cn-studio-card-group:hover .cn-studio-card": {
         opacity: "1 !important",
-        '&:not(:has(> [data-status="executing"]))': {
+        '&:not(:has(> [data-status="executing"])):not([data-selected="true"])': {
           borderColor: "var(--cn-border-2) !important"
           // borderColor: 'lch(from var(--cn-border-2) l c h / 0.65) !important',
         },
@@ -6512,7 +6515,7 @@ const Tr = {
   ae,
   Ne,
   br,
-  hr,
+  ur,
   mr,
   fr,
   Pr,
@@ -6521,11 +6524,11 @@ const Tr = {
   Ue,
   rr,
   vr,
-  he,
-  cr,
   ue,
+  cr,
+  he,
   Or,
-  ur,
+  hr,
   // Form styles
   er,
   me,