@harnessio/ui 0.5.27 → 0.5.29

package/dist/tailwind.config.js

@@ -143,7 +143,7 @@ const T = {
     fadeBgColor: "success"
   }
 };
-function L() {
+function H() {
   const r = {};
   return B.forEach((e) => {
     const n = {}, { backgroundColor: o, color: a, fadeBgColor: t } = W[e];
@@ -154,7 +154,7 @@ function L() {
     }, r[`&:where(.cn-alert-${e})`] = n;
   }), r;
 }
-const H = {
+const L = {
   ".cn-alert": {
     gap: "var(--cn-alert-gap)",
     paddingTop: "var(--cn-alert-py)",
@@ -243,10 +243,10 @@ const H = {
     "&-link-wrapper": {
       paddingTop: "var(--cn-spacing-1)"
     },
-    ...L()
+    ...H()
   }
 }, A = ["md", "sm", "lg", "xs"];
-function j() {
+function D() {
   const r = {};
   return A.forEach((e) => {
     e === "xs" ? r[`&:where(.cn-avatar-${e})`] = {
@@ -263,7 +263,7 @@ function j() {
     };
   }), r;
 }
-const D = {
+const E = {
   ".cn-avatar": {
     display: "inline-flex",
     alignItems: "center",
@@ -274,7 +274,7 @@ const D = {
     boxShadow: "var(--cn-comp-shadow-avatar-inner)",
     letterSpacing: "var(--cn-tracking-tight)",
     "@apply shrink-0": "",
-    ...j(),
+    ...D(),
     "&:where(.cn-avatar-rounded)": {
       borderRadius: "var(--cn-avatar-radius-rounded)"
     },
@@ -298,7 +298,7 @@ const D = {
     // Avatar xs → Icon xs, Avatar sm → Icon sm, Avatar md → Icon sm, Avatar lg → Icon md
     ".cn-avatar-icon": {}
   }
-}, E = ["primary", "secondary", "outline", "status", "ghost"], P = ["success", "info", "warning", "danger", "muted", "merged", "risk"], O = {
+}, j = ["primary", "secondary", "outline", "status", "ghost"], P = ["success", "info", "warning", "danger", "muted", "merged", "risk"], O = {
   success: "success",
   info: "blue",
   warning: "warning",
@@ -309,7 +309,7 @@ const D = {
 };
 function _() {
   const r = {}, e = {};
-  return E.forEach((n) => {
+  return j.forEach((n) => {
     P.forEach((o) => {
       const a = {}, t = O[o];
       n === "ghost" ? (a.color = `var(--cn-set-${t}-outline-text)`, r[`&:where(.cn-badge-${n}.cn-badge-${o})`] = a) : n !== "status" ? (a.backgroundColor = `var(--cn-set-${t}-${n}-bg)`, a.color = `var(--cn-set-${t}-${n}-text)`, a.borderColor = `var(--cn-set-${t}-${n}-border, var(--cn-set-${t}-${n}-bg))`, r[`&:where(.cn-badge-${n}.cn-badge-${o})`] = a) : e[`&.cn-badge-status.cn-badge-${o} > .cn-badge-indicator`] = {
@@ -2415,7 +2415,7 @@ const Re = {
       opacity: "0"
     }
   }
-}, Le = {
+}, He = {
   ".cn-repo": {
     "&-header": {
       paddingTop: "var(--cn-page-container-spacing-py)",
@@ -2430,7 +2430,7 @@ const Re = {
       }
     }
   }
-}, He = {
+}, Le = {
   ".cn-sandbox-layout": {
     "&-content": {
       paddingTop: "var(--cn-page-container-spacing-py)",
@@ -2468,10 +2468,10 @@ const Re = {
       }
     }
   }
-}, je = ["danger", "warning"], De = ["sm"];
-function Ee() {
+}, De = ["danger", "warning"], Ee = ["sm"];
+function je() {
   const r = {};
-  return je.forEach((e) => {
+  return De.forEach((e) => {
     r[`&:where(.cn-select-${e}):not(:disabled)`] = {
       borderColor: `var(--cn-border-${e})`,
       boxShadow: `var(--cn-ring-${e})`,
@@ -2480,7 +2480,7 @@ function Ee() {
         boxShadow: `var(--cn-ring-${e}-hover)`
       }
     };
-  }), De.forEach((e) => {
+  }), Ee.forEach((e) => {
     r[`&.cn-select-${e}`] = {
       height: `var(--cn-input-size-${e})`
     }, r[`&.cn-select-${e} .cn-select-trigger`] = {
@@ -2539,7 +2539,7 @@ const Pe = {
       aspectRatio: "1",
       height: "100%"
     },
-    ...Ee()
+    ...je()
   }
 }, Oe = {
   ".cn-shimmer": {
@@ -2591,14 +2591,15 @@ const Pe = {
   },
   ".cn-sidebar-group": {
     "--sidebar-group-label-scale": "0",
-    "&-header": { display: "none" }
+    "&-header": {
+      maxHeight: "0",
+      "@apply overflow-hidden opacity-0 p-0 gap-0": ""
+    }
   },
   ".cn-sidebar-item": {
     "&-content": {
       gridTemplateColumns: "1fr",
       gridTemplateAreas: '"icon"',
-      justifyItems: "center",
-      justifyContent: "center",
       padding: "var(--cn-sidebar-item-container)",
       minWidth: "calc(var(--cn-sidebar-item-min-width) - 2 * var(--cn-sidebar-container-px))",
       "&-title, &-description, &-badge, &-right-element, &-action-item-placeholder, &-action-buttons": {
@@ -2612,8 +2613,7 @@ const Pe = {
       "&-only-action-buttons, &-w-r-element, &-complete": {
         gridTemplateColumns: "1fr",
         gridTemplateAreas: '"icon"'
-      },
-      "&-icon": { justifySelf: "center", marginLeft: "0" }
+      }
     },
     "&-action-button": {
       maxWidth: "0",
@@ -2699,6 +2699,8 @@ const Pe = {
         alignItems: "center",
         gap: "var(--cn-layout-xs)",
         alignSelf: "stretch",
+        maxHeight: "3rem",
+        "@apply overflow-hidden duration-150 transition-[max-height,opacity,padding,gap] ease-linear": "",
         "&-action-button": {
           "@apply opacity-0 transition-opacity duration-150": ""
         },
@@ -4776,7 +4778,7 @@ const lr = {
   }
 }, xr = [
   T,
-  H,
+  L,
   X,
   K,
   ce,
@@ -4784,7 +4786,7 @@ const lr = {
   ve,
   tr,
   he,
-  D,
+  E,
   Z,
   ee,
   we,
@@ -4793,8 +4795,8 @@ const lr = {
   J,
   nr,
   ne,
-  Le,
   He,
+  Le,
   Ae,
   ke,
   ur,