@harnessio/ui 1.2.7 → 1.2.8

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)"
     }
   }
-}, ue = {
+}, he = {
   ".cn-dual-pane-stepper-root": {
     display: "flex",
     flexDirection: "column",
@@ -1977,7 +1977,7 @@ const ne = {
       flexShrink: "0"
     }
   }
-}, he = {
+}, ue = {
   ".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 u(r) {
+function h(r) {
   const e = r === "icon" ? we : ke, n = r === "symbol" ? "logo" : r, a = {};
   return e.forEach((t) => {
     const o = {};
@@ -2228,13 +2228,13 @@ function u(r) {
 }
 const Ce = {
   ".cn-icon": {
-    ...u("icon")
+    ...h("icon")
   },
   ".cn-logo": {
-    ...u("logo")
+    ...h("logo")
   },
   ".cn-symbol": {
-    ...u("symbol")
+    ...h("symbol")
   }
 }, Se = ["danger", "warning", "success"];
 function ze() {
@@ -2722,12 +2722,12 @@ const He = {
     progressBg: "danger",
     color: "text-danger"
   }
-}, h = "var(--cn-comp-slider-track-progress-stripes)", Xe = `linear-gradient(45deg,
-  ${h} 18.75%,
+}, u = "var(--cn-comp-slider-track-progress-stripes)", Xe = `linear-gradient(45deg,
+  ${u} 18.75%,
   transparent 18.75%,
   transparent 50%,
-  ${h} 50%,
-  ${h} 68.75%,
+  ${u} 50%,
+  ${u} 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 = {
       }
     }
   }
-}, ur = {
+}, hr = {
   ".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"
   }
-}, hr = {
+}, ur = {
   ".cn-stepper": {
     minWidth: "200px",
     width: "100%",
@@ -5345,7 +5345,7 @@ const br = {
     "@apply relative flex items-center gap-cn-3xs px-cn-sm py-cn-2xs shadow-cn-1 border border-cn-2 rounded-cn-3": ""
   },
   ".cn-studio-card-expand-button-top": {
-    "@apply flex items-center gap-cn-2xs p-cn-xs pl-cn-md flex-1 text-cn-1": ""
+    "@apply flex items-center gap-cn-2xs p-cn-xs pl-cn-md flex-1 min-w-0 overflow-hidden text-cn-1": ""
   },
   ".cn-studio-card-expand-button-bottom": {
     "@apply flex items-center justify-end gap-cn-2xs py-cn-xs px-cn-md flex-1 border-t border-cn-2": "",
@@ -5355,6 +5355,8 @@ const br = {
   ".cn-studio-card-expand-button": {
     position: "relative",
     width: "226px",
+    maxWidth: "100%",
+    minWidth: "0",
     height: "var(--cn-size-22)",
     transition: "transform 0.1s linear",
     // Stack layers - default direction is "right"
@@ -5416,6 +5418,8 @@ const br = {
     // Minimal variant
     '&[data-variant="minimal"]': {
       width: "auto",
+      maxWidth: "100%",
+      minWidth: "0",
       height: "auto",
       ".cn-studio-card-expand-button-top": {
         "@apply p-cn-2xs px-cn-sm": ""
@@ -6515,7 +6519,7 @@ const Tr = {
   ae,
   Ne,
   br,
-  ur,
+  hr,
   mr,
   fr,
   Pr,
@@ -6524,11 +6528,11 @@ const Tr = {
   Ue,
   rr,
   vr,
-  ue,
-  cr,
   he,
+  cr,
+  ue,
   Or,
-  hr,
+  ur,
   // Form styles
   er,
   me,