@wistia/ui 0.15.6 → 0.15.7-beta.9f49d7f1.c2b6aa3

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.15.6
+ * @license @wistia/ui v0.15.7-beta.9f49d7f1.c2b6aa3
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7741,6 +7741,12 @@ var StyledLink = import_styled_components21.default.a`
     text-decoration: ${({ $underline }) => $underline === "hover" || $underline === "always" ? "underline" : "none"};
   }
 
+  button& {
+    display: inline;
+    line-height: inherit;
+    vertical-align: baseline;
+  }
+
   && {
     svg {
       width: 14px;
@@ -16943,6 +16949,17 @@ var StyledContent3 = (0, import_styled_components110.default)(import_react_selec
     margin: var(--wui-space-02) 0;
   }
 `;
+var scrollButtonStyles = import_styled_components110.css`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+`;
+var StyledScrollDownButton = (0, import_styled_components110.default)(import_react_select.ScrollDownButton)`
+  ${scrollButtonStyles}
+`;
+var StyledScrollUpButton = (0, import_styled_components110.default)(import_react_select.ScrollUpButton)`
+  ${scrollButtonStyles}
+`;
 var Select = (0, import_react90.forwardRef)(
   ({
     colorScheme = "inherit",
@@ -16984,9 +17001,21 @@ var Select = (0, import_react90.forwardRef)(
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_react_select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime308.jsxs)(StyledContent3, { position: "popper", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_react_select.ScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(Icon, { type: "caret-up" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(StyledScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(
+          Icon,
+          {
+            size: "sm",
+            type: "caret-up"
+          }
+        ) }),
         /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_react_select.Viewport, { children }),
-        /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(import_react_select.ScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(Icon, { type: "caret-down" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(StyledScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime308.jsx)(
+          Icon,
+          {
+            size: "sm",
+            type: "caret-down"
+          }
+        ) })
       ] }) })
     ] });
   }