@theroutingcompany/components 0.0.26-alpha.13 → 0.0.26-alpha.16

package/dist/trc-components.es.js

@@ -9272,9 +9272,9 @@ const jS = () => `
   &[data-state~='pressed'] {
     background: ${p.color_black};
   }
+
   &:disabled {
-    background: ${p.color_black};
-    color: ${p.color_black};
+    /* TODO? */
   }
 `, YS = et`
   background: ${p.color_white};
@@ -14378,7 +14378,8 @@ const Kk = A.div`
   align-items: flex-start;
 `, Lk = A.div`
   display: inline-flex;
-  padding: 2px 4px;
+  /* too much padding on smaller areas */
+  /* padding: 2px 4px; */
   border-radius: 4px;
 
   background-color: ${p.color_deprecated_fill_inverse_enabled};
@@ -14476,7 +14477,7 @@ const Wk = A(ik)`
   border: 1px solid #f2f2f2;
   background-color: ${p.color_white};
   width: 100%;
-  min-width: calc(242px + (${p.spacing_200} * 1));
+  /* min-width: calc(242px + (${p.spacing_200} * 1)); */ // this didn't work out like I wanted :(
 `, Uk = A(lk)`
   border: 1px solid ${p.color_gray_96};
   border-radius: ${p.border_radius_400};
@@ -14840,7 +14841,7 @@ const y6 = i0, _6 = m6, x6 = b6, w6 = g6, D6 = v6, P6 = Le`
   font-size: ${p.font_size_deprecated_100};
   line-height: ${p.line_height_deprecated_129};
   letter-spacing: ${p.letter_spacing_deprecated_body_medium};
-  color: black; /* Static/Text/Primary/Default */
+  color: ${p.color_black};
 `, gN = () => /* @__PURE__ */ w(Do, { asChild: !0, children: /* @__PURE__ */ w(go, { label: "Close drawer", variant: "inverse", children: /* @__PURE__ */ w(nm, {}) }) }), k6 = A(Dc)`
   pointer-events: auto !important; // React aria adding pointer events none to drawer when date dropdowns are open in them?
   ${({ width: e }) => e && `width: ${e};`}
@@ -14855,6 +14856,7 @@ const y6 = i0, _6 = m6, x6 = b6, w6 = g6, D6 = v6, P6 = Le`
   border-radius: ${p.border_radius_800};
   scrollbar-gutter: stable;
   overflow-y: auto;
+  overflow-x: hidden;
 
   @media (prefers-reduced-motion: no-preference) {
     &[data-state='open'] {
@@ -20763,41 +20765,42 @@ const c9 = A(Fr)`
 `, p9 = ({
   children: e,
   placeholder: t,
-  defaultValue: r = "",
-  value: n,
-  minWidth: o,
-  hideIcon: a,
-  fullWidth: i,
-  textAlign: s = "left",
-  p: l,
-  onChange: c,
-  ...d
+  value: r = "",
+  minWidth: n,
+  hideIcon: o,
+  fullWidth: a,
+  textAlign: i = "left",
+  p: s = "7px 8px",
+  onChange: l = () => !1,
+  onToggle: c = () => !1,
+  disabled: d = !1,
+  ...u
 }) => {
-  const [u, f] = J(!1), [m, h] = J(!1), b = _a(d, si.propNames ?? []), g = _a(d, od.propNames ?? []), $ = te(() => {
-    h(!m);
-  }, [m]), y = te((k) => {
-    c(), h(!1);
-  }, [c]);
-  if (m)
+  const [f, m] = J(!1), [h, b] = J(!1), g = _a(u, si.propNames ?? []), $ = _a(u, od.propNames ?? []), y = te(() => {
+    c(!h), b(!h);
+  }, [h, c]), _ = te((k) => {
+    m(!0), l(), c(!h), b(!h);
+  }, [h, l, c]);
+  if (h)
     return /* @__PURE__ */ w(
       hd,
       {
         fullWidth: !0,
-        right: /* @__PURE__ */ w(Ro, { ml: p.spacing_100, children: /* @__PURE__ */ w(c9, { onClick: y, disabled: u, children: u ? /* @__PURE__ */ w(s2, {}) : /* @__PURE__ */ w(Za, {}) }) }),
+        right: /* @__PURE__ */ w(Ro, { ml: p.spacing_100, children: /* @__PURE__ */ w(c9, { onClick: _, disabled: f, children: f ? /* @__PURE__ */ w(s2, {}) : /* @__PURE__ */ w(Za, {}) }) }),
         children: e
       }
     );
-  const _ = {
-    p: l,
-    minWidth: o,
-    fullWidth: i,
-    textAlign: s,
-    ...b,
-    ...g
-  }, v = n || r;
-  return /* @__PURE__ */ le(u9, { onClick: $, ..._, "data-id": d["data-id"], children: [
-    `${v}` || /* @__PURE__ */ w(d9, { children: t }),
-    !a && /* @__PURE__ */ w(f9, {})
+  const v = {
+    p: s,
+    minWidth: n,
+    fullWidth: a,
+    textAlign: i,
+    ...g,
+    ...$
+  };
+  return /* @__PURE__ */ le(u9, { onClick: y, ...v, "data-id": u["data-id"], disabled: d, children: [
+    `${r}` || /* @__PURE__ */ w(d9, { children: t }),
+    !o && !d && /* @__PURE__ */ w(f9, {})
   ] });
 };
 p9.displayName = "InlineEdit";