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

package/dist/trc-components.umd.js

@@ -1006,7 +1006,6 @@ Check the top-level render call using <`+ee+">.")}return U}}function v1(E,U){{if
   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;
@@ -1037,7 +1036,7 @@ Check the top-level render call using <`+ee+">.")}return U}}function v1(E,U){{if
   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;
@@ -1053,6 +1052,10 @@ Check the top-level render call using <`+ee+">.")}return U}}function v1(E,U){{if
     cursor: not-allowed;
   }
 
+  &:active {
+    background-color: ${h.color_fill_inverse_pressed};
+  }
+
   &[data-highlighted]:not([data-disabled]),
   &:hover:not([data-disabled]) {
     background-color: hsl(
@@ -1078,7 +1081,7 @@ Check the top-level render call using <`+ee+">.")}return U}}function v1(E,U){{if
   }
 `,Y6=C(k6)`
   fill: white;
-  filter: drop-shadow(1px 2px 2px hsl(0deg 0% 0% / 9%));
+  filter: drop-shadow(0px 2px 2px hsl(0deg 0% 0% / 7%));
 `,q6=C(w6)`
   padding: 7px ${h.sizing_200};
   font-size: ${h.font_size_50};
@@ -1556,12 +1559,12 @@ Defaulting to \`${Xs}\`.`}function c0(e){return HT.includes(e)}const YT=l0,Pt=["
   right: 0;
   display: flex;
   flex-direction: column;
-  padding: ${nl}px;
   gap: 10px;
+  padding: ${nl}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;
 `,Vk=C(Dk)`
   display: flex;