@harnessio/ui 0.5.17 → 0.5.18

package/dist/components.d.ts

@@ -1688,7 +1688,7 @@ export declare interface ExitConfirmOptions {
     isLoading?: boolean;
 }
 
-declare function ExpandButton({ stepCount, isExpanded, onToggle, label, icon, loading }: StudioCardExpandButtonProps): JSX_3.Element | null;
+declare function ExpandButton({ stepCount, isExpanded, onToggle, label, icon, loading, stackDirection, variant }: StudioCardExpandButtonProps): JSX_3.Element | null;
 
 export declare const Favorite: FC<FavoriteIconProps>;
 
@@ -1895,7 +1895,7 @@ declare interface FolderItemProps extends Partial<Omit<BaseItemProps, 'actionBut
  * Footer Component
  * ====================
  */
-declare function Footer({ children }: PropsWithChildren<StudioCardFooterProps>): JSX_3.Element;
+declare function Footer({ children, size, invisible }: PropsWithChildren<StudioCardFooterProps>): JSX_3.Element;
 
 export declare const ForkTag: React.FC<ForkTagProps>;
 
@@ -4992,9 +4992,13 @@ export declare interface StudioCardExpandButtonProps {
     label: string;
     icon?: React.ReactElement;
     loading?: boolean;
+    stackDirection?: 'right' | 'bottom';
+    variant?: 'default' | 'minimal';
 }
 
 export declare interface StudioCardFooterProps {
+    size?: 'compact' | 'default';
+    invisible?: boolean;
 }
 
 export declare interface StudioCardHeaderProps {
@@ -5014,7 +5018,7 @@ export declare interface StudioCardRootProps {
     selected?: boolean;
     variant?: 'default' | 'stage';
     execution?: boolean;
-    size?: 'sm' | 'md';
+    size?: 'xs' | 'sm' | 'md';
 }
 
 export declare interface StudioCardStatusProps {

package/dist/components.js

@@ -1,5 +1,5 @@
 import { a4 as e, B as t, V as o, U as r, a7 as i, a8 as n, I as l, a9 as b, X as p, aa as g, W as u, ab as c, L as m, S as d, p as S, ac as T, l as C, ad as I, ae as V, af as F, ag as h, e as y, a5 as D } from "./index-DDOiMHF8.js";
-import { bK as L, G as M, A, r as B, v as w, m as x, o as f, bi as v, I as N, bu as W, ac as k, c9 as R, Y as E, V as G, bo as O, aq as U, aS as _, aT as H, aV as K, aU as X, c3 as z, aa as j, b8 as q, B as J, p as Q, F as Y, ao as Z, an as $, Z as aa, aj as sa, bf as ea, C as ta, br as oa, aw as ra, Q as ia, O as na, bl as la, bs as ba, bt as pa, aM as ga, D as ua, h as ca, bm as ma, bU as da, _ as Sa, b7 as Ta, ah as Ca, f as Ia, ak as Va, ca as Fa, ag as ha, aE as ya, aD as Da, aF as Pa, aC as La, b6 as Ma, bh as Aa, a7 as Ba, bT as wa, a2 as xa, a4 as fa, a3 as va, am as Na, bL as Wa, H as ka, bd as Ra, at as Ea, a9 as Ga, cb as Oa, X as Ua, $ as _a, bO as Ha, bP as Ka, bN as Xa, ap as za, a0 as ja, l as qa, L as Ja, M as Qa, as as Ya, cc as Za, q as $a, a1 as as, aW as ss, a6 as es, aB as ts, aA as os, aI as rs, bn as is, N as ns, aR as ls, n as bs, bR as ps, c8 as gs, P as us, R as cs, b$ as ms, j as ds, aQ as Ss, av as Ts, b2 as Cs, b1 as Is, aX as Vs, b0 as Fs, aY as hs, aZ as ys, a_ as Ds, a$ as Ps, ab as Ls, b3 as Ms, bg as As, b9 as Bs, b_ as ws, aO as xs, aN as fs, c6 as vs, bX as Ns, E as Ws, bS as ks, w as Rs, c7 as Es, a8 as Gs, aP as Os, az as Us, a as _s, bF as Hs, bz as Ks, c4 as Xs, aK as zs, c5 as js, y as qs, bk as Js, J as Qs, K as Ys, ay as Zs, bj as $s, c as ae, aJ as se, bC as ee, bx as te, d as oe, bD as re, ax as ie, S as ne, bq as le, z as be, be as pe, T as ge, bQ as ue, a5 as ce, bI as me, bc as de, bb as Se, c2 as Te, ae as Ce, af as Ie, au as Ve, b5 as Fe, bG as he, U as ye, bw as De, bv as Pe, bH as Le, by as Me, k as Ae, W as Be, g as we, al as xe, bY as fe, ar as ve, bJ as Ne, bW as We, bZ as ke, bM as Re, c0 as Ee, aH as Ge, aG as Oe, bV as Ue, bE as _e, bB as He, bA as Ke, e as Xe, s as ze, bp as je, b as qe, c1 as Je, ad as Qe, t as Ye, ai as Ze, ba as $e, b4 as at, x as st, u as et, aL as tt } from "./index-DOJqgX28.js";
+import { bK as L, G as M, A, r as B, v as w, m as x, o as f, bi as v, I as N, bu as W, ac as k, c9 as R, Y as E, V as G, bo as O, aq as U, aS as _, aT as H, aV as K, aU as X, c3 as z, aa as j, b8 as q, B as J, p as Q, F as Y, ao as Z, an as $, Z as aa, aj as sa, bf as ea, C as ta, br as oa, aw as ra, Q as ia, O as na, bl as la, bs as ba, bt as pa, aM as ga, D as ua, h as ca, bm as ma, bU as da, _ as Sa, b7 as Ta, ah as Ca, f as Ia, ak as Va, ca as Fa, ag as ha, aE as ya, aD as Da, aF as Pa, aC as La, b6 as Ma, bh as Aa, a7 as Ba, bT as wa, a2 as xa, a4 as fa, a3 as va, am as Na, bL as Wa, H as ka, bd as Ra, at as Ea, a9 as Ga, cb as Oa, X as Ua, $ as _a, bO as Ha, bP as Ka, bN as Xa, ap as za, a0 as ja, l as qa, L as Ja, M as Qa, as as Ya, cc as Za, q as $a, a1 as as, aW as ss, a6 as es, aB as ts, aA as os, aI as rs, bn as is, N as ns, aR as ls, n as bs, bR as ps, c8 as gs, P as us, R as cs, b$ as ms, j as ds, aQ as Ss, av as Ts, b2 as Cs, b1 as Is, aX as Vs, b0 as Fs, aY as hs, aZ as ys, a_ as Ds, a$ as Ps, ab as Ls, b3 as Ms, bg as As, b9 as Bs, b_ as ws, aO as xs, aN as fs, c6 as vs, bX as Ns, E as Ws, bS as ks, w as Rs, c7 as Es, a8 as Gs, aP as Os, az as Us, a as _s, bF as Hs, bz as Ks, c4 as Xs, aK as zs, c5 as js, y as qs, bk as Js, J as Qs, K as Ys, ay as Zs, bj as $s, c as ae, aJ as se, bC as ee, bx as te, d as oe, bD as re, ax as ie, S as ne, bq as le, z as be, be as pe, T as ge, bQ as ue, a5 as ce, bI as me, bc as de, bb as Se, c2 as Te, ae as Ce, af as Ie, au as Ve, b5 as Fe, bG as he, U as ye, bw as De, bv as Pe, bH as Le, by as Me, k as Ae, W as Be, g as we, al as xe, bY as fe, ar as ve, bJ as Ne, bW as We, bZ as ke, bM as Re, c0 as Ee, aH as Ge, aG as Oe, bV as Ue, bE as _e, bB as He, bA as Ke, e as Xe, s as ze, bp as je, b as qe, c1 as Je, ad as Qe, t as Ye, ai as Ze, ba as $e, b4 as at, x as st, u as et, aL as tt } from "./index-BmeBtFrX.js";
 export {
   L as AccentColor,
   M as Accordion,

package/dist/{index-DOJqgX28.js → index-BmeBtFrX.js}

@@ -176733,6 +176733,7 @@ const ha = {
 }, XPe = Dt("", {
   variants: {
     size: {
+      xs: "cn-studio-card-xs",
       sm: "cn-studio-card-sm",
       md: ""
     }
@@ -176818,9 +176819,11 @@ function n4e({
   onToggle: n,
   label: r,
   icon: a,
-  loading: i = !1
+  loading: i = !1,
+  stackDirection: o = "right",
+  variant: s = "default"
 }) {
-  const o = xe(() => t || e <= 1 ? 0 : e === 2 ? 1 : 2, [e, t]);
+  const l = xe(() => t || e <= 1 ? 0 : e === 2 ? 1 : 2, [e, t]);
   return e === 0 || t ? null : /* @__PURE__ */ B(
     ep.div,
     {
@@ -176830,25 +176833,36 @@ function n4e({
       exit: "exit",
       className: "cn-studio-card-expand-button",
       "data-expanded": t,
+      "data-stack-direction": o,
+      "data-variant": s,
       children: [
-        o > 0 && /* @__PURE__ */ B(lt, { children: [
-          o >= 2 && /* @__PURE__ */ g("div", { className: "cn-studio-card-expand-button-stack cn-studio-card-expand-button-stack-2" }),
-          o >= 1 && /* @__PURE__ */ g("div", { className: "cn-studio-card-expand-button-stack cn-studio-card-expand-button-stack-1" })
+        l > 0 && /* @__PURE__ */ B(lt, { children: [
+          l >= 2 && /* @__PURE__ */ g("div", { className: "cn-studio-card-expand-button-stack cn-studio-card-expand-button-stack-2" }),
+          l >= 1 && /* @__PURE__ */ g("div", { className: "cn-studio-card-expand-button-stack cn-studio-card-expand-button-stack-1" })
         ] }),
         /* @__PURE__ */ B(
           "button",
           {
-            onClick: (s) => {
-              s.stopPropagation(), n == null || n();
+            onClick: (c) => {
+              c.stopPropagation(), n == null || n();
             },
             className: "cn-studio-card-expand-button-main",
             disabled: i,
             children: [
               /* @__PURE__ */ B("div", { className: "cn-studio-card-expand-button-top", children: [
-                a ?? /* @__PURE__ */ g(me, { name: "harness-plugins", size: "lg" }),
-                /* @__PURE__ */ g(Te, { color: "foreground-1", variant: "body-strong", className: "truncate", children: r })
+                s === "default" && (a ?? /* @__PURE__ */ g(me, { name: "harness-plugins", size: "lg" })),
+                /* @__PURE__ */ g(
+                  Te,
+                  {
+                    color: "foreground-1",
+                    variant: s === "minimal" ? "caption-single-line-code" : "body-strong",
+                    className: "truncate",
+                    children: r
+                  }
+                ),
+                s === "minimal" && /* @__PURE__ */ g(me, { name: "expand", size: "xs" })
               ] }),
-              /* @__PURE__ */ B("div", { className: "cn-studio-card-expand-button-bottom", children: [
+              s === "default" && /* @__PURE__ */ B("div", { className: "cn-studio-card-expand-button-bottom", children: [
                 /* @__PURE__ */ B(Te, { color: "foreground-1", variant: "body-single-line-code", children: [
                   "+",
                   e,
@@ -176880,8 +176894,8 @@ function a4e({ tagText: e, icon: t }) {
     /* @__PURE__ */ g(Te, { title: e, className: "text-cn-gray-outline", variant: "caption-single-line-normal", children: n })
   ] });
 }
-function i4e({ children: e }) {
-  return /* @__PURE__ */ g("div", { className: "cn-studio-card-footer", children: typeof e == "string" ? /* @__PURE__ */ g(Te, { color: "foreground-3", variant: "caption-normal", children: e }) : e });
+function i4e({ children: e, size: t = "default", invisible: n }) {
+  return /* @__PURE__ */ g("div", { className: $("cn-studio-card-footer", { invisible: n }), "data-size": t, children: typeof e == "string" ? /* @__PURE__ */ g(Te, { color: "foreground-3", variant: "caption-normal", children: e }) : e });
 }
 function o4e({ children: e }) {
   return /* @__PURE__ */ g(lt, { children: e });
@@ -179842,4 +179856,4 @@ export {
   Ase as y,
   xi as z
 };
-//# sourceMappingURL=index-DOJqgX28.js.map
+//# sourceMappingURL=index-BmeBtFrX.js.map