@theroutingcompany/components 0.0.30-alpha.5 → 0.0.30-alpha.6

package/README.md

@@ -1,6 +1,6 @@
 # TRC TREX Component Library
 
-View the [StoryBook](https://6392297e45ccab79e466ee19-hykzeoaccx.chromatic.com).
+View the [StoryBook](https://6392297e45ccab79e466ee19-fkrenmemjb.chromatic.com).
 
 ## Developing Locally
 

package/dist/trc-components.es.js

@@ -11941,6 +11941,8 @@ const SE = {
   /* testing this out here for now */
   width: 100%;
   flex: 1;
+
+  max-height: ${f.sizing_600};
 `, pl = A.div`
   display: flex;
   align-items: center;
@@ -14749,6 +14751,7 @@ const s4 = A.div`
   position: relative;
   width: 100%;
 `, c4 = A.input`
+  box-sizing: border-box;
   appearance: none;
   border: none;
   padding: 6px 8px;
@@ -14761,7 +14764,9 @@ const s4 = A.div`
   margin: 0;
   flex: 1;
   width: 0;
+  height: ${f.sizing_600};
 `, d4 = A.button`
+  box-sizing: border-box;
   appearance: none;
   border: none;
   background: ${f.color_gray_6};
@@ -14769,6 +14774,7 @@ const s4 = A.div`
   margin: 0;
   border-top-right-radius: ${f.border_radius_400};
   border-bottom-right-radius: ${f.border_radius_400};
+  height: ${f.sizing_600};
 `, u4 = A(Sh)`
   transform: rotate(-90deg);
 `;
@@ -14798,7 +14804,7 @@ function Iy(e) {
       {
         height: f.sizing_600,
         right: /* @__PURE__ */ x(d4, { ...p, ref: o, children: /* @__PURE__ */ x(u4, { style: { width: 18, height: 18 }, "aria-hidden": "true" }) }),
-        children: /* @__PURE__ */ x(c4, { ...c, ref: a, isFocused: n.isFocused, style: { height: f.sizing_600 } })
+        children: /* @__PURE__ */ x(c4, { ...c, ref: a, isFocused: n.isFocused })
       }
     ),
     n.isOpen ? /* @__PURE__ */ x(
@@ -26549,6 +26555,11 @@ function _M(e) {
   };
 }
 const xM = A.span`
+  width: ${f.sizing_500};
+  height: ${f.sizing_600};
+  display: flex;
+  justify-content: center;
+  align-items: center;
   color: ${f.color_deprecated_fill_secondary_enabled};
 `, wM = A(mu.primary)`
   display: flex;
@@ -26565,6 +26576,8 @@ const xM = A.span`
 
   font-family: ${f.font_family_pingo};
 
+  max-height: ${f.sizing_600};
+
   &::placeholder {
     font-weight: 400;
     font-style: normal;