@harnessio/ui 1.3.35 → 1.3.36

package/dist/tailwind.config.js

@@ -1,6 +1,6 @@
-import { p as D, t as j } from "./tailwind-design-system-Bf0xfVaG.js";
+import { p as D, t as A } from "./tailwind-design-system-Bf0xfVaG.js";
 import { F as L, C as g } from "./form-constants-CdD106iI.js";
-const A = {
+const j = {
   ".cn-accordion": {
     display: "flex",
     flexDirection: "column",
@@ -2568,10 +2568,10 @@ const Te = {
       transition: "all 0.15s"
     }
   }
-}, je = ["danger", "warning"];
-function Ae() {
+}, Ae = ["danger", "warning"];
+function je() {
   const r = {};
-  return je.forEach((e) => {
+  return Ae.forEach((e) => {
     r[`&:where(.cn-multi-select-${e}):not(:has(input[disabled]))`] = {
       borderColor: `var(--cn-border-${e})`,
       boxShadow: `var(--cn-ring-${e})`,
@@ -2606,7 +2606,7 @@ const Ee = {
       "&:where(:hover):not(:has(input[disabled]))": {
         borderColor: "var(--cn-border-brand)"
       },
-      ...Ae()
+      ...je()
     },
     "&-tag-wrapper": {
       "@apply relative flex flex-wrap items-center gap-cn-xs": ""
@@ -5722,6 +5722,26 @@ const mr = {
         "@apply min-w-0 overflow-x-hidden": ""
       }
     },
+    "&-overlay-host": {
+      position: "relative",
+      display: "grid",
+      width: "max-content",
+      minWidth: "100%",
+      isolation: "isolate",
+      "& > .cn-table-v2-element": {
+        gridArea: "1 / 1"
+      }
+    },
+    "&-column-resize-indicator": {
+      gridArea: "1 / 1",
+      justifySelf: "start",
+      alignSelf: "start",
+      zIndex: "20",
+      width: "2px",
+      height: "var(--cn-table-header-min)",
+      pointerEvents: "none",
+      backgroundColor: "var(--cn-border-brand)"
+    },
     // Variants
     "&:where(.cn-table-v2-normal)": {
       "@apply caption-bottom": "",
@@ -5866,6 +5886,55 @@ const mr = {
       left: "calc(-1 * var(--cn-table-header-px))",
       height: "100%"
     },
+    "&-head-resizable": {
+      position: "relative",
+      // The next header cell paints over this cell's right edge. Lift the
+      // hovered cell so its boundary affordance remains visible.
+      "&:hover": {
+        overflow: "visible",
+        zIndex: "8 !important"
+      }
+    },
+    "&-column-resizer": {
+      position: "absolute",
+      top: "0",
+      right: "0",
+      zIndex: "2",
+      width: "8px",
+      height: "100%",
+      margin: "0",
+      padding: "0",
+      border: "0",
+      appearance: "none",
+      background: "transparent",
+      cursor: "col-resize",
+      userSelect: "none",
+      touchAction: "none",
+      outline: "none",
+      "&::after": {
+        content: '""',
+        position: "absolute",
+        top: "0",
+        right: "0",
+        width: "1px",
+        height: "100%",
+        backgroundColor: "transparent"
+      },
+      "&:hover::after": {
+        backgroundColor: "var(--cn-border-3)",
+        width: "2px"
+      },
+      "&:focus-visible::after": {
+        backgroundColor: "var(--cn-border-brand)",
+        width: "2px"
+      },
+      // The table-level overlay is the only drag indicator. Suppress this
+      // in-cell line while dragging so auto-layout tables do not show both.
+      "&:where([data-resizing=true])::after": {
+        backgroundColor: "transparent",
+        width: "1px"
+      }
+    },
     // Data cell
     "&-cell": {
       "--cn-table-pinned-base": "var(--cn-bg-1)",
@@ -6429,7 +6498,7 @@ const Hr = {
       "@apply grid grid-cols-[auto_1fr_auto] items-center whitespace-nowrap": ""
     }
   }
-}, jr = {
+}, Ar = {
   ".cn-time-input": {
     // Hide the native time picker indicator across browsers so the
     // configurable IconV2 icon is the only affordance shown.
@@ -6441,7 +6510,7 @@ const Hr = {
       "-webkit-appearance": "none"
     }
   }
-}, Ar = {
+}, jr = {
   ".cn-toast-wrapper": {
     right: "var(--cn-toast-offset-right)",
     bottom: "var(--cn-toast-offset-bottom)",
@@ -6671,7 +6740,7 @@ const Hr = {
     overflow: "hidden"
   }
 }, Fr = [
-  A,
+  j,
   F,
   _,
   Q,
@@ -6697,7 +6766,7 @@ const Hr = {
   er,
   _e,
   Xr,
-  Ar,
+  jr,
   sr,
   Z,
   Ie,
@@ -6732,7 +6801,7 @@ const Hr = {
   Te,
   se,
   Ee,
-  jr,
+  Ar,
   zr
 ], Nr = {
   content: [],
@@ -6742,7 +6811,7 @@ const Hr = {
     })
   ]
 }, Ur = {
-  presets: [Nr, j],
+  presets: [Nr, A],
   content: ["./src/**/*.{ts,tsx}"]
 };
 export {