@harnessio/ui 1.3.11 → 1.3.13

package/dist/tailwind.config.js

@@ -1379,7 +1379,7 @@ const ce = {
       opacity: "0"
     }
   }
-}, he = {
+}, ue = {
   ".cn-drawer": {
     "&-content": {
       userSelect: "auto !important",
@@ -1784,7 +1784,7 @@ const ce = {
       }
     }
   }
-}, ue = [
+}, he = [
   "gray",
   "green",
   "red",
@@ -1801,7 +1801,7 @@ const ce = {
   "violet"
 ], me = () => {
   const r = {};
-  return ue.forEach((e) => {
+  return he.forEach((e) => {
     r[`&.cn-dropdown-menu-item-indicator-${e}`] = {
       backgroundColor: `var(--cn-set-${e}-solid-bg)`
     };
@@ -2274,7 +2274,7 @@ const Se = {
     ...Ce()
   }
 }, ze = ["2xs", "xs", "sm", "md", "lg", "xl"], $e = ["xs", "sm", "md", "lg"];
-function h(r) {
+function u(r) {
   const e = r === "icon" ? ze : $e, n = r === "symbol" ? "logo" : r, a = {};
   return e.forEach((t) => {
     const o = {};
@@ -2283,13 +2283,13 @@ function h(r) {
 }
 const Ie = {
   ".cn-icon": {
-    ...h("icon")
+    ...u("icon")
   },
   ".cn-logo": {
-    ...h("logo")
+    ...u("logo")
   },
   ".cn-symbol": {
-    ...h("symbol")
+    ...u("symbol")
   }
 }, Re = ["danger", "warning", "success"];
 function Te() {
@@ -2777,12 +2777,12 @@ const Ee = {
     progressBg: "danger",
     color: "text-danger"
   }
-}, u = "var(--cn-comp-slider-track-progress-stripes)", Ne = `linear-gradient(45deg,
-  ${u} 18.75%,
+}, h = "var(--cn-comp-slider-track-progress-stripes)", Ne = `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)`, Ve = (r) => r === "sm" ? "8px 8px" : r === "lg" ? "32px 32px" : "16px 16px";
 function Me() {
@@ -3878,22 +3878,16 @@ const tr = {
     // after selection. DualPane still renders Restart in the card title row.
   },
   ".cn-single-pane-stepper-card-stack-inner": {
-    padding: "var(--cn-spacing-6)",
-    "&::before": {
-      content: "''",
-      display: "block",
-      minHeight: "8cqh",
-      flexShrink: "0"
-    },
-    "&::after": {
-      content: "''",
-      display: "block",
-      minHeight: "36vh",
-      flexShrink: "0"
-    }
+    // DualPane keeps 8cqh / 36vh ::before/::after spacers so auto-scroll can
+    // keep the active card in focus. SinglePane is a timeline: contentTitle
+    // lives in this stack and should start at the top, and the last step
+    // should end the scroll content. Do not copy those spacers here.
+    // Vertical padding matches YamlOutput's header (--cn-spacing-3 = 12px) so
+    // contentTitle lines up with the YAML pane title. Sides stay --cn-spacing-6.
+    padding: "var(--cn-spacing-3) var(--cn-spacing-6)"
   }
 }, pr = ["sm", "md", "lg", "xs"], gr = ["2xs", "xs", "sm", "md", "lg", "xl"], br = ["xs", "sm", "md", "lg"], vr = ["sm"];
-function hr() {
+function ur() {
   const r = {};
   return pr.forEach((e) => {
     r[`&:where(.cn-skeleton-avatar-${e})`] = {
@@ -3909,7 +3903,7 @@ function S(r) {
     t.width = `var(--cn-${r}-size-${a})`, t["min-width"] = `var(--cn-${r}-size-${a})`, t.height = `var(--cn-${r}-size-${a})`, t["min-height"] = `var(--cn-${r}-size-${a})`, n[`&:where(.cn-skeleton-${r}-${a})`] = t;
   }), n;
 }
-function ur() {
+function hr() {
   const r = {};
   return vr.forEach((e) => {
     r[`&.cn-skeleton-form-item-${e}`] = {
@@ -3933,7 +3927,7 @@ const mr = {
       "&:where(.cn-skeleton-avatar-rounded)": {
         borderRadius: "var(--cn-avatar-radius-rounded)"
       },
-      ...hr()
+      ...ur()
     },
     "&-icon": {
       ...S("icon")
@@ -3971,7 +3965,7 @@ const mr = {
         border: "var(--cn-input-border) solid var(--cn-border-2)",
         borderRadius: "var(--cn-input-radius)",
         backgroundColor: "var(--cn-comp-input-bg)",
-        ...ur()
+        ...hr()
       }
     },
     "&-list": {
@@ -6593,7 +6587,7 @@ const Hr = {
   Oe,
   Ue,
   Se,
-  he,
+  ue,
   de,
   $r,
   ve,