@flodesk/grain 6.1.0 → 6.1.2

package/es/components/autocomplete.js

@@ -35,16 +35,8 @@ import { Combobox } from '@headlessui/react';
 import { types } from '../types';
 import { InputField, MenuCard, MenuItem, MenuGroupTitle, FieldLabel, componentVars, MenuTransition } from '../foundational';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
-var Root = function Root(_ref) {
+var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var props = Object.assign({}, _ref);
-  return ___EmotionJSX(Box, _extends({}, props, {
-    position: "relative"
-  }));
-};
-
-var Trigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var props = Object.assign({}, _ref2);
   return ___EmotionJSX(Box, _extends({
     ref: ref
   }, props, {
@@ -87,17 +79,17 @@ var getShowGroupTitle = function getShowGroupTitle(index, option, filteredOption
   return firstOptionHasTitle || titleChanged;
 };
 
-export var Autocomplete = function Autocomplete(_ref3) {
-  var options = _ref3.options,
-      defaultOption = _ref3.defaultOption,
-      onChange = _ref3.onChange,
-      _ref3$menuPlacement = _ref3.menuPlacement,
-      menuPlacement = _ref3$menuPlacement === void 0 ? 'bottomStart' : _ref3$menuPlacement,
-      _ref3$menuWidth = _ref3.menuWidth,
-      menuWidth = _ref3$menuWidth === void 0 ? '100%' : _ref3$menuWidth,
-      menuZIndex = _ref3.menuZIndex,
-      placeholder = _ref3.placeholder,
-      label = _ref3.label;
+export var Autocomplete = function Autocomplete(_ref2) {
+  var options = _ref2.options,
+      defaultOption = _ref2.defaultOption,
+      onChange = _ref2.onChange,
+      _ref2$menuPlacement = _ref2.menuPlacement,
+      menuPlacement = _ref2$menuPlacement === void 0 ? 'bottomStart' : _ref2$menuPlacement,
+      _ref2$menuWidth = _ref2.menuWidth,
+      menuWidth = _ref2$menuWidth === void 0 ? '100%' : _ref2$menuWidth,
+      menuZIndex = _ref2.menuZIndex,
+      placeholder = _ref2.placeholder,
+      label = _ref2.label;
 
   var _useState = useState(defaultOption),
       _useState2 = _slicedToArray(_useState, 2),
@@ -118,12 +110,14 @@ export var Autocomplete = function Autocomplete(_ref3) {
   var filteredOptions = getFilteredOptions(query, options);
   var noResults = !Boolean(filteredOptions.length);
   return ___EmotionJSX(Combobox, {
-    as: Root,
+    as: "div",
     value: selectedOption,
     onChange: handleChange
   }, label && ___EmotionJSX(Combobox.Label, {
     as: FieldLabel
-  }, label), ___EmotionJSX(Combobox.Button, {
+  }, label), ___EmotionJSX(Box, {
+    position: "relative"
+  }, ___EmotionJSX(Combobox.Button, {
     as: Trigger
   }, ___EmotionJSX(Combobox.Input, {
     as: InputField,
@@ -151,16 +145,16 @@ export var Autocomplete = function Autocomplete(_ref3) {
       value: option,
       as: Fragment,
       disabled: option.isDisabled
-    }, function (_ref4) {
-      var active = _ref4.active,
-          selected = _ref4.selected;
+    }, function (_ref3) {
+      var active = _ref3.active,
+          selected = _ref3.selected;
       return ___EmotionJSX(MenuItem, {
         isSelected: selected,
         isActive: !option.isDisabled && active,
         isDisabled: option.isDisabled
       }, option.content);
     }));
-  }), noResults && ___EmotionJSX(EmptyState, null))));
+  }), noResults && ___EmotionJSX(EmptyState, null)))));
 };
 Autocomplete.propTypes = {
   options: PropTypes.array,

package/es/components/select.js

@@ -49,7 +49,7 @@ var TriggerButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "pro
 } : {
   target: "e17qd7kh0",
   label: "TriggerButton"
-})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", componentVars.fieldXPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgZm9yd2FyZFJlZiwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uLCBCb3gsIFRleHQsIFRleHRCdXR0b24gfSBmcm9tICcuJztcbmltcG9ydCB7IEljb25DaGV2cm9uRG93biB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IExpc3Rib3ggfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgRmllbGRMYWJlbCxcbiAgTWVudUNhcmQsXG4gIE1lbnVJdGVtLFxuICBzdHlsZXMsXG4gIGNvbXBvbmVudFZhcnMsXG4gIE1lbnVUcmFuc2l0aW9uLFxufSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBUcmlnZ2VyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICBwYWRkaW5nOiAwICR7Y29tcG9uZW50VmFycy5maWVsZFhQYWRkaW5nfTtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTInKX07XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0cmlnZ2VyVmFyaWFudCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDw+XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAnYm94JyAmJiAoXG4gICAgICA8VHJpZ2dlckJ1dHRvbiByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgPEJveCBtYXJnaW5MZWZ0PVwiYXV0b1wiPlxuICAgICAgICAgIDxJY29uIGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9UcmlnZ2VyQnV0dG9uPlxuICAgICl9XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAndGV4dCcgJiYgKFxuICAgICAgPFRleHRCdXR0b24gcmVmPXtyZWZ9IGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IGljb25Qb3NpdGlvbj1cInJpZ2h0XCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICl9XG4gIDwvPlxuKSk7XG5cbmNvbnN0IFNlbGVjdFJvb3QgPSAoeyAuLi5wcm9wcyB9KSA9PiA8Qm94IHsuLi5wcm9wc30gcG9zaXRpb249XCJyZWxhdGl2ZVwiIG1pbldpZHRoPVwiMHB4XCIgLz47XG5cbmV4cG9ydCBjb25zdCBTZWxlY3QgPSAoe1xuICBvcHRpb25zLFxuICBkZWZhdWx0T3B0aW9uLFxuICBvbkNoYW5nZSxcbiAgbWVudVBsYWNlbWVudCA9ICdib3R0b21TdGFydCcsXG4gIG1lbnVXaWR0aCA9ICcxMDAlJyxcbiAgdHJpZ2dlcjogY3VzdG9tVHJpZ2dlcixcbiAgdHJpZ2dlclZhcmlhbnQgPSAnYm94JyxcbiAgbGFiZWwsXG4gIG1lbnVaSW5kZXgsXG59KSA9PiB7XG4gIGNvbnN0IFtzZWxlY3RlZE9wdGlvbiwgc2V0U2VsZWN0ZWRPcHRpb25dID0gdXNlU3RhdGUoZGVmYXVsdE9wdGlvbiB8fCB7fSk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBzZXRTZWxlY3RlZE9wdGlvbihvcHRpb24pO1xuICAgIG9uQ2hhbmdlICYmIG9uQ2hhbmdlKG9wdGlvbik7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8TGlzdGJveCBhcz17U2VsZWN0Um9vdH0gdmFsdWU9e3NlbGVjdGVkT3B0aW9ufSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfT5cbiAgICAgIHtsYWJlbCAmJiA8TGlzdGJveC5MYWJlbCBhcz17RmllbGRMYWJlbH0+e2xhYmVsfTwvTGlzdGJveC5MYWJlbD59XG4gICAgICA8TGlzdGJveC5CdXR0b24gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAge2N1c3RvbVRyaWdnZXIgPyAoXG4gICAgICAgICAgY3VzdG9tVHJpZ2dlcihzZWxlY3RlZE9wdGlvbilcbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8VHJpZ2dlciB0cmlnZ2VyVmFyaWFudD17dHJpZ2dlclZhcmlhbnR9PntzZWxlY3RlZE9wdGlvbi5jb250ZW50fTwvVHJpZ2dlcj5cbiAgICAgICAgKX1cbiAgICAgIDwvTGlzdGJveC5CdXR0b24+XG5cbiAgICAgIDxNZW51VHJhbnNpdGlvbj5cbiAgICAgICAgPExpc3Rib3guT3B0aW9uc1xuICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICB3aWR0aD17bWVudVdpZHRofVxuICAgICAgICAgIGFzPXtNZW51Q2FyZH1cbiAgICAgICAgICB6SW5kZXg9e21lbnVaSW5kZXh9XG4gICAgICAgID5cbiAgICAgICAgICB7b3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IChcbiAgICAgICAgICAgIDxMaXN0Ym94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17RnJhZ21lbnR9IGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH0+XG4gICAgICAgICAgICAgIHsoeyBhY3RpdmUsIHNlbGVjdGVkIH0pID0+IChcbiAgICAgICAgICAgICAgICA8TWVudUl0ZW0gaXNTZWxlY3RlZD17c2VsZWN0ZWR9IGlzQWN0aXZlPXthY3RpdmV9IGlzRGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfT5cbiAgICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9MaXN0Ym94Lk9wdGlvbj5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9MaXN0Ym94Lk9wdGlvbnM+XG4gICAgICA8L01lbnVUcmFuc2l0aW9uPlxuICAgIDwvTGlzdGJveD5cbiAgKTtcbn07XG5cblNlbGVjdC5wcm9wVHlwZXMgPSB7XG4gIG9wdGlvbnM6IFByb3BUeXBlcy5hcnJheSxcbiAgZGVmYXVsdE9wdGlvbjogUHJvcFR5cGVzLm9iamVjdCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBtZW51UGxhY2VtZW50OiB0eXBlcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudVpJbmRleDogdHlwZXMuekluZGV4LFxuICB0cmlnZ2VyOiBQcm9wVHlwZXMuZnVuYyxcbiAgdHJpZ2dlclZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2JveCcsICd0ZXh0J10pLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG59O1xuIl19 */"));
+})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", componentVars.fieldXPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgZm9yd2FyZFJlZiwgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uLCBCb3gsIFRleHQsIFRleHRCdXR0b24gfSBmcm9tICcuJztcbmltcG9ydCB7IEljb25DaGV2cm9uRG93biB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IExpc3Rib3ggfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgRmllbGRMYWJlbCxcbiAgTWVudUNhcmQsXG4gIE1lbnVJdGVtLFxuICBzdHlsZXMsXG4gIGNvbXBvbmVudFZhcnMsXG4gIE1lbnVUcmFuc2l0aW9uLFxufSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBUcmlnZ2VyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICBwYWRkaW5nOiAwICR7Y29tcG9uZW50VmFycy5maWVsZFhQYWRkaW5nfTtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTInKX07XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0cmlnZ2VyVmFyaWFudCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDw+XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAnYm94JyAmJiAoXG4gICAgICA8VHJpZ2dlckJ1dHRvbiByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgPEJveCBtYXJnaW5MZWZ0PVwiYXV0b1wiPlxuICAgICAgICAgIDxJY29uIGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9UcmlnZ2VyQnV0dG9uPlxuICAgICl9XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAndGV4dCcgJiYgKFxuICAgICAgPFRleHRCdXR0b24gcmVmPXtyZWZ9IGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IGljb25Qb3NpdGlvbj1cInJpZ2h0XCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICl9XG4gIDwvPlxuKSk7XG5cbmNvbnN0IFNlbGVjdFJvb3QgPSAoeyAuLi5wcm9wcyB9KSA9PiA8Qm94IHsuLi5wcm9wc30gbWluV2lkdGg9XCIwcHhcIiAvPjtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7XG4gIG9wdGlvbnMsXG4gIGRlZmF1bHRPcHRpb24sXG4gIG9uQ2hhbmdlLFxuICBtZW51UGxhY2VtZW50ID0gJ2JvdHRvbVN0YXJ0JyxcbiAgbWVudVdpZHRoID0gJzEwMCUnLFxuICB0cmlnZ2VyOiBjdXN0b21UcmlnZ2VyLFxuICB0cmlnZ2VyVmFyaWFudCA9ICdib3gnLFxuICBsYWJlbCxcbiAgbWVudVpJbmRleCxcbn0pID0+IHtcbiAgY29uc3QgW3NlbGVjdGVkT3B0aW9uLCBzZXRTZWxlY3RlZE9wdGlvbl0gPSB1c2VTdGF0ZShkZWZhdWx0T3B0aW9uIHx8IHt9KTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSBvcHRpb24gPT4ge1xuICAgIHNldFNlbGVjdGVkT3B0aW9uKG9wdGlvbik7XG4gICAgb25DaGFuZ2UgJiYgb25DaGFuZ2Uob3B0aW9uKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxMaXN0Ym94IGFzPXtTZWxlY3RSb290fSB2YWx1ZT17c2VsZWN0ZWRPcHRpb259IG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9PlxuICAgICAge2xhYmVsICYmIDxMaXN0Ym94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9MaXN0Ym94LkxhYmVsPn1cbiAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICA8TGlzdGJveC5CdXR0b24gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAgICB7Y3VzdG9tVHJpZ2dlciA/IChcbiAgICAgICAgICAgIGN1c3RvbVRyaWdnZXIoc2VsZWN0ZWRPcHRpb24pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUcmlnZ2VyIHRyaWdnZXJWYXJpYW50PXt0cmlnZ2VyVmFyaWFudH0+e3NlbGVjdGVkT3B0aW9uLmNvbnRlbnR9PC9UcmlnZ2VyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTGlzdGJveC5CdXR0b24+XG5cbiAgICAgICAgPE1lbnVUcmFuc2l0aW9uPlxuICAgICAgICAgIDxMaXN0Ym94Lk9wdGlvbnNcbiAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgIHdpZHRoPXttZW51V2lkdGh9XG4gICAgICAgICAgICBhcz17TWVudUNhcmR9XG4gICAgICAgICAgICB6SW5kZXg9e21lbnVaSW5kZXh9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge29wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgIDxMaXN0Ym94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17RnJhZ21lbnR9IGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH0+XG4gICAgICAgICAgICAgICAgeyh7IGFjdGl2ZSwgc2VsZWN0ZWQgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgPE1lbnVJdGVtIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkfSBpc0FjdGl2ZT17YWN0aXZlfSBpc0Rpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH0+XG4gICAgICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9MaXN0Ym94Lk9wdGlvbj5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvTGlzdGJveC5PcHRpb25zPlxuICAgICAgICA8L01lbnVUcmFuc2l0aW9uPlxuICAgICAgPC9Cb3g+XG4gICAgPC9MaXN0Ym94PlxuICApO1xufTtcblxuU2VsZWN0LnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICBkZWZhdWx0T3B0aW9uOiBQcm9wVHlwZXMub2JqZWN0LFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG1lbnVQbGFjZW1lbnQ6IHR5cGVzLm1lbnVQbGFjZW1lbnQsXG4gIG1lbnVXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51WkluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHRyaWdnZXI6IFByb3BUeXBlcy5mdW5jLFxuICB0cmlnZ2VyVmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnYm94JywgJ3RleHQnXSksXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbn07XG4iXX0= */"));
 
 var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -74,7 +74,6 @@ var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
 var SelectRoot = function SelectRoot(_ref2) {
   var props = Object.assign({}, _ref2);
   return ___EmotionJSX(Box, _extends({}, props, {
-    position: "relative",
     minWidth: "0px"
   }));
 };
@@ -109,7 +108,9 @@ export var Select = function Select(_ref3) {
     onChange: handleChange
   }, label && ___EmotionJSX(Listbox.Label, {
     as: FieldLabel
-  }, label), ___EmotionJSX(Listbox.Button, {
+  }, label), ___EmotionJSX(Box, {
+    position: "relative"
+  }, ___EmotionJSX(Listbox.Button, {
     as: Fragment
   }, customTrigger ? customTrigger(selectedOption) : ___EmotionJSX(Trigger, {
     triggerVariant: triggerVariant
@@ -133,7 +134,7 @@ export var Select = function Select(_ref3) {
         isDisabled: option.isDisabled
       }, option.content);
     });
-  }))));
+  })))));
 };
 Select.propTypes = {
   options: PropTypes.array,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "6.1.0",
+  "version": "6.1.2",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",