@theroutingcompany/components 0.0.18-alpha.7 → 0.0.18-alpha.9

package/dist/trc-components.es.js

@@ -2479,7 +2479,10 @@ const Kf = `
   }
 `, F_ = z(ia)`
   ${jf}
-`, zA = ({ children: e = "×", ...t }) => /* @__PURE__ */ k(F_, { ...t, children: e }), LA = Tf, KA = kf, VA = ia, z_ = z(D_)`
+`, zA = ({
+  children: e = "×",
+  ...t
+}) => /* @__PURE__ */ k(F_, { ...t, children: e }), LA = Tf, KA = kf, VA = ia, z_ = z(D_)`
   ${Ff}
 `, L_ = z(T_)`
   ${Lf}
@@ -12033,7 +12036,6 @@ const i6 = OS, s6 = Ob, l6 = AS, c6 = MS, d6 = Rb, u6 = zS, f6 = Yl, p6 = LS, h6
   padding: ${h.sizing_100};
   width: fit-content;
   min-width: max(${h.sizing_900}, 100%); /* ?? */
-  max-width: 100vw; /* ?? */
   background-color: ${h.color_white};
   box-shadow: ${h.elevation_interactive_high};
   z-index: 4;
@@ -12072,7 +12074,7 @@ const aR = j6, iR = Bb, Na = Zt`
   border-radius: ${h.border_radius_400};
   display: flex;
   align-items: center;
-  justify-content: space-between; /* make this configurable? */
+  gap: ${h.spacing_200};
   padding: 7px ${h.sizing_200};
   position: relative;
   user-select: none;
@@ -12088,6 +12090,10 @@ const aR = j6, iR = Bb, Na = Zt`
     cursor: not-allowed;
   }
 
+  &:active {
+    background-color: ${h.color_fill_inverse_pressed};
+  }
+
   &[data-highlighted]:not([data-disabled]),
   &:hover:not([data-disabled]) {
     background-color: hsl(
@@ -12117,7 +12123,7 @@ const aR = j6, iR = Bb, Na = Zt`
   }
 `, hR = z(Q6)`
   fill: white;
-  filter: drop-shadow(1px 2px 2px hsl(0deg 0% 0% / 9%));
+  filter: drop-shadow(0px 2px 2px hsl(0deg 0% 0% / 7%));
 `, mR = z(H6)`
   padding: 7px ${h.sizing_200};
   font-size: ${h.font_size_50};
@@ -16284,12 +16290,12 @@ const RT = Og, MT = $T, NT = PT, FT = TT, zT = Ag, LT = Rg, nc = 25, KT = ot`
   right: 0;
   display: flex;
   flex-direction: column;
-  padding: ${nc}px;
   gap: 10px;
+  padding: ${nc}px;
   max-width: 100vw;
   margin: 0;
   list-style: none;
-  z-index: 30;
+  z-index: 30; // TODO use named meaningful tokens for z-index
   outline: none;
 `, qT = z(NT)`
   display: flex;
@@ -26299,6 +26305,7 @@ export {
   HA as AlertDialog,
   YA as AlertDialogAction,
   qA as AlertDialogCancel,
+  ZA as AlertDialogCancelButton,
   jA as AlertDialogContent,
   WA as AlertDialogDescription,
   UA as AlertDialogFooter,
@@ -26314,7 +26321,6 @@ export {
   vt as ButtonBase,
   Vl as Checkbox,
   LA as Dialog,
-  ZA as DialogCancelButton,
   VA as DialogClose,
   zA as DialogCloseButton,
   MA as DialogContent,