@wistia/ui 0.14.29 → 0.14.30-beta.050b84cd.eea74f1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.29
+ * @license @wistia/ui v0.14.30-beta.050b84cd.eea74f1
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -12064,10 +12064,10 @@ var SaturationAndValuePicker = ({
 SaturationAndValuePicker.displayName = "SaturationAndValuePicker_UI";
 
 // src/components/Combobox/Combobox.tsx
-var Ariakit = __toESM(require("@ariakit/react"));
 var import_react54 = require("react");
-var import_match_sorter = require("match-sorter");
 var import_styled_components67 = __toESM(require("styled-components"));
+var Ariakit = __toESM(require("@ariakit/react"));
+var import_match_sorter = require("match-sorter");
 
 // src/components/Tag/Tag.tsx
 var import_react53 = require("react");
@@ -12247,6 +12247,12 @@ var ComboboxWrapper = import_styled_components67.default.div`
     width: min-content !important;
   }
 
+  /* adjust margin so Tag components do not alter size of input */
+  > [data-tag='combobox-selected-item'] {
+    margin-top: -3px;
+    margin-bottom: -3px;
+  }
+
   &:focus-within {
     outline: 2px solid var(--wui-input-color-border-focus);
     outline-offset: -2px;
@@ -12420,6 +12426,7 @@ var Combobox2 = ({
               value.map((selectedValue) => /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
                 Tag,
                 {
+                  "data-tag": "combobox-selected-item",
                   href: "https://example.com",
                   label: selectedValue,
                   onClickRemove: () => handleRemoveValue(selectedValue),
@@ -16019,9 +16026,7 @@ var Container10 = import_styled_components105.default.div`
   flex: 1 1 auto;
 `;
 var ScrollContainer = import_styled_components105.default.div`
-  contain: layout;
   overflow: auto;
-  position: relative;
   height: 100%;
   width: 100%;
 `;